:root{}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--frost);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}img{display:block;width:100%;max-width:100%}button{font:inherit;cursor:pointer}::selection{color:var(--ink);background:var(--coral)}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:var(--white);z-index:10}.skip:focus{top:10px}
.wrap{width:min(1440px,calc(100% - 2*clamp(20px,5vw,84px)));margin-inline:auto}.mono{font:500 11px/1.6 var(--mono);letter-spacing:.055em;text-transform:uppercase}.h-display{font-family:var(--display);font-weight:800;letter-spacing:-.052em;line-height:1.09}
.site-head{position:relative;z-index:2;background:var(--frost);border-bottom:1px solid color-mix(in srgb,var(--mist) 70%,var(--frost))}.nav-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 clamp(21px,2.2vw,31px)/1 var(--display);letter-spacing:-.072em;white-space:nowrap}.brand i{color:var(--coral);font-style:normal}.site-links{display:flex;align-items:center;gap:clamp(16px,2vw,35px);font:500 12px var(--mono)}.site-links a:hover{text-decoration:underline;text-underline-offset:5px}.back-btn{border:1px solid color-mix(in srgb,var(--storm) 10%,var(--mist));border-radius:99px;padding:10px 16px}
.hero{padding:clamp(55px,7vw,115px) 0 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:clamp(30px,5vw,80px);align-items:end}.hero h1{max-width:950px;font-size:clamp(41px,5.6vw,88px);margin:0 0 35px;overflow-wrap:normal}.hero .lead{font-size:clamp(17px,1.7vw,24px);max-width:700px;margin:0 0 60px;color:color-mix(in srgb,var(--storm) 85%,var(--mist));line-height:1.55}.hero__img{height:clamp(430px,44vw,650px);border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--ink) 35%,var(--storm))}.hero__img img{height:100%;object-fit:cover;filter:saturate(.72)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--mist) 90%,var(--frost));padding:20px 0 0;margin-top:20px;color:color-mix(in srgb,var(--storm) 80%,var(--mist))}
.intro{padding:clamp(75px,8vw,135px) 0;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro h2,.section-head h2{font:800 clamp(35px,4.2vw,62px)/1.12 var(--display);letter-spacing:-.055em;margin:0}.intro p{font-size:clamp(17px,1.6vw,22px);line-height:1.65;color:color-mix(in srgb,var(--storm) 90%,var(--mist));margin:0}
.deliverables{padding:clamp(75px,8vw,130px) 0;background:color-mix(in srgb,var(--mist) 30%,var(--frost))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-head p{max-width:490px;color:color-mix(in srgb,var(--storm) 70%,var(--mist));margin:0}.deliverables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.deliverable{background:var(--frost);padding:clamp(24px,3.1vw,52px);min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.deliverable h3{font:800 clamp(21px,2vw,33px)/1.12 var(--display);letter-spacing:-.045em;margin:0 0 14px}.deliverable p{color:color-mix(in srgb,var(--storm) 75%,var(--mist));max-width:440px;margin:0}.deliverable .number{font:11px var(--mono);color:color-mix(in srgb,var(--storm) 60%,var(--mist));margin-bottom:36px}
.flow{padding:clamp(80px,8vw,140px) 0}.flow-title{font:800 clamp(32px,4vw,66px)/1.08 var(--display);letter-spacing:-.055em;margin:0 0 50px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid color-mix(in srgb,var(--storm) 5%,var(--mist))}.flow-step{padding:30px 22px 0 0;min-height:200px}.flow-step+ .flow-step{padding-left:22px;border-left:1px solid color-mix(in srgb,var(--storm) 5%,var(--mist))}.flow-step strong{display:block;font:700 19px var(--display);margin-top:15px}.flow-step p{font-size:14px;max-width:220px;color:color-mix(in srgb,var(--storm) 75%,var(--mist))}
.related{padding:clamp(75px,8vw,140px) 0;background:var(--ink);color:var(--frost)}.related .section-head p{color:color-mix(in srgb,var(--storm) 5%,var(--mist))}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-link{min-height:290px;padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--storm) 90%,var(--mist)),color-mix(in srgb,var(--ink) 70%,var(--storm)));display:flex;flex-direction:column;justify-content:space-between;border:1px solid color-mix(in srgb,var(--storm) 80%,var(--mist));transition:transform .2s,border-color .2s}.related-link:nth-child(2){background:linear-gradient(125deg,color-mix(in srgb,var(--ink) 35%,var(--storm)),color-mix(in srgb,var(--storm) 75%,var(--mist)))}.related-link:hover{transform:translateY(-4px);border-color:var(--mist)}.related-link strong{font:800 clamp(23px,2.75vw,43px)/1.15 var(--display);letter-spacing:-.04em}.related-link small{display:block;margin-top:12px;color:color-mix(in srgb,var(--storm) 5%,var(--mist))}.related-link em{align-self:flex-end;font-size:25px;font-style:normal}.disclaimer{color:color-mix(in srgb,var(--storm) 5%,var(--mist));font-size:12px;max-width:730px;margin-top:25px}
.cta{padding:clamp(85px,10vw,170px) 0;background:var(--coral)}.cta h2{font:800 clamp(39px,7vw,100px)/1.07 var(--display);letter-spacing:-.07em;max-width:1100px;margin:0 0 35px}.pill{display:inline-flex;align-items:center;gap:23px;background:var(--ink);color:var(--frost);border-radius:999px;padding:15px 24px;font:600 12px var(--mono);position:relative;overflow:hidden}.pill:before{content:'';position:absolute;top:0;left:5%;width:90%;height:45%;background:linear-gradient(180deg,color-mix(in srgb,var(--white) 29%,transparent),transparent);transition:opacity .2s}.pill:hover:before{opacity:0}.footer{padding:35px 0;background:var(--ink);color:color-mix(in srgb,var(--mist) 60%,var(--frost))}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:930px){.hero-grid{grid-template-columns:1fr}.hero .lead{margin-bottom:25px}.hero__img{height:410px}.intro{grid-template-columns:1fr;gap:24px}.flow-steps{grid-template-columns:repeat(2,1fr);row-gap:28px}.flow-step:nth-child(3){border-left:0;padding-left:0}.hero h1{font-size:clamp(42px,6.2vw,70px)}}
@media(max-width:600px){.nav-inner{min-height:74px}.site-links{gap:12px;font-size:10px}.site-links a:nth-child(2){display:none}.hero{padding-top:56px}.hero h1{font-size:clamp(32px,9vw,51px);letter-spacing:-.055em}.hero .lead{font-size:16px}.hero__img{height:320px}.deliverables-grid,.related-grid{grid-template-columns:1fr}.deliverable{min-height:210px}.flow-steps{grid-template-columns:1fr}.flow-step{min-height:auto;padding:22px 0;border-left:0!important;border-bottom:1px solid color-mix(in srgb,var(--storm) 5%,var(--mist))}.flow-step+ .flow-step{padding-left:0}.section-head{display:block}.section-head p{margin-top:18px}.intro h2,.section-head h2{font-size:clamp(30px,8vw,42px)}.cta h2{font-size:clamp(35px,9vw,55px);}.related-link{min-height:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.subnav-group{position:relative}.subnav-trigger{display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:500 12px var(--mono);padding:12px 4px}.subnav-panel{display:none;position:absolute;left:-16px;top:calc(100% + 10px);min-width:230px;background:var(--frost);box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 18.8235%,transparent);border:1px solid color-mix(in srgb,var(--mist) 70%,var(--frost));padding:9px;z-index:10}.subnav-group.is-open .subnav-panel{display:grid}.subnav-panel a{padding:10px 12px;display:block;border-bottom:1px solid color-mix(in srgb,var(--mist) 75%,var(--frost));font:600 13px var(--body)}.subnav-panel a:last-child{border:0}.subnav-panel a:hover{background:color-mix(in srgb,var(--mist) 20%,var(--frost))}.subnav-group .subnav-trigger span{transition:transform .2s}.subnav-group.is-open .subnav-trigger span{transform:rotate(180deg)}@media(hover:hover) and (min-width:721px){.subnav-group:hover .subnav-panel,.subnav-group:focus-within .subnav-panel{display:grid}}@media(max-width:600px){.site-links{gap:7px}.site-links .work-link{display:none}.subnav-trigger{font-size:11px}.back-btn{padding:9px 10px}.brand{font-size:19px}}
