:root{--ivory: #f3eddb;--paper: #f8f2e4;--ink: #244f79;--ink-soft: #456f8c;--lemon: #e5b92f;--lemon-light: #f3d45d;--leaf: #71865b;--line: rgba(36, 79, 121, .42);--story-progress: 0;font-family:Hannotate SC,STKaiti,KaiTi,Kaiti SC,Songti SC,serif;color:var(--ink);background:var(--ivory);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--ivory);scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--lemon) transparent}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ivory)}button,a{color:inherit;font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:5px}.invitation-shell{position:relative;min-height:100svh;isolation:isolate}.scene-layer{position:fixed;inset:0;z-index:0}.scene-layer canvas{display:block;width:100%;height:100%;touch-action:pan-y}.paper-grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.32' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.28'/%3E%3C/svg%3E");background-size:180px 180px,72px 72px;background-blend-mode:multiply}.music-control{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));z-index:30;display:grid;width:48px;height:48px;padding:0;place-items:center;align-items:center;border:1.4px solid rgba(36,79,121,.64);border-radius:48% 52% 47% 53%/52% 46% 54% 48%;cursor:pointer;background:#f8f2e4a8;box-shadow:0 7px 22px #49432f0f;color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:rotate(-2deg)}.music-control:before{content:"";position:absolute;inset:3px 2px 2px 3px;border:1px solid rgba(229,185,47,.55);border-radius:52% 48% 55% 45%/46% 54% 48% 52%;transform:rotate(7deg)}.music-glyph{position:absolute;inset:0;display:grid;place-items:center;transform-origin:50% 50%}.music-note{position:absolute;top:50%;left:50%;display:block;width:28px;height:28px;color:var(--ink);font-family:Bradley Hand,Segoe Print,cursive;font-size:24px;line-height:28px;text-align:center;transform:translate(-50%,-50%) rotate(-7deg);transform-origin:50% 50%}.music-slash{position:absolute;top:50%;left:50%;width:30px;height:1.5px;border-radius:50%;background:var(--ink);box-shadow:0 1px #f8f2e4d9;opacity:1;transform:translate(-50%,-50%) rotate(-43deg);transition:opacity .16s ease}.music-control.is-playing .music-slash{opacity:0}.music-control.is-playing:before{animation:music-border-orbit 6.8s linear infinite}.music-control.is-playing .music-glyph{animation:music-glyph-orbit 6.8s linear infinite}.music-control:not(.is-playing){opacity:.78}@keyframes music-border-orbit{0%{transform:rotate(7deg)}to{transform:rotate(367deg)}}@keyframes music-glyph-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.skip-link{position:fixed;top:8px;left:50%;z-index:100;padding:10px 14px;background:var(--paper);transform:translate(-50%,-180%);transition:transform .16s ease}.skip-link:focus{transform:translate(-50%)}.quiet-header{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));left:max(22px,env(safe-area-inset-left));z-index:12;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-family:Bradley Hand,Segoe Print,Hannotate SC,cursive;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.quiet-header:after{content:"";position:absolute;top:27px;right:0;left:0;height:1px;opacity:.42;background:var(--line);transform:rotate(-.12deg) scaleX(calc(.24 + var(--story-progress) * .76));transform-origin:left center}.monogram{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0;pointer-events:auto;cursor:pointer;background:transparent;color:var(--ink);font-size:12px;letter-spacing:.08em}.monogram i{width:12px;height:1px;background:var(--lemon);transform:rotate(-8deg)}.chapter-nav{position:fixed;top:50%;right:max(13px,env(safe-area-inset-right));z-index:14;display:grid;grid-template-columns:auto 1px auto;align-items:center;gap:8px;transform:translateY(-50%)}.chapter-index{align-self:start;font-family:Bradley Hand,Segoe Print,cursive;font-size:10px;color:var(--ink-soft);transform:rotate(-8deg)}.progress-rail{position:relative;width:1px;height:138px;overflow:hidden;background:#244f792e}.progress-rail i{position:absolute;inset:0;background:var(--lemon);transform:scaleY(var(--story-progress));transform-origin:top}.chapter-dots{display:grid;gap:11px}.chapter-dots button{width:12px;height:12px;padding:3px;cursor:pointer;background:transparent}.chapter-dots button:before{content:"";display:block;width:5px;height:5px;border:1px solid rgba(36,79,121,.48);border-radius:50% 44% 56% 47%;transition:background .18s ease,transform .18s ease}.chapter-dots button.is-active:before{background:var(--lemon);border-color:var(--lemon);transform:scale(1.5) rotate(12deg)}.story{position:relative;z-index:2;pointer-events:none}.story-section{position:relative;min-height:168svh}.opening-section{min-height:180svh}.memory-section,.promise-section{min-height:182svh}.invitation-section{min-height:192svh}.sticky-frame{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}.story-copy{position:absolute;z-index:5;pointer-events:none}.story-copy a,.story-copy button{pointer-events:auto}.type-art{display:block;width:100%;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.type-opening-eyebrow{width:min(58vw,250px);margin:0 auto;transform:rotate(-1deg)}.type-opening-salutation{width:min(34vw,156px);margin:8px auto 0;transform:rotate(-.5deg)}.opening-copy h1{display:block;margin:1.7svh auto 0;font-size:0}.type-opening-names{width:min(86vw,640px);margin:0 auto;transform:rotate(-.4deg)}.type-opening-date{width:min(56vw,250px);margin:1.6svh auto 0;transform:rotate(.4deg)}.type-marker{width:min(78%,245px);margin-bottom:12px;transform:rotate(-1.2deg)}.type-side-title{width:min(100%,330px)}.type-memory-title{width:min(100%,360px)}.type-body{width:min(100%,350px);margin-top:16px;opacity:.9}.type-promise-title{width:min(94vw,550px);margin:0 auto}.type-promise-body{width:min(82vw,390px);margin:13px auto 0}.type-final-title{width:min(54vw,230px);margin:0 auto}.type-final-body{width:min(78vw,375px);margin:9px auto 0}.eyebrow{display:inline-block;margin-bottom:12px;font-family:Bradley Hand,Segoe Print,Hannotate SC,cursive;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;transform:rotate(-1.4deg)}.eyebrow:before,.eyebrow:after{content:"✦";margin:0 7px 0 0;color:var(--lemon);font-size:8px}.eyebrow:after{margin:0 0 0 7px}.opening-copy{top:13svh;left:50%;width:min(90vw,620px);text-align:center;transform:translate(-50%)}.opening-copy .salutation{margin:1.5svh 0 0;font-size:clamp(15px,2.4vw,19px);letter-spacing:.38em}.opening-copy h1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,3vw,28px);margin:1.6svh auto 0;font-size:clamp(37px,8.6vw,70px);font-weight:400;line-height:1.04;letter-spacing:.04em;text-wrap:nowrap}.opening-copy h1 span:first-child{transform:rotate(-1.4deg)}.opening-copy h1 span:last-child{transform:rotate(1deg) translateY(3px)}.opening-copy h1 b{color:var(--lemon);font-family:Bradley Hand,Segoe Print,cursive;font-size:.58em;font-weight:400;transform:rotate(-8deg)}.opening-date{display:inline-block;margin:2.1svh 0 0;padding:5px 14px 6px;border-top:1px solid rgba(229,185,47,.75);border-bottom:1px solid rgba(229,185,47,.62);font-family:Bradley Hand,Segoe Print,Hannotate SC,cursive;font-size:clamp(12px,2.8vw,16px);letter-spacing:.15em;transform:rotate(-.5deg)}.opening-copy h1{display:block;margin:1.7svh auto 0;font-size:0;line-height:1;letter-spacing:0}.scroll-cue{position:absolute;bottom:max(38px,calc(env(safe-area-inset-bottom) + 24px));left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 12px;border:1px solid rgba(36,79,121,.28);border-radius:46% 54% 49% 51%/42% 45% 55% 58%;background:#f8f2e49e;box-shadow:0 9px 22px #49432f14;color:var(--ink);font-size:11px;letter-spacing:.22em;animation:cue-breathe 2.8s ease-in-out infinite;transform:translate(-50%)}.scroll-cue i{position:relative;display:block;width:2px;height:46px;overflow:hidden;background:#244f7947}.scroll-cue i:before{content:"";position:absolute;bottom:2px;left:-4px;width:8px;height:8px;border-right:2px solid var(--lemon);border-bottom:2px solid var(--lemon);transform:rotate(45deg)}.scroll-cue i:after{content:"";position:absolute;top:-4px;left:-1px;width:4px;height:4px;border-radius:50%;background:var(--lemon);animation:scroll-drop 1.8s ease-in-out infinite}.scroll-cue b{color:var(--lemon);font-family:Bradley Hand,Segoe Print,cursive;font-size:22px;font-weight:400;line-height:.72;animation:cue-arrow 1.8s ease-in-out infinite}@keyframes cue-breathe{0%,to{opacity:.78;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-4px)}}@keyframes cue-arrow{0%,to{opacity:.46;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@keyframes scroll-drop{0%{transform:translateY(0);opacity:0}22%{opacity:1}to{transform:translateY(48px);opacity:0}}.side-copy{width:min(38vw,410px);padding:24px 26px 27px}.side-copy:before{content:"";position:absolute;z-index:-1;inset:-8px -12px -10px;border:1px solid rgba(36,79,121,.14);border-radius:47% 53% 49% 51%/8% 10% 7% 12%;background:#f8f2e4c7;box-shadow:0 14px 40px #564d310d;transform:rotate(-.55deg)}.side-copy-left{top:26svh;left:7vw}.side-copy-right{top:25svh;right:7vw}.story-copy h2{margin:0;font-size:clamp(34px,4.8vw,62px);font-weight:400;line-height:1.24;letter-spacing:.045em;text-wrap:balance}.story-copy>p{margin:20px 0 0;font-size:clamp(14px,1.6vw,18px);line-height:2;letter-spacing:.08em}.hand-note{display:block;margin-top:22px;color:var(--lemon);font-family:Bradley Hand,Segoe Print,cursive;font-size:11px;letter-spacing:.08em;transform:rotate(-2deg)}.promise-copy{top:14svh;left:50%;width:min(88vw,800px);text-align:center;transform:translate(-50%)}.promise-copy h2{font-size:clamp(30px,5vw,58px)}.promise-copy>p{margin-top:12px;color:var(--ink-soft)}.invitation-card{top:9svh;left:50%;width:min(86vw,430px);min-height:min(78svh,720px);padding:clamp(28px,5vw,44px) clamp(25px,5vw,42px) 27px;border:1px solid rgba(36,79,121,.3);background:#f8f2e4d1;box-shadow:0 18px 56px #4b432b14;text-align:center;transform:translate(-50%) rotate(-.25deg)}.invitation-card:before,.invitation-card:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--lemon);opacity:.75}.invitation-card:before{top:7px;left:7px;border-top:2px solid;border-left:2px solid}.invitation-card:after{right:7px;bottom:7px;border-right:2px solid;border-bottom:2px solid}.invitation-card h2{font-size:clamp(30px,6.8vw,44px)}.date-editorial{display:grid;justify-items:center;gap:4px;margin:20px 0 17px;padding:13px 0 14px;border-top:1px solid rgba(229,185,47,.55);border-bottom:1px solid rgba(229,185,47,.55)}.date-year,.date-weekday{font-family:Bradley Hand,Segoe Print,cursive;font-size:10px;letter-spacing:.22em}.date-year{color:var(--ink-soft)}.date-numerals{display:flex;align-items:center;justify-content:center;gap:12px}.date-numerals strong{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(52px,14vw,74px);font-weight:400;line-height:.88;letter-spacing:.02em}.date-numerals strong:last-child{color:var(--lemon)}.date-numerals i{color:#244f7973;font-family:Bradley Hand,Segoe Print,cursive;font-size:24px;font-style:normal;transform:rotate(-9deg)}.date-weekday{color:var(--ink);font-size:9px}.location-copy{margin-top:26px}.location-copy small{color:var(--ink-soft);font-size:11px;letter-spacing:.22em}.location-copy p{margin:8px 0 0;font-size:clamp(16px,4vw,20px);line-height:1.75;letter-spacing:.1em}.invitation-card .closing-note{margin:14px auto 0;max-width:300px;color:var(--ink-soft);font-size:12px;line-height:1.8}.final-stage-copy{top:max(20px,3svh);left:50%;width:min(76vw,330px);padding:7px 12px 9px;border:1px solid rgba(36,79,121,.15);border-radius:48% 52% 46% 54%/9% 11% 8% 12%;background:#f8f2e4bd;box-shadow:0 8px 24px #564d310a;text-align:center;transform:translate(-50%);transition:opacity .22s ease,transform .22s ease}.final-stage-copy.is-focused{visibility:hidden!important;opacity:0!important;transform:translate(-50%) translateY(-10px)!important}.final-stage-copy h2{margin:0;font-size:clamp(30px,7.4vw,48px);font-weight:400;line-height:1.28;letter-spacing:.06em}.final-stage-copy>p{margin-top:10px;color:var(--ink-soft);font-size:11px;line-height:1.7}.hotspot-quick-nav{position:absolute;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));left:calc(50% - 18px);z-index:18;display:flex;width:min(70vw,310px);justify-content:center;gap:5px;pointer-events:auto;transform:translate(-50%)}.hotspot-quick-nav button{min-width:0;padding:7px 9px;border:1px solid rgba(36,79,121,.45);border-radius:48% 52% 45% 55%/55% 44% 56% 45%;cursor:pointer;background:#f8f2e4d1;color:var(--ink);font-size:0;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:rotate(-1deg)}.type-stage-label{width:44px;height:auto}.hotspot-quick-nav button:nth-child(2n){transform:rotate(1deg)}.hotspot-quick-nav button.is-active{border-color:var(--lemon);background:#f2cf50e0}.hotspot-panel{position:absolute;bottom:max(66px,calc(env(safe-area-inset-bottom) + 58px));left:50%;z-index:19;width:min(86vw,400px);padding:20px 23px 21px;border:1px solid rgba(36,79,121,.38);border-radius:2px 8px 3px 7px;pointer-events:auto;background:#f8f2e4f0;box-shadow:0 18px 42px #453d2621;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%) rotate(-.4deg);animation:hotspot-paper-in .26s ease-out both}.hotspot-panel:before{content:"";position:absolute;inset:5px;border:1px solid rgba(229,185,47,.33);pointer-events:none}.hotspot-panel>span{color:var(--lemon);font-family:Bradley Hand,Segoe Print,cursive;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.hotspot-panel h3{position:relative;margin:6px 0 0;font-size:clamp(23px,6.5vw,31px);font-weight:400;letter-spacing:.08em}.hotspot-panel p{position:relative;margin:8px auto 0;max-width:320px;color:var(--ink-soft);font-size:12px;line-height:1.75;letter-spacing:.07em}.hotspot-close{position:absolute;top:7px;right:9px;z-index:2;width:30px;height:30px;cursor:pointer;background:transparent;color:var(--ink-soft);font-family:Bradley Hand,cursive;font-size:22px}.hotspot-map-link{position:relative;display:inline-block;margin-top:12px;padding:7px 14px;border-bottom:1px solid var(--lemon);color:var(--ink);text-decoration:none;font-size:11px;letter-spacing:.1em}.replay-button{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 44px));right:max(18px,env(safe-area-inset-right));z-index:18;padding:6px 0;pointer-events:auto;cursor:pointer;background:transparent;color:var(--ink-soft);font-family:Bradley Hand,Segoe Print,cursive;font-size:10px;letter-spacing:.1em}@keyframes hotspot-paper-in{0%{opacity:0;transform:translate(-50%,12px) rotate(-1.5deg) scale(.96)}to{opacity:1;transform:translate(-50%) rotate(-.4deg) scale(1)}}.invitation-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:18px}.map-button{display:grid;gap:2px;width:min(100%,290px);padding:10px 18px 11px;border:1px solid var(--ink);background:#fff3;text-decoration:none;font-size:12px;letter-spacing:.12em;transform:rotate(-.7deg);transition:color .16s ease,background .16s ease,transform .16s ease}.map-button small{color:var(--ink-soft);font-size:9px;letter-spacing:.08em}.map-button:hover{color:var(--paper);background:var(--ink);transform:rotate(.5deg) translateY(-2px)}.map-button:hover small{color:var(--paper)}.text-button{padding:8px 0;cursor:pointer;background:transparent;color:var(--ink-soft);font-size:11px;letter-spacing:.1em}.signature{margin:18px 0 0!important;color:var(--lemon)!important;font-family:Bradley Hand,Segoe Print,Hannotate SC,cursive;font-size:16px!important;line-height:1!important;transform:rotate(-2deg)}@media(max-width:760px){.quiet-header{right:max(19px,env(safe-area-inset-right));left:max(19px,env(safe-area-inset-left))}.chapter-nav{right:max(8px,env(safe-area-inset-right));grid-template-columns:1px auto}.chapter-index{display:none}.progress-rail{height:112px}.opening-copy{top:6.4svh}.type-opening-eyebrow{width:min(66vw,250px)}.type-opening-salutation{width:min(42vw,158px);margin-top:6px}.type-opening-names{width:min(90vw,470px)}.type-opening-date{width:min(64vw,255px);margin-top:8px}.opening-copy .salutation{margin-top:.7svh}.opening-copy h1{margin-top:10px}.opening-date{margin-top:.75svh;border-bottom:0}.opening-copy h1{display:block;line-height:1}.opening-copy h1 b{display:none}.final-stage-copy>p{display:none}.final-stage-copy .type-final-body{display:none}.side-copy{top:auto;right:auto;bottom:max(8svh,calc(env(safe-area-inset-bottom) + 24px));left:7vw;width:min(82vw,355px);padding:20px 20px 21px}.side-copy-right{right:8vw;left:auto;text-align:right}.side-copy-right .type-marker{transform:rotate(1deg)}.side-copy h2{margin:0}.side-copy>p{margin-top:0}.promise-copy{top:10.5svh;width:88vw}.promise-copy h2{font-size:clamp(27px,8.4vw,38px);line-height:1.4}.promise-copy>p{font-size:13px}.invitation-card{top:8.5svh;width:min(84vw,390px);min-height:0;padding:27px 23px 23px}.invitation-card h2{line-height:1.15}.music-control{right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))}}@media(max-height:700px){.opening-copy{top:6.4svh}.replay-button{display:none}.invitation-card{top:7svh;padding-top:20px}.invitation-card .eyebrow{margin-bottom:6px}.date-editorial{margin-top:15px;padding:9px 0 10px}.date-numerals strong{font-size:50px}.location-copy{margin-top:17px}.invitation-card .closing-note{margin-top:8px}.invitation-actions,.signature{margin-top:10px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.story-copy{filter:none!important}}