.inv.fam-oqshom{--inv-display:var(--tf-playfair), var(--tf-lora), Georgia, serif;--inv-body:var(--tf-jost), var(--font-manrope), system-ui, sans-serif;--inv-script:var(--tf-playfair), var(--tf-lora), Georgia, serif;--oq-gold-hi:color-mix(in srgb, var(--gold) 50%, #fff);--oq-gold-lo:color-mix(in srgb, var(--gold) 80%, #000);--oq-gold-line:color-mix(in srgb, var(--gold) 55%, transparent);--oq-foil:linear-gradient(115deg, var(--oq-gold-lo) 0%, var(--gold) 22%, var(--oq-gold-hi) 42%, var(--gold) 58%, var(--oq-gold-lo) 80%, var(--oq-gold-hi) 100%);--inv-radius:0;background:radial-gradient(130% 60% at 50% -8%, color-mix(in srgb, var(--accent2) 22%, transparent), transparent 62%), var(--bg);font-weight:300}.tpl-oqshom-yubiley.inv{background:radial-gradient(90% 50% at 50% 18%, color-mix(in srgb, var(--bg2) 85%, #fff 15%), transparent 70%), repeating-linear-gradient(100deg, #ffffff03 0 2px, transparent 2px 7px), var(--bg)}.fam-oqshom .oq-foil-text{background:var(--oq-foil);color:#0000;-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.fam-oqshom .inv-h{font-family:var(--inv-display);font-size:2.05rem;font-style:italic;font-weight:500}.fam-oqshom .inv-h span{background:var(--oq-foil);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0 .08em}.fam-oqshom .inv-greeting-text{font-size:1.08rem;line-height:1.8}.fam-oqshom .inv-dear{color:var(--gold);font-style:italic}.fam-oqshom .inv-parents{letter-spacing:.06em;font-weight:400}.fam-oqshom .inv-cd-cell{background:color-mix(in srgb, var(--card) 70%, transparent);box-shadow:inset 0 0 0 1px var(--oq-gold-line);border-radius:0}.fam-oqshom .inv-cd-num{color:var(--ink);font-weight:500}.fam-oqshom .inv-cd-label{letter-spacing:.08em}.fam-oqshom .inv-program:before{background:var(--oq-gold-line)}.fam-oqshom .inv-program li:before{background:var(--gold);border-radius:0;transform:rotate(45deg)}.fam-oqshom .inv-program time{color:var(--gold);font-weight:500}.fam-oqshom .inv-venue-name{font-style:italic}.fam-oqshom .inv-pin path{fill:var(--gold)}.fam-oqshom .inv-btn{background:var(--oq-foil);color:var(--on-accent);letter-spacing:.16em;text-transform:uppercase;background-size:160% 100%;border-radius:0;font-size:.82rem;font-weight:500}.fam-oqshom .inv-btn-ghost{color:var(--gold);box-shadow:inset 0 0 0 1px var(--oq-gold-line);background:0 0}.fam-oqshom .inv-rsvp{background:color-mix(in srgb, var(--card) 85%, transparent);box-shadow:inset 0 0 0 1px var(--oq-gold-line);border-radius:0}.fam-oqshom .inv-field input,.fam-oqshom .inv-field textarea{background:var(--bg);border-color:var(--line);border-radius:0;font-weight:400}.fam-oqshom .inv-field input:focus,.fam-oqshom .inv-field textarea:focus{border-color:var(--gold)}.fam-oqshom .inv-choice label,.fam-oqshom .inv-stepper button{border-radius:0;font-weight:400}.fam-oqshom .inv-choice label.is-on{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent)}.fam-oqshom .inv-contacts a,.fam-oqshom .inv-rsvp-done{color:var(--gold)}.fam-oqshom .inv-maps a{-webkit-text-decoration-color:var(--oq-gold-line);text-decoration-color:var(--oq-gold-line)}.fam-oqshom .inv-music{background:var(--oq-foil);color:var(--on-accent)}.oq-stars,.oq-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.oq-sky{z-index:0;opacity:.75;position:fixed}.oq-stars i,.oq-sky i{background:var(--oq-gold-hi);box-shadow:0 0 6px 1px color-mix(in srgb, var(--gold) 60%, transparent);border-radius:50%;animation:3.4s ease-in-out infinite oq-twinkle;position:absolute}@keyframes oq-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.oq-cover{min-height:var(--cover-h,92dvh);align-items:center;padding:92px 0 32px;display:flex}.oq-frame{text-align:center;border:1px solid var(--oq-gold-line);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 45%, transparent), transparent 70%);flex-direction:column;align-items:center;width:100%;padding:50px 18px 44px;display:flex;position:relative}.oq-frame:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);pointer-events:none;position:absolute;inset:5px}.oq-c{width:34px;height:34px;color:var(--gold);position:absolute}.oq-c-tl{top:9px;left:9px}.oq-c-tr{top:9px;right:9px;transform:rotate(90deg)}.oq-c-br{bottom:9px;right:9px;transform:rotate(180deg)}.oq-c-bl{bottom:9px;left:9px;transform:rotate(270deg)}.oq-fan{width:156px;color:var(--gold);position:absolute;top:0;left:50%;transform:translate(-50%,calc(.5px - 100%))}.oq-title{letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:6px 0 22px;padding-left:.34em;font-size:.74rem;font-weight:400}.oq-numeral-wrap{flex-direction:column;align-items:center;margin:-6px 0 16px;display:flex}.oq-numeral{font-family:var(--inv-display);letter-spacing:-.04em;font-variant-numeric:lining-nums;filter:drop-shadow(0 10px 22px #00000059);margin:0;padding:0 .06em;font-size:clamp(7rem,44vw,10rem);font-weight:700;line-height:.88}.oq-numeral-suffix{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin:8px 0 0;padding-left:.4em;font-size:.78rem;font-weight:400}.oq-names{font-family:var(--inv-display);text-wrap:balance;overflow-wrap:anywhere;flex-direction:column;align-items:center;margin:0;font-size:clamp(2.3rem,11vw,3.1rem);font-style:italic;font-weight:500;line-height:1.12;display:flex}.tpl-oqshom-yubiley .oq-names{font-size:clamp(1.9rem,9vw,2.5rem)}.oq-names .oq-foil-text{padding:0 .1em}.oq-amp{font-family:var(--inv-body);color:var(--muted);margin:4px 0;font-size:.5em;font-style:normal;font-weight:300}.oq-age{letter-spacing:.1em;color:var(--muted);margin:10px 0 0;font-size:1.1rem}.oq-photo{aspect-ratio:4/5;border:1px solid var(--oq-gold-line);width:196px;margin:28px 0 0;padding:5px}.oq-photo img{object-fit:cover;width:100%;height:100%;display:block}.oq-date{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;max-width:300px;margin-top:30px;display:grid}.oq-date-side{border-top:1px solid var(--oq-gold-line);border-bottom:1px solid var(--oq-gold-line);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);white-space:nowrap;padding:7px 0;font-size:.78rem;font-weight:400}.oq-date-day{font-family:var(--inv-display);color:var(--gold);font-variant-numeric:lining-nums;font-size:3.4rem;line-height:1}.oq-time{color:var(--muted);letter-spacing:.04em;margin:14px 0 0;font-weight:400}.oq-divider{color:var(--gold);justify-content:center;display:flex}.oq-divider svg{width:150px;height:20px}.oq-overlay{background:radial-gradient(80% 50% at 50% 45%, color-mix(in srgb, var(--accent2) 20%, transparent), transparent 70%), var(--bg);padding:24px}.tpl-oqshom-yubiley .oq-overlay{background:radial-gradient(80% 50% at 50% 45%, color-mix(in srgb, var(--bg2) 80%, #fff 20%), transparent 72%), var(--bg)}.oq-ov-guest{font-family:var(--inv-display);color:var(--ink);margin:0 0 20px;font-size:1.3rem;font-style:italic;position:relative}.oq-ticket{aspect-ratio:3/4;cursor:pointer;width:min(68vw,256px);box-shadow:0 0 0 4px var(--bg), 0 0 0 5px var(--oq-gold-line), 0 30px 60px -22px #000000bf;background:0 0;border:0;padding:0;animation:5s ease-in-out infinite oq-float;position:relative;overflow:hidden}@keyframes oq-float{50%{transform:translateY(-6px)}}.oq-ticket-inner{text-align:center;background:radial-gradient(100% 70% at 50% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 70%), var(--card);border:1px solid var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 18px;display:flex;position:absolute;inset:0}.oq-ticket .oq-c{width:26px;height:26px}.oq-ticket .oq-c-tl,.oq-ticket .oq-c-tr{top:7px}.oq-ticket .oq-c-bl,.oq-ticket .oq-c-br{bottom:7px}.oq-ticket .oq-c-tl,.oq-ticket .oq-c-bl{left:7px}.oq-ticket .oq-c-tr,.oq-ticket .oq-c-br{right:7px}.oq-ticket-fan{width:104px;color:var(--gold)}.oq-ticket-title{font-family:var(--inv-body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);padding-left:.3em;font-size:.66rem;font-weight:400}.oq-ticket-names{font-family:var(--inv-display);text-wrap:balance;padding:0 .1em;font-size:1.75rem;font-style:italic;font-weight:500;line-height:1.15}.oq-ticket-date{font-family:var(--inv-body);letter-spacing:.24em;color:var(--ink);font-size:.78rem}.oq-shine{pointer-events:none;position:absolute;inset:0;overflow:hidden}.oq-shine:before{content:"";background:linear-gradient(105deg, transparent 15%, color-mix(in srgb, var(--oq-gold-hi) 32%, transparent) 50%, transparent 85%);mix-blend-mode:screen;width:46%;animation:5.5s ease-in-out 1.2s infinite oq-sweep-idle;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%)skew(-12deg)}@keyframes oq-sweep-idle{0%{transform:translate(-140%)skew(-12deg)}24%,to{transform:translate(240%)skew(-12deg)}}.oq-open-btn{min-width:180px;margin-top:34px;position:relative}.oq-overlay .inv-tap{position:relative}.oq-overlay[data-phase=opening] .oq-shine:before{background:linear-gradient(105deg, transparent 15%, color-mix(in srgb, var(--oq-gold-hi) 70%, transparent) 50%, transparent 85%);width:70%;animation:.55s ease-in forwards oq-sweep}.oq-overlay[data-phase=opening] .oq-ticket{animation:.6s cubic-bezier(.4,0,.2,1) .45s forwards oq-dissolve}.oq-overlay[data-phase=opening] .oq-stars i{animation:.9s ease-in .2s forwards oq-streak}.oq-overlay[data-phase=opening]{animation:.4s .95s forwards oq-fade-out}.oq-overlay[data-phase=opening] .oq-open-btn,.oq-overlay[data-phase=opening] .inv-tap,.oq-overlay[data-phase=opening] .oq-ov-guest{opacity:0;transition:opacity .2s}@keyframes oq-sweep{0%{opacity:1;transform:translate(-140%)skew(-12deg)}to{transform:translate(240%)skew(-12deg)}}@keyframes oq-dissolve{to{opacity:0;filter:brightness(1.9)blur(6px);transform:scale(1.32)}}@keyframes oq-streak{to{opacity:0;transform:scale(5,.6)translateY(-30px)}}@keyframes oq-fade-out{to{opacity:0;visibility:hidden}}
.inv.fam-anor{--inv-display:var(--tf-alice), var(--tf-lora), Georgia, serif;--inv-body:var(--tf-lora), Georgia, serif;--inv-script:var(--tf-badscript), var(--tf-lora), cursive;--inv-radius:22px;background:radial-gradient(90% 45% at 100% 0%, color-mix(in srgb, var(--accent2) 16%, transparent), transparent 65%), radial-gradient(70% 40% at 0% 100%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), var(--bg)}.fam-anor .inv-h{font-family:var(--inv-script);color:var(--accent);justify-content:center;align-items:center;gap:12px;font-size:2.15rem;display:flex}.fam-anor .inv-h:before,.fam-anor .inv-h:after{content:"";background:radial-gradient(circle at 34% 30%, #ffffffb3 0 14%, transparent 16%), var(--accent2);border-radius:50%/62% 62% 38% 38%;flex:none;width:9px;height:12px}.fam-anor .inv-h:before{rotate:-20deg}.fam-anor .inv-h:after{rotate:20deg}.fam-anor .inv-greeting-text{font-size:1.08rem}.fam-anor .inv-dear{font-size:1.9rem}.fam-anor .inv-parents{font-family:var(--inv-display);font-weight:400}.fam-anor .inv-cd-cell{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), 0 10px 18px -14px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:48% 48% 44% 44%/38% 38% 62% 62%;padding:16px 0 14px}.fam-anor .inv-cd-num{font-family:var(--inv-display);color:var(--accent)}.fam-anor .inv-program li:before{background:radial-gradient(circle at 34% 30%, #ffffffb3 0 14%, transparent 16%), var(--accent2);width:9px;height:12px;box-shadow:0 0 0 3px var(--bg);border-radius:50%/62% 62% 38% 38%;top:15px;left:54px}.fam-anor .inv-program time{font-family:var(--inv-display);font-size:1.05rem;font-weight:400}.fam-anor .inv-rsvp{box-shadow:inset 0 0 0 1px var(--line), 0 18px 34px -26px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:26px;margin-top:22px;position:relative}.fam-anor .inv-rsvp:before{content:"";background:var(--accent);clip-path:polygon(0 100%,6% 30%,24% 62%,36% 8%,50% 50%,64% 8%,76% 62%,94% 30%,100% 100%);width:34px;height:18px;position:absolute;top:-15px;left:50%;translate:-50%}.fam-anor .inv-choice label,.fam-anor .inv-field input,.fam-anor .inv-field textarea,.fam-anor .inv-stepper button{border-radius:16px}.fam-anor .inv-swatches li{border-radius:50%/60% 60% 40% 40%}.an-cover{min-height:var(--cover-h,92dvh);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:176px 0 150px;display:flex;position:relative}.an-branch{pointer-events:none;width:236px;position:absolute;top:-4px;right:-28px}.an-half{pointer-events:none;width:168px;position:absolute;bottom:4px;left:-34px}.an-title{font-family:var(--inv-script);color:var(--accent);margin:0;font-size:1.7rem;line-height:1.2;position:relative}.an-names{font-family:var(--inv-display);color:var(--ink);overflow-wrap:anywhere;flex-direction:column;align-items:center;margin:8px 0 0;font-size:clamp(2.5rem,12vw,3.3rem);font-weight:400;line-height:1.08;display:flex;position:relative}.an-amp{font-family:var(--inv-script);color:var(--accent2);font-size:.62em;line-height:1.1}.an-age{color:var(--muted);margin:6px 0 0;font-size:1.05rem}.an-age b{font-family:var(--inv-display);color:var(--accent);font-size:2.3rem;font-weight:400}.an-rule{align-items:center;gap:10px;margin-top:18px;display:flex}.an-rule span{background:linear-gradient(90deg, transparent, var(--line));width:64px;height:1px}.an-rule span:last-child{transform:scaleX(-1)}.an-photo{aspect-ratio:1;width:200px;box-shadow:0 0 0 5px var(--card), 0 0 0 6.5px var(--accent2), 0 22px 36px -22px #00000080;border-radius:50%;margin-top:22px;position:relative;overflow:hidden}.an-photo img{object-fit:cover;width:100%;height:100%}.an-date{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;max-width:330px;margin-top:22px;display:grid}.an-date-side{color:var(--muted);font-size:.92rem;line-height:1.35}.an-date-side:first-child{text-align:right}.an-date-side:last-child{text-align:left}.an-date-medal{place-items:center;width:94px;height:102px;display:grid;position:relative}.an-medal{width:100%;height:100%;position:absolute;inset:0}.an-date-day{font-family:var(--inv-display);color:var(--accent);margin-top:18px;font-size:2.6rem;line-height:1;position:relative}.an-time{color:var(--ink);margin:12px 0 0;font-weight:600}.tpl-anor-qiz .an-branch{width:272px;right:-40px}.tpl-anor-qiz .an-cover{padding-bottom:60px}.an-divider{justify-content:center;align-items:center;gap:10px;display:flex}.an-divider span{background:linear-gradient(90deg, transparent, var(--line));width:60px;height:1px}.an-divider span:last-child{transform:scaleX(-1)}.an-overlay{background:radial-gradient(80% 42% at 50% 50%, color-mix(in srgb, var(--accent2) 20%, transparent), transparent 70%), var(--bg);padding:22px}.an-ov-title{font-family:var(--inv-script);color:var(--accent);text-align:center;margin:0;font-size:2.3rem;line-height:1.2}.an-ov-guest{color:var(--muted);text-align:center;margin:4px 0 0;font-style:italic}.an-fruit{aspect-ratio:200/220;cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;width:min(62%,230px);margin:18px 0 4px;padding:0;animation:3.2s ease-in-out infinite an-sway;position:relative}.an-fruit:after{content:"";filter:blur(6px);z-index:-1;background:#00000029;border-radius:50%;height:14px;position:absolute;bottom:-6px;left:18%;right:18%}.an-fruit svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.an-inner{opacity:0}.an-half-l{clip-path:inset(0 49.6% 0 0);transform-origin:50% 96%}.an-half-r{clip-path:inset(0 0 0 49.6%);transform-origin:50% 96%}.an-burst{width:0;height:0;position:absolute;top:60%;left:50%}.an-burst i{background:radial-gradient(circle at 34% 28%, #fffc 0 13%, transparent 15%), var(--accent2);opacity:0;width:10px;height:14px;scale:var(--sz,1);border-radius:50%/62% 62% 38% 38%;position:absolute;top:-7px;left:-5px}.tpl-anor-qiz .an-burst i{background:color-mix(in srgb, var(--accent2) 70%, var(--accent));border-radius:70% 20%;width:14px;height:11px}.an-ov-names{font-family:var(--inv-display);color:var(--ink);text-align:center;max-width:18ch;margin:14px 0 0;font-size:1.45rem}.an-open-btn{min-width:180px;margin-top:22px}@keyframes an-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}.an-overlay[data-phase=opening] .an-fruit{animation:none}.an-overlay[data-phase=opening] .an-inner{animation:1.1s .12s forwards an-inner}.an-overlay[data-phase=opening] .an-half-l{animation:.85s cubic-bezier(.3,0,.2,1) 80ms forwards an-split-l}.an-overlay[data-phase=opening] .an-half-r{animation:.85s cubic-bezier(.3,0,.2,1) 80ms forwards an-split-r}.an-overlay[data-phase=opening] .an-burst i{animation:1s cubic-bezier(.2,.7,.4,1) both an-seed}.an-overlay[data-phase=opening] .an-ov-names,.an-overlay[data-phase=opening] .an-open-btn,.an-overlay[data-phase=opening] .inv-tap,.an-overlay[data-phase=opening] .an-ov-guest{opacity:0;transition:opacity .25s}.an-overlay[data-phase=opening]{animation:.35s 1.08s forwards an-fade-out}@keyframes an-inner{0%{opacity:0;transform:scale(.9)}25%{opacity:1}70%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.2)}}@keyframes an-split-l{40%{opacity:1}to{opacity:0;transform:translate(-28%,8%)rotate(-34deg)}}@keyframes an-split-r{40%{opacity:1}to{opacity:0;transform:translate(28%,8%)rotate(34deg)}}@keyframes an-seed{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}12%{opacity:1}50%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1)}to{opacity:0;transform:translate(calc(var(--dx) * 1.15), calc(var(--dy) + 230px)) rotate(calc(var(--rot) + 160deg)) scale(.9)}}@keyframes an-fade-out{to{opacity:0;visibility:hidden}}
.inv.fam-registon{--inv-display:var(--tf-unicase), var(--tf-alice), Georgia, serif;--inv-body:var(--tf-alice), Georgia, serif;--inv-script:var(--tf-unicase), var(--tf-alice), Georgia, serif;--inv-radius:4px;--rg-m-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3L29 16L16 29L3 16ZM6.8 6.8H25.2V25.2H6.8Z'/%3E%3C/svg%3E");--rg-m-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 11L21 16L16 21L11 16ZM0 0H7L0 7ZM32 0V7L25 0ZM0 32V25L7 32ZM32 32H25L32 25Z'/%3E%3C/svg%3E");--rg-m-kufic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 0H6V4H14V0H20V10H14V6H6V10H0Z'/%3E%3C/svg%3E");--rg-arch:polygon(0% 100%, 0% 46.5%, 0.9% 38.5%, 3.6% 30.7%, 8% 23.3%, 14.1% 16.6%, 21.5% 10.8%, 30.1% 6%, 39.7% 2.4%, 50% 0%, 60.3% 2.4%, 69.9% 6%, 78.5% 10.8%, 85.9% 16.6%, 92% 23.3%, 96.4% 30.7%, 99.1% 38.5%, 100% 46.5%, 100% 100%);background:radial-gradient(100% 45% at 50% 0%, color-mix(in srgb, var(--accent2) 12%, transparent), transparent 70%), var(--bg)}.rg-band,.rg-cartouche{background:var(--accent);position:relative;overflow:hidden}.rg-band:before,.rg-band:after,.rg-cartouche:before,.rg-cartouche:after{content:"";-webkit-mask:var(--rg-m-star) 0 0 / 26px 26px repeat;-webkit-mask:var(--rg-m-star) 0 0 / 26px 26px repeat;mask:var(--rg-m-star) 0 0 / 26px 26px repeat;background:var(--gold);position:absolute;inset:0}.rg-band:after,.rg-cartouche:after{-webkit-mask-image:var(--rg-m-dots);-webkit-mask-image:var(--rg-m-dots);mask-image:var(--rg-m-dots);background:var(--card)}.fam-registon .inv-h{letter-spacing:.03em;color:var(--accent);flex-direction:column;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;display:flex}.fam-registon .inv-h:after{content:"";background:var(--accent2);width:84px;height:7px;-webkit-mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x;-webkit-mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x;mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x}.fam-registon .inv-dear{font-size:1.5rem;font-weight:700}.fam-registon .inv-greeting-text{font-size:1.07rem}.fam-registon .inv-cd-cell{background:var(--card);box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 0 5px var(--card), inset 0 0 0 6px var(--gold);border-radius:3px;padding:15px 0 13px}.fam-registon .inv-cd-num{color:var(--accent);font-weight:700}.fam-registon .inv-program time{font-family:var(--inv-display);font-weight:700}.fam-registon .inv-program li:before{background:var(--gold);border-radius:1px;rotate:45deg}.fam-registon .inv-rsvp{border-radius:4px;padding-top:36px;position:relative;overflow:hidden}.fam-registon .inv-rsvp:before{content:"";background:var(--accent2);height:14px;-webkit-mask:var(--rg-m-kufic) 0 0 / 28px 14px repeat-x;-webkit-mask:var(--rg-m-kufic) 0 0 / 28px 14px repeat-x;mask:var(--rg-m-kufic) 0 0 / 28px 14px repeat-x;position:absolute;top:0;left:0;right:0}.fam-registon .inv-choice label,.fam-registon .inv-field input,.fam-registon .inv-field textarea,.fam-registon .inv-stepper button,.fam-registon .inv-btn{border-radius:4px}.fam-registon .inv-swatches li{border-radius:3px;width:34px;height:34px;rotate:45deg}.rg-cover{min-height:var(--cover-h,92dvh);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 0 48px;display:flex;position:relative}.rg-portal{width:100%;max-width:346px;padding:18px 18px 0;position:relative}.rg-band-fill{position:absolute;inset:0}.rg-panel{z-index:1;position:relative}.rg-cap{width:100%;height:120px;margin-bottom:-1px;display:block}.rg-panel-body{background:var(--card);border-left:1.6px solid var(--gold);border-right:1.6px solid var(--gold);flex-direction:column;align-items:center;padding:0 20px 30px;display:flex}.rg-apex{margin:-58px 0 22px;position:relative}.rg-plinth{background:color-mix(in srgb, var(--accent) 70%, #000);border-radius:2px;width:calc(100% + 12px);max-width:372px;height:14px;display:block;box-shadow:0 16px 26px -18px #0009}.rg-title{font-family:var(--inv-display);letter-spacing:.06em;color:var(--muted);margin:0;font-size:1.05rem;font-weight:500}.rg-names{font-family:var(--inv-display);color:var(--accent);overflow-wrap:anywhere;flex-direction:column;align-items:center;margin:10px 0 0;font-size:clamp(2.1rem,9.8vw,2.8rem);font-weight:700;line-height:1.04;display:flex}.rg-amp{font-family:var(--inv-body);color:var(--muted);margin:4px 0;font-size:.48em;font-weight:400}.rg-age{color:var(--muted);margin:8px 0 0}.rg-age b{font-family:var(--inv-display);color:var(--accent2);font-size:2.2rem}.rg-photo{aspect-ratio:3/4;width:176px;clip-path:var(--rg-arch);background:var(--bg2);margin-top:20px;overflow:hidden}.rg-photo img{object-fit:cover;width:100%;height:100%}.rg-cartouche{border-radius:3px;width:100%;max-width:290px;margin-top:24px;padding:7px}.rg-cartouche-in{z-index:1;background:var(--card);box-shadow:inset 0 0 0 1px var(--gold);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}.rg-wd,.rg-my{color:var(--muted);font-size:.86rem;line-height:1.25}.rg-wd{text-align:right}.rg-my{text-align:left}.rg-day{font-family:var(--inv-display);color:var(--accent);font-size:2.7rem;font-weight:700;line-height:1}.rg-time{font-weight:700;font-family:var(--inv-display);letter-spacing:.04em;color:var(--ink);margin:12px 0 0}.rg-cover-calm{padding:92px 0}.rg-band-top,.rg-band-bottom{height:52px;position:absolute;left:-22px;right:-22px}.rg-band-top{top:0}.rg-band-bottom{bottom:0}.rg-band-top:before,.rg-band-bottom:before{background:var(--accent2)}.rg-calm-body{flex-direction:column;align-items:center;width:100%;display:flex}.rg-rosette{filter:drop-shadow(0 14px 18px #0000002e);width:150px;height:150px;margin-bottom:18px}.rg-cover-calm .rg-cartouche{max-width:300px}.rg-divider{justify-content:center;align-items:center;gap:8px;display:flex}.rg-sliver{background:var(--accent2);width:52px;height:7px;-webkit-mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x;-webkit-mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x;mask:var(--rg-m-kufic) 0 0 / 14px 7px repeat-x}.rg-overlay{background:radial-gradient(80% 45% at 50% 55%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%), var(--bg);padding:20px}.rg-ov-title{font-family:var(--inv-display);letter-spacing:.03em;color:var(--accent);text-align:center;margin:0;font-size:1.9rem;font-weight:700}.rg-ov-guest{color:var(--muted);text-align:center;margin:4px 0 0}.rg-gate{aspect-ratio:8/10;cursor:pointer;transform-origin:50% 66%;background:0 0;border:0;width:min(70%,266px);margin:18px 0 0;padding:0;position:relative}.rg-grid{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.rg-tile{width:100%;height:100%;animation:.62s cubic-bezier(.2,.8,.3,1) both rg-assemble;display:block}.rg-niche{clip-path:var(--rg-arch);background:radial-gradient(70% 52% at 50% 64%, color-mix(in srgb, var(--gold) 55%, #fff), color-mix(in srgb, var(--accent2) 65%, #000) 78%);opacity:0;animation:.7s 1s forwards rg-niche-in,3s ease-in-out 1.8s infinite rg-glow;position:absolute;inset:20% 12.5% 0}.rg-niche-frame{clip-path:var(--rg-arch);background:var(--gold);opacity:0;animation:.5s .95s forwards rg-niche-in;position:absolute;inset:calc(20% - 4px) calc(12.5% - 4px) 0}.rg-muq{width:76%;position:absolute;top:9%;left:12%}.rg-niche-text{text-align:center;color:color-mix(in srgb, var(--accent2) 40%, #000);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:8%;right:8%}.rg-niche-names{font-family:var(--inv-display);overflow-wrap:anywhere;font-size:1.3rem;font-weight:700;line-height:1.12}.rg-niche-date{letter-spacing:.08em;font-size:.85rem}.rg-gate-base{background:color-mix(in srgb, var(--accent) 70%, #000);border-radius:2px;width:min(78%,296px);height:10px;display:block;box-shadow:0 16px 24px -16px #0000008c}.rg-open-btn{min-width:180px;margin-top:24px}@keyframes rg-assemble{0%{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(var(--tr)) scale(.35)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes rg-niche-in{to{opacity:1}}@keyframes rg-glow{50%{filter:brightness(1.12)}}.rg-overlay[data-phase=opening] .rg-gate{animation:1.1s cubic-bezier(.55,0,.75,.2) 50ms forwards rg-walk}.rg-overlay[data-phase=opening] .rg-niche,.rg-overlay[data-phase=opening] .rg-niche-frame{opacity:1;animation:none}.rg-overlay[data-phase=opening] .rg-tile{animation:none}.rg-overlay[data-phase=opening] .rg-open-btn,.rg-overlay[data-phase=opening] .inv-tap,.rg-overlay[data-phase=opening] .rg-gate-base,.rg-overlay[data-phase=opening] .rg-ov-title,.rg-overlay[data-phase=opening] .rg-ov-guest{opacity:0;transition:opacity .3s}.rg-overlay[data-phase=opening]{animation:.4s .95s forwards rg-fade-out}@keyframes rg-walk{to{transform:scale(3.4)}}@keyframes rg-fade-out{to{opacity:0;visibility:hidden}}
.inv.fam-parda{--inv-display:var(--tf-kurale), var(--tf-lora), Georgia, serif;--inv-body:var(--tf-lora), Georgia, serif;--inv-script:var(--tf-badscript), var(--tf-lora), cursive;--inv-radius:14px;background:radial-gradient(120% 50% at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 65%), var(--bg)}.fam-parda .pd-c0{fill:var(--accent)}.fam-parda .pd-c1{fill:var(--gold);stroke:var(--gold)}.fam-parda .pd-c2{fill:var(--accent2);stroke:var(--accent2)}.fam-parda .pd-c3{fill:var(--card)}.fam-parda .pd-c4{fill:color-mix(in srgb, var(--accent) 70%, black)}.fam-parda .pd-stripes{display:none}.tpl-parda-adras .pd-c0{fill:var(--accent2)}.tpl-parda-adras .pd-c1{fill:var(--accent);stroke:var(--accent)}.tpl-parda-adras .pd-c2{fill:var(--leaf);stroke:var(--leaf)}.tpl-parda-adras .pd-c3{fill:var(--gold)}.tpl-parda-adras .pd-c4{fill:var(--card)}.tpl-parda-adras .pd-stripes{display:inline}.fam-parda .inv-h{color:var(--accent);justify-content:center;align-items:center;gap:12px;font-size:1.85rem;display:flex}.fam-parda .inv-h:before,.fam-parda .inv-h:after{content:"";background:var(--accent2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none;width:8px;height:16px}.fam-parda .inv-dear{font-size:1.9rem}.fam-parda .inv-greeting-text{font-size:1.08rem;font-style:italic}.fam-parda .inv-cd-cell{background:linear-gradient(90deg, #0000002e, #ffffff1a 45%, #0000001f 75%, #00000038), var(--accent);border-radius:10px 10px 4px 4px;box-shadow:0 10px 18px -12px #00000080}.fam-parda .inv-cd-num{color:var(--on-accent)}.fam-parda .inv-cd-label{color:var(--on-accent);opacity:.85}.fam-parda .inv-program li:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--accent2);border-radius:0;width:8px;height:12px;top:16px;left:54.5px}.fam-parda .inv-program time{font-family:var(--inv-display)}.fam-parda .inv-rsvp{outline:1.5px dashed color-mix(in srgb, var(--gold) 80%, transparent);outline-offset:-9px;padding:28px 22px}.fam-parda .inv-swatches li{border-radius:8px 8px 50% 50%}.pd-cover{min-height:var(--cover-h,92dvh);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:72px 20px 56px;display:flex;position:relative}.pd-band{width:30px;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:0 0 18px -6px #00000059}.pd-band svg{width:100%;height:100%;display:block}.pd-band:after{content:"";background:linear-gradient(90deg,#0000002e,#ffffff1f 50%,#0003);position:absolute;inset:0}.pd-band-l{left:-22px}.pd-band-r{right:-22px}.pd-title{font-family:var(--inv-display);color:var(--muted);letter-spacing:.06em;margin:0;font-size:1.15rem}.pd-names{font-family:var(--inv-display);color:var(--accent);overflow-wrap:anywhere;flex-direction:column;align-items:center;margin:14px 0 0;font-size:clamp(2.5rem,12vw,3.4rem);font-weight:400;line-height:1.08;display:flex}.pd-amp{font-family:var(--inv-script);color:var(--gold);font-size:.62em;line-height:1.2}.pd-age{font-family:var(--inv-script);color:var(--ink);margin:12px 0 0;font-size:1.5rem}.pd-age b{font-family:var(--inv-display);color:var(--accent2);font-size:2.6rem;font-weight:400}.pd-photo{aspect-ratio:3/4;background:var(--accent);width:200px;box-shadow:inset 0 0 0 2px var(--gold), 0 22px 36px -22px #00000080;border-radius:999px 999px 18px 18px;margin-top:24px;padding:7px}.pd-photo img{object-fit:cover;border-radius:999px 999px 13px 13px;width:100%;height:100%}.pd-date{align-items:flex-start;gap:6px;margin-top:28px;display:flex}.pd-date-tassel{width:18px;height:64px;margin-top:-4px}.pd-date-box{border:1.5px solid var(--gold);min-width:170px;box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 5px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:14px;flex-direction:column;align-items:center;padding:10px 18px 12px;display:flex}.pd-date-wd{font-family:var(--inv-script);color:var(--accent);font-size:1.2rem;line-height:1.2}.pd-date-day{font-family:var(--inv-display);color:var(--ink);font-size:3.4rem;line-height:1}.pd-date-my{color:var(--muted);font-size:.95rem}.pd-time{color:var(--ink);margin:14px 0 0;font-weight:600}.pd-divider{justify-content:center;align-items:center;gap:12px;display:flex}.pd-divider span{background:linear-gradient(90deg, transparent, var(--gold));width:64px;height:1px}.pd-divider span:last-child{transform:scaleX(-1)}.inv-overlay.pd-overlay{cursor:pointer;background:0 0}.pd-curtain{filter:drop-shadow(0 0 14px #00000059);width:50.5%;display:flex;position:absolute;top:0;bottom:0}.pd-curtain-l{left:0}.pd-curtain-r{right:0;transform:scaleX(-1)}.pd-strip{transform-origin:0;flex:1;position:relative;overflow:hidden}.pd-strip .pd-cloth{filter:blur(.45px);width:600%;height:100%;top:0;left:calc(var(--i) * -100%);position:absolute}.pd-strip:after{content:"";background:linear-gradient(90deg,#00000042,#ffffff24 42%,#ffffff0a 60%,#0000004d),linear-gradient(160deg,#ffffff1f,#0000 40%);position:absolute;inset:0}.pd-valance{background:linear-gradient(#00000040, #0000000d), var(--accent);height:54px;box-shadow:inset 0 -3px 0 var(--gold);z-index:2;position:absolute;top:0;left:0;right:0}.pd-valance:after{content:"";background:radial-gradient(circle at 10px 0, var(--gold) 6px, transparent 7px) 0 0 / 20px 12px repeat-x;height:12px;position:absolute;bottom:-12px;left:0;right:0}.pd-center{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:70px 20px 30px;display:flex;position:absolute;inset:0}.pd-tag{pointer-events:auto;background:var(--card);border:1.5px solid var(--gold);width:min(80%,300px);box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 5px color-mix(in srgb, var(--accent) 40%, transparent), 0 24px 40px -20px #0009;text-align:center;color:var(--ink);border-radius:18px;padding:22px 20px 18px}.pd-tag-title{font-family:var(--inv-display);color:var(--accent);margin:0;font-size:1.7rem;line-height:1.15}.pd-tag-guest{color:var(--muted);margin:6px 0 0;font-style:italic}.pd-tag-names{font-family:var(--inv-script);color:var(--ink);margin:8px 0 0;font-size:1.45rem;line-height:1.25}.pd-tag .inv-btn{min-width:160px;margin-top:16px}.pd-tag .inv-tap{margin-top:12px}.pd-tie{width:150px;height:120px;margin-top:14px;position:relative}.pd-rope{background:repeating-linear-gradient(60deg, #00000038 0 3px, transparent 3px 7px), var(--gold);border-radius:9px;height:9px;position:absolute;top:8px;left:0;right:0;box-shadow:0 3px 6px #0000004d}.pd-tie-tassel{transform-origin:50% 10%;width:36px;height:108px;animation:3.2s ease-in-out infinite pd-sway;position:absolute;top:-10px;left:50%;translate:-50%}@keyframes pd-sway{50%{transform:rotate(4deg)}}.pd-overlay[data-phase=opening]{cursor:default;animation:.3s 1.15s forwards inv-fade-out}.pd-overlay[data-phase=opening] .pd-tag{animation:.35s ease-in forwards pd-tag-out}.pd-overlay[data-phase=opening] .pd-tie{animation:.6s cubic-bezier(.55,0,.9,.4) 50ms forwards pd-drop}.pd-overlay[data-phase=opening] .pd-strip{animation:pd-gather .85s calc(.22s + (5 - var(--i)) * 45ms) cubic-bezier(.5, 0, .2, 1) forwards}.pd-overlay[data-phase=opening] .pd-valance{animation:.5s ease-in .65s forwards pd-up}@keyframes pd-tag-out{to{opacity:0;transform:translateY(-14px)scale(.94)}}@keyframes pd-drop{to{opacity:0;transform:translateY(380px)rotate(18deg)}}@keyframes pd-gather{45%{transform:translateX(calc(var(--i) * -38%)) scaleX(.72) skewY(calc(var(--s) * 4deg))}to{transform:translateX(calc(var(--i) * -84%)) scaleX(.2) skewY(calc(var(--s) * 1.5deg))}}@keyframes pd-up{to{transform:translateY(-110%)}}@keyframes inv-fade-out{to{opacity:0;visibility:hidden}}
.inv.fam-non{--inv-display:var(--tf-podkova), var(--tf-lora), Georgia, serif;--inv-body:var(--tf-lora), Georgia, serif;--inv-script:var(--tf-lora), Georgia, serif;--inv-radius:16px;--nn-crumb:color-mix(in oklch, var(--gold) 62%, white);--nn-crust:color-mix(in oklch, var(--gold) 86%, black);--nn-crust-hi:color-mix(in oklch, var(--gold) 80%, white);--nn-crust-lo:color-mix(in oklch, var(--gold) 66%, black);background:radial-gradient(110% 45% at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%), var(--bg)}.nn-bread{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffffff4d, transparent 42%), radial-gradient(circle closest-side, color-mix(in oklch, var(--nn-crumb) 85%, var(--nn-crust)) 0, var(--nn-crumb) 30%, color-mix(in oklch, var(--nn-crumb) 60%, var(--nn-crust)) 47%, var(--nn-crust-lo) 51%, var(--nn-crust) 56%, var(--nn-crust-hi) 70%, var(--nn-crust-hi) 76%, var(--nn-crust) 88%, var(--nn-crust-lo) 97%, transparent 100%);filter:drop-shadow(0 14px 14px #00000040);border-radius:50%;display:block;position:relative}.nn-bread-marks{width:100%;height:100%;position:absolute;inset:0}.fam-non .nn-cloth{fill:var(--card)}.fam-non .nn-cloth-edge{stroke:var(--nn-red,var(--accent))}.fam-non .nn-red{fill:var(--nn-red,var(--accent))}.fam-non .nn-blue{fill:var(--nn-blue,var(--accent2))}.fam-non .nn-blue-stroke{stroke:var(--nn-blue,var(--accent2))}.fam-non .nn-apricot{fill:color-mix(in srgb, var(--gold) 75%, var(--nn-red,var(--accent)))}.fam-non .nn-tea{fill:color-mix(in srgb, var(--gold) 70%, black)}.fam-non .inv-h{color:var(--accent);justify-content:center;align-items:center;gap:12px;font-size:1.75rem;display:flex}.fam-non .inv-h:before,.fam-non .inv-h:after{content:"";background:radial-gradient(circle, var(--gold) 2.2px, transparent 2.6px) 0 0 / 7.3px 6px repeat-x;flex:none;width:22px;height:6px}.fam-non .inv-dear{font-family:var(--inv-display);font-size:1.6rem}.fam-non .inv-cd-cell{aspect-ratio:1;background:radial-gradient(circle, transparent 60%, color-mix(in srgb, var(--gold) 18%, transparent) 61%), var(--card);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 60%, transparent), inset 0 0 0 5px var(--card), inset 0 0 0 6px var(--line);border-radius:50%;justify-content:center;padding:0}.fam-non .inv-cd-num{font-size:1.6rem}.fam-non .inv-program time{font-family:var(--inv-display);font-weight:700}.fam-non .inv-program li:before{background:var(--gold)}.fam-non .inv-rsvp{background:linear-gradient(var(--card), var(--card)) padding-box, repeating-linear-gradient(45deg, var(--accent) 0 7px, var(--card) 7px 10px, var(--gold) 10px 15px, var(--card) 15px 18px) border-box;box-shadow:none;border:8px solid #0000}.fam-non .inv-btn{border-radius:14px}.nn-cover{min-height:var(--cover-h,92dvh);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 0 44px;display:flex;position:relative}.nn-cover-bread{width:210px;margin-bottom:18px}.nn-cover-bread .nn-bread{width:100%}.nn-spread{width:min(100%,330px);margin-bottom:18px;position:relative}.nn-spread svg{width:100%;height:auto;display:block}.nn-spread .nn-bread{width:34%;position:absolute;top:50%;left:50%;translate:-50% -50%}.nn-title{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-family:var(--inv-display);border-radius:999px;margin:0;padding:5px 16px;font-size:1rem;font-weight:700;display:inline-block}.nn-names{font-family:var(--inv-display);color:var(--ink);overflow-wrap:anywhere;flex-direction:column;align-items:center;margin:14px 0 0;font-size:clamp(2.2rem,11vw,3.1rem);font-weight:700;line-height:1.08;display:flex}.nn-amp{font-family:var(--inv-body);color:var(--accent);margin:4px 0;font-size:.45em;font-style:italic;font-weight:400}.nn-age{margin:10px 0 0;font-size:1.15rem}.nn-age b{font-family:var(--inv-display);color:var(--accent);font-size:2.4rem}.nn-photo{aspect-ratio:1;background:radial-gradient(circle, var(--nn-crust-hi), var(--nn-crust) 70%, var(--nn-crust-lo));border-radius:50%;width:190px;margin-top:22px;padding:8px;box-shadow:0 18px 30px -18px #00000080}.nn-photo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nn-seal{aspect-ratio:1;background:color-mix(in srgb, var(--gold) 10%, var(--card));width:170px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 60%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-top:26px;display:flex;position:relative}.nn-seal-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nn-seal-wd{color:var(--muted);font-size:.9rem;position:relative}.nn-seal-day{font-family:var(--inv-display);color:var(--accent);font-size:3.3rem;font-weight:700;line-height:1;position:relative}.nn-seal-my{color:var(--ink);font-size:.9rem;position:relative}.nn-time{color:var(--ink);margin:14px 0 0;font-weight:600}.nn-divider{justify-content:center;align-items:center;gap:12px;display:flex}.nn-divider span{background:radial-gradient(circle, color-mix(in srgb, var(--gold) 70%, transparent) 1.6px, transparent 2px) 0 0 / 8px 6px repeat-x;width:60px;height:6px}.nn-overlay{background:radial-gradient(80% 45% at 50% 52%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 70%), var(--bg);padding:20px}.nn-ov-title{font-family:var(--inv-display);color:var(--accent);text-align:center;margin:0;font-size:1.9rem;font-weight:700}.nn-ov-guest{color:var(--muted);text-align:center;margin:4px 0 0;font-style:italic}.nn-stage{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:min(76%,290px);margin:34px 0 18px;padding:0;position:relative}.nn-cloth-sq{background:linear-gradient(var(--card), var(--card)) padding-box, repeating-linear-gradient(45deg, var(--accent) 0 7px, var(--card) 7px 10px, var(--gold) 10px 15px, var(--card) 15px 18px) border-box;border:10px solid #0000;border-radius:10px;display:block;position:absolute;inset:4%;rotate:8deg;box-shadow:0 18px 30px -16px #0006}.nn-cloth-sq:after{content:"";aspect-ratio:1;background:linear-gradient(135deg, color-mix(in srgb, var(--card) 80%, black) 50%, transparent 50%);border-radius:0 0 10px;width:22%;position:absolute;bottom:-10px;right:-10px}.nn-loaf{display:block;position:absolute;inset:8%}.nn-piece{display:block;position:absolute;inset:0}.nn-piece .nn-bread{width:100%}.nn-p1{clip-path:polygon(0 0,50% 0,47% 15%,53% 30%,48% 45%,50% 50%,38% 52%,25% 47%,12% 53%,0 50%)}.nn-p2{clip-path:polygon(50% 0,100% 0,100% 51%,88% 47%,75% 53%,62% 48%,50% 50%,48% 45%,53% 30%,47% 15%)}.nn-p3{clip-path:polygon(0 50%,12% 53%,25% 47%,38% 52%,50% 50%,52% 60%,47% 75%,52% 88%,49% 100%,0 100%)}.nn-p4{clip-path:polygon(50% 50%,62% 48%,75% 53%,88% 47%,100% 51%,100% 100%,49% 100%,52% 88%,47% 75%,52% 60%)}.nn-loaf .nn-bread{filter:none}.nn-loaf:before{content:"";filter:blur(9px);background:#00000038;border-radius:50%;position:absolute;inset:8% 6% 0}.nn-crumb{background:var(--nn-crust-hi);opacity:0;border-radius:40%;width:6px;height:5px;position:absolute;top:50%;left:50%}.nn-ov-names{font-family:var(--inv-body);color:var(--ink);text-align:center;margin:8px 0 0;font-size:1.3rem;font-style:italic}.nn-open-btn{min-width:180px;margin-top:18px}.nn-overlay[data-phase=opening] .nn-p1{animation:.85s cubic-bezier(.2,.9,.3,1) .12s forwards nn-break-1}.nn-overlay[data-phase=opening] .nn-p2{animation:.85s cubic-bezier(.2,.9,.3,1) .12s forwards nn-break-2}.nn-overlay[data-phase=opening] .nn-p3{animation:.85s cubic-bezier(.2,.9,.3,1) .12s forwards nn-break-3}.nn-overlay[data-phase=opening] .nn-p4{animation:.85s cubic-bezier(.2,.9,.3,1) .12s forwards nn-break-4}.nn-overlay[data-phase=opening] .nn-loaf{animation:.14s ease-out nn-press}.nn-overlay[data-phase=opening] .nn-loaf:before{opacity:0;transition:opacity .3s .15s}.nn-overlay[data-phase=opening] .nn-crumb{animation:.8s cubic-bezier(.2,.7,.4,1) .15s forwards nn-crumb}.nn-overlay[data-phase=opening] .nn-open-btn,.nn-overlay[data-phase=opening] .inv-tap{opacity:0;transition:opacity .2s}.nn-overlay[data-phase=opening]{animation:.4s .95s forwards inv-fade-out}@keyframes nn-press{50%{transform:scale(.97)}}@keyframes nn-break-1{to{transform:translate(-17%,-15%)rotate(-11deg)}}@keyframes nn-break-2{to{transform:translate(16%,-17%)rotate(9deg)}}@keyframes nn-break-3{to{transform:translate(-16%,16%)rotate(8deg)}}@keyframes nn-break-4{to{transform:translate(17%,14%)rotate(-7deg)}}@keyframes nn-crumb{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(160deg)}}@keyframes inv-fade-out{to{opacity:0;visibility:hidden}}