@font-face{font-family:ArialFallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{--ink:#090909;--paper:#f0eee8;--accent:#ff5c00;--muted:#999992;--line:#30302d;margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body[data-palette=acid]{--accent:#ff7900}body[data-palette=red]{--accent:#ff3d16}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}button[hidden],[hidden]{display:none!important}::selection{background:var(--accent);color:var(--ink)}.accent{color:var(--accent)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;background:var(--accent);color:#000;padding:16px;z-index:100}.skip:focus{top:8px}.reviewbar{position:sticky;top:0;z-index:60;height:52px;background:#eeece6;color:#111;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px;border-bottom:1px solid #b8b7b0}.reviewlabel{font-size:10px;letter-spacing:.12em;white-space:nowrap}.reviewlabel span{color:#6c6c63;margin-left:15px}.directions{display:flex;align-self:stretch}.directions button{font-size:11px;border-left:1px solid #ceccc6;padding:0 20px;letter-spacing:.01em}.directions button span{margin-left:8px}.directions button[aria-pressed=true]{background:#111;color:#fff}.study-toggle{font-size:11px;white-space:nowrap}.study-toggle span{margin-left:18px}.study-notes{position:relative;z-index:55;background:#eeece6;color:#111;padding:24px 4vw;border-bottom:1px solid #aaa}.study-copy{max-width:900px;line-height:1.5;font-size:15px}.palettes{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.palettes button{display:flex;gap:8px;align-items:center;border:1px solid #bbb;padding:10px 12px;font-size:12px}.palettes button[aria-pressed=true]{border-color:#111}.palettes i{display:block;width:20px;height:20px;background:var(--swatch)}.palettes small{font:10px monospace}.study-foot{font-size:12px;line-height:1.5;color:#555}.site-header{position:absolute;top:52px;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw}.wordmark{font-size:35px;font-weight:900;letter-spacing:-3px}.wordmark-dot{color:var(--accent)}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a:last-child{border-bottom:1px solid var(--accent);padding-bottom:8px}.hero{height:calc(100svh - 52px);min-height:680px;max-height:1100px;position:relative;overflow:hidden;background:#171715}.hero-media,.hero-media video,.hero-media img,.hero-vignette{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media{opacity:.63}.hero-media video{opacity:0;transition:opacity .45s}.hero-media video.is-playing{opacity:1}.hero-vignette{background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.08) 35%,rgba(0,0,0,.76) 100%)}.hero-topline{position:absolute;top:128px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;line-height:1.7}.discipline{text-align:right}.hero-name{position:absolute;left:4vw;right:4vw;bottom:112px}.hero-intro{font-size:15px;margin:0 0 30px}.hero h1{font-size:clamp(60px,10.9vw,182px);font-weight:800;line-height:.8;letter-spacing:-.075em;margin:0}.hero h1>span{display:block}.hero h1>span+span{margin-top:16px}.fullstop{letter-spacing:0}.under-name{display:flex;justify-content:space-between;align-items:flex-start;margin-top:25px;font-size:14px}.under-name p{margin:0}.under-name>span{font-style:italic;color:#ddd}.hero-bottom{position:absolute;bottom:39px;left:4vw;right:4vw;display:flex;align-items:center;gap:30px;justify-content:space-between}.hero-actions{display:flex;gap:10px}.button{padding:19px 28px;font-size:15px;font-weight:600;border:1px solid #777;border-radius:14px;min-width:195px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.reels{padding:42px 6vw 0}.reels .hero-actions{gap:14px;flex-wrap:wrap}.work-credits{margin-top:14px;font-size:12px;line-height:1.6;color:var(--muted)}.work-credits summary{cursor:pointer;width:fit-content;color:var(--paper)}.work-credits p{max-width:620px;margin:8px 0 0}.stage-subject{font-size:24px;font-weight:800;letter-spacing:.04em}.button span{margin-left:24px;font-size:16px}.button.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.button.ghost{background:#0a0a0a70}.quiet-button{font-size:11px;border-bottom:1px solid #888;padding:8px 0}.scroll-cue{font-size:9px;letter-spacing:.12em;display:flex;gap:30px;align-items:center}.scroll-cue span{font-size:22px}.hero-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.hero-frame{display:none}.section-pad{padding:100px 6vw}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.5;margin:0 0 40px}.statement{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding-top:78px;padding-bottom:100px}.statement h2{font-size:clamp(32px,4vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}.statement-bottom{display:flex;justify-content:space-between;gap:50px;margin-top:36px}.statement-bottom p{max-width:420px;font-size:16px;line-height:1.6;margin:0}.statement-bottom .small-note{font-size:11px;color:var(--muted)}.motion-sequence{height:230vh;position:relative;--p:0}.sequence-stage{height:calc(100svh - 52px);min-height:550px;position:sticky;top:52px;overflow:hidden;background:var(--accent);color:#0a0a0a}.stage-meta,.stage-bottom{position:absolute;z-index:5;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em}.stage-meta{top:28px}.stage-bottom{bottom:46px}.stage-time{font-family:monospace}.sequence-picture{position:absolute;left:12%;top:15%;width:76%;height:70%;overflow:hidden;clip-path:inset(calc(49% * (1 - var(--p))) 0);transform:scale(calc(.88 + var(--p) * .12))}.sequence-picture img{filter:saturate(.65);transform:scale(calc(1.15 - var(--p) * .15))}.sequence-picture:after{content:'';position:absolute;inset:0;background:#0003}.sequence-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(60px,13vw,210px);font-weight:800;letter-spacing:-.075em;line-height:.76;color:var(--ink);z-index:3}.sequence-title>span{display:block}.frame-word{transform:translateX(calc(-18vw * (1 - var(--p))))}.last-word{transform:translateX(calc(18vw * (1 - var(--p))))}.sequence-title .by-word{font-size:.19em;line-height:1.8;letter-spacing:.05em}.sequence-title .accent{color:var(--paper)}.stage-index{font-size:16px}.stage-index>span{opacity:.4;margin:0 10px}.timeline{position:absolute;bottom:0;height:13px;left:4vw;right:4vw;border-top:1px solid #1115;display:flex;justify-content:space-between}.timeline i{height:7px;border-left:1px solid #111}.timeline b{position:absolute;height:14px;width:2px;left:calc(var(--p) * 100%);background:#111;top:-10px}.sequence-grid,.sequence-shutter{display:none}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:46px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{font-size:clamp(32px,4vw,64px);font-weight:500;letter-spacing:-.05em;margin:0;line-height:1.1}.section-heading>p{font-size:12px;line-height:1.6;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 24px}.work-wide{grid-column:1/-1}.work-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;width:100%;padding:0;text-align:left}.work-wide .work-image{aspect-ratio:2.2}.work-image img{transition:transform .65s cubic-bezier(.22,1,.36,1);filter:brightness(.85)}.work-image:hover img{transform:scale(1.035);filter:brightness(1)}.work-number{position:absolute;top:20px;left:20px;font-size:10px;letter-spacing:.1em;background:#0008;padding:7px}.play-tag{position:absolute;right:20px;bottom:20px;border-radius:14px;width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#111;font-size:16px;font-weight:800;letter-spacing:.02em}.image-title{position:absolute;left:36px;bottom:36px;font-size:clamp(36px,6vw,90px);font-weight:600;letter-spacing:-.05em;line-height:.94}.work-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.work-caption h3{font-size:20px;font-weight:500;margin:0 0 7px}.work-caption p,.work-caption>span{font-size:11px;color:var(--muted);margin:0}.work-caption>span{font-family:monospace}.work-note{display:flex;gap:40px;justify-content:space-between;margin-top:65px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}.work-note>span{font-size:9px;letter-spacing:.1em}.work-note p{max-width:400px;font-size:12px;line-height:1.6;margin:0}.capabilities{padding-top:10px}.capability{display:grid;grid-template-columns:.25fr 1.25fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--line);padding:36px 0}.capability>span{font-size:10px;color:var(--accent)}.capability h3{font-size:clamp(28px,4vw,60px);font-weight:500;letter-spacing:-.05em;margin:0}.capability p{max-width:360px;font-size:14px;line-height:1.65;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;background:#141413;align-items:center}.portrait{aspect-ratio:4/5;position:relative;overflow:hidden}.portrait img{object-position:42% center}.portrait>span{position:absolute;bottom:20px;left:20px;background:var(--accent);color:#111;font-size:9px;padding:7px 10px;letter-spacing:.12em}.about h2{font-size:clamp(40px,5.3vw,80px);line-height:.96;font-weight:500;letter-spacing:-.05em;margin:0 0 35px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#b2b2a9;max-width:440px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #666;padding:22px 0 12px;font-size:13px;margin-top:25px;max-width:440px}.text-link span{color:var(--accent)}.contact{background:var(--accent);color:#090909;padding-top:85px;padding-bottom:65px}.contact h2{font-size:clamp(65px,11vw,175px);line-height:.85;letter-spacing:-.07em;font-weight:600;margin:0 0 55px}.contact h2 span{color:#f0eee8}.contact>div{display:flex;align-items:flex-end;justify-content:space-between}.contact p:not(.eyebrow){font-size:13px;line-height:1.6}.contact-link{font-size:36px;letter-spacing:-.04em;border-bottom:2px solid #111;padding-bottom:10px;min-width:280px;display:flex;justify-content:space-between}footer{padding:30px 4vw;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}footer>span:nth-child(2){letter-spacing:.08em}dialog{width:min(1150px,94vw);max-height:92svh;background:#111;color:#eee;border:1px solid #4b4b45;padding:20px}dialog::backdrop{background:#000e;backdrop-filter:blur(10px)}.film-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.film-toolbar h2{font-size:17px;font-weight:500;margin:0}.film-toolbar button{font-size:13px;padding:10px;border:1px solid #555}#film-player{display:block;width:100%;max-height:67svh;aspect-ratio:16/9;background:#000}#film-description{font-size:12px;line-height:1.6;color:#aaa;max-width:850px}.hero-name,.work-card,.about-copy{transition:opacity .5s}body[data-direction=signal] .hero-media{left:30%;width:70%;opacity:.9}body[data-direction=signal] .hero{background:#0b0b0b}body[data-direction=signal] .hero-vignette{background:linear-gradient(90deg,#090909 22%,#09090905 70%),linear-gradient(0deg,#090909bb,transparent 60%)}body[data-direction=signal] .hero h1{font-size:clamp(60px,9vw,150px);font-weight:900;line-height:.87}body[data-direction=signal] .hero h1>span:first-child{color:var(--accent)}body[data-direction=signal] .hero-topline{border-top:1px solid #ffffff50;padding-top:16px}body[data-direction=signal] .hero-intro{font:11px monospace;text-transform:uppercase;letter-spacing:.12em}body[data-direction=signal] .hero-frame{display:block;position:absolute;inset:105px 4vw 130px 32%;border:1px solid #ffffff40}body[data-direction=signal] .hero-frame b{position:absolute;width:14px;height:14px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}body[data-direction=signal] .hero-frame b:nth-child(2){right:0;transform:rotate(90deg)}body[data-direction=signal] .hero-frame b:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}body[data-direction=signal] .hero-frame b:nth-child(4){bottom:0;transform:rotate(270deg)}body[data-direction=signal] .sequence-grid{display:block;position:absolute;inset:0;background-image:linear-gradient(#1112 1px,transparent 1px),linear-gradient(90deg,#1112 1px,transparent 1px);background-size:8vw 8vw}body[data-direction=signal] .sequence-picture{left:37%;width:58%;top:18%;height:65%;clip-path:inset(0 calc(100% * (1 - var(--p))) 0 0);transform:none}body[data-direction=signal] .sequence-title{align-items:flex-start;left:6%;font-size:clamp(70px,11vw,180px);transform:translateY(calc(12vh * (1 - var(--p))))}body[data-direction=signal] .frame-word,body[data-direction=signal] .last-word{transform:none}body[data-direction=signal] .sequence-title .by-word{margin-left:6px}body[data-direction=signal] .stage-bottom{border-top:1px solid #1115;padding-top:15px}body[data-direction=form] .hero{margin:0 18px;background:#141412}body[data-direction=form] .hero-media{left:38%;top:11%;width:58%;height:69%;opacity:.9}body[data-direction=form] .hero-vignette{background:linear-gradient(90deg,#111 20%,transparent 75%),linear-gradient(0deg,#111 6%,transparent 40%)}body[data-direction=form] .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em;font-size:clamp(64px,10vw,170px)}body[data-direction=form] .hero h1>span:first-child{font-size:.78em}body[data-direction=form] .hero-intro{font-style:italic}body[data-direction=form] .hero-name{bottom:175px}body[data-direction=form] .sequence-stage{background:#dcd8cc;color:#171715}body[data-direction=form] .sequence-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,12vw,195px);letter-spacing:-.07em}body[data-direction=form] .sequence-picture{left:35%;top:12%;width:45%;height:76%;clip-path:inset(0);transform:rotate(calc(-10deg + var(--p) * 10deg)) translateX(calc(35vw * (1 - var(--p))));opacity:var(--p)}body[data-direction=form] .sequence-title .by-word{font-style:italic}body[data-direction=form] .last-word,body[data-direction=form] .frame-word{transform:none}body[data-direction=form] .contact{background:#dcd8cc}body[data-direction=form] h2{font-family:Georgia,serif;font-weight:400}body[data-direction=form] .work-grid{gap:80px 5vw}body[data-direction=form] .work-card:last-child{margin-top:120px}
@media(min-width:1700px){.hero h1{font-size:180px}}@media(max-width:1000px){.reviewlabel{display:none}.reviewbar{padding:0 14px;gap:15px}.directions button{padding:0 13px}.hero h1{font-size:10.5vw}.hero{min-height:650px}.hero-bottom{gap:14px}.scroll-cue{display:none}.statement{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.statement .eyebrow{margin:0}.statement-bottom .small-note{display:none}.about{gap:5vw}.about h2{font-size:5.6vw}.capability{grid-template-columns:.15fr 1fr 1fr}.section-pad{padding-left:5vw;padding-right:5vw}body[data-direction=signal] .hero h1{font-size:10vw}}
@media(max-width:600px){html{scroll-padding-top:85px}.reviewbar{height:48px;padding:0;gap:0}.directions{flex:1}.directions button{flex:1;padding:0 8px;font-size:10px;white-space:nowrap}.directions button span{margin-left:2px}.study-toggle{font-size:0;padding:0 12px;height:48px}.study-toggle span{font-size:20px;margin:0}.study-notes{padding:18px}.palettes{gap:8px}.palettes button{font-size:10px;padding:8px}.palettes small{display:none}.site-header{top:48px;padding:20px 6vw}.wordmark{font-size:28px}.site-header nav{font-size:11px;gap:18px}.site-header nav a:nth-child(2){display:none}.hero{height:calc(100svh - 48px);min-height:650px;max-height:850px}.hero-topline{top:105px;left:6vw;right:6vw;font-size:8px;letter-spacing:.08em}.hero-name{left:6vw;right:6vw;bottom:100px}.hero-intro{font-size:12px;margin-bottom:25px}.hero h1{font-size:11.2vw;line-height:.9;letter-spacing:-.075em}.hero h1>span+span{margin-top:8px}.under-name{display:block;margin-top:22px;font-size:12px}.under-name p{margin-top:14px;font-size:13px}.hero-bottom{left:6vw;right:6vw;bottom:28px;display:block}.hero-actions{gap:8px}.button{padding:18px 16px;font-size:13px;min-width:0;flex:1;text-align:center}.reels{padding:28px 6vw 0}.reels .hero-actions{gap:10px}.stage-subject{font-size:20px}.button span{margin-left:12px;font-size:15px}.quiet-button{margin-top:16px;font-size:10px}.hero-media{opacity:.65}.hero-vignette{background:linear-gradient(0deg,#000d 10%,#0004 60%,#0008)}.section-pad{padding:65px 6vw}.eyebrow{font-size:8px;margin-bottom:28px}.statement h2{font-size:31px;letter-spacing:-.045em;line-height:1.12}.statement-bottom{margin-top:25px}.statement-bottom p{font-size:14px;line-height:1.65}.motion-sequence{height:170svh}.sequence-stage{top:48px;height:calc(100svh - 48px);min-height:480px}.stage-meta{font-size:8px;top:25px;left:6vw;right:6vw}.sequence-picture{left:6%;width:88%;top:23%;height:54%}.sequence-title{font-size:21vw}.stage-bottom{font-size:8px;left:6vw;right:6vw}.stage-index{font-size:12px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px}.section-heading>p{font-size:12px;margin-top:18px}.work-grid{display:block}.work-card{margin-bottom:38px}.work-image,.work-wide .work-image{aspect-ratio:4/3}.image-title{font-size:40px;left:20px;bottom:24px}.play-tag{width:60px;height:60px;font-size:14px;right:14px;bottom:14px}.work-number{top:14px;left:14px}.work-caption{margin-top:14px}.work-caption h3{font-size:18px}.work-caption p{font-size:10px}.work-note{display:block;margin-top:10px}.work-note p{margin-top:14px;font-size:12px}.capabilities{padding-top:0}.capability{display:grid;grid-template-columns:20px 1fr;gap:14px;padding:28px 0}.capability h3{font-size:30px}.capability p{grid-column:2;font-size:13px}.about{display:flex;flex-direction:column;gap:35px}.portrait{width:100%;aspect-ratio:1}.portrait img{object-position:40% center}.about-copy{width:100%}.about h2{font-size:48px}.about-copy>p:not(.eyebrow){font-size:14px}.contact h2{font-size:18vw;margin-bottom:36px}.contact>div{display:block}.contact-link{font-size:30px;margin-top:28px;min-width:0;width:100%}.contact .eyebrow{font-size:9px}footer{padding:24px 6vw;flex-wrap:wrap;font-size:9px;gap:20px}footer>span:nth-child(2){display:none}dialog{padding:12px;width:96vw}#film-player{max-height:60svh}.film-toolbar h2{font-size:14px}.film-toolbar button{font-size:11px}body[data-direction=signal] .hero h1{font-size:11vw}body[data-direction=signal] .hero-media{left:8%;top:16%;width:92%;height:61%}body[data-direction=signal] .hero-frame{inset:95px 6vw 175px 6vw}body[data-direction=signal] .hero-vignette{background:linear-gradient(0deg,#090909 8%,#09090944 75%,#090909dd)}body[data-direction=signal] .sequence-title{font-size:20vw;left:6%}body[data-direction=signal] .sequence-picture{left:25%;width:70%;top:23%;height:55%}body[data-direction=form] .hero{margin:0}body[data-direction=form] .hero-media{left:18%;top:16%;width:76%;height:55%}body[data-direction=form] .hero h1{font-size:12vw}body[data-direction=form] .hero-name{bottom:190px}body[data-direction=form] .sequence-title{font-size:22vw}body[data-direction=form] .sequence-picture{left:16%;width:72%;top:22%;height:55%}body[data-direction=form] .work-card:last-child{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-sequence{height:auto;--p:1!important}.sequence-stage{position:relative;top:auto;height:75svh}.sequence-picture,.sequence-title>span{transform:none!important;clip-path:none!important;opacity:1!important}.sequence-picture img{transform:none!important}.hero-progress{display:none}}

body:not(.study-mode) .site-header{top:0}body:not(.study-mode) .hero{height:100svh}body:not(.study-mode) .sequence-stage{top:0;height:100svh}
@media(prefers-reduced-motion:reduce){body:not(.study-mode) .sequence-stage{height:75svh}}

@media(max-width:600px){body:not(.study-mode) .hero{min-height:560px;max-height:none}.hero-bottom{display:flex;justify-content:space-between}.quiet-button{margin-top:0}}
