.opening-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--midnight);z-index:1000;display:flex;justify-content:center;align-items:center;color:var(--ivory)}.opening-text-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.fade-in{animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.op-date{font-family:var(--font-sans);font-size:1rem;color:var(--gold);letter-spacing:.3em;margin-bottom:1rem}.op-time{font-size:.75rem;color:var(--ivory-dim);margin-top:.5rem;letter-spacing:.1em}.op-place{font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--ivory);margin-top:1rem}.op-story{font-family:var(--font-serif);font-size:2rem;color:var(--ivory)}.op-finale{display:flex;flex-direction:column;align-items:center}.smile-curve{width:80px;height:40px;margin-bottom:1rem}.smile-curve path{stroke-dasharray:100;stroke-dashoffset:100;animation:drawSmile 1.5s ease-out forwards}@keyframes drawSmile{to{stroke-dashoffset:0}}.op-thala{font-family:var(--font-serif);font-size:4rem;color:var(--gold)}.op-skip{position:absolute;bottom:2rem;right:2rem;font-family:var(--font-sans);font-size:.75rem;color:var(--ivory-dim);opacity:.4;background:none;border:none;cursor:pointer;transition:opacity .3s;pointer-events:auto}.op-skip:hover{opacity:1}@media (max-width: 768px){.op-story{font-size:1.5rem;padding:0 1rem}.op-thala{font-size:3rem}}:root{--midnight: #0a0a0f;--midnight-light: #141420;--midnight-lighter: #1a1a2e;--midnight-border: #2a2a3e;--ivory: #f5f0e8;--ivory-dim: #d4cfc7;--ivory-muted: #a09a90;--gold: #c9a84c;--gold-bright: #e2c36b;--gold-dim: #8a7235;--gold-glow: rgba(201, 168, 76, .15);--dusty-pink: #c4878e;--pink-soft: #d4a0a7;--maroon: #6b2737;--maroon-deep: #4a1a26;--green: #4a6741;--green-soft: #6b8a61;--rcb-red: #ec1c24;--rcb-gold: #d4af37;--rcb-dark: #1a0a0a;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hand: "Caveat", cursive;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.9rem, .85rem + .3vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.35rem);--text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.8rem);--text-2xl: clamp(1.6rem, 1.3rem + 1.5vw, 2.5rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-4xl: clamp(2.5rem, 1.8rem + 3.5vw, 5rem);--text-5xl: clamp(3rem, 2rem + 5vw, 7rem);--text-hero: clamp(4rem, 3rem + 6vw, 10rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--space-section: clamp(6rem, 5rem + 5vw, 14rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--grain-opacity: .035;--z-behind: -1;--z-base: 1;--z-chapter: 10;--z-floating: 50;--z-nav: 100;--z-overlay: 200;--z-modal: 300;--z-grain: 9999;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:auto}body{font-family:var(--font-sans);background:var(--midnight);color:var(--ivory);overflow-x:hidden;line-height:1.6;min-height:100vh}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{border:none;background:none;color:inherit;cursor:pointer;font-family:inherit}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:var(--z-grain);opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");animation:grain .5s steps(1) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-hand{font-family:var(--font-hand)}.text-gold{color:var(--gold)}.text-ivory{color:var(--ivory)}.text-dim{color:var(--ivory-dim)}.text-muted{color:var(--ivory-muted)}.text-pink{color:var(--dusty-pink)}.chapter{position:relative;width:100%;min-height:100vh;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.chapter-inner{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:var(--z-base)}.chapter-narrow{max-width:800px}.chapter-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--ivory)}.chapter-subtitle{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-dim);margin-bottom:var(--space-sm)}.chapter-number{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:300;letter-spacing:.3em;color:var(--gold-dim);text-transform:uppercase}.reveal{opacity:0;transform:translateY(30px)}.reveal-line{opacity:0;transform:translateY(20px)}.reveal-scale{opacity:0;transform:scale(.95)}.reveal-fade{opacity:0}.image-placeholder{width:100%;height:100%;min-height:200px;background:var(--midnight-light);border:1px solid var(--midnight-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ivory-muted);letter-spacing:.05em}.divider{width:60px;height:1px;background:var(--gold-dim);margin:var(--space-lg) auto;opacity:.5}.divider-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);margin:var(--space-lg) auto}.magnetic-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;color:var(--ivory);border:1px solid var(--gold-dim);border-radius:var(--radius-full);transition:all .4s var(--ease-out-expo);cursor:pointer;overflow:hidden}.magnetic-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gold);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s var(--ease-out-expo),height .6s var(--ease-out-expo);z-index:-1}.magnetic-btn:hover{color:var(--midnight);border-color:var(--gold)}.magnetic-btn:hover:before{width:300px;height:300px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-bright));z-index:var(--z-nav);transform-origin:left;will-change:transform}.sound-toggle{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:var(--z-nav);width:44px;height:44px;border-radius:50%;border:1px solid var(--midnight-border);background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-expo)}.sound-toggle:hover{border-color:var(--gold-dim);transform:scale(1.05)}.sound-toggle svg{width:18px;height:18px;fill:none;stroke:var(--ivory-dim);stroke-width:1.5}.chapter-nav{position:fixed;right:var(--space-md);top:50%;transform:translateY(-50%);z-index:var(--z-nav);display:flex;flex-direction:column;gap:8px;align-items:flex-end}.chapter-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--midnight-border);transition:all .4s var(--ease-out-expo);cursor:pointer;position:relative}.chapter-nav-dot.active{background:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.chapter-nav-dot:hover{background:var(--gold-dim)}.chapter-nav-label{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ivory-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.chapter-nav-dot:hover .chapter-nav-label{opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{animation:none;opacity:.02}.reveal,.reveal-line,.reveal-scale,.reveal-fade{opacity:1;transform:none}}@media (max-width: 768px){.chapter{padding:var(--space-md) var(--space-sm)}.chapter-nav{display:none}.sound-toggle{bottom:var(--space-sm);right:var(--space-sm);width:40px;height:40px}:root{--grain-opacity: .02}}@media (max-width: 480px){.chapter{padding:var(--space-md) 1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-select{user-select:none;-webkit-user-select:none}.full-viewport{width:100vw;height:100vh;height:100dvh}