@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--forest:#001f0d;--forest-mid:#002912;--gold:#c9a84c;--gold-soft:#c9a84c2e;--gold-line:#c9a84c59;--off-white:#f5f5f0;--off-white-dim:#f5f5f09e;--text-muted:#f5f5f073;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--text-display:clamp(32px,9vw,44px);--text-title:clamp(22px,6vw,30px);--text-body:clamp(14px,3.6vw,17px);--text-label:clamp(10px,2.6vw,12px);--text-caption:clamp(9px,2.2vw,11px);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-in-expo:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.45,0,.55,1);--dur-enter:.42s;--dur-exit:.32s}html,body{background:var(--forest);color:var(--off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}@keyframes imgBloom{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes imgExit{0%{opacity:1}to{opacity:0}}@keyframes frameIn{0%{opacity:0;transform:translateY(12px)}18%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes hookIn{0%{opacity:0;transform:translateY(28px)}18%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes hookSubIn{0%{opacity:0;transform:translateY(14px)}40%{opacity:0;transform:translateY(14px)}58%{opacity:1;transform:translateY(0)}82%{opacity:1}to{opacity:0}}@keyframes phaseIn{0%{opacity:0;transform:scale(.96)translateY(6px)}22%{opacity:1;transform:scale(1)translateY(0)}78%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(1)translateY(-4px)}}@keyframes ruleGrow{0%{opacity:0;transform:scaleX(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes flashIn{0%{opacity:0;transform:translateY(12px)}14%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes statIn{0%{opacity:0;transform:translateY(8px)}28%{opacity:0;transform:translateY(8px)}48%{opacity:1;transform:translateY(0)}82%{opacity:1}to{opacity:0}}@keyframes closeLine1{0%{opacity:0;transform:translateY(24px)}16%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes closeLine2{0%{opacity:0;transform:translateY(16px)}26%{opacity:0;transform:translateY(16px)}42%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes closeMeta{0%{opacity:0;transform:translateY(10px)}50%{opacity:0;transform:translateY(10px)}66%{opacity:1;transform:translateY(0)}84%{opacity:1}to{opacity:0}}@keyframes splashReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{opacity:0;transform:scaleY(0)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:scaleY(1)}}