.feature-case{color:var(--ink);text-decoration:none}.case-copy h3 .case-arrow{font:normal .5em var(--sans);letter-spacing:0;margin-left:8px;vertical-align:top}.case-timeline{margin:0 0 145px;border-top:1px solid rgba(23,58,56,.28)}.timeline-head{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(23,58,56,.28);font-size:12px}.timeline-head p:last-child{margin:0;opacity:.65}.case-entry{min-height:92px;display:grid;grid-template-columns:9% 1.2fr 1fr 1fr;align-items:center;gap:18px;border-bottom:1px solid rgba(23,58,56,.28);color:var(--ink);text-decoration:none}.case-entry span,.case-entry em,.case-entry b{font:10px var(--mono);text-transform:uppercase;font-style:normal}.case-entry strong{font:500 clamp(1.35rem,2.5vw,2.5rem) var(--serif);letter-spacing:-.04em}.case-entry b{text-align:right}.case-entry.active{transition:background .25s,padding .25s}.case-entry.active:hover{background:var(--yellow);padding-left:18px}.case-entry.upcoming{opacity:.48}.case-page{background:var(--paper)}.case-header{position:relative;height:84px}.back-link{color:var(--ink);font:10px var(--mono);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.case-hero{padding:80px 9.1vw 0;background:var(--coral);overflow:hidden}.case-hero h1{font:500 clamp(6rem,15vw,15rem)/.72 var(--serif);letter-spacing:-.09em;margin:80px 0 36px}.case-lead{max-width:430px;font:500 clamp(1.3rem,2.3vw,2.1rem)/1.12 var(--serif);letter-spacing:-.04em;margin:0}.case-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:90px 0 60px}.case-roles div{border-top:1px solid var(--ink);padding-top:12px;display:flex;flex-direction:column;gap:8px}.case-roles b{font:10px var(--mono);text-transform:uppercase}.case-roles span{font-size:13px;line-height:1.4}.ohsnap-stage{height:min(52vw,650px);background:var(--yellow);position:relative;display:flex;align-items:center;justify-content:center;gap:5%;overflow:hidden}.stage-ring{position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(23,58,56,.35);border-radius:50%}.case-phone{height:74%;aspect-ratio:.48;border:7px solid var(--ink);border-radius:31px;box-shadow:18px 22px 0 rgba(23,58,56,.2);position:relative;z-index:1;overflow:hidden}.case-phone-left{background:var(--coral);padding:22% 12%;transform:rotate(-8deg)}.case-phone-left b{font:500 clamp(2.1rem,5.5vw,5rem)/.69 var(--serif);letter-spacing:-.13em}.case-phone-left small{position:absolute;bottom:10%;left:12%;font:8px var(--mono)}.case-phone-right{background:var(--paper);padding:24% 12%;transform:rotate(7deg)}.case-phone-right small{font:8px var(--mono)}.case-phone-right p{font:500 clamp(1.05rem,2vw,1.75rem)/1.05 var(--serif);letter-spacing:-.035em;margin:60px 0 0}.case-phone-right i{position:absolute;bottom:10%;left:12%;font:9px var(--mono);font-style:normal}.case-phone .phone-top{position:absolute;width:34%;height:12px;border-radius:20px;background:var(--ink);top:10px;left:33%}.spark{position:absolute;color:var(--ink);font-size:clamp(2rem,5vw,5rem)}.spark-one{left:9%;top:15%}.spark-two{right:9%;bottom:13%}.case-intro{padding:150px 9.1vw;display:grid;grid-template-columns:1fr 2fr;gap:9vw}.case-intro h2,.case-sticky h2,.case-outcome h2{font:500 clamp(3rem,6vw,6.2rem)/.9 var(--serif);letter-spacing:-.065em;margin:0 0 50px}.case-intro h2 em,.case-sticky h2 em,.case-outcome h2 em{font-weight:500}.case-intro div>p{max-width:560px;font-size:16px;line-height:1.75}.case-process{padding:140px 9.1vw;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:11vw}.case-sticky .eyebrow{color:var(--lime);margin-bottom:52px}.process-list{border-top:1px solid rgba(247,245,239,.35)}.process-list article{padding:30px 0 36px;border-bottom:1px solid rgba(247,245,239,.35)}.process-list span{font:10px var(--mono);color:var(--lime)}.process-list h3{font:500 clamp(1.6rem,2.5vw,2.5rem)/1 var(--serif);letter-spacing:-.04em;margin:28px 0 15px}.process-list p{font-size:14px;line-height:1.65;margin:0;max-width:450px}.case-outcome{padding:140px 9.1vw;background:var(--lime)}.case-outcome h2{margin:48px 0 90px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.outcome-grid div{border-top:1px solid var(--ink);padding-top:15px}.outcome-grid b{font:500 1.45rem var(--serif)}.outcome-grid p{font-size:13px;line-height:1.65;max-width:240px}.case-next{padding:130px 9.1vw;background:var(--sand)}.case-next a{display:inline-block;color:var(--ink);text-decoration:none;font:500 clamp(2.4rem,5vw,5rem)/1 var(--serif);letter-spacing:-.06em;margin-top:42px;border-bottom:1px solid var(--ink)}.case-next a span{font:normal .5em var(--sans);margin-left:20px}@media(max-width:720px){.case-timeline{margin-bottom:85px}.timeline-head{display:block}.timeline-head p:last-child{margin-top:8px}.case-entry{min-height:100px;grid-template-columns:30px 1fr;gap:8px;padding:15px 0}.case-entry em{grid-column:2}.case-entry b{display:none}.case-hero{padding:60px 7vw 0}.case-hero h1{font-size:clamp(5.5rem,25vw,8rem);margin:70px 0 28px}.case-roles{grid-template-columns:1fr;gap:18px;margin:55px 0 45px}.ohsnap-stage{height:125vw;margin:0 -7vw}.case-phone{border-width:4px;border-radius:22px}.case-phone-left{transform:rotate(-8deg) translateX(12px)}.case-phone-right{transform:rotate(7deg) translate(-12px,7%)}.case-intro{padding:95px 8vw;grid-template-columns:1fr;gap:35px}.case-intro h2,.case-sticky h2,.case-outcome h2{margin-bottom:32px}.case-intro div>p{font-size:14px}.case-process{padding:100px 8vw;grid-template-columns:1fr;gap:52px}.case-outcome{padding:95px 8vw}.case-outcome h2{margin:35px 0 55px}.outcome-grid{grid-template-columns:1fr;gap:28px}.case-next{padding:95px 8vw}.case-next a{font-size:2.6rem}}
