/* Event Online V9 – theme-authored dimensional headings and real mobile layouts. */
.design-v5 .invitation {
  --t3-face:linear-gradient(180deg,#fffefa 0%,#dce9f5 25%,#6e8eaf 44%,#f8feff 53%,#66839e 76%,#c3dcef 100%);
  --t3-accent:linear-gradient(180deg,#fffef6 0%,#ffe2a2 25%,#ffc24e 45%,#d88919 78%,#fff2b3 100%);
  --t3-edge:#7e573d;--t3-shadow:#1b0f20;--t3-glow:#ffe5a044;
  --t3-stroke:rgba(255,235,182,.7);
  font-synthesis:none;
}
/* Distinct color grading for each V8 theme rather than one universal gold gradient. */
.design-v5 .invitation[data-palette="tet-red"] {--t3-face:linear-gradient(180deg,#fffdee 0%,#fff1bc 25%,#e9a948 46%,#ffe6a0 58%,#a95a19 85%,#fbd77a 100%);--t3-accent:linear-gradient(180deg,#ffffff,#ffe598 27%,#e49a27 46%,#ffefae 58%,#ae621d 85%,#ffe3a1);--t3-edge:#6a2a10;--t3-shadow:#3f0811;--t3-glow:#ffd36b66;--t3-stroke:#ffe9ba}
.design-v5 .invitation[data-palette="tet-pink"] {--t3-face:linear-gradient(180deg,#8f365b 0%,#d35c88 34%,#fff1f7 47%,#b04676 63%,#6c2b57 100%);--t3-accent:linear-gradient(180deg,#fff 0%,#ffdded 18%,#ff95bd 43%,#fff0f7 52%,#b83d78 80%,#f7a8c8);--t3-edge:#8b4266;--t3-shadow:#cb8ba2;--t3-glow:#f28cb965;--t3-stroke:#fff3f6}
.design-v5 .invitation[data-palette="purple"] {--t3-face:linear-gradient(180deg,#fff 4%,#d9e0ff 24%,#7b83bc 43%,#f6fdff 52%,#777cba 79%,#d4d5fa);--t3-accent:linear-gradient(180deg,#fff6ff 4%,#f7c2ff 23%,#e578f4 44%,#fff3ff 52%,#9b39d7 78%,#ff96e9);--t3-edge:#401559;--t3-shadow:#17092d;--t3-glow:#f66aff90;--t3-stroke:#f3c2ff}
.design-v5 .invitation[data-palette="party"] {--t3-face:linear-gradient(180deg,#fff 6%,#d9e1ff 24%,#7d92bb 41%,#fff 50%,#6375a4 77%,#dfeeff);--t3-accent:linear-gradient(180deg,#fffdf2 0%,#ffedbc 24%,#ffc661 44%,#fff3c4 54%,#da7624 85%,#ffdd7c);--t3-edge:#36275a;--t3-shadow:#07091e;--t3-glow:#fc8fd385;--t3-stroke:#fff3d1}
.design-v5 .invitation[data-palette="talkshow-blue"] {--t3-face:linear-gradient(180deg,#fdfefe 4%,#c6eeff 23%,#5288b8 42%,#ecffff 52%,#28639b 82%,#b1e5ff);--t3-accent:linear-gradient(180deg,#fff 0%,#b2f3ff 22%,#66c8ee 43%,#faffff 54%,#257ab6 87%,#a9dcff);--t3-edge:#0c335c;--t3-shadow:#06172e;--t3-glow:#56dfffa0;--t3-stroke:#d9f8ff}
.design-v5 .invitation[data-palette="meeting-green"] {--t3-face:linear-gradient(180deg,#fffdec 6%,#fff1c9 25%,#c5a76e 44%,#fff8dc 53%,#96734c 82%,#ead2a4);--t3-accent:linear-gradient(180deg,#f9fff0 4%,#e5f3b3 26%,#78bf83 46%,#f6ffdd 53%,#3e875a 82%,#b6e4a0);--t3-edge:#184735;--t3-shadow:#06241d;--t3-glow:#b1f4a45c;--t3-stroke:#fff6cb}
.design-v5 .invitation[data-palette="event-orange"] {--t3-face:linear-gradient(180deg,#fffef3 0%,#ffebbe 20%,#ffc55e 43%,#fff5dd 54%,#a94719 82%,#ffe0a0);--t3-accent:linear-gradient(180deg,#fff 0%,#ffe4a7 23%,#ffc14e 45%,#fff0ad 57%,#d55a20 82%,#ffcc6c);--t3-edge:#742c12;--t3-shadow:#381309;--t3-glow:#ffc44c99;--t3-stroke:#ffe9be}
.design-v5 .invitation[data-palette="white-gradient"] {--t3-face:linear-gradient(180deg,#1a416e 8%,#3f8abf 30%,#91cfed 45%,#ffffff 54%,#226498 72%,#154775 100%);--t3-accent:linear-gradient(180deg,#244a83 4%,#599ed7 28%,#bfe9ff 45%,#fcffff 52%,#2470ad 81%,#89c7f1);--t3-edge:#8ab9d6;--t3-shadow:#88abc5;--t3-glow:#7cd4e655;--t3-stroke:#d9f5ff}

/* Fine 3D extrusion. The duplicate layer is decorative and only generated on short titles. */
.design-v5 .invitation .event-title{margin-block:clamp(11px,2.1vw,20px) 8px;max-width:100%;text-align:center;overflow:visible;line-height:1.13;letter-spacing:-.043em;word-break:normal;overflow-wrap:anywhere;text-wrap:balance;font-weight:900;}
.design-v5 .invitation .title-main,.design-v5 .invitation .title-accent{
  display:block;position:relative;z-index:0;isolation:isolate;max-width:100%;line-height:1.13;letter-spacing:-.045em;overflow-wrap:anywhere;white-space:normal;text-wrap:balance;
  background:var(--t3-face)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  -webkit-text-stroke:.58px var(--t3-stroke)!important;
  filter:drop-shadow(0 1px 0 var(--t3-edge)) drop-shadow(1px 2px 0 var(--t3-edge)) drop-shadow(2px 4px 0 var(--t3-edge)) drop-shadow(3px 6px 3px var(--t3-shadow)) drop-shadow(0 11px 15px var(--t3-shadow))!important;
}
.design-v5 .invitation .title-accent{background:var(--t3-accent)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(1px 2px 0 var(--t3-edge)) drop-shadow(2px 4px 0 var(--t3-edge)) drop-shadow(3px 6px 0 var(--t3-shadow)) drop-shadow(0 8px 6px var(--t3-shadow)) drop-shadow(0 0 16px var(--t3-glow))!important;margin:8px auto 3px;font-size:clamp(49px,7.5vw,91px);font-weight:950;}
.design-v5 .invitation .title-accent:not(.has-long-text):not(:empty)::before{
  content:attr(data-depth-text);position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--t3-edge);-webkit-text-fill-color:var(--t3-edge);-webkit-text-stroke:.6px var(--t3-edge);background:none;transform:translate(3px,6px);opacity:.58;
}
.design-v5 .invitation .title-accent:empty{display:none!important;}
.design-v5 .invitation[data-title-style="neon"] .title-main,.design-v5 .invitation[data-title-style="neon"] .title-accent{--t3-glow:#fd78d9bb;filter:drop-shadow(1px 2px 0 var(--t3-edge)) drop-shadow(2px 4px 0 var(--t3-shadow)) drop-shadow(0 0 12px var(--t3-glow)) drop-shadow(0 0 24px var(--t3-glow))!important}
.design-v5 .invitation[data-title-style="rose3d"]{--t3-face:linear-gradient(180deg,#733456,#c65d8a 34%,#fff6fc 49%,#90375f 79%,#f7b1d2);--t3-accent:linear-gradient(180deg,#fff,#ffdbea 22%,#f788b7 42%,#fff 53%,#ba477c 78%,#fba8ca);--t3-edge:#953d6d;--t3-glow:#ec86b780;--t3-stroke:#f8cadf}
.design-v5 .invitation[data-title-style="crystal"]{--t3-face:linear-gradient(180deg,#faffff,#b4e3ff 21%,#427caf 40%,#fff 53%,#1e619b 82%,#9acaff);--t3-accent:linear-gradient(180deg,#fff 0%,#bbf6ff 23%,#5bc0ee 43%,#fff 53%,#226ba1 81%,#b4f3ff);--t3-edge:#346080;--t3-glow:#91e9ff75;--t3-stroke:#d9f8ff}
.design-v5 .invitation[data-title-style="fire"]{--t3-face:linear-gradient(180deg,#fff,#ffecb6 25%,#ffcc6c 45%,#fff5d8 55%,#a84b1f 84%,#ffdc91);--t3-accent:linear-gradient(180deg,#fff2cf 0%,#ffc768 34%,#ff9b34 44%,#fff4d3 55%,#c64b1b 83%,#ffcd76);--t3-edge:#8f3d15;--t3-glow:#ffad598b;--t3-stroke:#ffe1a5}
.design-v5 .invitation[data-title-style="gold"]{--t3-face:linear-gradient(180deg,#fffdf1,#ffe9af 25%,#dca94a 44%,#fff3ba 53%,#996125 84%,#ffd585);--t3-accent:linear-gradient(180deg,#fff,#ffe39b 24%,#f1b844 44%,#fff2ad 54%,#a75d19 84%,#ffd57f);--t3-edge:#845121;--t3-glow:#ffd06266;--t3-stroke:#fff0b8}
.design-v5 .invitation[data-title-style="chrome"]{--t3-face:linear-gradient(180deg,#fff 2%,#dfe9f5 24%,#7283a6 43%,#f7ffff 53%,#637795 80%,#deeaff);--t3-accent:linear-gradient(180deg,#ffffff,#d8e4f3 23%,#8ea6be 43%,#ffffff 53%,#536b93 80%,#d9ecff);--t3-edge:#435375;--t3-glow:#d8e7fa7a;--t3-stroke:#eef6ff}
.design-v5 .invitation[data-title-style="emboss"] .title-main,.design-v5 .invitation[data-title-style="emboss"] .title-accent{filter:drop-shadow(0 2px 0 var(--t3-edge)) drop-shadow(1px 3px 2px var(--t3-shadow)) drop-shadow(0 7px 9px #0002)!important}
.design-v5 .invitation[data-title-style="elegant"] .title-main,.design-v5 .invitation[data-title-style="elegant"] .title-accent{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;-webkit-text-stroke:0!important;filter:drop-shadow(0 3px 4px #0003)!important}
.design-v5 .invitation[data-title-style="elegant"] .title-accent{-webkit-text-fill-color:var(--accent)!important;color:var(--accent)!important}
.design-v5 .invitation[data-title-style="elegant"] .title-accent::before{display:none!important}

/* Better invitation composition and vector details. */
.design-v5 .invitation .invite-content{width:100%;min-width:0;max-width:100%;}
.design-v5 .invitation .invite-upper,.design-v5 .invitation .overline,.design-v5 .invitation .intro-title,.design-v5 .invitation .highlight-banner,.design-v5 .invitation .closing-banner,.design-v5 .invitation .invite-body,.design-v5 .invitation .ending-text{max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;}
.design-v5 .invitation .script-heading{font-size:clamp(34px,5.8vw,58px);line-height:1.12;letter-spacing:-.04em;}
.design-v5 .invitation .highlight-banner{margin-block:12px 15px;padding:12px 14px;line-height:1.48;font-weight:900;letter-spacing:-.025em;border-radius:15px;white-space:normal;}
.design-v5 .invitation .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 21px;}
.design-v5 .invitation .detail-box{min-width:0;border-radius:20px;padding:15px 14px;gap:11px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 49%,transparent);background:color-mix(in srgb,var(--panel) 89%,transparent);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 16%,transparent),0 13px 25px #03071925;}
.design-v5 .invitation .detail-emoji{width:48px;height:48px;min-width:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 13%,transparent);font-size:0;}
.design-v5 .invitation .detail-emoji svg{width:31px;height:31px;display:block;color:var(--accent);}
.design-v5 .invitation .detail-copy{min-width:0;flex:1;}
.design-v5 .invitation .detail-copy>span{letter-spacing:.08em;font-size:9.5px;font-weight:850;}
.design-v5 .invitation .detail-copy strong{font-size:clamp(14px,2.2vw,21px);line-height:1.4;word-break:normal;overflow-wrap:anywhere;}
.design-v5 .invitation .detail-copy small{font-size:11px;line-height:1.6;}
.design-v5 .invitation .closing-banner{padding:12px 15px;line-height:1.48;border-radius:12px;font-size:clamp(12px,1.85vw,17px);letter-spacing:-.02em;font-weight:900;}
.design-v5 .invitation .ending-text{font-size:clamp(12px,1.55vw,14px);line-height:1.75;}
.design-v5 .invitation .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(100%,520px);margin:24px auto 0;max-width:100%;}
.design-v5 .invitation .card-actions .action-button{white-space:normal;min-width:0;min-height:43px;padding:11px 12px;font-size:11.5px;overflow-wrap:anywhere;text-align:center;}
.design-v5 .invitation .card-actions .guests-action{grid-column:1/-1;}
/* Layout variations remain art-directed; all text is in normal document flow. */
.design-v5 .invitation[data-layout="stage"] .event-title{margin-top:19px;}
.design-v5 .invitation[data-layout="hero"] .event-title{margin-top:18px;padding:12px 2px 10px;}
.design-v5 .invitation[data-layout="framed"] .event-title{margin-top:16px;}
.design-v5 .invitation[data-background-light="true"] .detail-box{background:color-mix(in srgb,#ffffff 87%,transparent);}

@media(max-width:740px){
  .design-v5 .invitation{width:min(100%,560px);padding:clamp(24px,5vw,35px) clamp(17px,5vw,28px) 27px;min-height:0;}
  .design-v5 .invitation .event-title,.design-v5 .invitation[data-layout="hero"] .event-title{font-size:clamp(29px,8.5vw,49px)!important;line-height:1.11;}
  .design-v5 .invitation .title-main{line-height:1.12;}
  .design-v5 .invitation .title-accent{font-size:clamp(42px,11.7vw,69px)!important;line-height:1.12;}
  .design-v5 .invitation .script-heading{font-size:clamp(35px,9.6vw,51px);}
  .design-v5 .invitation .detail-grid{grid-template-columns:1fr;gap:10px;margin-block:13px 18px;}
  .design-v5 .invitation .detail-box{padding:13px 15px;}
  .design-v5 .invitation .detail-copy strong{font-size:clamp(15px,4.1vw,19px);}
  .design-v5 .invitation .highlight-banner{font-size:clamp(11.5px,3.35vw,14px);line-height:1.5;padding:10px 12px;}
  .design-v5 .invitation .invite-body{font-size:clamp(12px,3.4vw,14px);line-height:1.78;}
  .design-v5 .invitation .closing-banner{font-size:clamp(11px,3.25vw,14px);}
  .design-v5 .invitation .card-actions{gap:8px;}
}
@media(max-width:420px){
  .page{padding:8px 6px 8px;min-height:0;}
  .design-v5 .invitation{width:100%;padding:27px 20px 23px;border-radius:17px;}
  .design-v5 .invitation .event-title,.design-v5 .invitation[data-layout="hero"] .event-title{font-size:clamp(27px,8vw,35px)!important;letter-spacing:-.05em!important;}
  .design-v5 .invitation .title-accent{font-size:clamp(39px,10.7vw,51px)!important;}
  .design-v5 .invitation .detail-emoji{width:42px;height:42px;min-width:42px;flex-basis:42px;border-radius:12px;}
  .design-v5 .invitation .detail-emoji svg{height:27px;width:27px;}
  .design-v5 .invitation .detail-box{gap:10px;padding:12px;}
  .design-v5 .invitation .detail-copy strong{font-size:15px;}
  .design-v5 .invitation .card-actions .action-button{font-size:10.5px;padding:10px 8px;}
  .design-v5 .invitation .card-actions .guests-action{grid-column:1/-1;}
  .design-v5 .invitation .invite-body{font-size:12.5px;line-height:1.72;}
  .design-v5 .invitation .script-heading{font-size:clamp(31px,8.6vw,41px);}
}
@media(max-width:345px){
  .design-v5 .invitation{padding-inline:16px;}
  .design-v5 .invitation .title-accent{font-size:37px!important;}
  .design-v5 .invitation .detail-grid{grid-template-columns:1fr;}
  .design-v5 .invitation .card-actions{grid-template-columns:1fr;}
  .design-v5 .invitation .card-actions .guests-action{grid-column:auto;}
}
@media(prefers-reduced-motion:reduce){.design-v5 .theme-fx .fx-item{animation:none!important}}