@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}button,input{font-family:inherit}:root{color:#f2f2ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#ff784f;--accent-rgb:255, 120, 79;--black:#080909;--white:#f2f2ed;--muted:#888b87;--line:#ffffff29;background:#080909;font-family:Space Grotesk,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;scroll-padding-top:80px}body{width:100%;min-width:320px;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#080909}.app{width:100%;position:relative;overflow:clip}main{z-index:1;position:relative}.section-pad{padding:135px max(5vw,24px)}.background-canvas{z-index:0;pointer-events:none;opacity:.7;position:fixed;inset:0}.scroll-progress{background:var(--accent);transform-origin:0;z-index:2000;height:3px;position:fixed;top:0;left:0;right:0}.custom-cursor{background:var(--accent);pointer-events:none;z-index:3000;mix-blend-mode:difference;border-radius:50%;width:16px;height:16px;position:fixed;top:-8px;left:-8px}.section-kicker{letter-spacing:.14em;color:var(--accent);align-items:center;gap:12px;font:11px DM Mono,monospace;display:flex}.kicker-dot,.status-dot,.live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 16px var(--accent);border-radius:50%;flex-shrink:0;display:inline-block}.massive-heading{letter-spacing:-.095em;margin:0;font-size:clamp(65px,10.2vw,165px);font-weight:700;line-height:.88}.massive-heading span{color:#0000;-webkit-text-stroke:1px #a7aaa5}.section-heading-row{justify-content:space-between;align-items:end;gap:40px;margin:40px 0 80px;display:flex}.heading-aside{color:#999d96;max-width:255px;font-size:15px;line-height:1.65}.nav{z-index:1100;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;padding:0 5vw;display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-.09em;flex-shrink:0;font-size:33px;font-weight:700;line-height:.75}.logo>span{color:var(--accent)}.logo small{letter-spacing:.35em;margin-top:8px;font:9px DM Mono,monospace;display:block}.nav-center{letter-spacing:.13em;color:#999;align-items:center;gap:10px;font:10px DM Mono,monospace;display:flex}.nav-actions{align-items:center;gap:30px;display:flex}.nav-contact{color:#fff;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:10px 0;font:11px DM Mono,monospace;transition:color .2s;display:flex}.nav-contact:hover,.nav-contact.contact-copied{color:var(--accent)}.menu-button{color:#fff;background:0 0;border:1px solid #555;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;transition:background .3s,color .3s;display:grid}.menu-button:hover{background:var(--accent);color:#000}.menu-overlay{z-index:1000;background:var(--accent);color:#080909;overscroll-behavior:contain;align-items:center;padding:110px 7vw 35px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-inner{width:100%}.menu-inner>a,.menu-contact-button{color:#080909;letter-spacing:-.08em;text-align:left;background:0 0;border:none;border-bottom:1px solid #0004;align-items:center;gap:25px;width:100%;padding:0;font-size:clamp(45px,8vw,125px);font-weight:700;line-height:1.25;transition:padding .3s;display:flex}.menu-inner>a:hover,.menu-contact-button:hover{padding-left:25px}.menu-inner>a span{letter-spacing:0;font:12px DM Mono,monospace}.menu-inner>a svg,.menu-contact-button svg{flex-shrink:0;width:30px;margin-left:auto}.menu-footer{margin-top:30px;font:11px DM Mono,monospace}.hero{flex-direction:column;justify-content:space-between;min-height:max(760px,100svh);padding:145px 5vw 50px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .07), transparent 70%);pointer-events:none;border-radius:50%;width:65vw;height:65vw;position:absolute;top:10%;right:-20%}.hero-top{z-index:3;letter-spacing:.14em;color:#9a9c97;justify-content:space-between;gap:20px;font:10px/1.6 DM Mono,monospace;display:flex;position:relative}.hero-content{z-index:3;width:100%;position:relative}.hero-overline{letter-spacing:.2em;align-items:center;gap:14px;margin-bottom:30px;font:11px DM Mono,monospace;display:flex}.asterisk{color:var(--accent);flex-shrink:0}.hero-headline{width:100%}.hero-line{letter-spacing:-.105em;white-space:nowrap;font-size:clamp(85px,14.1vw,230px);font-weight:700;line-height:.82}.hero-outline{color:#0000;-webkit-text-stroke:1.5px #f5f5f0bf}.hero-accent{color:var(--accent)}.hero-bottom{justify-content:space-between;align-items:end;gap:25px;margin-top:55px;display:flex}.hero-bottom p{color:#aaa;max-width:370px;margin:0;font-size:16px;line-height:1.6}.round-arrow{background:var(--accent);color:#080909;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:90px;height:90px;transition:box-shadow .3s;display:grid}.round-arrow:hover{box-shadow:0 0 50px rgba(var(--accent-rgb), .4)}.hero-side-label{writing-mode:vertical-rl;letter-spacing:.2em;color:#888;font:10px DM Mono,monospace;position:absolute;top:48%;right:2%}.hero-index{color:#777;font:10px DM Mono,monospace;position:absolute;bottom:30px;left:5vw}.orb-scene{z-index:2;perspective:1000px;pointer-events:none;width:clamp(250px,35vw,550px);height:clamp(250px,35vw,550px);position:absolute;top:18%;right:7%}.orb-halo{background:radial-gradient(circle, rgba(var(--accent-rgb), .25), transparent 70%);filter:blur(30px);border-radius:50%;animation:5s ease-in-out infinite haloPulse;position:absolute;inset:0}.orb-drag{transform-style:preserve-3d;cursor:grab;pointer-events:auto;touch-action:none;position:absolute;inset:9%}.orb-drag:active{cursor:grabbing}.orb-body{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;animation:7s ease-in-out infinite orbFloat;position:relative}.orb-core{box-shadow:inset -25px -30px 60px #000a, inset 20px 20px 40px #fff3, 0 0 100px rgba(var(--accent-rgb), .3), 20px 35px 70px #0009;background:radial-gradient(at 27% 19%,#fff 0%,#ffe4d8 7%,#0000 24%),radial-gradient(at 72% 78%,#28110b,#0000 45%),conic-gradient(from 30deg,#4b1d12,#ffb89f,#a9452e,#ffdfce,#36120c,#ff784f,#4b1d12);border-radius:50%;position:absolute;inset:10%;transform:translateZ(40px)}.orb-ring{box-shadow:0 0 18px rgba(var(--accent-rgb), .45);border:3px solid #ff9c7e;border-radius:50%;position:absolute;inset:4%}.ring-a{transform:rotateX(74deg)rotateY(20deg)}.ring-b{border-color:#ffe0d5;transform:rotateY(74deg)rotate(40deg)}.ring-c{border-width:1px;transform:rotateX(38deg)rotateY(70deg)}.orb-label{background:var(--accent);color:#111;letter-spacing:.12em;white-space:nowrap;padding:8px 12px;font:9px DM Mono,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(145px)}.orb-instruction{letter-spacing:.1em;color:#777;align-items:center;gap:8px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:-10px;right:0}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(9deg)}}@keyframes haloPulse{50%{opacity:.4;transform:scale(1.15)}}.marquee{z-index:5;background:var(--accent);color:#080909;padding:17px 0;position:relative;overflow:hidden;transform:rotate(-1.2deg)scale(1.03)}.marquee-track{width:max-content;animation:23s linear infinite marqueeMove;display:flex}.marquee-track span{white-space:nowrap;letter-spacing:.06em;align-items:center;gap:15px;padding-right:15px;font-size:18px;font-weight:700;display:inline-flex}.marquee-track svg{flex-shrink:0;width:15px;height:15px}@keyframes marqueeMove{to{transform:translate(-50%)}}.intro{padding-top:190px;padding-bottom:180px}.intro-grid{grid-template-columns:1.6fr 1fr;align-items:end;gap:9vw;margin-top:60px;display:grid}.intro-grid>*{min-width:0}.intro-heading{letter-spacing:-.09em;margin:0;font-size:clamp(65px,8.6vw,145px);font-weight:700;line-height:.91}.intro-heading em{color:#666;font-style:normal}.intro-heading span{color:var(--accent)}.intro-right{padding-bottom:8px}.intro-symbol{width:fit-content;color:var(--accent);transform-origin:50%;justify-content:flex-start;align-items:center;animation:18s linear infinite symbolSpin;display:flex}.intro-symbol svg{width:105px;height:105px}@keyframes symbolSpin{to{transform:rotate(360deg)}}.intro-right p{font-size:clamp(19px,2vw,29px);font-weight:500;line-height:1.3}.intro-right .muted{color:#8f938e;font-size:15px;font-weight:400;line-height:1.7}.text-link{border-bottom:1px solid var(--accent);color:var(--accent);align-items:center;gap:40px;margin-top:25px;padding-bottom:12px;font:12px DM Mono,monospace;display:inline-flex}.work{background:#0c0d0c}.project-list{flex-direction:column;gap:95px;display:flex}.project-topline{color:#8b8f89;letter-spacing:.08em;justify-content:space-between;gap:15px;margin-bottom:18px;font:11px DM Mono,monospace;display:flex}.project-card{position:relative}.project-visual{justify-content:center;align-items:center;height:clamp(340px,54vw,690px);display:flex;position:relative;overflow:hidden}.moovio-visual{background:radial-gradient(at 50% 70%,#e05c3d,#f97 55%,#f16c49)}.mock-browser{background:#131713;border:1px solid #ffffff40;border-radius:15px;grid-template-rows:38px 1fr;grid-template-columns:24% 1fr;width:min(74%,820px);height:78%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;transform:perspective(1100px)rotateY(-12deg)rotateX(7deg)rotate(-4deg);box-shadow:35px 45px #0002,0 50px 120px #0006}.project-card:hover .mock-browser{transform:perspective(1100px)rotateY(0)rotateX(0)rotate(0)scale(1.04)}.mock-browser-bar{color:#aaa;background:#252b24;grid-column:1/-1;align-items:center;gap:5px;padding:0 14px;font:9px DM Mono,monospace;display:flex}.mock-browser-bar i{background:#6a7167;border-radius:50%;width:7px;height:7px}.mock-browser-bar span{margin-left:auto}.mock-sidebar{border-right:1px solid #ffffff14;padding:24px 18px}.mock-sidebar strong{letter-spacing:-.07em;font-size:clamp(15px,2vw,28px)}.mock-sidebar strong span{color:var(--accent)}.mock-nav-line{background:#40302b;border-radius:3px;width:85%;height:8px;margin-top:26px}.mock-nav-line.short{width:60%}.mock-dashboard{min-width:0;padding:6% 7%}.mock-dashboard>span{color:#999;font:10px DM Mono,monospace}.mock-dashboard>strong{letter-spacing:-.06em;margin:12px 0 25px;font-size:clamp(20px,3.4vw,52px);display:block}.mock-stats{gap:12px;margin-bottom:18px;display:flex}.mock-stats>div{background:#28201e;border-radius:9px;flex-direction:column;flex:1;min-width:0;padding:15px;display:flex}.mock-stats b{font-size:clamp(20px,3vw,40px)}.mock-stats small{color:#a99;font:9px DM Mono,monospace}.mock-job{border-top:1px solid #ffffff20;justify-content:space-between;gap:10px;padding:15px 0;font:10px DM Mono,monospace;display:flex}.mock-job span:last-child{color:var(--accent);text-align:right}.project-floating-label{color:#111;font:10px DM Mono,monospace;position:absolute;bottom:35px;right:35px}.sabl-visual{background:radial-gradient(#3d365f,#191623 70%)}.sabl-glow{aspect-ratio:1;filter:blur(95px);background:#8d78ff33;border-radius:50%;width:65%;position:absolute}.sabl-phone{z-index:2;background:linear-gradient(145deg,#222031,#0b0b12);border:5px solid #4e4b62;border-radius:38px;width:min(36%,285px);min-width:185px;height:85%;padding:25px 20px;transition:transform .6s;position:relative;overflow:hidden;transform:rotate(-10deg);box-shadow:20px 30px 70px #000b,inset 0 0 25px #ffffff08}.project-card:hover .sabl-phone{transform:rotate(0)scale(1.04)}.sabl-phone-top{justify-content:space-between;font-weight:700;display:flex}.sabl-phone-top span:last-child{color:#aaa;font-size:8px}.sabl-small{color:#aaa;margin-top:45px;font:9px DM Mono,monospace;display:block}.sabl-balance{letter-spacing:-.07em;margin:8px 0 20px;font-size:clamp(25px,3vw,42px);font-weight:700}.sabl-balance span{color:#aaa}.sabl-phone svg{width:100%;height:105px}.sabl-cards{gap:8px;margin-top:25px;display:flex}.sabl-cards span{color:#aaa;background:#ffffff0d;border-radius:12px;flex:1;min-width:0;padding:12px 8px;font:8px/2 DM Mono,monospace}.sabl-cards b{color:#fff;font-size:12px}.sabl-word{letter-spacing:-.12em;color:#ffffff08;font-size:clamp(120px,24vw,400px);font-weight:700;position:absolute;bottom:-20%;left:0}.group-visual{background:radial-gradient(circle,#42271f,#1a1412 65%,#100e0d)}.group-orbit{aspect-ratio:1;border:1px solid rgba(var(--accent-rgb), .4);width:40%;box-shadow:0 0 30px rgba(var(--accent-rgb), .07);border-radius:50%;animation:15s linear infinite orbitSpin;position:absolute}.group-orbit-1{transform:rotateX(65deg)}.group-orbit-2{animation-duration:20s;transform:rotateY(65deg)}.group-orbit-3{animation-duration:12s;transform:rotateX(45deg)rotateY(45deg)}@keyframes orbitSpin{to{rotate:360deg}}.group-monogram{z-index:2;letter-spacing:-.1em;text-shadow:0 20px 40px #0008;font-size:clamp(70px,12vw,185px);font-weight:700;position:relative}.group-monogram>span:first-child,.group-dot{color:var(--accent)}.group-sub{letter-spacing:.2em;font:11px DM Mono,monospace;position:absolute;bottom:35px}.project-info{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.project-info>div:first-child{min-width:0}.project-info h3{letter-spacing:-.065em;margin:0;font-size:clamp(30px,5vw,65px)}.project-info p{color:#888;font-size:14px;line-height:1.5}.project-arrow{border:1px solid #555;border-radius:50%;flex-shrink:0;place-items:center;width:65px;height:65px;transition:background .3s,color .3s,rotate .3s;display:grid}.project-card:hover .project-arrow{background:var(--project-color);color:#111;rotate:45deg}.work-footer{color:#777;justify-content:space-between;gap:20px;margin-top:80px;font:10px DM Mono,monospace;display:flex}.playground{padding-top:180px}.playground-heading{justify-content:space-between;align-items:end;gap:30px;margin:40px 0 65px;display:flex}.playground-heading p{color:#999;max-width:270px;line-height:1.7}.playground-interface{background:#111311;border:1px solid #454845;border-radius:13px;width:100%;overflow:hidden}.playground-toolbar{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:70px;padding:0 30px;font:10px DM Mono,monospace;display:flex}.toolbar-title{align-items:center;gap:13px;display:flex}.toolbar-right{color:#999;gap:30px;display:flex}.toolbar-right span:last-child{color:var(--accent)}.playground-canvas{perspective:900px;touch-action:pan-y;background:radial-gradient(#2b211e,#111411 70%);justify-content:center;align-items:center;height:clamp(370px,48vw,650px);display:flex;position:relative;overflow:hidden}.playground-grid{opacity:.35;background-image:linear-gradient(#ffffff10 1px,#0000 1px),linear-gradient(90deg,#ffffff10 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 85%);mask-image:radial-gradient(#000 20%,#0000 85%)}.playground-word{z-index:3;letter-spacing:-.095em;text-align:center;white-space:nowrap;pointer-events:none;max-width:95%;transform-style:preserve-3d;font-weight:700;line-height:1;position:relative}.play-outline{-webkit-text-stroke:2px var(--accent);color:#0000!important}.play-shape{z-index:2;cursor:grab;touch-action:none;border:2px solid;border-radius:50%;position:absolute;box-shadow:0 0 50px #ffffff12}.play-shape:active{cursor:grabbing}.play-shape-1{border-radius:20%}.play-shape-2{border-radius:0}.canvas-corner{z-index:4;color:#888;pointer-events:none;font:10px DM Mono,monospace;position:absolute}.top-left{top:25px;left:25px}.bottom-left{bottom:25px;left:25px}.bottom-right{bottom:25px;right:25px}.playground-controls{border-top:1px solid #ffffff20;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:30px;padding:30px;display:flex}.control-group{flex-direction:column;gap:16px;min-width:0;display:flex}.control-group label{color:#999;justify-content:space-between;gap:10px;font:10px DM Mono,monospace;display:flex}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{border:0;border-radius:50%;width:27px;height:27px;position:relative}.swatch.active:after{content:"";border:1px solid #fff;border-radius:50%;position:absolute;inset:-5px}.control-buttons{gap:5px;display:flex}.control-buttons button{color:#aaa;background:#252825;border:1px solid #444;padding:10px 13px;font:10px DM Mono,monospace}.control-buttons button.selected{color:#111;background:#fff}.slider-group{width:125px}.slider-group input{width:100%;accent-color:var(--accent);cursor:pointer}.random-button{background:var(--accent);color:#080909;border:0;justify-content:center;align-items:center;gap:12px;padding:17px 20px;font:500 11px DM Mono,monospace;transition:transform .2s;display:flex}.random-button:hover{transform:translateY(-4px)}.services{padding-top:170px;padding-bottom:180px}.service-list{border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line)}.service-trigger{width:100%;color:var(--white);text-align:left;background:0 0;border:0;align-items:center;padding:35px 0;transition:color .3s;display:flex}.service-trigger:hover,.service-open .service-trigger{color:var(--accent)}.service-number{color:#888;flex-shrink:0;width:12%;font:12px DM Mono,monospace}.service-name{letter-spacing:-.075em;font-size:clamp(35px,6vw,95px);font-weight:700;line-height:1}.service-icon{margin-left:auto;padding-left:15px}.service-icon svg{width:30px;height:30px}.service-detail{overflow:hidden}.service-detail-inner{align-items:center;gap:40px;padding:20px 0 45px 12%;display:flex}.service-detail-inner>svg{color:var(--accent);flex-shrink:0}.service-detail-inner p{color:#999;max-width:400px;font-size:17px;line-height:1.6}.service-contact-button{color:var(--accent);white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;margin-left:auto;padding:10px 0;font:11px DM Mono,monospace;display:flex}.service-contact-button:hover{color:#ffae97}.statement{background:var(--accent);color:#080909;flex-direction:column;justify-content:center;align-items:center;padding:110px 0;display:flex;overflow:hidden}.statement-label{letter-spacing:.2em;text-align:center;margin-bottom:60px;font:11px DM Mono,monospace}.statement-line{letter-spacing:-.095em;white-space:nowrap;font-size:clamp(65px,13vw,220px);font-weight:700;line-height:.94}.statement-line span{color:#fff}.statement-outline{color:#0000;-webkit-text-stroke:2px #080909}.statement-outline span{color:#0000;-webkit-text-stroke:2px #fff}.contact{background:var(--accent);color:#080909;padding:0 5vw}.contact-inner{border-top:1px solid #0004;padding-top:40px}.contact-top{letter-spacing:.12em;justify-content:space-between;gap:25px;font:11px DM Mono,monospace;display:flex}.contact h2{letter-spacing:-.105em;margin:100px 0 65px;font-size:clamp(80px,14.5vw,245px);font-weight:700;line-height:.85}.contact h2 span{color:#fff}.contact-actions{flex-wrap:wrap;align-items:center;gap:35px;margin-bottom:170px;display:flex}.contact-main-button{color:#fff;background:#080909;border:0;border-radius:100px;justify-content:space-between;align-items:center;gap:65px;padding:26px 35px;font:13px DM Mono,monospace;transition:box-shadow .3s,background .3s;display:flex}.contact-main-button:hover{box-shadow:0 15px 40px #0004}.contact-main-button.contact-copied{color:#080909;background:#fff}.copy-email{color:#080909;background:0 0;border:0;border-bottom:1px solid #080909;padding:12px 0;font:12px DM Mono,monospace}.contact-footer{border-top:1px solid #0004;justify-content:space-between;align-items:end;gap:20px;padding:45px 0;display:flex}.footer-logo{letter-spacing:-.1em;font-size:55px;font-weight:700;line-height:.7}.footer-logo>span{color:#fff}.footer-logo small{letter-spacing:.3em;margin-top:12px;font:10px DM Mono,monospace;display:block}.footer-links{flex-wrap:wrap;gap:30px;display:flex}.footer-links a,.contact-footer>span{font:10px DM Mono,monospace}.footer-links a:hover{text-decoration:underline}.loading-screen{z-index:4000;background:var(--accent);color:#080909;flex-direction:column;justify-content:space-between;padding:38px 5vw 32px;display:flex;position:fixed;inset:0;overflow:hidden}.loading-top{letter-spacing:.13em;justify-content:space-between;align-items:center;gap:20px;font:11px DM Mono,monospace;display:flex}.loading-center{flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.loading-logo{letter-spacing:-.115em;white-space:nowrap;color:#080909;font-size:clamp(100px,23vw,380px);font-weight:700;line-height:.8}.loading-logo span{color:#fff}.loading-subtitle{letter-spacing:.3em;text-align:center;font:11px DM Mono,monospace}.loading-bottom{letter-spacing:.13em;justify-content:space-between;align-items:end;gap:20px;font:11px DM Mono,monospace;display:flex}.loading-progress{letter-spacing:-.09em;font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:clamp(70px,11vw,160px);font-weight:700;line-height:.8}.loading-progress small{vertical-align:top;letter-spacing:0;margin-left:7px;font-size:.3em}.loading-bar{background:#0002;height:6px;position:absolute;bottom:0;left:0;right:0}.loading-bar-fill{background:#080909;height:100%}@media (width<=1100px){.hero-line{font-size:14vw}.orb-scene{opacity:.75;top:24%;right:2%}.intro-grid{gap:5vw}.playground-controls{gap:25px}}@media (width<=800px){.section-pad{padding:100px 6vw}.nav{height:85px;padding:0 6vw}.nav-center{display:none}.nav-contact{font-size:10px}.hero{min-height:780px;padding:125px 6vw 50px}.hero-content{margin-top:120px}.hero-line{font-size:14.5vw}.orb-scene{opacity:.65;width:340px;height:340px;top:15%;right:-8%}.hero-side-label{display:none}.hero-bottom p{max-width:270px;font-size:14px}.round-arrow{width:70px;height:70px}.intro-grid{grid-template-columns:1fr;gap:55px}.intro-heading{font-size:clamp(65px,11vw,110px)}.intro-right{max-width:500px}.section-heading-row,.playground-heading{flex-direction:column;align-items:start}.heading-aside{max-width:450px}.project-visual{height:450px}.playground-controls{justify-content:flex-start}.contact h2{margin-top:80px}.contact-actions{margin-bottom:100px}}@media (width<=600px){.custom-cursor{display:none}.section-pad{padding:85px 20px}.nav{height:76px;padding:0 20px}.logo{font-size:29px}.nav-actions{gap:12px}.nav-contact{white-space:normal;text-align:right;gap:6px;max-width:145px;font-size:9px}.nav-contact svg{flex-shrink:0;width:14px}.menu-button{width:46px;height:46px}.menu-overlay{align-items:flex-start;padding:95px 20px 30px}.menu-inner{margin:auto 0}.menu-inner>a,.menu-contact-button{gap:12px;min-height:72px;font-size:clamp(38px,10vw,65px)}.menu-inner>a span{font-size:10px}.menu-inner>a svg,.menu-contact-button svg{width:22px}.menu-footer{font-size:9px;line-height:1.6}.hero{min-height:100dvh;padding:115px 20px 45px}.hero-top{letter-spacing:.08em;font-size:8px}.hero-coordinate{display:none}.hero-content{margin-top:145px}.hero-overline{letter-spacing:.1em;gap:10px;margin-bottom:22px;font-size:9px}.hero-overline svg{width:19px;height:19px}.hero-line{letter-spacing:-.095em;font-size:clamp(46px,13.6vw,85px);line-height:.95}.hero-outline{-webkit-text-stroke-width:1px}.orb-scene{opacity:.65;width:250px;height:250px;top:16%;right:-12%}.orb-label{padding:6px 8px;font-size:6px;transform:translate(-50%,-50%)translateZ(90px)}.orb-instruction{font-size:7px}.hero-bottom{gap:15px;margin-top:45px}.hero-bottom p{flex:1;max-width:215px;font-size:12px}.round-arrow{width:60px;height:60px}.round-arrow svg{width:25px}.hero-index{display:none}.marquee{padding:13px 0}.marquee-track span{gap:10px;padding-right:10px;font-size:13px}.marquee-track svg{width:12px;height:12px}.intro{padding-top:120px}.intro-grid{gap:50px;margin-top:45px}.intro-heading{font-size:clamp(48px,11.7vw,75px)}.intro-symbol svg{width:75px;height:75px}.intro-right p{font-size:20px}.intro-right .muted{font-size:14px}.massive-heading{overflow-wrap:anywhere;font-size:clamp(44px,10.4vw,75px);line-height:.93}.section-heading-row{gap:18px;margin:35px 0 50px}.heading-aside{font-size:14px}.project-list{gap:60px}.project-topline{gap:8px;font-size:8px}.project-topline span:last-child{display:none}.project-visual{height:330px}.mock-browser{border-radius:9px;grid-template-rows:28px 1fr;grid-template-columns:25% 1fr;width:85%;height:72%}.mock-browser-bar{padding:0 9px;font-size:7px}.mock-browser-bar i{width:5px;height:5px}.mock-sidebar{padding:12px 8px}.mock-sidebar strong{font-size:14px}.mock-nav-line{height:5px;margin-top:18px}.mock-dashboard{padding:12px}.mock-dashboard>span{font-size:7px}.mock-dashboard>strong{margin:8px 0 15px;font-size:20px}.mock-stats{gap:6px;margin-bottom:8px}.mock-stats>div{padding:8px}.mock-stats b{font-size:20px}.mock-stats small{font-size:6px}.mock-job{padding:10px 0;font-size:7px}.project-floating-label{font-size:8px;bottom:15px;right:15px}.sabl-phone{border-radius:30px;width:195px;min-width:0;height:85%;padding:18px 12px}.sabl-small{margin-top:30px}.sabl-balance{font-size:26px}.sabl-phone svg{height:80px}.sabl-cards{margin-top:12px}.sabl-cards span{padding:8px}.sabl-cards b{font-size:10px}.group-monogram{font-size:65px}.group-orbit{width:65%}.group-sub{font-size:8px;bottom:20px}.project-info{gap:12px;padding:20px 0}.project-info h3{font-size:34px}.project-info p{font-size:12px}.project-arrow{width:50px;height:50px}.project-arrow svg{width:23px}.work-footer{margin-top:55px;font-size:8px;line-height:1.6}.playground{padding-top:95px}.playground-heading{gap:15px;margin:35px 0 45px}.playground-heading p{font-size:14px}.playground-toolbar{height:56px;padding:0 15px}.toolbar-title{gap:8px;font-size:8px}.toolbar-right{display:none}.playground-canvas{height:350px}.playground-word{white-space:normal;overflow-wrap:anywhere;max-width:94%;padding:0 12px;font-size:clamp(28px,9vw,65px)!important}.play-shape{max-width:100px;max-height:100px}.canvas-corner{font-size:8px}.top-left{top:15px;left:15px}.bottom-left{bottom:15px;left:15px}.bottom-right{bottom:15px;right:15px}.playground-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px 15px;padding:22px;display:grid}.control-group{width:100%;min-width:0}.control-group label{font-size:9px}.swatches{gap:8px}.swatch{width:25px;height:25px}.control-buttons button{padding:10px;font-size:9px}.slider-group{width:100%}.random-button{grid-column:1/-1;width:100%;min-height:48px}.services{padding-top:100px;padding-bottom:110px}.service-trigger{min-height:80px;padding:25px 0}.service-number{width:15%;font-size:10px}.service-name{overflow-wrap:anywhere;font-size:clamp(27px,7vw,45px)}.service-icon svg{width:23px}.service-detail-inner{flex-wrap:wrap;gap:15px;padding:10px 0 35px}.service-detail-inner>svg{width:30px}.service-detail-inner p{flex:1;font-size:14px}.service-contact-button{width:100%;margin-left:45px}.statement{padding:90px 0}.statement-label{max-width:90%;margin-bottom:45px;font-size:9px}.statement-line{font-size:14vw}.contact{padding:0 20px}.contact-top{gap:20px;font-size:8px;line-height:1.5}.contact-top span:last-child{text-align:right;max-width:150px}.contact h2{margin:90px 0 45px;font-size:clamp(54px,13.5vw,90px)}.contact-actions{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:100px}.contact-main-button{gap:30px;min-height:58px;padding:23px;font-size:11px}.copy-email{font-size:11px}.contact-footer{flex-wrap:wrap;align-items:flex-start;gap:25px}.footer-logo{width:100%;font-size:48px}.footer-links{gap:18px}.footer-links a,.contact-footer>span{font-size:9px}.loading-screen{padding:25px 20px}.loading-top{font-size:8px}.loading-top span:last-child{text-align:right}.loading-logo{font-size:23vw}.loading-subtitle{letter-spacing:.18em;font-size:8px}.loading-bottom{font-size:8px}.loading-progress{font-size:70px}}@media (width<=390px){.hero-line{font-size:clamp(43px,13.1vw,55px)}.hero-overline{font-size:8px}.hero-bottom p{font-size:11px}.round-arrow{width:52px;height:52px}.intro-heading{font-size:clamp(44px,11vw,60px)}.massive-heading{font-size:clamp(40px,10vw,58px)}.project-visual{height:285px}.mock-dashboard>strong{font-size:16px}.mock-stats b{font-size:17px}.playground-canvas{height:310px}.contact h2{font-size:12.5vw}.footer-links{gap:12px}}@media (hover:none) and (pointer:coarse){.custom-cursor{display:none!important}button,a{touch-action:manipulation}.project-card:hover .mock-browser{transform:perspective(1100px)rotateY(-12deg)rotateX(7deg)rotate(-4deg)}.project-card:hover .sabl-phone{transform:rotate(-10deg)}.orb-drag,.play-shape{touch-action:none}}@supports (padding:env(safe-area-inset-bottom)){.contact-footer{padding-bottom:max(35px, env(safe-area-inset-bottom))}.loading-screen{padding-bottom:max(32px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.custom-cursor{display:none}.background-canvas{opacity:.3}}