:root{--burgundy:#681c32;--forest:#172b23;--antique-gold:#c39b57;--warm-ivory:#f7efe0;--ink:#30251f;--parchment:#eadcc4;--serif:"Cormorant Garamond",Georgia,serif;--body:"EB Garamond",Georgia,serif;--script:"Great Vibes","Brush Script MT",cursive;--line:#c39b5759}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{color:var(--ink);background:var(--warm-ivory);font:19px/1.65 var(--body);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;z-index:50;opacity:.035;background: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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}#root{width:100%;overflow:clip}main{width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}img{max-width:100%;display:block}figure,p,h1,h2,h3,dl,dd{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05}h2{text-wrap:balance;margin:15px auto 30px;font-size:clamp(37px,7vw,62px)}h3{font-size:34px}p+p{margin-top:18px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--burgundy);outline-offset:6px}button:focus-visible{outline-offset:4px}.eyebrow,.chapter-label{font:500 11px/1.7 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--burgundy)}.handwritten{font:italic 23px/1.5 var(--serif)}.gold-rule{background:var(--antique-gold);width:70px;height:1px;margin:22px auto}.ornament{color:var(--antique-gold);font-size:30px}.flourish{width:110px;color:var(--antique-gold);display:block}.button{border:1px solid var(--antique-gold);background:var(--burgundy);min-height:52px;color:var(--warm-ivory);font:500 15px/1.4 var(--body);letter-spacing:.03em;box-shadow:inset 0 0 0 4px var(--burgundy),inset 0 0 0 5px #c39b5755;border-radius:0;justify-content:center;align-items:center;padding:14px 23px;text-decoration:none;display:inline-flex}.button:hover{background:var(--forest)}.text-link{text-underline-offset:5px}.narrow{width:min(100% - 48px,600px);margin:auto}.envelope-scene{z-index:100;perspective:1600px;background:radial-gradient(at 80% 20%,#fff8e9 0,#0000 45%),radial-gradient(#f8eedc 20%,#d9c5a3 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 22px;display:flex;position:fixed;inset:0;overflow:hidden}.envelope-scene:after{content:"";pointer-events:none;border:1px solid #a17c4940;position:absolute;inset:16px}.intro-top{text-align:center;z-index:1;max-width:270px;font-size:10px}.intro-title{text-align:center;max-width:350px;color:var(--burgundy);text-wrap:balance;z-index:1;margin:20px 0 65px;font-size:clamp(34px,7vw,47px)}.scene-rose{opacity:.5;width:240px;position:absolute}.rose-one{bottom:15%;left:-70px;transform:rotate(24deg)}.rose-two{top:-20px;right:-80px;transform:rotate(205deg)}.envelope-button{perspective:1200px;z-index:2;background:0 0;border:0;width:min(85vw,350px);height:220px;padding:0;position:relative}.envelope-object{width:100%;height:100%;transform-style:preserve-3d;animation:5s ease-in-out infinite float-envelope;position:relative}.envelope-back{background:#e7d4b2;border:1px solid #bca070;position:absolute;inset:0;box-shadow:0 20px 35px #4d321d35,0 4px 5px #4d321d20}.envelope-front{filter:drop-shadow(0 -1px #c1a574);z-index:4;background-color:#0000;background-image:linear-gradient(32deg,#eadabe 49.7%,#0000 50%),linear-gradient(-32deg,#f5e8ce 49.7%,#0000 50%);background-position:0,100%;background-repeat:no-repeat;background-size:50.2% 100%,50.2% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.envelope-front:after{content:"";clip-path:polygon(0 100%,50% 47%,100% 100%);background-color:#0000;background-image:linear-gradient(146deg,#0000 49.7%,#f1e1c5 50%),linear-gradient(-146deg,#0000 49.7%,#eddbba 50%);background-position:0,100%;background-repeat:no-repeat;background-size:50.2% 100%,50.2% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:1px solid #bb9b66;position:absolute;inset:0}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:50% 0;z-index:6;filter:drop-shadow(0 2px 1px #5e422933);backface-visibility:hidden;background:linear-gradient(#f8edd7,#e2cba5);position:absolute;inset:0}.wax-seal{z-index:7;background:radial-gradient(circle at 30% 20%,#9a4658,var(--burgundy) 60%,#411321);width:66px;height:66px;font:italic 20px var(--serif);color:#e5bc88;text-shadow:0 1px #401223;border:3px solid #813147;border-radius:49% 45% 48% 43%;outline:1px solid #4f1929;place-items:center;margin:auto;display:grid;position:absolute;top:90px;left:0;right:0;box-shadow:0 4px 8px #3b1e2355,inset 0 0 0 3px #b26a6e44}.invitation-card{z-index:2;background:var(--warm-ivory);border:1px solid var(--antique-gold);flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex;position:absolute;inset:12px 20px;box-shadow:0 2px 12px #4b301d33}.invitation-card .eyebrow{font-size:9px}.card-names{font:32px var(--script);color:var(--burgundy);align-items:center;gap:8px;display:flex}.card-names i{font:italic 20px var(--serif)}.card-initials{display:none}.invitation-card .flourish{width:50px;height:65px}.intro-prompt{color:var(--burgundy);z-index:1;margin:45px 0 0;font-size:16px;font-style:italic}.intro-foot{letter-spacing:.17em;text-transform:uppercase;z-index:1;margin-top:32px;font-size:10px}.is-opening .envelope-object{animation:5.3s forwards envelope-lift}.is-opening .wax-seal{animation:.6s .1s forwards seal-release}.is-opening .envelope-flap{animation:.9s .45s forwards flap-open}.is-opening .invitation-card{animation:3.7s 1.1s forwards card-to-book}.is-opening .envelope-back,.is-opening .envelope-front{animation:1s 2.6s forwards envelope-away}.is-opening .invitation-card .flourish,.is-opening .card-names{animation:.8s 2.8s forwards golden-cover}.is-opening .intro-title,.is-opening .intro-top,.is-opening .intro-foot{animation:.8s 1.7s forwards fade-away}@keyframes float-envelope{50%{transform:translateY(-9px)rotate(-1deg)}}@keyframes envelope-lift{15%{transform:translateY(-12px)}80%,to{transform:translateY(0)}}@keyframes seal-release{to{opacity:0;transform:translate(25px,65px)rotate(20deg)}}@keyframes flap-open{49%{z-index:6}50%,to{z-index:1;transform:rotateX(180deg)}}@keyframes card-to-book{0%{transform:translateY(0)}40%{height:250px;transform:translateY(-145px)}65%{background:var(--warm-ivory);height:350px;transform:translateY(-105px)}85%,to{background:var(--burgundy);border:8px double var(--antique-gold);height:350px;transform:translateY(-105px);box-shadow:inset 7px 0 8px #0004,0 25px 45px #4d321d44}}@keyframes envelope-away{to{opacity:0;transform:translateY(90px)}}@keyframes golden-cover{to{color:var(--antique-gold)}}@keyframes fade-away{to{opacity:0}}.is-reduced *{animation:none!important}.storybook-hero{background:var(--forest);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:42px 25px 28px;display:flex;position:relative;overflow:hidden}.storybook-hero:before,.final-chapter:before{content:"";pointer-events:none;border:1px solid #c39b5750;position:absolute;inset:15px}.book-stage{perspective:1600px;width:min(100%,440px);margin:15px auto;position:relative;box-shadow:14px 20px 40px #0006}.book-pages{text-align:center;background:linear-gradient(90deg,#d0bc96 0,#f7efe0 4% 96%,#d0bc96);min-height:690px;padding:40px 28px 30px;position:relative;box-shadow:5px 0 #d8c8a9,8px 1px #eee1c8,11px 2px #a79675}.book-pages:after{content:"";pointer-events:none;border:1px solid #c39b5759;position:absolute;inset:14px}.hero-flower{width:72px;height:90px;margin:14px auto}.book-pages h1{max-width:280px;color:var(--burgundy);margin:auto;font-size:43px}.hero-names{font:59px/1.1 var(--script);color:var(--burgundy);margin-top:25px}.hero-names span{font:italic 27px/1.1 var(--serif);margin:8px 0;display:block}.date-line{font:500 13px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase}.hero-subtitle{max-width:245px;margin:22px auto;font-size:17px;font-style:italic}.scroll-note{letter-spacing:.12em;text-transform:uppercase;margin-top:30px;font-size:11px;text-decoration:none;display:block}.scroll-note span{margin-top:6px;font-size:24px;display:block}.velvet-cover{backface-visibility:hidden;transform-origin:0;z-index:3;color:var(--antique-gold);pointer-events:none;background:repeating-linear-gradient(92deg,#681c32,#6d2338 1px,#681c32 3px);padding:20px;position:absolute;inset:0;box-shadow:inset 9px 0 11px #0005,0 10px 20px #0003}.cover-border{border:3px double var(--antique-gold);outline-offset:7px;text-align:center;outline:1px solid #c39b5755;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px 20px;display:flex}.cover-border .flourish{width:80px;height:110px}.cover-border .flourish:last-child{transform:rotate(180deg)}.cover-border p{font:37px/1.15 var(--serif);max-width:260px;margin:20px 0}.cover-border>span{font:italic 52px var(--serif);border-top:1px solid var(--antique-gold);border-bottom:1px solid var(--antique-gold);margin:20px 0;padding:9px 0}.cover-border small{text-transform:uppercase;letter-spacing:.17em;font-size:10px}.folio{color:var(--antique-gold);letter-spacing:.2em;margin:24px 0 0;font-size:9px}.story-chapter{background:linear-gradient(90deg,#cbb48e15,#0000 15% 85%,#cbb48e20);padding:95px 24px;position:relative}.chapter-inner{text-align:center;width:min(100%,880px);margin:auto}.story-chapter h2{max-width:600px}.chapter-inner>p:not(.chapter-label){max-width:500px;margin-left:auto;margin-right:auto}.story-chapter:after{content:"";background:var(--line);height:1px;position:absolute;bottom:16px;left:24px;right:24px}.beginning .chapter-inner{max-width:500px}.beginning .dropcap{font-size:21px}.dropcap:first-letter{float:left;font:70px/.8 var(--serif);color:var(--burgundy);padding:8px 9px 0 0}.portrait{background:#fff9ef;max-width:325px;margin:40px auto 25px;padding:10px 10px 20px;transform:rotate(-2deg);box-shadow:3px 8px 16px #46332226}.portrait img{object-fit:cover;filter:sepia(.15);width:100%;height:340px}.portrait figcaption{font:italic 17px var(--serif);margin-top:17px}.page-turn{perspective:1000px;isolation:isolate;max-width:880px;height:95px;margin:auto;position:relative}.page-turn-base{border-top:1px solid var(--line);background:linear-gradient(90deg,#dfcba5,#f4e9d2 60%,#d8c29c);position:absolute;inset:0 10%;box-shadow:0 8px 12px #4a35221c}.turning-leaf{transform-origin:0;backface-visibility:hidden;color:var(--antique-gold);background:linear-gradient(90deg,#f8efdf,#d5bb90);place-items:center;font-size:42px;display:grid;position:absolute;inset:0 10% 0 50%;box-shadow:-8px 5px 15px #452c1c35}.quill-section{text-align:center;background:var(--parchment);padding:80px 24px 65px;position:relative}.quill-section header{max-width:480px;margin:auto}.quill-section header h2{font-size:clamp(39px,6vw,54px)}.quill-canvas{width:min(100%,480px);height:1100px;margin:50px auto 0;position:relative}.ink-map{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chapter-milestones{pointer-events:none;flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.chapter-milestones li{text-align:left;align-items:center;width:43%;min-height:120px;display:flex;position:relative}.chapter-milestones li:nth-child(2n){text-align:right;align-self:flex-end}.chapter-milestones a{pointer-events:auto;text-decoration:none;display:block}.chapter-milestones span{letter-spacing:.14em;text-transform:uppercase;color:var(--burgundy);font-size:10px}.chapter-milestones h3{margin:8px 0 10px;font-size:29px}.chapter-milestones small{font:italic 16px/1.3 var(--serif)}.golden-quill{filter:drop-shadow(2px 3px 2px #48331e35);pointer-events:none}.memory-section{background:var(--burgundy);color:var(--warm-ivory);position:relative}.memory-stage{flex-direction:column;justify-content:center;height:100svh;min-height:650px;padding:45px 0 30px;display:flex;position:relative;overflow:hidden}.is-sticky .memory-stage{position:sticky;top:0}.memory-stage header{text-align:center;padding:0 26px}.memory-stage .chapter-label{color:#e1bc82}.memory-stage h2{margin:13px 0 14px}.memory-stage header>p:last-child{color:#ead5c6;font-size:17px;font-style:italic}.memory-track{will-change:transform;align-items:center;gap:45px;width:max-content;padding:45px max(28px,50vw - 185px) 40px;display:flex}.memory-photo{background:var(--warm-ivory);width:min(76vw,350px);color:var(--ink);transform:rotate(var(--tilt));flex:none;padding:12px 12px 20px;position:relative;box-shadow:10px 15px 25px #200b184d}.memory-photo img{object-fit:cover;filter:sepia(.17);width:100%;height:min(39svh,355px);min-height:215px}.memory-photo figcaption{font:italic 22px var(--serif);align-items:center;gap:16px;padding:18px 0 2px;display:flex}.memory-photo figcaption span{font:12px var(--body);color:#735c3a}.photo-tab{z-index:1;background:#ddbd8870;width:70px;height:26px;position:absolute;top:-13px;left:38%;transform:rotate(6deg)}.memory-progress{background:#f7efe02e;width:90px;height:1px;margin:12px auto}.memory-progress span{background:var(--antique-gold);transform-origin:0;width:100%;height:100%;display:block}.memory-foot{font:italic 17px var(--serif);text-align:center;margin:10px 30px 0}.is-static .memory-stage{height:auto;min-height:0;padding:75px 0}.is-static .memory-track{flex-wrap:wrap;justify-content:center;width:auto;padding:45px 28px}.is-static .memory-photo{width:min(100%,350px)}.is-static .memory-progress{display:none}.announcement{background:#f5ecda}.announcement-spread{background:linear-gradient(90deg,#f9f1e2,#e0cfac 49.8%,#c6b08a 50%,#f7efdf 52%);border:1px solid #c5ad81;grid-template-columns:1fr 1fr;margin:40px auto 0;display:grid;position:relative;box-shadow:0 16px 32px #49351d26}.invitation-left,.invitation-right{flex-direction:column;justify-content:center;align-items:center;padding:40px 35px;display:flex}.invitation-left>.flourish{width:90px;height:110px;margin-bottom:20px}.invitation-left>p{font-size:18px}.script-names{font:58px/1.2 var(--script);color:var(--burgundy);margin:25px 0}.script-names span{font:italic 25px var(--serif);margin:8px 0;display:block}.invitation-right time{font:36px/1.2 var(--serif);margin:20px 0}.invitation-right>p:not(.eyebrow){font-size:17px}.invitation-right .handwritten{margin-top:30px}.countdown-page{background:var(--forest);color:var(--warm-ivory);text-align:center;padding:80px 0}.countdown-page .eyebrow{color:var(--antique-gold)}.countdown-page h2{font-size:42px}.countdown-dials{grid-template-columns:repeat(4,1fr);gap:8px;max-width:500px;margin:42px auto;display:grid}.countdown-dials>div{outline-offset:4px;border:1px solid #c39b5770;outline:1px solid #c39b572e;min-width:0;padding:16px 3px 13px}.countdown-dials span{font:48px/1 var(--serif);font-variant-numeric:tabular-nums;display:block}.countdown-dials small{text-transform:uppercase;letter-spacing:.1em;color:#e1c291;margin-top:13px;font-size:9px;display:block}.event-manuscript{margin-top:50px}.event-page{border-top:1px solid var(--line);text-align:left;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px;padding:45px 0;display:grid}.event-page:last-child{border-bottom:1px solid var(--line)}.event-page:nth-child(2n){grid-template-columns:1.2fr .8fr}.event-page:nth-child(2n) .event-illustration{order:2}.event-illustration{background:radial-gradient(#c39b571a,#0000 70%);place-items:center;min-height:220px;display:grid;position:relative}.event-illustration .flourish{width:140px;height:200px}.event-illustration>span{font:55px var(--serif);color:var(--burgundy);position:absolute;bottom:6px;left:35%}.event-1 .event-illustration{color:#96771d}.event-1 .event-illustration>span{color:#a67d20}.event-2 .event-illustration{background:radial-gradient(#681c321c,#0000 70%)}.event-3 .event-illustration .flourish{transform:rotate(15deg)}.event-copy h3{color:var(--burgundy);margin:12px 0 18px;font-size:42px}.event-copy p{font-size:16px;line-height:1.5}.event-copy p+p{margin-top:14px}.event-description{font-style:italic}.venue-note{color:#6b5944}.attire-note{border-left:1px solid var(--antique-gold);padding-left:12px}.event-copy a{margin-top:20px;font-size:15px;display:inline-block}.venue-art{max-width:560px;color:var(--forest);background:#e7d6b6;border:1px solid #c4aa7c;margin:35px auto;padding:12px;transform:rotate(-1deg)}.venue-art img{object-fit:cover;width:100%;max-height:350px}.venue-art svg{width:100%;display:block}.venue-art figcaption{margin:5px 0;font-size:12px;font-style:italic}.venue h3{margin:35px 0 20px}.venue address{font-style:normal}.venue .button{margin-top:30px}.venue iframe{border:1px solid var(--antique-gold);width:100%;height:320px;margin-top:30px;display:block}.dress-page{background:#e9dfc9}.dress-page h2{max-width:420px}.attire-illustration{width:240px;max-width:100%;color:var(--forest);margin:auto}.attire-list{max-width:430px;margin:30px auto 0}.attire-list>div{border-bottom:1px solid #c39b5755;justify-content:space-between;gap:20px;padding:13px 0;font-size:18px;display:flex}.attire-list dd{color:var(--burgundy);font-style:italic}.dress-colors{flex-wrap:wrap;justify-content:center;gap:20px;padding:0;list-style:none;display:flex}.dress-colors span{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;margin:auto;display:block}.guest-page article{border-bottom:1px solid var(--line);padding:25px 0}.guest-page h3{margin-bottom:15px;font-size:27px}.final-chapter{background:var(--forest);perspective:1200px;color:var(--warm-ivory);text-align:center;padding:65px 24px 25px;position:relative}.final-page{border:3px double var(--antique-gold);max-width:600px;color:var(--ink);background:linear-gradient(100deg,#f7efe0,#e8d8b8);margin:auto;padding:40px 20px 35px;box-shadow:5px 4px #b8a27a,8px 7px #e5d3ae,12px 11px 25px #0006}.final-page>.flourish{width:90px;height:110px;margin:22px auto}.final-page h2{max-width:400px;font-size:42px}.final-page>p:not(.chapter-label):not(.date-line):not(.demo-footnote){max-width:370px;margin:25px auto}.final-page .button{max-width:100%;margin-top:15px;font-size:14px}.demo-footnote{max-width:310px;margin:18px auto;font-size:12px;line-height:1.5}.back-link{text-underline-offset:5px;margin-top:22px;font-size:13px;display:inline-block}.colophon{letter-spacing:.15em;text-transform:uppercase;color:var(--antique-gold);margin-top:40px;font-size:10px}.rsvp-modal{border:5px double var(--antique-gold);width:min(100% - 28px,530px);max-height:calc(100dvh - 28px);color:var(--ink);overscroll-behavior:contain;background:linear-gradient(90deg,#e1cfad,#f7efe0 7% 94%,#e1cfad);border-radius:0;margin:auto;padding:0;position:fixed;overflow-y:auto;box-shadow:0 30px 100px #0007}.rsvp-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101c16c9}.modal-close{float:right;z-index:2;background:var(--burgundy);color:var(--warm-ivory);border:1px solid var(--antique-gold);place-items:center;width:42px;height:42px;margin:12px 12px 0 0;display:grid;position:sticky;top:12px}.rsvp-modal__body{clear:both;padding:16px 25px 30px}.rsvp-modal h2{margin:15px 0 20px;font-size:39px}.demo-note{border-left:2px solid var(--antique-gold);background:#c39b5712;padding:10px 12px;font-size:14px;line-height:1.6}.field{border:0;min-width:0;margin:23px 0 0;padding:0}.field>label:not(.radio-label),.field legend{margin-bottom:8px;font-size:16px;display:block}.field input:not([type=radio]),.field textarea{width:100%;min-height:47px;color:var(--ink);background:#fffcf566;border:1px solid #ad9470;border-radius:0;padding:10px 12px;font-size:17px;line-height:1.5;display:block}.field textarea{resize:vertical;min-height:90px}.radio-label{align-items:center;gap:12px;min-height:44px;font-size:17px;display:flex}.radio-label input{width:19px;height:19px;accent-color:var(--burgundy)}.field input:disabled{opacity:.4}.field [aria-invalid=true]{border-color:var(--burgundy)}.field-error{color:var(--burgundy);margin-top:8px;font-size:14px}.rsvp-modal form>.button{width:100%;margin-top:25px}.reply-preview{overflow-wrap:anywhere;padding-top:25px}.reply-preview h3{font-size:30px}.reply-preview dl>div{border-bottom:1px solid var(--line);padding:13px 0}.reply-preview dt{color:var(--burgundy);font-size:13px}.reply-preview dd{white-space:pre-wrap;font-size:20px}.reply-preview>.button{margin-top:25px}.music-controls{bottom:max(18px,env(safe-area-inset-bottom));z-index:30;gap:6px;display:flex;position:fixed;right:18px}.music-controls button{border:1px solid var(--antique-gold);background:var(--forest);width:42px;height:42px;color:var(--warm-ivory);place-items:center;display:grid}.music-error{z-index:30;background:var(--warm-ivory);max-width:250px;padding:10px;font-size:14px;position:fixed;bottom:70px;right:18px}@media (width<=600px){.story-chapter{padding:75px 25px}.announcement-spread{background:linear-gradient(90deg,#e8d9ba,#faf2e3 6% 94%,#e8d9ba);grid-template-columns:1fr}.invitation-left,.invitation-right{padding:30px 24px}.invitation-left{border-bottom:1px solid var(--line)}.invitation-right{padding-top:35px}.invitation-left>.flourish{width:75px;height:95px}.script-names{font-size:54px}.quill-canvas{height:1000px}.ink-map{width:150%;left:-25%}.chapter-milestones li{z-index:1;width:42%}.chapter-milestones h3{max-width:135px;font-size:26px}.chapter-milestones small{max-width:132px;font-size:15px;display:block}.chapter-milestones li:nth-child(2n) small,.chapter-milestones li:nth-child(2n) h3{margin-left:auto}.chapter-milestones{padding:0}.event-page,.event-page:nth-child(2n){grid-template-columns:100px 1fr;gap:18px}.event-page:nth-child(2n) .event-illustration{order:0}.event-illustration{min-height:170px}.event-illustration .flourish{width:100px;height:150px}.event-illustration>span{font-size:38px;bottom:0;left:25%}.event-copy h3{font-size:34px}.event-copy .eyebrow{font-size:9px}.countdown-dials{gap:10px}.countdown-dials span{font-size:39px}.countdown-dials small{font-size:8px}.countdown-page h2{font-size:38px}.final-page{padding:30px 16px}.final-page h2{font-size:38px}.final-page .chapter-label{font-size:9px}}@media (width<=350px){.intro-title{margin-bottom:60px;font-size:32px}.envelope-button{height:190px}.wax-seal{width:58px;height:58px;top:76px}.book-pages{min-height:685px;padding:35px 22px}.book-pages h1{font-size:37px}.hero-names{font-size:53px}.story-chapter{padding-left:22px;padding-right:22px}.countdown-dials{gap:9px}.countdown-dials span{font-size:33px}.countdown-dials small{letter-spacing:0;font-size:8px}.chapter-milestones h3{font-size:23px}.event-page,.event-page:nth-child(2n){grid-template-columns:75px 1fr;gap:15px}.event-illustration .flourish{width:80px}.event-copy h3{font-size:30px}.portrait img{height:300px}.memory-photo figcaption{font-size:19px}.memory-track{gap:35px}}@media (width>=900px){.storybook-hero{padding:60px 25px}.book-stage{max-width:440px}.book-pages{min-height:730px}.story-chapter{padding-top:110px;padding-bottom:110px}.beginning .chapter-inner{max-width:600px}.portrait{max-width:360px}.portrait img{height:390px}.quill-section{padding-top:100px}.memory-photo{width:370px}.memory-track{gap:85px}.memory-stage h2{font-size:60px}.event-manuscript{max-width:740px;margin-left:auto;margin-right:auto}.final-chapter{padding-top:100px;padding-bottom:35px}}@media (height<=720px) and (width>=351px){.intro-title{margin-bottom:42px;font-size:34px}.intro-prompt{margin-top:30px}.intro-foot{margin-top:20px}.envelope-button{height:200px}.wax-seal{top:83px}.memory-stage{min-height:100svh}.memory-stage header h2{font-size:34px}.memory-photo img{height:32svh;min-height:170px}.memory-track{padding-top:30px;padding-bottom:25px}.memory-stage{padding:25px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.velvet-cover{display:none}.golden-quill{opacity:.8}.memory-track{will-change:auto}.turning-leaf{box-shadow:none}.envelope-scene.is-opening{transition:opacity .3s!important}.chapter-inner{transform:none!important}}.envelope-front{clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(32deg,#eadabe 50%,#f5e8ce 50%)}.section-inner{width:100%;max-width:440px;margin:auto}.story-chapter>.section-inner{max-width:440px}.storybook-hero>.section-inner{text-align:center}.countdown-page>.section-inner{width:calc(100% - 48px)}.memory-stage.section-inner .memory-track{padding-left:28px;padding-right:28px}.page-turn{max-width:440px}