:root{--bg:#080a0d;--fg:#f3f4f6;--red:#f33545;--pad:clamp(24px,5vw,88px)}
body{font-family:Inter,Arial,sans-serif;background:#080a0d}h1,h2,h3{font-family:Outfit,Arial,sans-serif!important;letter-spacing:-.025em!important;font-weight:500!important}p{letter-spacing:0!important}#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ambient-light{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 30%,#c31d3220,transparent 55%),radial-gradient(ellipse at 0 90%,#35506916,transparent 55%);z-index:0}main,footer{position:relative}.header{background:linear-gradient(#080a0de8,transparent)}.header.scrolled{background:#080a0de8}.header-note{font-size:9px}.header nav{font-size:13px}.brand{width:115px}
.hero-track{height:125svh}.hero{background:transparent;min-height:720px}.hero-grid{background:radial-gradient(ellipse at 80% 50%,#ee303812,transparent 55%)}#scene,#scene-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.64;pointer-events:none}.hero-shade{background:linear-gradient(90deg,#080a0de0,transparent 85%),linear-gradient(0deg,#080a0d,transparent 28%)}.hero h1{font-size:clamp(62px,7vw,120px);line-height:1.1;top:34%;font-weight:600!important;letter-spacing:-.03em!important}.outline{-webkit-text-stroke:0;color:#f33545}.hero-top{font-size:11px;top:24%}.hero-bottom p{font-size:15px;color:#c5c8ce}.circle-link{background:#14161aaa;border-color:#ffffff50}.hero-index{color:#a8afb8}.scene-label{color:#bda3aa}
.section{padding:100px var(--pad)}.section-label{color:#aab0bc;margin-bottom:45px}.statement,.services,.about,.contact{background:linear-gradient(120deg,#0c0e13b0,#0a0d1290 60%,#1a101490);color:var(--fg);clip-path:none!important;isolation:isolate;border-top:1px solid #ffffff12;overflow:hidden}.statement h2,.services h2,.about h2{font-size:clamp(42px,5.3vw,82px);line-height:1.14;transform:none!important}.statement h2>span:not(.red),.services h2>span,.about h2 span{color:#a2a9b6}.statement-bottom{margin-top:48px;grid-template-columns:.4fr 1.3fr .65fr}.statement-bottom p{font-size:15px;color:#bdc3cd;line-height:1.8}.text-link{border-color:#ffffff40}.asterisk{font-size:80px}.section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 30%,#e8313b07 50%,transparent 75%);pointer-events:none}.section:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ed394588,transparent);transform:scaleX(var(--seam,1));transform-origin:30% 50%;box-shadow:0 0 30px #ef304566;pointer-events:none}
.work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1240px;margin:auto;padding:75px 34px 105px}.work-heading{grid-column:1/-1;padding:0 0 15px}.work-heading h2{font-size:clamp(40px,4.6vw,68px)}.work-heading h2 sup{letter-spacing:0;margin-top:10px}.work-heading .section-label{margin-bottom:25px}.project{position:relative;top:auto;min-height:0;display:block;border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(145deg,#171b23e8,#0b0d11f0);box-shadow:0 20px 50px #0003;isolation:isolate;overflow:hidden;transition:border-color .4s,box-shadow .4s}.project:before{opacity:.06}.project:hover{border-color:#f3354566;box-shadow:0 25px 60px #0007}.project-inner{padding:24px!important;transform:none!important;opacity:1!important;display:flex;flex-direction:column}.project-top{font-size:8px;gap:15px;min-height:27px}.project-top>span:last-child{max-width:190px;text-align:right}.project-title{margin:14px 0 22px;gap:10px}.project-title h3{font-size:clamp(23px,2.6vw,38px);letter-spacing:-.02em!important}.project-go{width:43px;height:43px;font-size:26px;flex-shrink:0}.project-stage{display:block}.project-screen{border-radius:8px;box-shadow:0 18px 28px #0005}.project-screen img{height:auto!important;aspect-ratio:1.62;object-fit:cover;object-position:top}.browser-bar{height:24px}.project-side,.project-count{display:none}.project-foot{display:block;padding-top:22px}.project-foot p{font-size:12px;line-height:1.8;min-height:45px;color:#b9c0cc}.tags{margin-top:17px;gap:7px}.tags span{font-size:9px;padding:7px 10px;background:#ffffff04;border-color:#ffffff19}
.services-layout{gap:65px;margin-top:48px}.service-list details{border-color:#ffffff25}.service-list details:last-child{border-color:#ffffff25}.service-list h3{font-size:clamp(22px,2.3vw,33px)}.service-list summary{padding:25px 0}.service-list summary .mono{color:#9aa5b7}.service-detail p{color:#b8c0cf;font-size:14px}.service-detail a{border-color:#ffffff40}.service-visual{position:sticky;top:105px;align-self:start;min-height:440px;height:470px;border:1px solid #ffffff1e;border-radius:20px;background-color:#10141b;background-image:linear-gradient(#9db4da09 1px,transparent 1px),linear-gradient(90deg,#9db4da09 1px,transparent 1px);box-shadow:inset 0 0 100px #f3354510,0 30px 60px #0005}.visual-top,.visual-bottom{color:#9faabb}.slab-c{background:#8792a633;border-color:#a9b1c755}.slab-c i{background:#a9b1c733;border-color:#a9b1c755}.service-visual[data-mode="1"] .slab{background:#202631}.service-visual[data-mode="1"] .slab-a{background:var(--red)}.slab{box-shadow:15px 28px 35px #0008}.about{padding-bottom:0}.about-layout{gap:8vw}.about-big{font-family:Outfit,Arial,sans-serif;font-size:clamp(26px,3vw,42px);letter-spacing:0!important}.about-copy>p+p{color:#b4bcc9}.about-big span{color:#a4acb9}.signature{font-family:Outfit;font-size:65px}.ticker{color:#59616f;font-size:clamp(35px,6vw,80px);letter-spacing:0;padding:22px 0;margin-top:60px;background:#080a0d70}.contact{background:radial-gradient(ellipse at 85% 70%,#72182966,transparent 65%),linear-gradient(130deg,#0d111990,#0b0c12a0)}.contact h2{font-size:clamp(50px,7.5vw,110px);line-height:1.12;font-weight:600!important;letter-spacing:-.025em!important}.contact h2>span{color:#f33545}.contact h2>a{border-color:#f3354588;color:#f33545;background:#f335450c;width:150px;height:150px;font-size:85px;top:25%}.contact h2>a:hover{background:var(--red);color:white}.contact .section-label>span:first-child:before{color:var(--red)}.contact-lines i{border-color:#f3354522}.contact-bottom{border-color:#ffffff25;margin-top:50px}.contact-bottom p{color:#b4becb}.contact-bottom>div>a{font-size:30px;letter-spacing:0}.contact-bottom .phone{font-size:15px}footer{background:#080a0dee;border-top:1px solid #ffffff15}
.cinema-panel{--entry:0;transform:perspective(1600px) translate3d(0,calc(var(--entry)*55px),0) rotateX(calc(var(--entry)*5deg));transform-origin:50% 0;clip-path:inset(0 calc(var(--entry)*2.5%) 0 round calc(var(--entry)*22px));will-change:transform}.project.cinema-panel{transform:perspective(1200px) translate3d(calc(var(--side,1)*var(--entry)*35px),calc(var(--entry)*70px),0) rotateY(calc(var(--side,1)*var(--entry)*-7deg));clip-path:none}.project:nth-child(odd){--side:-1}
@media(max-width:1050px){.services-layout{gap:30px}.hero h1{font-size:7.8vw}.contact h2>a{width:115px;height:115px;font-size:70px}.work{gap:22px;padding-inline:25px}.project-inner{padding:19px!important}.project-top>span:last-child{max-width:130px}.hero-bottom p{font-size:13px}}
@media(max-width:700px){.header nav{background:#10131a}.hero-track{height:112svh}.hero{min-height:690px}.hero h1{font-size:10.3vw;top:36%;left:24px;line-height:1.18}.hero-top{top:24%;font-size:9px}.hero-bottom{bottom:9%;gap:13px}.hero-bottom p{font-size:12px}.circle-link{width:86px;height:86px}.hero-shade{background:linear-gradient(90deg,#080a0d99,transparent),linear-gradient(0deg,#080a0d,transparent 60%)}#scene,#scene-fallback{opacity:.5}.section{padding:66px 24px}.section-label{font-size:8px;margin-bottom:32px}.statement h2,.services h2,.about h2{font-size:10vw;line-height:1.2}.statement-bottom{grid-template-columns:40px 1fr;gap:20px;margin-top:30px}.statement-bottom p{font-size:13px}.asterisk{font-size:46px}.work{grid-template-columns:1fr;padding:60px 22px;gap:24px}.work-heading{padding:0 0 10px}.work-heading h2{font-size:10vw}.project-title h3{font-size:29px}.project-inner{padding:20px!important}.project-top>span:last-child{max-width:150px}.project-foot p{min-height:0}.services-layout{gap:26px;margin-top:30px}.service-visual{position:relative;top:auto;height:330px;min-height:330px}.service-list h3{font-size:24px}.about-layout{gap:28px}.about-big{font-size:27px}.about{padding-bottom:0}.ticker{margin-top:35px}.contact h2{font-size:10.8vw}.contact h2>a{position:relative;top:auto;margin-top:25px;width:76px;height:76px;font-size:48px}.contact-bottom{margin-top:30px}.contact-bottom>div>a{font-size:27px}.cinema-panel{transform:translate3d(0,calc(var(--entry)*25px),0);clip-path:none}.project.cinema-panel{transform:translate3d(0,calc(var(--entry)*30px),0)}.hero-line{padding-right:0}}
@media(prefers-reduced-motion:reduce){.cinema-panel,.project.cinema-panel{transform:none!important;clip-path:none!important;will-change:auto}}
html.motion-paused .cinema-panel{transform:none!important;clip-path:none!important;will-change:auto}
.scene-transition{height:170px;position:relative;overflow:hidden;perspective:900px;isolation:isolate;background:linear-gradient(0deg,#080a0d00,#080a0d80,#080a0d00)}.scene-transition i{position:absolute;left:-10%;width:120%;height:95px;top:40px;background:linear-gradient(180deg,#1c2029,#090b10);border-top:1px solid #f3354580;box-shadow:0 -8px 35px #f3354515;transform:rotate(-4deg) translate3d(calc((var(--gate,.5) - .5)*180px),calc((var(--gate,.5) - .5)*-50px),0);transform-origin:50% 50%}.scene-transition i:nth-child(2){top:65px;left:10%;width:100%;background:#111620;transform:rotate(4deg) translate3d(calc((var(--gate,.5) - .5)*-200px),0,0);border-color:#8292ad33}.scene-transition i:nth-child(3){top:83px;height:1px;left:0;width:100%;background:linear-gradient(90deg,transparent,#ff344d,#ffc1c8,#ff344d,transparent);border:0;box-shadow:0 0 22px #ff344d88;transform:rotate(-4deg) scaleX(calc(.35 + var(--gate,.5)*.8));animation:seamPulse 4s ease-in-out infinite alternate}.scene-transition span{position:absolute;right:5%;bottom:18px;font:8px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#88909f;z-index:1}@keyframes seamPulse{to{opacity:.5;filter:brightness(1.4)}}@media(max-width:700px){.scene-transition{height:110px}.scene-transition i{top:20px;height:65px}.scene-transition i:nth-child(2){top:38px}.scene-transition i:nth-child(3){top:45px}.scene-transition span{font-size:7px;bottom:10px}}@media(prefers-reduced-motion:reduce){.scene-transition{height:60px}.scene-transition i{transform:none!important;animation:none!important}}html.motion-paused .scene-transition i{transform:none!important;animation:none!important}