:root{--terracotta: #6b3d2a;--lantern: #d4622a;--lantern-soft: rgba(212, 98, 42, .15);--incense: rgba(201, 169, 110, .06)}.opening{position:relative;height:100vh;display:flex;align-items:flex-end;padding:0 0 8rem;overflow:hidden}.opening-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 80%,rgba(107,61,42,.35) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 15% 30%,rgba(212,98,42,.08) 0%,transparent 50%),radial-gradient(ellipse 30% 40% at 85% 20%,rgba(139,99,67,.1) 0%,transparent 50%),linear-gradient(to bottom,var(--obsidian) 0%,#140e09 50%,#0d0a07 100%)}.smoke{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to top,transparent,rgba(201,169,110,.04),transparent);filter:blur(8px)}.smoke:before,.smoke:after{content:"";position:absolute;width:60px;height:100%;background:radial-gradient(ellipse at center,rgba(201,169,110,.03) 0%,transparent 70%);animation:smoke-drift 8s ease-in-out infinite}.smoke:after{animation-delay:4s;animation-direction:reverse}@keyframes smoke-drift{0%,to{transform:translate(-30px) scaleX(1);opacity:.4}50%{transform:translate(30px) scaleX(1.5);opacity:.8}}.lanterns{position:absolute;inset:0;pointer-events:none}.lantern{position:absolute;width:6px;height:8px;border-radius:50% 50% 40% 40%;background:var(--lantern);box-shadow:0 0 12px 4px #d4622a66,0 0 30px 8px #d4622a26;animation:lantern-float linear infinite}@keyframes lantern-float{0%{transform:translateY(100vh) rotate(-5deg);opacity:0}5%{opacity:1}95%{opacity:.6}to{transform:translateY(-20vh) rotate(5deg);opacity:0}}.lantern:nth-child(1){left:12%;animation-duration:18s;animation-delay:0s;width:5px;height:7px}.lantern:nth-child(2){left:28%;animation-duration:22s;animation-delay:3s}.lantern:nth-child(3){left:45%;animation-duration:16s;animation-delay:7s;width:4px;height:6px}.lantern:nth-child(4){left:63%;animation-duration:20s;animation-delay:1s}.lantern:nth-child(5){left:78%;animation-duration:25s;animation-delay:5s;width:5px;height:7px}.lantern:nth-child(6){left:88%;animation-duration:19s;animation-delay:9s}.opening-text{position:relative;z-index:2;padding:0 8vw;max-width:1000px}.opening-prelude{font-family:Tenor Sans,sans-serif;font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:2rem;opacity:0;animation:fade-up 1s ease forwards .4s}.opening-title{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(2.8rem,7vw,6.5rem);font-weight:400;line-height:1.05;color:var(--pale-gold);margin-bottom:2rem;opacity:0;animation:fade-up 1.2s ease forwards .6s}.opening-title .gold{color:var(--gold)}.opening-title .dim{color:#e8d5b066}.opening-rule{display:flex;align-items:center;gap:1.5rem;opacity:0;animation:fade-up 1s ease forwards 1s}.opening-rule:before,.opening-rule:after{content:"";flex:1;max-width:80px;height:1px;background:linear-gradient(to right,transparent,var(--bronze))}.opening-rule:after{background:linear-gradient(to left,transparent,var(--bronze))}.opening-rule span{font-family:Tenor Sans,sans-serif;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:var(--bronze)}.chapter{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.chapter-num{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#8b634380}.chapter-line{flex:1;max-width:40px;height:1px;background:var(--terracotta);opacity:.4}.chapter-title{font-family:Tenor Sans,sans-serif;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--bronze)}.arrival{padding:12rem 8vw 8rem;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;max-width:1300px;margin:0 auto}.arrival-left{position:sticky;top:20vh}.big-quote{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:400;line-height:1.25;color:var(--pale-gold);position:relative}.big-quote:before{content:'"';position:absolute;top:-3rem;left:-1rem;font-size:8rem;color:#8b63431f;line-height:1;font-family:Cormorant Garamond,serif}.big-quote .accent{color:var(--gold)}.story-body{padding-top:1rem}.story-p{font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:300;line-height:1.95;color:#e8d5b099;margin-bottom:2rem}.story-p strong{color:var(--pale-gold);font-weight:400}.story-p em{font-style:italic;color:var(--gold)}.moon-interlude{padding:8rem 2rem;text-align:center;position:relative;overflow:hidden}.moon-interlude:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 400px at 50% 50%,rgba(61,43,31,.4) 0%,transparent 70%),var(--deep-bark)}.moon-svg{position:relative;z-index:1;margin:0 auto 4rem;width:120px;height:120px}.moon-svg circle{animation:moon-pulse 6s ease-in-out infinite}@keyframes moon-pulse{0%,to{opacity:.6}50%{opacity:1}}.moon-text{position:relative;z-index:1;font-family:IM Fell English,serif;font-style:italic;font-size:clamp(1.5rem,3.5vw,2.6rem);line-height:1.5;color:var(--pale-gold);max-width:700px;margin:0 auto 2rem}.moon-text em{color:var(--gold)}.moon-sub{font-family:Tenor Sans,sans-serif;font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--bronze);position:relative;z-index:1}.vignettes{padding:8rem 5vw;max-width:1300px;margin:0 auto}.vignette-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:3px}.vignette{position:relative;padding:4rem 3.5rem;overflow:hidden;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end}.vignette-1{background:radial-gradient(ellipse at 30% 60%,rgba(107,61,42,.5) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(212,98,42,.1) 0%,transparent 50%),var(--warm-dark);grid-row:1 / 3}.vignette-2{background:radial-gradient(ellipse at 60% 50%,rgba(61,43,31,.8) 0%,transparent 60%),linear-gradient(135deg,#1a1208,#2d1f14)}.vignette-3{background:radial-gradient(ellipse at 40% 70%,rgba(77,52,30,.6) 0%,transparent 60%),linear-gradient(160deg,#120e08,#261a10)}.vignette-symbol{position:absolute;top:2.5rem;right:2.5rem;font-size:2.5rem;opacity:.1;color:var(--gold);font-family:Cormorant Garamond,serif}.vignette-label{font-family:Tenor Sans,sans-serif;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:var(--bronze);margin-bottom:1rem}.vignette-heading{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(1.6rem,2.5vw,2.4rem);color:var(--pale-gold);line-height:1.2;margin-bottom:1rem}.vignette-body{font-size:.95rem;font-weight:300;line-height:1.85;color:#e8d5b080}.vignette-body em{font-style:italic;color:var(--gold)}.incense-dots{position:absolute;top:2rem;left:2.5rem;display:flex;flex-direction:column;gap:5px}.incense-dots span{width:2px;height:2px;border-radius:50%;background:var(--bronze);opacity:.5;display:block}.flavours{padding:8rem 8vw;background:var(--deep-bark);border-top:1px solid rgba(201,169,110,.06)}.flavours-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5rem}.flavour-item{text-align:center;position:relative;padding-top:4rem}.flavour-icon-wrap{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:60px;border:1px solid rgba(201,169,110,.15);border-radius:50%;display:flex;align-items:center;justify-content:center}.flavour-icon{font-size:1.4rem;color:var(--gold);opacity:.6}.flavour-name{font-family:IM Fell English,serif;font-style:italic;font-size:1.8rem;color:var(--gold);margin-bottom:.5rem}.flavour-origin{font-family:Tenor Sans,sans-serif;font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:var(--bronze);margin-bottom:1.5rem}.flavour-desc{font-size:.95rem;font-weight:300;line-height:1.9;color:#e8d5b073;font-style:italic}.closing{padding:12rem 8vw 10rem;max-width:900px;margin:0 auto;text-align:center;position:relative}.closing:before{content:"☾";position:absolute;top:10rem;left:50%;transform:translate(-50%);font-size:1.2rem;color:#c9a96e33}.closing-label{font-family:Tenor Sans,sans-serif;font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:2.5rem}.closing-text{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.4;color:var(--pale-gold);margin-bottom:3rem}.closing-text .gold{color:var(--gold)}.closing-body{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:2;color:#e8d5b080;max-width:680px;margin:0 auto 4rem;font-style:italic}.closing-body em{color:var(--gold)}.closing-cta{display:inline-block;padding:1.1rem 3.5rem;border:1px solid var(--gold);color:var(--obsidian);background:var(--gold);font-family:Tenor Sans,sans-serif;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden}.closing-cta:before{content:"";position:absolute;inset:0;background:var(--pale-gold);transform:translate(-101%);transition:transform .4s ease}.closing-cta:hover:before{transform:translate(0)}.closing-cta span{position:relative;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}@media(max-width:768px){.opening-text{padding:0 5vw}.arrival{grid-template-columns:1fr;gap:4rem;padding:8rem 5vw 6rem}.arrival-left{position:static}.vignette-grid{grid-template-columns:1fr}.vignette-1{grid-row:auto}.flavours-inner{grid-template-columns:1fr;gap:4rem}}