:root{--surface-cream: oklch(97.3% .01 82);--surface-bone: oklch(94% .014 78);--surface-clay: oklch(89% .02 75);--surface-ink: oklch(22% .055 250);--surface-shadow: oklch(14% .048 248);--text-primary: oklch(23% .052 250);--text-secondary: oklch(44% .032 247);--text-muted: oklch(57% .022 244);--text-on-dark: oklch(95.5% .01 82);--text-on-dark-soft: oklch(78% .018 252);--text-on-dark-muted: oklch(62% .024 250);--lapis: oklch(50% .18 258);--lapis-deep: oklch(40% .175 256);--lapis-soft: oklch(91% .05 252);--lapis-glow: oklch(50% .18 258 / .2);--border-subtle: oklch(86% .014 80);--border-strong: oklch(58% .03 248);--border-on-dark: oklch(38% .038 250);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "Courier New", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, 1.05rem + .85vw, 1.5rem);--text-2xl: clamp(1.625rem, 1.3rem + 1.45vw, 2.125rem);--text-3xl: clamp(2.125rem, 1.6rem + 2.4vw, 3rem);--text-4xl: clamp(2.625rem, 1.85rem + 3.6vw, 4.25rem);--text-5xl: clamp(3.125rem, 2.05rem + 5vw, 5.75rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--motion-fast: .18s;--motion-base: .32s;--motion-slow: .52s;--motion-page: .72s;color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7.5rem;font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--text-primary);background:var(--surface-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"ss01","cv11"}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--motion-fast) cubic-bezier(.165,.84,.44,1)}a:focus-visible{outline:2px solid var(--lapis);outline-offset:3px;border-radius:2px}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}button:focus-visible{outline:2px solid var(--lapis);outline-offset:3px;border-radius:2px}ul,ol{list-style:none}::selection{background:var(--lapis);color:var(--surface-cream)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;line-height:1.08;letter-spacing:-.022em;color:var(--text-primary);font-variation-settings:"wdth" 92;text-wrap:balance}h1{font-size:var(--text-5xl);letter-spacing:-.03em;font-variation-settings:"wdth" 88}h2{font-size:var(--text-3xl);letter-spacing:-.025em}h3{font-size:var(--text-xl);font-weight:600;letter-spacing:-.018em}h4{font-size:var(--text-lg);font-weight:600}p{text-wrap:pretty}.container{width:100%;max-width:78rem;margin-inline:auto;padding-inline:clamp(1.5rem,3vw + 1rem,4rem)}.section{padding-block:clamp(3rem,4vw + 2rem,6rem)}.section-header{display:flex;flex-direction:column;gap:var(--space-sm);max-width:56ch;margin-bottom:var(--space-xl)}.section-header .section-label{font-family:var(--font-body);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--lapis)}.section-header .section-title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--text-primary)}.section-header .section-desc{font-size:var(--text-lg);line-height:1.55;color:var(--text-secondary);max-width:60ch}.section--dark{background:var(--surface-ink);color:var(--text-on-dark)}.section--dark .section-title{color:var(--text-on-dark)}.section--dark .section-desc{color:var(--text-on-dark-soft)}.btn{--btn-fg: var(--surface-cream);--btn-bg: var(--text-primary);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:999px;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform var(--motion-fast) cubic-bezier(.165,.84,.44,1),background var(--motion-fast) cubic-bezier(.165,.84,.44,1),color var(--motion-fast) cubic-bezier(.165,.84,.44,1)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--accent{--btn-bg: var(--lapis);--btn-fg: var(--surface-cream)}.btn--accent:hover{--btn-bg: var(--lapis-deep)}.btn--ink{--btn-bg: var(--surface-ink);--btn-fg: var(--surface-cream)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text-primary);--btn-border: var(--border-strong)}.btn--ghost:hover{--btn-bg: var(--surface-bone)}.btn--ghost-on-dark{--btn-bg: transparent;--btn-fg: var(--text-on-dark);--btn-border: var(--border-on-dark)}.btn--ghost-on-dark:hover{--btn-bg: var(--border-on-dark)}.btn--lg{padding:1rem 2rem;font-size:var(--text-lg)}.reveal{opacity:0;transition:opacity var(--motion-page) cubic-bezier(.19,1,.22,1),transform var(--motion-page) cubic-bezier(.19,1,.22,1);will-change:opacity,transform}.reveal--up{transform:translate3d(0,24px,0)}.reveal--left{transform:translate3d(-24px,0,0)}.reveal--right{transform:translate3d(24px,0,0)}.reveal--scale{transform:scale(.96)}.reveal.is-visible{opacity:1;transform:translateZ(0) scale(1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.rule{display:flex;align-items:center;gap:1rem;color:var(--text-muted)}.rule:before,.rule:after{content:"";flex:1;height:1px;background:var(--border-subtle)}