@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}
:root{--orange:#ef7543;--ink:#101112;--surface:#1c1e20;--gray:#c8c9c7;--text:#dededb;--muted:#a6a8a9;--line:#ffffff30;--gutter:clamp(22px,4.5vw,84px);--mx:0px;--my:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--text);font:1rem/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--orange);color:var(--ink);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
#grain{position:fixed;inset:0;width:100%;height:100%;z-index:20;opacity:.048;mix-blend-mode:screen;pointer-events:none}
header{min-height:88px;padding:18px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:var(--ink)}
.brand{font-size:.875rem;font-weight:700;letter-spacing:.04em;line-height:1.45}.brand span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.11em;margin-top:4px}
header nav{display:flex;gap:28px;align-items:center}header nav a,#motion{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;white-space:nowrap}header nav a{border-bottom:1px solid transparent}header nav a:hover{color:var(--orange);border-color:var(--orange)}#motion{border:0;background:none;color:var(--muted);padding:0}#motion:hover{color:var(--text)}
.hero{height:calc(100svh - 88px);min-height:690px;max-height:1000px;position:relative;isolation:isolate;background:var(--ink);overflow:hidden}
.hero-image{position:absolute;z-index:0;inset:13% var(--gutter) 20% 34%;background:#1c1e20;overflow:hidden;transform:translate(var(--mx),var(--my));transition:transform 1s ease-out}
.hero-image video{width:100%;height:100%;object-fit:cover;object-position:53% center;display:block}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 65%);pointer-events:none}
.hero-topline{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;font-size:.8125rem;letter-spacing:.1em;color:#bcbebd}
.hero-copy{position:absolute;top:20%;left:var(--gutter);right:var(--gutter);bottom:11%;z-index:2;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.hero h1{font:400 clamp(80px,11.7vw,200px)/1.05 Anton,Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--orange)}
.hero-caption{display:flex;justify-content:space-between;align-items:end;gap:24px}.hero-caption p{font-size:1rem;line-height:1.5;color:#b6b7b8;margin:0}.hero-caption a{pointer-events:auto;display:flex;align-items:center;gap:45px;background:var(--orange);color:var(--ink);padding:18px 25px;min-height:56px;font-size:.875rem;font-weight:700;transition:background .2s}.hero-caption a span{font-size:26px;line-height:1}.hero-caption a:hover{background:#ff8b57}
.hero-credit{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:24px;font-size:.75rem;letter-spacing:.08em;color:var(--muted)}
.archive{background:var(--surface);padding:100px var(--gutter) 120px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow{font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:0 0 22px;color:var(--orange)}
h2{font:400 clamp(60px,8.7vw,140px)/1.05 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0}h2>span{color:var(--orange)}.archive-intro{font-size:1rem;color:#afb1b1;max-width:300px;margin:0 0 10px;line-height:1.65}
.folders{display:flex;gap:8px;margin:42px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;flex-wrap:wrap}.folder{min-height:46px;padding:11px 21px;display:flex;align-items:center;font-size:.875rem;transition:background .2s,color .2s}.folder[aria-current=true]{background:var(--orange);color:var(--ink)}.folder:hover:not([aria-current=true]){background:#ffffff0d;color:var(--text)}
.archive-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:23px 0 38px;color:var(--muted)}.archive-bar h3{font-size:.875rem;font-weight:400;margin:0}.archive-bar>span{font-size:.8125rem}
.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:76px 36px}.project{min-width:0;grid-column:span 6}.frame{position:relative;isolation:isolate;display:block;width:100%;border:0;padding:0;background:#111;text-align:left;overflow:hidden}.frame img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:contrast(1.11) saturate(.84) sepia(.06);transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#e9983917,transparent 45%,#17212618);mix-blend-mode:soft-light;z-index:1}.frame:is(button):hover img{transform:scale(1.025)}
.watch{position:absolute;z-index:2;bottom:18px;right:18px;display:flex;align-items:center;gap:10px;background:#101112de;padding:9px 13px;font-size:.8125rem;line-height:1.5;transition:background .2s}.play-icon{font-size:.75rem;color:var(--orange)}.frame:hover .watch{background:#101112}.meta{padding-top:21px}.project-type{font-size:.75rem;color:var(--orange);line-height:1.5;letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px}.meta h3{font-size:clamp(22px,2.1vw,33px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 15px;overflow-wrap:anywhere}.title-detail{display:block;font-size:1rem;letter-spacing:0;color:#b7b8b8;line-height:1.5;margin-top:9px}.credit{font-size:.875rem;color:#b4b6b7;line-height:1.6;margin:0 0 10px;white-space:pre-wrap}.meta>a{font-size:.875rem;display:inline-flex;align-items:center;min-height:35px;color:#c9cbca;border-bottom:1px solid #ffffff30}.meta>a:hover{color:var(--orange);border-color:var(--orange)}
.project-featured{grid-column:1/-1;position:relative;padding-bottom:30px}.project-featured .frame img{aspect-ratio:2/1;object-position:50% 47%;filter:contrast(1.08) saturate(.92) sepia(.035)}.project-featured .meta{position:relative;width:51%;margin:-78px 0 0 auto;padding:34px 38px 30px;background:var(--gray);color:var(--ink);border-top:4px solid var(--orange);z-index:3}.project-featured .project-type{color:#484b4d}.project-featured .meta h3{font:400 clamp(34px,4vw,62px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:23px 0}.project-featured .credit{color:#303334}.release-note{font-size:.8125rem;line-height:1.5;margin:20px 0 0;padding-top:17px;border-top:1px solid #10111240;color:#4b4e50}
.project[data-project-index="1"]{grid-column:1/8}.project[data-project-index="2"]{grid-column:9/13;padding-top:86px}.project[data-project-index="3"]{grid-column:1/6}.project[data-project-index="4"]{grid-column:7/13;padding-top:66px}.project[data-project-index="8"]{grid-column:3/11;width:100%;padding-top:20px}.project-fashion .frame img{aspect-ratio:1.7;filter:contrast(1.12) saturate(.81) brightness(1.08);object-position:center 49%}.project[data-project-index="2"] .frame img{filter:contrast(1.12) saturate(.78) sepia(.07)}.project[data-project-index="3"] .frame img{filter:contrast(1.1) saturate(.84) sepia(.07)}.project[data-project-index="8"] .frame img{aspect-ratio:2.1;filter:contrast(1.12) saturate(.89) sepia(.05) brightness(1.02)}
.archive.filtered .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 36px}.archive.filtered .project{grid-column:auto;padding:0}.archive.filtered .project-featured .meta{width:100%;margin:0;padding:27px}.archive.filtered .project-featured .meta h3{font-size:34px;margin:15px 0}.archive.filtered .frame img{aspect-ratio:16/9}.archive.filtered .project-featured .release-note{margin-top:16px}#empty{padding:40px 0}
.about{padding:95px var(--gutter) 110px;background:var(--gray);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8%}.about .eyebrow{color:#474a4a}.about h2{font-size:clamp(58px,6.9vw,110px);line-height:1.04}.about h2>span{color:#b83e12}.about-role{font-size:.75rem;letter-spacing:.055em;line-height:1.65;margin:25px 0 0;color:#474a4a}.about-visual{position:relative;margin:36px 6% 55px 0;padding-bottom:35px}.about-photo{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;object-position:59% center}.about-detail{position:absolute;right:-8%;bottom:0;width:50%;height:auto;aspect-ratio:1.44;object-fit:cover;border:7px solid var(--gray)}.bio{padding-top:53px}.bio>p{font-size:1rem;line-height:1.8;color:#404344;margin:0 0 26px}.bio>p:first-child{font-size:clamp(21px,1.8vw,28px);line-height:1.5;letter-spacing:-.02em;color:var(--ink);margin-bottom:32px}.studio{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:#b2b4b4;padding:28px 30px;margin-top:38px}.studio img{width:140px;height:auto}.studio span{max-width:120px;font-size:.75rem;letter-spacing:.06em;line-height:1.6}
.behind{margin:0;background:var(--ink);padding:70px var(--gutter) 50px}.behind img{width:100%;height:auto;aspect-ratio:2.65;object-fit:cover;object-position:center 45%;filter:saturate(.88)}.behind figcaption{margin-top:18px;color:var(--muted);font-size:.75rem;letter-spacing:.07em}
footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 var(--gutter);padding:34px 0 42px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}footer>span{color:var(--text);font-size:.8125rem;letter-spacing:.04em;line-height:1.6}footer a{min-height:44px;display:inline-flex;align-items:center}footer a:hover{color:var(--orange)}
dialog{width:min(1100px,94vw);max-height:94svh;padding:22px;border:1px solid #444;background:#151617;color:var(--text)}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.bar{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:18px}.bar h2{font:500 1.25rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;margin:0}.bar button{background:none;border:1px solid #555;padding:9px 14px;white-space:nowrap;font-size:.875rem;min-height:44px}.bar button:hover{background:#333}#player{aspect-ratio:16/9;background:#000}#player iframe,#player video{width:100%;height:100%;border:0}#original-link{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;font-size:.875rem;color:var(--orange)}
@media(min-width:1800px){.hero h1{font-size:205px}.archive,.about,.behind{padding-left:max(var(--gutter),calc((100vw - 1650px)/2));padding-right:max(var(--gutter),calc((100vw - 1650px)/2))}}
@media(max-width:1000px){header nav{gap:20px}.hero{min-height:670px}.gallery{column-gap:26px;row-gap:65px}.project-featured .meta{width:57%;padding:30px}.project[data-project-index="2"]{grid-column:8/13;padding-top:80px}.meta h3{font-size:25px}.about{gap:6%}.about h2{font-size:7.7vw}.studio{padding:25px 22px}.studio img{width:115px}}
@media(max-width:700px){
 :root{--gutter:6%}html{scroll-padding-top:22px}header{min-height:112px;padding:17px var(--gutter);flex-wrap:wrap;gap:12px}.brand{font-size:.8125rem}.brand span{font-size:.75rem}header nav{gap:22px;flex-wrap:wrap}header nav a,#motion{font-size:.875rem;min-height:40px}#motion{font-size:0;width:24px;justify-content:center}#motion:after{content:'Ⅱ';font-size:19px}.paused #motion:after{content:'▶';font-size:15px}
 .hero{height:calc(100svh - 112px);min-height:710px;max-height:1000px}.hero-topline{top:22px;font-size:.75rem;gap:18px;letter-spacing:.05em}.hero-image{inset:16% 0 29% 14%;transform:none}.hero-image video{object-position:52% center}.hero-copy{top:25%;bottom:14%}.hero h1{font-size:23vw;line-height:1.08;letter-spacing:-.02em}.hero-caption{gap:14px;align-items:end}.hero-caption p{font-size:.875rem}.hero-caption a{font-size:.875rem;padding:14px 16px;gap:15px;min-height:54px}.hero-caption a span{font-size:22px}.hero-credit{bottom:24px;font-size:.75rem;gap:20px;line-height:1.5;letter-spacing:.04em}.hero-credit span{max-width:140px}.hero-credit span:last-child{text-align:right}
 .archive{padding-top:60px;padding-bottom:70px}.section-heading{display:block}.section-heading h2{font-size:clamp(70px,20vw,100px)}.eyebrow{margin-bottom:18px}.archive-intro{font-size:1rem;max-width:330px;margin:25px 0 0}.folders{margin-top:28px;gap:4px;padding:10px 0}.folder{padding:10px 14px;min-height:44px}.archive-bar{margin:22px 0 28px}.gallery,.archive.filtered .gallery{display:block}.project,.project[data-project-index],.archive.filtered .project{width:100%;padding:0;margin-bottom:46px}.project:last-child{margin-bottom:0}.project-featured .frame img{aspect-ratio:16/10;object-position:50% 45%}.project-featured .meta,.archive.filtered .project-featured .meta{width:94%;margin:-24px 0 0 auto;padding:26px 24px;border-top-width:3px}.project-featured .meta h3{font-size:38px;margin:18px 0}.project-type{font-size:.75rem;margin-bottom:11px}.meta h3{font-size:25px;line-height:1.25}.title-detail{font-size:1rem;line-height:1.5}.credit{font-size:.875rem}.watch{font-size:.8125rem;bottom:12px;right:12px;padding:8px 11px}.frame img,.project-fashion .frame img{aspect-ratio:16/10}.project[data-project-index="8"] .frame img{aspect-ratio:2}.meta{padding-top:19px}.release-note{margin-top:17px;padding-top:14px}
 .about{display:block;padding-top:60px;padding-bottom:60px}.about h2{font-size:clamp(58px,15vw,95px)}.about-role{max-width:310px;font-size:.75rem}.about-visual{margin:30px 6% 20px 0;padding-bottom:42px}.about-photo{aspect-ratio:1.23}.about-detail{width:48%}.bio{padding-top:23px}.bio>p:first-child{font-size:1.375rem;line-height:1.55}.bio>p{font-size:1rem;line-height:1.8}.studio{padding:25px;margin-top:28px}.studio img{width:130px}.studio span{max-width:100px}
 .behind{padding-top:40px;padding-bottom:35px}.behind img{aspect-ratio:1.65;object-position:center}.behind figcaption{font-size:.75rem;line-height:1.5}footer{flex-wrap:wrap;align-items:start;gap:16px 24px;padding:26px 0 30px}footer>span{width:100%}footer a{font-size:.875rem}.bar{gap:15px}.bar h2{font-size:1rem}.bar button{font-size:.8125rem;padding:8px}dialog{padding:15px;width:94vw}
}
@media(max-width:380px){header nav{gap:17px}.hero{min-height:660px}.hero-copy{top:26%;bottom:15%}.hero h1{font-size:23vw}.hero-caption p{font-size:.8125rem}.hero-caption a{padding:13px 12px;gap:10px}.hero-topline{font-size:.75rem}.hero-credit{font-size:.75rem;letter-spacing:0}.folders{gap:2px}.folder{padding:9px 11px;font-size:.875rem}.project-featured .meta h3{font-size:33px}.studio{padding:23px 20px}.studio img{width:116px}}
.paused .hero-image{transform:none;transition:none}.paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-image{transform:none}}

/* The in-production documentary has a still image only. */
.project-unreleased{grid-column:1/7}.project-unreleased .frame img{aspect-ratio:4/3;filter:contrast(1.13) saturate(.93) brightness(1.02)}.project-unreleased .release-note{border-color:var(--line);color:var(--muted);margin-top:15px;padding-top:15px;max-width:220px}
.project[data-project-index="1"]{grid-column:7/13;padding-top:100px}.project[data-project-index="2"]{grid-column:1/6;padding-top:0}.project[data-project-index="3"]{grid-column:7/13;padding-top:75px}.project[data-project-index="4"]{grid-column:span 6;padding-top:0}
@media(min-width:701px){header{position:sticky;top:0;z-index:10}html{scroll-padding-top:114px}.hero{scroll-margin-top:88px}}
@media(max-width:700px){.project[data-project-index]{padding-top:0}.project-unreleased .frame img{aspect-ratio:4/3}}

.project-feb{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;background:#282b2d}.project-feb .meta{padding:36px}.project-feb .frame img{aspect-ratio:16/10;filter:contrast(1.08) saturate(.86)}.project-feb h3{font:400 clamp(45px,4.5vw,66px)/1.1 Anton,Impact,sans-serif;letter-spacing:-.01em;margin-bottom:18px}.project-feb .credit{font-size:1rem}.period{font-size:.8125rem;color:var(--muted);letter-spacing:.06em;margin:22px 0}.source-note{font-size:.8125rem;color:#a9acad;line-height:1.65;max-width:280px;margin:0 0 18px}.source-note span{display:block}.archive.filtered .project-feb{display:block}.archive.filtered .project-feb .meta{padding:24px}.archive.filtered .project-feb h3{font-size:38px}.credit{white-space:normal}
@media(max-width:700px){.project-feb{display:block}.project-feb .meta{padding:26px}.project-feb h3{font-size:46px}.project-feb .frame img{aspect-ratio:16/10}}

/* Supplied portrait as the background of the closing signature. */
.portrait-footer{position:relative;isolation:isolate;overflow:hidden;min-height:540px;margin:0;padding:70px var(--gutter) 52px;align-items:flex-end;background:var(--ink);border-top:1px solid var(--line)}
.portrait-footer .footer-backdrop{position:absolute;z-index:-2;inset:0 0 0 auto;width:72%;height:100%;max-width:none;object-fit:cover;object-position:50% 34%;pointer-events:none}
.portrait-footer:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101112 4%,#101112d9 25%,#10111225 66%),linear-gradient(0deg,#101112f2,transparent 70%);pointer-events:none}
.portrait-footer .footer-signature{max-width:430px;line-height:1.1;letter-spacing:0}
.footer-signature strong{display:block;font:400 clamp(40px,4.7vw,72px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase}
.footer-signature span{display:block;color:var(--orange);font-size:.875rem;letter-spacing:.15em;margin-top:18px}
.portrait-footer a{color:var(--text);border-bottom:1px solid #ffffff60;font-size:.875rem}
.portrait-footer a:hover{color:var(--orange);border-color:var(--orange)}
@media(max-width:700px){.portrait-footer{min-height:570px;padding:300px var(--gutter) 35px;gap:26px 22px}.portrait-footer .footer-backdrop{width:100%;object-position:50% 26%}.portrait-footer:before{background:linear-gradient(0deg,#101112 0%,#101112e0 22%,#10111240 57%,#10111210)}.portrait-footer .footer-signature{width:100%;max-width:100%}.footer-signature strong{font-size:46px;max-width:320px}.footer-signature span{font-size:.8125rem;margin-top:14px}.portrait-footer a{font-size:.8125rem}}

/* Authorized short background excerpt, separate from project playback. */
.motion-behind{padding:0;position:relative;overflow:hidden;height:clamp(400px,45vw,660px);background:var(--ink)}
.motion-behind video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.motion-behind:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10111288,transparent 45%,#10111220);pointer-events:none}
@media(max-width:700px){.motion-behind{height:430px}.motion-behind video{object-position:50% center}}

.portrait-footer video.footer-backdrop{width:100%;object-position:50% 45%}

/* Full-viewport opening film with an overlay navigation. */
header{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#101112b8,#10111220);border-color:#ffffff26}
.hero{height:100svh;min-height:620px;max-height:none;scroll-margin-top:0}
.hero-image{inset:0;transform:none;transition:none}
.hero-image video{object-position:50% 50%}
.hero-image:after{background:linear-gradient(90deg,#08090acc 0%,#08090a55 48%,#08090a18 100%),linear-gradient(0deg,#08090ade 0%,transparent 42%,#08090a55 100%)}
.hero-topline{top:112px;color:#dededb}
.hero-copy{top:27%;bottom:13%}
.hero-caption p,.hero-credit{color:#dededb}
@media(max-width:700px){.hero{height:100svh;min-height:640px}.hero-topline{top:143px}.hero-copy{top:31%;bottom:16%}.hero-image{inset:0}.hero-image video{object-position:55% center}.hero h1{font-size:22vw}.hero-caption{align-items:start}.hero-credit{bottom:22px}}
@media(max-height:650px) and (min-width:701px){.hero-topline{top:102px}.hero-copy{top:25%;bottom:15%}.hero h1{font-size:clamp(80px,16vh,115px)}}
.hero{min-height:0}
@media(max-height:700px){.hero-topline{display:none}.hero-copy{top:130px;bottom:50px}.hero h1{font-size:clamp(48px,15svh,100px)}.hero-caption p{font-size:.8125rem}.hero-credit{display:none}}