:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101310;--panel:#191d18;--ink:#f5f3e8;--muted:#b9c0b1;--rule:#3b4338;--accent:#edcf91;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-padding-block-start:24px}body{background:var(--bg);color:var(--ink);font-family:var(--font-manrope), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}body:has(.film-dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline:2px solid var(--accent);outline-offset:4px}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}::selection{background:var(--accent);color:var(--bg)}.shell{width:min(100% - clamp(36px,8vw,116px),1320px);margin-inline:auto}.eyebrow{font-family:var(--mono);letter-spacing:.105em;text-transform:uppercase;font-size:.69rem;font-weight:500;line-height:1.5}.skip-link{z-index:8;background:var(--accent);color:var(--bg);padding:12px 18px;position:fixed;inset:12px auto auto 12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--rule)}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:14px;min-height:66px;display:flex}.identity{letter-spacing:-.035em;align-items:center;gap:11px;min-height:44px;font-size:.88rem;font-weight:800;line-height:1.12;display:inline-flex}.identity img{opacity:.56;width:35px;height:auto}.header-inner nav{align-items:center;gap:clamp(12px,3vw,38px);display:flex}.header-inner nav a{align-items:center;gap:8px;min-height:44px;font-size:.84rem;font-weight:700;display:inline-flex}.header-inner nav a:hover,.footer-inner a:hover,.header-inner .nav-contact{color:var(--accent)}.nav-contact svg{width:14px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(34px,5vw,72px) clamp(30px,4vw,54px);display:grid}.hero-content{min-width:0}.hero-eyebrow{color:var(--accent);align-items:center;gap:10px;display:flex}.hero-eyebrow span{background:currentColor;width:7px;height:7px}.hero h1{letter-spacing:-.071em;word-spacing:.07em;margin-top:15px;font-size:clamp(42px,5.75vw,85px);font-weight:800;line-height:.94}.hero h1 span,.section-intro h2 span,.about h2 span{color:var(--accent)}.hero-summary{max-width:41ch;color:var(--muted);margin-top:19px;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.6}.button-primary{background:var(--accent);color:#151a0d;align-items:center;gap:19px;min-height:48px;margin-top:20px;padding:0 15px;font-size:.82rem;font-weight:800;transition:background .16s;display:inline-flex}.button-primary:hover{background:var(--ink)}.reel{isolation:isolate;aspect-ratio:1.64;background:#242d32;border:1px solid #6b776452;position:relative;overflow:hidden}.reel-image{object-fit:cover;object-position:56% center;width:100%;height:100%;position:absolute;inset:0}.reel-video{pointer-events:none}.reel-grid{pointer-events:none;background:linear-gradient(#0000 74%,#0a0e0ac2);position:absolute;inset:0}.reel-index,.reel-toggle{z-index:1;color:var(--ink);background:#111610e6;border:1px solid #d7e5d454;place-items:center;display:grid;position:absolute;bottom:11px}.reel-index{min-height:44px;font:500 .64rem var(--mono);letter-spacing:.05em;text-transform:uppercase;padding-inline:11px;left:11px}.reel-toggle{width:44px;min-height:44px;right:11px}.reel-toggle:hover{background:var(--accent);color:var(--bg)}.work,.website-design{border-top:1px solid var(--rule);padding-block:clamp(25px,3vw,42px) clamp(34px,5vw,60px)}.section-intro{justify-content:space-between;align-items:end;gap:26px;padding-bottom:clamp(16px,2.1vw,28px);display:flex}.section-number{color:var(--muted)}.section-number span{color:var(--accent);margin-right:.75em}.section-intro h2{letter-spacing:-.067em;word-spacing:.07em;margin-top:7px;font-size:clamp(38px,4.5vw,65px);font-weight:800;line-height:.98}.section-intro>p{max-width:31ch;color:var(--muted);font-size:.86rem;line-height:1.55}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px clamp(13px,2vw,27px);display:grid}.film{flex-direction:column;min-width:0;scroll-margin-block:14px;display:flex}.film:target .film-image{outline:2px solid var(--accent);outline-offset:3px}.film-image{isolation:isolate;aspect-ratio:1.84;border:1px solid var(--rule);width:100%;color:var(--ink);text-align:left;background:#242822;padding:0;display:block;position:relative;overflow:hidden}.film-image:after{content:"";z-index:-1;background:linear-gradient(#0000 64%,#101210ab),linear-gradient(#10121062,#0000 28%);position:absolute;inset:0}.film-image img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .26s;position:absolute;inset:0}.film-image-portrait img{object-position:center 49%}.film-image:hover img{transform:scale(1.032)}.film-number,.film-duration{font:500 .68rem var(--mono);letter-spacing:.06em;position:absolute}.film-number{color:#fff;background:#101210c4;padding:6px 7px;top:11px;left:11px}.film-duration{bottom:15px;left:13px}.film-play{background:var(--accent);width:44px;height:44px;color:var(--bg);place-items:center;transition:background .16s;display:grid;position:absolute;bottom:10px;right:10px}.film-play svg{margin-left:2px}.film-image:hover .film-play{background:var(--ink)}.film-copy{border-bottom:1px solid var(--rule);flex:1;padding-block:12px 14px}.film-copy .film-category{color:var(--accent);margin:0 0 5px;font-size:.63rem}.film-copy h3{letter-spacing:-.044em;word-spacing:.04em;font-size:clamp(1.13rem,1.8vw,1.64rem);font-weight:800;line-height:1.18}.film-copy>p:last-child{color:var(--muted);margin-top:6px;font-size:.83rem;line-height:1.55}.website-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,2vw,27px);display:grid}.website-card{border-bottom:1px solid var(--rule);flex-direction:column;min-width:0;display:flex}.website-preview{aspect-ratio:16/9;background:var(--panel);border:1px solid var(--rule);display:block;position:relative;overflow:hidden}.website-preview img{object-fit:cover;transition:transform .26s}.website-caption{flex:1;justify-content:space-between;align-items:flex-start;gap:12px;padding-block:12px 14px;display:flex}.website-caption .eyebrow{color:var(--accent);margin-bottom:5px;font-size:.63rem}.website-caption h3{letter-spacing:-.035em;font-size:clamp(1rem,1.55vw,1.36rem);font-weight:800;line-height:1.2}.website-arrow{border:1px solid var(--rule);height:38px;color:var(--accent);flex:0 0 38px;place-items:center;transition:background .16s,color .16s;display:grid}.website-card:hover .website-preview img{transform:scale(1.032)}.website-card:hover .website-arrow{background:var(--accent);color:var(--bg)}.film-dialog{border:1px solid var(--rule);width:min(100% - 24px,1000px);max-height:calc(100dvh - 24px);color:var(--ink);overscroll-behavior:contain;background:#151813;padding:0}.film-dialog::backdrop{background:#0a0c0af0}.player{padding:clamp(12px,2vw,22px)}.player-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.player-header .eyebrow{color:var(--accent)}.player-header h2{letter-spacing:-.04em;margin-top:3px;font-size:clamp(1.24rem,3vw,1.9rem);line-height:1.15}.player-close{border:1px solid var(--rule);height:44px;color:var(--ink);background:0 0;flex:0 0 44px;place-items:center;padding:0;display:grid}.player-close:hover{background:var(--accent);color:var(--bg)}.player-video{background:#070907;width:100%;max-height:min(67vh,100dvh - 150px);display:block}.player-portrait{width:auto;max-width:100%;margin-inline:auto}.player-note{color:var(--muted);margin-top:12px;font-size:.79rem;line-height:1.5;display:block}.player-note a{text-underline-offset:3px;color:var(--ink);text-decoration:underline}.concept-stills{margin-top:19px}.concept-stills h3{color:var(--muted);margin-bottom:9px}.still-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.still-grid a{display:block}.still-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.still-grid figcaption{color:var(--muted);padding-top:5px;font-size:.73rem;line-height:1.4}.about{border-block:1px solid var(--rule);grid-template-columns:1fr .8fr;align-items:center;gap:clamp(22px,6vw,86px);padding-block:clamp(22px,4vw,45px);display:grid}.about h2{letter-spacing:-.065em;margin-top:6px;font-size:clamp(26px,3vw,44px);font-weight:800;line-height:1}.about-copy>p:last-child{max-width:65ch;color:var(--muted);margin-top:10px;font-size:.88rem;line-height:1.65}.contact{isolation:isolate;min-width:0;padding:14px 0;position:relative;overflow:hidden}.watermark{z-index:-1;opacity:.095;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(72%,390px);height:auto;position:absolute;top:50%;right:-8%;transform:translateY(-50%)}.contact-link{min-height:44px;color:var(--accent);overflow-wrap:anywhere;text-underline-offset:.24em;align-items:center;gap:10px;margin-top:3px;font-size:clamp(.79rem,1.3vw,1.05rem);font-weight:750;text-decoration:underline;display:inline-flex}.contact-link:hover{color:var(--ink)}.spatial-archive{padding-block:5px}.spatial-archive summary{min-height:44px;color:var(--muted);padding:13px 0;font-size:.78rem;font-weight:750}.spatial-archive summary span{margin-left:8px;font-weight:500}.spatial-archive details img{width:min(550px,100%);height:auto}.spatial-archive details p{color:var(--muted);padding-block:7px 12px;font-size:.82rem}.site-footer{border-top:1px solid var(--rule);color:var(--muted)}.footer-inner{min-height:52px;font-size:.76rem}.footer-inner a{align-items:center;min-height:44px;display:flex}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:20px}.hero h1{font-size:clamp(37px,5.65vw,52px)}}@media (max-width:650px){.shell{width:calc(100% - 36px)}.header-inner{min-height:61px}.identity{gap:7px;font-size:.76rem}.identity img{width:27px}.header-inner nav{gap:12px}.header-inner nav a{font-size:.75rem}.nav-contact svg{display:none}.hero{grid-template-columns:1fr;gap:18px;padding-block:27px 24px}.hero h1{margin-top:9px;font-size:clamp(39px,10.35vw,65px)}.hero-summary{margin-top:12px}.button-primary{min-height:44px;margin-top:13px}.reel{aspect-ratio:1.72}.section-intro{flex-direction:column;align-items:start;gap:7px}.website-grid{grid-template-columns:1fr;gap:18px}.about{grid-template-columns:1fr;gap:14px}.contact{padding:5px 0 1px}}@media (max-width:500px){.film-grid{grid-template-columns:1fr;gap:18px}.film-image{aspect-ratio:1.9}.still-grid{grid-template-columns:1fr}.still-grid figcaption{padding-bottom:5px}}@media (max-width:400px){.identity span{max-width:70px}.header-inner,.header-inner nav{gap:7px}.header-inner nav a{font-size:.69rem}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.film-image:hover img,.website-card:hover .website-preview img{transform:none}}