Repository navigation
Expand file tree
/
Copy pathstyles.css
More file actions
1 lines (1 loc) · 29.5 KB
/
Copy pathstyles.css
File metadata and controls
1 lines (1 loc) · 29.5 KB
1
*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{--bg: #0A0A0A;--bg-elev: #141414;--bg-elev-2: #1B1B1B;--text: #F5F5F5;--muted: #888888;--dim: #767676;--accent: #F94520;--accent-glow: rgba(249, 69, 32, .4);--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .18);--glass: rgba(20, 20, 20, .6);--font-display: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 14px;--r-md: 22px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--motion: 1;--scroll-y: 0;--scene-alpha: 1;--scene-heat: .5;--t-fast: calc(.18s * var(--motion));--t-base: calc(.3s * var(--motion));--t-slow: calc(.6s * var(--motion));--t-page: calc(.9s * var(--motion));--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);background:var(--bg);color:var(--text);scroll-behavior:smooth;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);overflow-x:hidden;position:relative;min-height:100vh;overscroll-behavior:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4{margin:0;font-weight:700}p{margin:0}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.glass-panel:focus-visible,.menu-pill:focus-visible,.clock-pill:focus-visible,.cta-button:focus-visible{border-radius:var(--r-pill)}.skip-link{position:fixed;top:12px;left:12px;z-index:2147483647;padding:10px 16px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{--motion: .001;scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:1ms!important}body:before{animation:none!important}.chromatic-headline{animation:none!important;background-position:30% 0!important}.hero-scroll .scroll-line{animation:none!important}}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.brk{color:var(--accent);font-weight:600}.brk-inner{color:var(--text);padding:0 .05em}.dim{color:var(--dim)}.dim .brk{color:var(--accent);opacity:.85}.dim .brk-inner{color:var(--muted)}.brand-dot{display:inline-block;width:.18em;height:.18em;margin-left:.06em;border-radius:50%;background:var(--accent);vertical-align:-.04em;box-shadow:0 0 16px var(--accent-glow)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(ellipse at 18% 6%,rgba(249,69,32,.06),transparent 60%),radial-gradient(ellipse at 92% 102%,rgba(249,69,32,.04),transparent 60%);mix-blend-mode:screen}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.04;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6) 0,transparent .5px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.6) 0,transparent .5px);background-size:3px 3px,4px 4px}.cursor-blob-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;pointer-events:none;z-index:0;display:block;transition:opacity .35s ease}body{background:var(--bg)}.cursor-blob.is-fallback,.cursor-blob.is-mobile{position:fixed;top:0;left:0;width:680px;height:680px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);will-change:transform}.glass-panel{position:relative;background:var(--glass);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;isolation:isolate}.glass-panel>*{position:relative;z-index:2}.glass-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 16%),linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 12%);pointer-events:none;z-index:1}.topnav{position:fixed;top:18px;left:0;right:0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;z-index:50;gap:18px}.brandmark{display:block;flex:0 0 auto}.brandmark img{height:26px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.clock-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;border-radius:var(--r-pill);position:absolute;left:50%;transform:translate(-50%)}.clock-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.clock-pill .mono{color:var(--text);font-size:11px;white-space:nowrap}.nav-right{display:flex;align-items:center;gap:10px}.lang-pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:-.005em}.lang-pill button{padding:2px 4px;border-radius:4px;color:var(--muted);font:inherit;transition:color var(--t-fast) ease,background var(--t-fast) ease}.lang-pill button[data-active=true],.lang-pill button:hover{color:var(--text)}.lang-pill .lang-sep{color:var(--dim);font-weight:400}.menu-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px 0 14px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:-.005em;transition:border-color var(--t-fast) ease,transform var(--t-fast) ease}.menu-pill:hover{border-color:var(--border-bright);transform:translateY(-1px)}.menu-pill .menu-dots{display:inline-flex;flex-direction:column;gap:3px}.menu-pill .menu-dots i{display:block;width:14px;height:1.5px;background:var(--text);border-radius:1px}.menu-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity calc(.25s * var(--motion)) ease}.menu-overlay.open{pointer-events:auto;opacity:1}.menu-bg{position:absolute;inset:0;background:#0a0a0ab3;backdrop-filter:blur(24px)}.menu-curtain{position:absolute;inset:0;display:flex;flex-direction:column;padding:28px 32px 32px;background:linear-gradient(180deg,#0f0f0fd9,#080808eb);transform:translateY(-100%);transition:transform calc(.55s * var(--motion)) var(--ease-out-soft)}.menu-overlay.open .menu-curtain{transform:translateY(0)}.menu-topbar{display:flex;align-items:center;justify-content:space-between}.menu-close{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:40px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:-.005em}.menu-links{display:flex;flex-direction:column;flex:1;justify-content:center;margin-top:-40px}.menu-links a{display:grid;grid-template-columns:80px 1fr 40px;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid var(--border);opacity:0;transform:translateY(20px);animation:menuLinkIn calc(.5s * var(--motion)) var(--ease-out-soft) forwards;transition:color var(--t-fast) ease}.menu-overlay:not(.open) .menu-links a{animation:none;opacity:0}@keyframes menuLinkIn{to{opacity:1;transform:translateY(0)}}.menu-links a:hover{color:var(--accent)}.menu-links .menu-num{color:var(--dim);font-size:12px}.menu-links .menu-label{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,8vw,88px);line-height:1;letter-spacing:-.02em}.menu-links .menu-arrow{font-size:20px;color:var(--muted);text-align:right;transition:transform var(--t-fast) ease,color var(--t-fast) ease}.menu-links a:hover .menu-arrow{transform:translate(4px,-4px);color:var(--accent)}.menu-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;border-top:1px solid var(--border)}.menu-direct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;font-size:12px;color:var(--text)}.menu-direct>div{display:flex;gap:16px}.menu-direct span:first-child{color:var(--dim)}.menu-lang{display:flex;align-items:center;gap:10px}.chromatic-headline{background:linear-gradient(100deg,#2a0808,#6b1f0f 18%,#c2391f 35%,#f94520,#ff8a3d 65%,#ffd66b 82%,#fff5c9);background-size:200% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:chromaShift calc(14s * var(--motion)) ease-in-out infinite}@keyframes chromaShift{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.nowrap-dot{white-space:nowrap}.mind-link{margin-top:52px;text-decoration:none}.hero-3d{position:absolute;inset:0;z-index:0;pointer-events:none;transition:opacity .4s ease;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 98%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 98%)}.hero-3d canvas{display:block;width:100%;height:100%}.hero .hero-tag,.hero .hero-headline,.hero .hero-ambient,.hero .hero-scroll{z-index:2}.hero .hero-tag,.hero .hero-headline{position:relative}.hero{position:relative;padding:140px 56px 80px;min-height:100svh;display:grid;align-content:center;gap:48px;z-index:5}.hero-headline .dot{display:inline-block;width:.22em;height:.22em;margin-left:.04em;border-radius:50%;background:var(--accent);vertical-align:baseline;box-shadow:0 0 18px var(--accent-glow)}.hero-tag{opacity:0;transform:translateY(12px);transition:opacity var(--t-slow) ease calc(.1s * var(--motion)),transform var(--t-slow) var(--ease-out-soft) calc(.1s * var(--motion))}.hero.shown .hero-tag{opacity:1;transform:translateY(0)}.hero-sub{position:relative;z-index:2;color:var(--muted);font-size:17px;line-height:1.65;max-width:480px;margin:26px 0 0;text-wrap:pretty;opacity:0;transform:translateY(14px);transition:opacity var(--t-slow) var(--ease-out-soft) calc(.28s * var(--motion)),transform var(--t-slow) var(--ease-out-soft) calc(.28s * var(--motion))}.hero.shown .hero-sub{opacity:1;transform:translateY(0)}.hero-centered .hero-sub{margin-left:auto;margin-right:auto}.hero-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,9.2vw,152px);line-height:.98;letter-spacing:-.025em;display:grid;gap:.12em}.hero-line{display:block;opacity:0;transform:translateY(28px);transition:opacity var(--t-page) ease,transform var(--t-page) var(--ease-out-soft)}.hero.shown .hero-line.line-1{opacity:1;transform:translateY(0);transition-delay:calc(.25s * var(--motion))}.hero.shown .hero-line.line-2{opacity:1;transform:translateY(0);transition-delay:calc(.45s * var(--motion))}.hero-line.muted{color:var(--muted)}.hero-center-left{grid-template-columns:1fr;align-content:end;padding-bottom:120px}.hero-center-left .hero-tag{justify-self:center}.hero-center-left .hero-headline{max-width:18ch}.hero-centered{text-align:center;align-content:center}.hero-centered .hero-headline{justify-self:center;max-width:18ch}.hero-centered .hero-tag{justify-self:center}.hero-split{grid-template-columns:1.6fr 1fr;align-items:end;gap:64px 80px;padding-bottom:100px}.hero-split .hero-tag{grid-column:1 / 2;align-self:end}.hero-split .hero-headline{grid-column:1 / 2}.hero-split .hero-ambient{grid-column:2 / 3;grid-row:1 / 3;align-self:end}.hero-ambient{display:block;opacity:0;transform:translateY(20px);transition:opacity var(--t-page) ease calc(.55s * var(--motion)),transform var(--t-page) var(--ease-out-soft) calc(.55s * var(--motion))}.hero.shown .hero-ambient{opacity:1;transform:translateY(0)}.ambient-glass{padding:22px 24px;display:grid;gap:12px;border-radius:var(--r-md);max-width:360px;margin-left:auto}.ambient-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.ambient-line:last-child{border-bottom:0;padding-bottom:0}.ambient-line .mono{color:var(--dim);font-size:11px}.hero-scroll{position:absolute;right:56px;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:11px}.hero-scroll .scroll-line{display:block;width:1px;height:48px;background:linear-gradient(180deg,var(--muted),transparent);animation:scrollBob calc(2.2s * var(--motion)) ease-in-out infinite}@keyframes scrollBob{0%,to{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(.5)}}.intro-strip{padding:64px 56px;display:grid;gap:12px;align-items:start;z-index:4;position:relative}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:36px 72px;align-items:start;max-width:none;margin-top:32px}.intro-headline{text-wrap:balance}.intro-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.4vw,60px);line-height:1;letter-spacing:-.025em;color:var(--text);opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) ease,transform var(--t-slow) var(--ease-out-soft)}.intro-strip.shown .intro-headline{opacity:1;transform:translateY(0)}.intro-strip p{font-size:clamp(18px,2vw,24px);line-height:1.45;font-family:var(--font-display);font-weight:400;letter-spacing:-.005em;color:var(--muted);max-width:44ch;opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) ease calc(.12s * var(--motion)),transform var(--t-slow) var(--ease-out-soft) calc(.12s * var(--motion))}.intro-strip.shown p{opacity:1;transform:translateY(0)}.section-head{padding:0;margin-bottom:24px}.section-head-headlined{display:grid;gap:12px;margin-bottom:40px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),#FF8A3D);transform:scaleX(var(--scroll-prog, 0));transform-origin:0 50%;z-index:1500;pointer-events:none}.loop-ticker{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;position:relative;z-index:4}.ticker-track{display:flex;width:max-content;animation:tickerSlide 38s linear infinite}.loop-ticker:hover .ticker-track{animation-play-state:paused}.ticker-row{display:flex;align-items:center}.tick{font-size:13px;letter-spacing:.22em;color:var(--muted);padding:0 28px}.tick-repeat{color:var(--accent)}.tick-arrow{color:var(--dim);font-size:13px}@keyframes tickerSlide{to{transform:translate(-50%)}}.magnetic{transition:transform .25s var(--ease-out-soft);will-change:transform}.numband{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:72px 56px;border-top:1px solid var(--border);position:relative;z-index:4}.numband-item{display:grid;gap:10px;justify-items:start;opacity:0;transform:translateY(16px);transition:opacity var(--t-slow) var(--ease-out-soft),transform var(--t-slow) var(--ease-out-soft)}.numband.visible .numband-item{opacity:1;transform:translateY(0)}.numband-n{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,5.4vw,84px);line-height:1;letter-spacing:-.03em;color:var(--text)}.numband-label{color:var(--dim);font-size:11px;letter-spacing:.16em}.tick{transition:color var(--t-fast) ease}.tick:hover{color:var(--accent)}.cta-mail{cursor:pointer;transition:color var(--t-fast) ease}.cta-mail:hover{color:var(--text)}.prin{padding:120px 56px;position:relative;z-index:4}.prin-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.6vw,54px);letter-spacing:-.02em;line-height:1.08;max-width:20ch;text-wrap:balance}.prin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 72px;margin-top:32px}.prin-item{display:grid;gap:14px;align-content:start;opacity:0;transform:translateY(20px);transition:opacity var(--t-slow) var(--ease-out-soft),transform var(--t-slow) var(--ease-out-soft)}.prin.visible .prin-item{opacity:1;transform:translateY(0)}.prin.visible .prin-item:hover{transform:translateY(-3px)}.prin-item:hover .prin-n{text-shadow:0 0 14px var(--accent-glow)}.prin-n{color:var(--accent);font-size:12px;letter-spacing:.18em}.prin-story{color:var(--muted);font-size:clamp(15px,1.35vw,17px);line-height:1.7;max-width:52ch;text-wrap:pretty}.prin-rule{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:clamp(17px,1.7vw,22px);line-height:1.35;letter-spacing:-.01em;max-width:30ch;text-wrap:balance}.mind-outro{margin:44px 0 0;color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.7;max-width:56ch;text-wrap:pretty}.studio{padding:120px 56px 80px;position:relative;z-index:4;border-top:1px solid var(--border);margin-top:60px}.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.studio-left{display:grid;gap:32px}.studio-quote{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5.5vw,76px);line-height:1.05;letter-spacing:-.02em;opacity:0;transform:translateY(24px);transition:opacity var(--t-page) ease,transform var(--t-page) var(--ease-out-soft)}.studio.visible .studio-quote{opacity:1;transform:translateY(0)}.studio-right{display:grid;gap:24px;padding-top:36px}.studio-facts{display:grid;gap:10px;margin-top:32px}.studio-facts div{display:flex;gap:16px;align-items:baseline}.studio-facts div>span:last-child{color:var(--text)}.studio-body{font-size:17px;line-height:1.65;color:var(--text);opacity:0;transform:translateY(20px);transition:opacity var(--t-page) ease calc(.15s * var(--motion)),transform var(--t-page) var(--ease-out-soft) calc(.15s * var(--motion))}.studio.visible .studio-body{opacity:1;transform:translateY(0)}.studio-link{display:inline-flex;align-items:center;gap:10px;height:50px;margin-top:8px;padding:0 26px;border:1px solid var(--border-bright);border-radius:var(--r-pill);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.005em;color:var(--text);align-self:start;justify-self:start;width:fit-content;white-space:nowrap;position:relative;transition:transform var(--t-base) var(--ease-out-soft),border-color var(--t-base) ease,box-shadow var(--t-base) ease}.studio-link:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 32px var(--accent-glow),0 0 0 1px var(--accent)}.studio-credentials{display:grid;gap:8px;font-size:11px;margin-top:16px}.studio-credentials span{color:var(--text)}.studio-stacked{display:grid;gap:56px}.studio-banner{display:grid;gap:24px}.studio-stacked .studio-quote{font-size:clamp(48px,8vw,116px)}.studio-row3{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;align-items:start;border-top:1px solid var(--border);padding-top:44px}.studio-col{display:grid;gap:20px;align-content:start}.studio-col .studio-body{margin:0}.studio-col .studio-facts,.studio-col .studio-credentials{margin-top:0}.studio-centered{display:grid;justify-items:center}.studio-manifest{display:grid;justify-items:center;text-align:center;gap:30px;max-width:920px}.studio-centered .studio-quote{text-align:center}.studio-centered .studio-body{max-width:640px;margin:0}.studio-centered .studio-facts{grid-auto-flow:column;gap:44px;justify-content:center;margin-top:8px}.studio-foot{display:grid;justify-items:center;gap:22px;margin-top:8px}.studio-centered .studio-link{justify-self:center;margin-top:0}.studio-centered .studio-credentials{grid-auto-flow:column;gap:26px;justify-content:center;margin-top:0}.studio-ledger{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}.studio-rail{display:grid;gap:30px;align-content:start;padding-right:40px;border-right:1px solid var(--border)}.studio-rail .studio-facts,.studio-rail .studio-credentials{margin-top:0}.studio-main{display:grid;gap:26px}.studio-ledger .studio-quote{font-size:clamp(40px,5vw,66px)}.studio-ledger .studio-body{margin:0}.services{padding:80px 56px;position:relative;z-index:4}.service-list .svc-main{display:grid;gap:7px;min-width:0}.service-list .svc-det{color:var(--muted);font-size:15px;line-height:1.55;max-width:54ch;opacity:.75;transition:opacity var(--t-fast) ease}.service-list li.is-hover .svc-det{opacity:1}.mind{padding:120px 56px 100px;position:relative;z-index:4;border-top:1px solid var(--border)}.mind-intro{color:var(--muted);font-size:18px;line-height:1.65;max-width:640px;margin:0 0 64px}.mind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px}.mind-step{border-top:1px solid var(--border);padding-top:26px;display:grid;gap:14px;align-content:start;position:relative}.mind-letter{font-family:var(--font-display);font-weight:800;font-size:clamp(56px,5.5vw,88px);line-height:.95;color:var(--accent)}.mind-word{font-size:13px;letter-spacing:.22em;color:var(--text)}.mind-desc{color:var(--muted);font-size:15.5px;line-height:1.62;margin:0;text-wrap:pretty}.mind-num{color:var(--dim);font-size:11px}@media(prefers-reduced-motion:no-preference){.mind .mind-step{opacity:0;transform:translateY(26px);transition:opacity var(--t-slow) var(--ease-out-soft) calc(.08s * var(--i, 0) * var(--motion)),transform var(--t-slow) var(--ease-out-soft) calc(.08s * var(--i, 0) * var(--motion))}.mind.visible .mind-step{opacity:1;transform:translateY(0)}}.faq{padding:100px 56px;position:relative;z-index:4;border-top:1px solid var(--border)}.faq-list{max-width:1200px}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr 40px;align-items:baseline;gap:16px;padding:26px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-num{color:var(--dim);font-size:12px}.faq-q{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,24px);color:var(--muted);transition:color var(--t-fast) ease}.faq-item summary:hover .faq-q,.faq-item[open] .faq-q{color:var(--text)}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-plus{transition:transform var(--t-base) var(--ease-out-soft);position:relative;width:18px;height:18px;justify-self:end;align-self:center}.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--dim);transition:transform var(--t-base) var(--ease-out-soft),background var(--t-fast) ease}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:before,.faq-item[open] .faq-plus:after{background:var(--accent)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-a{color:var(--muted);font-size:16px;line-height:1.68;margin:0;padding:0 40px 30px 80px;max-width:70ch;text-wrap:pretty}@media(prefers-reduced-motion:no-preference){.faq .faq-item{opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) var(--ease-out-soft) calc(.06s * var(--i, 0) * var(--motion)),transform var(--t-slow) var(--ease-out-soft) calc(.06s * var(--i, 0) * var(--motion))}.faq.visible .faq-item{opacity:1;transform:translateY(0)}}.service-list{display:grid;gap:0;max-width:1200px;border-top:1px solid var(--border)}.service-list li{display:block;border-bottom:1px solid var(--border);transition:opacity var(--t-base) ease,color var(--t-fast) ease}.service-list li:last-child{border-bottom:0}.service-list .svc-row{display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;gap:24px;padding:32px 8px;color:inherit;text-decoration:none;cursor:pointer}.service-list.has-hover li:not(.is-hover){opacity:.6}.service-list .svc-n{color:var(--dim);font-size:12px}.service-list .svc-name{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.6vw,64px);letter-spacing:-.02em;line-height:1;transition:transform var(--t-base) var(--ease-out-soft),color var(--t-fast) ease}.service-list li.is-hover .svc-name{color:var(--text);transform:translate(8px)}.service-list .svc-rule{display:block;height:1px;background:var(--border);transform-origin:left;transform:scaleX(0);transition:transform var(--t-base) var(--ease-out-soft),background var(--t-fast) ease}.service-list li.is-hover .svc-rule{transform:scaleX(1);background:var(--accent)}.service-list .svc-arrow{font-size:22px;color:var(--dim);opacity:0;transform:translate(-6px,6px);transition:opacity var(--t-fast) ease,transform var(--t-fast) ease,color var(--t-fast) ease}.service-list li.is-hover .svc-arrow{opacity:1;transform:translate(0);color:var(--accent)}.cta{padding:140px 56px;text-align:center;display:grid;gap:32px;place-items:center;position:relative;z-index:4}.cta-tag{opacity:0;transform:translateY(12px);transition:opacity var(--t-slow),transform var(--t-slow)}.cta.visible .cta-tag{opacity:1;transform:translateY(0)}.cta-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,7vw,108px);line-height:1.02;letter-spacing:-.025em;max-width:18ch;opacity:0;transform:translateY(24px);transition:opacity var(--t-page) ease calc(.1s * var(--motion)),transform var(--t-page) var(--ease-out-soft) calc(.1s * var(--motion))}.cta.visible .cta-headline{opacity:1;transform:translateY(0)}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:20px 36px;border-radius:var(--r-pill);font-size:16px;font-weight:500;position:relative;transition:transform var(--t-base) var(--ease-out-soft),border-color var(--t-base) ease,box-shadow var(--t-base) ease;opacity:0;transform:translateY(16px)}.cta.visible .cta-button{opacity:1;transform:translateY(0);transition:opacity var(--t-page) ease calc(.25s * var(--motion)),transform var(--t-page) var(--ease-out-soft) calc(.25s * var(--motion)),border-color var(--t-base) ease,box-shadow var(--t-base) ease}.cta-button:hover{border-color:var(--accent);box-shadow:0 0 32px var(--accent-glow),0 0 0 1px var(--accent);transform:translateY(-2px)}.cta-button .cta-button-glow{position:absolute;inset:-2px;border-radius:var(--r-pill);background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),var(--accent-glow),transparent 70%);opacity:0;z-index:-1;transition:opacity var(--t-base) ease}.cta-button:hover .cta-button-glow{opacity:1}.cta-mail{font-size:12px}.footer{padding:64px 56px 40px;border-top:1px solid var(--border);position:relative;z-index:4;background:#08080899}.footer-tag{font-size:11px;margin-bottom:48px;color:var(--muted)}.footer-cols{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:64px;margin-bottom:64px}.footer-cols ul{display:grid;gap:10px;margin-top:16px}.footer-cols ul li{font-size:14px}.footer-cols ul li a:hover{color:var(--accent)}.footer-cols .mono-list li{display:flex;gap:12px;align-items:baseline;font-size:13px}.footer-cols .mono-list .mono{font-size:10px;min-width:56px}.footer-lang{margin-top:16px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-pill);align-self:start;display:inline-flex}.footer-signoff{padding-top:32px;border-top:1px solid var(--border);font-size:11px;display:flex;justify-content:space-between;gap:24px;color:var(--muted)}.hero-headline{transform:translateY(calc(var(--scroll-y, 0) * .08px))}@media(max-width:1024px){html,body{overflow-x:clip}.topnav{padding:0 24px}.hero,.studio,.services,.cta,.footer,.intro-strip,.mind,.faq,.prin,.numband{padding-left:32px;padding-right:32px}.prin-grid{gap:44px 40px}.numband{grid-template-columns:repeat(2,1fr);gap:40px 32px}.mind-grid{grid-template-columns:1fr 1fr;gap:48px 28px}.studio-split,.studio-ledger{grid-template-columns:1fr;gap:40px}.studio-rail{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:32px}.studio-row3{grid-template-columns:1fr;gap:36px}.studio-centered .studio-facts{grid-auto-flow:row;gap:10px}.studio-centered .studio-credentials{grid-auto-flow:row;gap:8px}.footer-cols{grid-template-columns:1fr;gap:40px}.intro-strip{grid-template-columns:1fr;gap:16px}.intro-content{grid-template-columns:1fr;gap:20px;margin-top:8px}.clock-pill{display:none}.menu-direct{grid-template-columns:1fr}.service-list .svc-row{grid-template-columns:60px 1fr 30px}.service-list .svc-rule{display:none}}@media(max-width:640px){.topnav{padding:0 16px;top:12px}.brandmark img{height:22px}.menu-pill{padding:0 14px;height:36px;font-size:12px}.menu-pill span:last-child{display:none}.menu-close,.lang-pill{padding:0 12px;height:36px;font-size:12px}.hero{padding:96px 20px 120px;gap:28px;min-height:100svh}.hero-headline{font-size:clamp(44px,12vw,64px)}.hero-scroll{right:auto;left:50%;bottom:28px;transform:translate(-50%);flex-direction:column;gap:8px}.hero-scroll .scroll-line{width:1px;height:28px;background:linear-gradient(180deg,var(--muted),transparent);animation:scrollBob calc(2.2s * var(--motion)) ease-in-out infinite}.menu-curtain{padding:20px 20px 24px}.menu-links{margin-top:-20px}.menu-links a{grid-template-columns:44px 1fr 28px;gap:14px;padding:12px 0}.menu-links .menu-num{font-size:11px}.menu-links .menu-label{font-size:clamp(36px,10vw,56px)}.menu-foot{flex-direction:column;align-items:stretch;gap:20px}.menu-direct{grid-template-columns:1fr;gap:6px}.menu-lang{justify-content:space-between}.studio-link{height:56px;padding:0 28px;font-size:16px;gap:12px}.intro-strip,.studio,.services,.cta,.footer{padding-left:20px;padding-right:20px}.footer-signoff{flex-direction:column;gap:8px}.mind,.faq,.prin,.numband{padding-left:20px;padding-right:20px}.prin-grid{grid-template-columns:1fr;gap:36px}.numband{padding-top:56px;padding-bottom:56px}.section-head-headlined{margin-bottom:32px}.mind{padding-top:88px;padding-bottom:72px}.mind-intro{font-size:16px;margin:0 0 40px}.mind-grid{grid-template-columns:1fr;gap:0}.mind-step{grid-template-columns:84px 1fr;column-gap:20px;row-gap:8px;padding:24px 0 30px}.mind-letter{grid-row:1 / span 2;font-size:64px;line-height:.9}.mind-num{position:absolute;top:28px;right:0}.mind-link{width:100%;justify-content:center;height:52px;margin-top:36px}.mind-link span:last-child{display:inline}.faq{padding-top:80px;padding-bottom:80px}.faq-item summary{grid-template-columns:34px 1fr 24px;gap:12px;padding:20px 0}.faq-a{padding:0 0 26px 46px;font-size:15px}.service-list .svc-row{grid-template-columns:44px 1fr 26px;gap:14px;padding:20px 4px}.service-list .svc-name{font-size:clamp(26px,7.5vw,36px)}.service-list .svc-det{display:none}.service-list .svc-arrow{opacity:1;transform:none}.service-list.has-hover li:not(.is-hover){opacity:1}.studio{padding-top:88px;margin-top:40px}.studio-right{padding-top:0}.studio-quote,.studio-stacked .studio-quote,.studio-ledger .studio-quote{font-size:clamp(34px,10vw,46px)}.studio-row3{padding-top:36px}.cta{padding:110px 20px;gap:26px}.cta-headline{font-size:clamp(38px,10.5vw,52px)}.cta-button{padding:18px 30px;font-size:15px}}