.case-detail-page{background:var(--paper);min-height:100vh;color:var(--ink)}.case-detail-header{z-index:40;background:color-mix(in srgb,var(--paper) 48%,transparent);-webkit-backdrop-filter:blur(30px)saturate(1.2);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--paper) 90%,transparent);grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:84px;padding:16px 1.6rem;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:grid;position:sticky;top:0}.case-detail-header.is-scroll-hidden{pointer-events:none;transform:translateY(-105%)}.case-detail-header>a{letter-spacing:-.06em;justify-self:center;font-size:15px}.case-header-actions{justify-self:end;align-items:center;gap:28px;display:flex}.case-back{background:color-mix(in srgb,var(--ink) 8%,var(--paper));width:max-content;min-height:52px;color:var(--ink);border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 28px 0 23px;font-size:18px;transition:transform .3s,background .3s;display:inline-flex}.case-back:hover{background:color-mix(in srgb,var(--ink) 14%,var(--paper));transform:translate(-3px)}.case-detail-grid{grid-template-columns:minmax(335px,34%) minmax(0,66%);align-items:start;gap:0;padding:0 1.6rem 10rem;display:grid}.case-detail-aside{flex-direction:column;justify-content:flex-end;align-self:start;min-height:calc(100vh - 84px);padding:1.5rem clamp(2rem,5vw,7rem) 1.5rem 0;display:flex;position:sticky;top:84px}.case-detail-aside-inner{scrollbar-width:thin;max-width:470px;max-height:calc(100vh - 132px);overflow-y:auto}.case-detail-kicker,.case-detail-role{letter-spacing:.035em;font-size:12px;line-height:1.35}.case-detail-aside h1{font-size:var(--editorial-display);letter-spacing:-.06em;overflow-wrap:anywhere;margin:2.4rem 0 1.35rem;font-weight:400;line-height:.99}.case-detail-short{font-size:var(--editorial-body);margin:0 0 3.2rem;line-height:1.45}.case-detail-long{gap:1.2rem;max-width:430px;display:grid}.case-detail-long p{font-size:var(--editorial-body);margin:0;line-height:1.45}.case-detail-role{color:var(--muted);margin:3.5rem 0 0}.case-detail-gallery{gap:10px;min-width:0;display:grid}.case-detail-gallery>*{min-width:0;margin:0}.case-detail-cover{width:100%}.case-detail-cover .case-detail-image{aspect-ratio:1.48;width:100%;overflow:hidden}.case-detail-cover .case-detail-image img{object-fit:cover;height:100%}.case-detail-visuals{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-width:0;display:grid}.case-detail-visuals>.case-detail-image{grid-column:1/-1;margin:0;overflow:hidden}.case-detail-visuals>.case-detail-image.is-portrait{grid-column:span 1}.case-detail-visuals:not(.is-masonry)>.case-detail-image{grid-row:auto!important}.case-detail-image{background:#ddd;width:100%;position:relative}.case-detail-gallery.has-image-outline .case-detail-image:after{content:"";z-index:1;border:1px solid color-mix(in srgb,var(--case-outline-base,#000) var(--case-outline-opacity,20%),transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.case-detail-image img,.case-detail-image video{width:100%;height:auto;display:block}.case-detail-visuals>.case-detail-image:not(.is-loaded){min-height:min(62vw,520px)}.case-detail-visuals.is-masonry{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;align-items:start;gap:10px;display:grid}.case-detail-visuals.is-masonry>.case-detail-image{border-radius:8px;width:100%;margin:0;overflow:hidden}.case-detail-visuals.is-masonry>.case-detail-image:not(.is-portrait){grid-column:1/-1}.case-detail-visuals.is-masonry>.case-detail-image.is-portrait{grid-column:span 1}.case-detail-visuals.is-masonry>.case-detail-image img,.case-detail-visuals.is-masonry>.case-detail-image video{border-radius:8px}.case-detail-placeholder{place-items:center;width:100%;min-height:64vw;max-height:900px;display:grid;overflow:hidden}.case-detail-placeholder span{color:#fff;letter-spacing:-.09em;text-align:center;overflow-wrap:anywhere;max-width:90%;font-size:clamp(78px,10vw,180px);line-height:.85}.case-detail-next{color:#f7f7f4;background:#171717;grid-template-columns:1fr 2fr;align-content:space-between;gap:1.5rem;min-height:380px;padding:2.2rem 1.6rem;display:grid}.case-detail-next>span{font-size:12px}.case-detail-next button{width:100%;color:inherit;letter-spacing:-.075em;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;grid-column:2;justify-content:space-between;align-items:flex-start;gap:1rem;padding:0;font-size:clamp(58px,8vw,130px);font-weight:400;line-height:.86;display:flex}.case-detail-next small{grid-column:2;align-self:end;font-size:12px}.case-route-curtain{z-index:100;pointer-events:none;color:#f7f7f4;background:#151515;place-items:center;animation:.72s cubic-bezier(.77,0,.18,1) both case-uncover;display:grid;position:fixed;inset:0;transform:translateY(-101%)}.case-route-curtain.is-leaving{animation:.58s cubic-bezier(.77,0,.18,1) forwards case-cover}.case-route-curtain span{font-size:14px}@keyframes case-uncover{0%{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes case-cover{0%{transform:translateY(101%)}to{transform:translateY(0)}}.case-missing{padding:2rem}.case-missing h1{letter-spacing:-.06em;margin-top:6rem;font-size:clamp(50px,8vw,110px);font-weight:400}@media (max-width:900px){.case-detail-grid{grid-template-columns:1fr;padding:0 1.4rem 6rem}.case-detail-aside{min-height:0;padding:3rem 0 4rem;display:block;position:static}.case-detail-aside-inner{max-width:680px;max-height:none;overflow:visible}.case-detail-gallery,.case-detail-visuals{gap:8px}.case-detail-visuals{grid-template-columns:1fr}.case-detail-visuals>.case-detail-image.is-portrait{grid-column:1/-1}.case-detail-visuals.is-masonry{grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;gap:8px}.case-detail-visuals.is-masonry>.case-detail-image{grid-row:auto!important}.case-detail-visuals.is-masonry>.case-detail-image.is-portrait{grid-column:1/-1}.case-detail-placeholder{min-height:80vw}}@media (max-width:800px){.case-header-actions{gap:14px}.case-header-actions .contact-link{display:none}.case-header-actions .menu-button{place-items:center;display:grid}.case-header-actions .theme-toggle span{display:none}}@media (max-width:600px){.case-detail-header{min-height:70px;padding:12px 1.4rem}.case-back{min-height:46px;padding:0 18px;font-size:16px}.case-detail-aside{padding-top:3rem}.case-detail-aside h1{margin-top:1.6rem}.case-detail-short{margin-bottom:2.5rem}.case-detail-short,.case-detail-long p{font-size:16px}.case-detail-next{grid-template-columns:1fr;min-height:300px;padding:2rem 1.4rem}.case-detail-next button,.case-detail-next small{grid-column:1}.case-detail-next button{font-size:clamp(56px,15vw,90px)}}@media (prefers-reduced-motion:reduce){.case-route-curtain{display:none}.case-back{transition:none}}
