:root{--ink:#090a0d;--ink-2:#101218;--paper:#eeece6;--paper-2:#e4e2dc;--white:#f7f6f2;--muted:#888b96;--blue:#7395ff;--line:rgba(255,255,255,.16);--dark-line:rgba(9,10,13,.17);--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.042;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
.loader{position:fixed;inset:0;z-index:200;background:#08090c;display:flex;flex-direction:column;justify-content:space-between;padding:26px 4.5vw 0;transition:transform 1s var(--ease),opacity .5s}.loader--out{transform:translateY(-105%);opacity:0}.loader__top,.loader__bottom{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.14em;color:#828695}.loader__top span:first-child{font:700 15px var(--display);letter-spacing:.12em;color:white}.loader__core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:28px}.loader__symbol{font:500 clamp(90px,16vw,190px)/.8 var(--display);color:#f4f2ed;letter-spacing:-.12em;position:relative}.loader__symbol span{font-size:.25em;color:var(--blue);position:absolute;right:-.3em;top:.12em}.loader__word{font:9px var(--mono);letter-spacing:.18em;color:#858b9b}.loader__line{height:2px;background:#282b35;margin:0 -4.5vw}.loader__line i{display:block;width:0;height:100%;background:#829cff}.loader__bottom{padding-bottom:19px}.pointer{position:fixed;z-index:150;pointer-events:none;opacity:0;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%}.pointer--outer{width:34px;height:34px;border:1px solid rgba(255,255,255,.65);transition:width .25s,height .25s,background .25s,border-color .25s}.pointer--inner{width:4px;height:4px;background:#fff}.pointer--outer.is-hover{width:62px;height:62px;background:rgba(115,149,255,.13);border-color:#93aaff}
.header{height:88px;position:absolute;z-index:100;top:0;left:0;right:0;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:11px}.logo__icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font:600 22px var(--display);position:relative}.logo__icon span{position:absolute;color:var(--blue);font-size:10px;right:5px;top:3px}.logo__text{font:700 13px var(--display);letter-spacing:.13em}.logo__text small{display:block;margin-top:3px;color:#9397a3;font:7px var(--mono);letter-spacing:.2em}.nav{display:flex;gap:38px;margin-left:auto;margin-right:42px}.nav a{color:#b7bac4;font-size:10px;transition:color .25s}.nav a:hover{color:white}.header-link{display:flex;align-items:center;gap:23px;padding:12px 16px 12px 19px;border:1px solid rgba(255,255,255,.35);border-radius:2px;font-size:9px;transition:background .3s,color .3s,border-color .3s}.header-link b{font-size:17px;font-weight:400;color:var(--blue)}.header-link:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.header-link:hover b{color:#315be3}.menu-button{display:none}
.hero{position:relative;min-height:850px;height:100svh;max-height:1120px;overflow:hidden;background:radial-gradient(ellipse at 72% 47%,#151a2b 0%,#0b0d14 38%,#090a0d 74%);isolation:isolate}.hero__noise-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(to right,black,transparent 82%)}.hero__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}.hero__orb--a{width:500px;height:500px;right:5%;top:15%;background:rgba(43,76,181,.17)}.hero__orb--b{width:330px;height:330px;right:35%;bottom:-28%;background:rgba(74,42,148,.11)}.hero__top{position:absolute;top:117px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#777d8b;font:8px var(--mono);letter-spacing:.13em}.hero__top b{color:var(--blue);padding:0 6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9caeff;box-shadow:0 0 12px #7294ff;margin-right:9px;animation:blink 1.5s infinite}@keyframes blink{50%{opacity:.28;box-shadow:0 0 2px #7294ff}}.hero__copy{position:absolute;z-index:4;left:9vw;top:50%;transform:translateY(-42%);width:58%;max-width:850px}.kicker{display:flex;align-items:center;gap:12px;color:#9298a8;font:8px var(--mono);letter-spacing:.16em}.kicker i{display:block;width:24px;height:1px;background:var(--blue)}.hero__title{font:500 clamp(76px,9.6vw,148px)/.91 var(--display);letter-spacing:-.085em;margin:34px 0 39px;position:relative}.hero-line{display:block;overflow:hidden;padding-bottom:.08em}.hero-line i{display:inline-block;font-style:normal;transform:translateY(112%)}.hero-line:nth-child(2){color:#c9d1e5}.blue-dot{color:var(--blue)}.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;width:min(610px,100%);gap:25px}.hero__bottom p{margin:0;color:#9399a8;font-size:12px;line-height:1.9}.hero__bottom strong{font-weight:500;color:#d9dce4}.hero__explore{width:94px;height:94px;flex:none;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:8px;transition:background .35s,color .35s,border .35s}.hero__explore b{font-size:19px;font-weight:400;color:var(--blue)}.hero__explore:hover{background:#f0efe9;color:#0b0c11;border-color:#f0efe9}.hero__visual{position:absolute;z-index:2;right:-3%;top:12%;width:min(66vw,900px);height:min(66vw,900px);max-height:83vh;pointer-events:none}.hero__visual canvas{width:100%;height:100%;display:block;position:relative;z-index:2}.visual__halo{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(139,163,255,.12)}.visual__halo--one{width:77%;height:77%;animation:halo 32s linear infinite}.visual__halo--two{width:92%;height:92%;border-style:dashed;opacity:.48;animation:halo 48s linear infinite reverse}@keyframes halo{to{transform:translate(-50%,-50%) rotate(360deg)}}.visual__tag{position:absolute;z-index:3;display:flex;gap:18px;color:#8c94a9;font:8px var(--mono);letter-spacing:.12em}.visual__tag--top{top:13%;left:20%}.visual__tag--bottom{bottom:15%;right:13%;align-items:center}.visual__cross{position:absolute;z-index:3;color:#8da5ff;font:16px var(--mono);opacity:.65}.visual__cross--one{top:26%;right:18%}.visual__cross--two{bottom:25%;left:12%}.visual__signal{display:flex;gap:3px;align-items:center;height:10px}.visual__signal i{width:2px;background:#839dff;animation:signal .8s ease-in-out infinite alternate}.visual__signal i:nth-child(1){height:3px}.visual__signal i:nth-child(2){height:7px;animation-delay:.2s}.visual__signal i:nth-child(3){height:10px;animation-delay:.35s}.visual__signal i:nth-child(4){height:6px;animation-delay:.1s}.visual__signal i:nth-child(5){height:3px;animation-delay:.27s}@keyframes signal{to{transform:scaleY(.35)}}.hero__side{position:absolute;right:4.5vw;top:52%;writing-mode:vertical-rl;color:#687082;font:8px var(--mono);letter-spacing:.18em}.hero__side span{color:var(--blue);font-size:16px;margin-top:13px}.hero__foot{position:absolute;bottom:27px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#747a89;font:8px var(--mono);letter-spacing:.13em}.ticker{background:#7e99ff;color:#0b1021;overflow:hidden;padding:16px 0;transform:rotate(-1.1deg) scale(1.02);position:relative;z-index:5;margin-top:-2px}.ticker__track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker__track span{font:600 17px var(--display);letter-spacing:.04em;white-space:nowrap}.ticker__track b{font-size:14px;padding:0 28px}@keyframes ticker{to{transform:translateX(-50%)}}
.paper{background:var(--paper);color:var(--ink)}.section-rail{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dark-line);color:#71716f;font:8px var(--mono);letter-spacing:.14em}.section-rail--dark{border-color:var(--line);color:#8c93a1}.approach{padding-bottom:42px}.approach__layout{padding:110px 10vw 115px;display:grid;grid-template-columns:24% 1fr;gap:7%}.approach__aside{padding-top:9px}.asterisk{font:38px var(--display);color:#526fff}.approach__aside p{font-size:12px;line-height:1.6;margin:25px 0 32px}.approach__aside small{font:9px/1.8 var(--mono);color:#777a7b}.kicker--dark{color:#777b7c}.kicker--dark i{background:#526fff}.approach__title{font:500 clamp(66px,8.5vw,124px)/.9 var(--display);letter-spacing:-.085em;margin:34px 0 42px}.approach__title em,.work__heading h2 em,.services__head h2 em,.contact__main h2 em{font-style:normal;color:#8d9ab4}.approach__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-left:28%;max-width:900px}.approach__bottom p{font-size:11px;line-height:1.95;color:#606365;max-width:395px;margin:0}.approach__bottom span{font:8px/1.8 var(--mono);letter-spacing:.1em;color:#818487;text-align:right}.approach__bottom span b{display:block;color:#171a20;margin-top:12px}.approach__coordinates{display:flex;justify-content:space-between;margin:0 6vw;padding-top:19px;border-top:1px solid var(--dark-line);color:#868787;font:7px var(--mono);letter-spacing:.13em}
.work{padding-bottom:100px}.work__heading{padding:90px 10vw 58px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.work__heading h2{font:500 clamp(61px,7vw,100px)/.91 var(--display);letter-spacing:-.08em;margin:27px 0 0}.work__heading h2 em{color:#8596bf}.work__intro{max-width:300px;font-size:10px;line-height:1.95;color:#777a7a;margin:0 1vw 9px 0}.work__grid{padding:0 6vw;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;align-items:start}.project{display:block;min-width:0}.project:nth-child(2){margin-top:94px}.project:nth-child(3){margin-top:35px}.project__art{height:clamp(350px,42vw,610px);position:relative;overflow:hidden;isolation:isolate;transition:transform .8s var(--ease)}.project:hover .project__art{transform:translateY(-7px)}.project__info{display:flex;justify-content:space-between;align-items:center;padding:18px 1px 0;border-top:1px solid rgba(10,12,16,.2);margin-top:14px}.project__info small{font:7px var(--mono);letter-spacing:.13em;color:#818280}.project__info h3{font:500 15px var(--display);margin:8px 0 0;letter-spacing:-.02em}.project__info h3 span{font:400 10px var(--body);color:#818280}.project__info>b{font-weight:400;font-size:20px;transition:transform .35s}.project:hover .project__info>b{transform:translate(4px,-4px);color:#516ff0}.project__index,.project__micro{position:absolute;z-index:5;font:7px var(--mono);letter-spacing:.13em;color:rgba(255,255,255,.68)}.project__index{top:20px;left:20px}.project__micro{bottom:22px;left:20px;line-height:1.7}.project__arrow{position:absolute;z-index:6;right:19px;bottom:18px;color:#fff;font-size:22px;transition:transform .3s}.project:hover .project__arrow{transform:translate(5px,-5px)}.project--north .project__art{background:linear-gradient(145deg,#c9d1cf 0%,#72878a 40%,#263e47 100%)}.north__sun{position:absolute;width:36%;aspect-ratio:1;border-radius:50%;right:14%;top:13%;background:radial-gradient(circle at 32% 28%,#fff5dd,#edba91 38%,#ad6b5a 70%,transparent 72%);filter:blur(.2px);box-shadow:0 0 65px rgba(244,192,153,.35);animation:sunfloat 7s ease-in-out infinite alternate}@keyframes sunfloat{to{transform:translate(-12px,15px) scale(1.04)}}.north__rings{position:absolute;width:86%;height:48%;left:7%;bottom:16%;border:1px solid rgba(241,227,200,.6);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 17px rgba(235,227,205,.08),0 0 0 34px rgba(235,227,205,.07),0 0 0 51px rgba(235,227,205,.05);animation:ringdrift 18s linear infinite}.north__terrain{position:absolute;bottom:-14%;left:-10%;width:125%;height:47%;background:linear-gradient(165deg,#71888a,#293c43 68%);clip-path:polygon(0 52%,18% 29%,33% 46%,54% 12%,73% 42%,100% 7%,100% 100%,0 100%);filter:drop-shadow(0 -12px 22px rgba(7,20,25,.25))}.north__word{position:absolute;z-index:3;left:50%;top:47%;transform:translate(-50%,-50%);font:600 clamp(38px,6vw,88px)/.9 var(--display);letter-spacing:.12em;color:#f2eadb;text-shadow:0 8px 30px rgba(10,20,30,.23)}@keyframes ringdrift{to{transform:rotate(336deg)}}.project--object .project__art{background:radial-gradient(ellipse at 53% 45%,#404c65 0%,#1b202e 38%,#0e1119 76%)}.object__stage{position:absolute;inset:0;display:grid;place-items:center;perspective:700px}.object__core{width:38%;aspect-ratio:1;border-radius:42% 58% 63% 37%/45% 42% 58% 55%;background:radial-gradient(circle at 27% 23%,#f0f2f9 0%,#9caec8 12%,#414e6b 33%,#151b2b 65%,#10131b 78%);box-shadow:inset -20px -25px 45px rgba(0,0,0,.65),inset 12px 14px 26px rgba(255,255,255,.38),0 20px 65px rgba(0,0,0,.45);animation:blob 9s ease-in-out infinite alternate;position:relative;z-index:2}.object__core:after{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.24);border-radius:inherit;transform:rotate(33deg)}@keyframes blob{to{border-radius:61% 39% 44% 56%/38% 59% 41% 62%;transform:rotate(22deg) scale(1.04)}}.object__ring{position:absolute;width:70%;height:30%;border:1px solid rgba(194,211,245,.55);border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 26px rgba(128,158,226,.17)}.object__ring--two{transform:rotate(52deg);width:60%;height:22%;border-color:rgba(172,189,240,.35);animation:objectorbit 19s linear infinite}.object__type{position:absolute;z-index:4;right:9%;bottom:14%;font:500 20px/.9 var(--display);letter-spacing:.13em;color:#edf0fa;text-align:right}.object__type em{font:8px var(--mono);letter-spacing:.16em;color:#9caed9}.project--pulse .project__art{background:radial-gradient(ellipse at 50% 48%,#552b76,#251943 43%,#10101c 82%)}.pulse__field{position:absolute;inset:0;display:grid;place-items:center}.pulse__field i{position:absolute;width:var(--s,54%);height:var(--s,54%);border:1px solid rgba(246,188,255,.52);border-radius:50%;box-shadow:0 0 27px rgba(209,116,255,.12),inset 0 0 28px rgba(209,116,255,.07);animation:pulsewave 4.8s ease-in-out infinite alternate}.pulse__field i:nth-child(1){--s:33%;animation-delay:-.4s}.pulse__field i:nth-child(2){--s:48%;animation-delay:-1.3s}.pulse__field i:nth-child(3){--s:63%;animation-delay:-2.1s}.pulse__field i:nth-child(4){--s:78%;animation-delay:-.8s}.pulse__field i:nth-child(5){--s:92%;animation-delay:-1.8s}@keyframes pulsewave{to{transform:scale(.88) rotate(24deg);opacity:.4}}.pulse__word{position:absolute;z-index:3;top:48%;left:50%;transform:translate(-50%,-50%);font:600 clamp(40px,6vw,85px) var(--display);letter-spacing:-.06em;color:#f9e9ff;text-shadow:0 0 36px rgba(237,147,255,.5)}.pulse__word span{font-size:13px;vertical-align:top;color:#eaa6ff}.work__foot{display:flex;justify-content:space-between;margin:70px 6vw 0;padding-top:20px;border-top:1px solid var(--dark-line);color:#858687;font:7px var(--mono);letter-spacing:.13em}.work__foot b{color:#596ff0;font-size:14px;padding-left:9px}
.services{background:var(--ink);padding-bottom:75px}.services__head{padding:100px 10vw 65px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.services__head h2{font:500 clamp(58px,7.6vw,108px)/.93 var(--display);letter-spacing:-.085em;margin:28px 0 0}.services__head h2 em{color:#8299d6}.services__intro{max-width:280px;margin:0 0 8px;color:#9297a5;font-size:10px;line-height:1.95}.service-list{margin:0 10vw;border-top:1px solid var(--line)}.service{width:100%;display:grid;grid-template-columns:7% 1.1fr 1fr 28px;gap:15px;align-items:center;text-align:left;padding:24px 0;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;transition:padding .4s var(--ease),background .3s}.service:hover,.service.is-open{padding-left:15px;padding-right:15px;background:rgba(255,255,255,.025)}.service__num{align-self:start;padding-top:7px;color:#7d8495;font:9px var(--mono)}.service__title{font:500 clamp(20px,2.4vw,32px) var(--display);letter-spacing:-.035em}.service__details{max-width:310px;color:#838998;font-size:9px;line-height:1.8;opacity:0;max-height:0;overflow:hidden;transition:opacity .35s,max-height .45s}.service.is-open .service__details{opacity:1;max-height:65px}.service__plus{justify-self:end;width:27px;height:27px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:300;color:#9db0ff;transition:transform .4s,background .3s}.service.is-open .service__plus{transform:rotate(45deg);background:#829cff;color:#111}.services__bottom{margin:46px 10vw 0;display:flex;justify-content:space-between;color:#727988;font:7px var(--mono);letter-spacing:.13em}
.contact{padding-bottom:0}.contact__main{padding:108px 10vw 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact__main h2{font:500 clamp(62px,8.5vw,122px)/.92 var(--display);letter-spacing:-.09em;margin:30px 0 28px}.contact__main h2 em{color:#8b9ac1}.contact__sub{max-width:340px;color:#747a7d;font-size:10px;line-height:1.9;margin:0}.contact__mark{display:flex;align-items:center;gap:14px;margin:0 2vw 14px 0}.contact__glyph{width:77px;height:77px;border:1px solid #a7a9a4;border-radius:50%;display:grid;place-items:center;position:relative;font:500 43px var(--display)}.contact__glyph span{position:absolute;right:9px;top:9px;font-size:12px;color:#5575ef}.contact__mark>span{font:700 12px var(--display);letter-spacing:.14em}.contact__mark small{display:block;margin-top:6px;font:7px var(--mono);color:#838783;letter-spacing:.15em}.brief{margin:0 10vw;padding:35px 0 68px;border-top:1px solid var(--dark-line);display:grid;grid-template-columns:1fr 1fr;gap:27px 24px}.brief label{display:flex;flex-direction:column;gap:9px}.brief label>span{font:8px var(--mono);letter-spacing:.13em;color:#808480}.brief input,.brief select,.brief textarea{width:100%;border:0;border-bottom:1px solid #babbb5;border-radius:0;background:transparent;color:#16191e;padding:10px 0 13px;outline:0;font:11px var(--body);resize:vertical;transition:border-color .3s}.brief input::placeholder,.brief textarea::placeholder{color:#a3a6a0}.brief select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#545b67 50%),linear-gradient(135deg,#545b67 50%,transparent 50%);background-position:calc(100% - 6px) 15px,100% 15px;background-size:6px 6px;background-repeat:no-repeat}.brief select option{color:#15171d}.brief input:focus,.brief select:focus,.brief textarea:focus{border-color:#536fe8}.brief__wide{grid-column:1/-1}.brief__submit{grid-column:1;justify-self:start;display:flex;align-items:center;gap:55px;padding:16px 18px 16px 22px;background:#0c0f17;color:#f4f3ed;border:0;border-radius:2px;font-size:9px;cursor:pointer;transition:background .3s,transform .3s}.brief__submit b{font-size:17px;font-weight:400;color:#8da4ff}.brief__submit:hover{background:#304bba;transform:translateY(-3px)}.brief__note{grid-column:2;align-self:center;margin:0;color:#818581;font-size:8px;line-height:1.7}.footer{border-top:1px solid var(--dark-line);padding:25px 6vw;display:flex;justify-content:space-between;align-items:center;color:#818580;font:7px var(--mono);letter-spacing:.13em}.footer>a:first-child{font:700 16px var(--display);letter-spacing:.12em;color:#171a20}.footer>a:first-child span{color:#657df1;font-size:9px;vertical-align:top}.footer>a:last-child{color:#343c50;transition:color .25s}.footer>a:last-child:hover{color:#516eef}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(32px);filter:blur(4px)}.js .reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
@media(max-width:1000px){.hero__copy{left:7vw;width:63%}.hero__title{font-size:clamp(73px,10vw,115px)}.hero__visual{right:-9%;width:73vw;height:73vw}.approach__layout,.work__heading,.services__head,.contact__main{padding-left:8vw;padding-right:8vw}.work__grid{padding:0 5vw}.project__info h3{font-size:13px}.project__info h3 span{font-size:9px}.service-list{margin:0 8vw}.services__bottom,.brief{margin-left:8vw;margin-right:8vw}}
@media(max-width:700px){html{scroll-padding-top:70px}.header{height:70px;padding:0 5vw}.logo__icon{width:33px;height:33px;font-size:18px}.logo__text{font-size:11px}.nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:25px 6vw 28px;background:#0b0d13;border-bottom:1px solid var(--line);flex-direction:column;gap:21px}.nav.is-open{display:flex}.nav a{font-size:14px}.header-link{margin-left:auto;margin-right:10px;padding:10px 11px;gap:13px;font-size:8px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:35px;height:35px;border:1px solid rgba(255,255,255,.3);background:transparent}.menu-button i{display:block;width:13px;height:1px;background:white;margin:auto;transition:transform .3s}.menu-button[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{height:auto;min-height:810px;max-height:none}.hero__top{top:95px;left:5vw;right:5vw;font-size:7px}.hero__top span:last-child{display:none}.hero__copy{top:190px;left:7vw;transform:none;width:86%;}.hero__kicker{font-size:7px}.hero__title{font-size:clamp(62px,13.6vw,91px);margin:28px 0 27px;line-height:.92}.hero__bottom{align-items:flex-end}.hero__bottom p{font-size:9px;line-height:1.8}.hero__explore{width:72px;height:72px;font-size:7px}.hero__visual{width:112vw;height:112vw;max-height:none;top:auto;right:-29vw;bottom:4px;opacity:.82}.visual__tag--top{left:12%;top:17%;font-size:6px}.visual__tag--bottom{right:18%;bottom:18%;font-size:6px}.hero__side{display:none}.hero__foot{left:5vw;right:5vw;bottom:17px;font-size:6px}.hero__foot span:nth-child(2){display:none}.ticker{padding:12px 0}.ticker__track span{font-size:13px}.ticker__track b{padding:0 15px;font-size:11px}.section-rail{height:62px;padding:0 5vw;font-size:6px}.approach{padding-bottom:30px}.approach__layout{padding:65px 8vw 70px;display:block}.approach__aside{display:grid;grid-template-columns:34px 1fr;align-items:center;margin-bottom:38px}.asterisk{grid-row:span 2;font-size:25px}.approach__aside p{font-size:10px;margin:0}.approach__aside small{display:none}.approach__title{font-size:clamp(53px,12vw,76px);margin:26px 0 29px}.approach__bottom{padding-left:0;gap:15px}.approach__bottom p{font-size:9px;line-height:1.8}.approach__bottom span{font-size:6px}.approach__coordinates{margin:0 6vw;gap:12px;flex-wrap:wrap;font-size:6px}.work{padding-bottom:65px}.work__heading{padding:68px 8vw 38px;display:block}.work__heading h2{font-size:clamp(55px,12vw,76px);margin-top:23px}.work__intro{font-size:9px;margin:23px 0 0;max-width:310px}.work__grid{padding:0 6vw;display:flex;flex-direction:column;gap:38px}.project{width:100%}.project:nth-child(2),.project:nth-child(3){margin-top:0}.project__art{height:clamp(340px,105vw,480px)}.project__info h3{font-size:14px}.work__foot{margin:47px 6vw 0;gap:16px;font-size:6px}.work__foot span:last-child{text-align:right}.services{padding-bottom:55px}.services__head{padding:70px 8vw 42px;display:block}.services__head h2{font-size:clamp(48px,11vw,70px);margin-top:23px}.services__intro{font-size:9px;margin-top:24px}.service-list{margin:0 7vw}.service{grid-template-columns:27px 1fr 25px;gap:8px;padding:21px 0}.service__title{font-size:19px}.service__details{grid-column:2;grid-row:2;font-size:8px;max-width:280px}.service__plus{grid-column:3;grid-row:1;width:24px;height:24px}.service__num{font-size:8px}.services__bottom{margin:32px 7vw 0;font-size:6px;gap:15px}.services__bottom span:last-child{text-align:right}.contact__main{padding:72px 8vw 42px;display:block}.contact__main h2{font-size:clamp(54px,12vw,82px);margin:25px 0}.contact__sub{font-size:9px}.contact__mark{margin:34px 0 0}.contact__glyph{width:60px;height:60px;font-size:34px}.brief{margin:0 8vw;padding:28px 0 47px;grid-template-columns:1fr;gap:20px}.brief__wide{grid-column:auto}.brief__submit{grid-column:auto}.brief__note{grid-column:auto;margin-top:-8px;font-size:7px}.footer{padding:20px 5vw;gap:12px;font-size:5px}.footer>a:first-child{font-size:13px}.loader{padding-left:5vw;padding-right:5vw}.loader__top,.loader__bottom{font-size:6px}.loader__core{flex-direction:column;gap:16px}.loader__word{font-size:7px}.grain{opacity:.025}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.reveal,.js .reveal{opacity:1!important;transform:none!important;filter:none!important}}


/* ARVION responsive refinement — touch-first, fluid and accessible */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { min-width: 320px; }
img, canvas, svg, video { max-width: 100%; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.header-link b, .project__arrow, .project__info>b, .brief__submit b,
.footer>a:last-child, .hero__explore b, .hero__side span,
.loader__symbol span, .logo__icon span, .contact__glyph span {
  font-family: var(--body);
  font-variant-emoji: text;
  font-weight: 500;
}
.menu-button { cursor: pointer; border-radius: 50%; }
.nav a { min-height: 42px; display: flex; align-items: center; }
.header-link, .brief__submit { min-height: 46px; }
.project, .project__art { min-width: 0; }
.hero__visual canvas { max-width: 100%; }
.brief input, .brief select, .brief textarea { font-size: 16px; } /* prevents iOS focus zoom */

@media (max-width: 700px) {
  html { scroll-padding-top: 70px; }
  .header {
    position: absolute;
    height: 70px;
    padding-inline: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
    gap: 10px;
  }
  .logo { gap: 8px; flex: 0 0 auto; }
  .logo__icon { width: 34px; height: 34px; }
  .logo__text { font-size: 10px; }
  .logo__text small { font-size: 6px; }
  .header-link {
    margin-left: auto;
    margin-right: 2px;
    padding: 10px 12px;
    min-height: 42px;
    gap: 9px;
    font-size: 8px;
    white-space: nowrap;
  }
  .header-link b { font-size: 14px; }
  .menu-button { flex: 0 0 40px; width: 40px; height: 40px; }
  .nav {
    top: 70px;
    padding: 14px 6vw 22px;
    gap: 4px;
    box-shadow: 0 18px 32px rgba(0,0,0,.24);
  }
  .nav a {
    min-height: 48px;
    padding: 0 2px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    font-size: 15px;
  }
  .nav a:last-child { border-bottom: 0; }
  .hero {
    min-height: max(740px, 100svh);
    height: auto;
    max-height: none;
    padding-bottom: max(22px, env(safe-area-inset-bottom));
  }
  .hero__copy { top: clamp(165px, 24svh, 205px); width: 86%; }
  .hero__title {
    font-size: clamp(56px, 12.6vw, 88px);
    overflow-wrap: anywhere;
  }
  .hero__bottom { gap: 12px; }
  .hero__bottom p { max-width: 66%; font-size: 10px; }
  .hero__explore { width: 68px; height: 68px; }
  .hero__visual {
    width: min(112vw, 620px);
    height: min(112vw, 620px);
    right: -25vw;
    bottom: 24px;
    opacity: .72;
  }
  .hero__foot { bottom: max(17px, env(safe-area-inset-bottom)); }
  .approach__layout { padding-top: 58px; padding-bottom: 62px; }
  .approach__title, .work__heading h2, .services__head h2,
  .contact__main h2 { overflow-wrap: anywhere; }
  .work__grid { gap: 34px; }
  .project__art { height: clamp(290px, 92vw, 440px); }
  .service { min-height: 74px; }
  .service__title { font-size: clamp(17px, 5vw, 21px); }
  .service__plus { width: 30px; height: 30px; }
  .brief { gap: 23px; }
  .brief input, .brief select, .brief textarea {
    min-height: 46px;
    padding-block: 12px;
  }
  .brief__submit { min-height: 50px; padding-inline: 20px; }
  .footer { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
}

@media (max-width: 390px) {
  .header { gap: 7px; }
  .logo__text { font-size: 9px; letter-spacing: .1em; }
  .header-link { padding-inline: 9px; gap: 7px; font-size: 7px; }
  .menu-button { flex-basis: 36px; width: 36px; height: 36px; }
  .hero__copy { left: 6vw; width: 88%; }
  .hero__title { font-size: clamp(52px, 12.2vw, 66px); }
  .hero__bottom p { font-size: 9px; }
  .approach__title { font-size: clamp(48px, 11.5vw, 62px); }
  .work__heading h2, .services__head h2 { font-size: clamp(46px, 11vw, 60px); }
  .contact__main h2 { font-size: clamp(48px, 11.5vw, 66px); }
  .work__foot, .services__bottom { letter-spacing: .07em; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  .header { padding-inline: 4vw; }
  .nav { gap: 22px; margin-right: 24px; }
  .hero__copy { width: 58%; }
  .hero__visual { width: 68vw; height: 68vw; right: -8%; }
  .work__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project:nth-child(2), .project:nth-child(3) { margin-top: 0; }
  .project:last-child { grid-column: 1 / -1; width: 66%; justify-self: center; }
}

@media (max-height: 560px) and (orientation: landscape) {
  .hero { min-height: 620px; }
  .hero__copy { top: 155px; }
  .hero__visual { width: 58vw; height: 58vw; right: -5%; top: 8%; }
}

@media (prefers-reduced-motion: reduce) {
  .ticker__track { animation: none; }
  .hero__visual, .hero__copy { transform: none !important; }
}