@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 400 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque_v9_3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGGInHEVA.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 400 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque_v9_3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInE.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/jetbrainsmono_v24_tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Space Grotesk';font-style: normal;font-weight: 300 700;font-display: swap;src: url(../fonts/spacegrotesk_v22_V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Space Grotesk';font-style: normal;font-weight: 300 700;font-display: swap;src: url(../fonts/spacegrotesk_v22_V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-50: #eef7ff;--sky-100: #cdeeff;--sky-200: #9fd3fa;--sky-300: #71b7f4;--sky-400: #5da3e3;--sky-500: #3f8fd6;--sky-600: #5788b3;--sky-700: #1f3b6d;--sky-800: #111c36;--sky-900: #031835;--white: #ffffff;--cream: #fff9f1;--cream-2: #f6efe2;--sand: #eee8d2;--ink: #060606;--ink-2: #1a1a1a;--night: #0a0a0f;--sun: #ffda3f;--coral: #fc9073;--bg: var(--cream);--bg-raised: var(--white);--bg-sunken: var(--cream-2);--bg-inverse: var(--ink);--fg: var(--ink);--fg-muted: rgb(6 6 6 / 0.62);--fg-subtle: rgb(6 6 6 / 0.42);--fg-inverse: var(--cream);--border: rgb(6 6 6 / 0.12);--border-strong: rgb(6 6 6 / 0.85);--brand: var(--sky-500);--brand-fg: var(--white);--hero-from: #3d8fdb;--hero-mid: #3176b9;--hero-to: #2f6aa4;--brand-strong: #2b6cb0;--glass-bg: rgb(255 255 255 / 0.22);--glass-border: rgb(255 255 255 / 0.55);--focus: var(--ink);--line: rgb(255 255 255 / 0.7);--hairline: 1.5px;--font-display: "Bricolage Grotesque","Arial Black",system-ui,sans-serif;--font-sans: "Space Grotesk",system-ui,sans-serif;--font-mono: "JetBrains Mono",ui-monospace,monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.6rem,1.2rem + 1.6vw,2.25rem);--text-3xl: clamp(2rem,1.3rem + 2.8vw,3.5rem);--text-4xl: clamp(2.6rem,1.4rem + 5vw,5.5rem);--text-5xl: clamp(3.2rem,1.2rem + 8vw,8.5rem);--leading-tight: 0.95;--leading-snug: 1.2;--leading-body: 1.6;--tracking-tight: -0.035em;--tracking-label: 0.14em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 144px;--gutter: clamp(16px,4vw,60px);--container: 1320px;--section-y: clamp(72px,10vw,160px);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 36px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(17 28 54 / 0.08);--shadow-md: 0 10px 30px -12px rgb(17 28 54 / 0.28);--shadow-lg: 0 30px 60px -24px rgb(17 28 54 / 0.4);--shadow-brand: 0 6px 16px -6px rgb(30 58 95 / 0.45);--shadow-glass: inset 0 4px 6px rgb(255 255 255 / 0.25);--glow: 0 0 24px rgb(255 255 255 / 0.55);--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-spring: cubic-bezier(0.34,1.56,0.64,1);--ease-bounce: cubic-bezier(0.3,1.25,0.4,1);--ease-std: cubic-bezier(0.4,0,0.2,1);--dur-fast: 180ms;--dur-base: 320ms;--dur-slow: 600ms;--dur-reveal: 900ms;--hover-scale: 1.03;--press-scale: 0.97;color-scheme: light}:root[data-theme="dark"]{--bg: #0b1733;--bg-raised: #142346;--bg-sunken: #0e1b3a;--bg-inverse: var(--cream);--fg: var(--cream);--fg-muted: rgb(255 249 241 / 0.68);--fg-subtle: rgb(255 249 241 / 0.45);--fg-inverse: var(--ink);--border: rgb(255 249 241 / 0.12);--border-strong: rgb(255 249 241 / 0.85);--brand: var(--sky-400);--hero-from: #1c3868;--hero-mid: #13264b;--hero-to: #0b1733;--glass-bg: rgb(255 255 255 / 0.08);--glass-border: rgb(255 255 255 / 0.22);--focus: var(--cream);color-scheme: dark}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-reveal: 1ms;--hover-scale: 1;--press-scale: 1}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 96px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}*{scrollbar-width: none}*::-webkit-scrollbar{display: none}body{margin: 0;background: var(--bg);color: var(--fg);font: 400 var(--text-base) / var(--leading-body) var(--font-sans);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip;transition: background-color var(--dur-base) ease,color var(--dur-base) ease}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin: 0}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}img,video,svg{display: block;max-width: 100%}img{height: auto}a{color: inherit;text-decoration: none}button,input,textarea,select{font: inherit;color: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}:focus-visible{outline: 2px solid var(--focus);outline-offset: 3px;border-radius: 4px}::selection{background: var(--sky-300);color: var(--ink)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: fixed;top: var(--space-3);left: var(--space-3);z-index: 100;padding: var(--space-2) var(--space-4);background: var(--ink);color: var(--cream);border-radius: var(--radius-pill);transform: translateY(-200%);transition: transform var(--dur-fast) var(--ease-out)}.skip-link:focus{transform: none}.container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: var(--section-y);position: relative}.stack>* + *{margin-top: var(--stack-gap,var(--space-5))}.cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--cluster-gap,var(--space-3))}.split{display: grid;gap: var(--space-7);align-items: center}@media (min-width: 900px){.split{grid-template-columns: 1fr 1fr;gap: var(--space-9)}}.label{font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase}.label--muted{color: var(--fg-muted)}.eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);font: 500 var(--text-sm) / 1 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase}.display{font-family: var(--font-display);font-weight: 800;font-size: var(--text-5xl);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);font-variation-settings: "opsz" 96}.display>span{display: block}.heading{font: 800 var(--text-3xl) / 1.02 var(--font-display);letter-spacing: var(--tracking-tight);font-variation-settings: "opsz" 72}.lead{font-size: var(--text-xl);line-height: 1.45;color: var(--fg-muted);max-width: 38ch}.lead strong{color: var(--fg);font-weight: 600}.btn{--btn-bg: var(--ink);--btn-fg: var(--cream);display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 44px;padding: 0 var(--space-5);border: 1px solid transparent;border-radius: var(--radius-pill);background: var(--btn-bg);color: var(--btn-fg);font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase;white-space: nowrap;transition: transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) ease,background-color var(--dur-base) ease}.btn:hover{transform: scale(var(--hover-scale));box-shadow: var(--shadow-brand)}.btn:active{transform: scale(var(--press-scale))}.btn__icon{width: 14px;height: 14px;flex: none;transition: transform var(--dur-fast) var(--ease-spring)}.btn:hover .btn__icon{transform: translateX(3px)}.btn:hover .btn__icon--diag{transform: translate(2px,-2px)}.btn--light{--btn-bg: var(--white);--btn-fg: var(--ink)}.btn--brand{--btn-bg: var(--brand-strong);--btn-fg: var(--white)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--fg);border-color: var(--border-strong)}.btn--glass{--btn-bg: var(--glass-bg);--btn-fg: var(--white);border-color: var(--glass-border);backdrop-filter: blur(12px)}.btn--sm{min-height: 34px;padding: 0 var(--space-4)}.icon-btn{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;background: var(--bg-raised);border: 1px solid var(--border);transition: transform var(--dur-fast) var(--ease-spring)}.icon-btn:hover{transform: scale(1.06)}.icon-btn:active{transform: scale(0.94)}.icon-btn svg{width: 18px;height: 18px}.theme-toggle{position: relative;overflow: hidden}.theme-toggle svg{position: absolute;top: 50%;left: 50%;transition: transform var(--dur-slow) var(--ease-bounce)}.theme-toggle .ico-sun{color: #f5a623;transform: translate(-50%,-50%)}.theme-toggle .ico-moon{color: var(--cream);transform: translate(-50%,-220%)}[data-theme="dark"] .theme-toggle{background: var(--sky-800)}[data-theme="dark"] .theme-toggle .ico-sun{transform: translate(-50%,120%)}[data-theme="dark"] .theme-toggle .ico-moon{transform: translate(-50%,-50%)}.segmented{--seg-i: 0;position: relative;display: inline-grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding: 3px;border-radius: var(--radius-pill);background: var(--bg-raised);border: 1px solid var(--border)}.segmented::before{content: "";position: absolute;inset: 3px auto 3px 3px;width: calc((100% - 6px) / var(--seg-count,2));border-radius: var(--radius-pill);background: var(--ink);transform: translateX(calc(var(--seg-i) * 100%));transition: transform var(--dur-base) var(--ease-bounce)}[data-theme="dark"] .segmented::before{background: var(--cream)}.segmented button{position: relative;z-index: 1;min-width: 34px;height: 28px;padding: 0 var(--space-2);font: 500 11px / 1 var(--font-mono);letter-spacing: 0.08em;color: var(--fg-muted);transition: color var(--dur-base) ease}.segmented button[aria-pressed="true"]{color: var(--fg-inverse)}.nav{position: fixed;inset: var(--space-4) 0 auto;z-index: 50;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;padding-inline: var(--gutter);pointer-events: none}.nav>*{pointer-events: auto}.nav__side{display: flex;align-items: center;gap: var(--space-2)}.nav__side--end{justify-content: flex-end}.nav-pill{display: flex;align-items: center;gap: var(--space-5);height: 56px;padding: 0 8px;border-radius: var(--radius-pill);background: var(--glass-bg);border: 1px solid var(--glass-border);box-shadow: var(--shadow-glass);backdrop-filter: blur(14px) saturate(1.3);-webkit-backdrop-filter: blur(14px) saturate(1.3);transition: gap var(--dur-slow) var(--ease-std),background-color var(--dur-base) ease}.nav-pill{position: relative}.nav-pill::after{content: "";position: absolute;left: 22px;right: 22px;bottom: -1px;height: 2px;border-radius: 2px;background: var(--brand);transform: scaleX(var(--page,0));transform-origin: left;opacity: 0;transition: opacity var(--dur-base) ease}.nav.is-scrolled .nav-pill::after{opacity: 1}.nav.is-scrolled .nav-pill{background: color-mix(in srgb,var(--bg) 78%,transparent);border-color: var(--border)}.nav-pill__avatar{width: 40px;height: 40px;flex: none;border-radius: 50%;overflow: hidden;transition: transform var(--dur-fast) var(--ease-spring)}.nav-pill__avatar:hover{transform: scale(1.06)}.nav-pill__avatar img{width: 100%;height: 100%;object-fit: cover}.nav-pill__links{display: flex;align-items: center;gap: var(--space-1);max-width: 640px;overflow: hidden;transition: max-width var(--dur-slow) var(--ease-std),opacity var(--dur-base) ease}.nav-link{padding: 8px 12px;border: 1px solid transparent;border-radius: var(--radius-pill);font-size: var(--text-sm);white-space: nowrap;transition: border-color var(--dur-fast) ease}.nav-link:hover,.nav-link[aria-current="true"]{border-color: var(--border-strong)}.nav-pill__status{display: flex;align-items: center;gap: var(--space-2);max-width: 0;opacity: 0;overflow: hidden;white-space: nowrap;font-size: var(--text-sm);transition: max-width var(--dur-slow) var(--ease-std),opacity var(--dur-base) ease}.nav.is-compact .nav-pill{gap: var(--space-3)}.nav.is-compact .nav-pill__links{max-width: 0;opacity: 0}.nav.is-compact .nav-pill__status{max-width: 240px;opacity: 1;padding-right: var(--space-3)}@media (max-width: 760px){.nav{grid-template-columns: auto 1fr}.nav__side:first-child{display: none}.nav-pill__links{display: none}.nav-pill__status{max-width: 240px;opacity: 1;padding-right: var(--space-3)}}.pulse-dot{position: relative;flex: none;width: 9px;height: 9px;border-radius: 50%;background: var(--sun)}.pulse-dot::after{content: "";position: absolute;inset: -4px;border: 2px solid var(--sun);border-radius: 50%;animation: pulse 1.8s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes pulse{from{transform: scale(0.6);opacity: 0.8}to{transform: scale(2.2);opacity: 0}}@media (prefers-reduced-motion: reduce){.pulse-dot::after{animation: none}}.chip{display: inline-flex;align-items: center;gap: 6px;height: 26px;padding: 0 10px;border-radius: var(--radius-pill);border: 1px solid var(--border);font: 500 11px / 1 var(--font-mono);letter-spacing: 0.06em;color: var(--fg-muted);white-space: nowrap}.chip--filter{height: 34px;padding: 0 var(--space-4);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: var(--tracking-label);color: var(--fg);transition: background-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring)}.chip--filter:hover{border-color: var(--border-strong)}.chip--filter:active{transform: scale(var(--press-scale))}.chip--filter[aria-pressed="true"]{background: var(--fg);color: var(--bg);border-color: var(--fg)}.card{position: relative;display: flex;flex-direction: column;border-radius: var(--radius-lg);background: var(--bg-raised);border: 1px solid var(--border);overflow: hidden;transition: transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) ease}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.card__media{position: relative;overflow: hidden;display: grid;place-items: center;aspect-ratio: 16 / 10;padding: 7%;background: radial-gradient(120% 90% at 20% 0%,rgb(255 255 255 / 0.6),transparent 60%),linear-gradient(160deg,var(--sky-100),var(--sky-300))}.shot{width: 100%;border-radius: 10px;background: var(--white);box-shadow: 0 24px 40px -22px rgb(17 28 54 / 0.45),0 2px 6px rgb(17 28 54 / 0.08);overflow: hidden;transform: translateY(calc((0.5 - var(--p,0.5)) * 18px));transition: scale var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) ease}.shot::before{content: "";display: block;height: 16px;background: radial-gradient(circle,#ff8a80 3px,transparent 3.5px) 10px 50% / 10px 10px no-repeat,radial-gradient(circle,#ffd26a 3px,transparent 3.5px) 24px 50% / 10px 10px no-repeat,radial-gradient(circle,#8fdc97 3px,transparent 3.5px) 38px 50% / 10px 10px no-repeat,var(--cream-2)}.shot img{display: block;width: 100%;height: auto}.card:hover .shot{scale: 1.03;box-shadow: 0 30px 50px -22px rgb(17 28 54 / 0.5),0 2px 6px rgb(17 28 54 / 0.08)}.card__body{display: grid;gap: var(--space-3);padding: var(--space-5)}.card__title{font: 700 var(--text-xl) / 1.15 var(--font-display);letter-spacing: -0.02em}.card__text{color: var(--fg-muted);font-size: var(--text-sm)}.card__meta{display: flex;justify-content: space-between;align-items: center;gap: var(--space-3)}.card__link::after{content: "";position: absolute;inset: 0;z-index: 1}.card__link:focus-visible{outline: none}.card:has(.card__link:focus-visible){outline: 2px solid var(--focus);outline-offset: 3px}.bento{display: grid;gap: var(--space-4);grid-template-columns: 1fr}@media (min-width: 720px){.bento{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1100px){.bento{grid-template-columns: repeat(6,1fr)}.bento>*{grid-column: span 2}.bento>.bento--wide{grid-column: span 3}.bento>.bento--hero{grid-column: span 4}}.bento .card__media{flex: 1;aspect-ratio: auto;min-height: 220px}.bento--hero .card__media{padding: 5% 12%}.block{position: relative;overflow: hidden;isolation: isolate}.block--brand{background: var(--brand-strong);color: var(--white)}.block--sky{background: linear-gradient(180deg,var(--hero-from),var(--hero-to));color: var(--white)}.block--ink{background: var(--ink);color: var(--cream)}.block--white{background: var(--white);color: var(--ink)}.block--ink .lead,.block--brand .lead,.block--sky .lead{color: rgb(255 255 255 / 0.78)}.block--white .lead{color: rgb(6 6 6 / 0.62)}.marquee{--marquee-speed: 38s;display: flex;overflow: hidden;mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee__track{display: flex;flex: none;align-items: center;gap: var(--space-6);padding-right: var(--space-6);animation: marquee var(--marquee-speed) linear infinite}.marquee:hover .marquee__track{animation-play-state: paused}.marquee__item{font: 800 clamp(1.8rem,4vw,3.4rem) / 1 var(--font-display);letter-spacing: -0.03em;text-transform: uppercase;white-space: nowrap}.marquee__sep{width: 0.9em;height: 0.9em;flex: none;font-size: clamp(1.8rem,4vw,3.4rem)}@keyframes marquee{to{transform: translateX(-100%)}}.marquee.is-driven .marquee__track{animation: none;transform: translateX(var(--x,0)) skewX(calc(var(--velocity,0) * -10deg))}@media (prefers-reduced-motion: reduce){.marquee__track{animation: none}}.tile-grid{display: grid;gap: var(--space-3);grid-template-columns: repeat(auto-fill,minmax(96px,1fr))}.tile{display: grid;place-items: center;gap: var(--space-2);aspect-ratio: 1;padding: var(--space-3);border-radius: var(--radius-md);background: var(--bg-raised);border: 1px solid var(--border);box-shadow: var(--shadow-sm);transition: transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) ease}.tile:hover{transform: translateY(-6px) rotate(-2deg);box-shadow: var(--shadow-md)}.tile img{width: 36px;height: 36px;object-fit: contain}.tile span{font: 500 10px / 1.2 var(--font-mono);letter-spacing: 0.04em;color: var(--fg-muted);text-align: center}.accordion{border-top: 1px solid var(--border)}.accordion__item{border-bottom: 1px solid var(--border)}.accordion__summary{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: var(--space-4);padding: var(--space-5) 0;cursor: pointer;list-style: none}.accordion__summary::-webkit-details-marker{display: none}.accordion__plus{position: relative;width: 28px;height: 28px;flex: none;border-radius: 50%;border: 1px solid var(--border);transition: transform var(--dur-base) var(--ease-bounce),background-color var(--dur-fast) ease}.accordion__plus::before,.accordion__plus::after{content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 1.5px;background: currentColor;transform: translate(-50%,-50%)}.accordion__plus::after{transform: translate(-50%,-50%) rotate(90deg)}.accordion__summary:hover .accordion__plus{background: var(--bg-sunken)}.accordion__item[open] .accordion__plus{transform: rotate(45deg)}.accordion__content{padding: 0 0 var(--space-6);color: var(--fg-muted);max-width: 70ch}.accordion__item[open] .accordion__content{animation: fade-up var(--dur-base) var(--ease-out)}.stat{display: grid;gap: var(--space-1)}.stat__value{font: 800 var(--text-2xl) / 1 var(--font-display);letter-spacing: -0.03em}.stat__label{font-size: var(--text-sm);color: var(--fg-muted)}.feature{display: flex;flex-direction: column;gap: var(--space-4);padding: var(--space-6);border-radius: var(--radius-lg);min-height: 100%;transition: transform var(--dur-base) var(--ease-spring)}.feature:hover{transform: translateY(-6px) rotate(-0.6deg)}.feature__big{font: 800 var(--text-3xl) / 1 var(--font-display);letter-spacing: -0.03em}.feature--ink{background: var(--ink-2);color: var(--cream)}.feature--sky{background: linear-gradient(160deg,var(--sky-100),var(--sky-200));color: var(--sky-800)}.feature--brand{background: var(--brand-strong);color: var(--white)}.feature--white{background: var(--white);color: var(--ink);border: 1px solid var(--border)}.dialog{width: min(920px,calc(100% - 2 * var(--gutter)));max-height: calc(100dvh - 48px);padding: 0;border: 0;border-radius: var(--radius-xl);background: var(--bg);color: var(--fg);box-shadow: var(--shadow-lg);overflow: auto}.dialog::backdrop{background: rgb(3 24 53 / 0.55);backdrop-filter: blur(6px)}.dialog[open]{animation: dialog-in var(--dur-slow) var(--ease-out)}.dialog__close{position: sticky;top: var(--space-4);margin: var(--space-4) var(--space-4) 0 auto;z-index: 2}@keyframes dialog-in{from{opacity: 0;transform: translateY(24px) scale(0.98)}}.toast{position: fixed;left: 50%;bottom: var(--space-6);z-index: 80;padding: var(--space-3) var(--space-5);border-radius: var(--radius-pill);background: var(--ink);color: var(--cream);font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase;transform: translate(-50%,160%);transition: transform var(--dur-base) var(--ease-spring)}.toast.is-visible{transform: translate(-50%,0)}.blueprint{position: relative;isolation: isolate;color: var(--white);background: linear-gradient(180deg,var(--hero-from),var(--hero-mid) 55%,var(--hero-to))}.cloud{position: absolute;z-index: -1;pointer-events: none;width: var(--w,420px);aspect-ratio: 2.6 / 1;--c: rgb(255 255 255 / 0.95);background: radial-gradient(closest-side,var(--c) 55%,transparent) 16% 72% / 40% 64% no-repeat,radial-gradient(closest-side,var(--c) 55%,transparent) 40% 42% / 46% 96% no-repeat,radial-gradient(closest-side,var(--c) 55%,transparent) 66% 52% / 44% 84% no-repeat,radial-gradient(closest-side,var(--c) 55%,transparent) 88% 74% / 30% 54% no-repeat,radial-gradient(closest-side,var(--c) 65%,transparent) 50% 90% / 94% 42% no-repeat;filter: blur(var(--blur,6px));opacity: var(--o,0.9);animation: drift var(--drift,90s) ease-in-out infinite alternate}@keyframes drift{to{translate: var(--dx,80px) 0}}[data-theme="dark"] .cloud{--c: rgb(160 185 230 / 0.22)}[data-theme="dark"] .cloudbank--back{display: none}.cloudbank{position: absolute;left: -6%;right: -6%;bottom: -1px;z-index: 1;pointer-events: none;height: clamp(150px,21vw,320px);--bank: var(--bg);--puff: radial-gradient(closest-side,var(--bank) 72%,transparent 100%);background: var(--puff) -2% 62% / 22% 78% no-repeat,var(--puff) 11% 38% / 20% 84% no-repeat,var(--puff) 24% 58% / 24% 80% no-repeat,var(--puff) 37% 30% / 22% 88% no-repeat,var(--puff) 50% 52% / 24% 82% no-repeat,var(--puff) 63% 34% / 22% 86% no-repeat,var(--puff) 76% 56% / 24% 80% no-repeat,var(--puff) 89% 36% / 22% 86% no-repeat,var(--puff) 102% 60% / 22% 78% no-repeat,linear-gradient(transparent 38%,var(--bank) 62%)}.cloudbank--back{--bank: rgb(255 255 255 / 0.38);--puff: radial-gradient(closest-side,var(--bank) 50%,transparent 100%);bottom: 14%;height: clamp(140px,19vw,280px);z-index: 0;background: var(--puff) 4% 50% / 30% 90% no-repeat,var(--puff) 30% 30% / 32% 100% no-repeat,var(--puff) 58% 46% / 30% 92% no-repeat,var(--puff) 86% 28% / 32% 100% no-repeat;translate: 0 calc(var(--p,0) * 40px)}.cloudbank--top{top: -1px;bottom: auto;transform: scaleY(-1)}@media (prefers-reduced-motion: reduce){.cloud{animation: none}}.night{position: absolute;inset: 0;z-index: -1;pointer-events: none;overflow: hidden;display: none}[data-theme="dark"] .night{display: block}.night__stars{position: absolute;inset: 0;--s: rgb(255 251 255 / 0.9);background: radial-gradient(1.2px 1.2px at 12% 18%,var(--s),transparent),radial-gradient(1px 1px at 27% 62%,var(--s),transparent),radial-gradient(1.6px 1.6px at 41% 9%,#d6ebff,transparent),radial-gradient(1px 1px at 55% 44%,var(--s),transparent),radial-gradient(1.4px 1.4px at 68% 23%,var(--s),transparent),radial-gradient(1px 1px at 79% 71%,#d6ebff,transparent),radial-gradient(1.8px 1.8px at 88% 12%,var(--s),transparent),radial-gradient(1px 1px at 94% 52%,var(--s),transparent),radial-gradient(1.2px 1.2px at 6% 83%,#d6ebff,transparent),radial-gradient(1px 1px at 34% 88%,var(--s),transparent);background-size: 420px 300px;mask-image: linear-gradient(#000 55%,transparent 90%)}.night__stars--far{background-size: 260px 190px;opacity: 0.55}.night__stars--near{background-size: 610px 430px;filter: drop-shadow(0 0 2px #a5caf6)}@media (prefers-reduced-motion: no-preference){.night__stars{animation: twinkle var(--tw,5s) ease-in-out infinite alternate}.night__stars--far{--tw: 3.4s}.night__stars--near{--tw: 6.5s;animation-delay: -2s}}@keyframes twinkle{from{opacity: var(--o1,0.5)}to{opacity: var(--o2,1)}}.meteor{position: absolute;left: var(--x,20%);top: var(--y,12%);width: 140px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,transparent,#a5caf6 40%,#fffbff);filter: drop-shadow(0 0 6px #d6ebff);transform: rotate(var(--a,18deg)) translateX(0) scaleX(0);transform-origin: 100% 50%;opacity: 0}.meteor.is-flying{animation: meteor 1.3s cubic-bezier(0.3,0.1,0.4,1) forwards}@keyframes meteor{0%{opacity: 0;transform: rotate(var(--a)) translateX(0) scaleX(0.2)}15%{opacity: 1}70%{opacity: 1;transform: rotate(var(--a)) translateX(var(--d,380px)) scaleX(1)}100%{opacity: 0;transform: rotate(var(--a)) translateX(calc(var(--d,380px) * 1.2)) scaleX(0.4)}}.firefly{position: absolute;left: var(--x);top: var(--y);width: var(--r,4px);aspect-ratio: 1;border-radius: 50%;background: #fff6c8;box-shadow: 0 0 10px 3px rgb(255 236 150 / 0.55),0 0 22px 8px rgb(255 226 120 / 0.18);opacity: 0}@media (prefers-reduced-motion: no-preference){.firefly{animation: firefly-glow var(--g,3.2s) ease-in-out var(--delay,0s) infinite,firefly-wander var(--w,14s) ease-in-out var(--delay,0s) infinite alternate}}@media (prefers-reduced-motion: reduce){.firefly{opacity: 0.7}}@keyframes firefly-glow{0%,100%{opacity: 0.1}45%,60%{opacity: 0.95}}@keyframes firefly-wander{0%{translate: 0 0}33%{translate: var(--dx1,30px) var(--dy1,-20px)}66%{translate: var(--dx2,-20px) var(--dy2,-40px)}100%{translate: var(--dx3,10px) var(--dy3,10px)}}.paint-scene{position: relative;--paint-color: var(--hero-from)}.paint-scene [data-paint-hold]{position: sticky;top: var(--hold-top,0px)}.paint-scene__canvas{position: sticky;top: 0;z-index: 5;height: 100vh;margin-top: -100vh;pointer-events: none}.paint-scene__canvas{overflow: hidden}.paint-scene__canvas::after{content: "";position: absolute;inset: 0;background: var(--paint-color);opacity: clamp(0,(var(--paint,0) - 0.96) * 25,1)}.paint-scene__canvas svg{display: block;width: 100%;height: 100%}.paint-scene__stroke{fill: none;stroke: var(--paint-color);stroke-width: 40;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: calc(1 - var(--paint,0))}.paint-scene__run{height: 150vh}@media (prefers-reduced-motion: reduce){.paint-scene [data-paint-hold]{position: static}.paint-scene__canvas,.paint-scene__run{display: none}}.roll{position: relative;display: inline-grid;overflow: hidden;vertical-align: bottom;padding-block: 0.08em;margin-block: -0.08em}.roll__a,.roll__b{grid-area: 1 / 1;white-space: nowrap}.roll__b{display: inline-flex}.roll__b>span{display: inline-block;transform: translateY(115%)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.roll__a{transition: transform 0.45s var(--ease-out)}.roll__b>span{transition: transform 0.5s var(--ease-spring);transition-delay: calc(var(--i) * 14ms)}:is(a,button):hover .roll__a,.roll:hover .roll__a{transform: translateY(-115%)}:is(a,button):hover .roll__b>span,.roll:hover .roll__b>span{transform: none}}@media (hover: hover) and (prefers-reduced-motion: no-preference){[data-split]:not([data-split="scrub"]) .w{cursor: default}[data-split][data-reveal].is-in:not([data-split="scrub"]) .w:hover{overflow: visible}[data-split][data-reveal].is-in:not([data-split="scrub"]) .w:hover>span{transform: translateY(-0.06em) rotate(-4deg) scale(1.04);transition: transform 0.4s var(--ease-spring);transition-delay: 0ms}}::view-transition-old(root),::view-transition-new(root){animation: none;mix-blend-mode: normal}.sheet{display: inline-flex;align-items: center;gap: var(--space-3);font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--fg-muted)}.sheet{flex-wrap: wrap;row-gap: var(--space-1)}.sheet__no{color: var(--fg);white-space: nowrap}.sheet::before{content: "";width: 11px;height: 11px;flex: none;background: linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.blueprint .sheet,.block--brand .sheet,.block--ink .sheet{color: var(--white);padding: 6px 12px;border-radius: var(--radius-pill);background: rgb(10 35 70 / 0.3)}.blueprint .sheet__no,.block--brand .sheet__no,.block--ink .sheet__no{color: var(--white)}@property --dim-em{syntax: "<length>";inherits: true;initial-value: 16px}.dim{position: relative;display: inline-block;--dim-em: 1em}.dim::after{content: "";position: absolute;left: 0;right: 0;top: calc(100% + var(--dim-em) * 0.1);height: calc(var(--dim-em) * 0.16);border-inline: var(--hairline) solid currentColor;background: linear-gradient(currentColor,currentColor) center / 100% var(--hairline) no-repeat;transform: scaleX(var(--dim-scale,1));transition: transform 1.2s var(--ease-out) 0.5s}.dim::before{content: attr(data-dim);position: absolute;left: 50%;top: calc(100% + var(--dim-em) * 0.34);translate: -50% 0;z-index: 1;font: 500 clamp(10px,0.14em,14px) / 1.6 var(--font-mono);letter-spacing: 0.1em;text-transform: uppercase;color: currentColor;white-space: nowrap;opacity: var(--dim-label,1);transition: opacity var(--dur-slow) ease 1.2s}@media (prefers-reduced-motion: no-preference){[data-reveal] .dim,.dim[data-reveal]{--dim-scale: 0;--dim-label: 0}.is-in .dim,.dim.is-in{--dim-scale: 1;--dim-label: 1}}.fig{position: relative;padding: 14px}.fig::before,.fig::after{content: "";position: absolute;inset: 0;pointer-events: none;--m: 22px;background: linear-gradient(currentColor,currentColor) 0 0 / var(--m) var(--hairline),linear-gradient(currentColor,currentColor) 0 0 / var(--hairline) var(--m),linear-gradient(currentColor,currentColor) 100% 0 / var(--m) var(--hairline),linear-gradient(currentColor,currentColor) 100% 0 / var(--hairline) var(--m),linear-gradient(currentColor,currentColor) 0 100% / var(--m) var(--hairline),linear-gradient(currentColor,currentColor) 0 100% / var(--hairline) var(--m),linear-gradient(currentColor,currentColor) 100% 100% / var(--m) var(--hairline),linear-gradient(currentColor,currentColor) 100% 100% / var(--hairline) var(--m);background-repeat: no-repeat;opacity: 0.5}.fig::after{display: none}.fig__caption{position: absolute;left: 14px;bottom: -4px;translate: 0 100%;font: 500 11px / 1.4 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--fg-muted);padding-top: var(--space-2)}.ruler{height: 28px;color: var(--fg);background: linear-gradient(90deg,currentColor var(--hairline),transparent 0) 0 100% / 120px 100% repeat-x,linear-gradient(90deg,currentColor var(--hairline),transparent 0) 0 100% / 24px 45% repeat-x,linear-gradient(currentColor,currentColor) 0 100% / 100% var(--hairline) no-repeat;opacity: 0.35;background-position-x: var(--ruler-shift,0)}.blueprint .ruler{color: var(--white);opacity: 0.55}.graph{display: block;width: 100%;height: auto;overflow: visible;color: var(--white)}.graph__edge{fill: none;stroke: rgb(255 255 255 / 0.5);stroke-width: 1.6;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: var(--draw,0);vector-effect: non-scaling-stroke}.graph__node rect,.graph__node circle{fill: rgb(255 255 255 / 0.2);stroke: rgb(255 255 255 / 0.65);stroke-width: 1;vector-effect: non-scaling-stroke;filter: drop-shadow(0 6px 14px rgb(17 28 54 / 0.18))}.graph__node text{font: 500 11px var(--font-mono);letter-spacing: 0.06em;fill: var(--white);text-transform: uppercase}.graph__hub rect{fill: var(--white);stroke: none;filter: drop-shadow(0 0 18px rgb(255 255 255 / 0.7))}.graph__hub text{fill: var(--sky-700);font-weight: 700}.graph__packet{fill: var(--white);filter: drop-shadow(0 0 4px #fff)}@media (prefers-reduced-motion: no-preference){.graph__packet{offset-rotate: 0deg;animation: packet var(--dur,3.2s) var(--ease-std) var(--delay,0s) infinite}}@keyframes packet{0%{offset-distance: 0%;opacity: 0}10%,85%{opacity: 1}100%{offset-distance: 100%;opacity: 0}}[data-reveal]{opacity: 0;transform: translateY(28px);transition: opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out);transition-delay: calc(var(--i,0) * 70ms)}[data-reveal].is-in{opacity: 1;transform: none}@keyframes fade-up{from{opacity: 0;transform: translateY(8px)}}[data-split] .w{display: inline-block;vertical-align: top}[data-split] .w>span{display: inline-block}@media (prefers-reduced-motion: no-preference){[data-split][data-reveal]{opacity: 1;transform: none}[data-split][data-reveal] .w{overflow: clip;overflow-clip-margin: 0.1em;padding-bottom: 0.06em;margin-bottom: -0.06em}[data-split][data-reveal] .w>span{transform: translateY(110%) rotate(4deg);transform-origin: left bottom;transition: transform var(--dur-reveal) var(--ease-out);transition-delay: calc(var(--delay,0ms) + var(--wi) * 45ms)}[data-split][data-reveal].is-in .w>span{transform: none}[data-split="scrub"]{color: var(--fg)}[data-split="scrub"] .w>span{opacity: clamp(0.5,calc((var(--p,0) * 2.2 - 0.45) * var(--wn) - var(--wi) + 1),1);transition: opacity 120ms linear}.card[data-reveal]{opacity: 1;clip-path: inset(18% 0 0 0 round var(--radius-lg));transform: translateY(60px) scale(0.97);transition: clip-path 1.1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay: calc(var(--i,0) * 90ms)}.card[data-reveal].is-in{clip-path: inset(0 0 0 0 round var(--radius-lg));transform: none}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.section-head{display: grid;gap: var(--space-3);max-width: 760px}.loader{position: fixed;inset: 0;z-index: 100;pointer-events: none;display: grid;place-items: center;animation: loader-failsafe 0.5s ease 7s forwards}.loader__cover{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}.loader__cover path{fill: none;stroke: var(--bg);stroke-width: 80%;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1 1}.loader__signature{position: relative;width: min(82vw,660px);height: auto;overflow: visible;color: var(--brand-strong)}[data-theme="dark"] .loader__signature{color: var(--sky-100)}.loader__signature mask path{fill: none;stroke: #fff;stroke-width: 15;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1 1;stroke-dashoffset: 1;opacity: 0}@keyframes loader-failsafe{to{opacity: 0;visibility: hidden}}@media (prefers-reduced-motion: reduce){.loader{display: none}}:root{--cursor: url("../assets/img/cursors/paper.svg") 6 3,auto;--cursor-hover: url("../assets/img/cursors/paper-hover.svg") 6 3,pointer}.blueprint,.mascot-fly:not(.is-on-paper){--cursor: url("../assets/img/cursors/sky.svg") 6 3,auto;--cursor-hover: url("../assets/img/cursors/sky-hover.svg") 6 3,pointer}[data-theme="dark"]{--cursor: url("../assets/img/cursors/night.svg") 6 3,auto;--cursor-hover: url("../assets/img/cursors/night-hover.svg") 6 3,pointer}[data-theme="dark"] .blueprint{--cursor: url("../assets/img/cursors/sky.svg") 6 3,auto;--cursor-hover: url("../assets/img/cursors/sky-hover.svg") 6 3,pointer}html{cursor: var(--cursor)}:is(a,button,[role="button"],label,summary,select,.mascot,.wm__hit){cursor: var(--cursor-hover)}.deck__stage,.deck__stage:active{cursor: url("../assets/img/cursors/drag.svg") 22 14,grab}.sound-toggle .ico-mute{display: none}.sound-toggle[aria-pressed="false"] .ico-waves{display: none}.sound-toggle[aria-pressed="false"] .ico-mute{display: inline}.music-toggle .ico-off{display: none}.music-toggle[aria-pressed="false"] .ico-off{display: inline}.music-toggle[aria-pressed="false"] svg{opacity: 0.75}.nav-mark{display: block;width: 48px;aspect-ratio: 1}.nav-pill{padding-inline: var(--space-2)}.nav:not(.is-scrolled) .nav-pill{background: rgb(10 35 70 / 0.26)}.nav-pill__links .nav-link{color: var(--white)}.nav.is-scrolled .nav-pill__links .nav-link{color: var(--fg)}.nav-pill__links{padding: 14px 10px;margin: -14px -10px}.nav-pill__links .nav-link{--cloud: var(--white);position: relative;isolation: isolate;border: 0;transition: color var(--dur-base) ease}.nav.is-scrolled .nav-pill__links .nav-link{--cloud: var(--sky-100)}.nav-pill__links .nav-link::before,.nav-pill__links .nav-link::after{content: "";position: absolute;z-index: -1;pointer-events: none;opacity: 0;scale: 0.6;transition: opacity var(--dur-base) ease,scale var(--dur-base) var(--ease-spring)}.nav-pill__links .nav-link::before{inset: 7px -2px 2px;border-radius: var(--radius-pill);background: var(--cloud)}.nav-pill__links .nav-link::after{inset: -4px 4px 45%;background: radial-gradient(circle at 26% 72%,var(--cloud) 0 10px,transparent 10.5px),radial-gradient(circle at 50% 58%,var(--cloud) 0 12px,transparent 12.5px),radial-gradient(circle at 74% 76%,var(--cloud) 0 9px,transparent 9.5px)}.nav-pill__links .nav-link:hover::before,.nav-pill__links .nav-link:hover::after{opacity: 0.3;scale: 0.9}.nav .nav-pill__links .nav-link[aria-current="true"]{color: var(--sky-800)}.nav-pill__links .nav-link[aria-current="true"]::before,.nav-pill__links .nav-link[aria-current="true"]::after{opacity: 1;scale: 1}.nav-pill__status{color: var(--fg);font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase}@keyframes caret-blink{50%{opacity: 0}}.hero{min-height: 100svh;display: flex;flex-direction: column;justify-content: flex-end;padding-top: 110px;overflow: hidden}.hero__center{position: relative;z-index: 2;display: grid;justify-items: center;text-align: center;gap: var(--space-5);max-width: 980px}.hero__mark{display: block;width: clamp(84px,9vw,120px);aspect-ratio: 1;margin-bottom: var(--space-2)}.mascot-fly{--accent: var(--sky-100);position: fixed;left: 0;top: 0;z-index: 60;display: block;aspect-ratio: 1;transform-origin: 0 0;will-change: transform;color: var(--white);filter: drop-shadow(0 10px 22px rgb(31 59 109 / 0.28));transition: color var(--dur-base) ease,filter var(--dur-base) ease}.mascot-fly:not(.is-placed){visibility: hidden}.mascot-fly .mk-ring{fill: var(--sky-400);transition: fill var(--dur-base) ease}[data-theme="dark"] .mascot-fly .mk-ring{fill: #1c3868}.mascot-fly.is-hello svg{animation: mark-hop 0.6s var(--ease-bounce) 2}.mascot-fly.is-hello .mk-eye{animation: mark-happy 0.6s ease-in-out 2}.mascot-fly.is-hello .mk-packet{animation: packet-hop 0.6s var(--ease-bounce) 2}.mascot-hello{position: fixed;left: 0;top: 0;z-index: 61;pointer-events: none;padding: 0.7em 1.2em;border-radius: 1.3em;background: var(--white);color: var(--sky-800);font: 600 18px / 1.25 var(--font-sans);width: max-content;max-width: min(15em,calc(100vw - 24px));box-shadow: 0 12px 28px rgb(31 59 109 / 0.22);translate: 0 -100%;opacity: 0;scale: 0.6;transform-origin: 0 100%;transition: opacity 0.3s ease,scale 0.45s var(--ease-spring)}.mascot-hello.is-on{opacity: 1;scale: 1}.mascot-hello.is-left{transform-origin: 100% 100%}.mascot-hello.is-below{translate: 0 0;transform-origin: 0 0}.mascot-fly.is-on-paper{filter: drop-shadow(0 4px 12px rgb(31 59 109 / 0.35))}.mascot-fly.is-in-footer{--accent: var(--sky-300);color: var(--cream);filter: none}.mascot-fly .mk-packet,.mascot-fly .mk-eye{transition: fill 0.7s ease}.mascot-fly,.mascot-fly .mk-ring{transition-duration: 0.7s}.mascot-fly.is-in-footer .mk-ring{fill: transparent}.wm.has-tejo .wm__mark{visibility: hidden}.mascot svg{display: block;width: 100%;height: auto;overflow: visible}.mascot .mk-eye{transform-box: fill-box;transform-origin: center;translate: var(--lx,0) var(--ly,0);transition: translate 0.25s var(--ease-out)}.mascot .mk-packet,.mascot .mk-stem{transform-box: fill-box}.mascot .mk-stem{transform-origin: 50% 100%}@media (prefers-reduced-motion: no-preference){.mascot svg{animation: mark-float 4.2s ease-in-out infinite;transform-origin: 50% 90%}.mascot .mk-eye{animation: mark-eyes 9s ease-in-out infinite}.mascot .mk-packet{animation: packet-bob 1.9s ease-in-out infinite}.mascot .mk-stem{animation: stem-wave 4.2s ease-in-out infinite}}@media (prefers-reduced-motion: no-preference){.mascot.is-idle-hop svg{animation-name: mark-float,idle-hop;animation-duration: 4.2s,0.9s;animation-timing-function: ease-in-out,var(--ease-out);animation-iteration-count: infinite,1}.mascot.is-idle-twirl svg{animation-name: mark-float,idle-twirl;animation-duration: 4.2s,1.2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-wiggle svg{animation-name: mark-float,idle-wiggle;animation-duration: 4.2s,0.9s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-shake svg{animation-name: mark-float,idle-shake;animation-duration: 4.2s,0.8s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-stretch svg{animation-name: mark-float,idle-stretch;animation-duration: 4.2s,1.2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-sleepy svg{animation-name: mark-float,idle-sleepy;animation-duration: 4.2s,2.8s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-wink svg{animation-name: mark-float,idle-wink;animation-duration: 4.2s,1s;animation-timing-function: ease-in-out;animation-iteration-count: infinite,1}.mascot.is-idle-boop svg{animation-name: mark-float,idle-boop;animation-duration: 4.2s,0.75s;animation-timing-function: ease-in-out,var(--ease-out);animation-iteration-count: infinite,1}.mascot.is-idle-boop .mk-eye{animation: mark-happy 0.35s ease-in-out 2}.mascot.is-idle-boop .mk-packet{animation-name: packet-bob,idle-juggle;animation-duration: 1.9s,1.1s;animation-timing-function: ease-in-out,cubic-bezier(0.3,0,0.3,1);animation-iteration-count: infinite,1}.mascot.is-idle-juggle .mk-packet{animation-name: packet-bob,idle-juggle;animation-duration: 1.9s,1.1s;animation-timing-function: ease-in-out,cubic-bezier(0.3,0,0.3,1);animation-iteration-count: infinite,1}.mascot.is-idle-sleepy .mk-eye{animation: idle-eyes-shut 2.8s ease-in-out}.mascot.is-idle-wink .mk-eye:nth-child(3){animation: idle-eyes-wink 1s ease-in-out}.mascot.is-idle-stretch .mk-eye{animation: idle-eyes-yawn 1.2s ease-in-out}}@keyframes idle-hop{20%{scale: 1.08 0.9}45%{translate: 0 -18%;scale: 0.95 1.05}72%{translate: 0 0;scale: 1.06 0.94}}@keyframes idle-boop{14%{scale: 1.2 0.76}38%{scale: 0.9 1.12;translate: 0 -12%}62%{scale: 1.05 0.95;translate: 0 0}80%{scale: 0.98 1.02}}@keyframes idle-twirl{50%{scale: -1 1}}@keyframes idle-wiggle{15%{rotate: -10deg}35%{rotate: 9deg}55%{rotate: -7deg}75%{rotate: 5deg}}@keyframes idle-shake{15%{translate: -5% 0}35%{translate: 5% 0}55%{translate: -4% 0}75%{translate: 4% 0}}@keyframes idle-stretch{35%{scale: 0.9 1.12}65%{scale: 1.04 0.96}}@keyframes idle-sleepy{20%,70%{rotate: 8deg;translate: 0 3%}78%{rotate: -3deg;translate: 0 -4%}}@keyframes idle-wink{20%,60%{rotate: -6deg}}@keyframes idle-juggle{40%{translate: 0 -130%;rotate: 180deg}70%{translate: 0 0;rotate: 360deg}82%{translate: 0 -20%}}@keyframes idle-eyes-shut{18%,72%{transform: scaleY(0.12)}}@keyframes idle-eyes-wink{20%,60%{transform: scaleY(0.1)}}@keyframes idle-eyes-yawn{30%,60%{transform: scaleY(0.35)}}@keyframes mark-float{0%,100%{transform: translateY(0) rotate(-3deg)}50%{transform: translateY(-8px) rotate(3deg)}}@keyframes mark-eyes{0%,17%,21%,44%,76%,84%,88%,100%{transform: none}19%{transform: scaleY(0.1)}48%,56%{transform: translateX(-22%)}64%,72%{transform: translateX(22%)}86%{transform: scaleY(0.1)}90%{transform: scaleY(0.1)}}@keyframes stem-wave{0%,100%{transform: none}50%{transform: scaleY(1.07)}}@keyframes packet-hop{50%{translate: 0 -45%}}@keyframes mark-hop{0%,100%{transform: translateY(0) rotate(0)}40%{transform: translateY(-14px) rotate(-6deg)}}@keyframes mark-happy{50%{transform: scaleY(0.35)}}.hero__title{color: var(--white);text-shadow: 0 4px 40px rgb(31 59 109 / 0.22)}.hero__title>span{display: block}.hero__light{font-weight: 300;letter-spacing: -0.045em}.hero__title .dim{margin-bottom: 0.75em}.hero__actions{justify-content: center;margin-top: var(--space-4)}.hero__eyebrow{color: var(--white);text-shadow: 0 1px 14px rgb(31 59 109 / 0.35)}.hero::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(60% 9% at 22% 18%,rgb(255 255 255 / 0.16),transparent 70%),radial-gradient(48% 7% at 74% 34%,rgb(255 255 255 / 0.12),transparent 70%),radial-gradient(70% 8% at 40% 62%,rgb(255 255 255 / 0.1),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");mix-blend-mode: soft-light;opacity: 0.55}.hero__mark::before{content: "";position: absolute;inset: -40%;border-radius: 50%;z-index: -1;pointer-events: none;background: radial-gradient(closest-side,rgb(255 255 255 / 0.45),transparent)}.hero__mark{position: relative}.hero__side{position: absolute;left: clamp(18px,3vw,44px);top: 50%;translate: 0 -50%;writing-mode: vertical-rl;rotate: 180deg;font: 500 11px / 1 var(--font-mono);letter-spacing: 0.22em;text-transform: uppercase;color: var(--white);opacity: 0.85;white-space: nowrap}@media (min-width: 761px){.hero{justify-content: center;padding-bottom: clamp(120px,14vw,220px)}.hero__center{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "eyebrow mark" "title mark" "actions mark";justify-items: start;align-items: center;text-align: left;column-gap: clamp(32px,6vw,120px);row-gap: var(--space-4);max-width: var(--container);padding-left: clamp(64px,8vw,128px)}.hero__eyebrow{grid-area: eyebrow}.hero__title{grid-area: title}.hero__actions{grid-area: actions;justify-content: flex-start;margin-top: calc(var(--space-4) * -1)}.hero__mark{grid-area: mark;width: clamp(190px,24vw,350px);margin: 0 clamp(16px,5vw,110px) 0 0}}.hero.is-measuring .hero__center,.hero.is-measuring .hero__mark,.hero.is-measuring .hero__mark *{animation: none !important;transform: none !important;transition: none !important}@media (max-width: 760px){.hero{justify-content: flex-start;padding-top: clamp(190px,27svh,270px)}.hero__center{justify-items: start;text-align: left;padding-left: 58px;gap: var(--space-4)}.hero__mark{position: absolute;top: -112px;right: 10px;width: 92px;margin: 0}.hero__title{font-size: clamp(3.3rem,17vw,4.6rem);line-height: 0.92}.hero__actions{justify-content: flex-start;margin-top: var(--space-5)}.hero__side{left: 18px}}@media (max-width: 520px){.sheet{flex-direction: column;gap: 4px;text-align: center;border-radius: 14px}.sheet::before{display: none}.hero .sheet,.contact__inner .sheet{align-self: center}}@media (max-width: 759px){.blueprint>.cloud:not(:first-of-type),.work>.cloud:not(:first-of-type){display: none}.hero>.cloud:first-of-type{--w: 260px !important;top: 8% !important;left: auto !important;right: -14%;--o: 0.55}}.hero>.container{position: relative;z-index: 2}.hero{padding-bottom: clamp(170px,19vw,290px)}.hero .cloudbank{height: clamp(120px,15vw,230px);z-index: 3}.hero .cloudbank--back{opacity: 0.6;bottom: 10%}.ticker{padding-block: var(--space-4) var(--space-6);color: var(--sky-600)}[data-theme="dark"] .ticker{color: var(--sky-300)}.ticker .marquee__item{font-weight: 700;opacity: 0.9}.marquee__sep{width: 64px;height: 12px;flex: none;background: radial-gradient(circle,currentColor 5px,transparent 5.5px) center / 12px 12px no-repeat,linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat;opacity: 0.6}.intro__grid{display: grid;gap: var(--space-8);align-items: center}@media (min-width: 960px){.intro__grid{grid-template-columns: 5fr 7fr;gap: var(--space-9);align-items: start}.intro__photo{position: sticky;top: 120px}.intro__text{padding-block: 12vh 8vh}.intro__statement{font-size: var(--text-3xl);line-height: 1.18}}.intro__photo{max-width: 460px;color: var(--fg);margin-bottom: var(--space-5)}.intro__photo img{width: 100%;aspect-ratio: 1;object-fit: cover;border-radius: var(--radius-md)}.intro__statement{font-size: var(--text-2xl);line-height: 1.3;letter-spacing: -0.015em;color: var(--fg-muted)}.intro__statement strong{display: block;margin-top: var(--space-4);color: var(--fg);font-weight: 600}.intro__stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-5);padding-block: var(--space-5);border-block: 1px solid var(--border)}.intro__clients{display: grid;gap: var(--space-4)}.logo-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-6);list-style: none;padding: 0}.logo-row img{height: 34px;width: auto;filter: grayscale(1);opacity: 0.7;transition: filter var(--dur-base) ease,opacity var(--dur-base) ease}.logo-row img:hover{filter: none;opacity: 1}[data-theme="dark"] .logo-row img{filter: grayscale(1) invert(1)}[data-theme="dark"] .logo-row img:hover{filter: invert(1)}.work{padding-block: var(--space-6) clamp(220px,24vw,340px);overflow: hidden;background: linear-gradient(180deg,var(--hero-from) 0%,var(--hero-mid) 40%,var(--hero-to) calc(100% - clamp(320px,34vw,480px)),color-mix(in srgb,var(--hero-to) 55%,var(--bg)) calc(100% - clamp(160px,17vw,240px)),var(--bg) 100%)}.work>.container{position: relative;z-index: 1}.work__head{display: grid;justify-items: center;text-align: center;gap: var(--space-4);margin-bottom: var(--space-8)}.bracket-heading{display: inline-flex;align-items: center;gap: 0.25em;font: 800 var(--text-4xl) / 1 var(--font-display);letter-spacing: var(--tracking-tight)}.bracket-heading__b{font-weight: 300;opacity: 0.8;transition: transform 1s var(--ease-out) 0.2s}.bracket-heading:not(.is-in) .bracket-heading__b--l{transform: translateX(-160%)}.bracket-heading:not(.is-in) .bracket-heading__b--r{transform: translateX(160%)}.bracket-heading[data-reveal]{opacity: 1;transform: none}.work__sub{max-width: 22ch;font: 800 var(--text-2xl) / 1.1 var(--font-display);letter-spacing: -0.02em;text-transform: uppercase;color: var(--white)}.deck{display: grid;gap: var(--space-6);min-height: min(78vh,720px);outline: none}@media (min-width: 900px){.deck{grid-template-columns: minmax(16rem,0.75fr) 1.25fr;align-items: stretch}}.deck:focus-visible{outline: 2px solid var(--white);outline-offset: 8px;border-radius: var(--radius-lg)}.deck__info{position: relative;z-index: 200;display: flex;flex-direction: column;justify-content: center;gap: var(--space-6)}.deck__count{display: flex;align-items: center;gap: 0.2em;font: 300 clamp(2.4rem,5vw,4.2rem) / 1 var(--font-display);letter-spacing: -0.04em;font-variant-numeric: tabular-nums}.deck__count i{width: 2px;height: 0.8em;background: currentColor;rotate: 15deg;margin-inline: 0.18em;opacity: 0.7}.deck__count [data-deck-current]{font-weight: 800}.deck-info{display: grid;min-height: 15rem}.deck-info__item{grid-area: 1 / 1;display: grid;align-content: start;gap: var(--space-3);opacity: 0;transform: translateY(16px);pointer-events: none;transition: opacity var(--dur-base) ease,transform var(--dur-slow) var(--ease-out)}.deck-info__item.is-active{opacity: 1;transform: none;pointer-events: auto;transition-delay: 120ms}.deck-info__meta{color: var(--white)}.deck-info__title{font: 800 var(--text-3xl) / 1 var(--font-display);letter-spacing: var(--tracking-tight)}.deck-info__text{color: var(--white);max-width: 42ch}.chip--light{color: var(--white);border-color: rgb(255 255 255 / 0.4)}.deck__nav{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3)}.deck__btn{position: relative;display: grid;place-items: center;width: 52px;height: 52px;border-radius: 10px;border: 1px solid rgb(255 255 255 / 0.35);color: var(--white);transition: background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring)}.deck__btn::before{content: "";position: absolute;inset: -5px;border-radius: 13px;pointer-events: none;--c: rgb(255 255 255 / 0.9);background: linear-gradient(var(--c),var(--c)) 0 0 / 10px 1.5px,linear-gradient(var(--c),var(--c)) 0 0 / 1.5px 10px,linear-gradient(var(--c),var(--c)) 100% 0 / 10px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0 / 1.5px 10px,linear-gradient(var(--c),var(--c)) 0 100% / 10px 1.5px,linear-gradient(var(--c),var(--c)) 0 100% / 1.5px 10px,linear-gradient(var(--c),var(--c)) 100% 100% / 10px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100% / 1.5px 10px;background-repeat: no-repeat;opacity: 0;scale: 1.15;transition: opacity var(--dur-fast) ease,scale var(--dur-base) var(--ease-spring)}.deck__btn:hover{background: rgb(255 255 255 / 0.12)}.deck__btn:hover::before{opacity: 1;scale: 1}.deck__btn:active{transform: scale(0.94)}.deck__btn svg{width: 18px;height: 18px}.deck__hint{color: var(--white);opacity: 0.9}.deck__stage{position: relative;min-height: min(70vh,640px);touch-action: pan-y;user-select: none}.deck__cards{position: absolute;inset: 0}.deck-card{position: absolute;left: 50%;top: 50%;width: clamp(240px,30vw,480px);margin: calc(clamp(240px,30vw,480px) * -0.28) 0 0 calc(clamp(240px,30vw,480px) * -0.5);padding: 0;border: 0;background: none;will-change: transform,opacity,filter;transition: box-shadow var(--dur-base) ease}.deck-card img{-webkit-user-drag: none;user-select: none;pointer-events: none}.deck-card .shot{transform: none;box-shadow: 0 30px 50px -24px rgb(3 24 53 / 0.55)}.deck-card[data-active] .shot{box-shadow: 0 40px 70px -26px rgb(3 24 53 / 0.65),0 0 0 1px rgb(255 255 255 / 0.5)}.deck-card[data-active]:hover .shot{scale: 1.03}.deck-card:focus-visible{outline: none}@media (max-width: 899px){.deck__stage{min-height: 380px;order: -1;touch-action: pan-y}.deck-card{width: min(72vw,320px);margin: calc(min(72vw,320px) * -0.28) 0 0 calc(min(72vw,320px) * -0.5)}.deck-info{min-height: 13rem}}.case{display: grid;gap: var(--space-7);padding: 0 clamp(20px,5vw,56px) clamp(24px,5vw,56px)}.case__head{display: grid;gap: var(--space-4);justify-items: start}.case__head .lead{max-width: 60ch}.case__facts{display: flex;flex-wrap: wrap;gap: var(--space-6)}.case__facts div{display: grid;gap: var(--space-1)}.case__cover{width: 100%;border-radius: var(--radius-lg);border: 1px solid var(--border)}.case__metrics{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: var(--space-5);padding-block: var(--space-5);border-block: 1px solid var(--border)}.case__story{display: grid;gap: var(--space-6)}.case__story section{display: grid;gap: var(--space-3)}.case__story p{font-size: var(--text-lg);max-width: 64ch}@media (min-width: 760px){.case__story{grid-template-columns: 1fr 1fr}.case__story section:last-child{grid-column: 1 / -1}}.case__gallery{display: grid;gap: var(--space-4)}.case__gallery img{width: 100%;border-radius: var(--radius-md);border: 1px solid var(--border)}@media (min-width: 760px){.case__gallery{grid-template-columns: 1fr 1fr}.case__gallery img:first-child{grid-column: 1 / -1}}.exp{display: grid;gap: var(--space-7)}@media (min-width: 960px){.exp{grid-template-columns: 4fr 8fr;gap: var(--space-9);align-items: start}.exp__head{position: sticky;top: 110px}}.exp__edu{display: grid;gap: var(--space-3);margin-top: var(--space-5)}.edu-list{display: grid;gap: var(--space-4);list-style: none;padding: 0}.edu-list li{display: grid;gap: 2px}.edu-list span:last-child{color: var(--fg-muted);font-size: var(--text-sm)}.job{display: grid;gap: var(--space-1) var(--space-4);grid-template-columns: 1fr}.job__role{font: 700 var(--text-xl) / 1.15 var(--font-display);letter-spacing: -0.02em}.job__org{color: var(--fg-muted)}@media (min-width: 640px){.job{grid-template-columns: 150px 1fr}.job__period{grid-row: 1 / span 2;padding-top: 6px}}.accordion__content{display: grid;gap: var(--space-4)}@media (min-width: 640px){.accordion__content{padding-left: calc(150px + var(--space-4))}}.numbers{background: var(--bg-sunken)}.hscroll{position: relative}.hscroll__sticky{display: flex;flex-direction: column;justify-content: center;gap: var(--space-7);padding-block: var(--space-9)}.hscroll.is-pinned .hscroll__sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;padding-block: 0}.hscroll__head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: var(--space-5)}.hscroll__meta{display: flex;align-items: center;gap: var(--space-4);min-width: 220px;font: 500 var(--text-xs) / 1 var(--font-mono);letter-spacing: 0.1em;color: var(--fg-muted);font-variant-numeric: tabular-nums}.hscroll__bar-track{flex: 1;height: 3px;border-radius: 3px;background: var(--border);overflow: hidden}.hscroll__bar{display: block;height: 100%;background: var(--brand);transform-origin: 0 50%;transform: scaleX(var(--p,0))}.hscroll__viewport{overflow: hidden;padding-block: var(--space-5) var(--space-7)}.hscroll:not(.is-pinned) .hscroll__viewport{overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none}.hscroll:not(.is-pinned) .hscroll__viewport::-webkit-scrollbar{display: none}.hscroll__track{display: flex;gap: var(--space-5);width: max-content;padding-inline: max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));will-change: transform}.hscroll__card{width: clamp(260px,26vw,360px);min-height: 300px;flex: none;scroll-snap-align: center;transform-origin: 50% 100%}.hscroll__card:hover{transform: none}.hscroll__card p{opacity: 0.9}.hscroll__card.feature--brand p{opacity: 1}.studio{position: relative;overflow-x: clip;padding-bottom: 0}.studio__inner{position: relative;z-index: 1}.studio__top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: var(--space-3);margin-bottom: var(--space-6)}.studio__top .sheet{flex: none}.studio__meta{margin: 0;font: 500 var(--text-xs) / 1.5 var(--font-mono);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--fg-muted)}.studio__title{position: relative;z-index: 3;margin: 0;font: 800 clamp(3rem,0.8rem + 8vw,8.5rem) / 0.9 var(--font-display);letter-spacing: -0.045em;font-variation-settings: "opsz" 96;text-wrap: balance}.studio__line{display: block}.studio__line--2{text-align: right}.studio__title em{display: inline-block;font-style: normal;color: var(--brand);transition: scale var(--dur-base) var(--ease-spring),rotate var(--dur-base) var(--ease-spring)}.studio__title em:hover{scale: 0.86;rotate: -3deg}.studio__stage{--mx: 0;--my: 0;position: relative;z-index: 2;width: min(62vw,820px);aspect-ratio: 800 / 440;margin: var(--space-4) auto 0;perspective: 1200px}.studio__stage{container-type: inline-size}.studio__window{--w: clamp(280px,64cqi,620px);position: absolute;left: 50%;top: 50%;z-index: 2;width: var(--w);translate: -50% -50%;border-radius: 14px;overflow: hidden;background: var(--white);border: 1px solid rgb(17 28 54 / 0.12);box-shadow: 0 40px 70px -26px rgb(17 28 54 / 0.45),0 8px 20px rgb(17 28 54 / 0.1);rotate: 4deg;transform: rotateX(calc(var(--my) * -9deg)) rotateY(calc(var(--mx) * 12deg));transition: transform 0.5s var(--ease-out),rotate var(--dur-slow) var(--ease-spring),scale var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) ease}.studio__window:hover{rotate: 1.5deg;scale: 1.02;box-shadow: 0 50px 80px -26px rgb(17 28 54 / 0.5),0 10px 24px rgb(17 28 54 / 0.12)}[data-theme="dark"] .studio__window{border-color: rgb(255 255 255 / 0.14);box-shadow: 0 40px 80px -26px rgb(0 0 0 / 0.7)}.studio__window-bar{display: flex;align-items: center;gap: 6px;margin: 0;padding: 10px 14px;background: var(--cream-2);border-bottom: 1px solid rgb(17 28 54 / 0.08)}.studio__window-bar i{width: 10px;height: 10px;border-radius: 50%}.studio__window-bar i:first-child{background: #ff6b5e}.studio__window-bar i:nth-child(2){background: #ffc03d}.studio__window-bar i:nth-child(3){background: #3dcf62}.studio__window-bar span{display: inline-flex;align-items: center;gap: 7px;margin-inline: auto;padding: 5px 14px;border-radius: var(--radius-pill);background: var(--white);font: 500 11px / 1 var(--font-mono);letter-spacing: 0.04em;color: rgb(17 28 54 / 0.65)}.studio__window-bar img{border-radius: 4px}.studio__window-view{position: relative;aspect-ratio: 1440 / 900;overflow: hidden;background: linear-gradient(100deg,var(--cream-2) 30%,var(--cream) 50%,var(--cream-2) 70%) 0 0 / 300% 100%;animation: preview-wait 1.4s linear infinite}.studio__window-view.is-loaded{animation: none}.studio__window-view img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.studio__window-view iframe{position: absolute;left: 0;top: 0;width: 1440px;height: 900px;border: 0;transform-origin: 0 0;scale: var(--k,0.36);pointer-events: none;opacity: 0;transition: opacity 0.5s ease}.studio__window-view.is-live iframe{opacity: 1}@keyframes preview-wait{to{background-position: -150% 0}}.studio__window-link{position: absolute;inset: 0;z-index: 1;border-radius: inherit}.studio__window-link:focus-visible{outline: 3px solid var(--brand);outline-offset: 4px}.studio__services{margin: 0;padding: 0;list-style: none}.studio__services li{padding: 10px 14px;border-radius: var(--radius-pill);font: 500 11px / 1 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;color: var(--sky-800);background: var(--white);border: 1px solid rgb(63 143 214 / 0.3);box-shadow: 0 10px 24px -10px rgb(63 143 214 / 0.5);rotate: var(--r,0deg);transition: rotate var(--dur-base) var(--ease-spring),scale var(--dur-base) var(--ease-spring),border-color var(--dur-fast) ease,color var(--dur-fast) ease,opacity var(--dur-slow) var(--ease-out)}.studio__services li:hover{rotate: 0deg;scale: 1.1;border-color: var(--brand);color: var(--brand-strong)}.studio__foot{display: grid;justify-items: center;gap: var(--space-5);margin: var(--space-8) auto 0;max-width: 46ch;text-align: center}.studio__lead{margin: 0;font-size: var(--text-lg);line-height: 1.55;color: var(--fg-muted)}.studio__word{position: relative;z-index: 0;display: block;width: 100%;height: auto;margin-top: var(--space-7);margin-bottom: -1.2%;fill: var(--fg);fill-opacity: 0.06;pointer-events: none;user-select: none;font-family: var(--font-display);font-weight: 800;letter-spacing: -0.04em}@media (min-width: 760px){.studio__services{position: absolute;inset: 0 -12%;pointer-events: none}.studio__services li{position: absolute;left: var(--x);top: var(--y);pointer-events: auto}}@media (max-width: 759px){.studio__stage{width: 100%;margin-top: var(--space-6);aspect-ratio: auto;display: grid;justify-items: center}.studio__window{--w: 100%;position: relative;left: auto;top: auto;translate: none;rotate: 2deg}.studio__services{display: flex;flex-wrap: wrap;justify-content: center;gap: 16px 10px;margin-top: var(--space-5)}.studio__services li{rotate: calc(var(--r,0deg) * 0.5)}}.wm{--wm-elastic: linear(0,0.171,0.374,0.583,0.778,0.944,1.073,1.163,1.216,1.236,1.23,1.204,1.166,1.123,1.079,1.039,1.006,0.98,0.963,0.953,0.95,0.953,0.959,0.967,0.976,0.985,0.993,1,1.005,1.008,1.01,1.008,1.005,1.003,1,0.999,0.998,0.999,1);display: block;width: 100%;height: auto;overflow: visible}.wm__letter{clip-path: var(--from);transition: clip-path 0.7s cubic-bezier(0.215,0.61,0.355,1) calc(var(--i) * 70ms)}.wm__shape{fill: var(--sky-300);transform-box: fill-box;transform-origin: 50% 50%}.wm__dot{transform: scale(0) translateY(-60%);transition: transform 1s var(--wm-elastic) 0.55s}.wm__bar{transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.9s cubic-bezier(0.645,0.045,0.355,1) 0.7s}.wm__caret{fill: var(--cream);transform: scaleY(0);transform-origin: 50% 100%;transition: transform 0.6s var(--wm-elastic) 1s}.wm{--accent: var(--sky-300)}.wm .mk-ring{stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset 0.9s cubic-bezier(0.65,0,0.35,1)}.wm .mk-stem{transform-box: fill-box;transform-origin: 50% 100%;transform: scaleY(0);transition: transform 0.6s var(--wm-elastic) 0.35s}.wm .mk-eye{transform-box: fill-box;transform-origin: center;transform: scaleY(0);transition: transform 0.35s var(--ease-bounce) 0.7s}.wm .mk-packet{transform-box: fill-box;transform-origin: center;transform: scale(0);transition: transform 0.9s var(--wm-elastic) 0.8s}.wm.is-in .mk-ring{stroke-dashoffset: 0}.wm.is-in .mk-stem,.wm.is-in .mk-eye{transform: none}.wm.is-in .mk-packet{transform: none;animation: packet-bob 2.4s ease-in-out 1.8s infinite}.wm.is-in .mk-eye{animation: blink 4.5s 2.5s infinite}@keyframes blink{0%,94%,100%{transform: none}97%{transform: scaleY(0.1)}}@keyframes packet-bob{50%{translate: 0 -12%}}.wm.is-in .wm__letter{clip-path: inset(0 0 0 0)}.wm.is-in .wm__dot,.wm.is-in .wm__bar{transform: none}.wm.is-in .wm__caret{transform: none;animation: caret-blink 1.1s steps(1) 1.8s infinite}.footer__mark:hover .wm.is-in .wm__dot{animation: dot-hop 0.9s var(--wm-elastic)}@keyframes dot-hop{30%{transform: translateY(-45%) scale(1.15)}}@media (prefers-reduced-motion: reduce){.wm__letter{clip-path: none;transition: none}.wm__shape,.wm [class^="mk-"]{transform: none !important;transition: none !important;animation: none !important;stroke-dashoffset: 0 !important}}.footer__inner{display: grid;gap: var(--space-4);align-items: center;font-size: var(--text-sm)}.footer__meta{display: flex;flex-wrap: wrap;gap: var(--space-2);color: rgb(255 249 241 / 0.7)}.footer__clock{display: flex;gap: var(--space-3);align-items: center}.footer__clock .label--muted{color: rgb(255 249 241 / 0.5)}.footer__links{display: flex;flex-wrap: wrap;gap: var(--space-5);list-style: none;padding: 0}.footer__links a{position: relative}.footer__links a::after{content: "";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: right;transition: transform var(--dur-base) var(--ease-out)}.footer__links a:hover::after{transform: scaleX(1);transform-origin: left}@media (min-width: 900px){.footer__inner{grid-template-columns: 1fr auto auto;gap: var(--space-7)}}@media (max-width: 640px){.dialog{width: 100%;max-width: 100%;max-height: 92dvh;margin: auto 0 0;border-radius: var(--radius-xl) var(--radius-xl) 0 0}.dialog[open]{animation: sheet-in var(--dur-slow) var(--ease-out)}}@keyframes sheet-in{from{transform: translateY(100%)}}@media (prefers-reduced-motion: no-preference){.hero__inner{transform: translateY(calc(var(--p,0) * -22vh));opacity: calc(1 - var(--p,0) * 1.5)}.hero-shot{transform: translateY(calc(var(--p,0) * var(--d) * -9px)) rotate(calc(var(--p,0) * var(--r) * 2))}.hero__sun{translate: 0 calc(var(--p,0) * 30vh)}.hero .cloud{translate: calc(var(--p,0) * 18vw) calc(var(--p,0) * 8vh)}.hero .cloud:nth-of-type(2n){translate: calc(var(--p,0) * -22vw) calc(var(--p,0) * 4vh)}.hero__title>span:nth-child(2){--delay: 120ms}.hero__title>span:nth-child(3){--delay: 240ms}.intro__photo{transform: translateY(calc((0.5 - var(--p,0.5)) * 120px)) rotate(calc(-7deg + var(--p,0.5) * 9deg));rotate: 0deg}.index-row[data-reveal]{transform: translateX(-24px)}.index-row[data-reveal].is-in{transform: none}.index-row{position: relative;border-bottom-color: transparent}.index-row::after{content: "";position: absolute;inset: auto 0 0 0;height: 1px;background: var(--border);transform: scaleX(0);transform-origin: left;transition: transform 1.2s var(--ease-out) calc(var(--i,0) * 70ms)}.index-row.is-in::after{transform: scaleX(1)}}@media (prefers-reduced-motion: no-preference) and (max-width: 760px){.intro__photo{transform: translateY(calc((0.5 - var(--p,0.5)) * 50px)) rotate(calc(-4deg + var(--p,0.5) * 5deg))}}.hire{overflow-x: clip;padding-top: calc(var(--section-y) + clamp(150px,21vw,320px))}.hire .cloudbank--top{--bank: var(--bg-sunken)}.hire__inner{position: relative;z-index: 2;display: grid;gap: var(--space-8)}.hire__lead{max-width: 600px;font-size: var(--text-lg);color: var(--fg-muted)}.hire__grid{display: grid;gap: var(--space-4);padding: 0;margin: 0;list-style: none}@media (min-width: 860px){.hire__grid{grid-template-columns: repeat(3,1fr)}}.hire__card{gap: var(--space-3)}.hire__card-title{font: 800 var(--text-2xl) / 1.1 var(--font-display);letter-spacing: -0.02em}.hire__card-text{opacity: 0.82}.hire__proof{margin-top: auto;padding-top: var(--space-4);border-top: 1px solid currentColor;border-top-color: color-mix(in srgb,currentColor 22%,transparent);font: 500 var(--text-xs) / 1.4 var(--font-mono);letter-spacing: 0.04em}.hire__proof span{opacity: 0.65;margin-right: 0.4em}[data-theme="dark"] .hire .feature--white{background: var(--bg-raised);color: var(--fg)}.hire__how{display: grid;gap: var(--space-5);margin-top: var(--space-8)}.hire__how-title{font-size: clamp(2.4rem,0.6rem + 6vw,6.5rem)}.hire__sky{position: relative;padding-top: 84px}.hire__trail{display: none}.hire__steps{position: relative;z-index: 1;display: grid;align-items: start;gap: var(--space-8);padding: 0;margin: 0;list-style: none}.hire__cloud{--cloud: var(--white);--ink-c: var(--ink);position: relative;width: min(100%,290px);display: grid;gap: var(--space-2);padding: var(--space-5) var(--space-6);border-radius: 999px;background: var(--cloud);color: var(--ink-c);font-weight: 500;line-height: 1.35;text-align: center;justify-items: center;filter: drop-shadow(0 16px 22px rgb(31 59 109 / 0.14))}.hire__cloud::before,.hire__cloud::after{content: "";position: absolute;z-index: -1;border-radius: 50%;background: var(--cloud)}.hire__cloud::before{width: 34%;aspect-ratio: 1;bottom: 42%;left: 14%}.hire__cloud::after{width: 44%;aspect-ratio: 1;bottom: 30%;right: 12%}.hire__cloud:nth-child(even){justify-self: end}.hire__cloud:last-child{--cloud: var(--sky-200);--ink-c: var(--sky-800)}.hire__step-no{font: 600 var(--text-xs) / 1 var(--font-mono);letter-spacing: var(--tracking-label);color: var(--brand)}.hire__cloud:last-child .hire__step-no{color: var(--sky-800)}[data-theme="dark"] .hire__cloud{--cloud: #1f3663;--ink-c: var(--cream);filter: drop-shadow(0 16px 24px rgb(0 0 0 / 0.35))}[data-theme="dark"] .hire__cloud:last-child{--cloud: var(--brand-strong);--ink-c: var(--white)}[data-theme="dark"] .hire__cloud:last-child .hire__step-no{color: var(--sky-100)}.hire__note{margin: 0;text-align: center;font-size: var(--text-sm);color: var(--fg-muted)}@media (min-width: 900px){.hire__sky{padding-top: 110px}.hire__steps{grid-template-columns: repeat(4,1fr);gap: var(--space-5)}.hire__cloud{width: 100%;justify-self: stretch}.hire__cloud:nth-child(even){margin-top: 90px}.hire__trail{display: block;position: absolute;inset: 0;width: 100%;height: 100%;fill: none;stroke: var(--brand);stroke-width: 2;stroke-dasharray: 2 9;stroke-linecap: round;opacity: 0.45;vector-effect: non-scaling-stroke;overflow: visible}.hire__trail path{vector-effect: non-scaling-stroke}}@property --bob{syntax: "<length>";inherits: false;initial-value: 0px}.hire__cloud:nth-child(1){--depth: 140px}.hire__cloud:nth-child(2){--depth: -60px}.hire__cloud:nth-child(3){--depth: 200px}.hire__cloud:nth-child(4){--depth: -20px}@media (prefers-reduced-motion: no-preference){.hire__cloud{translate: 0 calc((var(--p,0.5) - 0.5) * var(--depth,0px) + var(--bob));will-change: translate}.hire__cloud.is-in{animation: cloud-bob 7s ease-in-out infinite alternate;animation-delay: calc(var(--i,0) * -1.9s)}.hire__cloud:hover{scale: 1.04;transition: scale 0.4s var(--ease-spring)}.hire__trail{translate: 0 calc((var(--p,0.5) - 0.5) * 60px)}}@media (prefers-reduced-motion: no-preference) and (max-width: 899px){.hire__cloud:nth-child(n){--depth: 0px}}@keyframes cloud-bob{from{--bob: -6px}to{--bob: 8px}}.contact{background: var(--sky-900)}.contact__band{padding-block: clamp(230px,27vw,390px) clamp(160px,18vw,260px);overflow: hidden;background: linear-gradient(180deg,var(--hero-from) 0%,var(--hero-mid) 30%,var(--hero-to) 64%,color-mix(in srgb,var(--hero-to) 50%,var(--horizon)) 84%,var(--horizon) 100%)}.contact__band .cloudbank--top{--bank: var(--bg)}.contact__band>.container{position: relative;z-index: 2}.contact__inner{display: grid;justify-items: center;text-align: center;gap: var(--space-5)}.contact__actions{justify-content: center}.contact__title{font: 800 var(--text-5xl) / 0.95 var(--font-display);letter-spacing: var(--tracking-tight);max-width: 13ch}.contact__lead{max-width: 46ch;font-size: var(--text-lg);color: var(--white)}.contact__email{font: 500 var(--text-sm) / 1 var(--font-mono);color: var(--white);letter-spacing: 0.04em;overflow-wrap: anywhere}.hero__center,.hero .cloud,.contact__band .cloud{will-change: transform}:root{--horizon: #9fd0f5;--sea-back: #69b4e6;--sea-mid: #3f93d4;--sea-top: #2a7bc0;--sea-deep: #0b2b57;--sea-floor: #061a3a;--glint: #ffffff}[data-theme="dark"]{--horizon: #2c4d86;--sea-back: #1f4278;--sea-mid: #183566;--sea-top: #112a55;--sea-deep: #081a3a;--sea-floor: #040c1f;--glint: #e3ecff}.footer{position: relative;isolation: isolate;color: var(--cream);padding-block: clamp(150px,16vw,210px) var(--space-6)}.ocean{position: absolute;inset: 0;z-index: -1;pointer-events: none;overflow: hidden;background: linear-gradient(180deg,var(--horizon) 0 50px,var(--sea-top) 112px,color-mix(in srgb,var(--sea-top) 45%,var(--sea-deep)) 38%,var(--sea-deep) 72%,var(--sea-floor))}.ocean[data-offscreen] *,.ocean[data-offscreen] *::before,.ocean[data-offscreen] *::after{animation-play-state: paused !important}.wave{position: absolute;left: 0;top: var(--top);height: var(--h);width: calc(100% + var(--tile));background: var(--fill);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100' preserveAspectRatio='none'%3E%3Cpath d='M0 38 Q150 8 300 38 T600 38 V100 H0 Z'/%3E%3C/svg%3E") 0 0 / var(--tile) 100% repeat-x;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100' preserveAspectRatio='none'%3E%3Cpath d='M0 38 Q150 8 300 38 T600 38 V100 H0 Z'/%3E%3C/svg%3E") 0 0 / var(--tile) 100% repeat-x;animation: wave-roll var(--speed) linear infinite;will-change: transform}.wave--back{--fill: var(--sea-back);--tile: 520px;--h: 64px;--top: 22px;--speed: 26s;opacity: 0.85}.wave--mid{--fill: var(--sea-mid);--tile: 760px;--h: 70px;--top: 36px;--speed: 19s;animation-direction: reverse}.wave--front{--fill: var(--sea-top);--tile: 980px;--h: 72px;--top: 48px;--speed: 14s}@keyframes wave-roll{to{transform: translateX(calc(-1 * var(--tile)))}}.ocean__glints{position: absolute;left: 0;right: 0;top: 96px;height: 120px;background: radial-gradient(1.6px 1.6px at 12% 20%,var(--glint),transparent),radial-gradient(1.2px 1.2px at 23% 62%,var(--glint),transparent),radial-gradient(2px 2px at 37% 34%,var(--glint),transparent),radial-gradient(1.3px 1.3px at 49% 70%,var(--glint),transparent),radial-gradient(1.8px 1.8px at 58% 18%,var(--glint),transparent),radial-gradient(1.2px 1.2px at 71% 52%,var(--glint),transparent),radial-gradient(2px 2px at 83% 28%,var(--glint),transparent),radial-gradient(1.4px 1.4px at 92% 66%,var(--glint),transparent);animation: glint 3.2s ease-in-out infinite}.ocean__glints + .ocean__glints{top: 108px;transform: translateX(4%);animation-delay: -1.6s}@keyframes glint{0%,100%{opacity: 0.2}50%{opacity: 0.95}}.ocean__shimmer{position: absolute;left: 62%;top: 78px;width: min(340px,46vw);height: 150px;translate: -50% 0;-webkit-mask: linear-gradient(#000 40%,transparent);mask: linear-gradient(#000 40%,transparent)}.ocean__shimmer::before,.ocean__shimmer::after{content: "";position: absolute;inset: 0;animation: shimmer 2.2s ease-in-out infinite alternate}.ocean__shimmer::before{background: radial-gradient(12px 1.6px at 24% 45%,color-mix(in srgb,var(--glint) 81%,transparent),transparent),radial-gradient(14px 1.7px at 43% 19%,color-mix(in srgb,var(--glint) 91%,transparent),transparent),radial-gradient(20px 1.8px at 49% 11%,color-mix(in srgb,var(--glint) 57%,transparent),transparent),radial-gradient(15px 1.8px at 58% 94%,color-mix(in srgb,var(--glint) 83%,transparent),transparent),radial-gradient(7px 1.3px at 60% 17%,color-mix(in srgb,var(--glint) 66%,transparent),transparent),radial-gradient(14px 1.5px at 51% 5%,color-mix(in srgb,var(--glint) 93%,transparent),transparent),radial-gradient(14px 1.6px at 40% 51%,color-mix(in srgb,var(--glint) 68%,transparent),transparent),radial-gradient(15px 1.9px at 32% 96%,color-mix(in srgb,var(--glint) 87%,transparent),transparent),radial-gradient(6px 1.9px at 51% 32%,color-mix(in srgb,var(--glint) 73%,transparent),transparent),radial-gradient(9px 2.1px at 65% 82%,color-mix(in srgb,var(--glint) 93%,transparent),transparent),radial-gradient(14px 2.1px at 53% 2%,color-mix(in srgb,var(--glint) 73%,transparent),transparent),radial-gradient(17px 1.9px at 65% 9%,color-mix(in srgb,var(--glint) 67%,transparent),transparent),radial-gradient(19px 1.2px at 41% 10%,color-mix(in srgb,var(--glint) 66%,transparent),transparent),radial-gradient(7px 1.9px at 66% 11%,color-mix(in srgb,var(--glint) 63%,transparent),transparent),radial-gradient(15px 1.2px at 41% 55%,color-mix(in srgb,var(--glint) 84%,transparent),transparent),radial-gradient(13px 1.3px at 52% 13%,color-mix(in srgb,var(--glint) 67%,transparent),transparent),radial-gradient(14px 1.3px at 56% 93%,color-mix(in srgb,var(--glint) 73%,transparent),transparent),radial-gradient(12px 1.2px at 35% 82%,color-mix(in srgb,var(--glint) 100%,transparent),transparent),radial-gradient(11px 1.4px at 49% 22%,color-mix(in srgb,var(--glint) 58%,transparent),transparent),radial-gradient(16px 1.3px at 62% 10%,color-mix(in srgb,var(--glint) 82%,transparent),transparent),radial-gradient(13px 1.7px at 23% 37%,color-mix(in srgb,var(--glint) 94%,transparent),transparent),radial-gradient(8px 2.0px at 56% 19%,color-mix(in srgb,var(--glint) 92%,transparent),transparent),radial-gradient(21px 1.3px at 56% 25%,color-mix(in srgb,var(--glint) 98%,transparent),transparent),radial-gradient(11px 1.5px at 78% 85%,color-mix(in srgb,var(--glint) 60%,transparent),transparent),radial-gradient(18px 1.4px at 55% 6%,color-mix(in srgb,var(--glint) 92%,transparent),transparent),radial-gradient(9px 1.3px at 48% 58%,color-mix(in srgb,var(--glint) 87%,transparent),transparent)}.ocean__shimmer::after{background: radial-gradient(21px 1.7px at 51% 8%,color-mix(in srgb,var(--glint) 68%,transparent),transparent),radial-gradient(6px 1.1px at 74% 88%,color-mix(in srgb,var(--glint) 67%,transparent),transparent),radial-gradient(11px 1.7px at 57% 44%,color-mix(in srgb,var(--glint) 61%,transparent),transparent),radial-gradient(19px 2.1px at 53% 36%,color-mix(in srgb,var(--glint) 85%,transparent),transparent),radial-gradient(5px 1.1px at 43% 67%,color-mix(in srgb,var(--glint) 96%,transparent),transparent),radial-gradient(17px 1.1px at 46% 68%,color-mix(in srgb,var(--glint) 84%,transparent),transparent),radial-gradient(20px 1.2px at 49% 47%,color-mix(in srgb,var(--glint) 80%,transparent),transparent),radial-gradient(16px 1.8px at 36% 71%,color-mix(in srgb,var(--glint) 87%,transparent),transparent),radial-gradient(13px 2.0px at 64% 77%,color-mix(in srgb,var(--glint) 94%,transparent),transparent),radial-gradient(17px 2.0px at 44% 41%,color-mix(in srgb,var(--glint) 81%,transparent),transparent),radial-gradient(13px 1.2px at 36% 61%,color-mix(in srgb,var(--glint) 84%,transparent),transparent),radial-gradient(14px 1.8px at 68% 95%,color-mix(in srgb,var(--glint) 72%,transparent),transparent),radial-gradient(15px 1.2px at 35% 71%,color-mix(in srgb,var(--glint) 89%,transparent),transparent),radial-gradient(17px 1.6px at 47% 5%,color-mix(in srgb,var(--glint) 65%,transparent),transparent),radial-gradient(17px 1.4px at 28% 68%,color-mix(in srgb,var(--glint) 56%,transparent),transparent),radial-gradient(16px 1.3px at 50% 30%,color-mix(in srgb,var(--glint) 63%,transparent),transparent),radial-gradient(15px 1.4px at 39% 87%,color-mix(in srgb,var(--glint) 85%,transparent),transparent),radial-gradient(13px 1.9px at 42% 21%,color-mix(in srgb,var(--glint) 96%,transparent),transparent),radial-gradient(8px 1.2px at 32% 85%,color-mix(in srgb,var(--glint) 77%,transparent),transparent),radial-gradient(15px 1.8px at 66% 81%,color-mix(in srgb,var(--glint) 98%,transparent),transparent),radial-gradient(10px 1.3px at 55% 28%,color-mix(in srgb,var(--glint) 74%,transparent),transparent),radial-gradient(11px 1.4px at 64% 61%,color-mix(in srgb,var(--glint) 93%,transparent),transparent),radial-gradient(4px 2.0px at 42% 94%,color-mix(in srgb,var(--glint) 57%,transparent),transparent),radial-gradient(12px 1.4px at 52% 69%,color-mix(in srgb,var(--glint) 91%,transparent),transparent),radial-gradient(6px 1.9px at 54% 4%,color-mix(in srgb,var(--glint) 66%,transparent),transparent),radial-gradient(6px 1.7px at 56% 15%,color-mix(in srgb,var(--glint) 75%,transparent),transparent);animation-delay: -1.1s}@keyframes shimmer{from{opacity: 0.15;transform: translateX(-4px)}to{opacity: 0.95;transform: translateX(4px)}}.ocean__rays{position: absolute;left: 0;right: 0;top: 100px;height: 70%;background: linear-gradient(100deg,transparent 12%,rgb(255 255 255 / 0.07) 16%,transparent 22%),linear-gradient(96deg,transparent 38%,rgb(255 255 255 / 0.06) 43%,transparent 49%),linear-gradient(104deg,transparent 63%,rgb(255 255 255 / 0.08) 67%,transparent 73%),linear-gradient(98deg,transparent 82%,rgb(255 255 255 / 0.05) 86%,transparent 91%);-webkit-mask: linear-gradient(#000,transparent);mask: linear-gradient(#000,transparent);transform-origin: 50% 0;animation: rays 9s ease-in-out infinite alternate}@keyframes rays{from{opacity: 0.55;transform: skewX(-4deg)}to{opacity: 1;transform: skewX(4deg)}}.ocean__bubbles{position: absolute;inset: 110px 0 0;overflow: hidden}.ocean__bubbles i{position: absolute;bottom: -24px;left: var(--x);width: var(--s);aspect-ratio: 1;border-radius: 50%;border: 1px solid rgb(255 255 255 / 0.45);background: radial-gradient(circle at 32% 30%,rgb(255 255 255 / 0.55),rgb(255 255 255 / 0.06) 45%,transparent 70%);animation: bubble var(--d) ease-in infinite;animation-delay: var(--l)}@keyframes bubble{0%{transform: translate(0,0);opacity: 0}12%{opacity: 0.9}50%{transform: translate(var(--sway),-45vh)}85%{opacity: 0.7}100%{transform: translate(0,-90vh);opacity: 0}}@media (prefers-reduced-motion: reduce){.ocean *,.footer__mark{animation: none !important}}.footer__mark{animation: float-on-sea 7s ease-in-out infinite}@keyframes float-on-sea{50%{transform: translateY(-6px) rotate(-0.4deg)}}.footer__mark{position: relative;display: block;margin-bottom: var(--space-7);color: var(--cream)}.wm__letter--at{transition: clip-path 0.7s cubic-bezier(0.215,0.61,0.355,1) calc(var(--i) * 70ms),opacity 0.25s ease,transform 0.5s var(--ease-spring);transform-box: fill-box;transform-origin: center}.wm__at{fill: var(--sky-300);opacity: 0;transform-box: fill-box;transform-origin: center;transform: scale(0.3) rotate(-160deg);transition: opacity 0.2s ease,transform 0.6s var(--ease-spring)}.wm.is-at .wm__letter--at{opacity: 0;transform: scale(0.3) rotate(140deg)}.wm.is-at .wm__at{opacity: 1;transform: none}.wm__hit{fill: transparent;outline: none}.wm__ping{fill: none;stroke: var(--sky-300);stroke-width: 10;opacity: 0;transform-box: fill-box;transform-origin: center;pointer-events: none}@media (prefers-reduced-motion: no-preference){.wm.is-in:not(.is-at) .wm__letter--at{animation: at-nudge 4.2s ease-in-out 2.6s infinite}.wm.is-in:not(.is-at) .wm__ping{animation: at-ping 4.2s ease-out 2.6s infinite}}@keyframes at-nudge{0%,78%,100%{transform: none}83%{transform: translateY(-14%) rotate(-12deg)}88%{transform: translateY(0) rotate(9deg)}93%{transform: rotate(-5deg)}97%{transform: rotate(2deg)}}@keyframes at-ping{0%,80%{opacity: 0;transform: scale(0.55)}84%{opacity: 0.9}100%{opacity: 0;transform: scale(1.25)}}.wm__hit:focus-visible{stroke: var(--sky-300);stroke-width: 12;stroke-dasharray: 30 20}.wm-spread{position: absolute;left: var(--ax,50%);top: var(--ay,50%);width: 0;height: 0;z-index: 5;pointer-events: none}.wm-card{position: absolute;left: 0;top: 0;display: grid;gap: 2px;min-width: 176px;padding: 12px 16px;border-radius: 16px;background: var(--cream);color: var(--ink);border: 2px solid var(--sky-300);box-shadow: 0 18px 40px rgb(0 0 0 / 0.35);opacity: 0;transform: translate(-50%,-50%) scale(0.15);transition: transform 0.45s var(--ease-out) calc((4 - var(--k)) * 30ms),opacity 0.2s calc((4 - var(--k)) * 30ms),background-color var(--dur-fast) ease}.wm-card b{font: 700 var(--text-base) / 1.2 var(--font-display);letter-spacing: -0.01em}.wm-card small{font: 500 var(--text-xs) / 1.3 var(--font-mono);letter-spacing: 0.04em;color: rgb(6 6 6 / 0.6)}.wm-card:hover,.wm-card:focus-visible{background: var(--sky-100);outline: none}.wm-spread.is-open{pointer-events: auto}.wm-spread.is-open .wm-card{opacity: 1;pointer-events: auto;transform: translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1);transition-delay: calc(var(--k) * 45ms)}@media (prefers-reduced-motion: reduce){.wm-card,.wm__at,.wm__letter--at{transition: none}}@media (max-width: 440px){.nav-pill{display: none}}@media (max-width: 760px){.hero .cloud{--o: 0.4}.hero .cloud[data-cloud="2"]:nth-of-type(2){top: -3%}.nav{inset-block-start: var(--space-3);gap: var(--space-2);grid-template-columns: auto 1fr auto}.nav__side:first-child{display: flex}.intro__stats .stat__label{font-size: var(--text-xs)}.logo-row{gap: var(--space-5)}.logo-row img{height: 26px}}@media (prefers-reduced-motion: no-preference){.hero__center{transform: translateY(calc(var(--p,0) * 22vh));opacity: calc(1 - var(--p,0) * 1.25)}.hero .cloudbank:not(.cloudbank--back){transform: translateY(calc(var(--p,0) * -62vh));will-change: transform}.hero .cloudbank:not(.cloudbank--back)::after{content: "";position: absolute;left: 0;right: 0;top: 99%;height: 110vh;background: var(--bank)}.hero__title>span:nth-child(2){--delay: 120ms}.hero__title>span:nth-child(3){--delay: 240ms}.mascot-fly.is-entering{animation: mark-in 1s var(--ease-spring) 150ms both}@keyframes mark-in{from{opacity: 0;scale: 0.5;rotate: -20deg}}.hero .cloud[data-cloud="1"]{transform: translate(calc(var(--p,0) * -8vw),calc(var(--p,0) * -20vh))}.hero .cloud[data-cloud="2"]{transform: translate(calc(var(--p,0) * 10vw),calc(var(--p,0) * -28vh))}.hero .cloud[data-cloud="3"]{transform: translateY(calc(var(--p,0) * -40vh)) scale(calc(1 + var(--p,0) * 0.4))}.hero .cloudbank--back{transform: translateY(calc(var(--p,0) * -34vh));will-change: transform}.studio__line{translate: calc((var(--p,0.5) - 0.5) * -40px) 0}.studio__line--2{translate: calc((var(--p,0.5) - 0.5) * 40px) 0}.studio__window{translate: -50% calc(-50% + (0.5 - var(--p,0.5)) * 50px)}.studio__services li{translate: calc(var(--mx) * var(--depth,50px) * 0.35) calc((0.5 - var(--p,0.5)) * var(--depth,50px) + var(--my) * var(--depth,50px) * 0.25);animation: balloon-bob 5.5s ease-in-out infinite;animation-delay: calc(var(--i,0) * -0.9s)}.studio__stage:not(.is-in) .studio__services li{opacity: 0;scale: 0.4}.studio__stage.is-in .studio__services li{transition-delay: calc(0.45s + var(--i,0) * 80ms),calc(0.45s + var(--i,0) * 80ms),0s,0s,calc(0.45s + var(--i,0) * 80ms)}.studio__stage.is-in .studio__services li:hover{transition-delay: 0s}@keyframes balloon-bob{50%{transform: translateY(-8px)}}.studio__word{translate: 0 calc((0.5 - var(--p,0.5)) * 50px)}@media (max-width: 759px){.studio__services li{translate: none}.studio__line,.studio__line--2{translate: none}.studio__window{translate: 0 calc((0.5 - var(--p,0.5)) * 24px)}}@media (max-width: 959px){.intro__photo{transform: translateY(calc((0.5 - var(--p,0.5)) * 40px))}}.contact__band .cloud{transform: translateY(calc((0.5 - var(--p,0.5)) * 120px))}}