@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#09090d;--ink:#f3f0eb;--muted:#8d8a96;--line:#292730;--red:#ed433d;--sage:#a4b399;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.header{height:76px;position:absolute;z-index:60;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff13}.brand{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.13em;font-weight:600}.brand b{font-weight:800}.brand-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--red);border-radius:50% 50% 50% 8px;font-size:16px;font-weight:800}.header nav{display:flex;gap:32px;font-size:12px;color:#c3c0c9}.header nav a:hover,.header-cta:hover{color:var(--red)}.header-cta{font-size:12px;border:1px solid #ffffff38;padding:10px 14px}.header-cta:first-letter{color:var(--red)}#menu{display:none;background:none;border:0;color:white;font-size:22px}.cinema{height:235vh;position:relative;background:#09090d}.sticky{height:100vh;min-height:580px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 51% 63%,#29212a 0%,#111116 48%,#09090d 82%)}.micro,.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:#85818d}.top-left,.top-right{position:absolute;z-index:15;top:100px}.top-left{left:5vw}.top-right{right:5vw;display:flex;gap:12px;align-items:center}.top-right i{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red);animation:pulse 1.6s infinite}.room{position:absolute;inset:0;overflow:hidden;perspective:900px}.wall-glow{position:absolute;left:8%;top:15%;width:36%;height:50%;background:#71374724;filter:blur(55px)}.floor{position:absolute;left:-20%;right:-20%;bottom:-35%;height:58%;background:linear-gradient(#18151b,#08080b 70%);transform:rotateX(62deg);transform-origin:top;box-shadow:0 -1px #ffffff10}.tv-wrap{position:absolute;z-index:5;left:50%;top:48%;width:min(46vw,650px);transform:translate(-50%,-50%) scale(calc(.8 + var(--p)*.2));filter:drop-shadow(0 30px 40px #0009)}.aura{position:absolute;inset:-13%;background:#ed433d00;filter:blur(50px);transition:background .5s}.tv{position:relative;background:#1a191d;border:2px solid #48434a;border-radius:14px;padding:14px 14px 10px;box-shadow:inset 0 0 0 2px #08080a,0 24px 70px #000b}.screen{height:0;padding-bottom:56.25%;position:relative;background:#050508;border-radius:5px;overflow:hidden}.static{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px);animation:static .15s steps(2) infinite}.screen-content{position:absolute;inset:0;padding:5% 6%;opacity:0;transform:scale(1.05);transition:opacity .7s .2s,transform 1s;background:radial-gradient(ellipse at 75% 35%,#48202b,transparent 44%),linear-gradient(130deg,#15131a,#08080c 68%)}.screen-head,.screen-foot{display:flex;justify-content:space-between;font:clamp(6px,.7vw,10px) var(--mono);letter-spacing:.1em;color:#b5b1bd}.screen-head b{font:800 clamp(15px,2vw,30px) var(--sans);letter-spacing:-.08em;color:var(--red)}.screen-content h2{position:absolute;top:29%;left:7%;font-size:clamp(20px,4vw,58px);font-weight:800;line-height:.94;letter-spacing:-.07em}.screen-content em{font-style:normal;color:var(--red)}.screen-foot{position:absolute;bottom:8%;left:6%;right:6%}.scan{position:absolute;top:-5%;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 15px var(--red);opacity:0}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.bezel{height:18px;display:flex;align-items:center;justify-content:space-between;padding:5px 4px 0;color:#666;font:7px var(--mono);letter-spacing:.15em}.bezel>i{width:5px;height:5px;border:1px solid #777;border-radius:50%;display:grid;place-items:center}.bezel>i b{width:2px;height:2px;border-radius:50%;background:#555}.tv-neck{margin:auto;width:20%;height:20px;background:linear-gradient(90deg,#111,#39353a,#141317)}.stand{position:absolute;z-index:4;left:50%;top:69%;width:min(51vw,700px);height:10px;transform:translateX(-50%);background:linear-gradient(#423b42,#141216);border-radius:2px;box-shadow:0 12px 20px #0008}.stand:before{content:'';position:absolute;inset:-4px 0 auto;height:5px;background:#48414a}.stand i,.stand b{position:absolute;top:7px;width:8px;height:95px;background:linear-gradient(90deg,#151317,#353039,#121115)}.stand i{left:15%;transform:rotate(10deg)}.stand b{right:15%;transform:rotate(-10deg)}
.person{position:absolute;z-index:8;left:calc(12% + var(--p)*18%);bottom:12%;width:clamp(115px,17vw,230px);height:clamp(245px,38vw,470px);transform:translateX(calc(var(--p)*-8%)) scale(calc(1 - var(--p)*.2));transform-origin:bottom center;filter:drop-shadow(0 20px 15px #0007)}.shadow{position:absolute;bottom:-1%;left:0;width:100%;height:5%;background:#0009;border-radius:50%;filter:blur(8px)}.head{position:absolute;top:5%;left:34%;width:39%;height:22%;z-index:4;transform:rotate(-5deg)}.face{position:absolute;inset:13% 5% 0;background:#c78c6c;border-radius:44% 45% 42% 43%;box-shadow:inset -8px -4px #a96955}.hair{position:absolute;z-index:3;top:0;left:0;width:100%;height:42%;background:#201c25;border-radius:50% 55% 22% 20%;transform:rotate(-7deg)}.hair:after{content:'';position:absolute;right:5%;top:36%;width:50%;height:35%;background:#201c25;transform:rotate(22deg);border-radius:0 0 50% 30%}.ear{position:absolute;right:-3%;top:42%;width:17%;height:23%;background:#b97961;border-radius:50%}.eye{position:absolute;top:44%;width:7%;height:7%;background:#211a1b;border-radius:50%}.one{left:27%}.two{right:24%}.nose{position:absolute;top:50%;left:48%;width:7%;height:16%;border-right:2px solid #a96f5a;transform:rotate(15deg)}.body{position:absolute;top:25%;left:22%;width:62%;height:48%;background:linear-gradient(100deg,#65745e,#9ba58a 45%,#596653);border-radius:28% 30% 12% 12%;z-index:3;clip-path:polygon(22% 0,76% 0,100% 20%,88% 100%,12% 100%,0 20%);box-shadow:inset -12px 0 #465142}.hood{position:absolute;top:-5%;left:20%;width:58%;height:25%;background:#75836b;border:2px solid #465142;border-radius:50% 50% 30% 30%}.seam{position:absolute;top:15%;left:50%;width:2px;height:78%;background:#d4d0b72b}.arm{position:absolute;top:12%;width:22%;height:70%;background:#77866c;border-radius:18px;transform-origin:top}.arm-back{left:-4%;transform:rotate(12deg)}.arm-front{right:-2%;transform:rotate(-18deg);background:#89977c}.hand{position:absolute;right:-5%;top:72%;width:14%;height:15%;background:#c78c6c;border-radius:40%}.leg{position:absolute;z-index:2;top:67%;height:29%;width:23%;background:#26252e;border-radius:9px 9px 12px 12px;transform-origin:top}.leg-back{left:32%;transform:rotate(7deg);background:#33313a}.leg-front{left:51%;transform:rotate(-5deg)}.leg i{position:absolute;bottom:-5%;left:-18%;width:135%;height:18%;background:#16151a;border-radius:40% 55% 12% 15%;border-bottom:3px solid #5d4c4b}.bag{position:absolute;z-index:2;top:30%;left:12%;width:25%;height:38%;background:#302c38;border:3px solid #48414d;border-radius:8px 8px 14px 14px;transform:rotate(7deg)}.bag:after{content:'';position:absolute;top:-18%;left:20%;width:52%;height:24%;border:3px solid #48414d;border-bottom:0;border-radius:12px 12px 0 0}.caption{position:absolute;z-index:10;left:8%;bottom:20%;transition:opacity .45s,transform .5s}.caption>span{font:10px var(--mono);letter-spacing:.16em;color:var(--red)}.caption p{font-size:clamp(25px,4vw,52px);font-weight:700;letter-spacing:-.06em;line-height:1.03;margin:16px 0 24px}.caption em{font-style:normal;color:var(--sage)}.caption small{font:9px var(--mono);letter-spacing:.14em;color:#85818b}.scene-label{position:absolute;left:5vw;right:5vw;bottom:4%;display:flex;justify-content:space-between;font-size:9px}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12;z-index:20}.progress i{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 10px var(--red)}.cinema.on .screen-content{opacity:1;transform:scale(1)}.cinema.on .aura{background:#ed433d25}.cinema.on .bezel>i b{background:var(--red);box-shadow:0 0 8px var(--red)}.cinema.on .scan{opacity:.8;animation:scan 4s linear infinite}.cinema.on .flash{animation:flash .5s ease-out}.cinema.on .caption{opacity:0;transform:translateY(20px)}.scroll-space{height:0}
.section{padding:115px 8vw}.eyebrow{display:flex;justify-content:space-between;gap:18px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;padding:80px 0 105px}.intro h1,.work-title h2,.contact h2{margin:0;font-size:clamp(42px,7.2vw,100px);line-height:.97;letter-spacing:-.085em}.intro h1 span,.work-title h2 span{color:#777580}.intro-copy{max-width:460px}.lead{font-size:clamp(20px,2.3vw,30px);line-height:1.35;letter-spacing:-.04em}.lead em{color:var(--sage);font-style:normal}.intro-copy p:not(.lead),.contact-grid p{font-size:12px;color:#9997a2;line-height:1.9}.under-link{display:inline-flex;gap:25px;margin-top:18px;border-bottom:1px solid #ffffff55;padding-bottom:10px;font-size:12px}.under-link b{color:var(--red)}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:19px 0;white-space:nowrap;color:#a4a1ac;font:10px var(--mono);letter-spacing:.16em}.ticker span{display:block;width:max-content;animation:ticker 30s linear infinite}.work{background:#0d0c11}.work-title{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:70px 0 55px}.work-title p{max-width:210px;color:#8c8994;font-size:12px;line-height:1.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid #33313b;color:#9b98a3;padding:10px 13px;font-size:11px}.filters button:hover,.filters button.active{background:var(--ink);border-color:var(--ink);color:#111}.filters small{margin-left:12px;color:var(--red)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 22px}.project.hidden{display:none}.art{position:relative;display:block;aspect-ratio:1.48;overflow:hidden;isolation:isolate}.art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff16;pointer-events:none}.tag{position:absolute;left:20px;top:18px;z-index:4;font:9px var(--mono);letter-spacing:.12em;color:#ffffffa3}.arrow{position:absolute;right:18px;bottom:17px;z-index:4;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff66;border-radius:50%;font-style:normal;transition:.3s}.art:hover .arrow{transform:rotate(45deg);background:var(--red);border-color:var(--red)}.art-red{background:radial-gradient(ellipse at 60% 40%,#8e262c,#39161f 52%,#171116)}.art-orbit{position:absolute;width:65%;aspect-ratio:1;border:1px solid #ffb6aa4a;border-radius:50%;left:40%;top:8%;box-shadow:0 0 80px #f44b3b1c,inset 0 0 50px #f44b3b12}.art-orbit:before,.art-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #ffffff22;border-radius:50%}.art-orbit:after{inset:30%;border-color:#ed433d88}.art-red>strong{position:absolute;left:15%;top:24%;font-size:clamp(30px,5vw,65px);font-weight:800;line-height:.84;letter-spacing:-.09em;transform:rotate(-5deg);text-shadow:0 6px 30px #0005}.art-red em{font-style:normal;color:#ffb2a7}.art-sage{background:radial-gradient(ellipse at 50% 50%,#4b5c4d,#202b27 72%)}.rings{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border:1px solid #d9e0c68c;border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg)}.rings b{position:absolute;inset:-18%;border:1px solid #d7d0a466;border-radius:50%;transform:rotateY(65deg) rotateZ(25deg)}.cube{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;width:28%;aspect-ratio:1;background:linear-gradient(135deg,#b9c5a8,#5f7564);color:#182019;font-size:clamp(40px,7vw,90px);box-shadow:18px 25px 50px #0007;animation:float 5s ease-in-out infinite}.art-gold{background:radial-gradient(ellipse at 50% 60%,#6e5936,#29221a 72%)}.product-shadow{position:absolute;left:25%;right:25%;bottom:18%;height:12%;background:#0009;filter:blur(18px);border-radius:50%}.product{position:absolute;left:50%;top:50%;width:18%;height:56%;transform:translate(-50%,-50%) rotateY(-18deg) rotateZ(5deg);background:linear-gradient(90deg,#29282a,#d4c6a1 35%,#75694f 70%,#2b2926);box-shadow:20px 30px 35px #0007;display:grid;place-items:center;color:#332c21;font:10px var(--mono);text-align:center;letter-spacing:.2em}.product b{font-size:30px}.art-blue{background:radial-gradient(ellipse at 45% 40%,#31445c,#111820 75%)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px}.whatif{position:absolute;z-index:2;top:24%;left:15%;font-size:clamp(36px,6vw,76px);font-weight:800;line-height:.9;letter-spacing:-.09em}.whatif span{color:#a9c4ed}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:18px}.project-meta small{font:9px var(--mono);letter-spacing:.13em;color:var(--red)}.project-meta h3{margin:7px 0 0;font-size:20px;letter-spacing:-.05em}.project-meta>span{font:9px var(--mono);color:#777580;padding-top:4px}.project>p,.note{color:#8c8994;font-size:10px;line-height:1.8;max-width:390px}.note{margin-top:45px}.statement{padding-top:150px;padding-bottom:150px;background:radial-gradient(ellipse at 50% 100%,#35171c 0%,#0b0a0e 55%)}.statement>p{font-size:clamp(42px,8vw,112px);font-weight:700;line-height:.98;letter-spacing:-.085em;margin:70px 0 20px}.statement em,.contact h2 em{font-style:normal;color:var(--red)}.statement>small{font:11px var(--mono);letter-spacing:.15em;color:#8c8994}.contact{padding-bottom:30px;background:#0b0a0e}.contact-grid{display:grid;grid-template-columns:1.1fr .6fr;gap:10vw;padding:90px 0 140px;align-items:end}.contact h2{font-size:clamp(42px,6.5vw,86px)}.email{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #4b4852;padding:17px 0;font-size:16px;margin-top:25px}.email b{color:var(--red)}.contact .note{font-size:9px;color:#6d6a75}footer{border-top:1px solid #ffffff20;padding:25px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;font:9px var(--mono);letter-spacing:.1em;color:#797681}footer .brand{font-family:var(--sans);font-size:11px;color:var(--ink)}footer .brand-icon{width:25px;height:25px;font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{opacity:.35}}@keyframes static{to{transform:translateY(3px)}}@keyframes scan{to{top:100%}}@keyframes flash{0%{opacity:.9}100%{opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-2deg) translateY(-10px)}}
@media(max-width:760px){.header{height:66px;padding:0 5vw}.header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:22px 5vw;background:#0c0b10;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.header nav.open{display:flex}.header-cta{margin-left:auto;margin-right:16px;padding:8px 10px}#menu{display:block}.cinema{height:220vh}.sticky{min-height:540px}.top-left,.top-right{top:88px;font-size:8px}.tv-wrap{width:82vw;top:46%;transform:translate(-50%,-50%) scale(calc(.8 + var(--p)*.18))}.stand{width:88vw;top:65%}.stand i,.stand b{height:65px}.person{left:2%;bottom:13%;width:145px;height:290px;transform:translateX(calc(var(--p)*-1%)) scale(calc(1 - var(--p)*.16))}.caption{left:7%;bottom:13%}.caption p{font-size:30px;margin:10px 0 14px}.caption small{font-size:8px}.scene-label{font-size:7px;bottom:3%}.section{padding:80px 6vw}.eyebrow{font-size:8px}.intro-grid{grid-template-columns:1fr;gap:35px;padding:55px 0 70px}.intro h1{font-size:clamp(46px,12vw,80px)}.work-title{display:block;padding:50px 0 35px}.work-title h2{font-size:clamp(42px,10vw,70px)}.work-title p{max-width:300px;margin-top:25px}.filters{gap:6px}.filters button{padding:9px 10px;font-size:10px}.projects{gap:35px 12px}.project-meta h3{font-size:16px}.project>p{font-size:10px}.tag{font-size:7px;left:10px;top:12px}.arrow{right:10px;bottom:10px;width:28px;height:28px}.project-meta small,.project-meta>span{font-size:8px}.statement{padding-top:100px;padding-bottom:100px}.statement>p{margin-top:55px;font-size:clamp(40px,10vw,75px)}.contact-grid{grid-template-columns:1fr;gap:35px;padding:60px 0 85px}.contact h2{font-size:clamp(44px,11vw,76px)}footer{flex-wrap:wrap}footer>*{width:calc(50% - 10px)}footer>*:nth-child(even){text-align:right}}@media(max-width:420px){.projects{grid-template-columns:1fr}.art{aspect-ratio:1.35}.caption{bottom:12%}.tv-wrap{top:43%}.person{bottom:14%;width:115px;height:245px}.eyebrow{gap:12px}.eyebrow span:last-child{text-align:right}.screen-content h2{font-size:24px}.screen-head span:last-child{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}