.cases-room{view-timeline-name:--cases-exit;view-timeline-axis:block;view-timeline-inset:0px;--cases-band:clamp(17.5rem, 34svh, 28rem);--color-ink:#f1fec8;--color-ink-soft:#f1fec8b8;--color-accent:#e8f59a;position:relative}@media (orientation:portrait){.cases-room{--cases-band:clamp(17.5rem, 46svh, 28rem)}}.cases-room>.cosmic-field{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%, #f1fec833, transparent 28%), radial-gradient(ellipse at 12% 8%, #f1fec86b, transparent 36%), radial-gradient(ellipse at 90% 84%, #f1fec84d, transparent 42%), radial-gradient(ellipse at 52% 44%, #2f2b3ae0, transparent 58%), radial-gradient(ellipse at 6% 72%, #100e16eb, transparent 52%), radial-gradient(ellipse at 78% 18%, #16141ecc, transparent 48%), var(--cosmic);position:fixed;inset:0}.cases-hero{z-index:1;height:var(--cases-band);color:var(--color-ink);position:relative;overflow:clip;container:cases-hero/size}.cases-hero__frame,.cases-hero__still,.cases-hero__stage{position:absolute;inset:0}.cases-hero__stage{pointer-events:none}.cases-hero__surface{opacity:0;width:100%;height:100%;display:block}.cases-room[data-live=true] .cases-hero__surface{opacity:1}.cases-room[data-live=true] .cases-hero__still{opacity:0}.cases-room[data-live=true] .cases-solid__body polygon{pointer-events:none}.cases-hero__title{top:calc(50% + var(--header-height) / 2);font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-ink);text-shadow:0 .1em 1.1em #100e168c;white-space:nowrap;pointer-events:none;margin:0;font-size:clamp(2.5rem,min(4.4cqw,18cqh),5.5rem);font-weight:700;line-height:1;position:absolute;left:50%;translate:-50% -50%}.cases-solid{--unit:min(1cqh, .3cqw);top:calc(var(--y-wide) * 100cqh);left:calc(var(--x-wide) * 100cqw);width:calc(var(--size-wide) * var(--unit));height:calc(var(--size-wide) * var(--unit));pointer-events:none;position:absolute;overflow:visible;translate:-50% -50%}@container cases-hero (aspect-ratio<2){.cases-solid{--unit:min(1cqw, 1cqh);top:calc(var(--y-tall) * 100cqh);left:calc(var(--x-tall) * 100cqw);width:calc(var(--size-tall) * var(--unit));height:calc(var(--size-tall) * var(--unit))}.cases-hero__title{font-size:clamp(2.5rem,min(15cqw,18cqh),5rem)}}.cases-solid__body polygon{stroke:#f1fec829;stroke-linejoin:round;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:visiblePainted}.cases-solid__marks{fill:#18171d}@media (hover:hover){.cases-solid:hover{filter:drop-shadow(0 0 .5rem #f1fec81f)}.cases-solid:hover .cases-solid__body polygon{stroke:#f1fec8;stroke-width:1.7px}.cases-solid:hover .cases-solid__marks{fill:#f1fec8}}.cases-still__defs{width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference) and (not (forced-colors:active)){.cases-hero__surface{transition:opacity var(--motion-slow) var(--ease-out)}.cases-hero__still{transition:opacity var(--motion-base) var(--ease-out) var(--motion-slow)}.cases-solid,.cases-solid__body polygon,.cases-solid__marks{transition:filter var(--motion-base) var(--ease-out), stroke var(--motion-base) var(--ease-out), stroke-width var(--motion-base) var(--ease-out), fill var(--motion-base) var(--ease-out)}}@media (forced-colors:active){.cases-hero__still,.cases-hero__stage{display:none}}@media (width>=64rem) and (height>=36rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (not (forced-colors:active)){.cases-room{min-height:var(--cases-band)}.cases-hero{top:0;position:fixed;inset-inline:0}@supports (animation-timeline:view()){.cases-hero__frame{animation-name:cases-recede;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--cases-exit;animation-range:exit}.cases-hero:after{content:"";z-index:1;background:var(--cosmic-deep);opacity:0;pointer-events:none;animation-name:cases-veil;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--cases-exit;animation-range:exit;position:absolute;inset:0}}}@keyframes cases-recede{to{scale:.9}}@keyframes cases-veil{to{opacity:.6}}.page-shell.work-index{--sheet-radius:clamp(1.5rem, 8vw, 8rem);padding-top:0;width:100%;max-width:none;padding-inline:0;display:block}.cases-room~.work-sheet,.cases-room~.work-index__group--other{z-index:1;position:relative}main:has(.cases-room)~.site-footer{z-index:1;position:relative}.page-shell.work-index+.site-footer{margin-top:0}.cases-room~.work-sheet{z-index:2;padding:calc(var(--header-height) + clamp(var(--space-6), 4vw, var(--space-8))) var(--page-gutter) var(--section-gap);border-radius:var(--sheet-radius);background:var(--color-canvas);scroll-margin-top:calc(-1 * (var(--header-offset) + var(--space-5)))}.work-sheet>*,.cases-room~.work-index__group--other>*{width:min(100%,110rem);margin-inline:auto}.cases-room~* .work-index__group-head{width:min(100%, var(--width-page));margin-inline:auto}@supports (animation-timeline:view()){@media (width>=64rem) and (height>=36rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (not (forced-colors:active)){.cases-room~.work-sheet{border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;animation-name:work-sheet-dock,work-sheet-undock;animation-duration:auto;animation-timing-function:var(--ease-sine);animation-fill-mode:both;animation-timeline:view(0);animation-range:entry 70%,exit exit 30%}}}@keyframes work-sheet-dock{to{border-start-start-radius:0;border-start-end-radius:0}}@keyframes work-sheet-undock{to{border-end-end-radius:var(--sheet-radius);border-end-start-radius:var(--sheet-radius)}}.cases-room~.work-index__group--other{--color-canvas:var(--cosmic);--color-surface:var(--cosmic-glass);--color-surface-sunken:var(--cosmic-glass);--color-bed:var(--cosmic-glass);--color-ink:var(--color-mark);--color-ink-soft:#f1fec8c2;--color-ink-faint:#f1fec8a8;--color-edge:#f1fec81f;--color-line:#f1fec829;--color-line-strong:#f1fec84d;--color-accent:var(--cosmic-signal);padding:var(--section-gap-tight) var(--page-gutter) var(--section-gap);background:radial-gradient(ellipse 62% 26rem at 50% 0%, #f1fec81f, transparent 70%), linear-gradient(to bottom, var(--cosmic) 0%, var(--cosmic-deep) 55%, var(--color-surface-inverse) 100%);color:var(--color-ink)}.cases-room~.work-index__group--other:before{content:"";inset-inline:0;height:var(--sheet-radius);background:var(--cosmic);position:absolute;bottom:100%}.cases-room~.work-index__group--other .other-work{background:linear-gradient(148deg, var(--cosmic-sheen), transparent 44%), var(--cosmic-glass);box-shadow:inset 0 1px 0 0 var(--cosmic-sheen);background-clip:padding-box}.cases-room~.work-index__group--other .other-work__frame{padding:0}.cases-room~.work-index__group--other .other-work__frame .screen-wall{--wall-rim:#f1fec824;border-radius:0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .wordmark{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-menu-toggle:not([aria-expanded=true]){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .wordmark__title{color:#f1fec8c2}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a{color:#f1fec8c2}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a:hover{color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a:focus-visible{color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a[aria-current]{color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a[aria-current]:hover{color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a[aria-current]:focus-visible{color:#f1fec8;background:0 0}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-nav a[aria-current]:after{background:#e8f59a}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-menu-toggle:not([aria-expanded=true]) .site-menu-toggle__bar{background:#f1fec8}html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-header__actions>.button-link--primary{color:#23212c;background:#f1fec8;border-color:#f1fec8}:is(html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-header__actions>.button-link--primary:hover,html:has(.page-shell.work-index) .site-header[data-chrome=over-media] .site-header__actions>.button-link--primary:focus-visible){color:#23212c;background:#e8f59a;border-color:#e8f59a}html:has(.page-shell.work-index) .site-header[data-chrome=over-media][data-under=room] .wordmark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#23212ccc;box-shadow:inset 0 0 0 1px #f1fec829}html:has(.page-shell.work-index) .site-header[data-chrome=over-media][data-under=room] .site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#23212ccc;box-shadow:inset 0 0 0 1px #f1fec829}html:has(.page-shell.work-index) .site-header[data-chrome=over-media][data-under=room] .site-menu-toggle:not([aria-expanded=true]){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#23212ccc;box-shadow:inset 0 0 0 1px #f1fec829}html:has(.page-shell.work-index) .site-header[data-chrome=over-media][data-under=room] .site-menu-toggle:not([aria-expanded=true]){--menu-toggle-edge:#f1fec861;box-shadow:inset 0 0 0 1px var(--menu-toggle-edge)}@property --work-night{syntax:"<number>";inherits:false;initial-value:1}html:has(.page-shell.work-index){timeline-scope:--cases-exit}html:has(.page-shell.work-index) .site-header:before{content:"";z-index:-1;top:0;height:calc(var(--header-height) + var(--space-6));opacity:0;pointer-events:none;position:absolute;inset-inline:0}html:has(.page-shell.work-index) .site-header:before{background:linear-gradient(#16141ceb,#16141cc7 50%,#0000)}@supports (animation-timeline:view()){html:has(.page-shell.work-index) .site-header:before{animation-name:work-night;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--cases-exit;animation-range:exit}}@keyframes work-night{0%{--work-night:.45}to{--work-night:1}}html:has(.page-shell.work-index) .site-header[data-chrome=over-media]:before{opacity:var(--work-night)}@media (prefers-reduced-motion:no-preference) and (not (forced-colors:active)){html:has(.page-shell.work-index) .site-header:before{transition:opacity var(--motion-base) var(--ease-standard)}}@media (forced-colors:active){html:has(.page-shell.work-index) .site-header:before{display:none}}@media print{.cases-room>.cosmic-field,.cases-hero__still,.cases-hero__stage{display:none!important}.cases-hero{color:#000;height:auto;overflow:visible;container-type:normal}.cases-hero__frame,.cases-hero__title{position:static;translate:none}.cases-hero__title{color:#000;text-shadow:none;font-size:24pt}.cases-room~.work-index__group--other{color:#000;background:0 0}}
