.intro{position:fixed;inset:0;z-index:100;background:#ece5d6;color:#192b24;display:grid;align-items:center;overflow:auto;padding:clamp(24px,6vw,80px)}.intro-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px system-ui;letter-spacing:.16em;text-transform:uppercase}.intro button{background:transparent;color:inherit;border-color:currentColor;min-height:44px}.intro-scene{width:min(900px,100%);margin:auto;animation:arrive .65s ease-out}.intro-kicker{font:12px system-ui;letter-spacing:.22em;text-transform:uppercase}.intro h2{font:400 clamp(72px,15vw,176px)/.9 Georgia,serif;letter-spacing:-.055em;margin:28px 0}.intro p{font:clamp(18px,3vw,28px)/1.45 Georgia,serif;color:inherit;max-width:650px}.intro small{display:block;font:13px/1.6 system-ui;max-width:540px;opacity:.75}.intro[data-scene="1"]{background:#b7462d;color:#fff0d9}.intro[data-scene="2"]{background:#0b1714;color:#e3bf79}.intro-progress{position:absolute;bottom:24px;left:24px;right:24px;display:flex;gap:8px}.intro-progress i{height:2px;background:currentColor;opacity:.2;flex:1}.intro-progress i.active{opacity:1}.intro .enter{margin-top:24px;background:#e3bf79;color:#0b1714;border:0;font-weight:650;padding:14px 24px}.intro .step{margin-top:16px}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.intro-scene{animation:none}}@media(max-width:420px){.intro h2{font-size:clamp(60px,19vw,80px)}.intro-top{font-size:9px}.intro p{font-size:20px}}