:root{color-scheme:dark;--black:#020307;--ink:#05070d;--panel:#0b101b;--line:rgba(142,170,219,.2);--white:#f4f6fb;--muted:#9ca8bd;--blue:#0759ff;--electric:#1676ff;--glow:#3aa3ff;--mono:"DM Mono",monospace;--display:"Space Grotesk",Manrope,sans-serif;--body:Manrope,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}.preloader{position:fixed;z-index:50;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at 50% 45%,#0756f2,#022a9d 54%,#010b30);color:#03091d;transition:opacity .85s cubic-bezier(.76,0,.24,1),visibility .85s}.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader-number{font:500 clamp(150px,37vw,470px)/.75 var(--display);letter-spacing:-.12em;color:rgba(0,5,20,.86)}.preloader>span{font:8px var(--mono);letter-spacing:.13em;color:rgba(0,5,20,.8)}.preloader>i{position:absolute;bottom:8%;width:1px;height:50px;background:linear-gradient(var(--white),transparent);animation:load-line 1.4s ease-in-out infinite}@keyframes load-line{50%{transform:scaleY(.45);opacity:.4}}.scroll-line{position:fixed;z-index:32;top:0;left:0;width:100%;height:2px;pointer-events:none}.scroll-line span{display:block;width:100%;height:100%;background:var(--glow);box-shadow:0 0 14px var(--blue);transform:scaleX(0);transform-origin:left}.hero{height:100svh;min-height:680px;max-height:1120px;position:relative;overflow:hidden;isolation:isolate;background:#02040a}.hero-bluewash{position:absolute;z-index:-3;inset:-15%;background:radial-gradient(ellipse 58% 88% at 50% 29%,#0756ee 0,#0738bb 40%,#061338 70%,#02040a 100%);transform:scale(1.06);animation:wash-in 1.4s ease-out both}@keyframes wash-in{from{transform:scale(1.2);filter:brightness(1.4)}to{transform:scale(1.06);filter:brightness(1)}}.hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 28%,transparent 65%,rgba(0,0,0,.88)),linear-gradient(90deg,rgba(0,0,0,.3),transparent 37%,transparent 75%,rgba(0,0,0,.25))}.hero-header{position:absolute;z-index:12;top:25px;left:4.2%;right:4.2%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;pointer-events:none}.brand-mark{display:flex;align-items:center;gap:10px;width:max-content;pointer-events:auto}.brand-mark svg{width:46px;height:46px;fill:#f4f7ff;filter:drop-shadow(0 0 12px rgba(40,130,255,.7))}.brand-mark>span{display:flex;flex-direction:column;gap:4px;font:700 14px var(--display);letter-spacing:.1em}.brand-mark small{font:7px var(--mono);letter-spacing:.13em;color:#d0ddf5}.hero-note{margin:96px 0 0 0;color:#eff5ff;font-size:9px;line-height:1.45;max-width:190px;text-shadow:0 1px 7px #001342;pointer-events:none}.hero-nav{justify-self:end;display:flex;gap:48px;padding:4px 0 0;pointer-events:auto}.hero-nav>div{display:flex;flex-direction:column;gap:3px}.hero-nav a{color:#f2f6ff;font:8px/1.2 var(--mono);letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,20,85,.65);transition:color .2s,transform .2s}.hero-nav a:hover{color:#7ec0ff;transform:translateX(3px)}.menu-button{display:none}.hero-portrait{position:absolute;z-index:-1;left:50%;top:50%;width:min(87vw,1220px);height:100%;object-fit:cover;object-position:50% 31%;transform:translate(-50%,-50%);filter:saturate(1.12) contrast(1.06);mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%);animation:portrait-in 1.2s .15s cubic-bezier(.2,.8,.2,1) both}@keyframes portrait-in{from{opacity:0;transform:translate(-50%,-47%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.portrait-shadow{position:absolute;z-index:0;left:50%;top:51%;width:min(72vw,970px);height:88%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,transparent 30%,rgba(0,4,18,.08) 48%,rgba(0,0,0,.72) 83%);pointer-events:none}.hero-runes{position:absolute;z-index:3;left:50%;top:40%;width:min(76vw,950px);transform:translate(-50%,-50%);display:flex;justify-content:space-between;pointer-events:none;color:#5cafff;text-shadow:0 0 25px rgba(22,118,255,.9);font-size:clamp(56px,11vw,150px);opacity:.8}.hero-runes span:first-child{transform:rotate(-18deg)}.hero-runes span:last-child{transform:rotate(22deg)}.hero-title-wrap{position:absolute;z-index:4;left:50%;top:54%;width:100%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.hero-title{margin:0 0 0 -.06em;color:#f7f9ff;font:500 clamp(110px,22vw,310px)/.7 var(--display);letter-spacing:-.11em;white-space:nowrap;text-shadow:0 8px 42px rgba(0,0,0,.19);mix-blend-mode:screen;animation:title-arrive 1s .35s cubic-bezier(.2,.8,.2,1) both}@keyframes title-arrive{from{opacity:0;letter-spacing:-.18em;transform:scale(.96)}to{opacity:.95;letter-spacing:-.11em;transform:scale(1)}}.hero-title-sub{display:block;margin:25px auto 0;color:#e1edff;font:8px var(--mono);letter-spacing:.24em;text-shadow:0 1px 9px #001e6c}.hero-role{position:absolute;z-index:4;right:5.5%;bottom:26%;color:#f2f6ff;text-align:right;font:8px/1.4 var(--mono);text-shadow:0 1px 8px #001342}.hero-signal{position:absolute;z-index:4;left:3%;bottom:10%;height:48px;display:flex;align-items:center;gap:2px;opacity:.8}.hero-signal i{width:2px;height:var(--bar,18px);background:#287aff;box-shadow:0 0 7px #176aff;animation:signal .7s ease-in-out infinite alternate}.hero-signal i:nth-child(3n){--bar:38px;animation-delay:.1s}.hero-signal i:nth-child(3n+1){--bar:24px;animation-delay:.3s}.hero-signal i:nth-child(4n){--bar:31px;animation-delay:.2s}.hero-signal i:nth-child(5n){--bar:11px;animation-delay:.4s}@keyframes signal{to{height:7px;opacity:.55}}.connect-chip{position:absolute;z-index:7;right:4.5%;bottom:9.2%;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid rgba(183,214,255,.42);background:rgba(4,13,37,.72);backdrop-filter:blur(10px);font:7px/1.35 var(--mono);color:#dbe9ff;transition:background .2s,border-color .2s}.connect-chip:hover{background:rgba(20,76,175,.7);border-color:#8cc4ff}.chip-avatar{width:27px;height:27px;overflow:hidden;border-radius:50%;border:1px solid rgba(127,187,255,.7)}.chip-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.connect-chip span:nth-child(2){display:block}.connect-chip span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#4ce7ae;box-shadow:0 0 7px #4ce7ae}.connect-chip b{font-weight:400;color:white}.connect-chip strong{margin-left:7px;color:#7bb8ff;font-size:13px;font-weight:400}.hero-bottom{position:absolute;z-index:4;left:4.5%;right:4.5%;bottom:2.6%;display:flex;align-items:center;justify-content:space-between;color:#dce9ff;font:8px var(--mono)}.hero-bottom span{color:#72b5ff;font:15px var(--display)}.hero-index{position:absolute;z-index:4;left:4.5%;top:54%;color:rgba(235,243,255,.7);font:7px var(--mono);writing-mode:vertical-rl}.section{position:relative;padding:135px 10% 100px;background:#05070c}.section-kicker{display:flex;align-items:center;gap:10px;color:#a7b6ce;font:8px var(--mono);letter-spacing:.15em}.section-kicker span{color:#63a9ff}.section-kicker i{width:22px;height:1px;background:#348dff;box-shadow:0 0 8px #247eff}.about-grid{display:grid;grid-template-columns:1.05fr .7fr;gap:10%;align-items:end;margin:80px 0 95px}.about-heading>p{max-width:330px;color:#95a3ba;font:8px var(--mono);letter-spacing:.16em;line-height:1.8}.about-heading h2{font:600 clamp(68px,10vw,145px)/.82 var(--display);letter-spacing:-.1em;margin:32px 0 0}.about-heading h2 em,.services-head h2 em,.work-head h2 em,.process-head h2 em,.contact-body h2 em{font-style:normal;color:#368dff}.about-copy{max-width:440px;padding-bottom:10px}.about-mark{display:block;color:#65aaff;font:8px var(--mono);letter-spacing:.15em}.about-copy h3{font:500 clamp(20px,2vw,28px)/1.28 var(--display);letter-spacing:-.04em;margin:23px 0}.about-copy p{color:var(--muted);font-size:12px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:17px;color:#c5d4ea;font:8px var(--mono);letter-spacing:.12em}.text-link span{font-size:15px;color:#5ba5ff;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-pillars>div{position:relative;min-height:107px;padding:20px 18px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.about-pillars>div:first-child{padding-left:0}.about-pillars>div:last-child{border:0}.about-pillars span{color:#5ba5ff;font:8px var(--mono)}.about-pillars b{font:600 11px var(--display);letter-spacing:.08em}.about-pillars small{color:#8592a6;font-size:9px}.services{padding-top:118px;background:linear-gradient(180deg,#05070c,#070b13)}.services-head,.work-head,.process-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:75px 0 48px}.services-head h2,.work-head h2,.process-head h2{font:600 clamp(50px,7.4vw,105px)/.88 var(--display);letter-spacing:-.085em;margin:0}.services-head>p,.work-head>p,.process-head>p{max-width:290px;margin:0 0 7px;color:#98a5ba;font-size:11px;line-height:1.8}.services-track{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-tile{min-width:0}.tile-art{height:300px;position:relative;overflow:hidden;border:1px solid rgba(160,188,232,.17);background:#09101e}.tile-ui .tile-art{background:radial-gradient(ellipse at 74% 39%,rgba(38,112,246,.3),transparent 42%),linear-gradient(140deg,#111e32,#07101e)}.ui-window{position:absolute;inset:15% 10% 13%;border:1px solid rgba(163,198,255,.38);transform:perspective(700px) rotateY(-8deg) rotateX(3deg);background:rgba(6,13,28,.84);box-shadow:0 20px 45px rgba(0,0,0,.4)}.window-bar{height:24px;border-bottom:1px solid rgba(163,198,255,.18);display:flex;align-items:center;gap:4px;padding:0 8px;color:#7690b9;font:6px var(--mono)}.window-bar i{width:4px;height:4px;border-radius:50%;background:#4e96ff}.window-bar span{margin-left:auto}.ui-lines{position:relative;height:calc(100% - 24px);padding:17px}.ui-lines>b{font:600 27px/.88 var(--display);letter-spacing:-.08em}.ui-lines>b em{color:#66a8ff;font-style:normal}.ui-lines>span{position:absolute;width:33%;height:80%;right:6%;top:12%;border:1px solid rgba(65,137,255,.6);border-radius:48% 52% 43% 57%;transform:rotate(-25deg);box-shadow:0 0 24px rgba(40,106,231,.26)}.ui-lines>i{position:absolute;right:10%;bottom:18%;width:32%;height:1px;background:linear-gradient(90deg,transparent,#76b7ff,transparent);transform:rotate(-26deg)}.tile-web .tile-art{background:radial-gradient(ellipse at 50% 45%,rgba(34,101,229,.31),transparent 48%),#080c14}.web-orbit{position:absolute;left:50%;top:47%;width:62%;height:43%;border:1px solid rgba(81,154,255,.65);border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-b{width:43%;height:65%;transform:translate(-50%,-50%) rotate(32deg);border-color:rgba(167,205,255,.44)}.web-cube{position:absolute;left:50%;top:48%;width:90px;height:90px;transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center;border:1px solid rgba(148,192,255,.63);background:linear-gradient(145deg,rgba(36,101,215,.46),rgba(5,11,24,.7));box-shadow:0 0 32px rgba(24,105,255,.23);font:600 17px var(--display);letter-spacing:.1em}.web-cube span{font:13px var(--mono);color:#86beff}.tile-web .tile-art>small,.tile-brand .tile-art>small{position:absolute;left:17px;bottom:15px;color:#899bb7;font:6px var(--mono);letter-spacing:.12em}.tile-brand .tile-art{background:radial-gradient(ellipse at 50% 45%,rgba(45,108,214,.25),transparent 50%),linear-gradient(130deg,#090e18,#0d1626)}.brand-type{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:500 102px/.8 var(--display);letter-spacing:-.14em}.brand-type span{font:12px var(--mono);color:#73b4ff;vertical-align:top;margin-left:7px}.brand-swatches{position:absolute;left:17px;right:17px;bottom:48px;display:flex;gap:6px}.brand-swatches i{height:18px;flex:1;background:#267dff}.brand-swatches i:nth-child(2){background:#0d3f9f}.brand-swatches i:nth-child(3){background:#b7d9ff}.brand-swatches i:nth-child(4){background:#121a29}.tile-caption{padding:16px 2px 21px;border-bottom:1px solid var(--line)}.tile-caption>span{color:#6e88b2;font:7px var(--mono);letter-spacing:.12em}.tile-caption h3{margin:9px 0 6px;font:600 14px var(--display);letter-spacing:.05em}.tile-caption p{margin:0;color:#929eb2;font-size:10px;line-height:1.6}.services-foot{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:22px;color:#8b9cb6;font:7px var(--mono);letter-spacing:.15em}.services-foot i{color:#4b9aff;font-style:normal;font-size:12px}.interlude{height:min(760px,82vw);min-height:500px;position:relative;overflow:hidden;isolation:isolate;background:#061943}.interlude>img{position:absolute;z-index:-2;right:6%;top:50%;width:min(67vw,900px);height:130%;object-fit:cover;object-position:50% 32%;transform:translateY(-50%);filter:saturate(1.2) contrast(1.07);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 76%,transparent)}.interlude-blue{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#03102b 0%,rgba(4,21,58,.91) 34%,rgba(5,32,83,.32) 74%,rgba(2,6,16,.8)),linear-gradient(0deg,#05070c,transparent 34%,transparent 78%,#05070c)}.interlude-copy{position:absolute;left:12%;top:50%;transform:translateY(-50%)}.interlude-copy>span{color:#9fc4ff;font:7px var(--mono);letter-spacing:.18em}.interlude-copy h2{font:600 clamp(60px,10vw,140px)/.83 var(--display);letter-spacing:-.09em;margin:24px 0}.interlude-copy p{color:#bac9df;font-size:11px}.interlude-side{position:absolute;right:4%;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);color:#b5c9e9;font:7px var(--mono);letter-spacing:.15em}.work{padding-top:130px;background:#05070c}.work-head{margin-bottom:55px}.work-count{margin-left:auto;color:#70b2ff;font:500 38px/.8 var(--display);text-align:right}.work-count small{font:7px var(--mono);letter-spacing:.13em}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 18px}.work-card-large{grid-column:1/-1}.work-visual{height:345px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(148,184,240,.18);background:#0a101c;transition:border-color .3s}.work-visual:hover{border-color:rgba(83,159,255,.72)}.work-card-large .work-visual{height:430px}.work-visual-one{background:radial-gradient(ellipse at 73% 46%,rgba(24,98,239,.27),transparent 43%),linear-gradient(135deg,#0d1727,#080b12)}.project-window{width:73%;height:76%;border:1px solid rgba(181,207,249,.29);background:linear-gradient(135deg,#09101d,#111d31);box-shadow:0 28px 80px rgba(0,0,0,.54);transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}.project-window-bar{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid rgba(181,207,249,.17);color:#889bb8;font:6px var(--mono)}.project-window-body{position:relative;height:calc(100% - 28px);padding:31px 8%;overflow:hidden}.project-window-body>small,.identity-card>small,.interface-card>small{position:relative;z-index:2;color:#96b7ec;font:7px var(--mono);letter-spacing:.13em}.project-window-body>strong{position:relative;z-index:2;display:block;margin-top:27px;font:600 clamp(36px,6vw,80px)/.84 var(--display);letter-spacing:-.09em}.project-window-body>strong em,.interface-card>strong em{font-style:normal;color:#64a8ff}.project-window-body>span{position:relative;z-index:2;display:block;margin-top:18px;color:#899bb5;font:6px var(--mono);letter-spacing:.14em}.project-ribbon{position:absolute;right:-7%;top:17%;width:42%;height:95%;border:1px solid rgba(86,151,255,.57);border-radius:50%;transform:rotate(-29deg);box-shadow:0 0 28px rgba(34,117,255,.2),inset 0 0 28px rgba(34,117,255,.09)}.visual-label{position:absolute;left:15px;bottom:13px;color:#8a9ab2;font:6px var(--mono);letter-spacing:.15em}.work-visual-two{background:radial-gradient(ellipse at 50% 45%,rgba(22,88,218,.23),transparent 46%),linear-gradient(145deg,#0d1523,#05070c)}.identity-card{position:relative;width:100%;height:100%;padding:24px;background:linear-gradient(130deg,transparent,rgba(23,81,188,.15))}.identity-card>b{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:500 clamp(50px,7vw,86px)/1 var(--display);letter-spacing:-.1em}.identity-card>b span{color:#77baff;font-size:15px;vertical-align:top;margin-left:4px}.identity-card>i{position:absolute;left:50%;top:61%;transform:translateX(-50%);color:#91a4c2;font:6px var(--mono);letter-spacing:.16em;white-space:nowrap}.identity-orb{position:absolute;right:-35px;bottom:-80px;width:210px;height:210px;border:1px solid rgba(78,149,255,.48);border-radius:50%;box-shadow:0 0 35px rgba(40,112,239,.18)}.work-visual-three{background:linear-gradient(130deg,#0a0f1a,#101e36 58%,#07090e)}.interface-card{position:relative;width:100%;height:100%;padding:24px;background:radial-gradient(circle at 78% 77%,rgba(38,102,219,.2),transparent 45%)}.interface-card>strong{position:relative;z-index:2;display:block;margin-top:35px;font:600 clamp(35px,5vw,58px)/.84 var(--display);letter-spacing:-.08em}.interface-box{position:absolute;right:14%;width:64px;height:78px;display:grid;place-items:center;border:1px solid rgba(137,182,255,.42);background:linear-gradient(145deg,rgba(44,106,219,.25),rgba(8,15,28,.86));color:#bad5ff;font:8px var(--mono);transform:rotate(13deg)}.box-one{top:15%}.box-two{top:37%;right:32%;transform:rotate(-7deg)}.box-three{top:59%;right:13%;transform:rotate(8deg)}.work-meta{position:relative;padding:15px 46px 0 1px}.work-meta>span{color:#7285a4;font:7px var(--mono);letter-spacing:.12em}.work-meta h3{margin:7px 0 0;font:500 14px var(--display)}.work-meta>a{position:absolute;right:0;top:15px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);color:#79baff}.work-meta>a:hover{background:rgba(18,91,222,.18)}.work-note{margin:27px 0 0;color:#74839c;font-size:9px;line-height:1.65}.process{padding-top:125px;background:linear-gradient(180deg,#05070c,#070b13)}.process-head{margin-bottom:48px}.process-list{border-top:1px solid var(--line)}.process-row{min-height:98px;display:grid;grid-template-columns:65px 1fr 25px;align-items:center;gap:18px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.process-row:hover{padding:0 12px;background:linear-gradient(90deg,rgba(18,87,218,.1),transparent)}.process-row>span{color:#63aaff;font:8px var(--mono)}.process-row h3{margin:0 0 6px;font:600 12px var(--display);letter-spacing:.06em}.process-row p{margin:0;color:#929fb4;font-size:10px;line-height:1.6}.process-row>b{color:#72b6ff;font-weight:400}.contact{min-height:720px;position:relative;overflow:hidden;padding:88px 8% 100px;text-align:center;background:radial-gradient(ellipse at 50% 91%,#073a9f 0,rgba(4,33,93,.92) 24%,rgba(3,8,23,.9) 65%,#020307 100%)}.contact:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05070c,transparent 25%,transparent 70%,rgba(0,0,0,.45))}.contact-bluewash{position:absolute;left:50%;bottom:-48%;width:min(82vw,1150px);height:75vw;border:1px solid rgba(92,165,255,.28);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 75px rgba(20,94,230,.18),inset 0 0 75px rgba(20,94,230,.12)}.contact>.section-kicker{position:relative;z-index:2;justify-content:center}.contact-body{position:relative;z-index:2;margin:90px auto 0}.contact-body>p{color:#a6caff;font:8px var(--mono);letter-spacing:.16em}.contact-body h2{margin:24px 0;font:600 clamp(75px,12vw,160px)/.78 var(--display);letter-spacing:-.1em}.contact-button{display:inline-flex;align-items:center;gap:22px;margin-top:25px;padding:15px 18px;border:1px solid rgba(176,213,255,.58);background:rgba(11,60,154,.5);color:#eef6ff;font:8px var(--mono);letter-spacing:.12em;transition:background .2s,transform .2s}.contact-button:hover{transform:translateY(-3px);background:rgba(23,102,230,.55)}.contact-button span{font-size:14px;color:#8fc1ff}.contact-body small{display:block;margin:14px auto 0;color:#8ea5c7;font-size:8px}.contact-signature{position:absolute;z-index:2;left:7%;right:7%;bottom:29px;display:flex;justify-content:space-between;align-items:center;color:#a8c7f1;font:7px var(--mono);letter-spacing:.13em}.contact-signature i{font-style:normal;color:#e0edff}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:23px 5% 17px;background:#020307;color:#7787a1;font:7px var(--mono);letter-spacing:.1em}.footer-mark{font:700 25px var(--display);color:#e7f0ff}.footer-mark span{color:#4e9fff}.footer>span{text-align:center}.footer>a:nth-child(3){text-align:right}.footer>small{grid-column:1/-1;padding-top:13px;border-top:1px solid rgba(142,170,219,.13);text-align:center;color:#59677f;font:6px var(--mono);letter-spacing:.13em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.18,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}.loader-done .hero-portrait{animation:portrait-in 1.2s .1s cubic-bezier(.2,.8,.2,1) both}@media(max-width:900px){.hero-header{left:4%;right:4%}.hero-nav{gap:26px}.hero-note{margin-top:88px}.hero-portrait{width:96vw}.hero-title{font-size:23vw}.section{padding-left:7%;padding-right:7%}.about-grid{gap:7%}.tile-art{height:250px}.services-track{gap:11px}.tile-caption h3{font-size:12px}.work-visual{height:300px}.work-card-large .work-visual{height:380px}}@media(max-width:650px){html{scroll-padding-top:18px}.hero{height:100svh;min-height:690px;max-height:900px}.hero-header{top:19px;left:6%;right:6%;grid-template-columns:1fr auto}.brand-mark svg{width:38px;height:38px}.brand-mark>span{font-size:12px}.hero-note{position:absolute;top:65px;left:0;margin:0;font-size:8px}.menu-button{display:flex;width:39px;height:39px;flex-direction:column;justify-content:center;gap:6px;padding:10px;border:1px solid rgba(198,219,255,.42);background:rgba(2,9,28,.45);pointer-events:auto}.menu-button span{width:100%;height:1px;background:#f1f6ff}.hero-nav{position:absolute;top:50px;right:0;display:none;min-width:200px;padding:16px;background:rgba(3,8,21,.96);border:1px solid rgba(130,179,255,.35);gap:28px}.hero-nav.is-open{display:flex}.hero-nav a{font-size:8px;padding:4px 0}.hero-portrait{width:118vw;height:82%;top:57%;object-position:50% 30%}.portrait-shadow{top:55%;width:110vw;height:70%}.hero-runes{top:43%;width:93vw;font-size:16vw}.hero-title-wrap{top:56%}.hero-title{font-size:22vw;letter-spacing:-.1em}.hero-title-sub{margin-top:17px;font-size:6px;letter-spacing:.18em}.hero-role{right:6%;bottom:20%;font-size:6px}.hero-signal{left:6%;bottom:12%;height:32px;gap:1px}.hero-signal i{width:1.5px}.connect-chip{right:6%;bottom:11.5%;font-size:6px}.chip-avatar{width:24px;height:24px}.hero-bottom{left:6%;right:6%;bottom:3%;font-size:6px}.hero-bottom span{font-size:11px}.hero-index{left:6%;top:59%;font-size:6px}.section{padding:90px 7% 70px}.about-grid{grid-template-columns:1fr;gap:38px;margin:57px 0}.about-heading>p{font-size:7px}.about-heading h2{font-size:clamp(72px,16vw,108px);margin-top:23px}.about-copy h3{font-size:22px}.about-copy p{font-size:11px}.about-pillars>div{min-height:95px;padding:14px 9px}.about-pillars>div:first-child{padding-left:0}.about-pillars b{font-size:9px}.about-pillars small{font-size:7px}.services{padding-top:82px}.services-head,.work-head,.process-head{display:block;margin:55px 0 30px}.services-head h2,.work-head h2,.process-head h2{font-size:clamp(47px,11vw,73px)}.services-head>p,.work-head>p,.process-head>p{margin-top:17px;font-size:10px}.services-track{grid-template-columns:1fr;gap:18px}.tile-art{height:300px}.tile-caption{padding:13px 2px 17px}.tile-caption h3{font-size:14px}.tile-caption p{font-size:9px}.services-foot{gap:11px;flex-wrap:wrap;font-size:6px}.interlude{height:650px;min-height:unset}.interlude>img{right:-22%;width:112vw;height:100%;object-position:50% 28%;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 93%,transparent)}.interlude-blue{background:linear-gradient(90deg,rgba(3,13,37,.97),rgba(4,20,54,.75) 58%,rgba(3,11,27,.2)),linear-gradient(0deg,#05070c,transparent 28%,transparent 75%,#05070c)}.interlude-copy{left:8%;top:56%}.interlude-copy h2{font-size:clamp(64px,14vw,92px)}.interlude-side{right:4%;font-size:6px}.work{padding-top:88px}.work-head{position:relative}.work-count{position:absolute;right:0;top:6px;font-size:30px}.work-grid{grid-template-columns:1fr;gap:32px}.work-card-large{grid-column:auto}.work-visual,.work-card-large .work-visual{height:300px}.project-window{width:86%;height:74%}.project-window-body{padding:26px 7%}.project-window-body>strong{font-size:48px}.work-meta h3{font-size:12px}.work-note{font-size:8px}.process{padding-top:88px}.process-head{margin-bottom:32px}.process-row{min-height:96px;grid-template-columns:35px 1fr 20px;gap:10px}.process-row h3{font-size:10px}.process-row p{font-size:9px}.contact{min-height:620px;padding:77px 7% 88px}.contact-body{margin-top:75px}.contact-body h2{font-size:clamp(78px,17vw,112px)}.contact-body small{max-width:270px;font-size:7px}.contact-signature{left:7%;right:7%;bottom:20px;font-size:6px;gap:10px}.contact-signature i{display:none}.footer{grid-template-columns:1fr auto;padding:20px 6% 14px;font-size:6px}.footer>span{display:none}.footer>a:nth-child(3){grid-column:2}.footer>small{font-size:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.preloader{transition:none}}