@font-face{font-family:Anton;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-display:swap}
:root{--red:#eb4c2a;--paper:#e9e5da;--ink:#1c1d19;--ease:cubic-bezier(.2,.75,.15,1);--gutter:44px;--progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;z-index:200;background:var(--paper);padding:10px}.skip:focus{top:10px}.identity-scroll{height:245svh;position:relative}.identity-sticky{position:sticky;top:0;height:100svh;padding:12px}.identity-frame{height:100%;position:relative;border-radius:22px;background:var(--red);overflow:hidden;isolation:isolate}.site-nav{position:absolute;top:25px;left:32px;right:32px;display:flex;align-items:center;gap:44px;font-size:13px;z-index:8}.site-nav .small-name{margin-right:auto}.site-nav sup{font-size:9px;margin-left:3px}.wordmark{font:400 16.3vw/.99 Anton;letter-spacing:-.025em;position:absolute;top:11.5%;left:2.1%;right:2.1%;display:flex;justify-content:space-between;transform-origin:left top;color:var(--paper);z-index:4;will-change:transform}.wordmark span{display:inline-block;will-change:transform}.identity-copy{position:absolute;top:49%;left:32px;z-index:4;transform-origin:left top;will-change:transform}.identity-eyebrow,.tiny-label{font-size:10px;letter-spacing:.07em}.identity-copy h2{font-size:clamp(66px,8.8vw,150px);font-weight:400;letter-spacing:-.085em;line-height:.95;margin:18px 0 23px}.name-dot{color:var(--paper)}.role{font-size:clamp(23px,2.45vw,41px);line-height:1.04;letter-spacing:-.045em}.practice-copy{position:absolute;top:57%;right:5%;width:27%;z-index:4}.practice-copy>p:nth-child(2){font-size:clamp(22px,2.1vw,34px);line-height:1.22;letter-spacing:-.04em;margin:20px 0 34px}.practice-copy a{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:13px;font-size:14px;max-width:250px}.universe-heading{position:absolute;top:28%;left:32px;z-index:2;clip-path:inset(0 0 100% 0)}.universe-heading>p:last-child{font:400 clamp(46px,4.8vw,76px)/1.04 Anton;letter-spacing:-.025em;margin-top:18px}.film-planes{position:absolute;inset:0;perspective:1400px;pointer-events:none;z-index:3}.universe-plane{position:absolute;top:29%;height:55%;aspect-ratio:9/16;transform-origin:50% 50%;will-change:transform,clip-path;clip-path:inset(50% 0 50% 0 round 12px);backface-visibility:hidden}.universe-media{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--ink)}.universe-media img,.universe-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.universe-media img{inset:auto;left:0;top:0;height:auto;object-fit:contain}.plane-left .universe-media img{top:-10.95238%}.universe-media.playing img{visibility:hidden}.universe-plane>span{display:block;font-size:10px;margin-top:13px}.plane-left{left:33%}.plane-center{left:52%}.plane-right{left:72%}.universe-note{position:absolute;left:32px;bottom:17%;font-size:12px;line-height:1.5;clip-path:inset(0 0 100% 0);z-index:4}.identity-bottom{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:7;font-size:11px}.identity-bottom a{display:flex;gap:50px}.identity-bottom button{font-size:11px;padding:8px 12px;border:1px solid currentColor;border-radius:100px;visibility:hidden}.scroll-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgb(28 29 25 / .1)}.scroll-meter i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(var(--progress))}.about{padding:110px var(--gutter) 65px}.section-head{display:flex;justify-content:space-between;gap:30px;font-size:11px;padding-bottom:22px;border-bottom:1px solid rgb(28 29 25 / .4)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:74px 0 90px}.about h2{font-size:clamp(60px,7.5vw,124px);font-weight:400;line-height:.98;letter-spacing:-.075em}.about-copy{max-width:500px}.about-lead{font-size:clamp(25px,2.6vw,41px);line-height:1.12;letter-spacing:-.04em}.about-copy>p+p{font-size:17px;line-height:1.55;margin-top:25px;max-width:440px}.about-copy .collaboration{font-size:14px;border-top:1px solid rgb(28 29 25 / .25);padding-top:24px;margin-top:32px}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:14px;border-bottom:1px solid var(--ink);padding:16px 0;max-width:220px;margin-top:20px}.practice-line{border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.work{background:var(--ink);color:var(--paper);margin:0 12px;border-radius:26px;padding:65px 32px 90px}.work-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-bottom:70px}.work-heading>p:first-child{grid-column:1/-1;font-size:11px}.work-heading h2{font:400 clamp(80px,11vw,170px)/1 Anton;letter-spacing:-.035em}.work-heading h2>span{display:inline-block;font:13px Arial;vertical-align:top;margin:14px 0 0 24px;border:1px solid var(--paper);border-radius:50%;padding:13px}.work-heading>p:last-child{font-size:16px;line-height:1.4;justify-self:end}.featured-project{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1080px;margin:0 auto 90px}.featured-info h3{font-size:clamp(50px,6.5vw,96px);font-weight:400;line-height:1;letter-spacing:-.065em;margin:25px 0}.featured-info .feature-desc{font-size:16px;line-height:1.5;max-width:300px;margin:30px 0}.featured-info .tiny-label{color:var(--red)}.featured-info .text-link{border-color:var(--paper)}.featured-art{max-width:430px;width:100%;justify-self:end}.poster{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#111}.poster img{position:absolute;left:0;width:100%;height:auto;max-width:none}.art-button{padding:0;display:block;position:relative;width:100%;text-align:left}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px 30px;border-top:1px solid rgb(233 229 218 / .3);padding-top:50px}.project-card:nth-child(2){padding-top:110px}.project-card:nth-child(5){padding-top:70px}.project-card .poster{aspect-ratio:9/16}.card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;border-radius:12px;background:var(--ink)}.art-button.preview-playing .card-preview{visibility:visible}.project-card h3{font-size:21px;font-weight:400;letter-spacing:-.03em;line-height:1.12;margin:14px 0 8px}.card-meta{display:flex;justify-content:space-between;font-size:11px;line-height:1.5;gap:15px}.project-number{font-size:11px;padding-bottom:12px;display:block;color:var(--red)}.art-label{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);background:var(--paper);padding:13px 15px;border-radius:6px;font-size:12px}.preview-hint{display:block;font-size:10px;color:rgb(233 229 218 / .65);margin-top:12px}.contact{padding:100px var(--gutter) 40px}.contact h2{font-size:clamp(60px,9.5vw,150px);font-weight:400;letter-spacing:-.07em;line-height:.96;margin:65px 0 50px}.contact h2>span{color:var(--red);display:inline-block;margin-left:6vw}.contact-email{font-size:clamp(23px,3.3vw,49px);letter-spacing:-.04em;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding-bottom:20px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.6;margin:60px 0 20px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px var(--gutter);font-size:10px;background:var(--ink);color:var(--paper)}dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;border:0;margin:0;padding:25px 35px;background:var(--ink);color:var(--paper);overflow:auto}dialog::backdrop{background:var(--ink)}.reader-head,.reader-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px}.reader-head>span{font-family:Anton;font-size:23px}.reader-head small{font:10px Arial;margin-left:12px}.reader-head button{padding:10px 0}.reader-layout{min-height:calc(100svh - 145px);display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center}.reader-copy{max-width:300px}.reader-copy>p{font-size:12px;line-height:1.5}.reader-copy h2{font-size:clamp(36px,4vw,70px);font-weight:400;letter-spacing:-.06em;line-height:1;margin:25px 0}.reader-copy #film-status{font-size:12px;max-width:230px;margin-top:25px;color:var(--red)}#reader-media{height:min(78svh,820px);aspect-ratio:9/16;position:relative;border-radius:12px;overflow:hidden;background:#111}#reader-media video{width:100%;height:100%;object-fit:contain;background:#111}.reader-poster{position:absolute;inset:0}.reader-poster>.poster{height:100%}.reader-play{position:absolute;bottom:25px;left:20px;right:20px;background:var(--paper);color:var(--ink);padding:16px;border-radius:6px;display:flex;justify-content:space-between}.reader-side{justify-self:end;align-self:end;padding-bottom:45px;font-size:12px;line-height:1.8}.reader-foot{padding-top:18px;border-top:1px solid rgb(233 229 218 / .25)}.reader-foot button:disabled{opacity:.3;cursor:default}.transfer-frame{position:fixed;transform-origin:0 0;pointer-events:none;z-index:10;overflow:hidden;border-radius:12px}.transfer-frame .poster{height:100%}.reader-sheet{position:fixed;inset:0;background:var(--ink);z-index:-1}.in-transfer{background:transparent}.in-transfer::backdrop{background:transparent}.in-transfer .reader-copy,.in-transfer .reader-side,.in-transfer .reader-head,.in-transfer .reader-foot{visibility:hidden}
@media(min-width:1700px){.wordmark{font-size:16vw}}
@media(max-width:900px){:root{--gutter:28px}.identity-copy h2{font-size:10vw}.practice-copy{width:30%;right:4%}.universe-heading>p:last-child{font-size:7vw}.universe-plane{height:44%;top:35%}.plane-left{left:30%}.plane-center{left:51%}.plane-right{left:73%}.about-grid{gap:7%}.project-grid{gap:45px 22px}.reader-layout{gap:20px;grid-template-columns:1fr auto}.reader-side{display:none}.reader-copy h2{font-size:38px}#reader-media{height:70svh}.featured-project{gap:6%}}
@media(max-width:650px){:root{--gutter:20px}.identity-scroll{height:205svh}.identity-sticky{padding:8px}.identity-frame{border-radius:18px}.site-nav{top:20px;left:18px;right:18px;font-size:10px;gap:20px}.site-nav sup{font-size:7px}.wordmark{top:13%;left:4%;right:4%;font-size:15.2vw;letter-spacing:-.025em}.identity-copy{top:35%;left:18px}.identity-eyebrow{font-size:8px}.identity-copy h2{font-size:18.5vw;margin:17px 0 20px}.role{font-size:29px}.practice-copy{top:auto;bottom:16%;left:18px;right:18px;width:auto;display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.practice-copy>p:nth-child(2){font-size:17px;margin:0;line-height:1.3}.practice-copy .tiny-label{font-size:8px}.practice-copy a{grid-column:2;font-size:11px;padding-bottom:9px;margin-top:10px}.identity-bottom{left:18px;right:18px;bottom:23px;font-size:8px;gap:10px}.identity-bottom a{gap:12px}.identity-bottom button{font-size:8px;padding:7px}.universe-heading{top:24%;left:18px}.universe-heading .tiny-label{font-size:8px}.universe-heading>p:last-child{font-size:11.5vw;line-height:1.02;margin-top:12px}.universe-plane{top:53%;height:27%;max-width:45%;}.plane-left{left:1%}.plane-center{left:34%}.plane-right{left:68%}.universe-plane>span{font-size:8px;margin-top:9px}.universe-media{border-radius:9px}.universe-note{left:auto;right:18px;bottom:auto;top:27%;font-size:9px;max-width:128px;line-height:1.5}.about{padding:66px 20px 45px}.section-head{font-size:8px;gap:25px}.section-head>p:last-child{text-align:right;max-width:150px}.about-grid{display:block;padding:40px 0}.about h2{font-size:16vw;margin-bottom:35px}.about-lead{font-size:27px}.about-copy>p+p{font-size:15px;line-height:1.5}.about-copy .collaboration{font-size:13px}.practice-line{font-size:9px;gap:40px;line-height:1.5}.work{margin:0 8px;padding:40px 18px 50px;border-radius:20px}.work-heading{gap:20px;margin-bottom:42px}.work-heading>p:first-child{font-size:9px}.work-heading h2{font-size:19vw;grid-column:1/-1}.work-heading h2>span{font-size:10px;padding:10px;margin:7px 0 0 17px}.work-heading>p:last-child{justify-self:start;grid-column:1/-1;font-size:12px}.featured-project{display:flex;flex-direction:column;gap:25px;margin-bottom:45px;align-items:stretch}.featured-info h3{font-size:14vw;margin:16px 0}.featured-info .feature-desc{font-size:13px;max-width:none;margin:15px 0}.featured-info .text-link{display:none}.featured-art{max-width:none;width:81%;align-self:center}.project-grid{grid-template-columns:1fr 1fr;gap:34px 15px;padding-top:30px}.project-card:nth-child(2),.project-card:nth-child(5){padding-top:0}.project-card:nth-child(even){padding-top:55px}.project-card h3{font-size:16px;line-height:1.12;margin:10px 0 7px}.card-meta{display:block;font-size:9px}.card-meta>span:last-child{display:block}.project-number{font-size:9px}.art-label{bottom:6px;left:6px;right:6px;font-size:8px;padding:8px;gap:4px;border-radius:4px}.preview-hint{font-size:8px;line-height:1.4}.poster{border-radius:9px}.contact{padding:65px 20px 30px}.contact h2{font-size:15vw;line-height:1.03;margin:40px 0 30px}.contact h2>span{margin-left:8px}.contact-email{font-size:6vw;padding-bottom:16px;letter-spacing:-.04em}.contact-bottom{font-size:9px;margin-top:35px;gap:30px}footer{font-size:8px;padding:20px;line-height:1.5}footer>a{max-width:170px;text-align:right}dialog{padding:14px 20px}.reader-head>span{font-size:20px}.reader-head small{display:none}.reader-head{font-size:11px}.reader-layout{display:flex;flex-direction:column;min-height:0;gap:16px;align-items:stretch;padding-top:12px}.reader-copy{max-width:none}.reader-copy>p:first-child{font-size:8px}.reader-copy h2{font-size:27px;line-height:1.05;margin:8px 0}.reader-copy #film-type{font-size:10px}.reader-copy #film-status{font-size:10px;margin-top:8px;max-width:none}#reader-media{height:auto;width:min(100%,calc((100svh - 225px)*.5625));min-width:170px;align-self:center;flex-shrink:0}.reader-foot{font-size:10px;margin-top:16px;padding-top:12px}.reader-play{left:10px;right:10px;bottom:15px;font-size:12px;padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.identity-scroll{height:auto}.identity-sticky{position:relative;height:100svh}.identity-frame{min-height:660px}.film-planes,.universe-heading,.universe-note,.scroll-meter{display:none}.identity-bottom button{display:none!important}.wordmark span{transform:none!important}}
body.manual-reduced .identity-scroll{height:auto}body.manual-reduced .identity-sticky{position:relative;height:100svh}body.manual-reduced .film-planes,body.manual-reduced .universe-heading,body.manual-reduced .universe-note{display:none}body.manual-reduced .wordmark span{transform:none!important}

/* Targeted revision 21:57: one title, no count badge, categories aligned with it. */
.work-heading{display:block;margin-bottom:64px}.work-heading>p:first-child{margin-bottom:25px}.work-heading h2{margin:0}.work-categories{display:flex;align-items:baseline;gap:38px;margin-top:25px;padding-top:20px;border-top:1px solid rgb(233 229 218 / .3);max-width:640px;text-align:left}.work-categories p{font-size:17px;line-height:1.3;letter-spacing:-.02em;text-align:left}.work-heading>p:last-child{justify-self:auto;text-align:left}
@media(max-width:650px){.work-heading{margin-bottom:36px}.work-heading>p:first-child{margin-bottom:18px}.work-categories{display:block;margin-top:17px;padding-top:15px}.work-categories p{font-size:14px;line-height:1.5}.work-categories p+p{margin-top:2px}}

/* Tablet framing: same composition, three complete portrait windows. */
@media(min-width:651px) and (max-width:1100px) and (orientation:portrait){.universe-heading{top:24%}.universe-heading>p:last-child{font-size:7vw}.universe-note{top:28%;bottom:auto;left:auto;right:32px;max-width:175px}.universe-plane{top:52%;height:34%}.plane-left{left:6%}.plane-center{left:37.5%}.plane-right{left:70%}}
@media(min-width:901px) and (max-width:1100px) and (orientation:landscape){.universe-plane{height:50%}.plane-left{left:33%}.plane-center{left:54%}.plane-right{left:77%}}

/* Local draft additions only; established composition and motion remain unchanged. */
.artwork-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid rgb(233 229 218 / .24);color:var(--paper);text-align:center;padding:20px;background:var(--ink)}.artwork-pending>span{font-size:14px;line-height:1.4}.artwork-pending>small{font-size:9px;letter-spacing:.08em;color:var(--red)}#film-context{margin-top:20px;max-width:280px}
@media(max-width:650px){.artwork-pending{padding:12px;gap:8px}.artwork-pending>span{font-size:12px}.artwork-pending>small{font-size:8px}#film-context{font-size:11px;margin-top:10px}.local-addition-reader #reader-media{width:min(100%,calc((100svh - 310px)*.5625))}}

@media(max-width:650px) and (max-height:620px){.identity-copy{top:32%}.identity-copy h2{margin:13px 0 15px}.role{font-size:25px}.practice-copy{bottom:15%}}

/* v2 (09/10/2026): transparent film buttons, full-screen player, Anton titles always in capitals */
.art-label,.reader-play{background:transparent;color:var(--paper);border:1px solid rgb(233 229 218 / .75);text-shadow:0 1px 3px rgb(0 0 0 / .6);box-shadow:none}
.art-button:hover .art-label,.reader-play:hover{border-color:var(--paper);background:rgb(0 0 0 / .18)}
#reader-media:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;background:#000}
#reader-media:-webkit-full-screen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;background:#000}
#reader-media:fullscreen video,#reader-media:-webkit-full-screen video{background:#000}
.work-heading h2,.universe-heading>p:last-child{text-transform:uppercase}
/* mobile: the three film windows sized from the width, centred, with equal gaps and equal margins (side windows are scaled .84 by the script) */
@media(max-width:650px){.universe-plane{height:auto;width:30%;max-width:none}.plane-left{left:2.5%}.plane-center{left:35%}.plane-right{left:67.5%}}
/* contact: the arrow sits before the address and points to it */
.contact-email{justify-content:flex-start;gap:.45em}
.card-desc{font-size:13px;line-height:1.45;color:rgb(233 229 218 / .8);margin:10px 0 0;max-width:34ch}#film-context{font-size:14px;line-height:1.5;margin-top:18px;max-width:300px}.contact-insta{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px}@media(max-width:650px){.card-desc{font-size:10.5px;line-height:1.4}.contact-insta{font-size:11px}#film-context{font-size:11px;margin-top:8px}}
