.feature-case{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;margin:70px 0 155px}.feature-visual{height:min(51vw,610px);background:var(--coral);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:30px}.phone{height:72%;aspect-ratio:.48;border:6px solid var(--ink);border-radius:27px;box-shadow:14px 16px 0 rgba(23,58,56,.2);position:relative;overflow:hidden}.phone-one{background:var(--yellow);padding:18% 12%}.phone-one b{font:500 clamp(1.6rem,4vw,4rem)/.72 var(--serif);letter-spacing:-.12em}.phone-one small{font:8px var(--mono);position:absolute;left:12%;bottom:12%}.phone-top{position:absolute;width:34%;height:12px;border-radius:20px;background:var(--ink);top:10px;left:33%}.phone-two{background:var(--paper);transform:translateY(11%);padding:22% 11%;font:9px var(--mono)}.phone-two p{font:500 clamp(1rem,1.8vw,1.6rem)/1.05 var(--serif);margin-top:50px}.phone-two i{position:absolute;right:12%;bottom:10%;width:31px;height:31px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-style:normal}.feature-visual>em{position:absolute;right:6%;top:7%;font:500 clamp(5rem,12vw,10rem)/1 var(--serif);color:rgba(247,245,239,.55);letter-spacing:-.1em}.case-copy h3{font:500 clamp(3.3rem,6vw,6rem)/.85 var(--serif);letter-spacing:-.075em;margin:35px 0 10px}.case-role{font:10px var(--mono);text-transform:uppercase}.case-copy>p:not(.eyebrow):not(.case-role){font-size:14px;line-height:1.7;margin:38px 0}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{font:9px var(--mono);text-transform:uppercase;border:1px solid var(--ink);padding:7px 9px;border-radius:99px}.product-grid{margin-bottom:80px}.live-products{border-top:1px solid rgba(23,58,56,.25);padding-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.live-products div{display:flex;flex-wrap:wrap;gap:9px}.live-products span{font:11px var(--mono);padding:10px 13px;background:var(--sand);border-radius:30px}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid rgba(201,220,140,.5);padding-top:25px}.discipline-grid span{font:10px var(--mono);color:var(--lime)}.discipline-grid h3{font:500 1.55rem var(--serif);margin:40px 0 14px}.discipline-grid p{font-size:13px;line-height:1.65;margin:0}.experience{padding:150px 9.1vw}.timeline{margin-top:100px;border-top:1px solid rgba(23,58,56,.3)}.timeline article{display:grid;grid-template-columns:22% 1fr;padding:28px 0 42px;border-bottom:1px solid rgba(23,58,56,.3)}.timeline article>p,.timeline span{font:10px var(--mono);text-transform:uppercase;margin:0}.timeline h3{font:500 clamp(1.6rem,2.8vw,2.8rem)/1 var(--serif);letter-spacing:-.045em;margin:0 0 10px}.timeline div>p{max-width:530px;font-size:14px;line-height:1.65;margin:24px 0 0}.credential-list{border-top:1px solid rgba(23,58,56,.35);margin-top:38px;padding-top:14px}.credential-list p{font-size:12px;line-height:1.65;margin:0 0 15px}.credential-list b{font:10px var(--mono);text-transform:uppercase;display:block;margin-bottom:3px}.connect h2 em{font-weight:500}.connect-note{font-size:14px;margin:0}.connect{min-height:470px}
@media(max-width:720px){.feature-case{grid-template-columns:1fr;gap:40px;margin:50px 0 100px}.feature-visual{height:112vw}.phone{border-width:4px;border-radius:20px}.phone-one{transform:translateX(12px)}.phone-two{transform:translate(-10px,10%)}.feature-visual>em{font-size:7rem}.live-products{grid-template-columns:1fr;gap:17px}.discipline-grid{grid-template-columns:1fr;gap:34px}.experience{padding:95px 8vw}.timeline{margin-top:65px}.timeline article{grid-template-columns:1fr;gap:17px}.timeline div>p{font-size:13px}.connect{min-height:400px}}
