/* A private celebration. All decoration is local CSS/SVG, with no photo spoilers. */
.recipient-only{display:none}
.gift-secondary-actions{display:contents}
body[data-view=gift]{--gift-gold:#dfb16b;--gift-paper:#fffdf8;--gift-paper-ink:#3e3030}
body[data-view=gift] .recipient-only{display:block}
body[data-view=gift] .experience{isolation:isolate;overflow:clip;background:var(--stage)}
body[data-view=gift] .experience-grid{max-width:1380px;margin:auto;padding:26px 32px 20px;gap:10px}
body[data-view=gift] .story-copy{max-width:800px}
body[data-view=gift] .recipient-occasion{display:inline-block;margin:0 0 12px;border:1px solid color-mix(in srgb,var(--accent),transparent 73%);border-radius:30px;padding:6px 13px;background:color-mix(in srgb,var(--bg),transparent 18%);font-size:.6875rem;font-weight:650;letter-spacing:1.1px;color:var(--accent-ink);text-transform:uppercase;line-height:1.3}
body[data-view=gift] .story-copy h1{font-size:clamp(32px,5.6svh,48px);line-height:1.02;margin-bottom:8px;letter-spacing:-1.5px}
body[data-view=gift] .story-copy h1>span,body[data-view=gift] .story-copy h1 em{display:inline;line-height:1.12}
body[data-view=gift] .story-copy h1 em{margin-left:.18em;letter-spacing:-1.5px}
body[data-view=gift] .story-description{font-size:.875rem}
body[data-view=gift] .play-area{margin-top:0;isolation:isolate;justify-content:center}
body[data-view=gift] .machine{width:clamp(205px,calc((100svh - 300px)/1.5),345px)}
body[data-view=gift][data-owner-preview=true] .machine{width:clamp(185px,calc((100svh - 335px)/1.5),345px)}
body[data-view=gift] .play-controls{margin-top:0}
body[data-view=gift] .play-controls>#play-hint{display:none}
body[data-view=gift] .recipient-stage-whisper{font-family:Georgia,'Times New Roman',serif;font-size:.9375rem;font-style:italic;line-height:1.5;color:var(--muted);margin:6px 0 0;max-width:min(360px,86vw);min-height:23px}
body[data-view=gift] .play-button{box-shadow:0 6px 0 color-mix(in srgb,var(--ink),transparent 90%),0 12px 28px color-mix(in srgb,var(--accent),transparent 90%);transition:transform .18s,box-shadow .18s;min-width:205px}
body[data-view=gift][data-gift-ready=true] .play-button{background:var(--accent);border-color:var(--accent);color:var(--paper)}
body[data-view=gift][data-theme=afterparty][data-gift-ready=true] .play-button{color:var(--stage)}
body[data-view=gift][data-gift-final-next=true] .recipient-stage-whisper{color:var(--accent-ink)}
body[data-view=gift] .sound-button{font-size:.8125rem;margin-top:6px}
body[data-view=gift] .recipient-read-note{display:none}
body[data-view=gift] .recipient-read-note:disabled{opacity:.5}

/* An arch of wrapping paper and two curled ribbons frame the machine. */
.recipient-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.recipient-atmosphere::before{content:'';position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--accent),transparent 87%) .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(#000,transparent 85%)}
.recipient-arch{position:absolute;left:50%;top:100px;bottom:65px;width:min(580px,54vw);transform:translateX(-50%);border-radius:300px 300px 42px 42px;background:linear-gradient(170deg,color-mix(in srgb,var(--bg),transparent 10%),color-mix(in srgb,var(--accent-soft),transparent 75%));border:1px solid color-mix(in srgb,var(--accent),transparent 83%);box-shadow:0 0 0 15px color-mix(in srgb,var(--bg),transparent 55%),0 0 0 16px color-mix(in srgb,var(--accent),transparent 92%)}
.party-ribbon{position:absolute;width:clamp(115px,17vw,225px);height:auto;top:-45px;left:-30px;color:color-mix(in srgb,var(--accent),transparent 15%);transform:rotate(-9deg);opacity:.7}
.party-ribbon-right{left:auto;right:-30px;top:35px;transform:scaleX(-1) rotate(-13deg);color:var(--gift-gold);width:clamp(120px,15vw,200px)}
.party-cutouts{position:absolute;inset:0}
.party-cutouts i{position:absolute;left:14%;top:35%;width:9px;height:19px;border-radius:3px;background:var(--accent);transform:rotate(-22deg);opacity:.42}
.party-cutouts i:nth-child(2){left:27%;top:15%;width:10px;height:10px;border:2px solid var(--gift-gold);background:none;border-radius:50%}
.party-cutouts i:nth-child(3){left:83%;top:29%;background:var(--gift-gold);transform:rotate(43deg);height:12px}
.party-cutouts i:nth-child(4){left:92%;top:70%;height:16px;width:6px;transform:rotate(32deg)}
.party-cutouts i:nth-child(5){left:7%;top:77%;border:2px solid var(--accent);background:none;border-radius:50%;width:12px;height:12px}
.party-cutouts i:nth-child(6){left:31%;top:82%;background:var(--gift-gold);width:7px;height:15px;transform:rotate(-45deg)}
.party-cutouts i:nth-child(7){left:70%;top:80%;width:9px;height:9px;transform:rotate(17deg)}
.party-cutouts i:nth-child(8){left:64%;top:23%;width:5px;height:5px;border-radius:50%;background:var(--gift-gold)}
.party-cutouts i:nth-child(9){left:39%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--gift-gold)}
.party-cutouts i:nth-child(10){left:58%;top:71%;width:5px;height:11px;transform:rotate(58deg)}

/* The note and the collection stay beside the machine on a large screen. */
.recipient-letter{position:absolute;z-index:1;left:max(10px,calc(50% - 550px));top:50%;width:clamp(220px,23vw,275px);transform:translateY(-62%) rotate(-5deg);padding:32px 25px 26px;background:var(--gift-paper);color:var(--gift-paper-ink);border:1px solid #decfc166;box-shadow:0 14px 40px #6b403318,2px 3px 0 #fff7ee;overflow-wrap:anywhere}
.recipient-letter .eyebrow{font-size:.625rem;letter-spacing:1.5px;color:#866b5d;margin-bottom:18px}
.recipient-letter h2{font-size:1.2rem;line-height:1.3;margin:0 0 15px;font-weight:600;letter-spacing:-.5px}
.recipient-letter>#recipient-letter-text{font-family:Georgia,serif;font-size:1rem;line-height:1.65;margin:0;white-space:pre-line}
.recipient-letter-signature{margin-top:22px;display:flex;flex-direction:column;gap:3px;color:var(--accent-ink)}
.recipient-letter-signature>span{font-size:.75rem}
.recipient-letter-signature>strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:1.8rem;line-height:1.25}
.letter-paperclip{position:absolute;top:-12px;left:29px;width:13px;height:35px;border:2px solid #b29976;border-radius:8px;transform:rotate(7deg);box-shadow:1px 1px 1px #0002}
.letter-paperclip::after{content:'';position:absolute;top:7px;left:2px;width:5px;height:22px;border:1px solid #b29976;border-bottom:0;border-radius:5px 5px 0 0}
.letter-corner{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;background:linear-gradient(135deg,#efdfca 48%,var(--stage) 50%);box-shadow:-2px -2px 3px #735b4910}
.recipient-album{position:absolute;z-index:3;right:max(10px,calc(50% - 555px));top:48%;width:clamp(210px,23vw,285px);transform:translateY(-55%) rotate(3deg);text-align:center}
.recipient-album>.eyebrow{font-size:.6875rem;letter-spacing:1.8px;margin-bottom:24px;color:var(--accent-ink)}
.recipient-keepsakes{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 12px;max-width:280px;margin:auto}
.recipient-keepsake{border:1px dashed color-mix(in srgb,var(--accent),transparent 63%);position:relative;padding:6px 6px 19px;width:74px;height:97px;border-radius:2px;background:color-mix(in srgb,var(--bg),transparent 30%);display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);transition:transform .25s,background .25s;box-shadow:0 3px 8px #6b403307}
.recipient-keepsake:nth-child(2n){transform:rotate(6deg)}
.recipient-keepsake:nth-child(3){transform:rotate(-2deg)}
.recipient-keepsake:nth-child(5){transform:rotate(9deg)}
.recipient-keepsake[data-open=true]{border:1px solid #decfc166;background:var(--gift-paper);box-shadow:0 5px 14px #6b40331a}
.recipient-keepsake[data-arriving=true]{animation:keepsake-arrives .55s ease-out both}
.recipient-keepsake[data-open=true]:hover:not(:disabled){transform:translateY(-7px) rotate(0deg);z-index:2}
.recipient-keepsake>img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.keepsake-number{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:.5625rem;letter-spacing:1.2px;color:var(--muted);font-variant-numeric:tabular-nums}
.recipient-keepsake[data-open=true] .keepsake-number{color:#866b5d}
.keepsake-token{display:block;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--accent),transparent 85%);border-radius:50%;background:linear-gradient(45deg,color-mix(in srgb,var(--accent),transparent 83%) 49%,color-mix(in srgb,var(--gift-gold),transparent 80%) 50%);opacity:.8}
.recipient-album>#recipient-album-hint{font-family:Georgia,serif;font-style:italic;font-size:.9375rem;line-height:1.5;color:var(--muted);max-width:225px;margin:24px auto 0}
body[data-view=gift][data-theme=afterparty]{--gift-gold:#b997fd}
body[data-view=gift][data-theme=afterparty] .recipient-arch{background:radial-gradient(ellipse at center,#53387177,transparent 75%);border-color:#ad8aca22;box-shadow:0 0 0 15px #ae8adb08,0 0 0 16px #ae8adb16}
body[data-view=gift][data-theme=afterparty] .recipient-letter-signature{color:#7654b6}
body[data-view=gift][data-theme=afterparty] .party-cutouts i{border-radius:0}
body[data-view=gift][data-theme=air]{--gift-gold:#a9bdd0}
body[data-view=gift][data-theme=air] .recipient-atmosphere::before{background-size:22px 22px}

/* The sealed invitation is an actual dialog: one action, keyboard accessible. */
.recipient-invitation{padding:0;border:0;border-radius:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;inset:0;background:var(--stage);color:var(--ink);overflow:auto}
.recipient-invitation::backdrop{background:var(--stage)}
body:has(.recipient-invitation[open]){overflow:hidden}
.recipient-invitation[open]{display:grid;place-items:center}
.invitation-layout{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 28px 36px;position:relative;isolation:isolate;overflow:hidden}
.invitation-layout::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--bg),transparent 20%),transparent 65%);background-image:radial-gradient(color-mix(in srgb,var(--accent),transparent 84%) .8px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}
.invitation-layout::after{content:'';position:absolute;left:50%;top:50%;width:min(82vw,800px);aspect-ratio:1;transform:translate(-50%,-53%);border:1px solid color-mix(in srgb,var(--accent),transparent 85%);border-radius:50%;box-shadow:0 0 0 26px color-mix(in srgb,var(--bg),transparent 65%),0 0 0 27px color-mix(in srgb,var(--accent),transparent 92%);z-index:-1}
.invitation-delivery{margin:0 0 42px;font-size:.8125rem;color:var(--accent-ink);text-align:center;line-height:1.5;letter-spacing:1px}
.invitation-envelope{position:relative;width:min(550px,86vw);padding:34px 40px 40px 70px;border-radius:5px;min-height:304px;background:var(--gift-paper);color:var(--gift-paper-ink);border:1px solid #e4d7c8;transform:rotate(-3deg);box-shadow:0 30px 55px #603c3420,0 3px 5px #68472d14,inset 0 0 0 7px #faf3e9;isolation:isolate}
.invitation-envelope::before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,transparent 50%,#f7eddf 50.3%,#fffaf2 68%);border-radius:5px;z-index:-1}
.invitation-envelope::after{content:'';position:absolute;inset:12px;border:1px solid #d9c9b566;border-radius:2px;pointer-events:none}
.envelope-ribbon{position:absolute;left:28px;top:-1px;bottom:-1px;width:20px;background:var(--accent);box-shadow:inset 3px 0 #ffffff26,inset -3px 0 #0000000a,2px 0 3px #734d2c12;z-index:1}
.envelope-ribbon::after{content:'';position:absolute;bottom:42px;left:-29px;width:min(550px,86vw);height:20px;background:var(--accent);box-shadow:inset 0 3px #ffffff26,inset 0 -3px #0000000a,0 2px 3px #734d2c12}
.envelope-address{position:relative;z-index:2;text-align:center;padding:0 0 52px;overflow-wrap:anywhere}
.envelope-address>#invitation-for{font-size:.6875rem;letter-spacing:2px;text-transform:uppercase;color:#927a67;margin:0 0 7px}
.envelope-address h2{font-size:clamp(38px,6.5vw,68px);line-height:1.08;font-weight:650;letter-spacing:-2.5px;margin:0 0 10px}
.envelope-address>#invitation-title{font-family:Georgia,serif;font-style:italic;font-size:1.125rem;line-height:1.5;max-width:330px;margin:0 auto 15px;color:#776252}
.envelope-address>#invitation-from{font-size:.8125rem;line-height:1.5;color:#776252;margin:0}
.envelope-seal{position:absolute;left:15px;bottom:27px;width:47px;height:47px;border-radius:50%;background:var(--accent);border:1px solid #ffffff50;box-shadow:0 4px 4px #42302422,inset 0 0 0 4px #ffffff18;display:grid;place-items:center;z-index:3;transform:rotate(20deg)}
.envelope-seal>i{width:20px;height:20px;display:block;border-radius:50%;background:linear-gradient(45deg,#edbe70 49%,#fff2d8 50%);box-shadow:0 0 0 1px #56372b15}
.envelope-edition{position:absolute;bottom:16px;right:28px;text-transform:uppercase;letter-spacing:1.5px;font-size:.5625rem;color:#a08770;z-index:2}
.invitation-open{margin-top:45px;font-size:1rem;padding:17px 29px;min-height:54px;gap:24px;box-shadow:0 6px 0 color-mix(in srgb,var(--accent),transparent 90%)}
#invitation-inside{margin:18px 0 0;font-size:.8125rem;color:var(--muted);line-height:1.6;text-align:center}
.recipient-note-dialog{background:var(--gift-paper);color:var(--gift-paper-ink);border:1px solid #ddcdbc;border-radius:5px;width:min(470px,calc(100% - 36px));max-height:90svh;padding:35px 29px;box-shadow:0 18px 60px #0003;overflow:auto;overflow-wrap:anywhere}
.recipient-note-dialog::backdrop{background:#1b142477;backdrop-filter:blur(5px)}
.recipient-note-dialog>.eyebrow{color:#927a67}
.recipient-note-dialog h2{font-size:1.5rem;line-height:1.25;margin:0 0 24px}
#recipient-note-text{font-family:Georgia,serif;font-size:1.125rem;line-height:1.7;white-space:pre-line}
#recipient-note-signature{font-family:Georgia,serif;font-style:italic;font-size:1.125rem;margin:25px 0;color:#866652}
#recipient-close-note{color:#76503c;text-decoration:underline;text-underline-offset:4px;min-height:44px}

/* Unwrapping is visual only: controls are available immediately after the click. */
.gift-unwrapping{display:none;position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}
body[data-view=gift][data-gift-arrival=reveal] .gift-unwrapping{display:block}
.gift-unwrapping>i{position:absolute;inset:0 50% 0 0;background:var(--stage);border-right:1px solid var(--line);transform-origin:0 50%;animation:gift-paper-left .8s cubic-bezier(.22,.61,.36,1) both}
.gift-unwrapping>i::after{content:'';position:absolute;left:0;right:0;top:calc(50% + 34px);height:20px;background:var(--accent);box-shadow:inset 0 3px #ffffff26,inset 0 -3px #0000000a}
.gift-unwrapping>i+i{inset:0 0 0 50%;border-right:0;border-left:1px solid var(--line);transform-origin:100% 50%;animation-name:gift-paper-right}
body[data-gift-arrival=reveal] .experience-grid{animation:recipient-arrives .9s .1s both}
body[data-gift-arrival=reveal] .party-cutouts i{animation:party-settles 1.8s calc(.12s * var(--cutout,1)) both}
body[data-gift-arrival=reveal] .party-cutouts i:nth-child(2n){--cutout:2}
body[data-gift-arrival=reveal] .party-cutouts i:nth-child(3n){--cutout:3}
@keyframes gift-paper-left{to{transform:translateX(-105%) rotate(-7deg);opacity:.7}}
@keyframes gift-paper-right{to{transform:translateX(105%) rotate(7deg);opacity:.7}}
@keyframes recipient-arrives{from{opacity:.2;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes party-settles{from{translate:0 -90px;rotate:-65deg;opacity:0}to{translate:0 0;rotate:0deg;opacity:.42}}
@keyframes keepsake-arrives{from{opacity:0;translate:0 10px;scale:.9}to{opacity:1;translate:0 0;scale:1}}

@media(min-width:1500px){body[data-view=gift] .experience-grid{padding-top:40px;padding-bottom:30px}.recipient-letter{left:55px}.recipient-album{right:55px}}
@media(max-width:1000px){
 .recipient-letter{width:205px;padding:26px 20px 24px;left:8px}.recipient-letter h2{font-size:1.0625rem}.recipient-letter>#recipient-letter-text{font-size:.9375rem}.recipient-album{width:190px;right:0}.recipient-keepsakes{gap:13px 10px}.recipient-keepsake{width:62px;height:81px}.recipient-album>#recipient-album-hint{font-size:.875rem}
}
@media(max-width:760px){
 body[data-view=gift] .experience-grid{padding:22px 18px 16px;gap:6px}
 body[data-view=gift][data-owner-preview=true] .experience-grid{padding-top:58px}
 body[data-view=gift] .recipient-occasion{font-size:.625rem;padding:5px 11px;margin-bottom:8px;letter-spacing:.9px}
 body[data-view=gift] .story-copy h1{font-size:clamp(28px,4.8svh,36px);line-height:1.02;margin-bottom:5px;max-width:500px}
 body[data-view=gift] .story-copy h1>span,body[data-view=gift] .story-copy h1 em{display:block;letter-spacing:-1px}
 body[data-view=gift] .story-copy h1 em{margin:0}
 body[data-view=gift] .story-description{font-size:.8125rem;line-height:1.5}
 body[data-view=gift] .machine{width:clamp(140px,calc((100svh - 378px)/1.5),290px)}
 body[data-view=gift][data-owner-preview=true] .machine{width:clamp(130px,calc((100svh - 414px)/1.5),280px)}
 body[data-view=gift] .play-area{justify-content:center;flex:1;gap:0}
 body[data-view=gift] .recipient-letter{display:none}
 body[data-view=gift] .recipient-album{position:relative;inset:auto;order:3;transform:none;width:100%;margin:10px 0 0}
 .recipient-album>.eyebrow,.recipient-album>#recipient-album-hint{display:none}
 .recipient-keepsakes{gap:7px;flex-wrap:nowrap;max-width:none}
 .recipient-keepsake{width:45px;height:54px;padding:3px 3px 12px;border-radius:2px}
 .keepsake-token{width:17px;height:17px}.keepsake-number{font-size:.4375rem;bottom:3px;letter-spacing:.5px}
 body[data-view=gift] .play-controls{order:2}
 body[data-view=gift] .play-button{font-size:.9375rem;min-height:46px;padding:12px 23px}
 body[data-view=gift] .gift-progress{font-size:.75rem!important;margin-top:9px!important;line-height:1.3;min-height:16px}
 body[data-view=gift] .recipient-stage-whisper{font-size:.875rem;line-height:1.4;min-height:20px;margin:4px 0 0}
 body[data-view=gift] .gift-secondary-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 14px;order:4;margin-top:8px;max-width:100%}
 body[data-view=gift] .sound-button{position:static;order:4;transform:none;align-self:center;margin:0;font-size:.75rem;min-height:32px;padding:6px 4px}
 body[data-view=gift] .recipient-read-note{display:block;position:static;order:5;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 70%);color:var(--muted);font-size:.75rem;padding:5px 4px;line-height:1.4;min-height:32px;margin-top:0}
 .recipient-arch{top:122px;bottom:78px;width:84vw;max-width:420px;border-radius:230px 230px 40px 40px;box-shadow:0 0 0 10px color-mix(in srgb,var(--bg),transparent 55%),0 0 0 11px color-mix(in srgb,var(--accent),transparent 92%)}
 .party-ribbon{width:130px;top:80px;left:-55px;opacity:.45}.party-ribbon-right{left:auto;right:-60px;top:150px;width:140px}
 .party-cutouts i:nth-child(2){left:13%;top:13%}.party-cutouts i:nth-child(3){left:85%;top:17%}.party-cutouts i:nth-child(6){left:20%;top:69%}.party-cutouts i:nth-child(9){left:16%}
 .invitation-layout{padding:36px 20px 28px}.invitation-delivery{font-size:.75rem;margin-bottom:32px;letter-spacing:.6px}
 .invitation-envelope{padding:29px 22px 33px 50px;min-height:265px;width:min(550px,86vw)}
 .envelope-address h2{font-size:clamp(32px,11vw,54px);letter-spacing:-1.5px;margin-bottom:10px}.envelope-address>#invitation-title{font-size:1rem;line-height:1.45;margin-bottom:12px}.envelope-address>#invitation-from{font-size:.75rem}
 .envelope-ribbon{left:20px;width:16px}.envelope-ribbon::after{left:-21px;height:16px}.envelope-seal{left:6px;width:44px;height:44px;bottom:28px}.envelope-edition{font-size:.5rem;right:20px}
 .invitation-open{margin-top:36px;font-size:.9375rem;min-height:50px;padding:15px 25px}#invitation-inside{font-size:.75rem;max-width:260px;margin-top:15px}
}
@media(max-width:760px) and (max-height:620px){
 body[data-view=gift] .experience-grid{padding-top:14px;padding-bottom:12px;gap:3px}
 body[data-view=gift] .recipient-stage-whisper{display:none}
 body[data-view=gift] .gift-secondary-actions{margin-top:6px}
}
@media(max-height:620px) and (min-width:761px){
 body[data-view=gift] .experience-grid{padding-top:18px}.recipient-letter{padding:22px;max-height:350px;overflow:auto;top:40%}.recipient-letter h2{font-size:1.0625rem;margin-bottom:12px}.recipient-letter>#recipient-letter-text{font-size:.875rem;line-height:1.5}.recipient-letter-signature{margin-top:14px}.recipient-album{top:40%}.recipient-album>.eyebrow{margin-bottom:15px}.recipient-album>#recipient-album-hint{margin-top:15px}
}
@media(max-height:540px) and (orientation:landscape){
 body[data-view=gift] .experience-grid,body[data-view=gift][data-owner-preview=true] .experience-grid{flex-direction:row;align-items:center;padding:18px 28px;min-height:100svh;gap:28px}
 body[data-view=gift] .story-copy{width:42%;flex:none;max-width:none}
 body[data-view=gift] .story-copy h1>span,body[data-view=gift] .story-copy h1 em{display:block;margin-left:0}
 body[data-view=gift] .story-copy h1{font-size:29px}
 body[data-view=gift] .play-area{width:55%;margin:0;flex:1}
 body[data-view=gift] .machine,body[data-view=gift][data-owner-preview=true] .machine{width:clamp(110px,calc((100svh - 185px)/1.5),210px)}
 body[data-view=gift] .recipient-letter,body[data-view=gift] .recipient-album{display:none}
 body[data-view=gift] .play-button{font-size:.8125rem;min-height:40px;padding:10px 20px}.recipient-arch{left:72%;top:18px;bottom:18px;width:42vw}
 body[data-view=gift] .recipient-stage-whisper{display:none}
 body[data-view=gift] .sound-button{position:static;transform:none;padding:5px 8px;margin:5px 0 0;min-height:27px;font-size:.6875rem;order:4}
 body[data-view=gift] .recipient-read-note{display:block;position:static;order:5;border:0;background:none;color:var(--muted);font-size:.6875rem;min-height:28px;padding:5px}
 .invitation-layout{padding:18px;gap:0}.invitation-delivery{margin-bottom:16px}.invitation-envelope{min-height:190px;width:min(420px,66vw);padding:20px 30px 15px 60px}.envelope-ribbon::after{width:min(420px,66vw)}.envelope-address h2{font-size:34px}.envelope-address{padding-bottom:40px}.envelope-address>#invitation-title{font-size:.875rem;margin-bottom:8px}.envelope-address>#invitation-from{font-size:.6875rem}.invitation-open{margin-top:20px;min-height:44px;padding:12px 24px}#invitation-inside{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
 .gift-unwrapping{display:none!important}
 body[data-gift-arrival=reveal] .experience-grid,body[data-gift-arrival=reveal] .party-cutouts i,.recipient-keepsake{animation:none!important;transition:none!important}
}