:root{--cream: #f7efe2;--cream-deep: #f1e6d3;--paper: #fffaf1;--ink: #2f2a24;--ink-soft: #6a5f52;--teal: #205e5a;--gold: #c98a2b;--sunset: #d8663b;--shadow: rgba(74, 52, 30, .18);--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--fs-body: clamp(1.15rem, 1rem + 1.2vw, 1.4rem);--fs-caption: clamp(1.3rem, 1.05rem + 1.8vw, 1.75rem);--fs-title: clamp(2rem, 1.3rem + 4.5vw, 3.4rem);--fs-hero: clamp(2.4rem, 1.4rem + 6vw, 4.2rem);--fs-small: clamp(.95rem, .85rem + .6vw, 1.1rem);--lh-body: 1.6;--measure: 20ch;--dock-h: 118px;--radius: 18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}.app{position:relative;min-height:100svh;background:radial-gradient(120vw 60vh at 80% -5%,rgba(216,102,59,.08),transparent 60%),radial-gradient(120vw 70vh at -10% 105%,rgba(32,94,90,.08),transparent 60%),var(--cream)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:30;background:#2f2a2414}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--sunset));transition:width .5s ease}.story{position:relative;z-index:1}.intro,.stop,.outro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6vh 7vw calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 3vh);text-align:center}.intro-inner{max-width:20ch}.intro-eyebrow{font-size:var(--fs-body);color:var(--teal);margin:0 0 1.4rem;font-weight:600}.intro-title{font-family:var(--font-display);font-size:var(--fs-hero);line-height:1.05;margin:0 0 1rem;color:var(--ink);letter-spacing:.01em}.intro-subtitle{font-size:var(--fs-caption);color:var(--ink-soft);margin:0 auto 2.6rem;max-width:24ch}.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ink-soft)}.scroll-cue-dot{width:12px;height:12px;border-radius:50%;background:var(--sunset);animation:bob 1.8s ease-in-out infinite}.scroll-cue-text{font-size:var(--fs-small);letter-spacing:.2em;text-transform:uppercase}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:1}}.stop-inner{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.3rem}.stop-photo-frame{width:100%;max-width:520px;border-radius:var(--radius);overflow:hidden;background:var(--cream-deep);box-shadow:0 18px 40px -18px var(--shadow),0 4px 12px -6px var(--shadow);border:6px solid var(--paper)}.stop-photo{width:100%;height:auto;max-height:38svh;object-fit:cover}.stop--no-photo .stop-text{max-width:26ch}.stop--no-photo .stop-text:before{content:"✈️";display:block;font-size:clamp(2.4rem,1.6rem + 4vw,3.6rem);margin:0 0 1.2rem;opacity:.85}.stop-text{max-width:30ch}.stop-counter{font-size:var(--fs-small);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem;font-weight:600}.stop-counter-sep{opacity:.5}.stop-title{font-family:var(--font-display);font-size:var(--fs-title);line-height:1.1;margin:0 0 .9rem;color:var(--teal)}.stop-caption{font-size:var(--fs-caption);line-height:1.5;margin:0;color:var(--ink)}.outro{position:relative;overflow:hidden;padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 8vh)}.outro-inner{max-width:30ch;display:flex;flex-direction:column;gap:1.3rem}.outro-line{font-size:var(--fs-caption);line-height:1.5;margin:0;color:var(--ink)}.outro-love{color:var(--sunset);font-size:calc(var(--fs-caption) * 1.05)}.outro-signoff{font-family:var(--font-display);font-size:var(--fs-title);color:var(--teal);margin:1.6rem 0 0;font-style:italic}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.heart{position:absolute;bottom:8%;will-change:transform,opacity}.present{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:7vh 7vw calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 5vh);background:radial-gradient(90vw 50vh at 50% 12%,rgba(201,138,43,.1),transparent 70%)}.present-inner{max-width:640px;width:100%}.present-eyebrow{font-size:var(--fs-body);color:var(--ink-soft);margin:0 0 .4rem;font-style:italic}.present-title{font-family:var(--font-display);font-size:var(--fs-title);color:var(--sunset);margin:0 0 .8rem;line-height:1.1}.present-lead{font-size:var(--fs-body);line-height:1.5;color:var(--ink);margin:0 auto 1.4rem;max-width:32ch}.present-options{display:flex;flex-direction:column;gap:.8rem;margin:0 auto 1.1rem;max-width:460px}.present-card{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:1rem 1.15rem;border-radius:16px;border:2px solid rgba(74,52,30,.14);background:var(--paper);box-shadow:0 10px 26px -18px var(--shadow);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.present-card:hover{transform:translateY(-2px);border-color:#c98a2b80}.present-card.is-selected{border-color:var(--sunset);box-shadow:0 12px 30px -14px var(--shadow),inset 0 0 0 1px var(--sunset)}.present-card-tag{font-size:var(--fs-small);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}.present-card-title{font-family:var(--font-display);font-size:var(--fs-body);color:var(--teal)}.present-card-body{font-size:var(--fs-small);line-height:1.4;color:var(--ink-soft)}.present-hint{font-size:var(--fs-body);color:var(--ink-soft);margin:0 auto 1.1rem;min-height:1.6em}.present-confirm{color:var(--sunset);font-size:var(--fs-caption);font-family:var(--font-display)}.map-dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-right));background:linear-gradient(to top,var(--cream) 62%,rgba(247,239,226,0));pointer-events:none}.map-dock-inner{pointer-events:auto;margin:0 auto;max-width:560px;height:var(--dock-h);display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid rgba(74,52,30,.1);border-radius:16px;box-shadow:0 10px 30px -14px var(--shadow);padding:10px 16px 10px 12px}.thailand-map{height:calc(var(--dock-h) - 20px);width:auto;flex:0 0 auto}.map-caption{margin:0;font-size:var(--fs-small);line-height:1.35;color:var(--ink);font-family:var(--font-display)}.map-caption-index{display:inline-block;color:var(--gold);font-weight:700;letter-spacing:.05em}.map-land{fill:#e7d8bf;stroke:#cbb896;stroke-width:1.2;stroke-linejoin:round}.map-route{stroke:var(--sunset);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.map-pin{fill:var(--gold);stroke:var(--paper);stroke-width:1.4}.map-pin[data-active=true],.map-pin-pulse{fill:var(--sunset)}@media (min-width: 900px){.intro,.stop,.outro{padding:8vh 0 8vh 8vw;align-items:flex-start;text-align:left;max-width:60vw}.intro-inner,.stop-inner,.outro-inner{align-items:flex-start}.stop-inner{max-width:560px}.stop-photo{max-height:60svh}.present{align-items:flex-start;text-align:left;max-width:62vw;padding:10vh 0 10vh 8vw}.present-lead,.present-options{margin-left:0;margin-right:0}.present-options{flex-direction:row;max-width:620px}.present-card{flex:1 1 0}.map-dock{left:auto;right:3vw;top:50%;bottom:auto;transform:translateY(-50%);width:340px;padding:0;background:none}.map-dock-inner{height:auto;flex-direction:column;align-items:stretch;gap:10px;padding:18px}.thailand-map{height:auto;width:100%;max-height:60vh}.map-caption{text-align:center;font-size:var(--fs-body)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-cue-dot{animation:none}.scroll-progress-bar{transition:none}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}