:root{color-scheme:dark;--ink:#050606;--panel:#0c0d0d;--light:#f2f0eb;--muted:#a5a49e;--line:#292a27;--accent:#c0b098;--font:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--light);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--ink)}.noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:0 clamp(24px,5vw,76px);position:relative;z-index:10;background:#060707;border-bottom:1px solid #20211f}.brand{display:flex;align-items:center;gap:17px;white-space:nowrap}.brand-mark,.footer-logo{font-size:37px;line-height:1;letter-spacing:-.1em;font-weight:700}.brand-mark span,.footer-logo span{color:var(--accent)}.brand-rule{height:29px;width:1px;background:#51514c}.brand-type{font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.75}.brand-type small{color:#96968e;font-size:9px;font-weight:500;letter-spacing:.18em}.nav{display:flex;gap:35px;align-items:center;margin:auto}.nav a{font-size:12px;color:#c8c7c0;transition:color .2s}.nav a:hover{color:white}.nav-end{font-size:10px;font-weight:700;letter-spacing:.16em;border:1px solid #6a685f;padding:13px 17px}.nav-end span{font-size:17px;margin-left:12px}.nav-end:hover{border-color:white}
.hero{min-height:min(800px,calc(100svh - 88px));height:760px;max-height:900px;position:relative;overflow:hidden;background:#080a0a}.hero-image{position:absolute;inset:0;background-image:url('assets/drift.jpg');background-size:cover;background-position:70% 42%;opacity:.7;filter:saturate(.75) contrast(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.97) 0%,rgba(3,4,4,.86) 26%,rgba(3,4,4,.39) 65%,rgba(3,4,4,.2) 100%),linear-gradient(0deg,rgba(3,4,4,.91) 0%,transparent 37%,rgba(3,4,4,.17) 100%)}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px clamp(24px,6vw,100px) 28px}.hero-eyebrow,.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#d6d5cf}.hero-eyebrow i{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:9px}.hero-eyebrow-right,.hero-foot{color:#c3c1b8}.hero-main{padding-top:9vh}.hero-index,.project-kicker,.kicker,.section-side,.about-supra,.contact-small,.dialog-kicker{font-size:10px;letter-spacing:.2em;font-weight:600;color:var(--accent)}.hero-index span{color:#a8a69c;margin:0 8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(74px,8.25vw,143px);line-height:.95;letter-spacing:-.072em;margin:25px 0 32px;max-width:1280px}h1 em,h2 em,.manifesto em{font-family:var(--serif);font-weight:400;letter-spacing:-.038em}.hero-lead{display:flex;gap:50px;align-items:center}.hero-lead p{color:#e2ded6;line-height:1.75;font-size:15px;max-width:410px;margin:0}.link-pill{display:inline-flex;align-items:center;gap:30px;border:1px solid #d0cec5;border-radius:60px;font-size:10px;font-weight:700;letter-spacing:.16em;padding:18px 25px;white-space:nowrap}.link-pill span{font-size:19px}.link-pill:hover{background:var(--light);color:var(--ink)}.hero-foot{font-size:9px}.hero-foot span span{margin-left:14px;font-size:16px}
.section{padding-left:clamp(24px,6vw,100px);padding-right:clamp(24px,6vw,100px)}.work{padding-top:110px;padding-bottom:128px}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:21px;gap:20px}.kicker{color:#d5cbbd}.kicker-square{width:7px;height:7px;display:inline-block;background:var(--accent);margin-right:12px;vertical-align:middle}.section-side{color:#747670;font-size:9px}.work-intro{display:flex;justify-content:space-between;align-items:end;padding:45px 0 45px;gap:50px}.work-intro h2,.about h2{font-size:clamp(62px,7vw,108px);letter-spacing:-.065em;line-height:1;margin:0}.work-intro p{color:var(--muted);font-size:14px;line-height:1.9;max-width:345px;margin:0 0 6px}.projects{display:grid;gap:74px}.visual{display:block;width:100%;appearance:none;border:0;padding:0;cursor:pointer;overflow:hidden;position:relative;text-align:left;background:#111}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.78)}.visual:hover img,.visual:focus-visible img{transform:scale(1.035);filter:saturate(1)}.visual:focus-visible,.round-action:focus-visible,a:focus-visible,.dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.feature-visual{height:clamp(380px,51vw,675px)}.feature-visual img{object-position:center 40%}.project-visual{aspect-ratio:1.68}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 32%,rgba(0,0,0,.42) 100%);pointer-events:none}.top-tag{position:absolute;top:27px;left:28px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#fff}.top-tag span{color:#c9c9c3}.poster-footer{position:absolute;bottom:25px;right:28px;display:flex;align-items:center;gap:16px;color:#fff;font-size:10px;letter-spacing:.16em;font-weight:600}.poster-footer span{font-size:18px}.play-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:84px;width:84px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);transition:background .25s,transform .25s}.play-orb span{font-size:18px;margin-left:5px;color:white}.visual:hover .play-orb{background:rgba(10,10,10,.65);transform:translate(-50%,-50%) scale(1.08)}.feature-descriptor,.project-descriptor{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:25px}.project-kicker{color:var(--accent);font-size:9px}.feature-descriptor h3{font-size:50px;margin:7px 0;letter-spacing:-.04em}.project-descriptor h3{font-size:31px;letter-spacing:-.045em;margin:9px 0 7px}.feature-descriptor p,.project-descriptor p{font-size:13px;color:#989992;margin:0;line-height:1.65}.round-action{border:1px solid #474841;background:transparent;color:#eee;border-radius:50%;width:53px;height:53px;font-size:21px;cursor:pointer;flex-shrink:0}.round-action:hover{background:#e8e4dd;color:#111}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:29px}.project-pair .play-orb{width:66px;height:66px}
.interlude{padding-top:105px;padding-bottom:120px;background:#101111}.interlude-line{height:1px;background:#33352f;margin-bottom:37px}.interlude-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:60px}.interlude-layout>.kicker{padding-top:18px}.manifesto{font-size:clamp(55px,6.8vw,105px);letter-spacing:-.058em;line-height:1.05;margin:0 0 54px}.manifesto em{color:#bcbab1}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.manifesto-bottom>p{max-width:410px;color:#b8b7b0;font-size:14px;line-height:1.95}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expertise span{border-top:1px solid #454740;color:#bcbcb5;padding-top:13px;font-size:9px;font-weight:600;letter-spacing:.11em}
.about{padding-top:110px;padding-bottom:150px}.about-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:10vw;align-items:center;margin-top:85px}.about-supra{display:block;margin-bottom:27px}.about h2{font-size:clamp(58px,6.5vw,98px)}.about-body{margin-top:39px;max-width:565px}.about-body p{color:#aaa9a1;font-size:15px;line-height:2;margin-bottom:18px}.text-link{display:inline-flex;gap:32px;border-bottom:1px solid #84847e;padding:16px 0;font-size:11px;font-weight:700;letter-spacing:.15em;margin-top:12px}.text-link span{font-size:18px}.portrait{width:100%;max-width:300px;margin:0 auto}.portrait-frame{aspect-ratio:4/4.7;overflow:hidden;background:#282621;filter:none}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 31%}.portrait figcaption{padding-top:15px;border-top:1px solid var(--line);margin-top:13px;display:flex;justify-content:space-between;gap:10px;color:#9e9f98;font-size:9px;letter-spacing:.1em}.portrait figcaption span:first-child{color:#ddd}
.contact{background:#0d0e0d;padding-top:68px;padding-bottom:68px}.contact-small{margin:100px 0 26px}.contact h2{font-size:clamp(80px,10.5vw,170px);line-height:.9;letter-spacing:-.077em;margin-bottom:54px}.contact-email{display:inline-flex;align-items:center;gap:30px;padding-bottom:9px;border-bottom:1px solid #aaa8a1;font-size:clamp(17px,2.5vw,31px);word-break:break-word;letter-spacing:-.03em}.contact-email span{font-size:22px}.contact-email:hover{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #2d2f2a;margin-top:110px;padding-top:20px;font-size:9px;letter-spacing:.13em;color:#8b8c84;gap:20px}footer{height:93px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,6vw,100px);gap:20px;background:#050606}footer span,footer a:last-child{font-size:10px;font-weight:600;letter-spacing:.13em;color:#90918b}.footer-logo{font-size:29px;color:#eee}
#video-dialog{padding:0;border:1px solid #4c4c47;background:#0c0d0c;color:#eee;max-width:min(1100px,93vw);width:1100px;box-shadow:0 24px 120px rgba(0,0,0,.85)}#video-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(10px)}.dialog-head{padding:25px 29px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dialog-head h2{font-size:32px;margin:6px 0 0;font-weight:400;letter-spacing:-.035em}.dialog-kicker{font-size:9px}.dialog-close{background:transparent;color:white;border:1px solid #52524b;border-radius:50%;width:46px;height:46px;font-size:27px;cursor:pointer}.player{width:100%;aspect-ratio:16/9;background:#040404}.player video,.player iframe{width:100%;height:100%;border:0;display:block}.dialog-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 30px;color:#8f9087;font-size:10px;letter-spacing:.12em}.dialog-foot #preview-note{color:#c7ae7d}
@media(max-width:900px){.site-header{height:76px}.nav-end{display:none}.hero{height:690px;min-height:640px}.hero-main{padding-top:7vh}h1{font-size:clamp(69px,10vw,110px)}.work-intro{align-items:start}.interlude-layout{grid-template-columns:1fr;gap:35px}.interlude-layout>.kicker{padding-top:0}.about-layout{gap:6vw}.about h2{font-size:clamp(51px,6.3vw,80px)}.manifesto-bottom{gap:35px}}
@media(max-width:650px){.site-header{height:70px;padding:0 20px}.brand-mark{font-size:33px}.brand-type{font-size:8px}.brand-type small{font-size:7px}.brand-rule{height:25px}.nav{margin-left:auto;gap:16px}.nav a{font-size:11px}.nav a:nth-child(2){display:none}.hero{height:690px;min-height:630px}.hero-inner{padding:26px 23px}.hero-eyebrow{font-size:9px;letter-spacing:.12em}.hero-eyebrow-right{display:none}.hero-main{padding-top:3vh}.hero-index{font-size:9px}.hero h1{font-size:clamp(64px,13.9vw,93px);line-height:.98;max-width:600px;margin:25px 0 32px}.hero-image{background-position:58% center;opacity:.5}.hero-shade{background:linear-gradient(90deg,rgba(3,4,4,.8),rgba(3,4,4,.37)),linear-gradient(0deg,rgba(3,4,4,.88),transparent 70%)}.hero-lead{flex-direction:column;align-items:flex-start;gap:25px}.hero-lead p{font-size:13px;max-width:300px}.hero-foot{font-size:8px;letter-spacing:.12em}.hero-foot>span:first-child{max-width:180px}.work{padding-top:72px;padding-bottom:85px}.section-top{align-items:flex-start}.section-side{display:none}.work-intro{display:block;padding:36px 0 29px}.work-intro h2{font-size:64px;margin-bottom:20px}.work-intro p{font-size:13px}.feature-visual{height:310px}.feature-visual img{object-position:center}.play-orb{width:62px;height:62px}.top-tag{left:16px;top:19px;font-size:9px}.poster-footer{right:17px;bottom:17px;font-size:9px}.feature-descriptor h3{font-size:38px}.project-pair{grid-template-columns:1fr;gap:41px}.project-visual{aspect-ratio:1.55}.project-descriptor h3{font-size:30px}.projects{gap:45px}.round-action{width:44px;height:44px}.interlude{padding-top:74px;padding-bottom:79px}.manifesto{font-size:clamp(52px,9vw,78px)}.manifesto-bottom{grid-template-columns:1fr}.expertise{gap:20px}.about{padding-top:76px;padding-bottom:85px}.about-layout{grid-template-columns:1fr;gap:58px;margin-top:54px}.about h2{font-size:clamp(54px,10vw,78px)}.about-body{margin-top:26px}.about-body p{font-size:14px}.portrait{max-width:225px;margin-left:0}.contact{padding-top:52px;padding-bottom:58px}.contact-small{margin:95px 0 25px}.contact h2{font-size:clamp(69px,12vw,100px)}.contact-bottom{margin-top:95px;flex-direction:column;gap:9px}footer{height:85px}footer span{font-size:9px}.dialog-head{padding:17px}.dialog-head h2{font-size:24px}.dialog-foot{padding:15px;font-size:8px}.dialog-close{height:36px;width:36px;font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}.play-orb{transition:none}}

/* V8: no-script modal player */
.film-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
.film-overlay:target{opacity:1;visibility:visible;pointer-events:auto}
.overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.93);backdrop-filter:blur(8px)}
.overlay-shell{position:relative;z-index:1;width:min(1050px,100%);background:#0a0b0b;border:1px solid #484943;box-shadow:0 25px 90px #000b;max-height:96svh;overflow:auto}
.overlay-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px}
.overlay-head h2{font-size:clamp(24px,3vw,38px);margin:5px 0 0;letter-spacing:-.04em}
.overlay-head .dialog-close{display:grid;place-items:center;flex-shrink:0;text-decoration:none}
.overlay-player{background:black;width:100%;aspect-ratio:16/9}
.overlay-player video,.overlay-player iframe{width:100%;height:100%;display:block;border:none}
.overlay-foot{padding:16px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#aaa49a;letter-spacing:.08em;font-size:10px}
.overlay-foot a{color:#ded4c5;border-bottom:1px solid #8c867a;padding-bottom:4px;white-space:nowrap}
.preview-helper{border-top:1px solid #30312e;margin-top:34px;padding-top:22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:#a8a9a2}
.preview-helper p{margin:0 8px 0 0}
.preview-helper a{color:#ece2d4;text-decoration:underline;text-underline-offset:4px}
body:has(.film-overlay:target){overflow:hidden}
@media(max-width:650px){.overlay-shell{max-height:95svh}.overlay-head{padding:14px}.overlay-foot{padding:12px 15px;align-items:flex-start;flex-direction:column;line-height:1.5}.film-overlay{padding:8px}.preview-helper{align-items:flex-start;gap:13px}}

/* V10: warm-gold mark & deliberately quiet, image-free hero */
:root{--accent:#e0c17b}
.brand-mark,.footer-logo{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-.105em;color:#e8c982}
.brand-mark span,.footer-logo span{color:#e8c982}
.footer-logo{font-size:36px}
.hero{background:radial-gradient(ellipse 65% 75% at 85% 43%,rgba(139,107,54,.075),transparent 72%),linear-gradient(140deg,#080908 0%,#050605 48%,#0c0c0a 100%)}
.hero-shade{background:linear-gradient(95deg,rgba(0,0,0,.12),transparent 80%)}
.hero::before{content:'';position:absolute;inset:12% 7% 10% auto;width:38%;border-right:1px solid rgba(218,188,118,.08);pointer-events:none}
.hero h1 em,.work-intro h2 em,.about h2 em,.contact h2 em,.manifesto em{color:#e3c784}
.link-pill{border-color:rgba(224,193,123,.65)}
.link-pill:hover{background:#e7ce8d;color:#080808}
/* Three equal-size project tiles on desktop and tablet, stacked on mobile */
.projects-equal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.projects-equal .project-visual{aspect-ratio:16/10;height:auto}
.projects-equal .project-visual img{object-fit:cover;object-position:center center}
.projects-equal article[data-video="gold"] .project-visual img{object-position:65% center}
.projects-equal .project-descriptor{padding-top:22px;gap:10px;align-items:start}
.projects-equal .project-descriptor h3{font-size:clamp(25px,2.35vw,37px);line-height:1.13;margin:10px 0}
.projects-equal .project-descriptor p{font-size:12px;line-height:1.6}
.projects-equal .round-action{height:43px;width:43px;font-size:18px;display:grid;place-items:center;text-decoration:none}
.projects-equal .top-tag{font-size:9px;top:18px;left:18px;letter-spacing:.11em}
.projects-equal .play-orb{width:62px;height:62px}
.projects-equal .poster-footer{bottom:18px;right:18px;font-size:9px}
.overlay-foot a:hover{color:var(--accent)}
@media(max-width:900px){.projects-equal{gap:18px}.projects-equal .project-descriptor h3{font-size:25px}.projects-equal .round-action{display:none}.projects-equal .project-kicker{font-size:8px;letter-spacing:.12em}}
@media(max-width:650px){.brand-mark{font-size:39px}.projects-equal{grid-template-columns:1fr;gap:38px}.projects-equal .project-visual{aspect-ratio:16/10}.projects-equal .project-descriptor h3{font-size:35px}.projects-equal .round-action{display:grid}}

/* V12 — custom 4K playback controls. No changes to page layout or pop-up size. */
.cinema-player{position:relative;width:100%;height:100%;overflow:hidden;background:#000;isolation:isolate;outline:none}
.cinema-video{width:100%;height:100%;object-fit:contain;display:block;background:#000;cursor:pointer}
.cinema-center-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);color:white;font-size:22px;padding:0 0 0 5px;cursor:pointer;transition:background .2s,opacity .2s}
.cinema-center-play:hover{background:rgba(0,0,0,.85)}
.cinema-player:not(.is-paused) .cinema-center-play{opacity:0;pointer-events:none}
.cinema-player:not(.is-paused):hover .cinema-center-play{opacity:.75;pointer-events:auto}
.cinema-controls{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:28px 21px 12px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.87),rgba(0,0,0,.5) 42%,transparent);opacity:1;transition:opacity .2s}
.cinema-buttons{display:flex;align-items:center;gap:16px;min-height:36px}
.cinema-buttons button{color:#fff;background:transparent;border:none;cursor:pointer;min-width:28px;min-height:31px;padding:3px;font-size:19px}
.cinema-buttons button:hover{color:#e3c784}
.cinema-time{font:500 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.03em;color:#f2f0eb;white-space:nowrap}
.cinema-spacer{flex:1}
.cinema-quality{border:1px solid #ded5bf;color:#eee5d7;border-radius:3px;padding:2px 5px;font-size:11px;font-weight:700;letter-spacing:.03em}
.cinema-seek{display:block;width:100%;margin:0 0 5px;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#e3c784 0%,#e3c784 var(--progress,0%),rgba(255,255,255,.45) var(--progress,0%),rgba(255,255,255,.45) 100%);height:4px;accent-color:#e3c784;border:0}
.cinema-seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#e3c784;border:1px solid #fff;border-radius:50%}
.cinema-seek::-moz-range-thumb{width:12px;height:12px;background:#e3c784;border:1px solid #fff;border-radius:50%}
.cinema-player button:focus-visible,.cinema-player input:focus-visible,.cinema-player:focus-visible{outline:2px solid #e3c784;outline-offset:3px}
.cinema-error{position:absolute;z-index:5;inset:0;background:rgba(0,0,0,.94);color:#f0e9db;display:grid;place-items:center;padding:30px;text-align:center;font-size:14px;line-height:1.65}
.cinema-error[hidden],.cinema-quality[hidden]{display:none!important}
.cinema-player.has-error .cinema-controls,.cinema-player.has-error .cinema-center-play{display:none}
@media(max-width:650px){.cinema-center-play{height:56px;width:56px;font-size:19px}.cinema-controls{padding:20px 12px 5px}.cinema-buttons{gap:7px}.cinema-buttons button{font-size:16px;min-width:22px}.cinema-time{font-size:10px}}

/* V14: allow the new, longer homepage headline to fit mobile viewports. */
@media(max-width:650px){.hero h1{font-size:clamp(32px,10vw,65px);letter-spacing:-.06em}}