body:has(.deck){overflow:hidden}.deck{background:#0c0a09;display:flex;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;position:fixed;scroll-snap-type:x mandatory;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.panel{background:var(--bg);display:flex;flex:0 0 100%;flex-direction:column;height:100%;outline:none;overflow:hidden auto;overscroll-behavior-y:contain;position:relative;scroll-snap-align:start;scroll-snap-stop:always;scrollbar-color:#6e6659 transparent;scrollbar-width:thin}.panel-body{margin:auto;padding:112px 0 104px;position:relative;z-index:1}.scene{flex:none;height:100dvh;margin-bottom:-100dvh;overflow:hidden;pointer-events:none;position:sticky;top:0}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .66 0 0 0 0 .64 0 0 0 0 .6 1.5 1.5 1.5 0 -1.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.panel:before{animation:film-grain .9s steps(7) infinite;background:var(--grain);content:"";flex:none;height:100dvh;margin-bottom:-100dvh;opacity:.13;pointer-events:none;position:sticky;top:0;z-index:2}@keyframes film-grain{0%{background-position:0 0}to{background-position:-119px 83px}}.deck.ready .panel:not([data-active]):before,.deck.ready .panel:not([data-active]) *,.deck.ready .panel:not([data-active]) *:before,.deck.ready .panel:not([data-active]) *:after,.deck.paused .panel:before,.deck.paused .panel *:not(.lightbox,.controls-detail),.deck.paused .panel *:before,.deck.paused .panel *:after{animation-play-state:paused!important}.deck.not-started .panel:before,.deck.not-started .panel *:not(.lightbox,.controls-detail),.deck.not-started .panel *:before,.deck.not-started .panel *:after{animation:none!important}html.lite .panel:before,html.lite .portrait-grain,html.lite .projector-glow,html.lite .light-haze,html.lite .screen-marquee span,html.lite .room-smoke,html.lite .room-beam,html.lite .services-list:before,html.lite .about-haze,html.lite .about-light,html.lite .work-beam{animation:none}html.lite .smoke-veil,html.lite .work-smoke,html.lite .screen-picture.colour:after,html.lite .poster-glow,html.lite .film-flare{display:none}html.lite .screen-picture video,html.lite .player-frame,html.lite .room-beam,html.lite .about-light,html.lite .page,html.lite .exposure,html.lite .word{filter:none!important}html.lite .slides{mask-image:none}.deck[data-running] .panel{will-change:transform}.film{inset:0;overflow:hidden;pointer-events:none;position:fixed;visibility:hidden;z-index:2}.film[data-running]{visibility:visible}.film-edge{--holes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96'%3E%3Crect x='19' y='16' width='26' height='36' rx='6' fill='%23a8987a'/%3E%3C/svg%3E");background:var(--holes) 0 0 / auto 100% repeat-x,#0d0b0a;left:0;position:absolute;top:0;transform:translate3d(0,-100%,0);transform-origin:0 0;will-change:transform}.film-edge-bottom{--holes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96'%3E%3Crect x='19' y='44' width='26' height='36' rx='6' fill='%23a8987a'/%3E%3C/svg%3E")}.film-print{bottom:3%;color:#d8a94f;font:700 10px/1 Courier New,monospace;letter-spacing:.22em;opacity:.85;position:absolute;white-space:pre}.film-edge-bottom .film-print{bottom:auto;top:3%}.film-flare{background:linear-gradient(90deg,transparent 30%,#ffe9c20f 60%,#ffe9c22e 100%),radial-gradient(ellipse 55% 75% at 100% 40%,#ffedcd8a,#ffdda844 34%,transparent 72%);inset:0;mix-blend-mode:screen;opacity:0;position:absolute}.deck-controls{align-items:center;bottom:26px;display:flex;gap:20px;left:max(6%,calc((100% - 1200px)/2));pointer-events:none;position:fixed;right:max(6%,calc((100% - 1200px)/2));z-index:4}.deck-controls>*{pointer-events:auto}.deck-hud{align-items:center;background:#15120ff2;border:1px solid #6e66594d;border-radius:30px;display:flex;gap:6px;padding:4px}.motion-control{align-items:center;display:inline-flex;justify-content:center;margin-left:2px;position:relative}.motion-control:before{background:#6e66594d;content:"";height:16px;left:-4px;position:absolute;width:1px}.motion-control .icon-play,.motion-control[aria-pressed=true] .icon-pause{display:none}.motion-control[aria-pressed=true] .icon-play{display:inline}.hud-step{background:none;border:0;border-radius:50%;cursor:pointer;font-size:15px;height:34px;width:34px}.hud-step:hover:enabled{background:#393228}.hud-step:disabled{cursor:default;opacity:.3}.hud-step:focus-visible{outline-offset:1px}.hud-now{align-items:baseline;display:flex;font:10px/1 var(--sans);gap:10px;letter-spacing:.16em;min-width:138px;padding:0 6px;text-transform:uppercase}.hud-count{color:var(--muted);white-space:nowrap}.hud-count b{color:var(--paper);font-weight:400}.site-header .wordmark,.site-header nav a{position:relative;text-decoration:none}.site-header nav a{padding-bottom:5px}.site-header .wordmark:after,.site-header nav a:after{background:currentColor;content:"";height:1px;left:0;position:absolute;right:var(--nav-track);top:100%;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,.61,.36,1)}.site-header .wordmark:after{right:var(--wm-track);top:calc(100% + 5px)}.site-header nav a[aria-current]:after{background:#e5c8a1;transform:none;transform-origin:left}@media(hover:hover){.site-header .wordmark:hover:after,.site-header nav a:hover:after{transform:none;transform-origin:left}}@media(prefers-reduced-motion:reduce){.site-header .wordmark:after,.site-header nav a:after{transition:none}}body:has(.deck) .site-header:before{animation:none;opacity:0;transition:opacity .3s}body:has(.deck) .site-header[data-backed]:before{opacity:1}@media(prefers-reduced-motion:no-preference){.deck.ready .reveal{opacity:0;transform:translateY(26px)}.deck.ready .reveal.seen{opacity:1;transform:none;transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,.7,.2,1)}}@media(prefers-reduced-motion:reduce){.film,.motion-control{display:none}.panel:before{animation:none}}@media(max-width:760px){.panel-body{padding:96px 0 92px}.deck-controls{bottom:16px;gap:8px;justify-content:space-between}.hud-now{min-width:118px}.film-print{font-size:8px}}
