:root{--color-accent-primary:#0e8d94;--color-accent-secondary:#72ad75;--color-accent-editorial:#e9d558;--color-accent-warm:#ffab07;--color-neutral:#434d53;--color-background:color-mix(in srgb, var(--color-neutral) 20%, black);--color-background-deep:color-mix(in srgb, var(--color-neutral) 14%, black);--color-surface:color-mix(in srgb, var(--color-neutral) 35%, black);--color-surface-raised:color-mix(in srgb, var(--color-neutral) 49%, black);--color-border:color-mix(in srgb, var(--color-neutral) 80%, transparent);--color-border-strong:color-mix(in srgb, var(--color-neutral) 80%, white);--color-text-primary:#f0eee7;--color-text-secondary:color-mix(in srgb, var(--color-neutral) 38%, var(--color-text-primary));--color-text-muted:color-mix(in srgb, var(--color-neutral) 56%, var(--color-text-primary));--color-text-faint:color-mix(in srgb, var(--color-neutral) 73%, var(--color-text-primary));--color-accent-readable:color-mix(in srgb, var(--color-accent-primary) 60%, var(--color-text-primary));--color-accent-soft:color-mix(in srgb, var(--color-accent-primary) 28%, var(--color-text-primary));--color-accent-deep:color-mix(in srgb, var(--color-accent-primary) 35%, var(--color-background));--color-secondary-soft:color-mix(in srgb, var(--color-accent-secondary) 28%, var(--color-text-primary));--color-secondary-deep:color-mix(in srgb, var(--color-accent-secondary) 35%, var(--color-background));--color-editorial-soft:color-mix(in srgb, var(--color-accent-editorial) 25%, var(--color-text-primary));--color-on-light:color-mix(in srgb, var(--color-neutral) 68%, black);--color-on-light-secondary:var(--color-neutral);--color-shadow:var(--color-background-deep);--color-mask:black;--color-button:var(--color-accent-soft);--color-button-hover:color-mix(in srgb, var(--color-accent-primary) 42%, var(--color-text-primary))}
:root{--bg:var(--color-background);--surface:var(--color-surface);--line:color-mix(in srgb, var(--color-border-strong) 8.63%, transparent);--text:var(--color-text-primary);--muted:var(--color-text-muted);--accent:var(--color-accent-readable);--button:var(--color-button);--display:"Space Grotesk Variable", sans-serif;--body:"DM Sans Variable", sans-serif;--serif:"Instrument Serif", serif;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500}em{font-family:var(--serif);font-weight:400}svg{flex-shrink:0}.skip{background:var(--text);color:var(--bg);z-index:100;padding:12px;position:fixed;top:-80px;left:20px}.skip:focus{top:12px}#reading-progress{background:var(--accent);transform-origin:0;z-index:100;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.header{z-index:30;background:color-mix(in srgb, var(--color-background) 90.98%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px max(5.2%,50% - 700px);display:flex;position:sticky;top:0}.brand{font:600 26px var(--display);letter-spacing:-1.4px;align-items:center;gap:10px;display:flex}.brand>svg{width:29px;height:32px;color:var(--accent)}.brand-code{color:var(--color-text-secondary);margin-left:5px;font-weight:400}.navigation{align-items:center;gap:34px;font-size:12px;display:flex}.navigation>a:not(.nav-cta){color:var(--color-text-secondary);padding:10px 0;position:relative}.navigation>a:not(.nav-cta):after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:1px;left:0;transform:scaleX(0)}.navigation>a:hover:after,.navigation>a[aria-current]:after{transform:scaleX(1)}.nav-cta{border:1px solid color-mix(in srgb, var(--color-accent-primary) 25.1%, transparent);border-radius:30px;align-items:center;gap:25px;padding:13px 21px;transition:background .25s,color .25s;display:flex}.nav-cta:hover{background:var(--text);color:var(--bg)}.menu-toggle{color:var(--text);background:0 0;border:0;display:none}.hero{isolation:isolate;grid-template-columns:1.12fr 1fr;column-gap:12px;max-width:1560px;margin:auto;padding:38px 5.2% 0;display:grid;position:relative;overflow:hidden}.hero-grid{z-index:-1;opacity:.3;background-image:linear-gradient(color-mix(in srgb, var(--color-border-strong) 2.35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-border-strong) 2.35%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(to right, transparent 25%, var(--color-mask));mask-image:linear-gradient(to right, transparent 25%, var(--color-mask));background-size:86px 86px;position:absolute;inset:0}.hero-topline{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:65px;display:flex}.eyebrow{font:500 9px var(--display);letter-spacing:1.5px;color:var(--muted);align-items:center;gap:14px;margin-bottom:28px;display:flex}.eyebrow>span:not(.status-dot){color:var(--accent)}.hero-topline .eyebrow{margin:0}.status-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 4.31%, transparent);border-radius:50%;flex-shrink:0}.edition{font:9px var(--display);letter-spacing:1px;color:var(--color-text-faint)}.hero-copy{z-index:4;padding-bottom:12px;position:relative}.hero h1{font:500 clamp(54px, 5.65vw, 85px)/1.06 var(--display);letter-spacing:-4.5px;margin:0 0 29px}.title-line{margin-bottom:-7px;padding:3px 0 7px;display:block;overflow:hidden}.title-line>span,.title-line>em{animation:title-rise 1.15s var(--ease) both;display:block}.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>em{color:var(--accent);letter-spacing:-2.4px;padding:0 0 8px;font-size:1.18em;line-height:.95;animation-delay:.24s}.hero-description{color:var(--color-text-muted);max-width:350px;margin:31px 0 0;font-size:15px;line-height:1.8;animation:1s .45s both fade-up}.hero-actions{align-items:center;gap:25px;margin-top:31px;animation:1s .55s both fade-up;display:flex}.button{font:600 12px var(--body);transition:background .25s, transform .3s var(--ease), box-shadow .3s;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:22px;padding:18px 23px;display:inline-flex;position:relative;overflow:hidden}.primary{background:var(--button);color:var(--color-surface)}.primary:hover{background:var(--color-accent-readable);box-shadow:0 8px 35px color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);transform:translateY(-3px)}.button svg,.nav-cta svg,.text-link svg{transition:transform .3s var(--ease)}.button:hover svg,.nav-cta:hover svg{transform:translate(3px,-3px)}.button:active{transform:translateY(0)}.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.text-link{align-items:center;gap:12px;font-size:11px;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link:hover svg{transform:translateY(3px)}.hero-note{font:9px var(--display);letter-spacing:.9px;color:var(--color-text-faint);align-items:center;gap:12px;margin-top:35px;animation:1s .65s both fade-up;display:flex}.note-cross{color:var(--accent);font-size:19px}.hero-bottom{border-top:1px solid var(--line);font:8px var(--display);letter-spacing:1.2px;color:var(--color-text-faint);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:67px;padding:22px 0;display:flex}.hero-bottom a{align-items:center;gap:12px;display:flex}.scroll-symbol{border:1px solid color-mix(in srgb, var(--color-border-strong) 15.69%, transparent);border-radius:12px;place-items:center;width:18px;height:25px;display:grid;overflow:hidden}.scroll-symbol svg{animation:2.4s ease-in-out infinite scroll-arrow}.hero-index{color:var(--accent)}.hero-scene{perspective:1000px;min-width:0;min-height:500px;animation:scene-enter 1.5s .3s var(--ease) both;--rx:0deg;--ry:0deg;margin-top:-42px;position:relative}.scene-halo{background:radial-gradient(ellipse at 60% 48%, color-mix(in srgb, var(--color-accent-primary) 14.12%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:-70px -100px -40px -40px}.scene-orbits{fill:none;width:calc(100% + 100px);height:calc(100% + 110px);stroke:color-mix(in srgb, var(--color-accent-primary) 9.8%, transparent);stroke-width:.6px;animation:24s ease-in-out infinite alternate orbit-drift;position:absolute;inset:-60px -50px}.scene-label{font:7px var(--display);letter-spacing:1.3px;color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:50px;right:5px}.scene-label svg{color:var(--accent)}.scene-float{height:320px;animation:7s ease-in-out infinite levitate;position:absolute;top:100px;left:28px;right:3px}.scene-stack{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-14deg + var(--ry))) rotateZ(-7deg);transition:transform .6s var(--ease);position:relative}.wire-layer{border:1px solid color-mix(in srgb, var(--color-accent-primary) 23.14%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 16.08%, transparent);border-radius:8px;position:absolute;inset:0}.wire-layer>span{letter-spacing:1px;color:var(--color-accent-readable);font:7px monospace;position:absolute;top:9px;left:12px}.wire-back{animation:layer-back 1.6s .4s var(--ease) both;transform:translate(47px,-64px)translateZ(-80px)}.wire-middle{animation:layer-middle 1.6s .3s var(--ease) both;transform:translate(24px,-32px)translateZ(-40px)}.wire-grid{background:linear-gradient(color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent) 1px, transparent 1px);background-size:35px 35px;position:absolute;inset:32px 12px 12px}.wire-outline{border:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);position:absolute;inset:35px 18px 18px}.wire-outline:before{content:"";border-left:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);height:100%;position:absolute;left:50%}.browser-art{border:1px solid color-mix(in srgb, var(--color-accent-primary) 32.94%, transparent);background:var(--color-surface);box-shadow:0 25px 80px color-mix(in srgb, var(--color-shadow) 46.67%, transparent);backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden}.browser-chrome{background:var(--color-surface);height:31px;color:var(--color-text-secondary);font:7px var(--body);letter-spacing:.4px;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:var(--color-text-faint);border-radius:50%;width:4px;height:4px}.scene-preview{height:calc(100% - 31px);overflow:hidden}.site-preview{background:var(--color-text-primary);height:100%;color:var(--color-on-light-secondary);animation:preview-in .5s var(--ease);padding:19px 20px 13px}.sample-nav{border-bottom:1px solid color-mix(in srgb, var(--color-secondary-deep) 13.73%, transparent);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.sample-nav>b{font:500 18px var(--display);letter-spacing:-1px}.sample-nav b span{vertical-align:super;font-size:7px}.sample-nav>span{font:5px var(--body);letter-spacing:.7px}.sample-hero{align-items:center;height:185px;display:flex;position:relative}.sample-copy{z-index:2;width:58%;position:relative}.sample-copy>small{letter-spacing:.5px;font-size:5px}.sample-copy h2{font:500 clamp(21px, 2.4vw, 36px)/1.05 var(--display);letter-spacing:-1.4px;margin:12px 0 18px}.sample-copy h2 em{color:var(--color-on-light-secondary);font-size:1.2em}.sample-cta{border-bottom:1px solid color-mix(in srgb, var(--color-secondary-deep) 37.65%, transparent);align-items:center;gap:17px;width:fit-content;padding-bottom:5px;font-size:5px;display:flex}.sample-footer{border-top:1px solid color-mix(in srgb, var(--color-secondary-deep) 13.73%, transparent);letter-spacing:.7px;justify-content:space-between;align-items:center;padding-top:10px;font-size:5px;display:flex}.arch-art{background:linear-gradient(135deg, var(--color-secondary-soft), var(--color-text-primary) 55%, var(--color-accent-secondary));width:49%;height:173px;position:absolute;top:10px;right:-20px;overflow:hidden}.arch{border:24px solid var(--color-text-primary);width:120px;height:190px;box-shadow:7px 5px 10px color-mix(in srgb, var(--color-secondary-deep) 20.78%, transparent), inset 7px 4px 8px color-mix(in srgb, var(--color-secondary-deep) 25.1%, transparent);border-bottom:0;border-radius:90px 90px 0 0;position:absolute;bottom:-43px;right:-25px;transform:skewY(-7deg)}.arch-two{border-width:21px;border-color:var(--color-secondary-soft);width:105px;height:160px;bottom:-35px;right:39px}.arch-three{border-width:18px;border-color:var(--color-text-primary);width:92px;height:140px;bottom:-37px;right:89px}.arch-sun{background:var(--color-editorial-soft);width:20px;height:20px;box-shadow:0 0 40px var(--color-editorial-soft);border-radius:50%;position:absolute;top:15px;right:15px}.arch-floor{background:linear-gradient(175deg, transparent, var(--color-secondary-soft));width:100%;height:27px;position:absolute;bottom:0}.code-fragment{border:1px solid color-mix(in srgb, var(--color-accent-primary) 20.78%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 92.16%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:242px;box-shadow:0 20px 35px color-mix(in srgb, var(--color-shadow) 26.67%, transparent);z-index:5;border-radius:7px;padding:13px 17px 12px;animation:8s ease-in-out infinite code-float;position:absolute;bottom:27px;left:0;transform:rotate(3deg)}.code-fragment>div{color:var(--color-text-muted);border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:12px;padding-bottom:9px;font-size:7px;display:flex}.code-fragment code{color:var(--color-text-secondary);font:10px/1.85 monospace;display:block}.code-fragment code>span{color:var(--color-accent-readable)}.code-fragment code em{font:inherit;color:var(--color-accent-readable)}.code-fragment code b{color:var(--color-secondary-soft);font-weight:400}.code-indent{padding-left:14px}.code-caret{background:var(--accent);width:5px;height:10px;margin-left:4px;animation:1.2s step-end infinite blink;display:inline-block}.scene-check{background:color-mix(in srgb, var(--color-accent-primary) 85.88%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-primary) 18.82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6;border-radius:4px;align-items:center;gap:9px;padding:12px 15px;font-size:8px;animation:7s ease-in-out -3s infinite levitate;display:flex;position:absolute;bottom:63px;right:-3px}.scene-check>span{border:1px solid color-mix(in srgb, var(--color-accent-primary) 33.33%, transparent);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.scene-controls{z-index:8;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:-36px;left:0;right:0}.scene-controls>span{font:6px var(--display);letter-spacing:1px;color:var(--color-text-muted)}.scene-options{border:1px solid color-mix(in srgb, var(--color-border-strong) 11.76%, transparent);background:var(--color-background);border-radius:30px;padding:4px;display:flex}.scene-options button{color:var(--color-text-muted);font:9px var(--display);background:0 0;border:0;border-radius:20px;padding:9px 15px;transition:background .25s,color .25s}.scene-options button[aria-pressed=true]{background:var(--color-accent-readable);color:var(--color-surface)}.scene-options button:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--color-border-strong) 4.31%, transparent);color:var(--color-text-primary)}.app-preview{background:var(--color-surface);height:100%;animation:preview-in .5s var(--ease);display:flex}.app-sidebar{border-right:1px solid var(--line);width:45px;color:var(--accent);flex-direction:column;align-items:center;gap:23px;padding:20px 12px;display:flex}.app-sidebar>span{border:1px solid var(--color-text-faint);border-radius:2px;width:11px;height:10px}.app-sidebar .active{background:var(--color-accent-readable);border-color:var(--color-accent-readable)}.app-body{width:100%;padding:17px 22px}.app-top{justify-content:space-between;align-items:center;display:flex}.app-top small{font:6px var(--body);letter-spacing:1px;color:var(--color-text-muted)}.app-avatar{background:var(--color-surface-raised);border-radius:50%;padding:6px;font-size:7px}.app-body h2{letter-spacing:-1px;margin:9px 0 17px;font-size:22px}.app-summary{border:1px solid var(--line);background:var(--color-surface);border-radius:5px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.app-summary>div>span{color:var(--color-text-muted);letter-spacing:1px;font-size:6px}.app-summary strong{font:30px var(--display);margin-top:5px;display:block}.app-summary strong small{font:8px var(--body);color:var(--color-text-muted)}.app-spark{align-items:flex-end;gap:6px;height:45px;display:flex}.app-spark i{background:var(--color-accent-readable);width:9px;height:40%;animation:bar-grow 1s var(--ease) both;transform-origin:bottom}.app-spark i:nth-child(2n){height:65%;animation-delay:.1s}.app-spark i:nth-child(3n){height:85%;animation-delay:.2s}.app-spark i:last-child{height:100%;animation-delay:.3s}.app-tasks{margin-top:15px}.app-tasks>div{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:8px 0;font-size:7px;display:flex}.app-tasks>div>span{border:1px solid color-mix(in srgb, var(--color-text-faint) 29.02%, transparent);border-radius:3px;place-items:center;width:11px;height:11px;display:grid}.app-tasks>div .task-done{background:var(--color-accent-readable);color:var(--color-surface)}.app-tasks small{letter-spacing:.5px;color:var(--color-text-muted);margin-left:auto;font-size:4px}.expertise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--color-background);justify-content:space-between;align-items:center;max-width:1560px;margin:auto;padding:31px 5.2%;display:flex}.expertise-strip>span{font:8px var(--display);letter-spacing:1.2px;color:var(--color-text-muted)}.expertise-strip>div{font:400 21px var(--display);letter-spacing:-.6px;align-items:center;gap:27px;display:flex}.expertise-strip svg{width:15px;color:var(--color-accent-readable);animation:18s linear infinite slow-turn}.section{max-width:1560px;margin:auto;padding:108px 5.2%}.section h2{font:500 clamp(36px, 4vw, 58px)/1.1 var(--display);letter-spacing:-2.2px;margin-bottom:26px}.section h2 em{font-size:1.15em}.section-heading{grid-template-columns:1fr 2.2fr auto;align-items:start;gap:25px;display:grid}.section-heading .eyebrow{white-space:nowrap;padding-top:8px}.section-heading>div>p{color:var(--color-on-light-secondary);font-size:13px;line-height:1.8}.section-symbol svg{stroke-width:1px;width:64px;height:64px;color:var(--color-on-light-secondary)}.solutions{background:var(--color-text-primary);color:var(--color-secondary-deep);border-radius:18px 18px 0 0}.solutions .eyebrow,.solutions .eyebrow>span,.solutions h2 em{color:var(--color-on-light-secondary)}.service-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:45px;display:grid}.service-card{border:1px solid color-mix(in srgb, var(--color-secondary-deep) 14.51%, transparent);background:var(--color-secondary-soft);transition:transform .5s var(--ease), box-shadow .5s, border-color .3s;border-radius:8px;padding:24px 27px 0;display:block;position:relative;overflow:hidden}.service-apps{background:var(--color-text-primary);color:var(--color-surface)}.service-card:hover{box-shadow:0 20px 45px color-mix(in srgb, var(--color-secondary-deep) 7.06%, transparent);border-color:color-mix(in srgb, var(--color-surface) 37.65%, transparent);transform:translateY(-7px)}.service-card-top{font:8px var(--display);letter-spacing:1px;color:var(--color-on-light-secondary);justify-content:space-between;align-items:center;display:flex}.service-apps .service-card-top{color:var(--color-on-light-secondary)}.round-arrow{border:1px solid color-mix(in srgb, var(--color-accent-primary) 18.82%, transparent);border-radius:50%;place-items:center;width:34px;height:34px;transition:background .3s,color .3s,transform .3s;display:grid}.round-arrow svg{width:17px}.service-card:hover .round-arrow{background:var(--color-on-light-secondary);color:var(--color-text-primary);transform:rotate(45deg)}.service-card h3{letter-spacing:-1.3px;margin:26px 0 18px;font-size:35px;line-height:1.12}.service-card h3 em{color:var(--color-on-light-secondary);font-size:1.2em}.service-apps h3 em{color:var(--color-on-light-secondary)}.service-card>p{color:var(--color-on-light-secondary);max-width:340px;font-size:12px;line-height:1.8}.service-apps>p{color:var(--color-on-light-secondary)}.service-art{height:240px;margin:25px -27px 0;position:relative;overflow:hidden}.mini-browser{background:var(--color-editorial-soft);border:1px solid color-mix(in srgb, var(--color-on-light-secondary) 25.1%, transparent);width:72%;height:210px;transition:transform .7s var(--ease);box-shadow:12px 14px 0 color-mix(in srgb, var(--color-secondary-soft) 32.55%, transparent), 0 10px 35px color-mix(in srgb, var(--color-on-light-secondary) 8.24%, transparent);border-radius:5px 5px 0 0;position:absolute;top:24px;left:14%;transform:rotate(-5deg)translateY(10px)}.service-card:hover .mini-browser{transform:rotate(-2deg)translateY(-3px)}.mini-chrome{border-bottom:1px solid color-mix(in srgb, var(--color-on-light-secondary) 14.51%, transparent);align-items:center;gap:4px;height:21px;padding:0 9px;display:flex}.mini-chrome i{background:var(--color-on-light-secondary);border-radius:50%;width:3px;height:3px}.mini-chrome>span{color:var(--color-on-light-secondary);margin-left:auto;font-size:5px}.mini-web{height:190px;padding:27px 23px;position:relative;overflow:hidden}.mini-web>span{font:5px var(--display);letter-spacing:1px}.mini-web>strong{font:500 26px/1.1 var(--display);letter-spacing:-1px;z-index:2;margin-top:15px;display:block;position:relative}.mini-web strong em{color:var(--color-on-light-secondary);font-size:1.2em}.mini-web>small{margin-top:16px;font-size:5px;display:block}.mini-orb{background:repeating-radial-gradient(ellipse at 65% 30%, var(--color-accent-secondary) 0, var(--color-accent-secondary) 2px, var(--color-secondary-soft) 3px, var(--color-secondary-soft) 6px);width:133px;height:133px;box-shadow:inset -15px -20px 30px color-mix(in srgb, var(--color-secondary-deep) 37.65%, transparent);transition:transform 1.5s var(--ease);border-radius:50%;position:absolute;top:36px;right:-15px;transform:rotate(-25deg)}.service-card:hover .mini-orb{transform:rotate(15deg)}.art-label{font:6px var(--display);letter-spacing:1px;color:var(--color-on-light-secondary);background:color-mix(in srgb, var(--color-secondary-soft) 90.98%, transparent);border-radius:2px;padding:5px 7px;position:absolute;bottom:7px;left:27px}.system-art .art-label{background:var(--color-text-primary);color:var(--color-on-light-secondary)}.system-grid{background:radial-gradient(color-mix(in srgb, var(--color-on-light-secondary) 21.96%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(transparent, var(--color-mask) 20%, var(--color-mask) 80%, transparent);mask-image:linear-gradient(transparent, var(--color-mask) 20%, var(--color-mask) 80%, transparent);background-size:16px 16px;position:absolute;inset:0}.system-art>svg{fill:none;width:100%;height:100%;stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:5 5;animation:16s linear infinite dash-travel;position:absolute;inset:0}.system-node{z-index:2;border:1px solid color-mix(in srgb, var(--color-accent-primary) 21.18%, transparent);background:color-mix(in srgb, var(--color-text-primary) 94.12%, transparent);box-shadow:0 7px 25px color-mix(in srgb, var(--color-on-light-secondary) 7.06%, transparent);border-radius:6px;align-items:center;gap:10px;padding:17px;font-size:10px;display:flex;position:absolute}.node-one{flex-direction:column;gap:8px;width:115px;animation:7s ease-in-out -2s infinite levitate;top:80px;left:8%}.node-one svg{color:var(--color-on-light-secondary);width:23px}.node-two{top:35px;right:6%}.node-three{bottom:44px;right:6%}.node-dot{background:var(--color-on-light-secondary);width:5px;height:5px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 7.06%, transparent);border-radius:50%}.service-bottom{border-top:1px solid color-mix(in srgb, var(--color-secondary-deep) 13.33%, transparent);background:inherit;justify-content:space-between;align-items:center;gap:10px;padding:21px 0;display:flex;position:relative}.service-bottom>span:first-child{font:6px var(--display);letter-spacing:.6px;color:var(--color-on-light-secondary)}.service-bottom>span:last-child{align-items:center;gap:13px;font-size:10px;display:flex}.craft{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.1fr;gap:100px;display:grid}.craft h2 em,.process h2 em{color:var(--color-accent-readable)}.craft-intro>p:not(.eyebrow),.process-heading>p:not(.eyebrow){color:var(--muted);max-width:330px;font-size:14px;line-height:1.8}.craft-intro>.text-link{margin-top:10px}.craft-details{padding-top:43px}.craft-details details{border-top:1px solid var(--line);padding:23px 0}.craft-details details:last-child{border-bottom:1px solid var(--line)}.craft-details summary{font:500 18px var(--display);cursor:pointer;letter-spacing:-.4px;align-items:center;gap:20px;list-style:none;display:flex}.craft-details summary::-webkit-details-marker{display:none}.detail-plus{color:var(--color-text-muted);margin-left:auto;font-size:22px;transition:transform .3s}.craft-details details[open] .detail-plus{transform:rotate(45deg)}.craft-details details>p{color:var(--muted);animation:fade-up .4s var(--ease);margin:16px 25px 0 34px;font-size:13px;line-height:1.85}.process{grid-template-columns:1fr 1.1fr;gap:100px;display:grid}.process-heading{align-self:start;position:sticky;top:150px}.process-list article{border-top:1px solid var(--line);gap:25px;padding:34px 0 42px;display:flex;position:relative}.process-list article:last-child{border-bottom:1px solid var(--line)}.step-number{font:14px var(--display);color:var(--accent);padding-top:1px}.process-list small{font:7px var(--display);letter-spacing:1.1px;color:var(--color-text-muted)}.process-list h3{letter-spacing:-.8px;margin:15px 0 12px;font-size:27px}.process-list p{color:var(--muted);max-width:320px;margin:0;font-size:13px;line-height:1.85}.step-arrow{color:var(--color-text-faint);margin-left:auto;transition:transform .4s}.process-list article:hover .step-arrow{color:var(--accent);transform:translate(3px,-3px)}.process-glyph{place-items:center;width:150px;height:150px;margin-top:45px;display:grid;position:relative}.process-glyph>div{border:1px solid color-mix(in srgb, var(--color-accent-primary) 14.51%, transparent);border-radius:7px;width:112px;height:112px;animation:6s ease-in-out infinite glyph-pulse;position:absolute;transform:rotate(45deg)}.process-glyph>div:nth-child(2){width:81px;height:81px;animation-delay:1s}.process-glyph>div:nth-child(3){width:50px;height:50px;animation-delay:2s}.process-glyph>svg{color:var(--accent);width:21px}.closing{background:var(--color-accent-readable);color:var(--color-surface);border-radius:14px 14px 0 0;padding-top:80px;padding-bottom:60px;position:relative;overflow:hidden}.closing>div:first-child{z-index:2;position:relative}.closing .eyebrow{color:var(--color-text-faint)}.closing .eyebrow>span{color:var(--color-surface-raised)}.closing h2{letter-spacing:-5px;max-width:950px;margin-bottom:50px;font-size:clamp(60px,8.8vw,125px);line-height:.99}.closing h2 em{color:var(--color-accent-readable)}.closing-bottom{justify-content:space-between;align-items:center;gap:30px;max-width:760px;display:flex}.closing-bottom p{color:var(--color-surface-raised);margin:0;font-size:13px;line-height:1.8}.closing-link{border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 33.33%, transparent);font:500 21px var(--display);letter-spacing:-.8px;align-items:center;gap:35px;padding:15px 0;display:flex}.closing-link svg{transition:transform .3s}.closing-watermark{font:400 480px/.9 var(--display);color:color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);pointer-events:none;position:absolute;top:0;right:-50px;transform:rotate(-8deg)}.footer{max-width:1560px;margin:auto;padding:48px 5.2% 25px}.footer-top{align-items:center;gap:60px;padding-bottom:40px;display:flex}.footer-brand{font:600 32px var(--display);letter-spacing:-2px}.footer-brand>span{color:var(--color-text-secondary);font-weight:400}.footer-top>p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.footer-top>a:last-child{align-items:center;gap:25px;margin-left:auto;font-size:12px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--color-text-muted);font:8px var(--display);letter-spacing:.6px;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-bottom small{font-size:9px}.footer-bottom>a{font-size:10px}.inner-page{max-width:1100px;min-height:75vh;padding-top:60px}.back-link{color:var(--muted);margin-bottom:60px;font-size:12px;display:inline-block}.inner-page h1{font:500 clamp(44px, 6vw, 82px)/1.06 var(--display);letter-spacing:-3px;max-width:900px;animation:title-rise .9s var(--ease);margin:0 0 30px}.inner-description{color:var(--muted);max-width:680px;font-size:18px;line-height:1.8;animation:.9s .1s both fade-up}.inner-list{margin:48px 0}.inner-list p{border-top:1px solid var(--line);gap:30px;padding:25px 0;line-height:1.7;display:flex}.inner-list span{font:11px var(--display);color:var(--accent);padding-top:5px}.contact-form{gap:24px;max-width:720px;margin-top:45px;display:grid}.contact-form label{color:var(--muted);gap:10px;font-size:13px;display:grid}.contact-form .form-pair>div{align-content:start;gap:10px;display:grid}.contact-form .field-error{color:var(--color-accent-editorial);font-size:12px;line-height:1.5}.briefing-whatsapp{gap:14px;transition:background .2s,border-color .2s}.briefing-whatsapp:hover{border-color:var(--color-accent-primary);background:var(--color-accent-readable)}.briefing-whatsapp svg{transition:transform .2s}.briefing-whatsapp:hover svg{transform:translate(2px,-2px)}.briefing-whatsapp:focus-visible{outline:2px solid var(--color-accent-readable);outline-offset:4px}.briefing-whatsapp:disabled{opacity:.65;cursor:wait}@media (prefers-reduced-motion:reduce){.briefing-whatsapp,.briefing-whatsapp svg{transition:none}.briefing-whatsapp:hover svg{transform:none}}.form-pair{grid-template-columns:1fr 1fr;gap:22px;display:grid}input,select,textarea{background:var(--surface);border:1px solid color-mix(in srgb, var(--color-border-strong) 12.55%, transparent);width:100%;color:var(--text);border-radius:4px;padding:16px;transition:border-color .25s}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 40.0%, transparent)}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.form-note{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.contact-form>.button{justify-self:start}.brief-result{border:1px solid var(--line);border-radius:5px;padding:25px}.brief-result h3{font:500 20px var(--display)}.brief-result pre{font:14px/1.7 var(--body);white-space:pre-wrap;overflow-wrap:anywhere}[data-reveal]{transition:opacity .85s var(--ease), translate .85s var(--ease)}[data-visible=false]{opacity:0;translate:0 35px}[data-visible=true]{opacity:1;translate:0}.service-card:nth-child(2){transition-delay:90ms}@keyframes title-rise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-enter{0%{opacity:0;transform:translate(30px,20px)}to{opacity:1;transform:translate(0)}}@keyframes levitate{0%,to{translate:0}50%{translate:0 -12px}}@keyframes code-float{0%,to{translate:0}50%{translate:0 8px}}@keyframes orbit-drift{0%{transform:rotate(-4deg)}to{transform:rotate(7deg)}}@keyframes layer-back{0%{opacity:0;transform:translate(0)translateZ(-80px)}to{opacity:1;transform:translate(47px,-64px)translateZ(-80px)}}@keyframes layer-middle{0%{opacity:0;transform:translate(0)translateZ(-40px)}to{opacity:1;transform:translate(24px,-32px)translateZ(-40px)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes preview-in{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes scroll-arrow{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes dash-travel{to{stroke-dashoffset:-100px}}@keyframes glyph-pulse{0%,to{border-color:color-mix(in srgb, var(--color-accent-primary) 14.51%, transparent);scale:1}50%{border-color:color-mix(in srgb, var(--color-accent-primary) 43.92%, transparent);scale:1.05}}@media (min-width:1560px){.hero{padding-top:48px}.hero-topline{margin-bottom:90px}.hero-bottom{margin-top:85px}.hero-scene{min-height:540px}.scene-float{height:350px}.sample-hero{height:214px}.arch-art{height:204px}.code-fragment{bottom:30px}.scene-check{bottom:80px}}@media (max-width:1150px){.hero h1{letter-spacing:-3px;font-size:clamp(48px,5.65vw,65px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-topline{margin-bottom:55px}.hero-scene{min-height:480px}.scene-float{height:290px;top:110px;left:5px;right:0}.sample-hero{height:158px}.arch-art{height:148px}.sample-copy h2{font-size:26px}.scene-check{padding:10px;font-size:7px;bottom:70px}.code-fragment{width:217px;bottom:27px;left:-10px}.code-fragment code{font-size:9px}.scene-label{left:10px}.scene-controls>span{font-size:5px}.expertise-strip>div{gap:21px;font-size:17px}.section-heading{grid-template-columns:.8fr 1.7fr}.section-symbol{display:none}.service-card{padding-left:22px;padding-right:22px}.service-art{margin-left:-22px;margin-right:-22px}.craft,.process{gap:65px}.service-bottom>span:first-child{font-size:5px}.service-bottom>span:last-child{font-size:9px}.node-one{width:100px;left:5%}.system-node{padding:14px;font-size:8px}.node-two,.node-three{right:5%}.hero-bottom{margin-top:65px}}@media (max-width:850px){.navigation{gap:20px;font-size:11px}.hero h1{letter-spacing:-2.8px;font-size:48px}.hero-description{max-width:300px;font-size:13px}.scene-float{height:265px}.sample-nav>span:nth-child(2){display:none}.sample-hero{height:139px}.sample-copy h2{font-size:24px}.arch-art{height:130px}.site-preview{padding:14px}.sample-copy>small{font-size:4px}.scene-check{bottom:91px}.code-fragment{bottom:45px}.scene-controls{bottom:-15px}.scene-controls>span{display:none}.hero-note{font-size:7px}.section-heading{grid-template-columns:1fr}.section-heading>.eyebrow{margin-bottom:7px}.expertise-strip>span{display:none}.expertise-strip>div{justify-content:space-between;width:100%;font-size:18px}.service-card h3{font-size:30px}.service-bottom>span:first-child{display:none}.service-bottom>span:last-child{justify-content:space-between;width:100%;font-size:11px}.mini-browser{width:80%;left:10%}.node-two,.node-three{font-size:7px;right:4%}.node-one{width:90px;left:4%}.system-node{padding:12px}.craft,.process{gap:40px}.craft-details summary{font-size:16px}.section h2{font-size:40px}.closing h2{font-size:80px}.closing-link{gap:20px;font-size:18px}}@media (max-width:680px){html{scroll-padding-top:95px}.header{padding:18px 6%}.brand{font-size:24px}.brand>svg{width:25px}.menu-toggle{padding:7px;display:block}.navigation{background:var(--color-background);border-bottom:1px solid var(--line);box-shadow:0 20px 30px color-mix(in srgb, var(--color-shadow) 26.67%, transparent);align-items:stretch;padding:23px 6% 28px;display:none;position:absolute;top:76px;left:0;right:0}.navigation.open{animation:fade-up .25s var(--ease);flex-direction:column;gap:17px;display:flex}.navigation>a:not(.nav-cta){font-size:15px}.nav-cta{justify-content:space-between;margin-top:8px}.hero{flex-direction:column;padding:30px 6% 0;display:flex;overflow:hidden}.hero-topline{margin-bottom:37px}.hero-topline .eyebrow{letter-spacing:1px;gap:9px;font-size:7px}.edition{display:none}.hero h1{letter-spacing:-2.6px;margin-bottom:20px;font-size:clamp(43px,9.7vw,66px)}.title-line:nth-child(3)>em{letter-spacing:-1.4px}.hero-description{max-width:330px;margin-top:26px;font-size:14px}.hero-actions{flex-flow:wrap;align-items:center;gap:20px;margin-top:26px}.button{gap:20px;padding:17px 19px;font-size:11px}.text-link{gap:10px;font-size:10px}.hero-note{letter-spacing:.7px;gap:8px;margin-top:26px;font-size:7px}.hero-scene{align-self:center;width:100%;max-width:460px;height:445px;min-height:445px;margin-top:37px}.scene-float{height:270px;top:95px;left:9px;right:15px}.scene-stack{transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-12deg + var(--ry))) rotateZ(-7deg)}.wire-back{animation:none;transform:translate(32px,-54px)translateZ(-80px)}.wire-middle{animation:none;transform:translate(16px,-27px)translateZ(-40px)}.sample-hero{height:143px}.sample-copy h2{font-size:28px}.arch-art{height:137px}.scene-label{font-size:6px;top:10px;left:10px;right:10px}.code-fragment{width:205px;padding:10px 13px;bottom:40px;left:0}.code-fragment>div{margin-bottom:7px;padding-bottom:7px;font-size:6px}.code-fragment code{font-size:8px;line-height:1.8}.scene-check{gap:6px;padding:9px 11px;font-size:6px;bottom:83px;right:0}.scene-check>span{width:17px;height:17px}.scene-controls{bottom:-10px}.scene-controls>span{font-size:5px;display:block}.scene-options button{padding:9px 12px;font-size:8px}.hero-bottom{width:100%;margin-top:39px;padding:20px 0;font-size:7px}.hero-bottom>span:not(.hero-index){display:none}.expertise-strip{padding:23px 6%}.expertise-strip>div{letter-spacing:-.2px;gap:10px;font-size:12px}.expertise-strip svg{width:10px;height:10px}.section{padding:65px 6%}.section h2{letter-spacing:-1.7px;font-size:clamp(34px,8.5vw,48px)}.section-heading{gap:12px}.section-heading>div>p{font-size:12px}.eyebrow{letter-spacing:1px;gap:10px;margin-bottom:22px;font-size:8px}.service-grid{grid-template-columns:1fr;gap:22px;margin-top:27px}.service-card{padding:22px 24px 0}.service-card h3{font-size:35px}.service-art{height:220px;margin-left:-24px;margin-right:-24px}.service-card>p{font-size:12px}.mini-browser{width:74%;height:205px;left:13%}.service-card-top{font-size:7px}.node-one{width:110px;left:10%}.node-two,.node-three{font-size:8px;right:8%}.system-node{padding:14px}.service-bottom>span:first-child{font-size:5px;display:block}.service-bottom>span:last-child{width:auto;font-size:9px}.craft,.process{grid-template-columns:1fr;gap:26px}.craft-details{padding-top:8px}.craft-details summary{font-size:17px}.craft-details details>p{font-size:12px}.craft-intro>p:not(.eyebrow),.process-heading>p:not(.eyebrow){font-size:13px}.process-heading{position:static}.process-glyph{display:none}.process-list article{gap:20px;padding:28px 0 33px}.process-list h3{font-size:25px}.process-list p{font-size:12px}.closing{padding-top:58px;padding-bottom:45px}.closing h2{letter-spacing:-2.6px;margin-bottom:35px;font-size:clamp(57px,12.8vw,83px)}.closing-bottom{flex-direction:column;align-items:flex-start;gap:20px}.closing-bottom p{font-size:12px}.closing-link{gap:35px;font-size:19px}.closing-watermark{font-size:340px;top:30px;right:-100px}.footer{padding:35px 6% 23px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:30px}.footer-brand{font-size:28px}.footer-top>p{margin-left:auto;font-size:10px}.footer-top>a:last-child{justify-content:space-between;width:100%;margin-top:8px;margin-left:0;font-size:11px}.footer-bottom>span{display:none}.footer-bottom small{font-size:8px}.footer-bottom>a{font-size:9px}.inner-page{padding-top:40px}.inner-page h1{letter-spacing:-2px;font-size:clamp(40px,10vw,64px)}.inner-description{font-size:16px}.inner-list p{gap:20px;font-size:14px}.form-pair{grid-template-columns:1fr}.back-link{margin-bottom:40px}.inner-page>.eyebrow{font-size:8px}.app-body{padding:14px}.app-body h2{font-size:20px}.app-summary{padding:9px 12px}.app-summary strong{font-size:25px}.app-tasks{margin-top:10px}.app-tasks>div{padding:7px 0;font-size:6px}.app-top small{font-size:5px}}@media (max-width:360px){.hero h1{font-size:41px}.hero-scene{height:410px;min-height:410px}.scene-float{height:248px;left:0;right:7px}.site-preview{padding:11px}.sample-hero{height:130px}.sample-copy h2{font-size:24px}.arch-art{height:125px}.code-fragment{width:190px;bottom:33px}.scene-check{font-size:5px;bottom:72px}.hero-topline .eyebrow{font-size:6px}.scene-controls>span{font-size:4px}.expertise-strip>div{font-size:10px}.service-card{padding-left:18px;padding-right:18px}.service-bottom>span:first-child{display:none}.node-one{width:90px;left:6%}.node-two,.node-three{font-size:7px;right:5%}}.service-card[data-reveal]{transition:opacity .85s var(--ease), translate .85s var(--ease), transform .5s var(--ease), box-shadow .5s, border-color .3s}.scene-options button{min-height:38px}.inner-page h1 em{color:var(--accent);font-size:1.1em}.inner-capabilities{grid-template-columns:1fr 1fr;gap:28px 40px;margin:75px 0 60px;display:grid}.inner-capabilities article{border-top:1px solid var(--line);gap:20px;padding:26px 0;display:flex}.inner-capabilities article>span{font:10px var(--display);color:var(--accent);padding-top:6px}.inner-capabilities article>svg{color:var(--color-text-faint);margin-left:auto}.inner-capabilities h2{letter-spacing:-.6px;margin-bottom:14px;font-size:23px}.inner-capabilities p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.inner-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-top:45px;display:flex}.inner-next h2{margin:0;font-size:40px}.inner-next h2 em{color:var(--accent)}.craft-details summary>span:first-child{font:9px var(--display);color:var(--color-accent-readable)}.inner-page{animation:fade-up .55s var(--ease)}@media (max-width:680px){.expertise-strip>div{gap:6px;font-size:11px}.scene-options button{min-height:44px}.inner-capabilities{grid-template-columns:1fr;gap:0;margin:45px 0}.inner-capabilities h2{font-size:23px}.inner-next{flex-direction:column;align-items:flex-start;gap:30px}.inner-next h2{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-visible=false]{opacity:1;translate:none}.scene-stack{transform:rotateX(8deg)rotateY(-14deg)rotate(-7deg)}.title-line>span,.title-line>em{opacity:1;transform:none}}.hero h1{font-size:clamp(50px,5.25vw,79px)}.hero-topline .eyebrow{letter-spacing:1.4px;gap:12px}.hero-topline .eyebrow>span{font-variant-numeric:tabular-nums;letter-spacing:.04em}.hero .scene-stack{transform:rotateX(calc(5deg + var(--rx))) rotateY(calc(-9deg + var(--ry))) rotateZ(-4deg)}.hero-actions .button.primary{box-shadow:none;border-radius:2px;gap:18px;padding:15px 20px;transition:background .18s,color .18s}.hero-actions .button.primary:hover{box-shadow:none;background:var(--color-accent-readable);transform:none}.hero-actions .button.primary svg{width:18px;height:18px;transition:transform .18s}.hero-actions .button.primary:hover svg{transform:translate(2px,-2px)}@media (max-width:1150px){.hero h1{font-size:clamp(45px,5.25vw,60px)}}@media (max-width:850px){.hero h1{font-size:45px}}@media (max-width:680px){.hero h1{font-size:clamp(40px,9vw,61px)}.hero-topline .eyebrow{letter-spacing:1px;gap:10px}.hero-actions .button.primary{gap:16px;padding:14px 17px}}@media (max-width:360px){.hero h1{font-size:38px}}@media (prefers-reduced-motion:reduce){.hero .scene-stack{transform:rotateX(5deg)rotateY(-9deg)rotate(-4deg)}.hero-actions .button.primary:hover svg{transform:none}}.hero .title-line>span,.hero .title-line>em{animation:.55s cubic-bezier(.22,.61,.36,1) both hero-line-in}.hero .title-line:nth-child(2)>span{animation-delay:90ms}.hero .title-line:nth-child(3)>em{animation-delay:.18s}.hero-description{animation:.5s cubic-bezier(.22,.61,.36,1) .36s both hero-detail-in}.hero-actions{animation:.5s cubic-bezier(.22,.61,.36,1) .44s both hero-detail-in}.hero .hero-scene{transform-origin:100%;animation:.65s cubic-bezier(.22,.61,.36,1) .22s both hero-scene-in;left:10px;scale:.94}.hero-scene *{animation:none}.hero .scene-stack{transition:none;transform:rotateX(5deg)rotateY(-9deg)rotate(-4deg)}.hero .scene-float{animation:none}.hero .wire-back{animation:.5s cubic-bezier(.22,.61,.36,1) .32s both hero-detail-in}.hero .scene-orbits{animation:.5s cubic-bezier(.22,.61,.36,1) .4s both hero-detail-in}.hero .code-fragment{transform-origin:0 100%;box-shadow:none;animation:.5s cubic-bezier(.22,.61,.36,1) .62s both hero-code-in;left:12px;scale:.88}.hero .scene-controls{animation:.45s cubic-bezier(.22,.61,.36,1) .72s both hero-detail-in}.hero .scene-options{border-color:color-mix(in srgb, var(--color-accent-primary) 25.1%, transparent);background:0 0;border-radius:3px;padding:3px}.hero .scene-options button{cursor:pointer;border-radius:1px;min-height:36px;transition:background .18s,color .18s}.hero .scene-options button:focus-visible{outline:1px solid var(--color-accent-readable);outline-offset:3px}.hero-actions .button.primary{gap:15px;padding:13px 18px}@keyframes hero-line-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-detail-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes hero-scene-in{0%{opacity:0;transform:translate(20px)rotate(1deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes hero-code-in{0%{opacity:0;transform:translateY(8px)rotate(4deg)}to{opacity:1;transform:translateY(0)rotate(3deg)}}@media (max-width:680px){.hero .hero-scene{left:4px}.hero-actions .button.primary{padding:12px 16px}.hero .code-fragment{left:6px}}@media (prefers-reduced-motion:reduce){.hero .hero-scene,.hero .title-line>span,.hero .title-line>em,.hero-description,.hero-actions,.hero .wire-back,.hero .scene-orbits,.hero .code-fragment,.hero .scene-controls{opacity:1;animation:none!important}.hero .hero-scene{transform:none}.hero .code-fragment{transform:rotate(3deg)}}:root:is([data-intro=pending],[data-intro=playing],[data-intro=leaving]) .hero *{animation-play-state:paused}.hero .hero-scene{top:-25px}.hero .code-fragment{bottom:55px;left:20px}.hero .scene-options{background:0 0;border:0;border-radius:0;gap:24px;padding:0}.hero .scene-options button{min-height:36px;color:var(--color-text-muted);font:500 9px var(--display);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px 0;transition:color .18s;position:relative}.hero .scene-options button[aria-pressed=true]{color:var(--color-accent-readable);background:0 0}.hero .scene-options button:hover:not([aria-pressed=true]){color:var(--color-text-secondary);background:0 0}.hero .scene-options button:after{content:"";background:var(--color-accent-readable);transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.hero .scene-options button[aria-pressed=true]:after{transform:scaleX(1)}.hero .site-preview,.hero .app-preview{animation:.35s cubic-bezier(.22,.61,.36,1) both hero-preview-switch}@keyframes hero-preview-switch{0%{opacity:0;translate:8px}to{opacity:1;translate:0}}@media (max-width:680px){.hero .code-fragment{bottom:60px;left:12px}.hero .scene-options{gap:22px}.hero .scene-options button{font-size:8px}}@media (prefers-reduced-motion:reduce){.hero .site-preview,.hero .app-preview{animation:none!important}.hero .scene-options button:after{transition:none}}.hero .code-fragment{border-color:color-mix(in srgb, var(--color-accent-primary) 40.0%, transparent);background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:3px;width:278px;padding:17px 19px 18px;transition:scale .35s,transform .35s,background .35s,border-color .35s;animation-name:hero-build-in;animation-fill-mode:backwards;bottom:48px;transform:rotate(1deg)}.hero .code-fragment>div{font:500 11px/1.4 var(--display);letter-spacing:.09em;color:var(--color-accent-readable);border-bottom-color:color-mix(in srgb, var(--color-accent-primary) 14.9%, transparent);gap:9px;margin-bottom:13px;padding-bottom:11px}.hero .code-fragment>div svg{width:16px;height:16px;color:var(--color-accent-readable);flex-shrink:0}.hero .code-fragment .build-relation{font:500 14px/1.8 var(--display);letter-spacing:.035em;color:var(--color-text-secondary);grid-template-columns:1fr 20px 1fr;align-items:center;gap:10px;margin:0;display:grid}.hero .code-fragment .build-relation+p{margin-top:4px}.hero .code-fragment .build-relation>span:nth-child(2){color:var(--color-accent-readable);text-align:center}.hero .code-fragment .build-relation strong{font:inherit;color:var(--color-text-primary)}@media (hover:hover){.hero .code-fragment:hover{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-accent-primary) 60%, transparent);transform:rotate(0)}}@keyframes hero-build-in{0%{opacity:0;transform:translateY(8px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(1deg)}}@media (max-width:1150px){.hero .code-fragment{width:250px;padding:15px 16px}.hero .code-fragment .build-relation{gap:8px;font-size:13px}}@media (max-width:680px){.hero .code-fragment{width:238px;padding:14px 16px;bottom:48px}.hero .code-fragment>div{margin-bottom:10px;padding-bottom:9px;font-size:10px}.hero .code-fragment .build-relation{font-size:13px}}@media (prefers-reduced-motion:reduce){.hero .code-fragment{transition:none;transform:rotate(1deg);animation:none!important}.hero .code-fragment:hover{transform:rotate(1deg)}}.closing.section{border:1px solid color-mix(in srgb, var(--color-accent-primary) 27.06%, transparent);background:radial-gradient(ellipse at 67% 28%,color-mix(in srgb, var(--color-accent-primary) 37.65%, transparent),transparent 34%),radial-gradient(ellipse at 20% 33%,color-mix(in srgb, var(--color-accent-primary) 31.37%, transparent),transparent 40%),var(--color-background);width:89.6%;max-width:1450px;color:var(--color-accent-readable);isolation:isolate;border-radius:18px;margin:28px auto 0;padding:70px 5.4% 58px}.closing .eyebrow,.closing .eyebrow>span{color:var(--color-accent-readable)}.closing .eyebrow{margin-bottom:30px;font-size:9px}.closing.section h2{font:500 clamp(52px,6.8vw,108px)/1.05 var(--display);letter-spacing:-.055em;background:linear-gradient(100deg,var(--color-accent-readable) 12%,var(--color-accent-readable) 42%,var(--color-surface-raised) 93%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:1050px;margin:0 0 48px}.closing.section h2 em{color:var(--color-accent-readable);letter-spacing:-.035em;margin-top:10px;font-size:1.08em;line-height:1.05;display:inline-block}.closing-bottom{justify-content:flex-start;align-items:center;gap:clamp(35px,5vw,80px);max-width:950px}.closing-bottom p{color:var(--color-accent-readable);font-size:14px;line-height:1.85}.closing-link{color:var(--color-accent-readable);border-bottom-color:color-mix(in srgb, var(--color-accent-primary) 43.92%, transparent);letter-spacing:-.025em;flex-shrink:0;gap:30px;padding:12px 0;font-size:20px}.closing-link:hover{color:var(--color-accent-readable)}.closing-link:hover svg{transform:translate(4px)}.closing-watermark{color:color-mix(in srgb, var(--color-accent-primary) 16.86%, transparent);z-index:0;font-size:320px;line-height:1;top:70px;right:32px;transform:rotate(-7deg)}@media (max-width:1150px){.closing.section{padding:52px 5% 44px}.closing.section h2{font-size:clamp(52px,6.8vw,78px)}.closing-watermark{font-size:240px;top:80px;right:18px}.closing-bottom{gap:35px}.closing-bottom p{font-size:13px}.closing-link{gap:20px;font-size:18px}}@media (max-width:680px){.closing.section{border-radius:12px;width:88%;margin-top:20px;padding:34px 7% 32px}.closing .eyebrow{letter-spacing:1px;margin-bottom:25px;font-size:7px}.closing.section h2{margin-bottom:30px;font-size:clamp(38px,9.5vw,60px);line-height:1.05}.closing.section h2 em{margin-top:9px;font-size:1.08em}.closing-bottom{flex-direction:column;align-items:flex-start;gap:18px}.closing-bottom p{font-size:12px}.closing-bottom p br{display:none}.closing-link{gap:24px;padding:10px 0;font-size:17px}.closing-watermark{color:color-mix(in srgb, var(--color-accent-primary) 9.8%, transparent);font-size:130px;top:190px;right:12px}}.closing.section h2{color:inherit;background:0 0}.closing-title-blend{background:linear-gradient(95deg,var(--color-accent-readable) 8%,var(--color-accent-readable) 42%,var(--color-text-faint) 68%,var(--color-surface-raised) 88%,color-mix(in srgb, var(--color-accent-primary) 56.47%, transparent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.closing-title-blend:after{content:attr(data-text);color:var(--color-accent-readable);filter:blur(9px);opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 35%,var(--color-shadow) 85%);mask-image:linear-gradient(90deg,transparent 35%,var(--color-shadow) 85%);pointer-events:none;z-index:-1;content:attr(data-text) / "";position:absolute;inset:0}
html{scrollbar-gutter:stable}.intro-screen{z-index:1000;background:var(--color-background);min-height:100svh;color:var(--color-secondary-soft);place-items:center;animation:.65s 3.4s both intro-fallback;display:grid;position:fixed;inset:0}.intro-corner{color:var(--color-text-faint);font:8px var(--display);letter-spacing:1.5px;justify-content:space-between;animation:.7s .15s both intro-opacity;display:flex;position:absolute;top:35px;left:5.2%;right:5.2%}.intro-center{text-align:center;animation:intro-center .8s var(--ease) both;padding:28px}.intro-symbol{color:var(--accent);margin:0 auto 22px}.intro-symbol svg{width:36px;height:36px}.intro-wordmark{font:700 clamp(36px, 10vw, 142px)/1 var(--display);letter-spacing:-.065em;white-space:nowrap;animation:intro-brand 1.05s .12s var(--ease) both;margin:0}.intro-wordmark>span:not(.intro-period){font-weight:400}.intro-wordmark .intro-period{color:var(--accent)}.intro-rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent-primary) 47.06%, transparent), transparent);transform-origin:50%;width:150px;height:1px;animation:intro-line .75s .5s var(--ease) both;margin:27px auto 21px}.intro-tagline{color:var(--color-text-muted);font:400 clamp(12px, 1.4vw, 18px) var(--body);letter-spacing:2px;margin:0;animation:.8s .65s both fade-up}.intro-skip{color:var(--color-text-muted);font:9px var(--display);letter-spacing:1.4px;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:14px;transition:color .2s;animation:.6s .8s both intro-opacity;display:flex;position:absolute;bottom:42px;left:50%;translate:-50%}.intro-skip:hover{color:var(--text)}.intro-track{background:color-mix(in srgb, var(--color-border-strong) 3.53%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.intro-track span{transform-origin:0;background:color-mix(in srgb, var(--color-accent-primary) 53.33%, transparent);width:100%;height:100%;animation:2.4s linear forwards intro-line;display:block;transform:scaleX(0)}.intro-leaving{animation:intro-dismiss .65s var(--ease) forwards;pointer-events:none}.intro-leaving .intro-center{animation:intro-center-out .65s var(--ease) forwards}:root:is([data-intro=pending],[data-intro=playing]) :is(.hero,.inner-page) *,:root:is([data-intro=pending],[data-intro=playing]) .inner-page{animation-play-state:paused}.description-lead{padding-left:22px;position:relative}.description-lead:before{content:"";background:linear-gradient(var(--accent), color-mix(in srgb, var(--color-accent-primary) 6.27%, transparent));transform-origin:top;width:1px;animation:lead-line 1s .25s var(--ease) both;position:absolute;top:8px;bottom:8px;left:0}.inner-capabilities{gap:22px}.inner-capabilities .description-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--color-accent-primary) 9.8%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--color-accent-primary) 38.82%, transparent), color-mix(in srgb, var(--color-accent-primary) 50.2%, transparent));--spot-x:50%;--spot-y:50%;min-height:255px;transition:opacity .85s var(--ease), translate .85s var(--ease), border-color .4s, background .4s, transform .4s var(--ease);border-radius:13px;padding:30px;display:block;position:relative;overflow:hidden}.description-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y), color-mix(in srgb, var(--color-accent-primary) 8.63%, transparent), transparent 75%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.inner-capabilities .description-card:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 33.33%, transparent);background-color:var(--color-surface);transform:translateY(-4px)}.description-card:hover:before{opacity:1}.description-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.description-icon{background:color-mix(in srgb, var(--color-accent-primary) 3.92%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);width:44px;height:44px;color:var(--accent);transition:transform .4s var(--ease), background .4s;border-radius:11px;place-items:center;display:grid}.description-card:hover .description-icon{background:color-mix(in srgb, var(--color-accent-primary) 9.8%, transparent);transform:rotate(-6deg)scale(1.06)}.description-number{font:9px var(--display);letter-spacing:1px;color:var(--color-text-muted)}.inner-capabilities .description-card h2{z-index:2;margin:0 0 15px;font-size:22px;position:relative}.inner-capabilities .description-card p{z-index:2;max-width:360px;font-size:13px;line-height:1.9;position:relative}.description-shape{z-index:-1;opacity:.55;width:125px;height:125px;transition:opacity .6s, transform .8s var(--ease);position:absolute;top:-40px;right:-40px}.description-shape i{border:1px solid color-mix(in srgb, var(--color-accent-primary) 14.9%, transparent);border-radius:50%;position:absolute;inset:0}.description-shape i:nth-child(2){inset:14px}.description-shape i:nth-child(3){inset:28px}.shape-1{top:-45px;right:-52px;transform:rotate(45deg)}.shape-1 i{border-radius:12px}.shape-2 i{border-radius:50% 10%}.shape-3 i{border-radius:0;transform:skew(-10deg)}.description-card:hover .description-shape{opacity:1;transform:rotate(20deg)scale(1.15)}.description-card:hover .shape-1{transform:rotate(70deg)scale(1.15)}.description-card:nth-child(2){transition-delay:80ms}.description-card:nth-child(3){transition-delay:40ms}.description-card:nth-child(4){transition-delay:.12s}.studio-statement{border:1px solid color-mix(in srgb, var(--color-accent-primary) 16.08%, transparent);isolation:isolate;background:linear-gradient(120deg, color-mix(in srgb, var(--color-accent-primary) 5.49%, transparent), transparent 75%);border-radius:16px;grid-template-columns:155px 1fr;align-items:center;gap:36px;margin:70px 0 0;padding:46px 40px;display:grid;position:relative;overflow:hidden}.studio-statement:before{content:"";z-index:-1;background:radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--color-accent-primary) 5.49%, transparent), transparent 65%);position:absolute;inset:0}.statement-copy .eyebrow{margin-bottom:20px;font-size:8px}.section .statement-copy h2{letter-spacing:-1.3px;margin-bottom:22px;font-size:clamp(26px,3vw,38px)}.statement-copy h2 em{color:var(--color-accent-readable)}.statement-copy>p:last-child{color:var(--color-text-muted);max-width:490px;margin:0;font-size:13px;line-height:1.9}.statement-orbit{place-items:center;width:155px;height:155px;display:grid;position:relative}.statement-orbit i{border:1px solid color-mix(in srgb, var(--color-accent-primary) 21.96%, transparent);border-radius:50%;width:130px;height:130px;animation:16s linear infinite statement-turn;position:absolute;transform:rotateX(60deg)rotate(-25deg)}.statement-orbit i:nth-child(2){width:145px;height:145px;animation-name:statement-turn-alt;animation-duration:20s;transform:rotateY(60deg)rotate(30deg)}.statement-orbit i:nth-child(3){border-style:dashed;width:97px;height:97px;animation:25s linear infinite slow-turn;transform:rotateX(20deg)}.statement-orbit span{font:500 55px var(--display);color:var(--color-accent-readable);text-shadow:0 0 45px color-mix(in srgb, var(--color-accent-primary) 31.37%, transparent);transform:skew(-7deg)}.craft-details{border:1px solid color-mix(in srgb, var(--color-accent-primary) 9.8%, transparent);background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--color-accent-primary) 4.71%, transparent), transparent 70%);border-radius:14px;align-self:center;padding:20px 27px;position:relative;overflow:hidden}.craft-details details:first-child{border-top:0}.craft-details details:last-child{border-bottom:0}.craft-details details:hover summary{color:var(--color-accent-readable)}.craft-details details{transition:color .3s}.process-list article{transition:opacity .85s var(--ease), translate .85s var(--ease), background .4s;border-radius:5px;padding-left:16px;padding-right:16px}.process-list article:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-primary) 3.53%, transparent), transparent)}@keyframes intro-opacity{0%{opacity:0}to{opacity:1}}@keyframes intro-center{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-brand{0%{opacity:0;filter:blur(3px);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes intro-line{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes intro-dismiss{to{opacity:0;visibility:hidden}}@keyframes intro-fallback{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes intro-center-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)scale(1.02)}}@keyframes lead-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes statement-turn{0%{transform:rotateX(60deg)rotate(-25deg)}to{transform:rotateX(60deg)rotate(335deg)}}@keyframes statement-turn-alt{0%{transform:rotateY(60deg)rotate(30deg)}to{transform:rotateY(60deg)rotate(-330deg)}}@media (max-width:680px){.intro-corner{letter-spacing:1px;font-size:6px;top:27px;left:6%;right:6%}.intro-corner>span:last-child{display:none}.intro-center{padding:16px}.intro-wordmark{font-size:clamp(30px,11.8vw,70px)}.intro-symbol svg{width:29px;height:29px}.intro-rule{width:120px;margin:22px auto 18px}.intro-tagline{letter-spacing:1px;font-size:11px}.intro-skip{white-space:nowrap;font-size:8px;bottom:30px}.studio-statement{grid-template-columns:1fr;gap:14px;margin-top:45px;padding:28px 24px}.statement-orbit{width:90px;height:90px}.statement-orbit i{width:78px;height:78px}.statement-orbit i:nth-child(2){width:90px;height:90px}.statement-orbit i:nth-child(3){width:60px;height:60px}.statement-orbit span{font-size:39px}.section .statement-copy h2{font-size:29px}.statement-copy>p:last-child{font-size:12px}.inner-capabilities .description-card{min-height:230px;padding:25px}.inner-capabilities .description-card h2{font-size:22px}.craft-details{padding:10px 20px}.craft-details summary{gap:13px;font-size:15px}}@media (prefers-reduced-motion:reduce){.intro-screen{display:none}.description-card:hover{transform:none!important}.description-card:hover .description-shape,.description-card:hover .description-icon{transform:none}}
.hero{padding-bottom:80px}.services-nav{border-bottom:1px solid var(--line);padding-top:66px;padding-bottom:64px}.services-intro{align-items:baseline;gap:55px;margin-bottom:32px;display:flex}.services-intro .eyebrow{flex-shrink:0;margin:0}.section .services-intro h2{letter-spacing:-.9px;margin:0;font-size:26px;line-height:1.25}.service-link{border-top:1px solid color-mix(in srgb, var(--color-border-strong) 12.55%, transparent);min-height:107px;transition:opacity .85s var(--ease), translate .85s var(--ease), color .25s;grid-template-columns:32px minmax(240px,1fr) minmax(210px,1fr) auto;align-items:center;gap:25px;display:grid;position:relative}.service-link:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-border-strong) 12.55%, transparent)}.service-index{color:var(--color-text-muted);font:10px var(--display)}.service-link h3{letter-spacing:-.8px;transition:color .25s, transform .35s var(--ease);margin:0;font-size:25px;line-height:1.2}.service-link p{color:var(--color-text-muted);max-width:340px;margin:0;font-size:12px;line-height:1.7}.service-action{color:var(--color-accent-readable);align-items:center;gap:18px;font-size:11px;display:flex}.service-action svg{transition:transform .35s var(--ease)}.service-link:after{content:"";background:color-mix(in srgb, var(--color-accent-primary) 56.47%, transparent);transform-origin:0;height:1px;transition:transform .45s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.service-link:hover h3{color:var(--accent);transform:translate(4px)}.service-link:hover .service-action svg{transform:translate(3px,-3px)}.service-link:hover:after{transform:scaleX(1)}@media (max-width:1000px){.services-intro{gap:35px}.service-link{grid-template-columns:24px minmax(210px,1fr) minmax(180px,1fr) auto;gap:18px}.service-link h3{font-size:22px}.service-action{gap:10px}}@media (max-width:760px){.services-intro{flex-direction:column;gap:15px}.service-link{grid-template-columns:22px 1fr auto;gap:10px 16px;min-height:0;padding:24px 0}.service-link h3{font-size:23px}.service-link p{grid-area:2/2;max-width:320px}.service-action{grid-area:1/3/3;gap:0;font-size:0}.service-index{align-self:start;padding-top:7px}}@media (max-width:680px){.services-nav{padding-top:42px;padding-bottom:42px}.services-intro{margin-bottom:26px}.section .services-intro h2{max-width:290px;font-size:25px}.service-link h3{letter-spacing:-.5px;font-size:20px}.service-link p{font-size:12px}}@media (prefers-reduced-motion:reduce){.service-link:hover h3,.service-link:hover .service-action svg{transform:none}}
.portfolio-page{padding-top:160px;padding-bottom:0}.portfolio-intro{border-bottom:1px solid var(--border,var(--color-surface));padding-bottom:60px}.portfolio-intro h1{letter-spacing:-.065em;margin:28px 0 36px;font-size:clamp(48px,6.5vw,94px);font-weight:500;line-height:1.03}.portfolio-intro h1 em,.portfolio-contact em{color:var(--color-text-secondary);letter-spacing:-.035em;font-family:Instrument Serif,serif;font-weight:400}.portfolio-intro-bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.portfolio-intro-bottom p{color:var(--color-text-secondary);max-width:550px;margin:0;font-size:16px;line-height:1.8}.portfolio-intro-bottom>span{text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted);white-space:nowrap;font-size:10px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 40px;padding-top:48px;display:grid}.project-preview{aspect-ratio:1.44;background:var(--color-background);border-radius:4px;display:block;position:relative;overflow:hidden}.project-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .7s}.project-preview:hover img{filter:brightness(.85);transform:scale(1.025)}.project-visit{background:color-mix(in srgb, var(--color-accent-primary) 86.67%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--color-border-strong) 18.82%, transparent);color:var(--color-text-primary);border-radius:3px;align-items:center;gap:18px;padding:12px 16px;font-size:12px;transition:background .25s;display:flex;position:absolute;bottom:18px;right:18px}.project-preview:hover .project-visit{background:var(--color-surface)}.project-meta{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;margin-top:23px;font-size:9px;display:flex}.portfolio-project h2{letter-spacing:-.045em;margin:12px 0 15px;font-size:clamp(23px,2.3vw,32px);font-weight:500}.portfolio-project h2 a{justify-content:space-between;align-items:center;gap:15px;display:flex}.portfolio-project h2 svg{color:var(--color-text-muted);transition:transform .25s}.portfolio-project h2 a:hover svg{transform:translate(3px,-3px)}.project-description{color:var(--color-text-secondary);max-width:520px;margin:0;font-size:14px;line-height:1.8}.project-features{border-top:1px solid color-mix(in srgb, var(--color-border-strong) 7.06%, transparent);color:var(--color-text-muted);flex-wrap:wrap;gap:8px 17px;margin:18px 0 0;padding:17px 0 0;font-size:10px;list-style:none;display:flex}.project-features li+li:before{content:"/";color:var(--color-surface-raised);margin-right:17px}.portfolio-contact{border-top:1px solid color-mix(in srgb, var(--color-border-strong) 9.41%, transparent);justify-content:space-between;align-items:center;gap:30px;margin-top:100px;padding-top:65px;display:flex}.portfolio-contact h2{letter-spacing:-.05em;margin:20px 0 0;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.15}.portfolio-page a:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:6px}@media (max-width:1000px){.portfolio-grid{gap:58px 28px}.navigation{gap:20px}}@media (max-width:700px){.portfolio-page{padding-top:120px;padding-bottom:0}.portfolio-intro{padding-bottom:32px}.portfolio-intro h1{margin:24px 0;font-size:48px}.portfolio-intro-bottom{display:block}.portfolio-intro-bottom p{font-size:14px}.portfolio-intro-bottom>span{margin-top:24px;display:block}.portfolio-grid{grid-template-columns:1fr;gap:48px;padding-top:30px}.project-description{font-size:13px}.portfolio-contact{margin-top:60px;padding-top:35px;display:block}.portfolio-contact .button{margin-top:28px}.project-features{gap:8px 12px}.project-features li+li:before{margin-right:12px}}@media (prefers-reduced-motion:reduce){.project-preview img,.project-visit,.portfolio-project h2 svg{transition:none}.project-preview:hover img{transform:none}}.portfolio-page{padding-top:125px}.portfolio-intro{padding-bottom:38px}.portfolio-intro h1{margin:24px 0 28px;font-size:clamp(46px,5.3vw,74px)}.portfolio-intro-bottom>span{text-align:right;line-height:2.2}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:54px 28px;padding-top:40px}.portfolio-project{flex-direction:column;min-width:0;display:flex}.project-preview{aspect-ratio:1.44;flex-shrink:0}.project-preview img{object-fit:contain}.project-copy{flex-direction:column;flex:1;display:flex}.portfolio-project h2{font-size:clamp(22px,2vw,28px)}.project-description{flex:1;font-size:13px;line-height:1.8}.project-features{gap:8px 12px;min-height:48px;font-size:10px}.project-features li+li:before{margin-right:12px}.project-visit{gap:10px;padding:10px 12px;font-size:11px;bottom:12px;right:12px}.portfolio-contact{margin-top:65px;padding-top:45px}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}}@media (max-width:700px){.portfolio-page{padding-top:112px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-intro-bottom>span{text-align:left}.project-features{min-height:0}.portfolio-intro h1{font-size:46px}}
.studio-page{max-width:1240px;padding-top:155px;padding-bottom:95px}.studio-hero{text-align:center;isolation:isolate;padding:32px 0 82px;position:relative}.studio-label{border:1px solid color-mix(in srgb, var(--color-accent-primary) 14.51%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 3.53%, transparent);color:var(--color-accent-readable);letter-spacing:.12em;border-radius:30px;justify-content:center;align-items:center;gap:9px;margin:0;padding:8px 13px;font-size:9px;display:inline-flex}.studio-hero h1{letter-spacing:-.05em;max-width:1050px;margin:28px auto;font-size:clamp(38px,4.8vw,68px);font-weight:500;line-height:1.12}.studio-page em{font-family:var(--serif,"Instrument Serif",serif);color:var(--color-accent-readable);letter-spacing:-.035em;font-weight:400}.studio-hero h1 em{background:linear-gradient(110deg,var(--color-accent-readable),var(--color-accent-readable),var(--color-accent-readable));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite studio-sheen}.studio-lead{max-width:660px;color:var(--color-text-muted);margin:0 auto;font-size:16px;line-height:1.85}.studio-text-link{color:var(--color-accent-readable);align-items:center;gap:16px;margin-top:28px;font-size:12px;transition:color .3s;display:inline-flex}.studio-text-link:hover{color:var(--color-text-primary)}.studio-hero-lines{z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,var(--color-shadow) 35%,transparent 95%);mask-image:linear-gradient(transparent,var(--color-shadow) 35%,transparent 95%);position:absolute;inset:-80px 0 0;overflow:hidden}.studio-hero-lines i{border:1px solid color-mix(in srgb, var(--color-accent-primary) 4.31%, transparent);border-radius:50%;width:650px;height:650px;animation:10s ease-in-out infinite studio-breathe;position:absolute;top:-320px;left:50%;translate:-50%}.studio-hero-lines i:nth-child(2){width:850px;height:850px;animation-delay:-3s;top:-420px}.studio-hero-lines i:nth-child(3){width:1050px;height:1050px;animation-delay:-6s;top:-520px}.studio-purpose{isolation:isolate;text-align:center;border:1px solid color-mix(in srgb, var(--color-accent-primary) 15.69%, transparent);background:linear-gradient(125deg,color-mix(in srgb, var(--color-accent-primary) 45.88%, transparent),color-mix(in srgb, var(--color-accent-primary) 0.0%, transparent) 55%,color-mix(in srgb, var(--color-accent-primary) 39.61%, transparent));border-radius:20px;max-width:990px;margin:0 auto;padding:50px 55px;position:relative;overflow:hidden}.studio-purpose:before{content:"";z-index:-1;background:radial-gradient(ellipse at 25% 30%,color-mix(in srgb, var(--color-accent-primary) 7.84%, transparent),transparent 40%);pointer-events:none;animation:18s ease-in-out infinite alternate studio-aura;position:absolute;inset:-80%}.studio-page .studio-purpose h2{letter-spacing:-.035em;margin:26px 0 22px;font-size:clamp(27px,3vw,39px);line-height:1.2}.studio-purpose>p:last-child{max-width:690px;color:var(--color-text-muted);margin:0 auto;font-size:14px;line-height:1.9}.purpose-shape{z-index:-1;opacity:.6;width:310px;height:310px;animation:65s linear infinite studio-spin;position:absolute;bottom:-120px;right:-95px}.purpose-shape i{border:1px solid color-mix(in srgb, var(--color-accent-primary) 13.73%, transparent);border-radius:32%;position:absolute;inset:0}.purpose-shape i:nth-child(2){inset:25px;rotate:20deg}.purpose-shape i:nth-child(3){inset:50px;rotate:40deg}.purpose-shape i:nth-child(4){inset:75px;rotate:60deg}.studio-section-heading{text-align:center;max-width:690px;margin:0 auto 38px}.studio-page .studio-section-heading h2{letter-spacing:-.045em;margin:20px 0;font-size:clamp(30px,3.7vw,46px);line-height:1.15}.studio-section-heading>p:last-child{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.8}.studio-principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;display:grid}.studio-principles-grid .description-card{background:linear-gradient(145deg,color-mix(in srgb, var(--color-accent-primary) 50.2%, transparent),var(--color-background));border-radius:15px;min-height:260px;padding:28px}.studio-principles-grid .description-card h2{font-size:20px}.studio-principles-grid .description-card p{margin:0;font-size:13px;line-height:1.85}.studio-principles-grid .description-card-top{margin-bottom:26px}.studio-principles-grid .description-shape{opacity:.35;top:-30px;right:-35px}.studio-principles-grid .description-card:hover .description-shape{opacity:.85}.studio-principles-grid .description-card:hover{box-shadow:0 12px 35px color-mix(in srgb, var(--color-shadow) 13.33%, transparent)}.studio-principles-grid .description-card:nth-child(3n+2){transition-delay:80ms}.studio-principles-grid .description-card:nth-child(3n){transition-delay:.16s}.studio-work{border-top:1px solid color-mix(in srgb, var(--color-border-strong) 8.24%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border-strong) 8.24%, transparent);grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;margin-top:100px;padding:50px 0;display:grid}.studio-page .studio-work h2{letter-spacing:-.045em;margin:22px 0;font-size:clamp(30px,3.5vw,44px);line-height:1.15}.studio-work p:not(.eyebrow){color:var(--color-text-muted);max-width:520px;font-size:14px;line-height:1.9}.studio-work-symbol{isolation:isolate;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.studio-work-symbol>svg{width:100px;height:100px;color:color-mix(in srgb, var(--color-accent-primary) 60%, transparent);animation:8s ease-in-out infinite studio-float}.studio-work-symbol span{border:1px solid color-mix(in srgb, var(--color-accent-primary) 14.51%, transparent);border-radius:50%;width:250px;height:250px;animation:22s linear infinite statement-turn;position:absolute;transform:rotateX(60deg)rotate(-25deg)}.studio-work-symbol span:last-child{border-color:color-mix(in srgb, var(--color-accent-primary) 8.63%, transparent);width:280px;height:280px;animation:28s linear infinite statement-turn-alt}.studio-stack ul{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.studio-stack li{border:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 2.35%, transparent);color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:14px;padding:17px 26px;font-size:14px;transition:background .3s,border-color .3s;display:flex}.studio-stack li:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 31.37%, transparent);background:color-mix(in srgb, var(--color-accent-primary) 5.1%, transparent)}.studio-stack li svg{color:var(--color-text-muted)}.studio-closing{text-align:center;border:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb, var(--color-accent-primary) 40.0%, transparent),transparent 75%);border-radius:18px;margin-top:90px;padding:55px 25px}.studio-page .studio-closing h2{letter-spacing:-.05em;margin:25px 0;font-size:clamp(34px,4vw,52px);line-height:1.1}.studio-closing>p:not(.eyebrow){max-width:520px;color:var(--color-text-muted);margin:0 auto 28px;font-size:14px;line-height:1.8}.studio-page a:focus-visible{outline:2px solid var(--color-accent-readable);outline-offset:5px}@keyframes studio-sheen{0%,to{background-position:0}50%{background-position:100%}}@keyframes studio-breathe{0%,to{opacity:.6;scale:1}50%{opacity:1;scale:1.06}}@keyframes studio-aura{to{transform:translate(14%,8%)rotate(30deg)}}@keyframes studio-spin{to{rotate:360deg}}@keyframes studio-float{0%,to{translate:0 -8px}50%{translate:0 8px}}:root:is([data-intro=pending],[data-intro=playing]) .studio-page *{animation-play-state:paused}@media (max-width:1000px){.studio-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-work{gap:30px}}@media (max-width:680px){.studio-page{padding-top:115px;padding-bottom:60px}.studio-hero{padding:15px 0 45px}.studio-label{font-size:8px}.studio-hero h1{margin:24px auto;font-size:38px;line-height:1.13}.studio-lead{font-size:14px}.studio-purpose{border-radius:15px;padding:32px 23px}.studio-page .studio-purpose h2{font-size:28px}.studio-purpose>p:last-child{font-size:13px}.studio-principles,.studio-stack{margin-top:60px}.studio-principles-grid{grid-template-columns:1fr;gap:14px}.studio-principles-grid .description-card{min-height:0;padding:25px}.studio-section-heading>p:last-child{font-size:13px}.studio-work{grid-template-columns:1fr;gap:10px;margin-top:60px;padding:20px 0 35px}.studio-work-symbol{height:210px}.studio-work-symbol span{width:190px;height:190px}.studio-work-symbol span:last-child{width:210px;height:210px}.studio-stack li{padding:14px 18px;font-size:12px}.studio-stack ul{gap:10px}.studio-closing{margin-top:60px;padding:35px 23px}}@media (prefers-reduced-motion:reduce){.studio-page *{transition:none!important;animation:none!important}}.studio-page *{animation:none!important}.studio-hero{padding-bottom:48px}.studio-label{letter-spacing:.16em;color:var(--color-text-secondary);background:0 0;border:0;border-radius:0;padding:0;font-size:9px}.studio-hero h1 em{color:var(--color-accent-readable);background:0 0;font-size:.9em}.studio-lead{color:var(--color-text-secondary)}.studio-hero-lines{opacity:.35}.studio-purpose{text-align:left;border:0;border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 18.82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);background:linear-gradient(90deg,color-mix(in srgb, var(--color-accent-primary) 25.1%, transparent),transparent 75%);border-radius:3px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:60px;max-width:none;margin:0;padding:44px 0 44px 36px;display:grid}.studio-purpose:before{display:none}.studio-page .studio-purpose h2{max-width:680px;margin:26px 0 24px;font-size:clamp(27px,2.8vw,37px);line-height:1.23}.studio-purpose h2 br{display:none}.studio-purpose h2 em{margin-top:4px;font-size:.95em;display:block}.purpose-copy>p:last-child{max-width:600px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.9}.vectra-drawing{color:var(--color-accent-readable);flex-direction:column;justify-content:center;align-self:stretch;padding:0 20px 0 0;display:flex}.drawing-caption,.drawing-coordinates{font-family:var(--display);letter-spacing:.13em;color:var(--color-text-muted);font-size:8px}.vectra-drawing svg{width:100%;height:auto;margin:14px 0 9px}.drawing-coordinates{justify-content:space-between;display:flex}.studio-principles{margin-top:76px}.studio-section-heading{text-align:left;grid-template-columns:1.15fr 1fr;align-items:end;column-gap:90px;max-width:none;margin-bottom:32px;display:grid}.studio-section-heading>.eyebrow{grid-column:1/-1;margin:0}.studio-page .studio-section-heading h2{margin:18px 0 0;font-size:clamp(30px,3.2vw,42px)}.studio-section-heading>p:last-child{max-width:380px;color:var(--color-text-secondary);margin-bottom:3px}.studio-principles-grid{border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);gap:0}.studio-principles-grid .description-card{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);min-height:240px;box-shadow:none;background:0 0;border-radius:0;padding:28px 26px;transition:border-color .18s,background .18s}.studio-principles-grid .description-card:nth-child(3n+1){padding-left:0}.studio-principles-grid .description-card:nth-child(3n){padding-right:0}.studio-principles-grid .description-card p{color:var(--color-text-secondary)}.studio-principles-grid .description-card:hover{background:color-mix(in srgb, var(--color-accent-primary) 1.18%, transparent);box-shadow:none;border-color:color-mix(in srgb, var(--color-accent-primary) 27.06%, transparent);transform:none}.studio-principles-grid .description-icon{background:0 0;border:0;border-radius:0;width:auto;height:28px;transition:color .18s}.studio-principles-grid .description-card:hover .description-icon{color:var(--color-accent-readable);background:0 0;transform:none}.studio-principles-grid .description-shape{display:none}.studio-principles-grid .description-card:before{background:radial-gradient(220px circle at var(--spot-x) var(--spot-y),color-mix(in srgb, var(--color-accent-primary) 3.14%, transparent),transparent 80%);transition:opacity .18s}.studio-work{margin-top:76px}.studio-work p:not(.eyebrow){color:var(--color-text-secondary)}.studio-work-symbol>svg{color:color-mix(in srgb, var(--color-accent-primary) 50.2%, transparent)}.studio-work-symbol span{border-color:color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent)}.studio-stack{margin-top:76px}.studio-stack ul{border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);justify-content:flex-start;gap:0;padding:8px 0}.studio-stack li{background:0 0;border:0;border-radius:0;margin-right:35px;padding:20px 35px 20px 0;transition:color .18s}.studio-stack li:hover{color:var(--color-text-primary);background:0 0}.studio-closing{border:0;border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);text-align:left;background:0 0;border-radius:0;margin-top:76px;padding:42px 0;position:relative}.studio-closing>p:not(.eyebrow){max-width:480px;color:var(--color-text-secondary);margin:0 0 28px}.studio-closing .button{border-radius:4px;position:absolute;bottom:65px;right:0}body:has(.studio-page) .nav-cta{border-color:color-mix(in srgb, var(--color-accent-primary) 20.78%, transparent);border-radius:5px;padding:12px 18px;transition:background .18s,border-color .18s}.studio-text-link svg{transition:transform .18s}.studio-text-link:hover svg{transform:translate(2px,-2px)}@media (max-width:1000px){.studio-purpose{grid-template-columns:minmax(0,1fr) 230px;gap:28px;padding-left:24px}.studio-section-heading{column-gap:35px}.studio-principles-grid .description-card:nth-child(n){padding:26px 20px}.studio-principles-grid .description-card:nth-child(odd){padding-left:0}.studio-principles-grid .description-card:nth-child(2n){padding-right:0}}@media (max-width:680px){.studio-hero{padding-bottom:34px}.studio-purpose{background:0 0;grid-template-columns:1fr;gap:24px;padding:28px 0}.studio-page .studio-purpose h2{margin-top:20px;font-size:28px}.purpose-copy>p:last-child{font-size:13px}.vectra-drawing{justify-self:end;width:190px;margin-right:8px;padding:0}.drawing-caption{font-size:7px}.studio-section-heading{display:block}.studio-section-heading>p:last-child{margin-top:18px}.studio-principles{margin-top:48px}.studio-principles-grid .description-card:nth-child(n){min-height:0;padding:24px 0}.studio-work,.studio-stack,.studio-closing{margin-top:48px}.studio-stack li{margin-right:15px;padding:15px 15px 15px 0}.studio-closing{padding:32px 0}.studio-closing .button{position:static}.studio-closing>p:not(.eyebrow){font-size:13px}.studio-page .studio-section-heading h2{font-size:32px}}.studio-registration{color:var(--color-text-faint);font:7px var(--display);letter-spacing:.13em;pointer-events:none;flex-direction:column;align-items:flex-start;gap:11px;display:flex;position:absolute;top:40px;left:0}.studio-registration i{background:color-mix(in srgb, var(--color-accent-primary) 14.9%, transparent);width:42px;height:1px;display:block;position:relative}.studio-registration i:before{content:"";background:color-mix(in srgb, var(--color-accent-primary) 25.1%, transparent);width:1px;height:9px;position:absolute;top:-4px;left:0}.studio-registration i:after{content:"";background:color-mix(in srgb, var(--color-accent-primary) 14.9%, transparent);width:1px;height:5px;position:absolute;top:-2px;right:0}.studio-purpose{grid-template-columns:minmax(0,1fr) 290px;gap:72px;padding:46px 12px 46px 36px}.studio-purpose h2 em{font-size:1.02em}.vectra-drawing{color:var(--color-accent-readable);padding-right:8px}body:has(.studio-page) .nav-cta{border-radius:3px}@media (max-width:1000px){.studio-purpose{grid-template-columns:minmax(0,1fr) 245px;gap:38px;padding-left:24px}.studio-registration{gap:8px;font-size:6px;top:18px}.studio-registration i{width:28px}}@media (max-width:680px){.studio-registration{letter-spacing:.08em;flex-direction:row;align-items:center;gap:9px;font-size:6px;top:-7px;left:0}.studio-registration i{width:22px}.studio-purpose{grid-template-columns:1fr;gap:26px;padding:28px 0}.vectra-drawing{width:205px;margin-right:6px;padding:0}.purpose-copy>p:last-child{max-width:550px}.studio-purpose h2 em{font-size:1.02em}}.studio-registration{border-left:1px solid color-mix(in srgb, var(--color-accent-primary) 14.51%, transparent);padding-left:12px;top:32px;left:0}.studio-purpose{background:0 0;border-radius:0;padding:42px 12px 46px 0}.studio-page .studio-purpose h2{text-wrap:balance;max-width:620px;margin-top:30px;margin-bottom:30px;line-height:1.24}.studio-purpose h2 em{margin-top:10px;line-height:1.16}@media (max-width:1000px){.studio-registration{top:32px}.studio-purpose{padding-left:0}.studio-page .studio-purpose h2{margin-top:27px;margin-bottom:27px}}@media (max-width:680px){.studio-registration{padding-left:8px;top:-7px}.studio-purpose{padding:28px 0}.studio-page .studio-purpose h2{text-wrap:balance;margin-top:24px;margin-bottom:24px}.studio-purpose h2 em{margin-top:9px}}.studio-registration{color:var(--color-text-muted);border-left:0;padding-left:0;top:32px}.studio-registration i:before{background:color-mix(in srgb, var(--color-accent-primary) 33.33%, transparent)}.studio-purpose{border-top:0;grid-template-columns:minmax(0,1fr) 290px;gap:50px;padding-right:32px}.studio-purpose:after{content:"";background:color-mix(in srgb, var(--color-accent-primary) 18.82%, transparent);pointer-events:none;width:94%;height:1px;position:absolute;top:0;left:0}.purpose-copy>p:last-child{max-width:570px}.purpose-copy>.studio-label{color:var(--color-text-secondary)}.drawing-caption,.drawing-coordinates{color:var(--color-text-muted)}.vectra-drawing svg>path[stroke]{stroke-width:1.15px}.vectra-drawing svg pattern path{stroke-opacity:.12}.vectra-drawing svg>g[stroke-dasharray]{stroke-opacity:.28}@media (max-width:1000px){.studio-purpose{grid-template-columns:minmax(0,1fr) 245px;gap:30px;padding-right:16px}}@media (max-width:680px){.studio-registration{top:-7px}.studio-purpose{grid-template-columns:1fr;gap:26px;padding-right:0}.studio-purpose:after{width:92%}.purpose-copy>p:last-child{max-width:570px}}.studio-principles-list{border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 14.12%, transparent);margin:0;padding:0;list-style:none}.studio-principles-list li{border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);grid-template-columns:70px minmax(0,.8fr) minmax(0,1.2fr);align-items:baseline;column-gap:30px;padding:30px 0 34px;display:grid}.principle-index{font:400 38px/1 var(--display);letter-spacing:-.055em;color:color-mix(in srgb, var(--color-accent-primary) 54.9%, transparent);font-variant-numeric:tabular-nums}.studio-principles-list h3{letter-spacing:-.04em;color:var(--text);margin:0;font-size:23px;font-weight:500;line-height:1.25}.studio-principles-list p{color:var(--color-text-secondary);max-width:470px;margin:0;font-size:14px;line-height:1.9}.studio-principles-list li:nth-child(2n){grid-template-columns:100px minmax(0,.8fr) minmax(0,1.2fr)}.studio-principles-list li:nth-child(2n) .principle-index{padding-left:22px}@media (max-width:1000px){.studio-principles-list li{grid-template-columns:64px minmax(0,.9fr) minmax(0,1.2fr);column-gap:24px}.studio-principles-list li:nth-child(2n){grid-template-columns:84px minmax(0,.9fr) minmax(0,1.2fr)}.studio-principles-list li:nth-child(2n) .principle-index{padding-left:12px}.studio-principles-list h3{font-size:21px}}@media (max-width:680px){.studio-principles-list li,.studio-principles-list li:nth-child(2n){grid-template-columns:48px minmax(0,1fr);gap:14px 18px;padding:25px 0 28px}.principle-index{grid-row:1/3;font-size:31px}.studio-principles-list li:nth-child(2n) .principle-index{padding-left:0}.studio-principles-list h3{font-size:22px}.studio-principles-list p{grid-column:2;font-size:13px}}.studio-principles>.studio-section-heading{margin-bottom:32px}.studio-principles-list{border-top-color:color-mix(in srgb, var(--color-accent-primary) 10.98%, transparent)}.studio-principles-list li{border-bottom-color:color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent)}.principle-index{color:color-mix(in srgb, var(--color-accent-primary) 59.61%, transparent)}.studio-principles-list p{max-width:490px;color:var(--color-text-secondary);font-size:15px;line-height:1.95}.studio-principles>.studio-section-heading>p:last-child{line-height:1.9}@media (min-width:1280px){.studio-principles{width:calc(100% + 48px);margin-left:-24px}}@media (max-width:680px){.studio-principles-list p{font-size:14px;line-height:1.9}}.studio-principles-list li[data-editorial]{--editorial-shift:8px;--editorial-ease:cubic-bezier(.22,.61,.36,1);border-bottom-color:#0000;position:relative}.studio-principles-list li[data-editorial]:after{content:"";background:color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent);transform-origin:0;height:1px;transition:transform .45s var(--editorial-ease);position:absolute;bottom:-1px;left:0;right:0}.studio-principles-list li[data-editorial]>.principle-index{transition:opacity .5s var(--editorial-ease) 50ms,transform .5s var(--editorial-ease) 50ms}.studio-principles-list li[data-editorial]>h3{transition:opacity .5s var(--editorial-ease) .11s,transform .5s var(--editorial-ease) .11s}.studio-principles-list li[data-editorial]>p{transition:opacity .55s var(--editorial-ease) .17s,transform .55s var(--editorial-ease) .17s}.studio-principles-list li[data-editorial=pending]:after{transform:scaleX(0)}.studio-principles-list li[data-editorial=pending]>.principle-index,.studio-principles-list li[data-editorial=pending]>h3{opacity:0;transform:translateX(calc(-1 * var(--editorial-shift)))}.studio-principles-list li[data-editorial=pending]>p{opacity:0;transform:translateY(var(--editorial-shift))}.studio-principles-list li[data-editorial=revealed]:after{transform:scaleX(1)}.studio-principles-list li[data-editorial=revealed]>*{opacity:1;transform:none}@media (max-width:680px){.studio-principles-list li[data-editorial]{--editorial-shift:4px}.studio-principles-list li[data-editorial]>p{transition-duration:.45s;transition-delay:.13s}}@media (prefers-reduced-motion:reduce){.studio-principles-list li[data-editorial]>*{opacity:1!important;transform:none!important}.studio-principles-list li[data-editorial]:after{transition:none;transform:none!important}}.studio-work{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}.studio-work-construction{color:var(--color-accent-readable);justify-self:start;width:100%;max-width:380px}.studio-work-construction svg{width:100%;height:auto;display:block}.studio-stack{grid-template-columns:1.1fr .9fr;align-items:start;gap:80px;display:grid}.studio-stack .studio-section-heading{margin:0;display:block}.studio-stack .studio-section-heading>p:last-child{max-width:390px;margin-top:22px}.studio-technology-index{border-top:1px solid color-mix(in srgb, var(--color-accent-primary) 12.55%, transparent);margin:4px 0 0;padding:0;list-style:none}.studio-technology-index li{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-accent-primary) 9.41%, transparent);color:var(--color-text-primary);font:400 23px/1.3 var(--display);letter-spacing:-.025em;background:0 0;border-radius:0;align-items:baseline;gap:34px;margin:0;padding:20px 0;display:flex}.studio-technology-index li span{letter-spacing:.08em;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:10px}.studio-technology-index li:hover{color:var(--color-text-primary);background:0 0}.studio-technology-index h3{font:inherit;color:inherit;margin:0}.studio-technology-index p{font:400 14px/1.85 var(--body);letter-spacing:0;color:var(--color-text-secondary);max-width:350px;margin:9px 0 0}.studio-closing{padding:48px 0 24px}.studio-page .studio-closing h2{max-width:800px;margin:28px 0 34px;font-size:clamp(40px,5vw,66px);line-height:1.08}.studio-closing-bottom{justify-content:space-between;align-items:flex-end;gap:42px;display:flex}.studio-closing-bottom p{max-width:490px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.9}.studio-closing .button{border:1px solid color-mix(in srgb, var(--color-accent-primary) 33.33%, transparent);color:var(--color-accent-readable);box-shadow:none;background:0 0;border-radius:2px;flex-shrink:0;padding:16px 21px;transition:border-color .18s,color .18s;position:static}.studio-closing .button:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 54.9%, transparent);color:var(--color-accent-readable);box-shadow:none;background:0 0;transform:none}.studio-closing .button svg{transition:transform .18s}.studio-closing .button:hover svg{transform:translate(2px,-2px)}@media (max-width:1000px){.studio-work{gap:35px}.studio-stack{gap:42px}.studio-technology-index li{font-size:21px}}@media (max-width:680px){.studio-work{grid-template-columns:1fr;gap:22px;padding-top:25px}.studio-work-construction{justify-self:start;max-width:240px}.studio-stack{grid-template-columns:1fr;gap:28px}.studio-technology-index{margin:0}.studio-technology-index li{gap:28px;padding:17px 0;font-size:22px}.studio-closing-bottom{display:block}.studio-closing-bottom p{font-size:13px}.studio-closing .button{margin-top:28px}.studio-page .studio-closing h2{margin:24px 0 26px;font-size:40px}}@media (prefers-reduced-motion:reduce){.studio-closing .button svg{transition:none}.studio-closing .button:hover svg{transform:none}}.studio-technology-index{margin-top:0}.studio-technology-index li{gap:24px;padding:15px 0 17px;position:relative}.studio-technology-index li .benefit-number{letter-spacing:-.025em;color:var(--color-text-secondary);min-width:24px;font-size:15px;line-height:1.5}.studio-technology-index h3{font-size:22px;line-height:1.3}.studio-technology-index p{max-width:390px;margin-top:5px;line-height:1.75}.studio-technology-index li:after{content:"";background:color-mix(in srgb, var(--color-accent-primary) 50.2%, transparent);transform-origin:0;width:28px;height:1px;position:absolute;bottom:-1px;left:0}.studio-technology-index li[data-reveal]{--benefit-shift:8px;--benefit-ease:cubic-bezier(.22,.61,.36,1)}.studio-technology-index li[data-reveal]:after{transition:transform .45s var(--benefit-ease) 40ms}.studio-technology-index li[data-reveal=pending] .benefit-number{opacity:0;transform:translateX(calc(-1 * var(--benefit-shift)))}.studio-technology-index li[data-reveal=pending] h3,.studio-technology-index li[data-reveal=pending] p{opacity:0;transform:translateY(var(--benefit-shift))}.studio-technology-index li[data-reveal=pending]:after{transform:scaleX(0)}.studio-technology-index li[data-reveal=visible] .benefit-number,.studio-technology-index li[data-reveal=visible] h3,.studio-technology-index li[data-reveal=visible] p{opacity:1;transform:none}.studio-technology-index li[data-reveal=visible]:after{transform:scaleX(1)}@media (max-width:1000px){.studio-stack{gap:32px}}@media (max-width:680px){.studio-stack{grid-template-columns:1fr;gap:26px}.studio-technology-index li{--benefit-shift:4px;gap:20px;padding:14px 0 16px}.studio-technology-index li[data-reveal]{--benefit-shift:4px}.studio-technology-index h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.studio-technology-index li[data-reveal] .benefit-number,.studio-technology-index li[data-reveal] h3,.studio-technology-index li[data-reveal] p,.studio-technology-index li[data-reveal]:after{transition:none;opacity:1!important;transform:none!important}}.studio-stack{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px}.studio-technology-index li{border-bottom-color:color-mix(in srgb, var(--color-accent-primary) 7.84%, transparent);grid-template-columns:54px minmax(0,1fr);align-items:start;column-gap:18px;padding:12px 0 14px 12px;display:grid}.studio-technology-index li .benefit-number{letter-spacing:-.06em;color:var(--color-text-muted);opacity:.65;font-size:30px;line-height:32px;transition:color .3s,opacity .3s}.studio-technology-index h3{color:var(--color-text-secondary);opacity:.8;font-size:21px;line-height:32px;transition:font-size .3s,color .3s,opacity .3s}.studio-technology-index p{opacity:.72;max-width:420px;margin-top:2px;font-size:14px;line-height:1.65;transition:opacity .3s}.studio-technology-index li:after{background:var(--color-accent-readable);opacity:0;transform-origin:top;width:2px;height:24px;transition:opacity .3s,transform .3s;top:16px;bottom:auto;left:0;transform:scaleY(.5)}.studio-technology-index li[data-active=true] .benefit-number{color:var(--color-accent-readable);opacity:1}.studio-technology-index li[data-active=true] h3{color:var(--color-text-primary);opacity:1;font-size:24px}.studio-technology-index li[data-active=true] p{opacity:1}.studio-technology-index li[data-active=true]:after{opacity:1;transform:scaleY(1)}.studio-technology-index li[data-reveal] .benefit-number{transition:color .3s,opacity .45s var(--benefit-ease),transform .45s var(--benefit-ease)}.studio-technology-index li[data-reveal] h3{transition:font-size .3s,color .3s,opacity .5s var(--benefit-ease) 70ms,transform .5s var(--benefit-ease) 70ms}.studio-technology-index li[data-reveal] p{transition:opacity .5s var(--benefit-ease) .14s,transform .5s var(--benefit-ease) .14s}.studio-technology-index li[data-reveal=visible][data-active=false] .benefit-number{opacity:.65}.studio-technology-index li[data-reveal=visible][data-active=false] h3{opacity:.8}.studio-technology-index li[data-reveal=visible][data-active=false] p{opacity:.72}.studio-technology-index li[data-reveal=visible][data-active=false]:after,.studio-technology-index li[data-reveal=pending]:after{opacity:0;transform:scaleY(.5)}@media (max-width:1000px){.studio-stack{gap:28px}.studio-technology-index li{grid-template-columns:46px minmax(0,1fr);column-gap:14px}}@media (max-width:680px){.studio-stack{grid-template-columns:1fr;gap:24px}.studio-technology-index li{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:11px 0 13px 10px}.studio-technology-index li .benefit-number{font-size:27px}.studio-technology-index h3{font-size:20px}.studio-technology-index li[data-active=true] h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.studio-technology-index li .benefit-number,.studio-technology-index li h3,.studio-technology-index li p,.studio-technology-index li:after{transition:none!important}}
.brand-mark,.intro-symbol,.reading-progress,.hero-index{color:var(--color-accent-primary)}.intro-screen{color:var(--color-text-primary)}.intro-wordmark .intro-period{color:var(--color-accent-warm)}.hero .title-line:nth-child(3)>em,.section h2 em,.inner-page h1 em,.studio-page h1 em,.studio-page h2 em,.portfolio-intro h1 em,.portfolio-contact em{color:var(--color-accent-primary)}.eyebrow,.studio-label{color:var(--color-text-muted)}.eyebrow>span:not(.status-dot){color:var(--color-accent-editorial)}.status-dot{background:var(--color-accent-secondary)}.primary{background:var(--color-button);color:var(--color-on-light)}.primary:hover,.hero-actions .button.primary:hover{background:var(--color-button-hover)}.text-link:hover,.studio-text-link:hover,.closing-link:hover,.navigation a:hover,.footer a:hover,.project-meta a:hover{color:var(--color-accent-readable)}.nav-cta:hover{border-color:var(--color-accent-primary);color:var(--color-accent-readable)}.navigation a.active:after,.reading-progress{background:var(--color-accent-primary)}.hero .scene-options button{color:var(--color-text-muted)}.hero .scene-options button[aria-pressed=true]{color:var(--color-accent-readable)}.hero .scene-options button:after{background:var(--color-accent-primary)}.wire-layer{border-color:color-mix(in srgb,var(--color-accent-primary) 40%,transparent)}.wire-layer>span{color:var(--color-accent-readable)}.scene-orbits{stroke:color-mix(in srgb,var(--color-accent-primary) 14%,transparent)}.scene-halo{background:radial-gradient(ellipse at 60% 48%,color-mix(in srgb,var(--color-accent-primary) 14%,transparent),transparent 65%)}.hero .code-fragment{background:var(--color-surface);border-color:color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}.hero .code-fragment>div{color:var(--color-text-secondary)}.hero .code-fragment>div svg,.hero .code-fragment .build-relation>span:nth-child(2){color:var(--color-accent-readable)}.hero .code-fragment .build-relation{color:var(--color-text-secondary)}.hero .code-fragment .build-relation strong{color:var(--color-text-primary)}@media (hover:hover){.hero .code-fragment:hover{background:var(--color-surface-raised);border-color:var(--color-accent-primary)}.hero .code-fragment:hover>div svg{color:var(--color-accent-warm)}}.arch-sun{background:var(--color-editorial-soft)}.app-tasks>div .task-done{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:var(--color-on-light)}.app-spark i{background:var(--color-accent-primary)}.app-sidebar .active{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.vectra-drawing,.studio-work-construction{color:var(--color-accent-readable)}.drawing-caption,.drawing-coordinates,.studio-registration,.studio-technology-index li .benefit-number{color:var(--color-text-muted)}.studio-technology-index li[data-active=true] .benefit-number{color:var(--color-accent-readable)}.studio-technology-index li:after{background:var(--color-accent-primary)}.studio-technology-index li[data-active=true] h3{color:var(--color-text-primary)}.studio-closing .button{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.studio-closing .button:hover{color:var(--color-accent-readable);border-color:var(--color-accent-primary)}.closing.section{background:radial-gradient(ellipse at 67% 28%,color-mix(in srgb,var(--color-accent-primary) 15%,transparent),transparent 34%),radial-gradient(ellipse at 20% 33%,color-mix(in srgb,var(--color-accent-secondary) 8%,transparent),transparent 40%),var(--color-background)}.closing-title-blend{background-image:linear-gradient(95deg,var(--color-accent-soft) 8%,var(--color-accent-readable) 52%,color-mix(in srgb,var(--color-accent-primary) 82%,var(--color-text-primary)) 82%,var(--color-accent-primary) 100%)}.closing-title-blend:after{color:var(--color-accent-primary);opacity:.12}.closing.section h2 em{color:var(--color-accent-readable)}.closing-watermark{color:color-mix(in srgb,var(--color-accent-primary) 17%,transparent)}.closing .eyebrow,.closing .eyebrow>span,.closing-bottom p,.closing-link{color:var(--color-text-secondary)}.closing-link{border-bottom-color:color-mix(in srgb,var(--color-accent-primary) 70%,transparent)}.portfolio-project h2 svg{color:var(--color-text-muted)}.portfolio-project h2 a:hover svg{color:var(--color-accent-readable)}.project-preview:hover .project-visit{background:var(--color-surface-raised);color:var(--color-accent-readable)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--color-accent-primary)}.brand>svg{color:var(--color-accent-primary)}#reading-progress{background:var(--color-accent-primary)}.hero .wire-layer{background:color-mix(in srgb,var(--color-surface-raised) 25%,transparent)}.inner-capabilities .description-card{background:linear-gradient(140deg,var(--color-surface),var(--color-background));border-color:var(--color-border)}.inner-capabilities .description-card:hover{background-color:var(--color-surface-raised);border-color:var(--color-accent-primary)}.inner-capabilities .description-card p{color:var(--color-text-secondary)}.project-visit{background:color-mix(in srgb,var(--color-background) 86.67%,transparent);color:var(--color-text-primary)}.nav-cta:hover{background:var(--color-surface-raised)}
.language-selector{flex-shrink:0;position:relative}.language-trigger{min-height:36px;color:var(--color-text-secondary);font:11px/1 var(--body);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;display:flex}.language-trigger:hover{color:var(--color-text-primary)}.language-flag{border-radius:1px;flex-shrink:0;width:18px;height:12px;overflow:hidden}.language-trigger .language-flag{animation:.2s ease-out language-flag-enter}.language-trigger>svg:last-child{transition:transform .2s}.language-trigger>svg[data-open=true]{transform:rotate(180deg)}.language-dropdown{z-index:120;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-accent-primary) 35%,transparent);border-radius:4px;width:202px;padding:6px;animation:.2s ease-out language-menu-enter;position:absolute;top:calc(100% + 10px);right:-12px}.language-dropdown button{width:100%;min-height:38px;color:var(--color-text-secondary);text-align:left;font:12px/1.4 var(--body);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:8px;transition:background .2s,color .2s;display:flex}.language-dropdown button small{color:var(--color-text-muted);margin-left:auto;font:9px/1 ui-monospace,Consolas,monospace}.language-active-dot{background:var(--color-accent-primary);opacity:0;flex-shrink:0;width:3px;height:3px;transition:opacity .2s}.language-dropdown button[aria-checked=true] .language-active-dot{opacity:1}.language-dropdown button:hover,.language-dropdown button:focus-visible{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent);color:var(--color-text-primary)}.language-dropdown button:hover .language-active-dot{opacity:.55}.language-dropdown .language-flag{transition:transform .2s}.language-dropdown button:hover .language-flag{transform:translate(2px)}.language-selector button:focus-visible{outline:1px solid var(--color-accent-readable);outline-offset:3px}.language-mobile{display:none}@keyframes language-menu-enter{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes language-flag-enter{0%{transform:scale(.85)}to{transform:scale(1)}}:root[data-locale-changing=true] main :is(h1,h2,h3,.eyebrow,.hero-description,.inner-description){animation:.22s ease-out language-text-update}@keyframes language-text-update{0%{opacity:.72}to{opacity:1}}@media (min-width:681px){.navigation{gap:clamp(12px,2vw,30px)}}@media (max-width:680px){.language-desktop{display:none}.language-mobile{padding:12px 0;display:block}.language-mobile p{letter-spacing:.15em;color:var(--color-text-muted);margin:0 0 8px;font:9px/1.5 ui-monospace,Consolas,monospace}.language-mobile>div{gap:12px;display:flex}.language-mobile button{min-height:44px;color:var(--color-text-muted);font:11px/1 var(--body);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;padding:8px 4px;display:inline-flex}.language-mobile button[aria-pressed=true]{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}}@media (prefers-reduced-motion:reduce){.language-selector *{transition:none!important;animation:none!important}:root[data-locale-changing=true] main :is(h1,h2,h3,.eyebrow,.hero-description,.inner-description){animation:none}}@media (min-width:681px) and (max-width:1100px){.menu-toggle{padding:7px;display:block}.navigation{background:var(--color-background);border-bottom:1px solid var(--line);align-items:stretch;padding:23px 6% 28px;display:none;position:absolute;top:100%;left:0;right:0}.navigation.open{animation:fade-up .25s var(--ease);flex-direction:column;gap:17px;display:flex}.navigation>a:not(.nav-cta){font-size:15px}.nav-cta{justify-content:space-between;margin-top:8px}.language-desktop{display:none}.language-mobile{padding:12px 0;display:block}.language-mobile p{letter-spacing:.15em;color:var(--color-text-muted);margin:0 0 8px;font:9px/1.5 ui-monospace,Consolas,monospace}.language-mobile>div{gap:12px;display:flex}.language-mobile button{min-height:44px;color:var(--color-text-muted);font:11px/1 var(--body);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;padding:8px 4px;display:inline-flex}.language-mobile button[aria-pressed=true]{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}}