@layer reset,tokens,base,components,utils;@layer tokens{:root{--forest-900: #12211a;--forest-800: #1b3327;--forest-700: #244634;--forest-500: #3d6b51;--forest-300: #7ba488;--bone-50: #fbf9f4;--bone-100: #f4efe4;--bone-200: #e8dfcd;--bone-300: #d6c9ae;--clay-500: #b45f3e;--clay-400: #c87b57;--clay-300: #ddA07d;--ink-900: #14120e;--ink-600: #4a453c;--ink-400: #7d766a;--bg: var(--bone-50);--bg-alt: var(--bone-100);--surface: #ffffff;--text: var(--ink-900);--text-soft: var(--ink-600);--text-mute: var(--ink-400);--accent: var(--clay-500);--line: color-mix(in oklab, var(--bone-300) 65%, transparent);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1: clamp(.83rem, .79rem + .2vw, .94rem);--step-0: clamp(1rem, .95rem + .25vw, 1.13rem);--step-1: clamp(1.25rem, 1.15rem + .5vw, 1.55rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.2rem);--step-3: clamp(2.1rem, 1.7rem + 2vw, 3.3rem);--step-4: clamp(2.8rem, 2rem + 4vw, 5.5rem);--gutter: clamp(1.25rem, 4vw, 3rem);--measure: 68ch;--radius: 2px;--shadow-sm: 0 1px 2px rgb(20 18 14 / .06), 0 2px 8px rgb(20 18 14 / .04);--shadow-lg: 0 8px 24px rgb(20 18 14 / .08), 0 24px 60px rgb(20 18 14 / .1);--ease: cubic-bezier(.22, 1, .36, 1)}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit}}@layer base{body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}p{text-wrap:pretty}::selection{background:var(--forest-700);color:var(--bone-50)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}}@layer components{.wrap{width:min(100% - var(--gutter) * 2,1240px);margin-inline:auto}.wrap--narrow{width:min(100% - var(--gutter) * 2,780px);margin-inline:auto}.section{padding-block:clamp(4.5rem,11vw,9.5rem)}.eyebrow{font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500}.btn{--btn-bg: var(--forest-800);--btn-fg: var(--bone-50);display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.9em;background:var(--btn-bg);color:var(--btn-fg);border-radius:var(--radius);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;font-weight:500;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.btn:after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .45s var(--ease);z-index:0}.btn>*{position:relative;z-index:1}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:hover:after{transform:translateY(0)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn--ghost:hover{--btn-fg: var(--bone-50)}.link-underline{text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .4s var(--ease)}.link-underline:hover{background-size:100% 1px}}@layer utils{.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@layer utils{.progress{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:200;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .1s linear}.split .word{display:inline-block;overflow:hidden;vertical-align:top}.split .word>span{display:inline-block;transform:translateY(105%);transition:transform .85s var(--ease);transition-delay:calc(var(--i, 0) * 55ms)}.split.is-visible .word>span{transform:none}@media(prefers-reduced-motion:reduce){.split .word>span{transform:none;transition:none}}.clip-reveal{--clip: inset(0 0 100% 0)}.clip-reveal>*{clip-path:var(--clip);transition:clip-path 1.1s var(--ease);transition-delay:var(--delay, 0ms)}.clip-reveal.is-visible{--clip: inset(0 0 0 0)}@media(prefers-reduced-motion:reduce){.clip-reveal{--clip: none}.clip-reveal>*{transition:none}}.magnetic{transition:transform .35s var(--ease);will-change:transform}.marquee{display:flex;gap:3rem;width:max-content;animation:slide var(--speed, 40s) linear infinite}.marquee-wrap:hover .marquee{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee{animation:none}}.rule{height:1px;background:var(--line);transform:scaleX(0);transform-origin:0 50%;transition:transform 1s var(--ease)}.rule.is-visible{transform:scaleX(1)}.stack{display:flex;flex-direction:column;gap:var(--gap, 1rem)}}[hidden]{display:none!important}
