@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--black: #000000;--grey-980: #060607;--grey-950: #0B0B0D;--grey-900: #121215;--grey-850: #17171B;--grey-800: #1E1E23;--grey-750: #26262C;--grey-700: #2F2F36;--grey-600: #3D3D45;--grey-500: #55555F;--grey-400: #7C7C87;--grey-300: #A5A5AE;--grey-200: #C9C9D0;--grey-150: #DEDEE3;--grey-100: #EBEBEF;--grey-50: #F5F5F7;--grey-25: #FAFAFC;--white: #FFFFFF;--signal-success: #34C759;--signal-danger: #FF3B30;--surface: var(--grey-950);--surface-raised: var(--grey-850);--surface-overlay: var(--grey-800);--surface-sunken: var(--black);--surface-material: linear-gradient(180deg, var(--grey-800) 0%, var(--grey-900) 100%);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: var(--grey-25);--text-muted: rgba(250, 250, 252, .58);--text-subtle: rgba(250, 250, 252, .34);--accent: var(--white);--accent-contrast: var(--black);--accent-wash: rgba(255, 255, 255, .08);--relief: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45), 0 10px 30px rgba(0, 0, 0, .4);--relief-sm: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35);--relief-lg: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 2px 4px rgba(0, 0, 0, .4), 0 24px 60px rgba(0, 0, 0, .55);--hollow: inset 0 2px 5px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .05);--edge-light: rgba(255, 255, 255, .1);--gloss: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .01));--etch: 0 1px 0 rgba(0, 0, 0, .75);--gloss-accent: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .02));--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--text-display-xl: clamp(3rem, 8.5vw, 7.5rem);--text-display-lg: clamp(2.3rem, 5.5vw, 4.4rem);--text-display-md: clamp(1.8rem, 3.6vw, 2.9rem);--text-heading-lg: clamp(1.3rem, 2vw, 1.75rem);--text-heading-md: 1.12rem;--text-body-lg: 1.1rem;--text-body: 1rem;--text-body-sm: .9rem;--text-caption: .78rem;--leading-tight: 1.02;--leading-snug: 1.18;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.028em;--tracking-snug: -.015em;--tracking-normal: 0;--tracking-wide: .06em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--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: 128px;--space-11: 160px;--section-py: clamp(var(--space-9), 12vh, var(--space-11));--container: 1320px;--gutter: clamp(var(--space-5), 5vw, var(--space-8));--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--radius-full: 999px;--border-width: 1px;--dur-instant: .12s;--dur-fast: .22s;--dur-base: .38s;--dur-slow: .68s;--dur-reveal: 1s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.34, 1.42, .64, 1);--z-canvas: 0;--z-content: 10;--z-header: 100;--z-overlay: 500;--z-modal: 1000;--z-cursor: 9999}[data-surface=light]{--surface: var(--grey-50);--surface-raised: var(--white);--surface-overlay: var(--white);--surface-sunken: var(--grey-100);--surface-material: linear-gradient(180deg, var(--white) 0%, var(--grey-50) 100%);--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .22);--text: var(--grey-950);--text-muted: rgba(11, 11, 13, .6);--text-subtle: rgba(11, 11, 13, .38);--accent: var(--black);--accent-contrast: var(--white);--accent-wash: rgba(0, 0, 0, .05);--relief: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .06), 0 10px 30px rgba(0, 0, 0, .08);--relief-sm: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .07);--relief-lg: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05), 0 24px 60px rgba(0, 0, 0, .14);--hollow: inset 0 2px 5px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(255, 255, 255, .9);--edge-light: rgba(255, 255, 255, 1);--gloss: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .05));--etch: 0 1px 0 rgba(255, 255, 255, 1)}[data-surface=dark]{--surface: var(--grey-950);--surface-raised: var(--grey-850);--surface-overlay: var(--grey-800);--surface-sunken: var(--black);--surface-material: linear-gradient(180deg, var(--grey-800) 0%, var(--grey-900) 100%);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: var(--grey-25);--text-muted: rgba(250, 250, 252, .58);--text-subtle: rgba(250, 250, 252, .34);--accent: var(--white);--accent-contrast: var(--black);--accent-wash: rgba(255, 255, 255, .08);--relief: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45), 0 10px 30px rgba(0, 0, 0, .4);--relief-sm: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35);--relief-lg: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 2px 4px rgba(0, 0, 0, .4), 0 24px 60px rgba(0, 0, 0, .55);--hollow: inset 0 2px 5px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .05);--edge-light: rgba(255, 255, 255, .1);--gloss: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .01));--etch: 0 1px 0 rgba(0, 0, 0, .75)}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 1ms;--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-reveal: 1ms}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:var(--tracking-snug);background:var(--grey-950);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}img,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--text);color:var(--surface)}:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:var(--radius-sm)}.section{position:relative;background:var(--surface);color:var(--text);padding-block:var(--section-py);transition:background var(--dur-slow) var(--ease-in-out),color var(--dur-slow) var(--ease-in-out)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.display-xl,.display-lg,.display-md{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}.display-xl{font-size:var(--text-display-xl)}.display-lg{font-size:var(--text-display-lg)}.display-md{font-size:var(--text-display-md)}.heading-lg{font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.body-lg{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-muted);text-wrap:pretty}.body-muted{color:var(--text-muted);text-wrap:pretty}.label{display:block;font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-subtle);text-shadow:var(--etch)}.section-head{display:flex;flex-direction:column;gap:var(--space-4);max-width:780px;margin-bottom:var(--space-9)}.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}.btn{--btn-py: var(--space-3);--btn-px: var(--space-5);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--btn-py) var(--btn-px);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-fast) var(--ease-out-expo),background var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),filter var(--dur-fast) var(--ease-out-expo)}.btn:active{transform:translateY(1px);box-shadow:var(--hollow)}.btn__icon{display:inline-flex;font-size:.85em;transition:transform var(--dur-base) var(--ease-out-expo)}.btn:hover .btn__icon{transform:translate(3px)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--relief-sm)}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--relief);filter:brightness(.93)}.btn--primary:active{filter:brightness(.88)}.btn--ghost{background:var(--surface-material);color:var(--text);box-shadow:var(--relief-sm)}.btn--ghost:hover{transform:translateY(-1px);box-shadow:var(--relief)}.btn--lg{--btn-py: var(--space-4);--btn-px: var(--space-7);font-size:var(--text-body)}.btn--primary,.btn--ghost,.icon-tile{position:relative;isolation:isolate}.btn--primary:before,.btn--ghost:before,.icon-tile:before{content:"";position:absolute;left:1px;right:1px;top:1px;height:46%;z-index:-1;border-radius:inherit;border-bottom-left-radius:60% 100%;border-bottom-right-radius:60% 100%;background:var(--gloss);pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out-expo)}.btn--primary:before{background:var(--gloss-accent)}.btn:active:before{opacity:0}.btn--ghost,.chip{text-shadow:var(--etch)}.card{position:relative;display:flex;flex-direction:column;background:var(--surface-material);border-radius:var(--radius-lg);box-shadow:var(--relief);overflow:hidden;transition:transform var(--dur-base) var(--ease-out-expo),box-shadow var(--dur-base) var(--ease-out-expo)}.card:hover{transform:translateY(-5px);box-shadow:var(--relief-lg)}.card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-sunken);box-shadow:var(--hollow)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out-expo)}.card:hover .card__media img{transform:scale(1.05)}.card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-wash);color:var(--text-muted);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);white-space:nowrap;box-shadow:inset 0 1px 0 var(--edge-light)}.chip--outline{background:transparent;border:var(--border-width) solid var(--border);box-shadow:none}.icon-tile{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-md);background:var(--surface-material);box-shadow:var(--relief-sm);color:var(--text);font-size:1.05rem}.grid{display:grid;gap:var(--space-6)}.grid--3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}[data-reveal]{opacity:0;transform:translateY(26px)}[data-reveal].is-revealed{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease-out-expo),transform var(--dur-reveal) var(--ease-out-expo)}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none}}
