.work-page{background:var(--plum)}
.work-page .site-header{background:#102126e9;border-bottom:1px solid #f1e8d82b;backdrop-filter:blur(18px)}
.work-page .desktop-nav [aria-current="page"]{color:var(--gold)}
.work-page-hero{min-height:100svh;padding:clamp(160px,20vh,240px) clamp(24px,5vw,84px) 60px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 55%,#76314986,transparent 45%),linear-gradient(120deg,#11282e 0%,#25151d 70%)}
.work-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(#f1e8d817 1px,transparent 1px),linear-gradient(90deg,#f1e8d817 1px,transparent 1px);background-size:clamp(95px,12vw,180px) clamp(95px,12vw,180px);mask-image:linear-gradient(90deg,transparent 10%,black)}
.work-page-hero:after{content:"↗";font-family:var(--display);font-size:min(90vw,1100px);line-height:1;position:absolute;right:-.14em;top:-.05em;color:#f1e8d807;z-index:-1;animation:workDrift 13s ease-in-out infinite alternate}
.work-page-hero-inner{max-width:1640px;margin:auto}.work-page-hero .eyebrow{color:var(--gold)}
.work-page-hero h1{font-family:var(--display);font-size:clamp(130px,20vw,340px);letter-spacing:-.075em;line-height:.72;text-transform:uppercase;margin:clamp(55px,10vh,140px) 0 50px;animation:workIntro 1s cubic-bezier(.16,1,.3,1) both}
.work-page-hero h1 em{font-style:normal;color:#c78a69}
.work-page-hero-bottom{border-top:1px solid #f1e8d897;padding-top:26px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.work-page-hero-bottom p{font-size:clamp(17px,1.7vw,25px);line-height:1.4;max-width:710px;margin:0}
.work-page-hero-bottom a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;border-bottom:1px solid var(--bone);padding-bottom:10px;white-space:nowrap}.work-page-hero-bottom a span{margin-left:26px}
.work-page-hero-rail{position:absolute;right:20px;top:50%;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.16em;color:#d4c2b7;opacity:.8}
.case-study{background:var(--bone);color:var(--petrol);padding-top:clamp(95px,11vw,170px);padding-bottom:clamp(90px,11vw,170px)}
.case-study .section-index{color:var(--burgundy)}
.case-lead{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(245px,.47fr);gap:clamp(25px,4vw,70px);align-items:end}
.case-lead .section-index{align-self:start;margin:0}.case-lead h2,.work-scope h2,.work-next h2{font-family:var(--display);font-size:clamp(85px,9.8vw,160px);font-weight:800;line-height:.77;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.case-lead h2 em,.work-scope h2 em,.work-next h2 em{font-style:normal;color:var(--burgundy)}
.case-lead>p:last-child{font-size:15px;line-height:1.58;margin:0 0 5px;max-width:420px}
.case-problem{border-top:1px solid #142b305c;border-bottom:1px solid #142b305c;padding:clamp(30px,5vw,65px) 0;margin:clamp(75px,10vw,140px) 0 0;display:grid;grid-template-columns:160px 1fr;gap:clamp(25px,4vw,70px)}
.case-problem span,.case-end>span,.case-step>span{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--burgundy)}
.case-problem p{font-family:var(--display);font-weight:700;letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(36px,4.2vw,70px);line-height:.94;margin:0;max-width:1200px}
.case-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #142b305c}
.case-step{min-height:440px;padding:35px clamp(22px,3vw,50px) 34px;border-right:1px solid #142b305c;display:flex;flex-direction:column;align-items:flex-start;transition:background .35s,color .35s}
.case-step:first-child{padding-left:0}.case-step:last-child{border-right:0;padding-right:0}.case-step:hover{background:#142b30;color:var(--bone);padding-left:clamp(22px,3vw,50px)}
.case-step:hover>span,.case-step:hover b{color:var(--gold)}
.case-step h3{font-family:var(--display);font-size:clamp(47px,5vw,82px);font-weight:800;letter-spacing:-.05em;line-height:.9;text-transform:uppercase;margin:auto 0 25px}
.case-step p{font-size:14px;line-height:1.5;max-width:320px;margin:0 0 28px}
.case-step b{font-size:10px;letter-spacing:.16em;color:var(--burgundy);margin-top:auto}
.case-end{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(200px,.35fr);gap:clamp(25px,4vw,70px);padding-top:clamp(36px,5vw,80px);align-items:start}
.case-end p{font-family:var(--display);font-size:clamp(38px,4.3vw,72px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;font-weight:700;margin:0;max-width:1000px}
.case-end small{font-size:11px;line-height:1.5;color:#536469;max-width:220px}
.work-scope{background:var(--plum)}.work-scope .section-index{color:var(--gold)}
.work-scope-intro{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(245px,.47fr);gap:clamp(25px,4vw,70px);align-items:end;margin-bottom:clamp(65px,8vw,120px)}
.work-scope-intro .section-index{align-self:start;margin:0}.work-scope h2 em{color:#c78a69}.work-scope-intro>p:last-child{font-size:16px;line-height:1.5;margin:0}
.work-scope .proof-wall{margin:0}
.work-next{background:radial-gradient(circle at 80% 20%,#6c324478,transparent 33%),linear-gradient(130deg,#142b30,#24151d);min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.work-next .section-index{color:var(--gold)}.work-next h2{margin-bottom:36px}.work-next h2 em{color:var(--gold)}.work-next>p:not(.section-index){font-size:clamp(17px,1.6vw,23px);line-height:1.5;max-width:620px;margin:0 0 32px}
@keyframes workIntro{from{opacity:0;transform:translateY(70px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes workDrift{to{transform:translate(-2%,3%) rotate(3deg)}}
@media(max-width:1100px){.case-lead,.work-scope-intro{grid-template-columns:130px 1fr}.case-lead>p:last-child,.work-scope-intro>p:last-child{grid-column:2}.case-end{grid-template-columns:130px 1fr}.case-end small{grid-column:2}.case-step{min-height:390px}}
@media(max-width:760px){.work-page-hero{padding-top:165px;min-height:85svh}.work-page-hero h1{font-size:clamp(110px,22vw,190px)}.work-page-hero-bottom{display:block}.work-page-hero-bottom a{display:inline-block;margin-top:30px}.work-page-hero-rail{display:none}.case-lead,.work-scope-intro,.case-problem,.case-end{grid-template-columns:1fr;gap:24px}.case-lead>p:last-child,.work-scope-intro>p:last-child,.case-end small{grid-column:auto}.case-lead h2,.work-scope h2,.work-next h2{font-size:clamp(80px,14vw,120px)}.case-map{grid-template-columns:1fr}.case-step{min-height:0;padding:30px 0 35px;border-right:0;border-bottom:1px solid #142b305c}.case-step h3{margin:60px 0 22px}.case-step:hover{padding-left:20px}.case-step:last-child{border-bottom:0}.case-problem{margin-top:65px}}
@media(max-width:480px){.work-page-hero{padding-top:145px;padding-bottom:45px}.work-page-hero h1{font-size:clamp(84px,22vw,122px);margin:65px 0 45px}.case-lead h2,.work-scope h2,.work-next h2{font-size:clamp(70px,15vw,90px)}.case-step h3{font-size:clamp(49px,13vw,67px)}.case-problem p,.case-end p{font-size:clamp(36px,10vw,54px)}}
@media(prefers-reduced-motion:reduce){.work-page-hero h1,.work-page-hero:after{animation:none}}
@media(max-width:480px){.work-page-hero h1{font-size:clamp(64px,20vw,96px)}.case-lead h2,.work-scope h2,.work-next h2{font-size:clamp(48px,12.5vw,74px)}.case-problem p,.case-end p{font-size:clamp(32px,9vw,48px)}}
.strategy-visuals{padding:clamp(70px,8vw,130px) 0 0}
.strategy-visuals-intro{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(220px,.45fr);gap:clamp(24px,4vw,70px);align-items:end;margin-bottom:clamp(34px,4vw,65px)}
.strategy-visuals-intro>span,.strategy-visual figcaption span{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--burgundy)}
.strategy-visuals-intro>span{align-self:start}
.strategy-visuals-intro h3{font-family:var(--display);font-size:clamp(77px,8vw,130px);line-height:.77;letter-spacing:-.055em;text-transform:uppercase;margin:0}
#visuals-title{scroll-margin-top:150px}
.strategy-visuals-intro h3 em{font-style:normal;color:var(--burgundy)}
.strategy-visuals-intro p{font-size:14px;line-height:1.55;margin:0;max-width:390px}
.strategy-visual{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);border-top:1px solid #142b305c;align-items:stretch}
.strategy-visual:last-of-type{border-bottom:1px solid #142b305c}
.strategy-visual img{display:block;width:100%;height:auto;aspect-ratio:1200/680;object-fit:cover}
.strategy-visual figcaption{padding:clamp(20px,3vw,45px);display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.strategy-visual figcaption strong{font-family:var(--display);font-size:clamp(29px,3.2vw,50px);line-height:.94;letter-spacing:-.03em;text-transform:uppercase}
.strategy-visual figcaption p{font-size:14px;line-height:1.45;margin:0;max-width:320px}
.strategy-metric{border-top:1px solid #142b305c;padding-top:18px;display:flex;align-items:flex-start;gap:15px}
.strategy-metric b{font-family:var(--display);font-size:clamp(44px,4.5vw,70px);line-height:.8;letter-spacing:-.06em;color:var(--burgundy);white-space:nowrap}
.strategy-metric span{font-size:11px;line-height:1.4;max-width:190px}
.strategy-scenario-note{border-top:1px solid #142b305c;padding:28px 0 0;margin:0;font-size:12px;line-height:1.55;max-width:900px;color:#536469}
.strategy-accordion{border-top:1px solid #142b305c}
.strategy-accordion:last-of-type{border-bottom:1px solid #142b305c}
.strategy-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:72px minmax(0,1fr) 155px 48px;gap:clamp(16px,2.5vw,40px);align-items:center;padding:clamp(26px,3.5vw,54px) 0;transition:color .25s}
.strategy-accordion summary::-webkit-details-marker{display:none}
.strategy-accordion summary:focus-visible{outline:3px solid var(--burgundy);outline-offset:5px}
.strategy-accordion-number{font-family:var(--display);font-size:clamp(34px,4vw,58px);line-height:1;color:var(--burgundy)}
.strategy-accordion-head{display:flex;flex-direction:column;gap:10px}
.strategy-accordion-head small,.strategy-accordion-percent small,.strategy-accordion-impact>span{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--burgundy)}
.strategy-accordion-head strong{font-family:var(--display);font-size:clamp(32px,4vw,66px);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;font-weight:800}
.strategy-accordion-percent{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.strategy-accordion-percent b{font-family:var(--display);font-size:clamp(48px,5vw,78px);line-height:.8;letter-spacing:-.06em;color:var(--burgundy)}
.strategy-accordion-icon{font-family:var(--display);font-size:54px;line-height:1;font-weight:600;text-align:right;transition:transform .3s}
.strategy-accordion[open] .strategy-accordion-icon{transform:rotate(45deg)}
.strategy-accordion summary:hover .strategy-accordion-head strong{color:var(--burgundy)}
.strategy-accordion-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.36fr);gap:clamp(20px,3vw,48px);align-items:center;padding:0 0 clamp(30px,4vw,60px) 72px;animation:workIntro .4s ease both}
.strategy-accordion-panel img{display:block;width:100%;height:auto;aspect-ratio:1200/680;object-fit:cover}
.strategy-accordion-impact{display:flex;flex-direction:column;gap:20px;padding-bottom:10px}
.strategy-accordion-impact strong{font-family:var(--display);font-size:clamp(36px,3.5vw,56px);line-height:.93;text-transform:uppercase;letter-spacing:-.04em}
.strategy-accordion-impact p{font-size:15px;line-height:1.5;margin:0}
.strategy-accordion-impact small{font-size:11px;line-height:1.4;color:#536469}
@media(max-width:1050px){.strategy-visuals-intro{grid-template-columns:130px 1fr}.strategy-visuals-intro p{grid-column:2}.strategy-visual{grid-template-columns:1fr}.strategy-visual img{aspect-ratio:1200/680}.strategy-visual figcaption{padding:18px 0 28px;display:grid;grid-template-columns:180px 1fr;gap:20px}.strategy-visual figcaption strong{font-size:clamp(29px,4vw,42px)}}
@media(max-width:760px){.strategy-visuals-intro{grid-template-columns:1fr;gap:20px}.strategy-visuals-intro p{grid-column:auto}.strategy-visuals-intro h3{font-size:clamp(70px,13vw,105px)}.strategy-visual figcaption{grid-template-columns:1fr;gap:12px}.strategy-visual img{aspect-ratio:1200/680}.strategy-visual figcaption strong{font-size:34px}}
@media(max-width:760px){.strategy-metric{align-items:center}.strategy-metric b{font-size:54px}.strategy-metric span{max-width:260px}}
@media(max-width:900px){.strategy-accordion summary{grid-template-columns:50px minmax(0,1fr) 115px 30px;gap:15px}.strategy-accordion-panel{grid-template-columns:1fr;padding-left:65px}.strategy-accordion-impact{display:flex;flex-direction:column;gap:12px}}
@media(max-width:600px){.strategy-accordion summary{grid-template-columns:36px minmax(0,1fr) 80px 22px;gap:9px;padding:28px 0}.strategy-accordion-number{font-size:29px}.strategy-accordion-head strong{font-size:clamp(26px,7vw,40px)}.strategy-accordion-head small{font-size:8px}.strategy-accordion-percent b{font-size:40px}.strategy-accordion-percent small{font-size:7px}.strategy-accordion-icon{font-size:32px}.strategy-accordion-panel{padding-left:0}.strategy-accordion-impact{display:flex}.strategy-accordion-impact strong{font-size:38px}}
