.gate{--open-dur:1.6s;--open-ease:cubic-bezier(.45, .05, .2, 1);z-index:1000;perspective:2000px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.gate--locked .book{animation:.7s gateFade}.gate--opening{pointer-events:none}.gate-backdrop{background:radial-gradient(circle at 50% 38%, #f5c56b29, transparent 60%), radial-gradient(circle at 50% 40%, #2c2333, var(--navy) 72%);position:absolute;inset:0}.gate--opening .gate-backdrop{animation:.8s 1.55s forwards gateExit}.book{aspect-ratio:3/4;width:clamp(290px,80vw,440px);transform-style:preserve-3d;z-index:1;filter:drop-shadow(0 40px 60px #0000008c);position:relative}.book--shake{animation:.4s gateShake}.gate--opening .book{transform-origin:50%;animation:2.35s cubic-bezier(.45,0,.55,1) forwards bookZoom}.book-pages{background:radial-gradient(ellipse at 50% 40%, #f5c56b1f, transparent 60%), var(--cream);border:1px solid var(--parchment-edge);border-radius:2px 7px 7px 2px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #9a7b4240}.book-pages-mark{color:var(--gold);opacity:.5;font-size:2.4rem}.spark{background:radial-gradient(circle, var(--amber), #f5c56b00);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:12%}.gate--opening .spark{animation:1.7s ease-out forwards sparkUp}.book-cover{transform-origin:0;backface-visibility:hidden;background:linear-gradient(135deg, #ffffff0f, transparent 40%), linear-gradient(135deg, #5a4031, var(--walnut) 60%, #3a2820);box-shadow:inset 0 0 0 2px var(--gold-deep), inset 0 0 0 5px #4a342899, inset 0 0 0 6px var(--gold), inset 14px 0 24px #00000073;z-index:2;border-radius:2px 7px 7px 2px;justify-content:center;align-items:center;padding:2rem 1.6rem;display:flex;position:absolute;inset:0;transform:rotateY(0)}.gate--opening .book-cover{animation:coverOpen var(--open-dur) var(--open-ease) forwards}.book-cover-inner{text-align:center;width:320px;max-width:100%}.gate-crest{color:var(--gold);letter-spacing:.3em;font-size:1.5rem}.gate-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.34em;color:var(--gold);margin-top:.5rem;font-size:.62rem}.gate-title{font-family:var(--display-fancy);color:var(--amber);text-shadow:0 1px 1px #00000080,0 0 18px #f5c56b40;margin:.4rem 0 .2rem;font-size:clamp(1.7rem,5vw,2.5rem)}.gate-sub{color:#e8d6ad;font-family:var(--serif-soft,serif);margin:0 0 1.2rem;font-size:.98rem;font-style:italic}.book-cover form{flex-direction:column;align-items:stretch;gap:.65rem;display:flex}.gate-input{font-family:var(--serif);text-align:center;letter-spacing:.05em;border:1px solid var(--gold);color:var(--ink);background:#fbf6eaf5;border-radius:2px;padding:.6rem .7rem;font-size:1rem}.gate-btn{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--gold-deep);background:linear-gradient(180deg, #e7cd97, var(--gold) 45%, var(--gold-deep));color:var(--walnut);cursor:pointer;border-radius:2px;padding:.75rem;font-size:.78rem}.gate-btn:hover{filter:brightness(1.06)}.gate-btn:disabled{opacity:.7;cursor:default}.gate-error{color:#ffd2d2;margin:.1rem 0 0;font-size:.82rem}@keyframes coverOpen{0%{transform:rotateY(0)}8%{transform:rotateY(-6deg)}to{transform:rotateY(-164deg)}}@keyframes sparkUp{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-260px)scale(1)}}@keyframes bookZoom{0%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}@keyframes gateExit{to{opacity:0}}@keyframes gateFade{0%{opacity:0}to{opacity:1}}@keyframes gateShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}@media (prefers-reduced-motion:reduce){.gate--locked,.book--shake,.book-cover,.gate-backdrop,.book,.spark{animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--parchment-base:#ece0c4;--cream:#faf3e2;--parchment:#f0e4c9;--parchment-edge:#cdb98e;--oxblood:#6e2b3b;--gold:#c9a86a;--gold-deep:#9a7b42;--amber:#f5c56b;--walnut:#4a3428;--navy:#1e2438;--ink:#2a1c0e;--ink-soft:#5e4a32;--serif:"EB Garamond", Georgia, serif;--serif-soft:"Cormorant Garamond", "EB Garamond", serif;--display:"Cinzel", serif;--display-fancy:"Cinzel Decorative", "Cinzel", serif;--maxw:980px}*{box-sizing:border-box}html{font-size:18px}body{background-color:var(--parchment-base);color:var(--ink);font-family:var(--serif);margin:0;font-size:1.125rem;line-height:1.7}body:before{content:"";z-index:-2;pointer-events:none;background-color:var(--parchment-base);background-image:url(/parchment-noise.png),radial-gradient(at 22% 16%,#4a342812,#0000 45%),radial-gradient(at 82% 30%,#6e2b3b0f,#0000 42%),radial-gradient(at 50% 90%,#4a342814,#0000 55%),radial-gradient(circle at 50% 32%,#f5c56b1a,#0000 70%);background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:128px 128px,cover,cover,cover,cover;position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 50% 38%,#0000 52%,#1e140c38);position:fixed;inset:0}h1,h2,h3{font-family:var(--display);color:var(--ink);font-weight:600}a{color:var(--oxblood)}.hero{text-align:center;background:radial-gradient(circle at 50% 30%,#f5c56b38,#0000 62%);flex-direction:column;justify-content:center;align-items:center;min-height:86vh;padding:2rem 1.5rem;display:flex}@media (width<=640px){.hero{min-height:70svh;padding:1.25rem}}.section{max-width:var(--maxw);margin:0 auto;padding:5rem 1.5rem;scroll-margin-top:3.5rem}.panel{max-width:var(--maxw);background:linear-gradient(180deg, #ffffff59, #fff0) , var(--cream);border:1px solid var(--gold);border-radius:3px;margin:2.5rem auto;padding:4rem 2rem;position:relative;box-shadow:inset 0 0 0 1px #9a7b4240,0 22px 50px -34px #1e140c99}.panel:before,.panel:after{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23C9A86A' stroke-width='1.4'%3E%3Cpath d='M3 16 V3 H16'/%3E%3Cpath d='M8 22 Q8 8 22 8'/%3E%3C/g%3E%3Ccircle cx='8' cy='8' r='1.7' fill='%23C9A86A'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:48px;height:48px;position:absolute}.panel:before{top:10px;left:10px}.panel:after{bottom:10px;right:10px;transform:rotate(180deg)}.reveal{opacity:0;filter:blur(6px);transition:opacity .9s,transform .9s,filter .9s;transform:translateY(30px)}.reveal.is-visible{opacity:1;filter:none;transform:none}.chapter-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.35em;color:var(--oxblood);text-align:center;font-size:.72rem}.chapter-title{font-family:var(--display-fancy);text-align:center;color:var(--walnut);margin:.5rem 0 2rem;font-size:2.25rem}.has-dropcap>p:first-of-type:first-letter{font-family:var(--display-fancy);float:left;color:var(--gold-deep);text-shadow:0 1px #fff9;padding:.15rem .65rem 0 0;font-size:3.8rem;line-height:.7}.btn{font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--gold-deep);background:linear-gradient(180deg, #e7cd97, var(--gold) 45%, var(--gold-deep));color:var(--walnut);text-shadow:0 1px #fff6;cursor:pointer;border-radius:3px;padding:.85rem 1.9rem;font-size:.8rem;text-decoration:none;transition:filter .2s,transform .2s;display:inline-block;box-shadow:inset 0 1px #ffffff80,0 8px 18px -10px #1e140c99}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{color:var(--oxblood);border-color:var(--gold);text-shadow:none;box-shadow:none;background:0 0}.divider{color:var(--gold);font-family:var(--display-fancy);letter-spacing:.3em;justify-content:center;align-items:center;gap:1.1rem;margin:2rem 0;font-size:1.3rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-deep));width:clamp(50px,20vw,180px);height:1px}.divider:after{transform:scaleX(-1)}.leather{background:linear-gradient(180deg, #ffffff0a, #0000002e), var(--navy);color:var(--amber);border-bottom:1px solid var(--gold-deep)}.candle-glow{animation:4.5s ease-in-out infinite candle}@keyframes candle{0%,to{text-shadow:0 0 18px #f5c56b2e}50%{text-shadow:0 0 30px #f5c56b61}}.sparkles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sparkle{color:var(--amber);opacity:0;text-shadow:0 0 6px #f5c56b99;line-height:1;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:.7;transform:scale(1)rotate(20deg)}}.sparkles--front{z-index:5}.sparkle--front{color:#fff;text-shadow:0 0 8px #ffffffe6,0 0 16px #f5c56b99;animation-name:twinkleBright}@keyframes twinkleBright{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(25deg)}}.motes{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mote{background:radial-gradient(circle,#f5c56bd9,#f5c56b00);border-radius:50%;animation:linear infinite drift;position:absolute;bottom:-12px}@keyframes drift{0%{opacity:0;transform:translate(0)}12%{opacity:.8}88%{opacity:.5}to{opacity:0;transform:translate(24px,-112vh)}}input,select,textarea{font-family:var(--serif);border:1px solid var(--parchment-edge);background:var(--cream);color:var(--ink);border-radius:2px;padding:.6rem .7rem;font-size:1rem}label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem;font-size:.78rem;display:block}.photo-collage{grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem;margin-top:2.5rem;display:grid}.photo-frame{border:1px solid var(--gold);background:#fffdf7;margin:0;padding:.5rem;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 12px 28px -16px #1e140ca6}.photo-frame--a{transform:rotate(-1.4deg)}.photo-frame--b{transform:rotate(1.4deg)}.photo-frame img{aspect-ratio:3/4;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;transition:transform .6s;display:block}.photo-frame:hover{transform:rotate(0)translateY(-4px);box-shadow:0 20px 40px -18px #1e140cb3}.photo-frame:hover img{transform:scale(1.05)}@media (width<=760px){.photo-collage{grid-template-columns:repeat(2,1fr);gap:1rem .85rem}}@media (width<=460px){.photo-collage{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.photo-frame,.photo-frame img{transition:none}.photo-frame:hover,.photo-frame:hover img{transform:none}}.wax-seal{width:132px;height:132px;margin:1.5rem auto;animation:.7s cubic-bezier(.2,.8,.3,1.5) both sealStamp;position:relative}.wax-seal-img{object-fit:cover;filter:drop-shadow(0 8px 16px #00000073);border-radius:50%;width:100%;height:100%;display:block}.wax-spark{background:radial-gradient(circle, var(--amber), #f5c56b00);opacity:0;border-radius:50%;width:6px;height:6px;animation:.7s ease-out .16s both sealSpark;position:absolute;top:50%;left:50%}.wax-done-text{animation:.6s .5s both waxFadeIn}@keyframes sealStamp{0%{opacity:0;transform:translateY(-130px)scale(2.3)rotate(-12deg)}55%{opacity:1}70%{opacity:1;transform:translateY(0)scale(.88)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sealSpark{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateY(-6px) scale(.4);opacity:0}35%{opacity:1}to{transform:translate(-50%, -50%) rotate(var(--a)) translateY(-74px) scale(1);opacity:0}}@keyframes waxFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transition:none;transform:none}.candle-glow{animation:none}.motes,.sparkles{display:none}.wax-seal,.wax-done-text{animation:none}.wax-spark{display:none}}@media (width<=640px){.section{padding:2.75rem 1.1rem}.panel{margin:1.25rem auto;padding:2.25rem 1.15rem}.chapter-title{margin:.4rem 0 1.25rem;font-size:1.8rem}.chapter-label{letter-spacing:.28em}.divider{margin:1.25rem 0}}