:root{--bg:#101112;--panel:#181a1c;--panel2:#202326;--text:#f4f1ea;--muted:#aaa8a2;--line:#33373a;--serif:'Playfair Display',serif;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:90;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='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#25303955,transparent 35%),radial-gradient(circle at 80% 70%,#3a2d2050,transparent 32%)}.loader{position:fixed;inset:0;z-index:999;background:#0d0e0f;display:grid;place-content:center;text-align:center;transition:opacity .7s,visibility .7s}.loader.hide{opacity:0;visibility:hidden}.loader-mark{width:110px;height:110px;position:relative;margin:auto}.loader-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(4)}.loader-mark span{position:absolute;left:0;bottom:-12px;height:2px;background:#fff;animation:load 1.6s ease forwards}@keyframes load{from{width:0}to{width:100%}}.loader p{font-size:9px;letter-spacing:.3em;color:#8d9093;margin-top:32px}.cursor{width:20px;height:20px;border:1px solid #fff;border-radius:50%;position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s,background .2s}.cursor span{display:none;font-size:8px;letter-spacing:.12em}.cursor.active{width:62px;height:62px;background:#fff;color:#000;display:grid;place-items:center;mix-blend-mode:normal}.cursor.active span{display:block}.nav{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;background:linear-gradient(#101112e8,transparent)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:12px;letter-spacing:.18em}.brand img{width:30px;height:30px;object-fit:contain}.nav nav{display:flex;gap:28px}.nav nav a{color:#ddd;text-decoration:none;font-size:12px;letter-spacing:.08em}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;padding:0 7vw 9vh;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;filter:grayscale(.45) contrast(1.1) brightness(.8);opacity:.62}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#111214 0%,#111214d8 38%,transparent 74%),linear-gradient(0deg,#101112 0%,transparent 42%)}.hero-content{position:relative;z-index:3;max-width:980px}.hero-story{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.hero-story span{position:absolute;font-size:clamp(54px,10vw,170px);font-weight:600;letter-spacing:-.06em;opacity:0;color:#ffffff10;animation:story 12s infinite}.hero-story span:nth-child(2){animation-delay:3s}.hero-story span:nth-child(3){animation-delay:6s}.hero-story span:nth-child(4){animation-delay:9s}@keyframes story{0%,22%{opacity:0;transform:translateY(35px) scale(.98)}5%,17%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-25px) scale(1.02)}}.eyebrow,.section-no{font-size:11px;letter-spacing:.22em;color:#b1b2b2;margin:0 0 30px}.hero h1{font-size:clamp(54px,7.5vw,120px);line-height:.91;letter-spacing:-.055em;margin:0;font-weight:500}.hero h1 em,.motion h2 em{font-family:var(--serif);font-weight:500}.lead{max-width:650px;color:#c1c1bd;font-size:17px;line-height:1.7;margin:32px 0}.cta{display:inline-flex;gap:24px;color:#fff;text-decoration:none;border-bottom:1px solid #777;padding:12px 0}.scroll{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:#999;z-index:3}.scroll i{display:inline-block;height:70px;border-left:1px solid #666;margin-top:14px}.intro,.about{display:grid;grid-template-columns:1fr 3fr;gap:4vw;padding:150px 7vw;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#151719,#101112 60%)}.intro h2,.section-head h2,.about h2,.motion h2{font-size:clamp(40px,5vw,78px);line-height:1.06;letter-spacing:-.04em;margin:0 0 35px;font-weight:500}.intro h2 span{color:#7f8487}.intro p:not(.section-no),.about p{max-width:750px;color:#b9b7b2;font-size:18px;line-height:1.8}.role-switch{margin-top:48px;padding:24px;border-left:1px solid #777;display:grid;gap:8px}.role-switch small{color:#85898c;text-transform:uppercase;letter-spacing:.15em}.role-switch strong{font-family:var(--serif);font-style:italic;font-size:32px}.projects,.technical{padding:150px 4vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 3vw 70px}.project{position:relative;overflow:hidden;background:#191b1d;margin-bottom:24px;cursor:pointer;isolation:isolate}.project:after,.spotlight:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%),#ffffff1f,transparent 55%);opacity:0;transition:opacity .3s}.project:hover:after,.spotlight:hover:after{opacity:1}.project img{width:100%;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s}.project:hover img{transform:scale(1.035);filter:brightness(.82)}.project-meta{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:40px 1fr auto auto;align-items:end;gap:14px;text-shadow:0 2px 20px #000;z-index:2}.project-meta span{font-size:10px}.project-meta h3{margin:0;font-size:28px}.project-meta p{margin:0;color:#ddd;font-size:12px}.project-meta b{font-size:10px;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.masonry{columns:3 320px;column-gap:18px}.masonry figure{break-inside:avoid;margin:0 0 18px;background:#edeae2;color:#111;overflow:hidden;position:relative;cursor:zoom-in}.masonry img{width:100%;display:block;transition:transform .6s}.masonry figure:hover img{transform:scale(1.02)}figcaption{display:flex;justify-content:space-between;gap:18px;padding:16px;font-size:12px}figcaption span{color:#666}.motion{min-height:100vh;padding:140px 9vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10vw;background:radial-gradient(circle at 65% 50%,#394044,#16181a 48%,#111214 75%)}.motion-copy p:not(.section-no){max-width:500px;color:#b2b1ad;line-height:1.8}.phone{height:72vh;max-height:760px;border:1px solid #4a4f52;border-radius:38px;padding:10px;background:#0d0e0f;box-shadow:0 50px 120px #0008;overflow:hidden}.phone video{width:100%;height:100%;object-fit:cover;border-radius:29px}.about .role{font-family:var(--serif);font-style:italic;color:#eee}.services{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.services span{border:1px solid #45494c;border-radius:99px;padding:10px 14px;font-size:12px;color:#c1c3c4}footer{padding:110px 7vw 35px;border-top:1px solid var(--line);background:#0d0e0f}footer>div{display:flex;align-items:center;gap:30px}footer img{width:80px;height:80px;object-fit:contain}footer h2{font-size:clamp(36px,6vw,90px);max-width:1000px;letter-spacing:-.05em;font-weight:500}footer>a{display:inline-block;color:white;text-decoration:none;font-size:20px;border-bottom:1px solid #666;padding-bottom:8px}footer>p{margin-top:90px;color:#777;font-size:11px}.reveal{opacity:0;transform:translateY(35px);animation:reveal 1.2s .25s forwards}@keyframes reveal{to{opacity:1;transform:none}}.modal,.lightbox{position:fixed;inset:0;z-index:200;background:#0d0f10f5;display:none;overflow:auto}.modal.open,.lightbox.open{display:block}.modal-close,.lightbox-close{position:fixed;right:28px;top:22px;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid #777;background:#17191b;color:#fff;font-size:28px;cursor:pointer}.modal-inner{max-width:1280px;margin:auto;padding:100px 28px}.modal-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.modal-hero img{width:100%;max-height:70vh;object-fit:cover}.modal-hero h2{font-size:clamp(48px,7vw,100px);line-height:.95;margin:12px 0 22px}.modal-hero p{color:#bbb;line-height:1.8}.modal-story{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3b3e40;margin-top:60px}.modal-story>div{background:#17191b;padding:34px}.modal-story span{font-size:10px;letter-spacing:.2em;color:#888}.modal-story p{line-height:1.7;color:#ccc}.lightbox{padding:80px 6vw;text-align:center}.lightbox img{max-width:100%;max-height:78vh;object-fit:contain;background:#eee}.lightbox h3{font-size:30px;margin-bottom:6px}.lightbox p{color:#aaa}.body-lock{overflow:hidden}@media(max-width:850px){:root{--bg:#17191b;--panel:#202326}.nav{background:linear-gradient(#17191bf2,transparent)}.nav nav{display:none}.hero{padding:0 24px 70px;min-height:650px}.hero video{opacity:.5;filter:grayscale(.2) brightness(.9)}.hero-overlay{background:linear-gradient(0deg,#17191b 0%,#17191b99 48%,transparent 90%)}.hero-story{display:none}.intro,.about{grid-template-columns:1fr;padding:100px 24px;background:#1b1e20}.projects,.technical{padding:100px 14px}.section-head{display:block;padding:0 10px 40px}.project-grid{grid-template-columns:1fr}.project-meta{grid-template-columns:30px 1fr}.project-meta p,.project-meta b{display:none}.motion{grid-template-columns:1fr;padding:100px 24px;background:linear-gradient(#252a2d,#191b1d)}.phone{height:65vh}.masonry{columns:2 150px}.cursor{display:none}footer{padding:80px 24px 30px}.modal-hero{grid-template-columns:1fr}.modal-story{grid-template-columns:1fr}.modal-inner{padding:85px 16px}.lightbox{padding:75px 12px}}