@layer components{.case-hero_wrap{background-image:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--accent-pink) 15%, transparent), transparent 65%);overflow:clip}.case-hero_wrap .case-hero_layout{gap:var(--space-7)}.case-hero_wrap .case-hero_intro{min-width:0}.case-hero_wrap .case-hero_intro>.heading{margin-top:0}.case-hero_wrap .case-hero_intro>.text:not(.text-style-h4){color:var(--text-2)}.case-hero_wrap .case-hero_intro>.text{text-wrap:pretty}.case-hero_wrap .button_wrap:not(.link){border-radius:var(--radius-round)}.case-hero_wrap .case-hero_scope{gap:var(--space-3) var(--space-5);margin:var(--space-5) 0 0;padding:var(--space-4) 0 0;border-top:var(--border-width) solid var(--border);flex-wrap:wrap;list-style:none;display:flex}.case-hero_wrap .case-hero_scope li{align-items:baseline;gap:var(--space-2);font-size:var(--small);color:var(--text-2);display:flex}.case-hero_wrap .case-hero_scope li:before{content:"";background:var(--accent-pink);flex:none;width:.3rem;height:.3rem;transform:translateY(-.12em)}.case-hero_wrap .case-hero_proof{width:100%;min-width:0}.case-hero_wrap .case-hero_media{aspect-ratio:1.6;border-radius:var(--radius-main);background:var(--background-2);position:relative;overflow:clip}.case-hero_wrap .case-hero_media>img{object-fit:cover;object-position:top;width:100%;height:100%}.case-hero_wrap .case-hero_site{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--small);flex-wrap:wrap;display:flex}.case-hero_wrap .case-hero_site>span{color:var(--text-2);overflow-wrap:anywhere}.case-hero_wrap .case-hero_site a{color:var(--text)}.case-hero_wrap .case-hero_placeholder{justify-content:space-between;gap:var(--space-5);border:var(--border-width) solid var(--border);border-radius:inherit;background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--accent-pink) 12%, transparent), transparent 70%);flex-direction:column;padding:clamp(1.25rem,3vw,3rem);display:flex;position:absolute;inset:0}.case-hero_wrap .case-hero_placeholder-name{font-family:var(--heading-family);letter-spacing:-.04em;color:var(--accent-pink);overflow-wrap:anywhere;font-size:clamp(1.75rem,4vw,4rem);line-height:1}.case-hero_wrap .case-hero_placeholder .text{text-wrap:pretty;margin:0}.case-hero_wrap .case-hero_placeholder .text-style-small{margin-top:var(--space-2);color:var(--text-2)}@media (width>=64rem){.case-hero_wrap .case-hero_layout.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.case-hero_wrap .case-hero_layout.split.reversed{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}html.lenis .case-study_page :is(#project-story,#project-approach,#project-decisions,#project-outcome,#start-project){scroll-margin-top:var(--space-5)}.case-study_page .section.padding-top-0{padding-top:0}.case-study_page :is(#project-story,#project-approach,#project-decisions,#project-outcome,#start-project){scroll-margin-top:calc(var(--nav-height) + var(--space-5))}.case-study_page :is(input,select,textarea,summary){scroll-margin-top:calc(var(--nav-height) + var(--space-4))}.case-study_page .button_wrap:not(.link){border-radius:var(--radius-round)}.case-study_page .layout>div>.heading:first-child{margin-top:0}.case-study_page .case-study_contents{gap:var(--space-3) var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.case-study_page .case-study_contents a{color:var(--text);border-bottom:var(--border-width) solid var(--border);padding-bottom:var(--space-2)}.case-study_page .case-study_panel{padding:var(--space-7);gap:var(--space-7);background:var(--background)}.case-study_page .case-study_panel>:first-child{padding:0}.case-study_page .case-study_implementation{gap:var(--space-5);width:100%;display:grid}.case-study_page .case-study_implementation>article{border-top:var(--border-width) solid var(--border);padding-top:var(--space-5)}.case-study_page .case-study_implementation .heading{margin-top:0}.case-study_page .case-study_implementation .text:last-child{margin-bottom:0}.case-study_page .case-study_client{border-radius:var(--radius-main);width:100%}@media (width>=64rem){.case-study_page #project-approach .case-study_panel[data-column1-align=top]>:first-child{top:calc(var(--nav-height) + var(--space-5));position:sticky}}@media (width<48rem){.case-study_page .case-study_panel{padding:var(--space-5);gap:var(--space-6)}}}