/* Czarina editorial case study and its public entry points. */
.cz-spotlight{--cz-rose:#f0e4de;--cz-ink:#302721;background:var(--cz-rose);color:var(--cz-ink);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;isolation:isolate}
.cz-spotlight .cz-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(32px,5vw,78px);gap:22px}
.cz-spotlight .cz-kicker{font:550 11px/1.5 'Sonder Nav',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0;color:#665349}
.cz-spotlight .cz-logo{width:clamp(180px,19vw,290px);height:auto;max-height:90px;object-fit:contain;object-position:left}
body .cz-spotlight h2,body .cz-spotlight h3{font-family:'Sonder Nav',sans-serif;font-size:clamp(34px,4.1vw,62px);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:0;color:var(--cz-ink);text-transform:none}
.cz-spotlight em{font-family:'Sonder Instrument','Sonder Core Serif','Instrument Serif',Georgia,serif;font-weight:400}
.cz-spotlight .cz-spotlight-description{font:400 17px/1.65 'Sonder Nav',sans-serif;max-width:440px;margin:0;color:#5e5147}
.cz-spotlight .cz-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;border:0;border-bottom:1px solid #8c7765;border-radius:0;color:var(--cz-ink);background:none;font:550 15px/1.4 'Sonder Nav',sans-serif;text-decoration:none;text-underline-offset:4px;padding:6px 0}
.cz-spotlight .cz-link span{font-size:24px;transition:transform .25s}
.cz-spotlight .cz-link:hover span{transform:translate(3px,-3px)}
.cz-spotlight .cz-link:focus-visible{outline:3px solid #823522;outline-offset:6px}
.cz-spotlight .cz-spotlight-media{min-height:490px;margin:0;position:relative;overflow:hidden}
.cz-spotlight .cz-spotlight-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 45%;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.cz-spotlight:has(.cz-link:hover) .cz-spotlight-media img{transform:scale(1.025)}
.sonder-home .cz-home-feature{margin-block:60px 0;border-radius:12px}
.sonder-home .sh-client-czarina{grid-column:span 2;background:#f0e4de;color:#602a20}
.sonder-home .sh-client-czarina .sh-client-mark img{width:200px;max-width:75%;max-height:50px}
.sonder-home .sh-client-wall{grid-template-columns:repeat(6,minmax(0,1fr))}
body.sonder-core .sc-case-grid .sc-case-czarina{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#f0e4de;color:#302721;border-radius:10px;overflow:hidden;margin-bottom:4px}
body.sonder-core .sc-case-czarina .sc-case-media{height:100%;min-height:430px;border-radius:0}
body.sonder-core .sc-case-czarina .cz-work-copy{padding:clamp(28px,4.5vw,68px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}
body.sonder-core .sc-case-czarina .cz-work-copy .cz-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#665349;margin:0}
body.sonder-core .sc-case-czarina .cz-work-copy h3{font-size:clamp(38px,4.2vw,62px);line-height:1.02;letter-spacing:-.05em}
body.sonder-core .sc-case-czarina .cz-work-copy>p{font-size:17px;line-height:1.6;max-width:390px;margin:0;color:#5e5147}
body.sonder-core .sc-case-czarina .cz-work-copy .sc-case-link{margin-top:6px;border-bottom:1px solid #907b69;padding-bottom:9px}
body.sonder-core .sc-case-czarina .cz-work-copy .cz-logo{width:190px;height:auto;margin:0 0 8px}
body.sb-page .cz-spotlight{max-width:1280px;width:calc(100% - 64px);margin:36px auto 76px;border-radius:12px;padding:0}
body.sonder-core.cz-case{--cz-rose:#f0e4de;--cz-clay:#aa392c;--cz-line:#d7cbbf;--cz-ink:#302721}
body.cz-case .cz-hero{padding:38px 0 0}
body.cz-case .cz-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:#696358;font-size:12px;line-height:1.5;margin-bottom:50px}
body.cz-case .cz-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
body.cz-case .cz-hero-head{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;align-items:end;margin-bottom:44px}
body.cz-case .cz-hero h1{font-size:clamp(60px,7.7vw,116px);line-height:.96;letter-spacing:-.062em}
body.cz-case .cz-hero .cz-intro{font-size:20px;line-height:1.6;max-width:420px;color:#5a5f53;justify-self:end;padding-bottom:4px}
body.cz-case .cz-hero .sc-eyebrow{color:#6b5143;font-size:11px;margin-bottom:23px}
body.cz-case .cz-hero-image{position:relative;overflow:hidden;border-radius:10px;background:#e6e2da}
body.cz-case .cz-hero-image>img{width:100%;height:clamp(430px,47vw,690px);object-fit:cover;object-position:center 43%}
body.cz-case .cz-image-label{position:absolute;left:30px;bottom:27px;background:#f7f5efee;border-radius:999px;padding:11px 18px;font-size:11px;letter-spacing:.06em;color:#4e473e}
body.cz-case .cz-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--cz-line)}
body.cz-case .cz-facts dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#73695d;margin-bottom:9px}
body.cz-case .cz-facts dd{margin:0;font-size:17px}
body.cz-case .cz-facts a{text-decoration:underline;text-underline-offset:4px}
body.cz-case .cz-jump{position:sticky;top:0;z-index:25;background:#f7f5eff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--cz-line);margin-top:0}
body.cz-case .cz-jump-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
body.cz-case .cz-jump img{width:116px;height:auto}
body.cz-case .cz-jump nav{display:flex;gap:28px;font-size:13px}
body.cz-case .cz-jump a{display:flex;align-items:center;min-height:48px;color:#615b51;border-bottom:2px solid transparent;padding-top:2px}
body.cz-case .cz-jump a[aria-current=location]{border-bottom-color:var(--cz-clay);color:#302721}
body.cz-case .cz-section{padding-block:96px;scroll-margin-top:74px}
body.cz-case .cz-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;margin-bottom:46px}
body.cz-case .cz-section-head p:not(.sc-eyebrow){color:#5a5f53;font-size:18px;line-height:1.65;max-width:480px}
body.cz-case .cz-section h2{font-size:clamp(39px,4.7vw,68px)}
body.cz-case .cz-context{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:88px;border-bottom:1px solid var(--cz-line)}
body.cz-case .cz-context h2{max-width:650px}
body.cz-case .cz-context-copy{display:flex;flex-direction:column;gap:22px;color:#5a5f53;font-size:19px;line-height:1.65;max-width:530px}
body.cz-case .cz-context-copy a{width:fit-content;color:#302721;text-decoration:underline;text-underline-offset:5px}
body.cz-case .cz-delivery-list{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;border-top:1px solid var(--cz-line)}
body.cz-case .cz-delivery{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:34px 0 40px;border-bottom:1px solid var(--cz-line)}
body.cz-case .cz-delivery-number{font-family:'Sonder Core Serif',Georgia,serif;font-style:italic;color:var(--cz-clay);font-size:35px;line-height:1}
body.cz-case .cz-delivery h3{font-size:29px;line-height:1.12;letter-spacing:-.04em;margin-bottom:17px;max-width:360px}
body.cz-case .cz-delivery p{font-size:16px;line-height:1.7;max-width:460px;color:#5a5f53}
body.cz-case .cz-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#466341;margin-bottom:17px}
body.cz-case .cz-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
body.cz-case .cz-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;padding-bottom:88px}
body.cz-case .cz-gallery figure:nth-child(2){margin-top:88px}
body.cz-case .cz-gallery img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:50% 0;border-radius:8px;background:#e9e3dd}
body.cz-case .cz-gallery figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:11px;letter-spacing:.04em;color:#746456}
body.cz-case .cz-continuing{background:var(--cz-rose);padding-block:88px;scroll-margin-top:74px}
body.cz-case .cz-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.cz-case .cz-next-grid article{background:#f7f5ef88;padding:34px;border-radius:8px}
body.cz-case .cz-next-grid h3{font-size:28px;margin-bottom:15px}
body.cz-case .cz-next-grid p{font-size:17px;line-height:1.7;color:#625548}
body.cz-case .cz-next-grid .cz-status{color:#8a4a26}
body.cz-case .cz-notes{max-width:760px;margin-top:30px;font-size:13px;line-height:1.7;color:#6a5b4e}
body.cz-case .cz-snowball-cta{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:86px}
body.cz-case .cz-snowball-cta p{font-size:18px;line-height:1.7;color:#5a5f53;margin-bottom:24px;max-width:470px}
body.cz-case .cz-snowball-cta .sc-button{border-radius:999px;background:#213525;color:#f7f5ef}
body.cz-case .cz-snowball-cta .sc-button:hover{background:#d5ef5e;color:#20251f}
body.cz-case .cz-next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--cz-line);padding-block:32px 50px;font-size:16px}
body.cz-case .cz-next-project a{min-height:48px;display:flex;gap:28px;align-items:center;border-bottom:1px solid #7c806d}
@media(max-width:1050px){.sonder-home .sh-client-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.cz-spotlight .cz-spotlight-copy{padding:34px}.cz-spotlight .cz-spotlight-media{min-height:440px}body.cz-case .cz-hero-head{grid-template-columns:1.15fr .85fr;gap:5%}body.cz-case .cz-hero .cz-intro{font-size:18px}body.cz-case .cz-section-head{gap:5%}body.cz-case .cz-delivery-list{gap:0 30px}}
@media(max-width:700px){.sonder-home .sh-client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.sonder-home .sh-client-czarina{grid-column:span 2}.sonder-home .sh-client-czarina .sh-client-mark img{max-height:46px}.cz-spotlight{grid-template-columns:1fr}.cz-spotlight .cz-spotlight-copy{padding:32px 25px;gap:20px}.cz-spotlight .cz-spotlight-media{min-height:340px;order:-1}.cz-spotlight .cz-spotlight-media img{object-position:center}.cz-spotlight .cz-spotlight-description{font-size:16px}.sonder-home .cz-home-feature{margin-top:32px}body.sb-page .cz-spotlight{width:calc(100% - 40px);margin-block:24px 48px}body.sonder-core .sc-case-grid .sc-case-czarina{grid-template-columns:1fr}body.sonder-core .sc-case-czarina .sc-case-media{min-height:290px;height:290px}body.sonder-core .sc-case-czarina .cz-work-copy{padding:28px;gap:17px}body.cz-case .cz-hero{padding-top:24px}body.cz-case .cz-breadcrumb{margin-bottom:35px}body.cz-case .cz-hero-head{grid-template-columns:1fr;gap:26px;margin-bottom:28px}body.cz-case .cz-hero h1{font-size:clamp(54px,13vw,82px)}body.cz-case .cz-hero .cz-intro{justify-self:start;font-size:18px}body.cz-case .cz-hero-image>img{height:410px;object-position:51% center}body.cz-case .cz-image-label{left:14px;bottom:14px;padding:9px 12px;font-size:10px}body.cz-case .cz-facts{grid-template-columns:1fr;gap:20px;padding-block:26px}body.cz-case .cz-facts>div{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:baseline}body.cz-case .cz-facts dt{margin:0}body.cz-case .cz-facts dd{font-size:15px}body.cz-case .cz-jump-inner{min-height:62px;gap:14px}body.cz-case .cz-jump img{width:78px}body.cz-case .cz-jump nav{gap:18px;font-size:12px}body.cz-case .cz-section{padding-block:55px}body.cz-case .cz-section-head,body.cz-case .cz-context,body.cz-case .cz-snowball-cta{grid-template-columns:1fr;gap:26px}body.cz-case .cz-context{padding-bottom:52px}body.cz-case .cz-context-copy{font-size:17px}body.cz-case .cz-section-head{margin-bottom:30px}body.cz-case .cz-section-head p:not(.sc-eyebrow){font-size:17px}body.cz-case .cz-delivery-list{grid-template-columns:1fr}body.cz-case .cz-delivery{padding:28px 0;grid-template-columns:30px 1fr;gap:14px}body.cz-case .cz-delivery h3{font-size:27px}body.cz-case .cz-delivery p{font-size:16px}body.cz-case .cz-gallery{gap:12px;padding-bottom:52px}body.cz-case .cz-gallery figure:nth-child(2){margin-top:46px}body.cz-case .cz-gallery figcaption{font-size:10px;display:block}body.cz-case .cz-gallery figcaption span{display:block;margin-top:4px}body.cz-case .cz-continuing{padding-block:54px}body.cz-case .cz-next-grid{grid-template-columns:1fr;gap:16px}body.cz-case .cz-next-grid article{padding:26px}body.cz-case .cz-next-grid h3{font-size:25px}body.cz-case .cz-next-grid p{font-size:16px}body.cz-case .cz-snowball-cta{padding-block:54px}body.cz-case .cz-next-project{font-size:14px;gap:16px;padding-bottom:35px}body.cz-case .cz-next-project a{gap:12px}}
@media(max-width:359px){body.cz-case .cz-jump img{display:none}body.cz-case .cz-jump nav{justify-content:space-between;width:100%}.cz-spotlight .cz-spotlight-media{min-height:290px}}
@media(prefers-reduced-motion:reduce){.cz-spotlight *{transition:none!important}.cz-spotlight:has(.cz-link:hover) .cz-spotlight-media img{transform:none}}