:root{--l-bg:#f1f1f8;--l-ink:#101116;--l-blue:#253bff}.grain{opacity:.055}.cursor-cross{display:none}.nav{height:96px;position:absolute;background:transparent;color:var(--l-ink);border:0;grid-template-columns:1fr 1.25fr auto;padding:0 5vw;backdrop-filter:none}.nav .mark b{background:none;color:inherit;padding:0;font-size:25px;letter-spacing:.03em}.nav>p{margin:0;font:clamp(16px,1.7vw,27px)/1.05 Arial;letter-spacing:-.04em}.nav-actions{display:flex;gap:10px;align-items:center}.talk,.menu-btn{height:48px;border:0;border-radius:999px;padding:0 24px;background:#181a22;color:white;font:bold 10px Arial;letter-spacing:.02em;display:flex;align-items:center;gap:20px}.talk i,.menu-btn i{font-style:normal}.menu-btn{background:#e4e4eb;color:#15161a;cursor:pointer}.work-menu{position:fixed;z-index:100;top:12px;right:12px;width:min(700px,calc(100vw - 24px));height:calc(100vh - 24px);background:#15161b;color:#f3f3ee;border-radius:26px;padding:24px;transform:translateX(calc(100% + 30px));transition:transform .7s cubic-bezier(.2,.9,.2,1);box-shadow:0 30px 80px #0008}.work-menu.open{transform:none}.menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff33;font:10px monospace}.menu-close{border:1px solid #ffffff66;background:transparent;color:white;border-radius:999px;padding:10px 16px;cursor:pointer}.work-menu nav{display:grid}.work-menu nav a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;border-bottom:1px solid #ffffff2a;padding:18px 5px;transition:.25s}.work-menu nav a:hover{padding-left:18px;background:#253bff}.work-menu small,.work-menu span{font:9px monospace}.work-menu b{font-size:clamp(26px,4vw,46px);letter-spacing:-.045em}.hero{height:auto;min-height:100vh;background:var(--l-bg);color:var(--l-ink);padding:120px 5vw 38px;display:grid;grid-template-columns:.68fr 1.32fr;gap:4vw}.hero:after{display:none}.hero-intro{padding-top:22px}.hero-intro>span{font:10px monospace}.hero-intro h1{position:static;margin:12vh 0 26px;font-size:clamp(62px,8vw,132px);line-height:.82;letter-spacing:-.085em;mix-blend-mode:normal}.hero-intro p{font-size:clamp(16px,1.45vw,23px);line-height:1.4}.experience{height:calc(100vh - 158px);min-height:610px;border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 45%,#2f3fff 0,#1521a7 17%,#151722 52%,#0c0d12 100%);perspective:1100px;isolation:isolate}.experience:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff1c 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff1c 50%,transparent 50.1%);z-index:1}.experience:after{content:"";position:absolute;width:80%;height:40%;left:10%;bottom:-25%;border-radius:50%;background:#5060ff;filter:blur(90px);opacity:.8}.orb{position:absolute;border-radius:50%;filter:blur(2px);box-shadow:inset -25px -35px 60px #0008,0 30px 60px #0007;z-index:2;animation:orbit 9s ease-in-out infinite alternate}.orb-a{width:190px;height:190px;left:13%;top:18%;background:radial-gradient(circle at 35% 25%,#fff,#9ca4ff 20%,#182be9 58%,#05071a)}.orb-b{width:115px;height:115px;right:12%;bottom:18%;background:radial-gradient(circle at 35% 30%,#f0f0f5,#777 25%,#111 65%);animation-delay:-3s}@keyframes orbit{to{transform:translate3d(30px,-24px,70px) rotate(15deg)}}.float-card{position:absolute;margin:0;min-height:0;border:0;border-radius:14px;overflow:hidden;z-index:3;box-shadow:0 22px 60px #0009;will-change:transform;transition:transform .18s ease-out}.float-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.8)}.float-card figcaption{font:8px monospace;padding:7px 9px}.card-a{width:46%;height:47%;left:26%;top:18%;transform:rotate(-4deg)}.card-b{width:36%;height:28%;right:4%;top:10%;transform:rotate(8deg)}.card-c{width:32%;height:31%;left:6%;bottom:7%;transform:rotate(6deg)}.scene-title{position:absolute;z-index:4;left:5%;bottom:6%;color:white;mix-blend-mode:difference}.scene-title span{font:9px monospace;letter-spacing:.14em}.scene-title b{display:block;font-size:clamp(50px,7vw,110px);line-height:.7;letter-spacing:-.08em}.scene-cursor{position:absolute;z-index:5;right:4%;top:44%;width:74px;height:74px;border-radius:50%;background:#f2f2f7;color:#111;display:grid;place-items:center;text-align:center;font:7px/1.2 monospace}.hero .scroll{position:absolute;left:auto;right:8vw;top:auto;bottom:48px;writing-mode:horizontal-tb;color:white;z-index:8}.manifesto{border-radius:28px 28px 0 0;margin-top:-2px}
.case{scroll-margin-top:0}.archive-head{border-radius:26px 26px 0 0}.case figure{border-radius:18px}.profile{border-radius:26px 26px 0 0}.project-jump{display:none}
@media(max-width:760px){.nav{height:72px;grid-template-columns:1fr auto;padding:0 16px}.nav>p,.talk{display:none}.menu-btn{height:42px;padding:0 17px}.hero{padding:90px 14px 24px;grid-template-columns:1fr;gap:20px}.hero-intro{padding:0}.hero-intro h1{margin:20px 0;font-size:17vw}.hero-intro p{font-size:15px}.experience{height:64vh;min-height:520px;border-radius:20px}.card-a{width:66%;height:40%;left:17%;top:25%}.card-b{width:48%;height:22%;right:2%;top:8%}.card-c{width:45%;height:26%;left:3%;bottom:6%}.orb-a{width:125px;height:125px}.scene-title b{font-size:20vw}.scene-cursor{display:none}.hero .scroll{bottom:35px;right:28px}.work-menu{padding:16px}.work-menu nav a{grid-template-columns:35px 1fr}.work-menu nav a span{display:none}.work-menu b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.orb,.hero-visual img{animation:none}.float-card{transition:none}}
.preloader{position:fixed;z-index:999;inset:0;background:#050507;color:#fff;display:grid;place-items:center;transition:transform 1s cubic-bezier(.8,0,.2,1);overflow:hidden}.preloader.done{transform:translateY(-105%)}.preloader .load-brand{position:absolute;top:40px;left:5vw;font:bold 18px Arial}.preloader b{font:clamp(110px,24vw,380px)/1 Arial;letter-spacing:-.09em}.preloader i{position:absolute;bottom:0;left:0;width:0;height:5px;background:#3148ff;transition:width .12s linear}.featured{background:#111218;color:#f2f2ed;padding:8vw 0 4vw;overflow:hidden}.featured>header{display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:start;padding:0 5vw 5vw}.featured>header span,.featured>header b{font:10px monospace}.featured>header p{font-size:clamp(26px,4vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0}.featured>header b{text-align:right}.featured-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 5vw 30px;scrollbar-width:none;cursor:grab}.featured-track:active{cursor:grabbing}.feature{flex:0 0 min(68vw,940px);height:min(65vh,650px);border-radius:24px;position:relative;overflow:hidden;scroll-snap-align:center;background:#333;isolation:isolate}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b)}.feature img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s}.feature:hover img{transform:scale(1.04);filter:saturate(1.2)}.feature small,.feature h2,.feature>span{position:absolute;z-index:2}.feature small{top:24px;left:26px;font:9px monospace}.feature h2{left:25px;bottom:18px;margin:0;font-size:clamp(48px,7vw,105px);letter-spacing:-.07em}.feature>span{right:25px;bottom:25px;font:11px monospace}.f2,.f4{color:#111}.f2:after,.f4:after{background:linear-gradient(transparent 40%,#ffffffba)}.featured-foot{display:flex;justify-content:space-between;padding:24px 5vw 0;font:10px monospace}.featured-foot a{border-bottom:1px solid;padding-bottom:4px}.featured-track::-webkit-scrollbar{display:none}
@media(max-width:760px){.preloader .load-brand{top:25px}.featured{padding-top:90px}.featured>header{grid-template-columns:1fr 1fr;padding:0 16px 45px}.featured>header p{font-size:30px}.featured>header b{display:none}.featured-track{padding:0 16px 20px;gap:12px}.feature{flex-basis:86vw;height:62vh;border-radius:18px}.feature h2{font-size:13vw}.featured-foot{padding:20px 16px 0}}
@keyframes loaderFailsafe{to{transform:translateY(-105%)}}.preloader{animation:loaderFailsafe .9s 2.5s forwards}.preloader.done{animation:none;transform:translateY(-105%)}