.aperture{background:var(--black);height:250svh}.aperture-stage{height:100svh;min-height:0}.aperture-film{z-index:0;background:var(--black);position:absolute;inset:0}.aperture-film video{object-fit:contain;width:100%;height:100%;display:block}.aperture-canvas{z-index:1;transition:opacity .2s linear}.film-controls{z-index:10;inset:auto var(--page-pad) 1.5rem;color:var(--fog);opacity:0;pointer-events:none;background:#0a0c0be0;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1rem;display:flex;position:absolute}.film-controls[hidden]{display:none}.film-controls>span{font:.75rem var(--mono);margin-right:auto}.film-controls button{border:1px solid var(--silver);min-height:44px;color:var(--fog);cursor:pointer;background:0 0;padding:.5rem 1rem}.film-controls button:hover{background:var(--fog);color:var(--black)}.film-controls button:active{background:var(--silver)}.film-controls a{align-items:center;min-height:44px;font-size:.875rem;display:flex}.film-controls p{width:100%;margin:0;font-size:.875rem}.film-controls p:empty{display:none}.reel-ready .aperture-canvas,.reel-ready .hero-scrim,.reel-ready .hero-optics,.reel-ready .aperture-noise{opacity:0;pointer-events:none}.reel-ready .film-controls{opacity:1;pointer-events:auto}.reel-ready .hero-copy{pointer-events:none}.brand-grid .brand img{object-fit:contain;width:100%;max-width:220px;height:90px;display:block}.brand-grid .brand{justify-content:center;align-items:center;min-height:130px;padding:1.2rem;display:flex}.project-media{background:var(--black)}.project-media:after{pointer-events:none}.project-media>img{filter:none}.case-hero.has-installed{background:var(--black);height:auto;min-height:0;padding-top:6rem;display:block}.case-hero.has-installed>img{object-fit:contain;opacity:1;filter:none;width:100%;height:min(80svh,900px);display:block;position:relative;transform:none}.case-hero.has-installed .case-title{padding:3rem var(--page-pad);max-width:none;position:relative;inset:auto}.media-slot.is-installed .media-slot-visual{background:var(--black);min-height:0;position:relative;aspect-ratio:auto!important}.media-slot.is-installed .media-slot-visual a{display:block}.media-slot.is-installed .media-video-open{width:100%;color:var(--fog);background:var(--black);cursor:pointer;text-align:inherit;border:0;padding:0;display:block;position:relative}.media-slot.is-installed .media-video-open>span{z-index:3;aspect-ratio:1;backdrop-filter:blur(8px);background:#0a0c0b7a;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:clamp(3.5rem,6vw,5rem);font-size:1.15rem;transition:color .18s,background .18s,transform .18s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.media-slot.is-installed .media-video-open>small{z-index:3;font:.62rem var(--mono);letter-spacing:.07em;text-transform:uppercase;position:absolute;bottom:.75rem;right:.85rem}.media-slot.is-installed .media-video-open:hover>span,.media-slot.is-installed .media-video-open:focus-visible>span{color:var(--black);background:var(--signal);transform:translate(-50%,-50%)scale(1.06)}.media-slot.is-installed .media-slot-visual img{filter:none;object-fit:contain;width:100%;height:auto;max-height:none;display:block;position:static;transform:none}.media-slot.is-installed .media-slot-visual video{object-fit:contain;background:#000;width:100%;height:auto;display:block;position:static}.media-slot.is-installed .media-slot-visual:after,.media-slot.is-installed .media-slot-index{display:none}.media-slot.is-installed figcaption{padding-block:.75rem}.more-work{padding:3rem var(--page-pad) 6rem;color:var(--fog);background:var(--black)}.more-work summary{border-block:1px solid var(--survey);cursor:pointer;align-items:center;gap:1.5rem;padding-block:1.5rem;list-style:none;display:flex}.more-work summary::-webkit-details-marker{display:none}.more-work summary h2{margin:0 auto 0 0;font-size:clamp(1.6rem,4vw,3.5rem);font-weight:400}.more-work summary i{font-size:2rem;font-style:normal;transition:transform .18s ease-out}.more-work details[open] summary i{transform:rotate(45deg)}.more-work summary:hover{color:var(--signal)}.more-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:2rem;display:grid}.more-work-grid figure{min-width:0;margin:0}.more-work-grid a{aspect-ratio:4/5;background:var(--graphite);justify-content:center;align-items:center;display:flex;overflow:hidden}.more-work-grid img{object-fit:contain;width:100%;height:100%;transition:opacity .18s ease-out;display:block}.more-work-grid a:hover img{opacity:.8}.more-work-grid figcaption{gap:.35rem;padding-top:.75rem;font-size:.875rem;display:grid}.more-work-grid figcaption strong{font-weight:500}.more-work-grid figcaption span{color:var(--silver);font:.62rem/1.45 var(--mono);letter-spacing:.05em;text-transform:uppercase}.gallery-dialog{width:min(96vw,1500px);max-width:96vw;max-height:94svh;color:var(--fog);background:var(--black);border:0;padding:3rem 1rem 1rem;position:fixed;inset:0}.gallery-dialog::backdrop{background:#000000e6}.gallery-dialog figure{text-align:center;margin:0}.gallery-dialog img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:78svh;margin:auto;display:block}.gallery-dialog button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;position:absolute;top:.25rem;right:.75rem}.gallery-dialog figcaption{padding-top:.75rem}.gallery-dialog button:hover{color:var(--signal)}.media-dialog{z-index:var(--z-dialog);width:100vw;max-width:none;height:100svh;max-height:none;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:var(--fog);background:var(--black);border:0;margin:0;position:fixed;inset:0}.media-dialog::backdrop{z-index:var(--z-backdrop);background:#000000f0}.media-dialog-surface{grid-template-rows:auto minmax(0,1fr);gap:.75rem;width:100%;height:100%;display:grid}.media-dialog-head{min-height:44px;font:.68rem var(--mono);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #e7e7e547;justify-content:space-between;align-items:center;gap:1rem;display:flex}.media-dialog-head p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.media-dialog-head button{min-height:44px;color:inherit;cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.media-dialog-head button:hover{color:var(--signal)}.media-dialog video,.media-dialog iframe{object-fit:contain;background:var(--black);border:0;width:100%;height:100%;min-height:0;display:block}.media-dialog video[hidden],.media-dialog iframe[hidden]{display:none}.has-media-dialog{overflow:hidden}[data-slot-id=soulkraft-mark].media-slot.is-installed .media-slot-visual img{transform-origin:50%;transform:scale(1.5)}:focus-visible{outline:2px solid var(--signal);outline-offset:5px}@media (width<=700px){.film-controls{gap:.5rem 1rem;padding:.75rem;inset:auto 1rem 1rem}.film-controls>span{width:100%}.more-work-grid{grid-template-columns:1fr}.more-work-grid a{aspect-ratio:auto;min-height:12rem}.more-work-grid img{height:auto;max-height:70svh}.case-hero.has-installed>img{height:auto;max-height:72svh}.brand-grid .brand img{max-width:160px;height:65px}[data-slot-id=soulkraft-mark].media-slot.is-installed .media-slot-visual img{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.aperture{height:165svh}.aperture-canvas,.more-work summary i,.more-work-grid img,.media-video-open>span{transition:none}}.reel-ending{z-index:20;background:#000;place-items:center;display:grid;position:absolute;inset:0}.reel-ending[hidden]{display:none}.reel-ending button{opacity:0;pointer-events:none;border:1px solid var(--silver);min-height:48px;color:var(--fog);font:inherit;cursor:pointer;background:0 0;padding:1rem 1.6rem;transition:opacity .24s}.reel-ending button:hover{background:var(--fog);color:var(--black)}.reel-ending button:active{background:var(--silver)}.replay-visible .reel-ending button{opacity:1;pointer-events:auto}.aperture:not(.reel-ready) .reel-ending,.reel-ended .film-controls{visibility:hidden}.media-slot.media-id-soulkraft-mark .media-slot-visual a{background:#000;place-items:center;min-height:clamp(300px,42vw,520px);padding:clamp(2rem,7vw,6rem) 1rem;display:grid}.media-slot.media-id-soulkraft-mark .media-slot-visual img{image-rendering:auto;width:min(72vw,360px);margin:auto}.brand-grid .brand img[src$=multispa\.svg]{max-width:245px}.media-blueprint[data-count="1"] .media-blueprint-grid{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.reel-ending button{transition:none}}
