.page-showcase{background:var(--day-bg);color:var(--day-ink)}.page-showcase .chrome{mix-blend-mode:normal;color:var(--day-haze)}.page-showcase .wordmark{color:var(--day-ink)}.page-showcase .wordmark:after{color:var(--day-haze)}.page-showcase .chapter-marker .num{color:var(--day-ink)}.page-showcase :focus-visible{outline-color:var(--day-ember)}.page-showcase .cta{color:var(--day-ink);border-color:var(--day-ember)}.page-showcase .cta:before{background:var(--day-ember)}.page-showcase .cta:hover{color:#fff}.page-showcase .scroll-cue{color:var(--day-haze)}.page-showcase .scroll-cue:after{background:linear-gradient(var(--day-haze),transparent)}.page-showcase .eyebrow{color:var(--day-haze)}.backlink{pointer-events:auto;font-family:var(--mono);font-size:var(--fs-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--day-haze);transition:color var(--t-warm-hover) var(--ease-warm)}.backlink:hover{color:var(--day-ember)}.sc-hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--chapter-pad) var(--gutter)}.sc-hero__title{font-family:var(--serif);font-optical-sizing:auto;font-weight:340;font-size:clamp(3rem,1.8rem + 9vw,8.5rem);line-height:.98;letter-spacing:-.02em;color:var(--day-ink)}.sc-hero__title em{font-style:italic;color:color-mix(in oklab,var(--day-ink),var(--day-ember) 60%)}.sc-hero__sub{margin:clamp(1.2rem,.8rem + 2vw,2rem) auto 0;max-width:42ch;color:var(--day-haze);font-size:var(--fs-lead);line-height:1.45}.cases{display:flex;flex-direction:column;gap:clamp(6rem,4rem + 9vw,14rem);padding:clamp(2rem,4vw,5rem) var(--gutter) clamp(6rem,8vw,10rem)}.case{width:100%;max-width:68rem;margin:0 auto;opacity:.3;transform:translateY(30px);transition:opacity .9s var(--ease-warm),transform .9s var(--ease-warm)}.case.is-in{opacity:1;transform:none}.case__head{text-align:center;margin-bottom:clamp(1.8rem,1.2rem + 2.5vw,3rem)}.case__no{display:block;font-size:var(--fs-marker);letter-spacing:.26em;color:var(--day-haze)}.case__name{font-family:var(--serif);font-optical-sizing:auto;font-weight:380;font-size:clamp(2rem,1.4rem + 3.4vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--day-ink);margin-top:.5rem}.case__line{margin:.9rem auto 0;max-width:52ch;color:var(--day-haze);font-size:var(--fs-body);line-height:1.5}.case__tag{display:block;font-size:var(--fs-hud);letter-spacing:.24em;text-transform:uppercase;color:var(--day-frost);margin-bottom:.9rem;text-align:center}.case__tag--film{color:var(--day-ember)}.case__stills{position:relative;display:flex;justify-content:flex-start;gap:clamp(.6rem,1.4vw,1.2rem);overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem .9rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.case__stills::-webkit-scrollbar{display:none}.case__still{flex:0 0 auto;scroll-snap-align:center;width:min(72vw,15rem);padding:.5rem .5rem 1.2rem;background:#fff;border:1px solid var(--day-line);border-radius:3px;box-shadow:0 18px 36px -22px #14161c80;transition:transform .5s var(--ease-warm),box-shadow .5s var(--ease-warm)}.case__still img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.case__stills-hint{display:none}@media (hover: hover) and (pointer: fine){.case__stills{display:block;overflow:visible;height:clamp(13.5rem,10vw + 7rem,17.5rem);padding:1.8rem 0 .5rem;--fan-x: min(3.4rem, calc(60rem / var(--n)));--fan-r: min(3.2deg, calc(40deg / var(--n)));--rest-x: min(.85rem, calc(16rem / var(--n)));--rest-r: min(1.5deg, calc(26deg / var(--n)))}.case__still{position:absolute;left:50%;top:1.8rem;width:clamp(10rem,13vw,14.5rem);transform-origin:center bottom;transform:translate(-50%) translate(calc(var(--c) * var(--rest-x))) rotate(calc(var(--c) * var(--rest-r)));transition:transform .6s var(--ease-warm),box-shadow .5s var(--ease-warm)}.case__stills:hover .case__still{transform:translate(-50%) translate(calc(var(--c) * var(--fan-x))) rotate(calc(var(--c) * var(--fan-r)));box-shadow:0 22px 44px -24px #14161c8c}.case__stills:hover .case__still:hover{transform:translate(-50%) translate(calc(var(--c) * var(--fan-x))) translateY(-2.4rem) rotate(0) scale(1.18);box-shadow:0 40px 68px -22px #14161ca8;z-index:6}.case__stills-hint{display:block;position:absolute;left:50%;bottom:-.1rem;transform:translate(-50%);font-size:var(--fs-hud);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab,var(--day-haze),transparent 25%);pointer-events:none;transition:opacity .3s var(--ease-warm)}.case__stills:hover .case__stills-hint{opacity:0}}.case__demo{display:block;width:fit-content;margin:clamp(1rem,.7rem + 1vw,1.5rem) auto 0;font-size:var(--fs-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--day-frost);padding:.5em .95em;border:1px solid color-mix(in oklab,var(--day-frost),var(--day-line) 55%);border-radius:100px;background:color-mix(in oklab,var(--day-frost),var(--day-bg) 90%)}.case__turn{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin:clamp(1.6rem,1rem + 2vw,2.6rem) auto;font-size:var(--fs-hud);letter-spacing:.26em;text-transform:uppercase;color:var(--day-haze)}.case__turn-line{width:clamp(2.4rem,8vw,5.5rem);height:1px;background:linear-gradient(90deg,transparent,var(--day-line))}.case__turn-line:last-child{background:linear-gradient(90deg,var(--day-line),transparent)}.case__got{display:grid;gap:clamp(1.6rem,1.2rem + 2vw,2.4rem);align-items:end}@media (min-width: 880px){.case__got--social{grid-template-columns:256fr 81fr;grid-template-rows:auto auto auto;gap:0 clamp(1.2rem,1rem + 1.4vw,2rem);align-items:stretch}.case__got--social .case__media{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:end}}.case__media{margin:0;min-width:0}.case__media--social{width:min(62vw,15.5rem);margin:0 auto}@media (min-width: 880px){.case__media--social{width:100%;margin:0}}.case__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:#0c0d10;border:1px solid var(--day-line);box-shadow:0 44px 90px -52px #14161ca6;transition:box-shadow .8s var(--ease-warm),border-color .8s var(--ease-warm)}.case__frame--social{aspect-ratio:9 / 16;border-radius:14px}.case__frame.is-live{border-color:color-mix(in oklab,var(--day-ember),var(--day-line) 50%);box-shadow:0 44px 90px -50px #14161c99,0 24px 80px -28px rgba(var(--ember-rgb) / .3)}.case__frame video{width:100%;height:100%;object-fit:cover}.case__hit{position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer;background:rgba(var(--ink-rgb) / 0);transition:background .4s var(--ease-warm)}.case__frame.is-user-paused .case__hit{background:rgba(var(--ink-rgb) / .32)}.case__paused{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);z-index:2;display:inline-flex;align-items:center;gap:.55em;font-size:var(--fs-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:rgba(var(--ink-rgb) / .6);border:1px solid rgba(244,239,231,.25);border-radius:100px;padding:.55em 1.1em;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-warm),transform .35s var(--ease-warm)}.case__paused svg{width:.9em;height:.9em;fill:var(--ember-soft)}.case__frame.is-user-paused .case__paused{opacity:1;transform:translate(-50%,-50%) scale(1)}.case__ctrl{position:absolute;right:.7rem;bottom:.7rem;z-index:3;display:flex;gap:.45rem}.case__frame--social .case__ctrl{right:.55rem;bottom:.55rem;gap:.4rem}.case__sound,.case__fs{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;color:var(--paper);background:rgba(var(--ink-rgb) / .55);border:1px solid rgba(244,239,231,.25);border-radius:50%;transition:color var(--t-warm-hover) var(--ease-warm),border-color var(--t-warm-hover) var(--ease-warm)}.case__frame--social .case__sound,.case__frame--social .case__fs{width:2.1rem;height:2.1rem}.case__sound svg,.case__fs svg{width:1.15rem;height:1.15rem;overflow:visible}.case__fs .ic__corners{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.case__fs:hover{color:var(--ember-soft);border-color:var(--ember-soft)}.case__frame:fullscreen{border-radius:0;border:none;background:#000}.case__frame:fullscreen video{object-fit:contain}.case__sound .ic__body{fill:currentColor}.case__sound .ic__wave{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;transition:opacity .25s var(--ease-warm)}.case__sound .ic__slash{stroke:currentColor;stroke-width:1.9;stroke-linecap:round;opacity:0;transition:opacity .25s var(--ease-warm)}.case__sound.is-muted .ic__wave{opacity:0}.case__sound.is-muted .ic__slash{opacity:1}.case__sound:hover{color:var(--ember-soft);border-color:var(--ember-soft)}.case__sound:not(.is-muted){color:var(--ember-soft);border-color:rgba(var(--ember-rgb) / .55)}@media (pointer: coarse){.case__ctrl{right:.6rem;bottom:.6rem}.case__frame:not(.case__frame--social) .case__sound,.case__frame:not(.case__frame--social) .case__fs{width:2.6rem;height:2.6rem}}.case__spec{margin-top:.9rem;text-align:center;font-size:var(--fs-hud);letter-spacing:.22em;text-transform:uppercase;color:var(--day-haze)}.sc-close{min-height:72svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--chapter-pad) var(--gutter)}.sc-close__title{font-family:var(--serif);font-optical-sizing:auto;font-weight:360;font-size:var(--fs-h2);line-height:1;letter-spacing:-.02em;color:var(--day-ink)}.sc-close__title em{font-style:italic;color:color-mix(in oklab,var(--day-ink),var(--day-ember) 60%)}.page-showcase .site-footer{background:transparent;backdrop-filter:none}.page-showcase .footer-bar{border-top-color:var(--day-line)}.page-showcase .wordmark--footer,.page-showcase .footer-brand{color:var(--day-ink)}.page-showcase .footer-brand__mark{filter:drop-shadow(0 4px 12px rgba(20,22,28,.16))}.page-showcase .footer-line,.page-showcase .footer-nav a{color:var(--day-haze)}.page-showcase .footer-nav a:hover,.page-showcase .footer-mail{color:var(--day-ink)}.page-showcase .footer-mail:hover{color:var(--day-ember)}.page-showcase .footer-line--mail{color:var(--day-ink)}.page-showcase .footer-line--mail:hover,.page-showcase .footer-line--mail.is-copied{color:var(--day-ember)}.page-showcase .footer-tag{color:color-mix(in oklab,var(--day-ink),transparent 28%)}@media (prefers-reduced-motion: reduce){.case{opacity:1;transform:none;transition:none}.case__frame{transition:none}}