@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Great+Vibes&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--scene-bg:#f5efe2 url(/background.jpg) repeat 0 0 / 340px}html{width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#e8d9c0;width:100%;min-height:100%;overflow:hidden}#root{width:100%;height:100dvh;min-height:100svh;overflow:hidden}button{appearance:none;cursor:pointer}img{max-width:100%;display:block}.letter-screen{--pad:max(20px, env(safe-area-inset-top), env(safe-area-inset-bottom));--viewport-h:100vh;--env-w:min(420px, 86vw, calc((var(--viewport-h) - 2 * var(--pad) - 56px) * .73));--env-h:calc(var(--env-w) / .73);--env-left:calc(50% - var(--env-w) / 2);--env-top:calc(50% - var(--env-h) / 2 - 20px);--letter-w:calc(var(--env-w) * .84);--letter-h:calc(var(--letter-w) * 1760 / 1174);--letter-top:calc(var(--env-h) * .045);--flap-h:calc(var(--env-h) * .55);--seal:clamp(48px, calc(var(--env-w) * .2), 84px);--paper:linear-gradient(135deg, #faf5ea 0%, #f1e8d6 55%, #e9dec8 100%);--paper-grain:repeating-linear-gradient(25deg, #977e4e05 0 1px, transparent 1px 4px);--liner:linear-gradient(#cdb88f8c, #cdb88f8c), url(/background.jpg) center / 220px;--drift:transform .9s ease-out 1.45s, opacity .9s ease-in 1.45s;isolation:isolate;color:#514b36;background:var(--scene-bg);text-align:center;font-family:Cormorant Garamond,Georgia,serif;position:fixed;inset:0}@supports (height:100dvh){.letter-screen{--viewport-h:100dvh}}.intro-floral{z-index:0;opacity:.32;pointer-events:none;width:clamp(220px,28vw,380px);transition:var(--drift);position:absolute}.intro-floral--top{top:-6%;left:-4%}.intro-floral--bottom{bottom:-6%;right:-4%}.envelope-rear,.envelope-fore,.envelope-flap-layer{left:var(--env-left);top:var(--env-top);width:var(--env-w);height:var(--env-h);transition:var(--drift);position:absolute}.envelope-rear{z-index:1}.envelope-fore{z-index:4;pointer-events:none;border-radius:4px;overflow:hidden}.envelope-flap-layer{z-index:6;perspective:1200px;perspective-origin:50% 0;transition:var(--drift), z-index 0s 1s}.envelope-shadow{filter:blur(10px);background:radial-gradient(#4a381c66,#0000 70%);height:10%;position:absolute;bottom:-3%;left:5%;right:5%}.envelope-back{background:var(--paper-grain), linear-gradient(120deg, #efe5d1, #e4d7bd);border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 50px -20px #4a381c40,0 2px 6px #4a381c1f}.envelope-liner{clip-path:polygon(0 0,100% 0,50% 50%);background:var(--liner);position:absolute;inset:0}.envelope-pocket{clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);background:var(--paper-grain), var(--paper);position:absolute;inset:0}.envelope-fold--bottom{clip-path:polygon(0 82%,50% 50%,100% 82%,100% 100%,0 100%);background:var(--paper-grain), linear-gradient(180deg, #fbf7ee, #f0e7d5);position:absolute;inset:0}.envelope-seams{clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.envelope-seam{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.envelope-seam--shadow{stroke:#5c451f;stroke-opacity:.16;stroke-width:3px;filter:blur(1.5px)}.envelope-seam--light{stroke:#fffaf0;stroke-opacity:.9;stroke-width:1px}.envelope-front{padding-inline:8%;transition:opacity .35s 1.4s;position:absolute;bottom:5.5%;left:0;right:0}.envelope-front p{font-size:clamp(11px, calc(var(--env-w) * .033), 14px);letter-spacing:.06em;color:#9a8964;margin-bottom:6px;font-style:italic}.envelope-front h1{font-weight:400;font-size:clamp(16px, calc(var(--env-w) * .062), 26px);letter-spacing:.09em;color:#4d4331;line-height:1.4}.envelope-front h1 span{white-space:nowrap}.envelope-front h1 .letter-amp{color:#a68a50;font-style:italic}.envelope-flap-shadow{height:var(--flap-h);clip-path:polygon(0 0,100% 0,50% 100%);filter:blur(4px);background:linear-gradient(#0000 55%,#4a381c3d 96%,#4a381c00);transition:opacity .5s .12s;position:absolute;inset:0 0 auto;transform:translateY(6px)}.envelope-flap{height:var(--flap-h);transform-origin:top;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .9s cubic-bezier(.4,0,.2,1) .12s;position:absolute;inset:0 0 auto}.envelope-flap-face{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;position:absolute;inset:0}.envelope-flap-face--outside{background:var(--paper-grain), linear-gradient(160deg, #fcf8f0 0%, #f3ebda 60%, #e9dfc9 100%);align-content:start;justify-items:center;padding-top:11%;display:grid}.envelope-flap-face--inside{clip-path:polygon(0 100%,100% 100%,50% 0);background:var(--liner);transform:rotateX(180deg)}.envelope-monogram{opacity:.72;filter:drop-shadow(0 1px #fffdf6)drop-shadow(0 2px 3px #6b4f2445);width:34%}.wax-seal{width:var(--seal);aspect-ratio:1;appearance:none;backface-visibility:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 34% 22%,#f1d59a,#bd914a 55%,#986b2f 85%,#d5b373);border:1px solid #a7803c;border-radius:46% 51% 44% 49%/48% 44% 52% 46%;padding:0;transition:filter .2s,scale .3s;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)translateZ(1px);box-shadow:inset 2px 3px 3px #fff0bd99,inset -3px -4px 5px #78532477,2px 7px 10px #58432950}.wax-seal:after{content:"";border:1px solid #99713e;border-radius:50%;position:absolute;inset:9%;box-shadow:inset 1px 2px 3px #7d582c55,1px 1px 1px #ffe5ab99}.wax-seal-imprint{filter:drop-shadow(1px 1px #efd098);background:#7a5a2b;position:absolute;inset:16%;-webkit-mask:url(/intro/monograma-512.png) 50%/96% no-repeat;mask:url(/intro/monograma-512.png) 50%/96% no-repeat}.wax-seal:hover:not(:disabled){filter:brightness(1.08);scale:1.05}.wax-seal:active:not(:disabled){transition-duration:90ms;scale:.95}.wax-seal:focus-visible{outline-offset:6px;outline:3px solid #6b7050}.wax-seal:disabled{cursor:wait}.wax-seal[aria-busy=true]{filter:saturate(.7)}.letter-instruction{z-index:5;top:calc(var(--env-top) + var(--env-h) + 18px);color:#73603e;padding:0 16px;font-size:clamp(14px,4vw,17px);transition:opacity .25s;position:absolute;left:0;right:0}.envelope-letter{z-index:3;background:#f5efe2;position:absolute}.envelope-letter img{object-fit:contain;width:100%;max-width:none;height:100%}.envelope-letter--rest{left:calc(var(--env-left) + (var(--env-w) - var(--letter-w)) / 2);top:calc(var(--env-top) + var(--letter-top));width:var(--letter-w);height:var(--letter-h);box-shadow:0 2px 6px #4a381c22}.envelope-letter--rest.is-hidden{visibility:hidden}.envelope-letter--flight{transform-origin:50%;will-change:transform}.envelope-letter-shadow{animation:.35s 2.3s both letter-shadow-out;position:absolute;inset:0;box-shadow:0 18px 40px -12px #4a381c66,0 2px 6px #4a381c22}@keyframes letter-shadow-out{to{opacity:0}}@keyframes seal-press{50%{scale:.94}}.letter-screen[data-phase=opening] .wax-seal{pointer-events:none;animation:.24s ease-out seal-press}.letter-screen[data-phase=opening] .envelope-flap{transform:rotateX(-180deg)}.letter-screen[data-phase=opening] .envelope-flap-shadow{opacity:0}.letter-screen[data-phase=opening] .envelope-flap-layer{z-index:2}.letter-screen[data-phase=opening] :is(.envelope-rear,.envelope-fore,.envelope-flap-layer,.intro-floral){transform:translateY(calc(var(--env-h) * .25));opacity:0}.letter-screen[data-phase=opening] :is(.letter-instruction,.envelope-front){opacity:0}@media (prefers-reduced-motion:reduce){.letter-screen *,.letter-screen :before,.letter-screen :after{transition:none!important;animation:none!important}}.actions-grid{grid-template-rows:repeat(3,clamp(72px,22cqi,104px));grid-template-columns:repeat(3,clamp(72px,22cqi,104px));place-items:center;gap:6px;display:grid}.action-btn{appearance:none;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;text-decoration:none;transition:transform .2s;display:flex}.action-btn:active{transform:scale(.93)}.action-btn-circle{-webkit-backdrop-filter:blur(4px);background:#b8956ae0;border:1.5px solid #fdf8f080;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,17cqi,80px);height:clamp(56px,17cqi,80px);transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #3d2b1f38}.action-btn--c .action-btn-circle{width:clamp(64px,19cqi,90px);height:clamp(64px,19cqi,90px)}.action-btn:hover .action-btn-circle,.action-btn:focus .action-btn-circle{background:#b8956a;box-shadow:0 4px 18px #3d2b1f52}.action-btn-circle svg{width:clamp(24px,9cqi,34px);height:clamp(24px,9cqi,34px)}.action-btn--c .action-btn-circle svg{width:clamp(26px,10cqi,38px);height:clamp(26px,10cqi,38px)}.action-btn-label{color:#3d2b1f;text-align:center;letter-spacing:.02em;max-width:clamp(84px,30cqi,120px);font-family:Cormorant Garamond,serif;font-size:clamp(14px,4.5cqi,18px);font-weight:900;line-height:1.25}.action-btn--tl{grid-area:1/1}.action-btn--tr{grid-area:1/3}.action-btn--c{grid-area:2/2}.action-btn--bl{grid-area:3/1}.action-btn--br{grid-area:3/3}.art-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#291d1494;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.art-modal-shell{aspect-ratio:1024/1535;border-radius:6px;width:min(86vw,66.7101dvh - 37.3577px,600px);max-height:calc(100dvh - 56px);position:relative;overflow:visible;box-shadow:0 28px 62px #1f140c61,0 0 0 1px #fffaf270;container-type:inline-size}.art-modal-image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;height:100%;display:block;box-shadow:inset 0 1px #ffffff9e}.art-modal-gift-list-button{appearance:none;z-index:1;color:#fdf8f0;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6b5748;border:0;border-radius:7.463%/16.484%;justify-content:center;align-items:center;width:39.258%;height:8.073%;padding:0;font-family:Cormorant Garamond,serif;font-size:clamp(12px,4cqi,28px);font-weight:700;line-height:1;display:flex;position:absolute;top:81.641%;left:30.371%;box-shadow:0 8px 18px #3d2b1f33}.art-modal-gift-list-button:hover,.art-modal-gift-list-button:focus-visible{background:#5e4b3e}.art-modal-gift-list-button:focus-visible{outline-offset:3px;outline:2px solid #b8956aeb}.art-modal-close{appearance:none;z-index:2;color:#3d2b1f;cursor:pointer;-webkit-backdrop-filter:blur(7px);-webkit-tap-highlight-color:transparent;background:#fdf8f0db;border:1px solid #b8956a7a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .2s,background .2s,border-color .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 6px 18px #3d2b1f2e}.art-modal-close:hover,.art-modal-close:focus-visible{background:#fdf8f0fa;border-color:#b8956ad1;transform:scale(1.05)}.art-modal-close svg{width:18px;height:18px}@media (width<=767px){.art-modal-backdrop{padding:14px}.art-modal-shell{width:min(100vw - 28px,66.7101dvh - 28.0182px,390px);max-height:calc(100dvh - 42px)}.art-modal-close{width:40px;height:40px;top:8px;right:8px}}.page-turn-reader{outline:none;flex-direction:column;align-items:center;max-width:100%;display:flex}.page-turn-book{-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;flex-shrink:0;position:relative}.page-turn-book:not(.is-turning){transition:transform .3s}.page-turn-book.is-turning{cursor:grabbing}.book-engine-mount,.book-engine{width:100%;height:100%}.page-turn-book .book-engine{touch-action:none;-webkit-tap-highlight-color:transparent}.book-artwork{background:#f5efe2;overflow:hidden}.book-artwork img{object-fit:contain;pointer-events:none;width:100%;max-width:none;height:100%}.book-overlay{z-index:10;pointer-events:none;position:absolute}.book-overlay .page-content{pointer-events:none}.book-overlay .action-btn{pointer-events:auto}.page-turn-reader:focus-visible .page-turn-book{outline-offset:5px;outline:2px solid #916b40}.nav-btn[aria-disabled=true]{opacity:.3;cursor:default}.nav-btn[aria-disabled=true]:hover{background:#f9f4ecee;border-color:#b8956a80}@media (prefers-reduced-motion:reduce){.page-turn-book{transition:none!important}}.book-engine-mount{overflow:visible}.book-decoration{pointer-events:none;position:absolute;inset:0}.page-turn-book:has(>.book-overlay) .book-decoration{visibility:hidden}.page-wrapper{-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 30%,#fdf8f0 0%,#f2e9d8 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.page-wrapper.cover-page,.page-wrapper.back-cover-page{background:radial-gradient(at 50% 40%,#f5ede0 0%,#e8d9c4 100%)}.page-wrapper.cover-page:after,.page-wrapper.back-cover-page:after{content:"";pointer-events:none;position:absolute;inset:0}.page-wrapper.cover-page:after{background:linear-gradient(90deg,#49311a29,#49311a0f 10%,#49311a00 22%)}.page-wrapper.back-cover-page:after{background:linear-gradient(270deg,#49311a29,#49311a0f 10%,#49311a00 22%)}.page-wrapper.has-bg-image{background:0 0}.page-wrapper.has-bg-image:after{display:none}.page-bg-image{object-fit:cover;object-position:center;z-index:0;pointer-events:none;backface-visibility:hidden;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.page-content{box-sizing:border-box;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6% 8%;display:flex;position:relative;container-type:inline-size}.botanical-arch{opacity:.75;width:88%;max-width:300px}.botanical-divider{opacity:.65;width:70%;max-width:240px;margin:8px 0}.botanical-footer{opacity:.65;width:55%;max-width:200px;margin-top:6px}.page-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#8b7355;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(8px,2.1vw,11px);font-weight:400;line-height:1.4}.page-names{color:#3d2b1f;text-align:center;margin:0;font-family:Great Vibes,cursive;font-size:clamp(34px,9vw,52px);line-height:1.1}.page-names-small{color:#3d2b1f;text-align:center;margin:0;font-family:Great Vibes,cursive;font-size:clamp(28px,7.5vw,42px);line-height:1.1}.page-ampersand{color:#b8956a;margin:2px 0;font-family:Cormorant Garamond,serif;font-size:clamp(16px,4vw,22px);font-style:italic;font-weight:300}.page-title{color:#3d2b1f;letter-spacing:.05em;text-align:center;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(18px,4.5vw,26px);font-weight:500}.page-subtitle{color:#8b7355;letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(11px,3vw,15px);font-weight:400}.page-body{color:#5a4030;text-align:center;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(11px,3vw,14px);font-weight:400;line-height:1.8}.page-body-italic{color:#5a4030;text-align:center;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(12px,3.2vw,16px);font-style:italic;font-weight:300;line-height:1.85}.page-detail-label{letter-spacing:.32em;text-transform:uppercase;color:#b8956a;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(7px,1.8vw,9px);font-weight:400}.page-detail-value{color:#3d2b1f;letter-spacing:.04em;margin:1px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(12px,3.2vw,17px);font-weight:500}.detail-block{flex-direction:column;align-items:center;gap:2px;display:flex}.details-grid{flex-direction:column;align-items:center;gap:14px;display:flex}.gap-xs{height:6px}.gap-sm{height:12px}.gap-md{height:20px}.gap-lg{height:28px}.flipbook-scene{width:100%;height:100dvh;padding:max(78px, calc(env(safe-area-inset-top) + 64px)) max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom));background:var(--scene-bg);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden auto}.flipbook-wrapper{flex-shrink:0;max-width:100%;margin-block:auto}.flipbook-nav{justify-content:center;align-items:center;gap:24px;margin-top:20px;display:flex}.nav-btn{color:#3d2b1f;touch-action:manipulation;background:#f9f4ecee;border:1px solid #b8956a80;border-radius:50%;width:48px;height:48px;font:32px/1 Georgia,serif}.nav-btn:hover:not(:disabled){background:#fffaf2;border-color:#916b40}.nav-btn:disabled{opacity:.3;cursor:default}.page-counter{text-align:center;color:#5a4030;gap:3px;min-width:140px;font:16px Cormorant Garamond,serif;display:grid}.page-counter small{letter-spacing:.12em;font:11px system-ui,sans-serif}.flipbook-hint{color:#715b45;text-align:center;letter-spacing:.04em;margin:10px 0 0;font:12px Cormorant Garamond,serif}.flipbook-scene :is(.back-btn,.flipbook-nav,.flipbook-hint){transition:opacity .5s}.flipbook-scene.is-handoff :is(.back-btn,.flipbook-nav,.flipbook-hint){opacity:0;pointer-events:none}.flipbook-scene.is-handoff .page-turn-book{transition:none}.back-btn{top:max(16px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));color:#3d2b1f;letter-spacing:.1em;z-index:10;background:#f9f4ecee;border:1px solid #b8956a80;min-height:44px;padding:0 16px;font:13px Cormorant Garamond,serif;position:absolute}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #80592f}.is-mobile .actions-grid{grid-template-rows:repeat(3,28cqi);grid-template-columns:repeat(3,26cqi);gap:1cqi 2cqi}.is-mobile .action-btn{gap:4px;width:26cqi}.is-mobile .action-btn-circle,.is-mobile .action-btn--c .action-btn-circle{flex-shrink:0;width:clamp(44px,18cqi,66px);height:clamp(44px,18cqi,66px)}.is-mobile .action-btn-circle svg,.is-mobile .action-btn--c .action-btn-circle svg{width:24px;height:24px}.is-mobile .action-btn-label{max-width:26cqi;font-size:clamp(12px,4.5cqi,16px);line-height:1.12}@media (height<=500px){.flipbook-scene{padding-top:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.audio-control{z-index:200;flex-direction:column;align-items:center;gap:5px;display:flex;position:fixed;top:18px;right:18px}.audio-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#f9f4ece0;border:1px solid #b8956a8c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .35s;display:flex;box-shadow:0 2px 12px #3d2b1f1f}.audio-btn:hover{background:#f9f4ecf5;border-color:#b8956ae6;transform:scale(1.06);box-shadow:0 4px 18px #3d2b1f2e}.audio-btn svg{color:#3d2b1f;width:16px;height:16px}.audio-label{letter-spacing:.18em;text-transform:uppercase;color:#8b7355;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:9px}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.audio-btn.playing:after{content:"";border:1px solid #b8956a80;border-radius:50%;animation:2s ease-out infinite ripple;position:absolute;inset:0}.book-layer{z-index:1;position:relative}.intro-layer{z-index:20;position:fixed;inset:0}.chrome-layer{opacity:0;pointer-events:none;transition:opacity .5s}.chrome-layer.is-visible{opacity:1;pointer-events:auto}