:root{--bg:#111;--fg:#f1f0e9;--red:#ee3038;--muted:#9b9b96;--line:#ffffff24;--pad:clamp(22px,4.6vw,88px);--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;overflow-x:clip}::selection{background:var(--red);color:white}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{font-style:normal}button{color:inherit}.mono{font:400 10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em}.red{color:var(--red)}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:10px}.header{height:100px;padding:0 var(--pad);display:flex;align-items:center;gap:3vw;position:fixed;inset:0 0 auto;z-index:50;transition:background .35s,height .35s}.header.scrolled{height:76px;background:#111e;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{width:108px;flex-shrink:0}.brand img{height:67px;object-fit:contain}.header-note{color:#aaa;font-size:8px}.header nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:12px;font-weight:600}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:currentColor;transition:width .4s}.header nav a:hover:after{width:100%}sup{font:10px 'IBM Plex Mono',monospace;color:var(--red);vertical-align:top}.nav-contact{padding:13px 17px;border:1px solid #ffffff40;border-radius:2px}.nav-contact span{margin-left:25px;color:var(--red)}.menu{display:none}.hero-track{height:145svh;position:relative}.hero{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;background:#111}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff09 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff09 75%,transparent calc(75% + 1px)),radial-gradient(ellipse at 70% 60%,#3a1718,transparent 65%)}#scene{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1117,transparent 60%),linear-gradient(0deg,#111,transparent 25%);pointer-events:none}.hero-top{position:absolute;top:23%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:#bbb;z-index:2}.status{display:inline-block;width:5px;height:5px;background:var(--red);margin:0 10px 1px 0;box-shadow:0 0 14px #ee3038}.hero h1{position:absolute;left:var(--pad);top:33%;font-size:clamp(62px,8.8vw,165px);font-weight:800;line-height:1.02;letter-spacing:-.077em;z-index:3;white-space:nowrap;transform:translate3d(0,calc(var(--hero-p,0)*-90px),0);opacity:calc(1 - var(--hero-p,0)*.85)}.hero-line{display:block;overflow:hidden;padding-right:15px}.hero-line>span{display:block;animation:titleIn 1.5s var(--ease) both}.hero-line:nth-child(2)>span{animation-delay:.13s}.outline{color:transparent;-webkit-text-stroke:1.2px #f1f0e9;transform:translateX(calc(var(--hero-p,0)*70px))}.hero-bottom{position:absolute;bottom:8%;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px;z-index:3}.hero-bottom p{font-size:clamp(13px,1.1vw,17px);line-height:1.8;color:#c2c1bb}.circle-link{width:116px;height:116px;border:1px solid #ffffff65;border-radius:50%;justify-self:center;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .4s,transform .4s}.circle-link span{font:9px/1.6 'IBM Plex Mono',monospace}.circle-link b{font-size:30px;font-weight:400}.circle-link:hover{background:var(--red);border-color:var(--red);transform:rotate(-8deg)}.hero-index{justify-self:end;color:#aaa}.small-line{width:100%;height:1px;background:#fff3;margin:15px 0;position:relative}.small-line:after{content:'';position:absolute;width:35px;height:1px;background:var(--red);animation:lineTravel 3s infinite alternate ease-in-out}.scene-label{position:absolute;right:var(--pad);top:62%;font-size:8px;color:#ad777a;display:flex;flex-direction:column;gap:4px}.section{padding:110px var(--pad);position:relative}.section-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:75px}.section-label>span:first-child:before{content:'+';color:var(--red);margin-right:15px}.statement{background:var(--fg);color:#171717;z-index:4;margin-top:-1px;clip-path:polygon(0 var(--cut,0%),100% 0,100% 100%,0 100%)}.statement h2{font-size:clamp(43px,7.1vw,120px);line-height:1.06;letter-spacing:-.065em;font-weight:600}.statement h2>span:not(.red){color:#989892}.statement-bottom{display:grid;grid-template-columns:1fr 1fr .55fr;gap:5vw;align-items:end;margin-top:65px}.statement-bottom p{font-size:16px;line-height:1.85;max-width:420px}.asterisk{color:var(--red);font-size:110px;line-height:1;display:inline-block;width:max-content;animation:asteriskTurn 24s linear infinite}.text-link{padding-bottom:12px;border-bottom:1px solid #171717;display:flex;justify-content:space-between;font-size:12px}.work{position:relative}.work-heading{padding-bottom:75px}.work-heading .section-label{margin-bottom:40px}.work-heading h2{font-size:clamp(42px,6.6vw,106px);letter-spacing:-.07em;font-weight:500}.work-heading h2 sup{font-size:14px;margin:12px 0 0 15px;display:inline-block}.project{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;border-top:1px solid #ffffff30;overflow:clip;isolation:isolate;--accent:#ff403b;background:#191919;box-shadow:0 -20px 70px #0005}.project:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 70%,var(--accent),transparent 64%);opacity:.13;z-index:-1}.project-nexus{--accent:#b8f94a;background:#161b18}.project-pro{--accent:#c8a780;background:#211e1a}.project-nnmn{--accent:#a8bfc8;background:#182125}.project-inner{width:100%;padding:102px var(--pad) 36px;transform:scale(var(--project-scale,1));transform-origin:50% 15%;opacity:var(--project-opacity,1);will-change:transform}.project-top{display:flex;justify-content:space-between;color:#b6b6af;font-size:9px;gap:20px}.project-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 26px}.project-title h3{font-size:clamp(42px,6.2vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.05}.project-go{font-size:44px;border:1px solid #fff4;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;transition:background .3s,color .3s,transform .3s}.project-go:hover{background:var(--fg);color:#111;transform:rotate(45deg)}.project-stage{display:grid;grid-template-columns:1fr .3fr;gap:5vw;align-items:center;perspective:1500px}.project-screen{display:block;box-shadow:0 30px 60px #0005;transform:perspective(1400px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .5s var(--ease);position:relative;overflow:hidden;border:1px solid #ffffff2e}.project-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff2 45%,transparent 65%);transform:translateX(-120%);transition:transform 1.1s}.project-screen:hover:after{transform:translateX(120%)}.browser-bar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:7px;background:#202020;color:#aaa}.browser-bar>span:first-child{letter-spacing:4px;color:#646464}.project-screen img{width:100%;height:clamp(230px,36vh,510px);object-fit:cover;object-position:top;transition:transform 1.5s var(--ease)}.project-screen:hover img{transform:scale(1.025)}.project-side>.mono{font-size:8px;color:var(--accent)}.project-side p{font-size:clamp(19px,2.05vw,35px);letter-spacing:-.04em;line-height:1.4;margin-top:20px}.project-side em{color:#939b96}.vertical-rule{display:block;width:1px;height:75px;background:linear-gradient(var(--accent),transparent);margin-top:25px}.project-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:27px}.project-foot p{font-size:12px;color:#b3b3ae;line-height:1.8}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font:9px 'IBM Plex Mono',monospace;border:1px solid #ffffff30;border-radius:40px;padding:8px 12px}.project-count{color:#aaa}.services{z-index:5;background:#eeede6;color:#171717;padding-top:115px;border-radius:0}.services h2{font-size:clamp(50px,7vw,115px);line-height:1.03;letter-spacing:-.07em;font-weight:500}.services h2>span{color:#97978f}.services-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;margin-top:65px}.service-list details{border-top:1px solid #17171740}.service-list details:last-child{border-bottom:1px solid #17171740}.service-list summary{display:grid;grid-template-columns:35px 1fr 25px;gap:10px;align-items:center;cursor:pointer;padding:27px 0;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary .mono{color:#8e8e85}.service-list h3{font-size:clamp(21px,2.1vw,34px);font-weight:500;letter-spacing:-.055em}.service-list summary b{font-size:25px;font-weight:400;transition:transform .3s}.service-list details[open] summary b{transform:rotate(90deg);color:var(--red)}.service-list details[open] h3{color:var(--red)}.service-detail{padding:0 35px 28px 45px}.service-detail p{font-size:14px;line-height:1.9;color:#55574f;max-width:460px}.service-detail a{font-size:12px;margin-top:23px;display:inline-block;border-bottom:1px solid #aaa;padding-bottom:5px}.service-visual{position:relative;background:#dcdbd3;min-height:450px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background-image:linear-gradient(#1111 1px,transparent 1px),linear-gradient(90deg,#1111 1px,transparent 1px);background-size:40px 40px}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:8px;color:#666;z-index:2}.assembly{position:absolute;left:50%;top:51%;width:65%;height:50%;transform:translate(-50%,-50%);perspective:900px}.slab{position:absolute;inset:0;background:#171717;border:1px solid #53534f;box-shadow:12px 20px 25px #0003;transform:rotateX(53deg) rotateZ(-32deg) translateZ(0px);transition:transform 1s var(--ease),background .8s,border-radius .8s;display:flex;align-items:center;justify-content:center;gap:10px;animation:slabFloat 5s ease-in-out infinite alternate}.slab-a{transform:rotateX(53deg) rotateZ(-32deg) translateZ(-80px);background:var(--red);border-color:#fc7479;animation-delay:-2s}.slab-b{transform:rotateX(53deg) rotateZ(-32deg) translateZ(5px);background:#171717}.slab-c{transform:rotateX(53deg) rotateZ(-32deg) translateZ(90px);background:#eee9;border-color:#fff;animation-delay:-4s}.slab span{font-size:70px;font-weight:800;color:var(--red);letter-spacing:-.08em}.slab i{width:15%;height:45%;border:1px solid #ffffff65;display:block}.slab-c i{background:#8883;border-color:#3334;width:35%;height:40%}.service-visual[data-mode="1"] .slab{transform:rotateX(38deg) rotateZ(25deg) translateZ(0);background:#eee}.service-visual[data-mode="1"] .slab-a{transform:rotateX(38deg) rotateZ(25deg) translateZ(-70px);background:var(--red)}.service-visual[data-mode="1"] .slab-c{transform:rotateX(38deg) rotateZ(25deg) translateZ(90px)}.service-visual[data-mode="2"] .slab{inset:-12% 24%;border-radius:22px;transform:rotateX(12deg) rotateY(-25deg) translateZ(0)}.service-visual[data-mode="2"] .slab-a{transform:rotateX(12deg) rotateY(-25deg) translateZ(-70px)}.service-visual[data-mode="2"] .slab-c{transform:rotateX(12deg) rotateY(-25deg) translateZ(60px)}.service-visual[data-mode="3"] .slab-a{transform:rotateX(55deg) rotateZ(45deg) translate(-40%,-30%);background:var(--red)}.service-visual[data-mode="3"] .slab-b{transform:rotateX(55deg) rotateZ(45deg) translate(40%,30%)}.service-visual[data-mode="3"] .slab-c{transform:rotateX(55deg) rotateZ(45deg) translate(10%,-50%)}.about{z-index:6;background:#111;padding-bottom:0;overflow:hidden}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.about h2{font-size:clamp(50px,6.6vw,110px);line-height:1.06;letter-spacing:-.07em;font-weight:500}.about h2 span{color:#74746e}.signature{display:block;color:var(--red);font-size:80px;letter-spacing:-.13em;font-weight:800;margin-top:50px;transform:skew(-13deg)}.about-big{font-size:clamp(24px,2.9vw,45px);letter-spacing:-.04em;line-height:1.4}.about-big span{color:#85857f}.about-copy>p+ p{font-size:14px;line-height:1.9;color:#aaa;margin-top:30px}.about-values{margin-top:32px;font-size:12px}.about-values span{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding:15px 0}.about-values b{color:var(--red)}.ticker{margin:90px calc(-1 * var(--pad)) 0;border-top:1px solid #fff2;overflow:hidden;padding:25px 0;color:#77766f;white-space:nowrap;font-size:clamp(45px,8vw,120px);font-weight:600;letter-spacing:-.07em;line-height:1}.ticker>div{width:max-content;animation:ticker 25s linear infinite}.contact{z-index:7;background:var(--red);color:#151515;overflow:hidden;padding-bottom:75px}.contact .section-label>span:first-child:before{color:#151515}.contact h2{font-size:clamp(58px,10.2vw,165px);line-height:.99;letter-spacing:-.075em;font-weight:800;position:relative;z-index:1}.contact h2>span{color:#f2eee5}.contact h2>a{position:absolute;right:2%;top:16%;width:clamp(95px,15vw,230px);height:clamp(95px,15vw,230px);border:1px solid #1118;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:clamp(65px,10vw,150px);transition:background .4s,color .4s,transform .5s}.contact h2>a:hover{background:#111;color:var(--fg);transform:rotate(45deg)}.contact-bottom{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;border-top:1px solid #1115;margin-top:75px;padding-top:35px}.contact-bottom p{font-size:14px;line-height:1.8}.contact-bottom>div>a{display:block;font-size:clamp(20px,2.7vw,44px);letter-spacing:-.05em}.contact-bottom .phone{font-size:14px;margin-top:15px;letter-spacing:0}.contact-lines{position:absolute;inset:0;pointer-events:none}.contact-lines i{position:absolute;right:-10%;top:-40%;height:160%;width:35%;border:1px solid #1112;transform:rotate(30deg);animation:contactSweep 12s ease-in-out infinite alternate}.contact-lines i:nth-child(2){right:0;animation-delay:-2s}.contact-lines i:nth-child(3){right:10%;animation-delay:-4s}.contact-lines i:nth-child(4){right:20%;animation-delay:-6s}.contact-lines i:nth-child(5){right:30%;animation-delay:-8s}footer{display:flex;align-items:center;gap:30px;padding:20px var(--pad);font-size:11px;position:relative;z-index:8;background:#111}footer img{width:85px;height:58px;object-fit:contain}footer .mono{margin-left:auto;font-size:8px;color:#999}footer button{border:0;background:none;border-bottom:1px solid #ffffff40;color:#aaa;padding:8px 0;font-size:10px}.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal-ready.in{opacity:1;transform:none}@keyframes titleIn{from{transform:translateY(110%) rotate(3deg)}to{transform:none}}@keyframes lineTravel{to{transform:translateX(130px)}}@keyframes asteriskTurn{to{transform:rotate(360deg)}}@keyframes slabFloat{from{translate:0 -7px}to{translate:0 7px}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes contactSweep{to{translate:50px 50px}}
@media(min-width:1700px){.hero-bottom{bottom:10%}.hero-top{top:24%}}@media(max-width:1050px){.header-note{display:none}.header nav{gap:22px}.hero{min-height:660px}.hero h1{font-size:9vw}.hero-index{font-size:8px}.project-side p{font-size:23px}.project-stage{grid-template-columns:1fr .32fr;gap:3vw}.project-foot{flex-wrap:wrap}.project-count{display:none}.services-layout{gap:4vw}.service-visual{min-height:400px}.section{padding-top:85px;padding-bottom:85px}.about{padding-bottom:0}.section-label{margin-bottom:50px}.contact-bottom{grid-template-columns:1fr 1fr}.top-link{grid-column:1/-1}.about-layout{gap:6vw}footer .mono{display:none}footer button{margin-left:auto}}
@media(max-width:700px){html{scroll-padding-top:70px}.header{height:76px}.brand{width:88px}.brand img{height:56px}.menu{display:block;margin-left:auto;border:1px solid #fff4;background:#111;width:44px;height:44px;padding:12px}.menu i{height:1px;background:#eee;display:block;margin:5px 0;transition:transform .25s}.menu[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#171717;padding:25px var(--pad) 35px;border-bottom:1px solid #fff4;flex-direction:column;align-items:stretch;font-size:23px;gap:23px}.header.open nav{display:flex}.header nav .nav-contact{font-size:16px}.hero-track{height:115svh}.hero{min-height:680px;max-height:950px}.hero-top{top:23%;font-size:8px}.hero-top>span:last-child{display:none}.hero h1{top:33%;font-size:9.6vw;letter-spacing:-.075em;line-height:1.15;left:22px}.hero-shade{background:linear-gradient(0deg,#111,transparent 60%)}.hero-bottom{grid-template-columns:1fr auto;bottom:9%;align-items:center}.hero-bottom p{font-size:12px}.circle-link{width:88px;height:88px}.circle-link span{font-size:7px}.circle-link b{font-size:20px}.hero-index{display:none}.scene-label{top:62%;font-size:7px}#scene{opacity:.75}.section{padding:65px 22px}.section-label{font-size:8px;margin-bottom:40px}.section-label>span:last-child{max-width:140px;text-align:right}.statement h2{font-size:11.5vw}.statement-bottom{grid-template-columns:60px 1fr;gap:25px;margin-top:40px}.asterisk{font-size:70px}.statement-bottom p{font-size:13px}.statement-bottom .text-link{grid-column:2}.work-heading h2{font-size:11vw}.work-heading h2 sup{font-size:10px;margin-left:8px}.work-heading{padding-bottom:40px}.project{position:relative;min-height:auto;box-shadow:none}.project-inner{padding:50px 22px}.project-top{font-size:7px;align-items:start}.project-top>span:last-child{text-align:right;max-width:150px}.project-title{margin:24px 0}.project-title h3{font-size:11vw}.project-go{width:45px;height:45px;font-size:27px;flex-shrink:0}.project-stage{grid-template-columns:1fr;gap:20px}.project-screen img{height:260px}.project-side{display:none}.project-foot{padding-top:22px;gap:20px}.project-foot p{font-size:12px}.tags span{font-size:8px}.services h2{font-size:13vw}.services-layout{grid-template-columns:1fr;margin-top:38px}.service-list h3{font-size:26px}.service-list summary{padding:25px 0}.service-detail p{font-size:13px}.service-visual{min-height:330px;grid-row:1}.assembly{width:53%;height:47%}.visual-top,.visual-bottom{font-size:7px}.about{padding-bottom:0}.about-layout{grid-template-columns:1fr;gap:35px}.about h2{font-size:14vw}.signature{display:none}.about-big{font-size:29px}.about-copy>p+p{font-size:13px}.ticker{margin-top:50px}.contact h2{font-size:12.8vw;line-height:1.09}.contact h2>a{position:relative;margin-top:30px;right:auto;width:80px;height:80px;font-size:55px}.contact-bottom{grid-template-columns:1fr;gap:27px;margin-top:35px;padding-top:28px}.contact-bottom>div>a{font-size:30px}.contact .section-label{font-size:7px}.contact .section-label>span:last-child{display:none}footer{padding:20px 22px;gap:18px;flex-wrap:wrap}footer>span{font-size:9px}footer button{font-size:9px}.outline{-webkit-text-stroke:.8px #f1f0e9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:100svh}.hero h1{transform:none!important;opacity:1!important}.outline{transform:none!important}.project{position:relative}.project-inner{transform:none!important;opacity:1!important}.reveal-ready{opacity:1;transform:none}}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}html.motion-paused .hero h1,html.motion-paused .outline,html.motion-paused .project-inner{transform:none!important;opacity:1!important}