:root{--accent:#eea4a2}.hero{min-height:87svh;background:#100e0f}.hero .art{inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;z-index:-2;opacity:.94}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e0d0f 6%,#100d10bb 36%,transparent 78%)}.hero h1{font-size:clamp(4.8rem,10vw,11rem);max-width:9ch;line-height:.89}.hero em,.wrap h1 em{font-family:Georgia,serif;color:#f0bab3;font-weight:400}.hero .intro{max-width:39ch}.project img,.case-photo{border-radius:2px}.case-photo{width:100%;height:clamp(280px,45vw,660px);object-fit:cover;margin:1rem 0 3rem}.project h3{font-size:clamp(2rem,5vw,5rem)}.inquiry{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:5vw}.contact-lead h1{font-size:clamp(3.3rem,6vw,7rem)}.brand-study{background:#e9e4dc;color:#171314}.brand-study img{display:block;background:#161318;padding:4vw;width:100%}.palette{display:flex;margin:0 0 3rem}.palette b{flex:1;padding:2rem .5rem;color:white;background:#171314}.palette b:nth-child(2){background:#632837}.palette b:nth-child(3){background:#ed9b9a;color:#211518}.palette b:nth-child(4){background:#faf6ed;color:#211518}.device-view{position:relative;max-width:100%;width:100%;margin:2rem auto;transition:width .55s}.device-view.phone{width:min(100%,360px)}.device-view img{width:100%;aspect-ratio:2;object-fit:cover}.device-view.phone img{aspect-ratio:.75}.device-view strong{position:absolute;left:5%;bottom:8%;font-size:clamp(1.8rem,5vw,4rem);line-height:1}.audit{padding:1.5rem 0;border-top:1px solid #695458}.audit summary{font-size:1.4rem;cursor:pointer}.diag{display:inline-block;width:.55em;height:.55em;border-right:1px solid;border-top:1px solid}.project:nth-of-type(even){width:91%}.project .actions a:hover{color:#efb4b2}.form>*{min-width:0}@media(min-width:900px){.project{display:grid;grid-template-columns:1.6fr 1fr;column-gap:4vw;align-content:center}.project img{grid-column:1;grid-row:1/6;aspect-ratio:1.2;height:100%}.project>*:not(img){grid-column:2}.project .kicker{margin-top:3rem}.contact-lead{position:sticky;top:3rem}}@media(max-width:790px){.inquiry{display:block}.contact-lead{margin-bottom:2rem}.project:nth-of-type(even){width:100%}.hero .art{width:100%}.hero h1{font-size:clamp(4rem,12vw,6rem)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}