.inner-surface{--bg:#eeede8;--fg:#151514;--muted:#60605a;--faint:#73736d;--line:#1414121f;color:var(--fg);background-color:var(--bg);background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#1414120e 0);background-size:25% 100%}.case-cover-hero{height:clamp(620px,84svh,820px);min-height:620px;padding:180px var(--gutter) 135px;place-items:center;display:grid;position:relative;overflow:hidden}.case-cover{position:absolute;inset:0;overflow:hidden}.case-cover img{object-fit:cover;filter:grayscale(.85)brightness(.42)blur(3px);width:100%;height:112%;transform:translate3d(0, var(--parallax,0px), 0) scale(1.04);position:absolute;inset:-6% 0}.case-cover:after{content:"";background:linear-gradient(#0a0a0a8c,#0a0a0a1f 52%,#0a0a0a);position:absolute;inset:0}.case-cover-hero>.breadcrumb{left:var(--gutter);color:#c4c4bd;margin:0;position:absolute;top:140px}.case-cover-hero>.breadcrumb:hover{color:var(--orange)}.case-heading{text-align:center;width:100%;max-width:950px;position:relative}.case-heading h1{letter-spacing:-.045em;font-size:clamp(56px,5.25vw,88px);line-height:1.05}.case-heading p{color:#cecec7;max-width:650px;margin:35px auto 0;font-size:16px;line-height:1.7}.case-scroll{width:44px;height:44px;transition:transform .6s var(--motion-ease), color .4s;place-items:center;font-size:27px;display:grid;position:absolute;bottom:38px;left:calc(50% - 22px)}.case-scroll:hover{color:var(--orange);transform:translateY(5px)}.case-facts{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-facts>p,.case-facts>a{min-width:0;min-height:140px;padding:30px var(--gutter);border:0;border-right:1px solid var(--line);align-items:center;font-size:20px;line-height:1.3;display:flex}.case-facts>p:nth-child(2){font-size:30px}.case-facts>a{justify-content:space-between;gap:20px;font-size:14px}.case-facts>:last-child{border-right:0}.case-story{border-top:1px solid var(--line);grid-template-columns:1fr 3fr;padding:clamp(85px,9vw,145px) 0;display:grid}.case-task{border-top:0}.case-story>h2{padding:0 var(--gutter);font-size:clamp(30px,3vw,45px);line-height:1.1}.story-copy{padding:0 var(--gutter);max-width:880px}.story-copy p{color:var(--muted);font-size:19px;line-height:1.75}.case-task .story-copy p,.case-result .story-copy p{letter-spacing:-.025em;color:var(--fg);font-size:clamp(25px,2.5vw,38px);line-height:1.35}.case-result .text-link{margin-top:35px}.case-gallery-editorial{border-top:1px solid var(--line);background:#141413;grid-template-columns:1.1fr .9fr;align-items:start;display:grid;position:relative}.case-gallery-frame{border-right:1px solid var(--line);margin:0;padding:clamp(24px,3.2vw,65px)}.case-gallery-frame.is-secondary{border-right:0;position:sticky;top:110px}.case-gallery-frame img{width:100%;height:auto}.case-next{border-top:1px solid var(--line)}.next-project{grid-template-columns:1fr 1fr;display:grid}.next-project-image{background:#d5d4ce;min-height:400px;overflow:hidden}.next-project-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform 1.1s var(--motion-ease), filter .8s var(--motion-ease)}.next-project-copy{padding:75px var(--gutter);align-self:center}.next-project-copy h2{font-size:clamp(42px,4.7vw,76px);line-height:1.05}.next-project-copy p{max-width:430px;color:var(--muted);margin-top:25px;font-size:17px;line-height:1.7}.next-project-copy .text-link{margin-top:35px}.next-project:is(:hover,:focus-visible) .next-project-image img{filter:grayscale(0);transform:scale(1.04)}.next-project:is(:hover,:focus-visible) .text-link{color:var(--orange);border-color:var(--orange)}.next-project:is(:hover,:focus-visible) .text-link>span{transform:translate(5px,-5px)}.case-cta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:clamp(100px,13vw,200px) 0;display:grid}.case-cta>h2,.case-cta>div{padding:0 var(--gutter)}.case-cta h2{font-size:clamp(44px,4.7vw,76px);line-height:1.03}.case-cta p{max-width:400px;color:var(--muted);margin-bottom:40px;font-size:18px;line-height:1.7}.contact-page{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.contact-main{border-right:1px solid var(--line);min-width:0}.contact-heading{padding:145px var(--gutter) 55px}.contact-heading .breadcrumb{margin-bottom:38px}.contact-heading h1{letter-spacing:-.045em;max-width:520px;font-size:clamp(55px,5.25vw,88px);line-height:1.05}.contact-heading>p{max-width:510px;color:var(--muted);margin-top:30px;font-size:16px;line-height:1.7}.contact-page .lead-form{padding-bottom:40px;display:block;position:relative}.contact-page .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.contact-page .lead-form label:not(.consent){padding:26px var(--gutter) 22px;border-top:1px solid var(--line);gap:16px;min-width:0;font-size:12px;transition:background .4s}.contact-page .form-row label:first-child{border-right:1px solid var(--line)}.contact-page.keyboard-navigation .lead-form label:not(.consent):focus-within{background:#141413}.contact-page .lead-form :is(input,textarea,select):focus{outline:none}.contact-page.keyboard-navigation .lead-form :is(input,textarea,select):focus-visible{outline:2px solid var(--orange);outline-offset:6px}.contact-page .lead-form input:not([type=checkbox]),.contact-page .lead-form textarea,.contact-page .lead-form select{border-bottom:0;min-width:0;padding:8px 0;font-size:16px}.contact-page .lead-form textarea{min-height:120px}.contact-page .lead-form select{cursor:pointer}.contact-page .message-field{border-bottom:1px solid var(--line)}.contact-page .form-actions{padding:32px var(--gutter) 0;gap:26px;display:grid}.contact-page .consent{max-width:470px;font-size:12px}.contact-aside{background:#10100f;align-items:end;height:100svh;min-height:740px;display:flex;position:sticky;top:0;overflow:hidden}.contact-art{position:absolute;inset:0;overflow:hidden}.contact-art img{object-fit:cover;object-position:65% center;filter:contrast(1.44)grayscale();width:100%;height:112%;transform:translate3d(0, var(--parallax,0px), 0);position:absolute;inset:-6% 0}.contact-art:after{content:"";background:linear-gradient(#0a0a0a80,#0a0a0a0a 25%,#0a0a0ae6 78%,#0a0a0a 98%);position:absolute;inset:0}.contact-direct{width:100%;padding-bottom:40px;position:relative}.contact-direct>a{padding:23px var(--gutter);border-top:1px solid var(--line);font-size:17px;transition:color .4s,background .6s;display:block}.contact-direct>a:first-child{letter-spacing:-.04em;padding-bottom:35px;font-size:clamp(30px,3.2vw,52px);line-height:1.15}.contact-direct>a:hover{color:var(--orange);background:#ffffff06}@keyframes contact-art-in{0%{opacity:0;clip-path:inset(0 0 0 12%)}to{opacity:1;clip-path:inset(0)}}@keyframes contact-image-in{0%{scale:1.06}to{scale:1}}@media (prefers-reduced-motion:no-preference){:where(.contact-page) [data-contact-enter]{--enter-distance:28px;animation:enter-up 1s var(--motion-ease) var(--contact-delay,0s) backwards}.contact-heading .breadcrumb{--contact-delay:60ms;--enter-distance:16px}.contact-heading h1{--contact-delay:.12s;--enter-distance:60px;animation-duration:1.2s}.contact-heading>p{--contact-delay:.26s}.contact-page .form-row:first-child{--contact-delay:.34s}.contact-page .form-row:nth-child(2){--contact-delay:.43s}.contact-page .message-field{--contact-delay:.52s}.contact-page .form-actions{--contact-delay:.61s}.contact-art{animation:contact-art-in 1.1s var(--motion-ease) 80ms backwards}.contact-art img{animation:contact-image-in 1.4s var(--motion-ease) backwards}.contact-direct>a:first-child{--contact-delay:.34s}.contact-direct>a:nth-child(2){--contact-delay:.43s}.contact-direct>a:nth-child(3){--contact-delay:.52s}.contact-page.has-interacted [data-contact-enter]{animation:none}}@media (width<=1000px){.case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.case-facts>:nth-child(2){border-right:0}.case-facts>:nth-child(n+3){border-top:1px solid var(--line)}.case-facts>p,.case-facts>a{min-height:110px}.case-story{grid-template-columns:1fr 2fr}.next-project-image{min-height:360px}.next-project-copy{padding-block:55px}}@media (width<=900px){.contact-page{grid-template-columns:1fr}.contact-main{border-right:0}.contact-heading{padding-top:145px}.contact-heading h1{font-size:68px}.contact-heading>p{max-width:540px}.contact-aside{border-top:1px solid var(--line);height:500px;min-height:0;position:relative}.contact-direct{padding-bottom:25px}.contact-direct>a:first-child{font-size:40px}}@media (width<=700px){.inner-surface{background-size:50% 100%}.case-cover-hero{height:80svh;min-height:600px;padding-top:175px;padding-bottom:130px}.case-cover-hero>.breadcrumb{top:120px}.case-heading h1{font-size:clamp(49px,9vw,68px)}.case-heading p{max-width:470px;margin-top:28px;font-size:15px}.case-scroll{bottom:30px}.case-facts>p,.case-facts>a{min-height:110px;padding:25px 22px}.case-facts>p{font-size:18px}.case-facts>p:nth-child(2){font-size:25px}.case-facts>a{gap:15px;font-size:13px}.case-story{grid-template-columns:1fr;gap:30px;padding:75px 0}.case-story>h2{font-size:34px}.story-copy p{font-size:17px}.case-task .story-copy p,.case-result .story-copy p{font-size:27px}.case-gallery-editorial{grid-template-columns:1fr}.case-gallery-frame,.case-gallery-frame.is-secondary{border-right:0;padding:25px 22px;position:static}.case-gallery-frame.is-secondary{border-top:1px solid var(--line)}.next-project{grid-template-columns:1fr}.next-project-image{height:300px;min-height:0}.next-project-copy{padding:45px var(--gutter) 65px}.next-project-copy h2{font-size:46px}.next-project-copy p{font-size:16px}.case-cta{grid-template-columns:1fr;gap:35px}.case-cta h2{font-size:clamp(40px,9vw,58px)}.case-cta p{margin-bottom:30px;font-size:16px}.contact-heading{padding-top:120px;padding-bottom:45px}.contact-heading h1{font-size:clamp(46px,9vw,64px)}.contact-heading .breadcrumb{margin-bottom:30px}.contact-heading>p{margin-top:27px;font-size:15px}.contact-page .lead-form label:not(.consent){padding:25px 22px 20px}.contact-page .lead-form input:not([type=checkbox]),.contact-page .lead-form textarea,.contact-page .lead-form select{font-size:17px}.contact-aside{height:470px}.contact-direct>a{font-size:16px}.contact-direct>a:first-child{font-size:clamp(27px,8.5vw,35px)}}@media (width<=480px){.case-facts>p{font-size:16px}.case-facts>p:nth-child(2){white-space:nowrap;font-size:clamp(19px,6.2vw,24px)}.case-facts>a{gap:12px;font-size:12px}.contact-page .form-row{grid-template-columns:1fr}.contact-page .form-row label:first-child{border-right:0}}
