:root{--paper: #f1ead8;--ink: #111;--muted: #3d4a4f;--accent: #a92756;--focus: #1b4f63}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 Roboto,system-ui,-apple-system,Segoe UI,sans-serif;overflow-wrap:break-word}.page{position:relative;overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:var(--accent-text, var(--accent));text-underline-offset:.15em}a:hover{color:#7d1b3f}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media(min-width:720px){.wrap{padding:0 40px}}.skip{position:absolute;left:16px;top:-100px;background:#fff;color:var(--ink);padding:8px 12px;z-index:3}.skip:focus{top:16px}.top{position:relative;padding:clamp(56px,10vw,140px) 0 clamp(48px,7vw,104px);color:#fff}.splash{position:absolute;top:0;left:0;z-index:-1;width:max(100vw,900px);aspect-ratio:1200 / 1417;background:url(/portfolio/img/splash.webp) no-repeat left top / 100% auto;pointer-events:none;will-change:transform,clip-path}.top :focus-visible{outline-color:#fff}.name,.tagline{text-shadow:0 1px 14px rgba(60,10,40,.35)}.top .tex-paper{z-index:0}.hero-text{position:relative;z-index:1}.name{max-width:5.2em;margin:0;font:400 clamp(3.4rem,1.4rem + 8.4vw,9.5rem) / .9 "Anton",sans-serif;letter-spacing:.01em}.name .line{display:inline-block;overflow:hidden;padding-bottom:.04em;vertical-align:top}.name .char{display:inline-block}.role{margin:.9em 0 0;color:var(--b-cream);font-size:clamp(.9rem,.8rem + .4vw,1.1rem);font-weight:700;letter-spacing:.14em}.tagline{max-width:30ch;margin:.5em 0 0;font-size:clamp(1.2rem,1rem + .9vw,1.75rem);line-height:1.3}.lang{display:flex;gap:10px;margin-top:28px}.lang button{min-width:48px;min-height:44px;padding:0 12px;border:2px solid #fff;border-radius:4px;background:#280a1e73;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s,translate .2s}.lang button:hover{translate:0 -2px}.lang button[aria-pressed=true]{background:#fff;color:var(--ink)}.label{display:inline-block;margin:0 0 16px;padding:6px 14px;background:#fff;color:var(--accent-text, var(--accent));font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.2}.box{margin:0;padding:20px;background:#fff;font-size:clamp(1.0625rem,.95rem + .5vw,1.375rem);line-height:1.5;max-width:60ch}main>section.wrap{padding-bottom:clamp(48px,7vw,80px)}.about{display:grid;gap:24px;align-items:start}.award{display:grid;gap:4px;margin:20px 0 0;padding:16px 20px;max-width:60ch;background:#4a0f28;color:#fff;border-left:8px solid var(--accent);box-shadow:0 6px 20px #3c0a2840}.award strong{font-size:.875rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.award span{font-size:clamp(1.0625rem,.95rem + .5vw,1.25rem);line-height:1.45}.show{display:grid;gap:2px;margin:12px 0 0;padding:12px 20px;max-width:60ch;background:#fff;border-left:8px solid var(--accent)}.show strong{color:var(--accent-text, var(--accent));font-size:.8125rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}@media(min-width:720px){.about{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:56px}}.portrait{width:100%;max-width:360px;border:10px solid #eee;background:#fff}.web .intro{margin:0 0 24px;padding:12px 20px;max-width:60ch;background:#fff;font-size:clamp(1.0625rem,.95rem + .5vw,1.25rem)}.cases{display:grid;gap:clamp(28px,4vw,48px)}.case{display:grid;gap:20px;padding:12px 12px 20px;background:#fff;box-shadow:0 2px 14px #1428321f}@media(min-width:900px){.case{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;padding:12px 28px 12px 12px;align-items:start}.case.phone{grid-template-columns:minmax(0,300px) minmax(0,1fr)}.case.self{grid-template-columns:1fr;padding:24px 28px}}.shot{overflow:hidden;background:#111;aspect-ratio:8 / 5}.phone .shot{aspect-ratio:3 / 4;max-width:300px;border-radius:22px;border:8px solid #111}.shot img,.shot video{display:block;width:100%;height:108%;object-fit:cover}.case-body h3{margin:0 0 8px;font-size:clamp(1.25rem,1rem + .8vw,1.6rem);line-height:1.2}.case-body p{margin:0 0 12px;max-width:60ch}.case-body .what{color:var(--ink)}.case-role{color:var(--muted)}.case-role strong{color:var(--ink)}.case-body .note{color:var(--muted);font-size:.9375rem}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}.chip{padding:3px 10px;border:2px solid var(--accent);color:var(--accent-text, var(--accent));font-size:.875rem;font-weight:700}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 20px;margin:0 0 16px;padding:14px 0 0;border-top:2px solid #eee;list-style:none}.stat-num,.stat-unit{color:var(--accent-text, var(--accent));font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}.stat-unit{font-size:clamp(1.1rem,.9rem + .8vw,1.5rem)}.stat-label{display:block;color:var(--muted);font-size:.9375rem;line-height:1.35}.links{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.links a:not(.btn){display:inline-flex;align-items:center;min-height:44px;min-width:44px}.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--accent);color:var(--accent-on, #fff);font-weight:700;text-decoration:none;transition:background-color .2s,translate .2s}.btn:hover{background:#7d1b3f;color:#fff;translate:0 -2px}.self{border-left:8px solid var(--accent)}.cases-pair{display:grid;gap:clamp(28px,4vw,48px)}@media(min-width:900px){.cases-pair{grid-template-columns:1fr 1fr;align-items:start}.case.compact{grid-template-columns:1fr;padding:12px 12px 20px}.case.compact.phone{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start}}.case.compact .phone-shot,.compact.phone .shot{max-width:200px}.proofs{display:grid;gap:10px;margin:0;padding:0;list-style:none;max-width:75ch}.proofs li{padding:14px 20px;background:#fff;border-left:4px solid var(--accent)}#work:focus{outline:none}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(24px,4vw,48px);align-items:start}@media(min-width:720px){.gallery .wide{grid-column:1 / -1}}figure{margin:0;padding:8px 8px 16px;background:#fff;box-shadow:0 2px 14px #1428321f;transition:box-shadow .3s}figure:hover{box-shadow:0 10px 30px #14283233}.wide{justify-self:start;width:100%;max-width:1003px}.reveal{display:block;width:100%;padding:0;border:0;background:none;overflow:hidden;cursor:zoom-in}.reveal img{width:100%;transition:scale .6s cubic-bezier(.2,.7,.2,1)}.reveal:hover img{scale:1.03}img.pixel{image-rendering:pixelated}figcaption{margin:12px 8px 0;max-width:60ch}figcaption strong{display:block;font-size:1.125rem}figcaption span{color:var(--muted)}.viewer{width:min(96vw,1100px);max-height:100dvh;padding:0;cursor:zoom-out;border:0;background:transparent;overflow:visible}.viewer::backdrop{background:#1e0614f2}.viewer-inner{display:grid;gap:16px;justify-items:center}.viewer img{cursor:default}.viewer img{max-height:calc(100dvh - 190px);max-width:100%;width:auto;background:#fff;border:8px solid #fff}.dialog-text{color:#fff;text-align:center;max-width:60ch}.dialog-text h3{margin:0;font-size:1.25rem}.dialog-text p{margin:4px 0 0;color:#f1d9e3}.close{position:fixed;top:12px;right:12px;z-index:1;min-height:44px;padding:0 18px;border:2px solid #fff;border-radius:4px;background:var(--accent);color:#fff;font:700 1rem Roboto,system-ui,sans-serif;cursor:pointer}.viewer :focus-visible{outline-color:#fff}@media(max-height:500px)and (orientation:landscape){.viewer{width:min(96vw,1100px)}.viewer-inner{grid-template-columns:auto minmax(0,16rem);align-items:center;justify-content:center}.viewer img{max-height:calc(100dvh - 24px)}.dialog-text{text-align:left;padding-right:64px}}.foot{padding-bottom:40px;color:var(--muted);font-size:.9375rem}.foot p{margin:0 0 6px}.colophon{font-size:.875rem}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{transition-property:opacity,background-color,color!important}.motion-reduced .reveal:hover img{scale:none}.motion-reduced .lang button:hover,.motion-reduced .btn:hover{translate:none}@font-face{font-family:Anton;src:url(/portfolio/fonts/anton.woff2) format("woff2");font-display:swap}:root{--b-red: #d7261e;--b-yellow: #f2b705;--b-blue: #1d3f9e;--b-black: #0b0b0b;--b-cream: #f1ead8}.tex-paper,.tex-xerox{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply}.tex-paper{background:url(/portfolio/img/paper.webp) 0 0 / 640px 640px repeat;opacity:.55}.tex-xerox{background:url(/portfolio/img/xerox.webp) 0 0 / 640px 640px repeat;opacity:.4}.act{position:relative}.ch-hold{position:relative;height:185vh;margin-bottom:-185vh;z-index:20;pointer-events:none}.ch-card{position:sticky;top:0;height:100vh;overflow:hidden}.act-body{position:relative;z-index:1;padding-top:60vh;padding-top:60svh}.ch-shape{position:absolute;left:73%;top:50%;width:min(42vw,62vh);aspect-ratio:1;translate:-50% -50%}.shape-circle{border-radius:50%}.shape-tri{clip-path:polygon(50% 0,100% 100%,0 100%)}.ch-num{position:absolute;left:7vw;top:14vh;font:400 clamp(64px,11vw,170px)/1 "Anton"}.ch-word{position:absolute;left:6.5vw;top:30vh;font:400 clamp(110px,24vw,400px)/1 "Anton";overflow:hidden;white-space:nowrap}.ch-word .lt{display:inline-block;font-style:normal}.ch-frag{position:absolute;left:7.5vw;top:31vh;font:400 clamp(110px,24vw,400px)/1 "Anton";color:transparent;opacity:.55;clip-path:inset(46% 0 0 0);transform:translate(1.4vw,1.2vh) rotate(-2deg);white-space:nowrap}.ch-sub{position:absolute;left:7vw;bottom:12vh;margin:0;font:700 clamp(16px,1.6vw,24px) "Roboto";letter-spacing:.12em;text-transform:uppercase;opacity:.85}@media(max-width:720px){.ch-shape{left:70%;top:30%;width:52vw}.ch-word,.ch-frag{top:46vh}}.marquee{overflow:hidden;padding:18px 0;background:var(--b-black);color:var(--b-cream)}.marquee-track{display:flex;width:max-content;gap:0;will-change:transform}.mq{font:400 clamp(48px,8vw,120px)/1 "Anton";letter-spacing:.02em;padding:0 .35em;white-space:nowrap}.mq b{font-size:.35em;vertical-align:middle;margin-left:.5em}.mq0 b{color:var(--b-red)}.mq1 b{color:var(--b-blue)}.mq2 b{color:var(--b-yellow)}.mq1{color:transparent;-webkit-text-stroke:2px var(--b-cream)}.motion-full .paint-strip{max-width:none;padding-top:10vh;min-height:100vh}.motion-full .paint-strip .gallery{display:flex;flex-wrap:nowrap;align-items:center;gap:4vw;width:max-content;padding:0 6vw}.motion-full .paint-strip .gallery .piece{--cap: min(70vw, 460px);width:min-content;flex:none}.motion-full .paint-strip .gallery .piece.wide{--cap: min(86vw, 820px);max-width:none}.motion-full .paint-strip .reveal img{width:auto;max-width:none;height:min(calc(100svh - 10vh - 13rem),680px,calc(var(--cap) * var(--r)));aspect-ratio:1 / var(--r)}.motion-full .paint-strip .gallery{align-items:flex-start}.motion-full .paint-strip figcaption strong,.motion-full .paint-strip figcaption span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.motion-full .paint-strip .reveal img{will-change:transform}.motion-full .paint-strip #work-h{margin-left:6vw}.reel{padding-bottom:clamp(48px,7vw,80px);perspective:1200px}.reel-frame{position:relative;background:#000;box-shadow:0 30px 80px #14020a66;transform-origin:50% 100%}.reel-frame video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#000}.reel-play{position:absolute;left:50%;top:50%;width:clamp(84px,12vw,150px);aspect-ratio:1;translate:-50% -50%;border:0;border-radius:50%;background:var(--b-red);cursor:pointer;box-shadow:0 0 0 6px var(--b-cream)}.reel-play svg{width:60%;fill:var(--b-cream)}.reel-play:hover{background:var(--b-blue)}.reel-tag{position:absolute;left:16px;top:16px;padding:6px 12px;background:var(--b-black);color:var(--b-yellow);font:700 14px Roboto;letter-spacing:.14em;text-transform:uppercase}.reel-note{margin:14px 0 0;max-width:70ch;padding:12px 18px;background:#fff;color:var(--muted);font-size:.9375rem}.case{position:relative;transform-style:preserve-3d}.cn{position:absolute;width:26px;height:26px;border:0 solid var(--b-black);z-index:2;pointer-events:none}.cn0{left:-10px;top:-10px;border-left-width:3px;border-top-width:3px}.cn1{right:-10px;top:-10px;border-right-width:3px;border-top-width:3px}.cn2{left:-10px;bottom:-10px;border-left-width:3px;border-bottom-width:3px}.cn3{right:-10px;bottom:-10px;border-right-width:3px;border-bottom-width:3px}.dot{position:absolute;z-index:2;pointer-events:none}.dot-c{width:14px;height:14px;border-radius:50%;background:var(--b-red);right:22px;top:-26px}.dot-s{width:12px;height:12px;background:var(--b-blue);right:-26px;top:40%}.dot-t{width:16px;height:14px;background:var(--b-yellow);clip-path:polygon(50% 0,100% 100%,0 100%);left:-28px;bottom:30%}.stat-num{position:relative;--gx: 2px;--gy: 1px}.stat-num:before,.stat-num:after{content:attr(data-txt);position:absolute;left:0;top:0;pointer-events:none;mix-blend-mode:multiply}.stat-num:before{color:var(--b-blue);opacity:.35;transform:translate(var(--gx),var(--gy))}.stat-num:after{color:var(--b-yellow);opacity:.45;transform:translate(calc(var(--gx) * -1),calc(var(--gy) * -1))}#root{position:relative}.film-grain,.film-riso{position:absolute;inset:0;pointer-events:none;z-index:60}.film-grain{opacity:.16;background:url(/portfolio/img/grain.png) repeat;background-size:128px}.film-riso{opacity:.04;background-image:radial-gradient(rgba(10,10,10,.9) 26%,transparent 30%);background-size:7px 7px}@media(max-width:760px),(pointer:coarse){.film-riso{display:none}}.film-tc{position:fixed;right:18px;bottom:14px;z-index:61;margin:0;padding:4px 8px;background:#0b0b0bb8;color:var(--b-cream);font:500 11px Roboto;letter-spacing:.16em;pointer-events:none}.film-tc span{font-variant-numeric:tabular-nums;font-weight:700}.finale{position:relative;height:200vh}.finale-card{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--b-cream);color:var(--b-black)}.f-circle{position:absolute;left:66%;top:12vh;width:min(30vw,46vh);aspect-ratio:1;border-radius:50%;background:var(--b-red)}.f-square{position:absolute;left:60%;top:50vh;width:min(20vw,30vh);aspect-ratio:1;background:var(--b-blue)}.f-tri{position:absolute;left:80%;top:54vh;width:min(18vw,28vh);aspect-ratio:1;background:var(--b-yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.f-text{position:absolute;left:7vw;top:9vh;max-width:58vw;display:flex;flex-direction:column;gap:clamp(10px,2.4vh,28px);z-index:2}.f-name{margin:0;font:400 clamp(36px,min(12vw,15vh),190px)/.95 "Anton"}.f-name>span>span{display:block;overflow:hidden}.f-name .lt{display:inline-block;font-style:normal}.f-role{margin:0;font:700 clamp(13px,min(1.8vw,2.6vh),28px)/1.4 "Roboto";letter-spacing:.1em}.f-role small{font-weight:400;letter-spacing:.04em;font-size:.7em;color:var(--muted)}.f-links{margin:0;display:flex;gap:14px;flex-wrap:wrap}.f-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:10px 7vw 12px;background:#f1ead8e6;color:var(--muted);font-size:.8125rem}.f-foot p{margin:0;max-width:110ch}.btn-dark{background:var(--b-black)}.burn{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;filter:blur(6px);opacity:0}.b1{background:radial-gradient(circle at 86% 82%,#fffdf2 0%,#ffe7a0 7%,#ff9a36 15%,rgba(214,52,18,.85) 24%,rgba(120,10,6,.35) 34%,transparent 46%);transform-origin:86% 82%}.b2{background:radial-gradient(circle at 12% 15%,#fffdf2 0%,#ffe7a0 7%,#ff9a36 15%,rgba(214,52,18,.85) 24%,rgba(120,10,6,.35) 34%,transparent 46%);transform-origin:12% 15%}.b3{background:radial-gradient(circle at 62% 30%,#fffdf2 0%,#ffe7a0 7%,#ff9a36 15%,rgba(214,52,18,.85) 24%,rgba(120,10,6,.35) 34%,transparent 46%);transform-origin:62% 30%}@media(max-width:720px){.f-text{max-width:86vw}.f-name{font-size:clamp(36px,min(16vw,13vh),120px)}.f-circle{left:54%;top:50vh;width:38vw}.f-square{left:36%;top:64vh;width:26vw}.f-tri{left:70%;top:66vh;width:22vw}}.motion-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 14px;border:2px solid #fff;border-radius:4px;background:#280a1e73;color:#fff;font:700 12px Roboto;letter-spacing:.16em;cursor:pointer}.motion-btn i{width:9px;height:9px;border-radius:50%;background:var(--b-red)}.motion-btn[aria-pressed=false] i{background:transparent;box-shadow:inset 0 0 0 2px #fff}@media(max-width:760px){.film-tc{display:none}}.f-mail{display:flex;flex-direction:column;gap:4px;margin:0}.f-mail small{font-size:.95rem;letter-spacing:.04em}.f-mail a{color:var(--ink);font:400 clamp(1.6rem,1rem + 2.6vw,3.2rem) / 1.05 "Anton",sans-serif;letter-spacing:.01em;text-decoration-thickness:3px;text-underline-offset:.12em;overflow-wrap:anywhere}.f-text:focus-within,.reel-play:focus-visible,.f-text:focus-within .f-role,.f-text:focus-within .f-mail,.f-text:focus-within .f-links,.f-text:focus-within .lt{opacity:1!important;transform:none!important;translate:none!important}.finale:focus-within .burn{opacity:0!important}.reel-play:focus-visible{outline:3px solid var(--b-cream);outline-offset:4px}.shot{position:relative}.clip-btn{position:absolute;right:10px;bottom:10px;z-index:2;min-width:44px;min-height:44px;display:grid;place-items:center;border:0;background:#0b0b0bc7;color:var(--b-cream);font:700 14px/1 system-ui,sans-serif;cursor:pointer}.clip-btn:hover{background:var(--b-black)}.clip-btn:focus-visible{outline:3px solid var(--b-yellow);outline-offset:2px}.story{margin:4px 0 18px;display:grid;gap:12px}.story div{display:grid;grid-template-columns:7.5rem 1fr;gap:4px 16px;align-items:baseline}.story dt{font:400 .95rem/1.2 Anton,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text, var(--accent))}.story dd{margin:0;max-width:62ch}@media(max-width:560px){.story div{grid-template-columns:1fr}}