.organic-root .case-hero{max-width:var(--container);padding:var(--hero-ruim);margin:0 auto;position:relative}.organic-root .case-hero .crumbs{font-family:var(--ff-mono);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3);margin-bottom:48px;font-size:11px}.organic-root .case-hero .crumbs a:hover{color:var(--accent)}.organic-root .case-hero h1{font-family:var(--ff-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:var(--h1-case);max-width:22ch;line-height:.96}.organic-root .case-hero h1 em{color:var(--accent);font-style:italic}.organic-root .case-hero .meta{gap:var(--gutter);border-top:1px solid var(--rule);grid-template-columns:repeat(4,1fr);margin-top:80px;padding-top:32px;display:grid}.organic-root .case-hero .meta .m .k{font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:var(--ls-mono);text-transform:uppercase;margin-bottom:10px;font-size:11px}.organic-root .case-hero .meta .m .v{font-family:var(--ff-display);color:var(--fg);font-size:17px;line-height:1.3}.organic-root .case-fullbleed{aspect-ratio:21/9;width:100vw;margin:24px calc(50% - 50vw) 0;position:relative;overflow:hidden}.organic-root .case-fullbleed.media-contain{background:var(--paper-2)}.organic-root .case-body{max-width:var(--container);padding:var(--sec-pad-xl) var(--gutter);gap:var(--gutter);grid-template-columns:repeat(12,1fr);row-gap:56px;margin:0 auto;display:grid}.organic-root .case-body .duo{gap:var(--gutter);border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(12,1fr);padding-top:32px;display:grid}.organic-root .case-body .duo .text{grid-column:2/span 6}.organic-root .case-body .duo .art{aspect-ratio:4/5;background:var(--paper-2);border-radius:2px;grid-column:8/span 4;margin:0;position:relative;overflow:hidden}.organic-root .case-body .duo.flip .text{order:2;grid-column:6/span 6}.organic-root .case-body .duo.flip .art{aspect-ratio:4/5;background:var(--paper-2);border-radius:2px;grid-column:2/span 4;margin:0;position:relative;overflow:hidden}.organic-root .case-body .duo.duo--noart .text,.organic-root .case-body .duo.flip.duo--noart .text{order:0;grid-column:2/span 9}.organic-root .case-body .duo .text .label{font-family:var(--ff-mono);color:var(--accent);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:16px;font-size:11px}.organic-root .case-body .duo .text h2{font-family:var(--ff-display);font-weight:var(--display-weight);font-size:var(--h2-l);letter-spacing:var(--display-tracking);margin-bottom:24px;line-height:1.02}.organic-root .case-body .duo .text h2 em{color:var(--accent);font-style:italic}.organic-root .case-body .duo .text p{color:var(--fg-2);max-width:58ch;font-size:17px;line-height:1.62}.organic-root .case-body .duo .text p+p{margin-top:16px}.organic-root .case-body .triptych{gap:var(--gutter);border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(12,1fr);padding-top:32px;display:grid}.organic-root .case-body .triptych .head{font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:var(--ls-label);text-transform:uppercase;grid-column:2/span 10;justify-content:space-between;align-items:baseline;padding-bottom:16px;font-size:11px;display:flex}.organic-root .case-body .triptych .row{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.organic-root .case-body .triptych .row .shot{aspect-ratio:3/4;background:var(--paper-2);border-radius:2px;margin:0;position:relative;overflow:hidden}@media (min-width:1001px){.organic-root .case-body .triptych .row[data-count="1"]{grid-template-columns:1fr}.organic-root .case-body .triptych .row[data-count="2"]{grid-template-columns:repeat(2,1fr)}}.organic-root .case-body .quote-art{aspect-ratio:16/7;grid-column:1/-1;place-items:center;width:100vw;margin:24px calc(50% - 50vw);display:grid;position:relative;overflow:hidden}.organic-root .case-body .quote-art .bg{background:linear-gradient(180deg, color-mix(in oklch, var(--bg) 0%, transparent), color-mix(in oklch, var(--bg) 60%, transparent)), repeating-linear-gradient(135deg, transparent 0 22px, color-mix(in oklch, var(--fg) 6%, transparent) 22px 23px);background-color:var(--paper-2);position:absolute;inset:0}.organic-root .case-body .quote-art .inner{max-width:min(56ch,92%);padding:0 var(--gutter);text-align:center;margin:0;position:relative}.organic-root .case-body .quote-art blockquote{font-family:var(--ff-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:clamp(28px,3.6vw,52px);line-height:1.1}.organic-root .case-body .quote-art blockquote em{color:var(--accent);font-style:italic}.organic-root .case-body .quote-art .attrib{font-family:var(--ff-mono);color:var(--fg-2);letter-spacing:var(--ls-label);text-transform:uppercase;margin:28px 0 0;font-size:12px;font-style:normal;display:block}.organic-root .case-body .quote-art .attrib:before{content:"— ";color:var(--accent)}.organic-root .case-body .quote-art .corner{font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:var(--ls-label);text-transform:uppercase;font-size:10px;position:absolute}.organic-root .case-body .quote-art .corner.tl{top:20px;left:24px}.organic-root .case-body .quote-art .corner.br{bottom:20px;right:24px}.organic-root .case-body .results-head{padding-top:32px;padding-left:calc(var(--col1) + var(--gutter));border-top:1px solid var(--rule);grid-column:1/-1}.organic-root .case-body .results-head .label{font-family:var(--ff-mono);color:var(--accent);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:16px;font-size:11px}.organic-root .case-body .results-head h2{font-family:var(--ff-display);font-weight:var(--display-weight);font-size:var(--h2-l);letter-spacing:var(--display-tracking);line-height:1.02}.organic-root .case-body .case-results{gap:var(--gutter);grid-column:2/span 10;grid-template-columns:repeat(2,1fr);display:grid}.organic-root .case-body .case-results .r{border-top:1px solid var(--rule);padding-top:20px}.organic-root .case-body .case-results .r .k{font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:var(--ls-label);text-transform:uppercase;margin-bottom:12px;font-size:11px}.organic-root .case-body .case-results .r .d{color:var(--fg-2);max-width:44ch;font-size:16px;line-height:1.55}.organic-root .case-body .live-row{padding-top:32px;padding-left:calc(var(--col1) + var(--gutter));border-top:1px solid var(--rule);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.organic-root .case-body .live-row .lhs{font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:var(--ls-label);text-transform:uppercase;font-size:11px}.organic-root .case-more{width:calc(100% - var(--gutter) - var(--gutter));max-width:calc(var(--container) - var(--gutter) - var(--gutter));padding:var(--sec-pad-case-more) 0 var(--sec-pad-m);gap:var(--gutter);border-top:1px solid var(--rule);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.organic-root .case-more h3{font-family:var(--ff-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);grid-column:2/span 6;font-size:clamp(40px,6vw,88px);line-height:.98}.organic-root .case-more h3 em{color:var(--accent);font-style:italic}.organic-root .case-more .side{flex-direction:column;grid-column:9/span 4;align-self:end;gap:24px;display:flex}.organic-root .case-more .side p{color:var(--fg-2);max-width:38ch;font-size:16px;line-height:1.6}.organic-root .case-more .side .ghost-btn{align-self:flex-start}@media (max-width:1000px){.organic-root .case-hero{padding:56px var(--gutter) 48px}.organic-root .case-hero .meta{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}.organic-root .case-body{padding:80px var(--gutter);row-gap:40px}.organic-root .case-body .duo .text,.organic-root .case-body .duo.flip .text{order:0;grid-column:1/-1}.organic-root .case-body .duo .art,.organic-root .case-body .duo.flip .art{aspect-ratio:16/9;grid-column:1/-1}.organic-root .case-body .triptych .row{grid-template-columns:1fr}.organic-root .case-body .triptych .head,.organic-root .case-body .results-head,.organic-root .case-body .case-results,.organic-root .case-body .live-row{grid-column:1/-1}.organic-root .case-body .results-head,.organic-root .case-body .live-row{padding-left:0}.organic-root .case-body .case-results{grid-template-columns:1fr;gap:24px}.organic-root .case-more h3,.organic-root .case-more .side{grid-column:1/-1}}@media (max-width:640px){.organic-root .case-hero{padding:40px var(--gutter) 40px}.organic-root .case-body{padding:64px var(--gutter)}.organic-root .case-hero .meta{grid-template-columns:1fr;gap:20px}.organic-root .case-body .quote-art{aspect-ratio:auto;height:auto;overflow:visible}}
