.experience-invitation{position:fixed;inset:0;z-index:90;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:var(--ex-bg);color:var(--ex-ink);font:14px/1.7 var(--sans)}.ex-landscape,.ex-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.ex-landscape{background:var(--decor-image) center 90% /cover;filter:saturate(.7) brightness(.6);transition:filter 1.4s,background-position 1.6s,opacity 1s}.ex-shade{z-index:-1;background:linear-gradient(90deg,var(--ex-bg) 0,color-mix(in srgb,var(--ex-bg) 75%,transparent) 55%,transparent),linear-gradient(0deg,var(--ex-bg),transparent 55%)}.experience-invitation[data-light-palette=true] .ex-landscape{filter:saturate(.75) brightness(.98)}.experience-invitation[data-light-palette=true] .ex-shade{background:linear-gradient(90deg,var(--ex-bg),color-mix(in srgb,var(--ex-bg) 70%,transparent) 65%,color-mix(in srgb,var(--ex-bg) 35%,transparent))}.experience-invitation:not([data-step="0"]) .ex-landscape{filter:saturate(1) brightness(.95);background-position:50% 75%}.experience-invitation:is([data-step="4"],[data-step="5"]) .ex-landscape{opacity:.3}.ex-banner{justify-content:center;gap:16px;flex-wrap:wrap;min-height:32px;padding:4px 12px;background:#fff1cc;color:#724b22;font-size:11px}.ex-banner,.ex-header{display:flex;align-items:center}.ex-header{justify-content:space-between;padding:15px max(22px,5vw);border-bottom:1px solid color-mix(in srgb,var(--ex-accent) 30%,transparent);gap:20px;flex-shrink:0}.ex-header>span{flex:1 1;font:500 clamp(20px,3vw,30px) /1.15 var(--script);overflow-wrap:anywhere}.ex-header .demo-home-link{position:static}.ex-header>div{display:flex;flex-shrink:0;gap:6px}.ex-header button{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--ex-accent) 40%,transparent);border-radius:50%;background:var(--ex-bg);color:inherit}.ex-body{position:relative;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:45px max(24px,7vw) 70px}.ex-body>section{max-width:1100px;min-height:100%;margin:auto;align-content:center;position:relative;z-index:1}.experience-invitation [hidden]{display:none!important}.experience-invitation small{color:var(--ex-accent);font:500 11px/1.6 var(--sans);letter-spacing:.12em}.experience-invitation :is(h1,h2){font:500 clamp(43px,7vw,100px) /1 var(--serif);letter-spacing:-.035em;margin:14px 0 24px;max-width:820px;overflow-wrap:anywhere;color:inherit}.experience-invitation :is(h1,h2) i{color:var(--ex-accent);font-weight:500}.ex-body p{max-width:500px;line-height:1.8;margin:14px 0 22px}.ex-album-copy>button,.ex-body>section>:is(button:not(.ex-photo),a),.ex-invitation-copy>button,.ex-photo-controls>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid color-mix(in srgb,var(--ex-accent) 60%,transparent);border-radius:25px;background:var(--ex-bg);color:var(--ex-ink);font:500 13px/1.6 var(--sans);margin:6px 10px 6px 0;text-decoration:none}.ex-body .ex-primary,.experience-invitation .w-rsvp .w-primary{background:var(--ex-accent)!important;color:var(--ex-bg)!important}.ex-families{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:640px}.ex-families>div{display:grid;grid-template-rows:auto 1fr 1fr auto;gap:8px;align-items:start}.ex-families p{font:500 23px/1.3 var(--serif);margin:0}.ex-families address{font-style:normal;font-size:12px;line-height:1.5}.ex-schedule{max-width:500px;margin:18px 0}.ex-schedule>div{display:flex;align-items:baseline;gap:24px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--ex-accent) 25%,transparent)}.ex-schedule dt{font:500 28px var(--serif);color:var(--ex-accent)}.ex-schedule dd{margin:0}.ex-album{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%}.ex-album[data-custom-layout=true]{display:block;align-content:start}.ex-album[data-custom-layout=true] .ex-album-copy>button{margin-top:24px}.ex-photo{border:0;padding:0;background:transparent;color:inherit;overflow:hidden}.ex-photo,.ex-photo img{display:block;width:100%}.ex-photo img{height:auto;max-height:65dvh;object-fit:contain;border-radius:40% 40% 2px 2px}.ex-photo-controls{display:flex;gap:8px}.ex-album .ex-photo-controls button{width:44px;padding:5px}.experience-invitation nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,var(--ex-accent) 30%,transparent);padding:6px 12px max(8px,env(safe-area-inset-bottom));flex-shrink:0;z-index:2;background:color-mix(in srgb,var(--ex-bg) 90%,transparent)}.experience-invitation nav button{border:0;background:transparent;color:inherit;padding:8px 12px;min-height:44px;font:12px var(--sans)}.experience-invitation nav button[aria-current]{color:var(--ex-accent);box-shadow:inset 0 -1px var(--ex-accent)}.ex-invitation-copy{position:relative;width:min(100%,500px)}.ex-invitation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:5%}.ex-invitation-copy{grid-area:1/1}.experience-invitation .ex-invitation-copy h2{font-family:var(--script);letter-spacing:normal}.ex-portrait{grid-area:1/2;width:min(100%,420px);justify-self:center}.ex-portrait>.hero-main-photo{display:block;width:100%;aspect-ratio:4/5;max-height:65dvh;object-fit:cover;object-position:center 64%;border-radius:48% 48% 4px 4px;box-shadow:0 16px 50px #0004}.ex-portrait>.hero-photo-frame{--w-surface:color-mix(in srgb,#fdf8ed 87%,var(--ex-bg));--frame-ink:#494335}.ex-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0}.experience-invitation:not([data-step="0"]) .ex-atmosphere{opacity:1}[data-motion=lantern] .ex-atmosphere{background:radial-gradient(ellipse at 76% 62%,#ffc17965,transparent 42%);transition:opacity 1.6s}[data-motion=tide] .ex-atmosphere{background:linear-gradient(164deg,transparent 52%,#b4e8dc6b 56%,#72b9bd30 60%,transparent 67%);transition:transform 1.6s,opacity 1.2s;transform:translateY(24%) skewY(-6deg)}[data-motion=tide]:not([data-step="0"]) .ex-atmosphere{transform:translateY(-4%) skewY(-6deg)}[data-motion=mist] .ex-atmosphere{background:radial-gradient(ellipse at 55% 65%,#e5daf7a1,transparent 58%);opacity:1;transition:transform 1.8s,opacity 1.6s}[data-motion=mist]:not([data-step="0"]) .ex-atmosphere{transform:translateX(62%);opacity:.32}[data-motion=sunset] .ex-atmosphere{background:radial-gradient(ellipse at 74% 70%,#ff8e585f,transparent 49%);transition:opacity 1.6s}[data-motion=stars] .ex-atmosphere{background:radial-gradient(circle at 78% 16%,#fff5d5 0 2px,transparent 3px),radial-gradient(circle at 86% 34%,#e9edff 0 1px,transparent 2px),radial-gradient(circle at 71% 39%,#fff1cc 0 2px,transparent 3px),radial-gradient(circle at 92% 55%,#fff1cc 0 1px,transparent 2px),radial-gradient(circle at 57% 23%,#e5e7ff 0 1px,transparent 2px);transition:opacity 1.9s}[data-motion=rain] .ex-atmosphere{background:repeating-linear-gradient(113deg,transparent 0 24px,#c5e5e514 25px,transparent 26px 70px);opacity:.85;transition:transform 1.3s,opacity 1.3s}[data-motion=rain]:not([data-step="0"]) .ex-atmosphere{opacity:0;transform:translateY(28%)}[data-motion=bloom] .ex-atmosphere,[data-motion=garden] .ex-atmosphere{background:radial-gradient(ellipse at 78% 66%,color-mix(in srgb,var(--ex-accent) 32%,transparent),transparent 47%);transition:opacity 1.2s,transform 1.6s;transform:scale(.65)}[data-motion=bloom]:not([data-step="0"]) .ex-atmosphere,[data-motion=garden]:not([data-step="0"]) .ex-atmosphere{transform:scale(1.2)}[data-motion=pages] .ex-portrait>.hero-main-photo{border-radius:2px;border:8px solid #faebd7;transform:rotate(4deg)}[data-motion=postmark] .ex-portrait>.hero-main-photo{border-radius:0;border:6px solid #faebd7;transform:rotate(-3deg)}[data-motion=sunset] .ex-portrait>.hero-main-photo,[data-motion=tide] .ex-portrait>.hero-main-photo{border-radius:2px 32% 2px 32%}.ex-invitation :is(h2,small){overflow-wrap:anywhere}@media (max-width:650px){.ex-invitation{display:block}.ex-portrait{width:min(42%,165px);float:right;margin:8px 0 10px 14px}.ex-portrait:has(>[data-multi=true]){width:min(100%,290px);float:none;margin:0 auto 26px}.ex-invitation-copy{width:auto}.experience-invitation .ex-invitation-copy h2{font-size:clamp(32px,9.5vw,46px)}}.ex-lightbox{border:0;padding:16px;background:var(--ex-bg);color:var(--ex-ink);max-width:94vw;max-height:94dvh}.ex-lightbox::backdrop{background:#000b}.ex-lightbox img{display:block;max-width:85vw;max-height:80dvh;object-fit:contain}.ex-lightbox button{display:block;margin:0 0 10px auto;width:44px;height:44px;color:inherit;background:transparent;border:1px solid;border-radius:50%}.experience-invitation .w-rsvp{max-width:560px;padding:20px;background:color-mix(in srgb,var(--ex-bg) 90%,#fff);color:var(--ex-ink);border-radius:10px}.experience-invitation .w-rsvp h2{font-size:30px}.experience-invitation blockquote{max-width:650px;border-left:1px solid var(--ex-accent);padding:0 0 0 22px;margin:20px 0;font:italic 30px/1.3 var(--serif);overflow-wrap:anywhere}.ex-token{position:absolute;right:12%;bottom:20%;width:100px;height:100px;pointer-events:none;opacity:.35;transition:transform 1.8s cubic-bezier(.2,.8,.2,1),opacity 1s,filter 1s;z-index:1}.ex-token :is(i,b,em){position:absolute;display:block}.ex-token i{inset:15%;background:var(--ex-accent);border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--ex-accent) 50%,transparent)}.ex-token b{inset:0;border:1px solid var(--ex-accent);border-radius:50%}.ex-token em{inset:38%;background:#fff6d3;border-radius:50%}.experience-invitation:not([data-step="0"]) .ex-token{opacity:.9;transform:translate(-15%,-30%) rotate(25deg)}.experience-invitation[data-step="6"] .ex-token{transform:translate(35%,-150%) scale(.4);filter:drop-shadow(0 0 18px var(--ex-accent));transition-duration:3s}[data-motion=lantern] .ex-token i{clip-path:polygon(0 30%,25% 40%,30% 0,50% 35%,75% 0,80% 40%,100% 30%,80% 90%,50% 100%,20% 90%);border-radius:0;background:linear-gradient(45deg,#c37043,var(--ex-accent))}[data-motion=lantern] .ex-token b{border:0;inset:72% 10% 14%;background:var(--ex-accent);filter:blur(6px)}[data-motion=lantern] .ex-token em{inset:4% 44% 56%;border-radius:75% 25% 65% 35%;background:#fff2b6;box-shadow:0 0 22px 6px #ffb855a6;opacity:0;transition:opacity .65s}[data-motion=lantern]:not([data-step="0"]) .ex-token em{opacity:1}.experience-invitation:is([data-step="4"],[data-step="5"],[data-step="7"]) .ex-token{opacity:.2}[data-motion=tide] .ex-token{width:220px;height:100px;right:5%}[data-motion=tide] .ex-token :is(i,b,em){background:transparent;border:1px solid var(--ex-accent);border-radius:50%;transform:rotate(-15deg);box-shadow:none;inset:15% 0}[data-motion=tide] .ex-token b{inset:28% 0 0}[data-motion=mist] .ex-token{width:60%;height:180px;right:-10%;filter:blur(28px)}[data-motion=mist] .ex-token i{opacity:.3}[data-motion=mist] .ex-token :is(b,em){display:none}[data-motion=sunset] .ex-token{width:180px;height:180px}[data-motion=sunset] .ex-token i{background:linear-gradient(var(--ex-accent),#d8785a);box-shadow:0 0 55px #dd8b63aa}[data-motion=sunset] .ex-token b{inset:65% -20% 10%;border-radius:0;border-width:1px 0 0}[data-motion=garden] .ex-token i{border-radius:100% 0 100% 0;transform:rotate(-25deg)}[data-motion=garden] .ex-token b{border-radius:0 100% 0 100%;transform:translateX(40%)}[data-motion=stars] .ex-token i{clip-path:polygon(50% 0,60% 37%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 37%);border-radius:0}[data-motion=stars] .ex-token b{inset:-20%;transform:rotateX(65deg) rotate(-20deg)}[data-motion=postmark] .ex-token i{border-radius:2px;background:transparent;border:1px dashed var(--ex-accent);box-shadow:none}[data-motion=postmark] .ex-token b{border-radius:0;border-width:1px 0;transform:rotate(-20deg)}[data-motion=rain] .ex-token i{border-radius:0 60% 60%;transform:rotate(45deg);background:linear-gradient(120deg,#ffffff55,transparent)}[data-motion=pages] .ex-token i{border-radius:2px;transform:rotate(-12deg);background:linear-gradient(90deg,var(--ex-accent) 48%,#8f7060 50%,var(--ex-accent) 52%);box-shadow:7px 7px #a78a6755}[data-motion=pages] .ex-token b{border-radius:2px;transform:rotate(7deg)}[data-motion=bloom] .ex-token i{border-radius:10% 80%;transform:rotate(35deg)}[data-motion=bloom] .ex-token b{border-radius:10% 80%;transform:rotate(-55deg);background:color-mix(in srgb,var(--ex-accent) 40%,transparent)}.ex-body>section:not([hidden]){animation:experience-enter .75s cubic-bezier(.2,.8,.2,1) both}[data-motion=pages] .ex-body>section:not([hidden]){animation-name:experience-page}[data-motion=postmark] .ex-body>section:not([hidden]){animation-name:experience-travel}[data-motion=mist] .ex-body>section:not([hidden]),[data-motion=rain] .ex-body>section:not([hidden]){animation-name:experience-clear}[data-motion=bloom] .ex-body>section:not([hidden]),[data-motion=garden] .ex-body>section:not([hidden]){animation-name:experience-unfold}[data-section-effect=none] .ex-body>section:not([hidden]),[data-section-effect=stagger] .ex-body>section:not([hidden]){animation:none}[data-section-effect=none] :is(.ex-landscape,.ex-atmosphere,.ex-token,.ex-token em){transition:none}[data-section-effect=fade] .ex-body>section:not([hidden]){animation-name:experience-fade}[data-section-effect=rise] .ex-body>section:not([hidden]){animation-name:experience-enter}[data-section-effect=glide] .ex-body>section:not([hidden]){animation-name:experience-travel}[data-section-effect=glide] .ex-body>section:nth-child(2n){--ex-travel:-35px}[data-section-effect=zoom] .ex-body>section:not([hidden]){animation-name:experience-unfold}[data-section-effect=wave] .ex-body>section:not([hidden]){animation-name:section-motion-wave}[data-section-effect=stagger] .ex-body>section:not([hidden])>*{animation:experience-enter .65s cubic-bezier(.2,.8,.2,1) both}[data-section-effect=stagger] .ex-body>section:not([hidden])>:nth-child(2){animation-delay:65ms}[data-section-effect=stagger] .ex-body>section:not([hidden])>:nth-child(3){animation-delay:.13s}[data-section-effect=stagger] .ex-body>section:not([hidden])>:nth-child(n+4){animation-delay:195ms}@keyframes experience-fade{0%{opacity:0}to{opacity:1}}@keyframes experience-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes experience-page{0%{opacity:0;transform:perspective(1200px) rotateY(-12deg);transform-origin:left}to{opacity:1;transform:none}}@keyframes experience-travel{0%{opacity:0;transform:translateX(var(--ex-travel,35px))}to{opacity:1;transform:none}}@keyframes experience-clear{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes experience-unfold{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:650px){.ex-body{padding:25px 24px 60px}.ex-body :is(h1,h2){font-size:49px}.ex-header{padding:10px 18px}.ex-album{grid-template-columns:1fr;gap:18px}.ex-photo img{max-height:45dvh}.ex-album h2{font-size:36px}.ex-token{right:3%;bottom:16%;width:65px;height:65px}.ex-families{gap:20px}.ex-families p{font-size:19px}.experience-invitation nav{gap:0}.experience-invitation nav button{padding:8px 10px}.ex-header>span{font-size:22px}}@media (prefers-reduced-motion:reduce){.experience-invitation *{animation:none!important;transition:none!important}}.experience-preview{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:20%;isolation:isolate;color:var(--experience-cover-ink);text-align:center;background:var(--experience-cover-paper) var(--experience-art) center/cover}.experience-preview:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(color-mix(in srgb,var(--experience-cover-paper) 70%,transparent),color-mix(in srgb,var(--experience-cover-paper) 94%,transparent))}.experience-preview strong{font:500 clamp(22px,4cqw,42px) /1.08 var(--serif)}.experience-preview small{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:20px}.experience-preview i{display:block;margin-top:20px;font:italic 16px var(--serif)}.wedding[data-wax-design]{min-height:100svh}.wax-opening-screen{position:fixed;inset:0;z-index:100;display:grid;min-height:100svh;place-items:center;background:#201517;background:radial-gradient(ellipse at 50% 42%,#554141,#201517 72%)}.wedding[data-invitation-stage=revealing]>.wax-opening-screen{animation:wax-reveal-content .6s ease-in-out both}.wax-opening-screen>.wax-envelope{width:min(100%,35rem);height:100svh;max-height:62rem}.wedding:has(>.draft-banner)>.wax-opening-screen{padding-top:2rem}.wedding:has(>.draft-banner)>.wax-opening-screen>.wax-envelope{height:calc(100svh - 2rem)}.wedding:has(>.demo-banner)>.wax-opening-screen{padding-top:calc(56px + env(safe-area-inset-top))}.wedding:has(>.demo-banner)>.wax-opening-screen>.wax-envelope{height:calc(100svh - 56px - env(safe-area-inset-top))}.wax-envelope{container-type:inline-size;isolation:isolate;position:relative;overflow:hidden;color:#fff5df;background:var(--wax-paper);perspective:950px}.premium-cover-art>.wax-envelope,.wax-envelope-art{position:absolute;inset:0}.wax-envelope-art{background:var(--wax-art) center /cover no-repeat;opacity:.45;mix-blend-mode:luminosity}.wax-flap,.wax-fold,.wax-light{position:absolute;inset:0;pointer-events:none}.wax-fold{backface-visibility:hidden}.wax-fold-left{clip-path:polygon(0 0,53% 51%,0 100%);background:linear-gradient(115deg,transparent,#140609d9);transform-origin:left center}.wax-fold-right{clip-path:polygon(100% 0,47% 51%,100% 100%);background:linear-gradient(245deg,transparent,#140609dc);transform-origin:right center}.wax-fold-bottom{clip-path:polygon(0 100%,50% 49%,100% 100%);background:linear-gradient(0deg,#10070ad9,var(--wax-paper));opacity:.84;transform-origin:center bottom}.wax-flap{height:51%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(152deg,var(--wax-paper),#170b14);transform-origin:center top;backface-visibility:hidden}.wax-envelope:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom right,transparent 49.83%,var(--wax-metal) 50%,transparent 50.17%),linear-gradient(to bottom left,transparent 49.83%,var(--wax-metal) 50%,transparent 50.17%);opacity:.45}.wax-cover-copy{position:absolute;top:13%;inset-inline:12%;display:grid;gap:.5rem;text-align:center;text-shadow:0 1px 8px #160610}.wax-cover-copy small,.wax-cover-copy span{font-size:clamp(.57rem,2.5cqi,.82rem);letter-spacing:.16em}.wax-cover-copy strong{font-family:var(--font-cormorant),Georgia,serif;font-size:clamp(1rem,6.6cqi,2.25rem);font-weight:500;text-wrap:balance;overflow-wrap:anywhere}.wax-open,.wax-preview-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wax-open{display:grid;place-items:center;border:0;padding:0;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation}.wax-open:disabled{cursor:default;opacity:1}.wax-open:focus-visible{border-radius:50%;outline:2px solid #fff5df;outline-offset:6px}.wax-seal{display:grid;place-items:center;width:clamp(2.1rem,18cqi,5.4rem);aspect-ratio:1;border:3px double #fff0c9;border-radius:44% 49% 46% 51%/50% 43% 50% 47%;box-shadow:inset 0 0 0 4px #9658206b,inset 0 0 0 6px #ffe7ac91,0 6px 19px #14060d99;color:#553018;font:500 clamp(1rem,9cqi,2.55rem) /1 Georgia,serif;background:radial-gradient(circle at 36% 30%,#fff1c9,var(--wax-metal) 47%,#aa6d36)}.wax-open-label{position:absolute;top:calc(100% + 1.3rem);white-space:nowrap;padding:.36rem .7rem;border-radius:2rem;color:#fff5df;background:#201218d9;font-size:.78rem}.wax-envelope-letter{position:absolute;inset:9% 11% 11%;border:5px double #b88b54;background:linear-gradient(145deg,#fff9ed,#f9e9ce);box-shadow:0 12px 40px #15071030,inset 0 0 0 8px #fffbf0;transform:scale(.985);opacity:0}.wax-light{z-index:2;opacity:0;background:radial-gradient(ellipse 33% 20% at 50% 50%,#fff4ccbf,#efac4870 24%,transparent 75%)}.wax-envelope[data-opening] .wax-open{animation:wax-unseal .42s cubic-bezier(.22,.7,.25,1) both}.wax-envelope[data-opening] .wax-flap{animation:wax-lift .95s cubic-bezier(.25,.7,.25,1) .2s both}.wax-envelope[data-opening] .wax-cover-copy,.wax-envelope[data-opening]:after{animation:wax-fade .3s ease-out both}.wax-envelope[data-opening] .wax-fold-left{animation:wax-unfold-left .9s cubic-bezier(.25,.7,.25,1) .28s both}.wax-envelope[data-opening] .wax-fold-right{animation:wax-unfold-right .9s cubic-bezier(.25,.7,.25,1) .34s both}.wax-envelope[data-opening] .wax-fold-bottom{animation:wax-unfold-bottom .85s cubic-bezier(.25,.7,.25,1) .42s both}.wax-envelope[data-opening] .wax-envelope-letter{animation:wax-letter-appear .8s cubic-bezier(.22,.7,.25,1) .4s both}.wax-envelope[data-opening] .wax-light{animation:wax-glow 1.15s ease-in-out .24s both}@keyframes wax-unseal{to{transform:translate(-50%,-58%) scale(1.06) rotate(-5deg);opacity:0}}@keyframes wax-lift{to{transform:rotateX(160deg);opacity:0}}@keyframes wax-unfold-left{to{transform:rotateY(-105deg);opacity:0}}@keyframes wax-unfold-right{to{transform:rotateY(105deg);opacity:0}}@keyframes wax-unfold-bottom{to{transform:rotateX(-100deg);opacity:0}}@keyframes wax-fade{to{opacity:0}}@keyframes wax-letter-appear{to{transform:scale(1);opacity:1}}@keyframes wax-glow{35%{opacity:.28}to{opacity:0}}@keyframes wax-reveal-content{to{opacity:0}}.wax-letter-hero{display:grid;justify-items:center;gap:1rem;width:min(calc(100% - 2rem),40rem);margin:1.5rem auto 0;padding:clamp(1.5rem,6vw,3rem) 1rem;border:5px double color-mix(in srgb,var(--wax-metal),var(--w-ink) 28%);color:var(--w-ink);background:var(--w-bg);text-align:center}.wax-letter-hero h1{display:grid;margin:0;font-size:clamp(2.3rem,8vw,5rem);font-family:var(--serif,var(--font-cormorant)),Georgia,serif;font-weight:500;line-height:1.06;overflow-wrap:anywhere}.wax-letter-hero h1 i{font-size:.65em}.wax-letter-hero h1:focus-visible{outline:1px solid currentColor;outline-offset:.45rem}.wax-letter-custom-frame{width:min(100%,25rem)}.wax-letter-mark{font:1.65rem Georgia,serif}.wax-letter-date{letter-spacing:.2em}.wax-letter-photo{width:min(100%,16rem);aspect-ratio:4/5;object-fit:cover;border-radius:48% 48% 1rem 1rem/42% 42% 1rem 1rem;border:4px double color-mix(in srgb,var(--wax-metal),var(--w-ink) 20%)}.wax-letter-guest strong{display:block}@media (prefers-reduced-motion:reduce){.wax-envelope[data-opening] *,.wax-envelope[data-opening]:after,.wedding[data-invitation-stage=revealing]>.wax-opening-screen{animation:none}}.calendar-settings{margin-bottom:22px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#f8faf4}.wedding-calendar{width:min(100%,340px);margin:28px auto;padding:18px clamp(10px,4vw,23px) 16px;border:1px solid color-mix(in srgb,var(--w-ink) 25%,transparent);border-radius:10px;background:var(--w-bg);color:var(--w-ink);text-align:center;font-family:var(--sans)}.wedding-calendar table{width:100%;min-width:0;text-align:center;table-layout:fixed;border-collapse:collapse}.wedding-calendar caption{padding-bottom:12px}.wedding-calendar caption span{display:block;font-size:9px;font-weight:600;letter-spacing:.13em}.wedding-calendar caption strong{display:block;margin-top:3px;font:600 clamp(24px,6vw,32px) /1.1 var(--serif)}.wedding-calendar th{height:27px;padding:0;border-bottom:1px solid color-mix(in srgb,var(--w-ink) 20%,transparent);color:inherit;font-size:10px;font-weight:600}.wedding-calendar td{height:35px;padding:0;border:0;text-align:center;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wedding-calendar time{display:inline-grid;width:30px;max-width:100%;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--w-ink);color:var(--w-on-ink);font-weight:600}.wedding-calendar-legend{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:10px}.wedding-calendar-legend:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.experience-invitation .wedding-calendar{margin-inline:0}.cover-line-art{display:block;pointer-events:none}.cover-line-art path{stroke:currentColor;stroke-width:var(--drawing-stroke-width,1.8);stroke-linecap:round;stroke-linejoin:round}.cover-line-art[data-drawing-animated=true] path{stroke-dasharray:1;animation:cover-line-draw var(--drawing-duration,1.6s) ease-out calc(var(--drawing-delay, .14s) + var(--drawing-stroke-index, 0) * var(--drawing-stagger, .12s)) both}@keyframes cover-line-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.cover-line-art.love-notes-thread{--drawing-delay:350ms}.love-notes-thread[data-cover-drawing=love-thread]{--drawing-stroke-width:1.4}.cover-leaf-mark{--drawing-stroke-width:1.3;--drawing-duration:950ms}.cover-leaf-mark.secondary-motif{--drawing-delay:290ms}.art-heritage .cover-happiness-mark{--drawing-stroke-width:5.8;--drawing-duration:520ms;--drawing-stagger:66ms;width:21cqw;height:21cqw}.cover-happiness-mark path{stroke-linecap:square}.w-cover-guest[data-drawing-copy=true]>*,[data-drawing-copy=true] :is(.art-kicker,.art-names>*,.art-date,.art-footer){-webkit-mask-image:linear-gradient(90deg,#000 46%,transparent 54%);mask-image:linear-gradient(90deg,#000 46%,transparent 54%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:240% 100%;mask-size:240% 100%;animation:cover-ink-write var(--ink-duration,.42s) cubic-bezier(.25,.6,.45,1) var(--ink-delay,.23s) both}[data-drawing-copy=true] .art-names>*{width:fit-content;max-width:100%;margin-inline:auto;white-space:normal;overflow-wrap:anywhere}[data-drawing-copy=true] .art-names>b:first-child{--ink-delay:480ms;--ink-duration:580ms}[data-drawing-copy=true] .art-names>i{--ink-delay:830ms}[data-drawing-copy=true] .art-names>b:last-child{--ink-delay:1000ms;--ink-duration:580ms}[data-drawing-copy=true] .art-date{--ink-delay:1330ms}[data-drawing-copy=true] .art-footer{--ink-delay:1490ms}.w-cover-guest[data-drawing-copy=true]>small{--ink-delay:1520ms}.w-cover-guest[data-drawing-copy=true]>strong{--ink-delay:1710ms;--ink-duration:500ms}@keyframes cover-ink-write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.cover-line-art.cover-line-ornament{width:clamp(88px,28vw,128px);height:clamp(44px,13vw,64px);margin:8px auto 0;color:var(--w-ink);opacity:.8}.ex-opening .cover-line-art.cover-line-ornament{margin:0 0 8px}.cover-drawing-settings{min-width:0;margin:0;padding:0;border:0}.cover-drawing-panel>summary{font-weight:600;cursor:pointer}.cover-drawing-settings>p{margin:7px 0 12px}.cover-drawing-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,75px),1fr));gap:6px}.cover-drawing-choice{position:relative;display:grid;min-width:0;justify-items:center;gap:2px;padding:6px 4px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:#485840;text-align:center;font-size:10px;line-height:1.3;cursor:pointer}.cover-drawing-choice[data-selected=true]{border-color:#6d845e;background:#edf2e8}.cover-drawing-choice:has(input:focus-visible){outline:2px solid #4f6546;outline-offset:1px}.cover-drawing-swatch{display:grid;width:min(100%,84px);height:40px;place-items:center}.cover-drawing-swatch .cover-line-art{width:100%;height:100%}.cover-drawing-check{position:absolute;top:4px;right:4px}.cover-drawing-settings>.btn{margin-top:11px}@media (prefers-reduced-motion:reduce){.cover-line-art[data-drawing-animated=true] path{stroke-dasharray:none;animation:none}.w-cover-guest[data-drawing-copy=true]>*,[data-drawing-copy=true] :is(.art-kicker,.art-names>*,.art-date,.art-footer){-webkit-mask-image:none;mask-image:none;animation:none}}.wedding[data-free-stationery=ocean]{--free-cover-surface:linear-gradient(0deg,#fff7e625,#fff9ee12),url(/assets/coastal-still-life.jpg) center /cover;--free-hero-surface:linear-gradient(110deg,#0c303cf2,#15525bd9),url(/assets/coastline.jpg) center /cover;--free-hero-ink:#fff9e9;--free-matte:#f9f4e6;--free-matte-ink:#285460;--free-portrait-radius:47% 47% 6px 6px}.wedding[data-free-stationery=ivory]{--free-cover-surface:radial-gradient(ellipse at 50% 15%,#fffcf4cf,#dce3ccba),url(/assets/decor/linen.webp) center /cover;--free-hero-surface:linear-gradient(115deg,#fcf8ebee,#e1e7d6dc),url(/assets/decor/linen.webp) center /cover;--free-hero-ink:#41513b;--free-matte:#fffcf1;--free-matte-ink:#46573a;--free-portrait-radius:4px}.wedding[data-free-stationery=rose]{--free-cover-surface:radial-gradient(ellipse at 48% 24%,#fff9f0,#f1d6d5 84%);--free-hero-surface:radial-gradient(ellipse at 78% 0%,#fff7ef,#f2dcdc 85%);--free-hero-ink:#723946;--free-matte:#fff8f2;--free-matte-ink:#723946;--free-portrait-radius:24% 24% 7px 7px}.wedding[data-free-stationery=garden]{--free-cover-surface:radial-gradient(ellipse at 50% 42%,#fffae9,#cdddc0);--free-hero-surface:radial-gradient(ellipse at 18% 30%,#faf5e3,#d9e5cd);--free-hero-ink:#36523d;--free-matte:#fcfaed;--free-matte-ink:#36523d;--free-portrait-radius:49% 49% 5px 5px}.wedding[data-free-stationery=heritage]{--free-lacquer:repeating-linear-gradient(45deg,#e7b66e13 0 1px,transparent 1px 16px),repeating-linear-gradient(-45deg,#e7b66e13 0 1px,transparent 1px 16px),radial-gradient(ellipse at 50% 8%,#a83537,#6e1f27 95%);--free-cover-surface:var(--free-lacquer);--free-hero-surface:var(--free-lacquer);--free-hero-ink:#ffe7b7;--free-matte:#812a30;--free-matte-ink:#ffe7b7;--free-portrait-radius:4px}.wedding[data-free-stationery] .w-hero{background:var(--free-hero-surface)!important;color:var(--free-hero-ink)!important}.wedding[data-free-stationery][data-cover-style=template] .w-cover{background:var(--free-cover-surface)!important}.wedding[data-free-stationery=heritage][data-cover-style=template] .w-cover :is(.w-cover-guest,.w-open-action,.cover-line-ornament){color:var(--free-hero-ink)}.free-cover-heading{width:min(430px,100%);margin-bottom:6px;color:var(--w-ink);text-align:center}.free-cover-mark,.free-hero-mark{width:72px;height:36px;margin-inline:auto}.free-cover-heading strong{display:block;font:600 clamp(27px,7vw,39px) /1.04 var(--serif);overflow-wrap:anywhere;text-wrap:balance}.free-cover-heading>span{display:block;margin-top:5px;font:italic clamp(14px,4vw,18px) /1.2 var(--serif);text-wrap:balance}.wedding[data-free-stationery=ocean][data-cover-style=template] .free-cover-heading{width:min(440px,100%);margin-bottom:34px;color:#28575b;text-shadow:0 1px 9px #fffbf0}.coastal-cover-eyebrow{display:block;font:600 8px/1.6 var(--sans);letter-spacing:.28em;margin-bottom:10px}.wedding[data-free-stationery=ocean] .free-cover-mark{display:none}.wedding[data-free-stationery=ocean] .free-cover-heading strong{display:flex;align-items:baseline;justify-content:center;gap:12px;font:500 clamp(31px,7vw,46px) /1.2 var(--script)}.wedding[data-free-stationery=ocean] .free-cover-heading strong>span{min-width:0;overflow-wrap:anywhere}.wedding[data-free-stationery=ocean] .free-cover-heading strong>i{flex:none;font:italic 500 .55em/1 var(--serif);color:#886d46}.coastal-cover-date{display:block;margin-top:13px;font:500 11px/1.5 var(--sans);letter-spacing:.25em;color:#52694e}.wedding[data-free-stationery=ocean] .free-cover-heading>span{margin-top:8px;font:italic 17px/1.4 var(--serif);color:#52694e}.wedding[data-free-stationery=ocean] .w-coastal-envelope{--mail-size:min(400px,calc(100vw - 46px));transform:rotate(3deg)}.wedding[data-free-stationery=ocean] .w-coastal-envelope.is-unsealed{transform:none}.coastal-photo-keepsake{position:absolute;z-index:6;left:1%;top:-5%;width:41%;padding:2% 2% 3%;background:#fffcf2;box-shadow:0 10px 22px #213e3540;transform:rotate(-12deg);pointer-events:none;transition:opacity .3s ease,transform .5s ease}.coastal-photo-window{display:block;aspect-ratio:4/5;overflow:hidden}.coastal-photo-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 75%}.coastal-photo-caption{display:block;padding-top:6%;color:#627259;font:500 clamp(9px,2.7vw,14px) /1.3 var(--script)}.is-unsealed .coastal-photo-keepsake{opacity:0;transform:translate(-8%,12%) rotate(-18deg)}.wedding[data-free-stationery=ocean][data-cover-style=template] .w-cover-guest{margin-top:8px;text-shadow:0 1px 10px #fffaf0}.wedding[data-free-stationery=ocean][data-cover-style=template] .w-cover-guest strong{color:#28575b;font:500 clamp(26px,6vw,34px) /1.3 var(--script)}.wedding[data-free-stationery=ocean][data-cover-style=template] .w-open-action{padding:10px 22px;border:1px solid #a6ac8f;border-radius:999px;background:#fffaf0d9;box-shadow:0 5px 16px #365e4e12;font-size:19px;color:#36584b}[data-free-stationery=ivory][data-cover-style=template] .w-coastal-envelope>img{filter:sepia(.66) hue-rotate(19deg) saturate(.68)}[data-free-stationery=rose][data-cover-style=template] .w-coastal-envelope>img{filter:sepia(.88) hue-rotate(319deg) saturate(.81)}.wedding[data-free-stationery] .w-hero header{border-color:color-mix(in srgb,currentColor 26%,transparent)}.wedding[data-free-stationery] .w-hero header>span{min-width:0;overflow-wrap:anywhere}.wedding[data-free-stationery] .w-hero header a{flex-shrink:0}.wedding[data-free-stationery] .w-hero-grid{min-width:0;gap:clamp(28px,6vw,82px)}.wedding[data-free-stationery] .w-hero-copy{min-width:0}.wedding[data-free-stationery] .w-hero h1{overflow-wrap:anywhere}.layout-coastal[data-free-stationery] .free-hero-mark{margin:0 0 6px}.layout-botanical[data-free-stationery] .free-hero-mark{margin-bottom:9px}.wedding[data-free-stationery=garden] .hero-ornament{opacity:.2}.free-hero-details{display:grid;grid-template-columns:minmax(115px,auto) minmax(0,1fr);gap:12px 18px;align-items:start;margin:23px 0 0;padding:13px 0 0;border-top:1px solid color-mix(in srgb,currentColor 26%,transparent)}.free-hero-details>div{min-width:0}.free-hero-details span{display:block;margin-bottom:5px;font-size:9px;font-weight:600;letter-spacing:.09em}.free-hero-details time{font:600 clamp(21px,4.8vw,28px) /1.1 var(--serif);white-space:nowrap}.w-hero .free-hero-details p{margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.wedding[data-free-stationery] .w-hero[data-hero-frame=template] .hero-portrait{width:min(100%,395px);min-width:0;margin-inline:auto;padding:clamp(9px,2.8vw,17px);border:1px solid color-mix(in srgb,var(--free-matte-ink) 30%,transparent);border-radius:var(--free-portrait-radius);background:var(--free-matte);color:var(--free-matte-ink);box-shadow:0 18px 45px #2e25252b}.wedding[data-free-stationery] .w-hero[data-hero-frame=template] .hero-main-photo{display:block;aspect-ratio:4/5;border:0;border-radius:inherit;transform:none}.wedding[data-free-stationery] .w-hero figcaption{margin:11px 0 1px;font:italic 600 clamp(17px,3vw,23px) /1.2 var(--serif);text-wrap:balance}.template-art[data-free-stationery=ocean] .art-paper{inset:13% 15% 10%;border-radius:46% 46% 3px 3px;transform:rotate(-3deg)}.template-art[data-free-stationery=ivory] .art-background{opacity:.38}.template-art[data-free-stationery=ivory] .art-paper{inset:12% 12%;transform:none}.template-art[data-free-stationery=rose] .art-paper{inset:13% 12% 9%;border-radius:22% 22% 4px 4px;transform:rotate(2deg)}.template-art[data-free-stationery=garden]{background:radial-gradient(ellipse at 40% 32%,#fbf4df,#c9d9bd)}.template-art[data-free-stationery=heritage]{background:repeating-linear-gradient(45deg,#edbe7514 0 1px,transparent 1px 12px),radial-gradient(ellipse at 50% 8%,#a83537,#6f2127)}.template-art[data-free-stationery].art-layout-coastal .art-paper{box-shadow:0 12px 26px #49372d29}.template-art[data-free-stationery].art-layout-coastal .art-paper:before{position:absolute;inset:5%;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:inherit;pointer-events:none;content:""}.template-art[data-free-stationery] .free-art-mark{flex:0 0 auto;width:32%;height:12cqw;margin-bottom:4%}@media (max-width:600px){.wedding.layout-coastal[data-free-stationery] .w-hero-grid{grid-template-columns:minmax(0,1fr);padding-top:28px;text-align:center}.layout-coastal[data-free-stationery] .free-hero-mark,.wedding.layout-coastal[data-free-stationery] .w-hero-copy>p{margin-inline:auto}.free-hero-details{text-align:left}.wedding[data-free-stationery]:is(.layout-botanical,.layout-heritage) .w-hero h1{font-size:clamp(40px,11vw,56px)}}@media (max-width:360px){.free-hero-details{padding-inline-end:35px}}@media (prefers-reduced-motion:reduce){.coastal-photo-keepsake{transition:none}}.layered-demo{--layer-ink:#f9f1e1;--layer-gold:#e4c492;--layer-paper:#fbf5e8;--w-bg:#fbf6ea;--w-ink:#3b5546;--w-on-ink:#fffdf6;--w-accent:#a68d62;min-height:100svh;overflow:clip;color:var(--layer-ink);background:linear-gradient(135deg,color-mix(in srgb,var(--layer-backdrop,#18392f) 94%,transparent),color-mix(in srgb,var(--layer-backdrop,#18392f) 98%,transparent)),url(/assets/decor/linen.webp) 50%/cover}.layered-demo a,.layered-demo button{-webkit-tap-highlight-color:transparent}.layered-demo [hidden]{display:none!important}.layered-demo-header{max-width:1320px;margin:auto;padding:18px 32px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px}.layered-demo-header>svg{justify-self:center}.layered-demo-brand{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 14px;min-width:0;text-align:center}.layered-demo-brand .brand-logo{width:136px;max-width:100%;color:var(--layer-gold)}.layered-demo-brand>span:last-child{color:var(--layer-ink);font:600 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;overflow-wrap:anywhere}.layered-demo-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #e4c49244;border-radius:50%;color:var(--layer-ink);background:#fff3d607;cursor:pointer}.layered-demo-icon:hover{background:#fff3d61c;border-color:#e4c49299}.layered-demo-icon:disabled{opacity:.25;cursor:default}.layered-demo-heading{padding:14px 22px 0;text-align:center}.layered-demo-heading>p{margin-bottom:12px;font-size:8px;letter-spacing:.24em;color:var(--layer-gold)}.layered-demo-heading h1{display:flex;align-items:baseline;justify-content:center;gap:22px;margin:0 0 10px;font:500 clamp(38px,4.5vw,64px) /1.2 var(--script)}.layered-demo-heading h1 i{font:italic 500 .5em/1 var(--serif);color:var(--layer-gold)}.layered-demo-heading h1>span{min-width:0;overflow-wrap:anywhere}.layered-demo .w-gift-fab{display:none}.layered-demo-heading>span{font:500 10px/1.7 var(--sans);letter-spacing:.22em;color:color-mix(in srgb,var(--layer-ink) 80%,transparent)}.layered-demo-experience{max-width:1200px;margin:auto}.layered-demo-scene{--spread-x:clamp(70px,16vw,210px);--spread-y:clamp(52px,7vw,100px);--tilt-x:0;--tilt-y:0;position:relative;height:clamp(440px,43vw,590px);perspective:1400px;touch-action:pan-y}.layered-demo-scene:before{content:"";position:absolute;inset:8% 9%;border-radius:50%;background:radial-gradient(ellipse,#c5d2a921,transparent 68%);pointer-events:none}.layered-demo-table{position:absolute;z-index:2;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--tilt-y) * -1deg)) rotateY(calc(var(--tilt-x) * 1deg));transition:transform .45s ease-out}.layered-demo-photo{--closed-x:0px;position:absolute;top:50%;left:50%;width:clamp(205px,24vw,300px);padding:0;border:0;background:transparent;color:var(--w-ink);z-index:var(--photo-order);transform:translate(-50%,-50%) rotate(var(--closed-rotation)) scale(.92);transition:transform 1.1s cubic-bezier(.22,.95,.25,1.08),filter .6s ease;cursor:pointer}.layered-demo-photo:disabled{opacity:1;cursor:default}.layered-demo-photo:focus-visible{z-index:20;outline:2px solid var(--layer-gold);outline-offset:6px}.layered-demo-photo-print{display:block;padding:9px 9px 0;background:var(--layer-paper);box-shadow:0 22px 45px #071d2380,0 2px 4px #071d2355;transform-origin:center}.layered-demo-photo-window{display:block;aspect-ratio:4/5;overflow:hidden;background:#d6dacd}.layered-demo-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}.layered-demo-photo-caption{display:block;padding:13px 4px 15px;font:500 clamp(17px,1.65vw,22px) /1.2 var(--script);text-align:center}.layered-demo-photo-caption small{display:block;font:500 6px/1.5 var(--sans);letter-spacing:.16em;margin-top:9px;color:#8a846f}.layered-demo[data-phase=opening] .layered-demo-photo{transition-delay:var(--photo-delay)}.layered-demo:not([data-phase=closed]) .layered-demo-photo{transform:translate(calc(-50% + var(--photo-x) * var(--spread-x)),calc(-50% + var(--photo-y) * var(--spread-y))) translateZ(var(--photo-depth)) rotate(var(--photo-rotation)) scale(var(--photo-scale))}.layered-demo[data-phase=open] .layered-demo-photo-print{animation:layered-paper-breathe 6s ease-in-out infinite alternate;animation-delay:var(--float-delay)}.layered-demo[data-playing=false] .layered-demo-photo-print{animation-play-state:paused}.layered-demo[data-phase=open] .layered-demo-photo:not([aria-pressed=true]){filter:brightness(.9)}.layered-demo-photo[aria-pressed=true] .layered-demo-photo-print{box-shadow:0 32px 60px #061e2399,0 3px 8px #061e2355}.layered-demo-cover{position:absolute;left:50%;top:50%;z-index:30;width:clamp(225px,26vw,320px);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 22px 22px;border:1px solid #eddec2;color:var(--w-ink);background:linear-gradient(color-mix(in srgb,var(--layer-paper) 94%,transparent),color-mix(in srgb,var(--layer-paper) 87%,transparent)),url(/assets/decor/linen.webp) 50%/cover;box-shadow:0 22px 60px #071d2370;transform:translate(-50%,-50%) rotate(-2deg) translateZ(130px);transform-origin:50% 0;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity .65s ease,visibility 0s,top .7s ease;cursor:pointer}.layered-demo-cover:disabled{opacity:1;cursor:default}.layered-demo-cover-border{position:absolute;inset:12px;border:1px solid #8c97734a;pointer-events:none}.layered-demo-cover-eyebrow{font:500 7px/1.6 var(--sans);letter-spacing:.23em;color:#828666}.layered-demo-cover strong{margin-top:17px;font:500 clamp(35px,4vw,52px) /.98 var(--serif);letter-spacing:-.02em;text-align:center}.layered-demo-cover strong em{display:block;margin-top:4px;color:var(--w-ink);font:500 1.1em/1.15 var(--script)}.layered-demo-cover-line{width:36px;margin-top:17px;border-top:1px solid #8c97736e}.layered-demo-cover-invite{margin-top:17px;font:italic 14px/1.4 var(--serif);color:#808469}.layered-demo-cover-invite b{display:block;margin-top:3px;color:var(--w-ink);font-size:19px;font-weight:500}.layered-demo-wax{width:57px;height:57px;display:grid;place-items:center;flex:none;margin:19px 0 10px;border:3px double #dbc49b;border-radius:48% 52% 50% 46%;color:#a58351;background:#e9d9b8;box-shadow:inset 0 0 0 4px #f4e8d038,0 4px 7px #544f3929}.layered-demo-cover>small{font:500 6px/1.6 var(--sans);letter-spacing:.17em;color:#777e61}.layered-demo:not([data-phase=closed]) .layered-demo-cover{transform:translate(-50%,-110%) rotateX(58deg) rotate(-14deg) translateZ(180px);opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,1.1s}.layered-demo-paper-note{position:absolute;z-index:0;top:14%;left:12%;padding:20px 25px;color:#64735a;background:#eae8cf;font:italic 24px/1.4 var(--serif);transform:translate(30px,25px) rotate(-14deg);opacity:0;box-shadow:0 8px 25px #001d1c44;transition:transform 1.2s ease .5s,opacity 1s ease .5s}.layered-demo-paper-note em{font-family:var(--script);font-size:1.1em}.layered-demo:not([data-phase=closed]) .layered-demo-paper-note{transform:translate(0) rotate(-14deg);opacity:.9}.layered-demo-thread{position:absolute;top:12%;bottom:0;left:37%;width:23%;border:1px solid #ceb37a55;border-radius:45%;transform:rotate(35deg)}.layered-demo-bottom{position:relative;z-index:50;min-height:130px;padding:0 22px 15px;text-align:center}.layered-demo-hint{color:color-mix(in srgb,var(--layer-ink) 80%,transparent);font:italic 17px/1.5 var(--serif);margin:0 0 13px}.layered-demo-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:5px}.layered-demo-counter{display:inline-flex;align-items:baseline;gap:10px;min-width:55px;justify-content:center;font:500 21px/1 var(--serif);color:var(--layer-gold)}.layered-demo-counter i{font:500 10px/1 var(--sans);color:#94a994}.layered-demo-read{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;margin-top:20px;padding:10px 25px;border:1px solid #e4c49280;border-radius:99px;color:var(--layer-ink);background:transparent;font:500 11px/1.6 var(--sans)}.layered-demo-read:hover{background:#f1e4c911}.layered-demo-quick-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.layered-demo-quick-actions .layered-demo-read{margin-top:0}.layered-demo-details{max-width:1060px;margin:35px auto 0;padding-inline:30px;color:var(--w-ink)}.layered-details-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:26px;color:var(--layer-gold);font-size:10px}.layered-details-nav a{min-height:38px;display:inline-flex;align-items:center;border-bottom:1px solid #e5d0ac55}.layered-details-section{border-radius:10px;padding:55px clamp(22px,5vw,66px);margin-bottom:18px;background:var(--w-bg);border:1px solid #d8cbb2;box-shadow:0 15px 45px #071d2326;scroll-margin-top:20px;text-align:center;overflow-wrap:anywhere}.layered-details-eyebrow{font:600 8px/1.7 var(--sans);color:#967a4d;letter-spacing:.2em;margin-bottom:14px}.layered-details-section h2{font:500 clamp(32px,4vw,45px) /1.1 var(--serif);margin:0 0 23px}.layered-details-section>p:not([class]){max-width:520px;margin:16px auto;font:12px/1.9 var(--sans);color:#71806a}.layered-details-couple{margin:30px 0;font:500 clamp(28px,4vw,43px) /1.3 var(--script)}.layered-details-couple>span{display:block}.layered-details-invitation{position:relative;background:linear-gradient(135deg,#ffffff32,transparent 65%),var(--w-bg)}.layered-details-invitation:before{content:"";position:absolute;inset:11px;border:1px solid color-mix(in srgb,var(--w-ink) 12%,transparent);border-radius:5px;pointer-events:none}.layered-details-couple i{display:block;color:#a68d62;font:italic 500 23px/1.4 var(--serif);margin-block:8px}.layered-details-note{display:block;margin-top:28px;font:italic 22px/1.4 var(--serif);color:#967a4d}.layered-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin-top:35px}.layered-family-grid article{padding:8px 14px 0}.layered-family-grid article+article{border-left:1px solid #d8cbb2}.layered-family-grid small{font:600 9px/1.7 var(--sans);letter-spacing:.15em;color:#967a4d}.layered-family-grid h3{margin:16px 0 22px;font:500 28px/1.2 var(--serif)}.layered-family-grid dl{margin:0;font:12px/1.8 var(--sans)}.layered-family-grid dl>div{display:flex;gap:8px;justify-content:center}.layered-family-grid dt{color:#8b947c}.layered-family-grid dd{margin:0}.layered-family-grid p{font:11px/1.8 var(--sans);color:#7c866f;margin:17px 0 0}.layered-family-switch{display:flex;justify-content:center;gap:8px;margin:25px 0 10px}.layered-family-switch button{min-height:42px;padding:9px 22px;border:1px solid #b9b899;border-radius:99px;background:transparent;color:#617358;font:500 11px/1.6 var(--sans)}.layered-family-switch button[aria-pressed=true]{color:#fff9ec;background:var(--w-ink);border-color:var(--w-ink)}.layered-calendar-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:35px;align-items:start;margin-top:30px}.layered-calendar-layout .wedding-calendar{width:100%;margin:0;border-radius:3px}.layered-calendar-layout[data-has-calendar=false]{grid-template-columns:minmax(0,1fr);max-width:540px;margin-inline:auto}.layered-event-details{text-align:left;min-width:0}.layered-event-date{font:500 20px/1.4 var(--serif);color:#957a50;margin:0 0 14px}.layered-event-details>h3{font:500 24px/1.2 var(--serif);margin-bottom:10px}.layered-event-details>p:not([class]){font:11px/1.8 var(--sans);color:#7c866f}.layered-day-plan{list-style:none;padding:0;margin:27px 0}.layered-day-plan li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;padding-block:11px;border-top:1px solid #d8cbb2}.layered-day-plan time{color:#957a50;font:500 19px/1.3 var(--serif)}.layered-day-plan h4{font:600 11px/1.5 var(--sans);margin:0 0 4px}.layered-day-plan p{font:10px/1.7 var(--sans);color:#7c866f;margin:0}.layered-event-actions{display:flex;flex-wrap:wrap;gap:10px 16px}.layered-event-actions>:is(a,button){display:inline-flex;align-items:center;gap:7px;min-height:40px;border:0;border-bottom:1px solid #b9b899;padding:5px 0;background:transparent;color:#52684d;font:500 10px/1.5 var(--sans)}.layered-shared-section>.w-section{padding:0;max-width:none;margin:0;color:var(--w-ink)}.layered-demo .w-eyebrow{color:#967a4d;font-size:8px}.layered-shared-section .w-rsvp form{max-width:540px;margin-inline:auto;text-align:left}.layered-shared-section .w-rsvp{background:transparent;border-radius:0}.layered-shared-section .w-rsvp :is(input,textarea,select){color:#3b5546;background:#fffdf6}.layered-demo .gift-dialog{background:var(--w-bg);color:var(--w-ink)}.layered-demo .gift-qr-button img{object-fit:contain;background:white}.layered-demo-letter-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:22px;margin-top:20px;border-top:1px solid #d7c9ac}.layered-demo-letter-links button{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:0;background:transparent;color:#617358;font:500 10px/1.5 var(--sans)}.layered-demo-qr-dialog{position:fixed;width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;overflow-y:auto;padding:58px 20px 26px;border:1px solid #d7c9ac;border-radius:5px;background:#fffdf6;color:#3b5546;text-align:center}.layered-demo-qr-dialog::backdrop{background:#102f4599;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.layered-demo-qr-dialog>p{font:600 9px/1.5 var(--sans);letter-spacing:.1em;color:#967a4d}.layered-demo-qr-dialog>img{display:block;width:min(100%,340px);height:auto;margin:15px auto;background:white}.layered-demo-qr-dialog>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;border-bottom:1px solid #d7c9ac}.layered-demo-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 22px 30px;color:color-mix(in srgb,var(--layer-ink) 75%,transparent);font:9px/1.5 var(--sans);text-align:center}.layered-demo-footer svg{flex:none;color:#d5bc8b}.layered-demo-letter{width:min(480px,calc(100vw - 30px));max-height:calc(100dvh - 30px);margin:auto;overflow-y:auto;padding:62px 42px 35px;border:1px solid #d7c9ac;border-radius:3px;background:#fbf6ea;color:#3b5546;text-align:center;box-shadow:0 35px 100px #001d1c66}.layered-demo-letter::backdrop{background:#0b2723d6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.layered-demo-letter-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#61765a}.layered-demo-letter-eyebrow{font:600 8px/1.5 var(--sans);letter-spacing:.18em;color:#9a8058}.layered-demo-letter h2{margin:15px 0;font:italic 500 37px/1.1 var(--serif)}.layered-demo-letter>p:not([class]){font:12px/1.9 var(--sans);margin:20px 0;color:#738168}.layered-demo-letter>strong{display:block;margin:28px 0;font:500 45px/1.1 var(--script)}.layered-demo-letter>strong i{display:block;font:italic 20px/1.5 var(--serif);color:#a68d62;margin-block:8px}.layered-demo-letter-date{display:flex;justify-content:center;align-items:center;gap:15px;padding:17px 0;border-block:1px solid #d7c9ac;font:500 20px/1.2 var(--serif)}.layered-demo-letter-ending{display:block;font:italic 20px/1.5 var(--serif);margin:22px 0}.layered-demo-letter>svg{color:#a68d62}@keyframes layered-paper-breathe{0%{transform:translateY(-3px) rotate(-.4deg)}to{transform:translateY(3px) rotate(.4deg)}}@media (max-width:700px){.layered-demo-quick-actions{gap:8px}.layered-demo-quick-actions .layered-demo-read{padding:9px 13px;font-size:10px;gap:7px}.layered-demo-details{padding-inline:16px;margin-top:32px}.layered-details-nav{gap:6px 16px;font-size:9px}.layered-details-section{padding:37px 20px;margin-bottom:14px}.layered-details-section h2{font-size:32px}.layered-family-grid{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:25px}.layered-family-grid article{padding:0}.layered-family-grid article+article{border-left:0;border-top:1px solid #d8cbb2;padding-top:25px}.layered-calendar-layout{grid-template-columns:minmax(0,1fr);gap:28px}.layered-calendar-layout .wedding-calendar{max-width:340px;margin-inline:auto}.layered-demo-header{padding:14px 18px;gap:12px}.layered-demo-brand>span:last-child{font-size:9px;letter-spacing:.1em}.layered-demo-brand .brand-logo{width:108px}.layered-demo-heading{padding-top:12px}.layered-demo-heading>p{font-size:7px;letter-spacing:.16em}.layered-demo-heading h1{gap:12px;font-size:clamp(32px,8.6vw,47px)}.layered-demo-heading>span{font-size:9px}.layered-demo-scene{--spread-x:clamp(55px,15.2vw,100px);--spread-y:66px;height:410px}.layered-demo-photo{width:clamp(170px,47vw,235px)}.layered-demo-photo-print{padding:6px 6px 0}.layered-demo-photo-caption{font-size:16px;padding:10px 3px 12px}.layered-demo-photo-caption small{font-size:5px;margin-top:6px}.layered-demo-cover{width:clamp(208px,54vw,275px);padding:25px 18px 18px}.layered-demo-cover strong{font-size:36px;margin-top:12px}.layered-demo-cover-invite{margin-top:12px;font-size:12px}.layered-demo-cover-invite b{font-size:17px}.layered-demo-cover-line{margin-top:13px}.layered-demo-wax{width:46px;height:46px;margin:13px 0 8px}.layered-demo-wax svg{width:22px}.layered-demo-paper-note{top:9%;left:8%;padding:13px 15px;font-size:16px}.layered-demo-bottom{min-height:105px}.layered-demo-hint{max-width:290px;margin-inline:auto;font-size:15px}.layered-demo-footer{font-size:8px}.layered-demo-letter{padding:55px 25px 28px}}@media (max-width:360px){.layered-demo-scene{--spread-x:46px;--spread-y:55px;height:370px}.layered-demo-photo{width:160px}.layered-demo-cover{width:205px}.layered-demo-heading h1{font-size:31px;gap:9px}}@media (prefers-reduced-motion:reduce){.layered-demo *,.layered-demo :after,.layered-demo :before{animation:none!important;transition:none!important}.layered-demo-table{transform:none}}.layered-music{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--layer-backdrop);box-shadow:0 4px 18px #0002}.layered-demo .layered-demo-photo-print{box-shadow:0 22px 45px #071d2340,0 2px 4px #071d2333}.layered-scene-ornament{position:absolute;inset:3% 12%;pointer-events:none;color:var(--layer-gold);opacity:.55;transition:transform 2s ease,opacity 1s ease}.layered-scene-ornament span{position:absolute;display:block}.layered-demo[data-phase=closed] .layered-scene-ornament{transform:scale(.72) rotate(-15deg);opacity:.18}.layered-demo[data-motion=ribbon] .layered-scene-ornament span{width:92%;height:34%;left:4%;top:33%;border:22px solid color-mix(in srgb,var(--layer-gold) 27%,transparent);border-top-color:color-mix(in srgb,var(--layer-gold) 65%,transparent);border-radius:50%;box-shadow:inset 0 2px 0 #fff4,0 2px 0 #fff4;transform:rotate(-38deg)}.layered-demo[data-motion=ribbon] .layered-scene-ornament span:nth-child(2){transform:rotate(38deg);width:65%;left:17%}.layered-demo[data-motion=ribbon] .layered-scene-ornament span:nth-child(3){display:none}.layered-demo[data-motion=ribbon] .layered-demo-cover:after{content:"";position:absolute;left:8%;top:-3%;width:18px;height:106%;background:linear-gradient(90deg,#b9869755,#ecd2cfcc 40%,#b9869766);border-inline:1px solid #fff8;transform:rotate(-9deg);pointer-events:none}.layered-demo[data-motion=ribbon] .layered-demo-photo-print{border-radius:50% 50% 2px 2px/10% 10% 2px 2px}.layered-demo[data-motion=ribbon][data-phase=closed] .layered-demo-photo{transform:translate(-50%,-50%) rotate(-30deg) scale(.68)}.layered-demo[data-motion=ribbon]:not([data-phase=closed]) .layered-demo-cover{transform:translate(-140%,-90%) rotate(-45deg) translateZ(150px)}.layered-demo[data-motion=orbit] .layered-demo-scene:before{inset:-15% 0;background:radial-gradient(circle at 12% 25%,#f7e2b8 0 1px,transparent 2px),radial-gradient(circle at 85% 22%,#f7e2b8 0 2px,transparent 3px),radial-gradient(circle at 70% 80%,#f7e2b8 0 1px,transparent 2px),radial-gradient(ellipse,#c4d4ff19,transparent 65%)}.layered-demo[data-motion=orbit] .layered-scene-ornament span{inset:9% 3%;border:1px solid;border-radius:50%;transform:rotate(-24deg)}.layered-demo[data-motion=orbit] .layered-scene-ornament span:nth-child(2){inset:0 15%;transform:rotate(35deg);border-style:dashed}.layered-demo[data-motion=orbit] .layered-scene-ornament span:nth-child(3){width:11px;height:11px;border-radius:50%;top:26%;left:12%;background:currentColor;box-shadow:0 0 28px currentColor}.layered-demo[data-motion=orbit] .layered-demo-paper-note,.layered-demo[data-motion=orbit] .layered-demo-thread{display:none}.layered-demo[data-motion=orbit] .layered-demo-cover{border-radius:48% 48% 6px 6px}.layered-demo[data-motion=orbit] .layered-demo-cover-border{border-radius:inherit}.layered-demo[data-motion=orbit] .layered-demo-photo-window{border-radius:50% 50% 0 0}.layered-demo[data-motion=orbit] .layered-demo-photo-print{border-radius:50% 50% 2px 2px}.layered-demo[data-motion=orbit][data-phase=closed] .layered-demo-photo{transform:translate(-50%,-50%) rotate(-150deg) scale(.25)}.layered-demo[data-motion=orbit]:not([data-phase=closed]) .layered-demo-cover{transform:translate(-50%,-65%) rotateY(120deg) rotate(20deg) scale(.7)}.layered-demo[data-motion=journal] .layered-scene-ornament{inset:13% 17%;background:repeating-linear-gradient(transparent 0 26px,#88684b22 26px 27px),var(--layer-paper);border:8px solid color-mix(in srgb,var(--w-ink) 60%,var(--layer-paper));border-radius:3px 14px 14px 3px;transform:rotate(-5deg);box-shadow:7px 7px 0 #e1ccaa66,13px 13px 0 #e1ccaa33;opacity:.85}.layered-demo[data-motion=journal] .layered-scene-ornament:after{content:"";position:absolute;top:0;bottom:0;left:48%;border-left:1px solid #88684b66;box-shadow:8px 0 15px #88684b55}.layered-demo[data-motion=journal] .layered-demo-photo-print:before{content:"";position:absolute;z-index:1;width:38%;height:24px;left:31%;top:-10px;background:#d0ab6e77;border-inline:2px dashed #f0dab066;transform:rotate(-7deg)}.layered-demo[data-motion=journal] .layered-demo-cover{transform-origin:0 50%;border-left:12px solid #ad835b;border-radius:3px 12px 12px 3px}.layered-demo[data-motion=journal]:not([data-phase=closed]) .layered-demo-cover{transform:translate(-50%,-50%) rotateY(-115deg)}.layered-demo[data-motion=journal][data-phase=closed] .layered-demo-photo{transform:translate(-50%,-50%) rotateY(85deg) scale(.85);transform-origin:0 50%}.layered-demo[data-motion=journal] .layered-demo-photo{transition-duration:1.35s,.6s}.layered-demo[data-motion=bloom] .layered-demo-paper-note{display:none}.layered-demo[data-motion=bloom] .layered-demo-thread{border-radius:50% 50% 0 0;width:46%;left:27%;top:5%;bottom:7%;transform:none}.layered-demo[data-motion=bloom] .layered-scene-ornament span{width:44%;height:70%;left:28%;top:15%;border:1px solid;border-radius:50%;transform:rotate(0deg);box-shadow:inset 0 0 35px #dec9ed22}.layered-demo[data-motion=bloom] .layered-scene-ornament span:nth-child(2){transform:rotate(60deg)}.layered-demo[data-motion=bloom] .layered-scene-ornament span:nth-child(3){transform:rotate(-60deg)}.layered-demo[data-motion=bloom] .layered-demo-cover{border-radius:45% 45% 2px 2px;padding-top:50px}.layered-demo[data-motion=bloom] .layered-demo-cover-border{border-radius:inherit;border-style:double;border-width:3px}.layered-demo[data-motion=bloom] .layered-demo-cover strong{font-size:clamp(27px,3vw,41px)}.layered-demo[data-motion=bloom] .layered-demo-photo-print,.layered-demo[data-motion=bloom] .layered-demo-photo-window{border-radius:45% 45% 2px 2px}.layered-demo[data-motion=bloom][data-phase=closed] .layered-demo-photo{transform:translate(-50%,-50%) rotate(calc(var(--photo-rotation) * 2)) scale(.18)}.layered-demo[data-motion=bloom]:not([data-phase=closed]) .layered-demo-cover{transform:translate(-50%,-75%) scale(1.25) rotateX(35deg)}.layered-demo[data-motion=film] .layered-demo-heading h1{font-family:var(--serif);letter-spacing:-.025em}.layered-demo[data-motion=film] .layered-demo-photo{width:clamp(245px,29vw,370px)}.layered-demo[data-motion=film] .layered-demo-photo-window{aspect-ratio:3/2}.layered-demo[data-motion=film] .layered-demo-photo-print{padding:21px 9px 0;background:#292724;color:#eed9b5;border-block:8px solid #151513}.layered-demo[data-motion=film] .layered-demo-photo-print:before{content:"";position:absolute;left:10px;right:10px;top:7px;height:6px;background:repeating-linear-gradient(90deg,#d2c6ac 0 8px,transparent 8px 18px)}.layered-demo[data-motion=film] .layered-demo-photo-caption{font:500 clamp(14px,1.5vw,21px) /1.4 var(--serif)}.layered-demo[data-motion=film] .layered-demo-photo-caption small{color:#c9b794}.layered-demo[data-motion=film] .layered-demo-paper-note{display:none}.layered-demo[data-motion=film] .layered-scene-ornament{inset:20% 0;border-block:20px dotted currentColor;transform:rotate(-10deg);opacity:.15}.layered-demo[data-motion=film] .layered-demo-cover{aspect-ratio:1;border-width:10px 0;border-color:#b09567;background:#292724;color:#f6e6c7}.layered-demo[data-motion=film] .layered-demo-cover :is(strong em,.layered-demo-cover-invite b){color:#f6e6c7}.layered-demo[data-motion=film] .layered-demo-cover :is(.layered-demo-cover-eyebrow,.layered-demo-cover-invite,small){color:#cfb88e}.layered-demo[data-motion=film] .layered-demo-cover strong{font-size:clamp(27px,3vw,40px)}.layered-demo[data-motion=film] .layered-demo-cover-line,.layered-demo[data-motion=film] .layered-demo-wax{display:none}.layered-demo[data-motion=film][data-phase=closed] .layered-demo-photo{transform:translate(-150%,-50%) scale(.55)}.layered-demo[data-motion=film]:not([data-phase=closed]) .layered-demo-cover{transform:translate(40%,-50%) rotate(20deg) scale(.9)}@media (max-width:700px){.layered-demo[data-motion=film] .layered-demo-photo{width:clamp(190px,54vw,280px)}.layered-demo[data-motion=film] .layered-demo-scene{height:360px}.layered-demo[data-motion=film] .layered-demo-cover{width:230px}.layered-demo[data-motion=bloom] .layered-demo-cover{padding-top:38px}.layered-demo[data-motion=bloom] .layered-demo-cover strong{font-size:29px}.layered-demo[data-motion=journal] .layered-scene-ornament{inset-inline:8%}.layered-demo[data-motion=ribbon] .layered-scene-ornament{inset-inline:0}}@media (prefers-reduced-motion:reduce){.layered-demo .layered-demo-table{transform:none}}.layered-cover-art{position:absolute;inset:0;container-type:size;overflow:hidden;color:var(--lc-ink);background:radial-gradient(ellipse at 50% 42%,#ffffff12,transparent 70%),var(--lc-bg);text-align:center}.layered-cover-art-heading{position:absolute;top:8%;left:5%;right:5%}.layered-cover-art-heading small{display:block;font:500 2cqw/1.5 var(--sans);letter-spacing:.22em;opacity:.8}.layered-cover-art-heading strong{display:block;font:500 6.5cqw/1.2 var(--script);margin-top:4%}.layered-cover-art-heading i{font-family:var(--serif);font-size:.7em;margin-inline:.45em}.layered-cover-art-heading>span{display:block;font:500 2.3cqw/1.5 var(--sans);letter-spacing:.18em;margin-top:3%;opacity:.75}.layered-cover-art-scene{position:absolute;inset:31% 0 17%}.layered-cover-art-photo{position:absolute;top:50%;left:50%;width:54%;padding:2.2% 2.2% 0;background:var(--lc-paper);color:var(--lc-paper-ink);box-shadow:0 3cqw 7cqw #0005;transform:translate(-50%,-50%) rotate(-5deg)}.layered-cover-art-photo:first-of-type{transform:translate(-88%,-60%) rotate(-19deg) scale(.82)}.layered-cover-art-photo:nth-of-type(2){transform:translate(-11%,-62%) rotate(18deg) scale(.84)}.layered-cover-art-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.layered-cover-art-photo>span{display:block;padding:9% 0 11%;font:500 3.4cqw/1.1 var(--script)}.layered-cover-art-seal{position:absolute;z-index:1;right:15%;bottom:7%;width:15%;aspect-ratio:1;display:grid;place-items:center;font:6cqw/1 var(--serif);border-radius:50%;border:3px double #a78e66;color:#806344;background:#ebd7b6;transform:rotate(14deg)}.layered-cover-art>p{position:absolute;bottom:6%;left:5%;right:5%;margin:0;font:500 5.3cqw/1.3 var(--serif)}.layered-cover-art>p small{display:block;margin-top:6%;font:500 1.8cqw/1.5 var(--sans);letter-spacing:.14em;opacity:.7}.layered-cover-art-orbit{position:absolute;inset:-9% 11%;border:1px solid;border-radius:50%;transform:rotate(35deg);opacity:.2}.layered-cover-art[data-motion=ribbon] .layered-cover-art-orbit{inset:18% 0;border-width:10px;box-shadow:0 1px 0 #fff4;transform:rotate(-40deg)}.layered-cover-art[data-motion=ribbon] .layered-cover-art-photo:first-of-type{transform:translate(-80%,-28%) rotate(-12deg) scale(.8)}.layered-cover-art[data-motion=ribbon] .layered-cover-art-photo:nth-of-type(2){transform:translate(-16%,-83%) rotate(12deg) scale(.8)}.layered-cover-art[data-motion=orbit] .layered-cover-art-orbit{border-style:dashed;opacity:.5;inset:-15% 2%}.layered-cover-art[data-motion=orbit] .layered-cover-art-photo,.layered-cover-art[data-motion=orbit] .layered-cover-art-photo img{border-radius:50% 50% 0 0}.layered-cover-art[data-motion=orbit] .layered-cover-art-seal{color:#b9ad8a;background:#18263d}.layered-cover-art[data-motion=journal] .layered-cover-art-orbit{inset:-5% 10%;border-radius:4px;border:5px solid #a1784f;background:repeating-linear-gradient(transparent 0 14px,#b9936522 14px 15px),#f3e4cb;opacity:.85;transform:rotate(-6deg)}.layered-cover-art[data-motion=journal] .layered-cover-art-photo:after{content:"";position:absolute;top:-3%;left:30%;width:40%;height:7%;background:#b9986888;transform:rotate(-8deg)}.layered-cover-art[data-motion=bloom] .layered-cover-art-photo,.layered-cover-art[data-motion=bloom] .layered-cover-art-photo img{border-radius:45% 45% 0 0}.layered-cover-art[data-motion=bloom] .layered-cover-art-orbit{inset:-16% 14%;border:3px double;border-radius:50%;transform:rotate(-45deg)}.layered-cover-art[data-motion=bloom] .layered-cover-art-seal{background:#e8daed;color:#7f648c;border-color:#b499c0}.layered-cover-art[data-motion=film] .layered-cover-art-photo{width:67%;background:#242320;color:#f6e6c7;padding-top:5%;border-block:1.3cqw dotted #aa926c}.layered-cover-art[data-motion=film] .layered-cover-art-photo img{aspect-ratio:3/2}.layered-cover-art[data-motion=film] .layered-cover-art-photo:first-of-type{transform:translate(-83%,-97%) rotate(-10deg) scale(.8)}.layered-cover-art[data-motion=film] .layered-cover-art-photo:nth-of-type(2){transform:translate(-18%,2%) rotate(10deg) scale(.8)}.layered-cover-art[data-motion=film] .layered-cover-art-seal{display:none}.layered-cover-art[data-motion=film] .layered-cover-art-heading strong{font-family:var(--serif)}@container (min-aspect-ratio: 4/5){.layered-cover-art-heading{top:15%}.layered-cover-art-scene{inset:37% 0 6%}.layered-cover-art-photo{width:min(54cqw,36cqh)}.layered-cover-art>p{display:none}.layered-cover-art[data-motion=film] .layered-cover-art-photo{width:min(62cqw,50cqh)}.layered-cover-art[data-motion=film] .layered-cover-art-photo:first-of-type{transform:translate(-80%,-75%) rotate(-10deg) scale(.75)}.layered-cover-art[data-motion=film] .layered-cover-art-photo:nth-of-type(2){transform:translate(-15%,-23%) rotate(8deg) scale(.75)}}.layered-demo{--cover-motion-state:paused;position:relative;isolation:isolate}.layered-demo[data-cover-motion=running]{--cover-motion-state:running}.layered-cover-motion{z-index:1;overflow:clip;container-type:size;-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);opacity:1;transition:opacity .6s ease,visibility 0s}.layered-cover-motion,.layered-demo-scenery{position:absolute;inset:0;pointer-events:none}.layered-demo-scenery{z-index:0}.layered-demo:not([data-phase=closed]) .layered-cover-motion{opacity:0;visibility:hidden;transition-delay:0s,.6s}.layered-demo[data-phase=closed] .layered-demo-photo{opacity:0}.cover-memory-card{--memory-spread:clamp(96px,20vw,270px);--memory-position-x:var(--memory-x);--memory-position-y:var(--memory-y);--memory-lift:92px;position:absolute;z-index:2;top:50%;left:50%;width:clamp(110px,16vw,185px);padding:7px 7px 0;background:var(--layer-paper);color:var(--w-ink);border:1px solid #fff5;box-shadow:0 15px 35px #061e2340;transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread)),calc(var(--memory-position-y) * var(--memory-lift))) rotate(var(--memory-rotation));animation:cover-memory-float 3.2s ease-in-out infinite alternate;animation-delay:var(--memory-delay)}.cover-memory-card>div{aspect-ratio:4/5;overflow:hidden;background:#e1d9cd}.cover-memory-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}.cover-memory-card>span{display:block;padding:10px 0 12px;font:500 clamp(12px,1.4vw,18px) /1.2 var(--script);text-align:center}.layered-demo[data-motion=fan] .cover-memory-card[data-memory-index="2"],.layered-demo[data-motion=fan] .cover-memory-card[data-memory-index="3"]{animation-duration:4.2s}.layered-demo[data-motion=ribbon][data-phase=closed] .layered-scene-ornament{transform:scale(1) rotate(-8deg);opacity:.6}.layered-demo[data-motion=ribbon][data-phase=closed] .layered-scene-ornament span{animation:cover-silk-sway 3.6s ease-in-out infinite alternate}.layered-demo[data-motion=ribbon][data-phase=closed] .layered-scene-ornament span:nth-child(2){animation-name:cover-silk-return;animation-duration:4.5s}.layered-demo[data-motion=ribbon] .cover-memory-card:is([data-memory-index="2"],[data-memory-index="3"]){display:none}.layered-demo[data-motion=ribbon] .cover-memory-card{animation-name:cover-silk-memory;animation-duration:3.8s}.layered-demo[data-motion=orbit][data-phase=closed] .layered-scene-ornament{opacity:.5;transform:none}.layered-demo[data-motion=orbit][data-phase=closed] .layered-scene-ornament span:first-child{animation:cover-constellation-turn 18s linear infinite}.layered-demo[data-motion=orbit][data-phase=closed] .layered-scene-ornament span:nth-child(2){animation:cover-constellation-turn 24s linear infinite reverse}.layered-demo[data-motion=orbit][data-phase=closed] .layered-scene-ornament span:nth-child(3){animation:cover-star-breathe 2s ease-in-out infinite alternate}.layered-demo[data-motion=orbit] .cover-memory-card{width:clamp(88px,13vw,150px);padding:5px;border-radius:50%;animation-name:cover-orbit-drift;animation-duration:4.6s}.layered-demo[data-motion=orbit] .cover-memory-card>div{border-radius:50%;aspect-ratio:1}.layered-demo[data-motion=orbit] .cover-memory-card>span{display:none}.layered-demo[data-motion=orbit] .cover-memory-card[data-memory-index="2"]{--memory-spread:clamp(90px,18vw,250px);animation-direction:alternate-reverse}.cover-constellation{position:absolute;inset:0}.cover-constellation-sky{z-index:-1;overflow:clip;pointer-events:none;opacity:1;transition:opacity .45s ease,visibility 0s}.layered-demo:not([data-phase=closed]) .cover-constellation-sky{opacity:0;visibility:hidden;transition-delay:0s,.45s}.cover-constellation>span{position:absolute;left:calc(2% + mod(var(--sparkle-index) * 61.8034, 96) * 1%);top:calc(2% + mod(var(--sparkle-index) * 37.4142, 96) * 1%);width:calc(1px + mod(var(--sparkle-index) * 7, 4) * .65px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--layer-ink) 80%,var(--layer-gold));box-shadow:0 0 8px color-mix(in srgb,var(--layer-gold) 70%,transparent);animation:cover-star-breathe calc(1.7s + mod(var(--sparkle-index), 6) * .35s) ease-in-out infinite alternate;animation-delay:calc(var(--sparkle-index) * -.43s)}.cover-constellation>span:nth-child(12n):after,.cover-constellation>span:nth-child(12n):before{content:"";position:absolute;inset:-4px .8px;background:currentColor;border-radius:50%;color:var(--layer-gold);opacity:.65}.cover-constellation>span:nth-child(12n):after{transform:rotate(90deg)}.cover-shooting-star{position:absolute;left:calc(7% + var(--shooting-index) * 24%);top:calc(12% + var(--shooting-index) * 28%);width:clamp(45px,10vw,100px);height:1.5px;border-radius:50%;color:var(--layer-ink);background:linear-gradient(90deg,transparent,currentColor);transform:rotate(-28deg);opacity:0;animation:cover-shooting-star calc(5.2s + var(--shooting-index) * 1.4s) linear infinite;animation-delay:calc(-.45s - var(--shooting-index) * 2.1s)}.cover-journal-pages{position:absolute;z-index:1;inset:0;perspective:1100px}.cover-journal-pages>span{position:absolute;width:clamp(210px,27vw,328px);aspect-ratio:3/4;left:50%;top:50%;background:repeating-linear-gradient(transparent 0 22px,#a48b6626 22px 23px),#ebdcc2;border:1px solid #c5ab85;box-shadow:6px 8px 15px #0002;transform-origin:0 50%;transform:translate(-50%,-50%) rotate(-8deg) rotateY(-15deg);animation:cover-journal-turn 3.8s ease-in-out infinite}.cover-journal-pages>span:nth-child(2){animation-delay:-1.2s;background-color:#f5e9d5}.cover-journal-pages>span:nth-child(3){animation-delay:-2.4s;background-color:#dfcdb0}.layered-demo[data-motion=journal] .cover-memory-card{animation-name:cover-journal-memory;animation-duration:3.8s}.layered-demo[data-motion=journal] .cover-memory-card:is([data-memory-index="2"],[data-memory-index="3"]){display:none}.layered-demo[data-motion=journal][data-phase=closed] .layered-scene-ornament{opacity:.55;transform:rotate(-5deg) scale(1)}.layered-demo[data-motion=bloom][data-phase=closed] .layered-scene-ornament{opacity:.55;transform:none}.layered-demo[data-motion=bloom][data-phase=closed] .layered-scene-ornament span{animation:cover-flower-open 4s ease-in-out infinite alternate}.layered-demo[data-motion=bloom][data-phase=closed] .layered-scene-ornament span:nth-child(2){--petal-angle:60deg;animation-delay:-1.3s}.layered-demo[data-motion=bloom][data-phase=closed] .layered-scene-ornament span:nth-child(3){--petal-angle:-60deg;animation-delay:-2.6s}.layered-demo[data-motion=bloom] .cover-memory-card{border-radius:45% 45% 3px 3px;animation-duration:3.6s}.layered-demo[data-motion=bloom] .cover-memory-card>div{border-radius:45% 45% 0 0}.layered-demo[data-motion=bloom] .cover-memory-card:is([data-memory-index="2"],[data-memory-index="3"]){display:none}.cover-petals{position:absolute;inset:0}.cover-petals>span{position:absolute;top:-32px;left:calc(5% + mod(var(--petal-index) * 23, 91) * 1%);width:calc(11px + mod(var(--petal-index) * 3, 9) * 1px);aspect-ratio:.65;border-radius:70% 15% 75% 20%;background:linear-gradient(135deg,color-mix(in srgb,var(--layer-paper) 85%,#d1accf),#bf9dc3);box-shadow:inset 1px 1px 2px #fff5;opacity:.65;animation:cover-petal-fall calc(5s + mod(var(--petal-index), 5) * .65s) linear infinite;animation-delay:calc(var(--petal-index) * -.8s)}.cover-film-reel{--film-frame-width:clamp(132px,18vw,210px);--film-gap:12px;position:absolute;top:37%;left:50%;width:max(100%,560px);padding:15px 0;overflow:hidden;color:#dfc395;background:#1d1c19;border-block:1px solid #a98b594d;box-shadow:0 15px 30px #0004;transform:translate(-50%,-50%) rotate(-10deg)}.cover-film-reel:after,.cover-film-reel:before{content:"";position:absolute;left:0;right:0;height:6px;top:4px;background:repeating-linear-gradient(90deg,#d3c3a0 0 8px,transparent 8px 19px);opacity:.7}.cover-film-reel:after{top:auto;bottom:4px}.cover-film-reel[data-reel="1"]{top:70%;transform:translate(-50%,-50%) rotate(11deg);opacity:.65}.cover-film-track{display:flex;width:max-content;animation:cover-film-run 28s linear infinite}.cover-film-reel[data-reel="1"] .cover-film-track{animation-direction:reverse;animation-duration:36s}.cover-film-group{display:flex;flex:none;align-items:start;gap:var(--film-gap);padding-right:var(--film-gap)}.cover-film-frame{flex:none;width:var(--film-frame-width);margin:0;padding:0;background:#22201b}.cover-film-frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 60%;filter:sepia(.15) brightness(.83)}.cover-film-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 3px 0;font:500 6px/1.4 var(--sans);letter-spacing:.12em}.cover-film-frame figcaption>span{opacity:.65;font-size:5px}.cover-projector-glow{position:absolute;inset:-10% -5%;background:radial-gradient(ellipse at 85% 14%,#edcf8720,transparent 57%);animation:cover-projector-breathe 8s ease-in-out infinite alternate}.layered-demo[data-motion=film][data-phase=closed] .layered-scene-ornament{opacity:0}.layered-demo[data-motion=film][data-phase=closed] .layered-demo-thread{opacity:.2}.layered-demo[data-motion=film][data-phase=closed] .layered-demo-cover{box-shadow:0 20px 75px #0009,0 0 60px #d4af6322}.cover-constellation-sky *,.layered-cover-motion *,.layered-demo[data-phase=closed] .layered-scene-ornament span{animation-play-state:var(--cover-motion-state)!important}@keyframes cover-film-run{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes cover-projector-breathe{0%{opacity:.4}to{opacity:1}}@keyframes cover-memory-float{0%{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * .92),calc(var(--memory-position-y) * var(--memory-lift) - 12px)) rotate(calc(var(--memory-rotation) - 6deg))}to{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * 1.1),calc(var(--memory-position-y) * var(--memory-lift) + 18px)) rotate(calc(var(--memory-rotation) + 8deg))}}@keyframes cover-silk-memory{0%{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * 1.08),calc(var(--memory-position-y) * var(--memory-lift) - 16px)) rotate(calc(var(--memory-rotation) + 7deg))}to{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * .9),calc(var(--memory-position-y) * var(--memory-lift) + 22px)) rotate(calc(var(--memory-rotation) - 9deg))}}@keyframes cover-silk-sway{0%{transform:rotate(-52deg) scale(.88)}to{transform:rotate(-24deg) scale(1.1)}}@keyframes cover-silk-return{0%{transform:rotate(24deg) scale(.9)}to{transform:rotate(52deg) scale(1.13)}}@keyframes cover-constellation-turn{0%{transform:rotate(-24deg)}to{transform:rotate(336deg)}}@keyframes cover-orbit-drift{0%{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * 1.13),calc(var(--memory-position-y) * var(--memory-lift) - 18px)) rotate(-15deg)}to{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * .85),calc(var(--memory-position-y) * var(--memory-lift) + 24px)) rotate(15deg)}}@keyframes cover-star-breathe{0%{opacity:.32;transform:scale(.75)}to{opacity:1;transform:scale(1.35)}}@keyframes cover-journal-turn{0%,20%,to{transform:translate(-50%,-50%) rotate(-5deg) rotateY(-5deg)}50%,70%{transform:translate(-55%,-48%) rotate(-18deg) rotateY(-68deg)}}@keyframes cover-journal-memory{0%{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * 1.08),calc(var(--memory-position-y) * var(--memory-lift) - 14px)) rotate(calc(var(--memory-rotation) + 7deg)) rotateY(-12deg)}to{transform:translate(-50%,-50%) translate(calc(var(--memory-position-x) * var(--memory-spread) * .9),calc(var(--memory-position-y) * var(--memory-lift) + 18px)) rotate(calc(var(--memory-rotation) - 8deg)) rotateY(14deg)}}@keyframes cover-flower-open{0%{transform:rotate(calc(var(--petal-angle, 0deg) - 10deg)) scale(.8)}to{transform:rotate(calc(var(--petal-angle, 0deg) + 20deg)) scale(1.14)}}@keyframes cover-petal-fall{0%{transform:translate3d(-15px,0,0) rotate(-20deg);opacity:0}12%{opacity:.7}85%{opacity:.55}to{transform:translate3d(45px,112cqh,0) rotate(230deg);opacity:0}}@keyframes cover-shooting-star{0%,6%{opacity:0;transform:translate(0) rotate(-28deg)}10%{opacity:.9}29%,to{opacity:0;transform:translate(150px,-80px) rotate(-28deg)}}@media (max-width:700px){.layered-demo-scene{transition:height .7s ease}.layered-demo:not([data-motion=film])[data-phase=closed] .layered-demo-scene{height:clamp(510px,135vw,560px)}.layered-demo:not([data-motion=film])[data-phase=closed] .layered-demo-cover{top:calc(50% + 80px)}.layered-demo[data-motion=bloom][data-phase=closed] .layered-demo-cover{top:calc(50% + 64px)}.layered-demo:not([data-motion=film]) .layered-demo-cover strong{font-size:32px}.layered-demo:not([data-motion=film]) .layered-demo-cover strong em{font-size:1.05em}.layered-demo[data-motion=bloom] .layered-demo-cover strong{font-size:27px}.layered-demo:not([data-motion=film])[data-phase=closed] .layered-demo-bottom{padding-top:12px}.cover-memory-card{--memory-position-x:var(--memory-mobile-x);--memory-position-y:var(--memory-mobile-y);--memory-spread:clamp(92px,25vw,118px);--memory-lift:145px;width:clamp(120px,35vw,154px);padding:5px 5px 0}.cover-memory-card:is([data-memory-index="2"],[data-memory-index="3"]){display:none}.layered-demo[data-motion=orbit] .cover-memory-card{width:clamp(106px,29vw,130px)}.cover-journal-pages>span{top:calc(50% + 70px)}.cover-memory-card>span{font-size:11px;padding-block:8px}.cover-film-reel{--film-frame-width:132px;--film-gap:9px;padding-block:13px}.cover-film-reel:after,.cover-film-reel:before{height:5px}.cover-film-frame figcaption{padding-top:5px;font-size:5px}.cover-film-frame figcaption>span{font-size:4px}}@media (prefers-reduced-motion:reduce){.layered-cover-motion{opacity:.65}.layered-demo:not([data-phase=closed]) .layered-cover-motion{opacity:0}}