/* Match the larger composition in the supplied wide-screen reference; keep compact screens at the original size. */
.hero,.site-header{--hero-unit:clamp(1px,.05vw,1.2px)}
/* Imported hero by the user. Source and credits: docs/landing/hero-claude-2026-10-27/ and NOTICE.txt. */
.hero{--paper:#fcf8f5;--ink:#40323a;--hero-ui-muted:#725d68;--line:#e5d5db;--hero-rose:#f1e2e5;--berry:#79364c;--deep:#542638;--hero-night:#391e2e;--hero-light:#fff4f7;--hero-dash:#c4a2b0;--hero-mauve:#a97d8f;--hero-table:#f6ecee;--hero-table-line:#dcc3cd;--hero-ink:#3a1828;--hero-muted:#613c48;--display:Cormorant,Georgia,serif;--body:Manrope,'Segoe UI',sans-serif;font:calc(16 * var(--hero-unit))/1.6 var(--body)}
/* Match the supplied header reference while keeping its existing navigation. */
.site-header{left:0;right:0;max-width:none;translate:none;min-height:calc(88 * var(--hero-unit));gap:calc(28 * var(--hero-unit));padding:calc(16 * var(--hero-unit)) calc(48 * var(--hero-unit));background:linear-gradient(180deg,rgba(252,248,245,.93),rgba(252,248,245,.58));font-size:calc(16 * var(--hero-unit));line-height:1.6}
.site-header .brand{width:calc(182 * var(--hero-unit))}
.site-header .desktop-nav{gap:calc(24 * var(--hero-unit));font-size:calc(14 * var(--hero-unit))}
.site-header .desktop-nav a{min-height:calc(44 * var(--hero-unit))}
.site-header .button.small{min-height:calc(44 * var(--hero-unit));padding:calc(8 * var(--hero-unit)) calc(22 * var(--hero-unit));border:0;font-size:calc(13 * var(--hero-unit));box-shadow:none}
.site-header .mobile-menu{margin-left:auto}
.site-header .mobile-menu nav a{font-size:calc(15 * var(--hero-unit))}
/* Prevent earlier page typography from changing the supplied hero layout. */
.hero .wrap{width:min(calc(1200 * var(--hero-unit)),calc(100% - calc(96 * var(--hero-unit))));margin-inline:auto}
.hero h1,.hero p{text-wrap:wrap}
.hero-actions{flex-direction:row}
.hero-bottom{flex-wrap:nowrap;justify-content:normal;padding-block:0}
.hero-bottom > p{flex-basis:0%;font-size:calc(12 * var(--hero-unit));max-width:none}
.hero .scroll-link{margin-left:0}
.hero-btn:hover{text-decoration:none}

/* Hero mit Himmel und Blütenzweigen */
.hero-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:max(calc(800 * var(--hero-unit)),100svh);color:var(--hero-ink)}
.hero .sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(90% 70% at 50% 5%,rgba(255,240,215,.3),transparent 65%),linear-gradient(180deg,#f5d5c7 0%,#e5b5ae 52%,#d59ba5 100%)}
.hero .bdt-canopy{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero .bdt-bough{position:absolute;top:-6%;width:clamp(calc(520 * var(--hero-unit)),58vw,calc(1180 * var(--hero-unit)));aspect-ratio:1000/720}
.hero .bdt-bough-l{left:-3%}
.hero .bdt-bough-r{top:-2%;right:-4%}
.hero .bdt-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;will-change:transform}
.hero .bdt-bough-l .bdt-layer{transform-origin:0 0}
.hero .bdt-bough-r .bdt-layer{transform-origin:100% 0}
.hero .bdt-layer-back{filter:blur(calc(2.2 * var(--hero-unit)));opacity:.82;translate:7% 5%;scale:.9}
.hero .bdt-bough-r .bdt-layer-back{translate:-9% 9%}
.hero .bdt-layer-near{filter:blur(calc(10 * var(--hero-unit)));opacity:.78;translate:4% -3%}
.hero .bdt-bough-r .bdt-layer-near{translate:-6% -4%}
.hero .bdt-petals{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}

/* Logo-Zeichen in der Mitte (Idee aus Blossom Dusk): kippt mit der Maus, dreht sich, wächst und verblasst beim Scrollen.
   --bdt-p (Scroll-Fortschritt 0 bis 1) sowie --bdt-mx und --bdt-my (Mausposition -1 bis 1) setzt das Blüten-Skript am .hero. */
.hero-mark{--mp:min(1, calc(var(--bdt-p,0) * 1.6));position:absolute;top:32%;left:50%;z-index:-1;width:clamp(calc(280 * var(--hero-unit)),30vw,calc(460 * var(--hero-unit)));aspect-ratio:512/341;opacity:calc(.2 - var(--mp) * .2);transform:translate(-50%,-41.6%) perspective(calc(900 * var(--hero-unit))) rotateX(calc(var(--bdt-my,0) * -10deg)) rotateY(calc(var(--bdt-mx,0) * 14deg)) rotate(calc(var(--mp) * -20deg)) scale(calc(1 + var(--mp) * .4));transform-origin:50% 41.6%;pointer-events:none}
.hero-mark-img{display:block;width:100%;height:100%;animation:heroMarkIn 1.8s cubic-bezier(.2,.8,.2,1) .15s both}

.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:calc(48 * var(--hero-unit));padding:calc(120 * var(--hero-unit)) 0 calc(36 * var(--hero-unit))}
.hero-text{padding-bottom:calc(14 * var(--hero-unit))}
.hero h1{max-width:none;margin:0;font-family:var(--display);font-size:clamp(calc(50 * var(--hero-unit)),5.2vw,calc(72 * var(--hero-unit)));font-weight:500;line-height:1;letter-spacing:-.035em;text-shadow:0 0 calc(28 * var(--hero-unit)) rgba(245,213,199,.85)}
.hero-h1-main{display:block}
.hero-h1-tail{display:flex;align-items:center;gap:calc(14 * var(--hero-unit));margin-top:calc(16 * var(--hero-unit));color:var(--hero-muted);font-size:clamp(calc(28 * var(--hero-unit)),2.6vw,calc(38 * var(--hero-unit)));font-weight:500;line-height:1.1;letter-spacing:-.01em}
.hero-h1-tail::before{content:"";flex:none;width:calc(44 * var(--hero-unit));height:calc(1.5 * var(--hero-unit));background:var(--berry)}
.hero-rot{display:inline-grid;color:var(--berry)}
.hero-rot-word{grid-area:1/1;white-space:nowrap;opacity:0;animation:heroRotWord 10s cubic-bezier(.2,.8,.2,1) infinite both;animation-delay:calc(var(--i) * 2.5s - .4s)}
@keyframes heroRotWord{0%{opacity:0;translate:0 .35em}4%{opacity:1;translate:0 0}23%{opacity:1;translate:0 0}27%{opacity:0;translate:0 -.35em}100%{opacity:0;translate:0 -.35em}}
.hero .sr-only{position:absolute;width:calc(1 * var(--hero-unit));height:calc(1 * var(--hero-unit));overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-lead{max-width:36ch;margin:calc(24 * var(--hero-unit)) 0 0;font-size:calc(18 * var(--hero-unit));line-height:1.65;text-shadow:0 0 calc(18 * var(--hero-unit)) rgba(245,213,199,.9)}
.hero-lead strong{color:var(--hero-ink);font-weight:700}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12 * var(--hero-unit)) calc(22 * var(--hero-unit));margin-top:calc(30 * var(--hero-unit))}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--hero-unit));min-height:calc(54 * var(--hero-unit));padding:calc(12 * var(--hero-unit)) calc(28 * var(--hero-unit));border-radius:calc(999 * var(--hero-unit));background:var(--berry);color:#fff9f6;font-size:calc(15 * var(--hero-unit));font-weight:600;white-space:nowrap;box-shadow:0 calc(12 * var(--hero-unit)) calc(26 * var(--hero-unit)) rgba(84,38,56,.22);transition:background-color .2s}
.hero-btn:hover{background:var(--deep)}
.hero-btn .hero-icon{width:calc(20 * var(--hero-unit));height:calc(20 * var(--hero-unit))}
.hero-note{display:flex;flex-wrap:wrap;gap:calc(6 * var(--hero-unit)) calc(18 * var(--hero-unit));margin:calc(16 * var(--hero-unit)) 0 0;color:var(--hero-muted);font-size:calc(13 * var(--hero-unit))}
.hero-note span{display:inline-flex;align-items:center;gap:calc(6 * var(--hero-unit))}
.hero-note .hero-icon{width:calc(15 * var(--hero-unit));height:calc(15 * var(--hero-unit));stroke-width:2.2}

/* Handy mit Karten */
.hero-visual{position:relative;justify-self:end;width:calc(560 * var(--hero-unit));height:calc(610 * var(--hero-unit))}
.hero-phone{position:absolute;top:0;left:calc(150 * var(--hero-unit));z-index:2;width:calc(290 * var(--hero-unit));height:calc(600 * var(--hero-unit));padding:calc(11 * var(--hero-unit));border-radius:calc(46 * var(--hero-unit));background:#2a1720;box-shadow:inset 0 0 0 calc(1.5 * var(--hero-unit)) rgba(255,255,255,.12),0 calc(40 * var(--hero-unit)) calc(80 * var(--hero-unit)) rgba(84,38,56,.35),0 calc(12 * var(--hero-unit)) calc(24 * var(--hero-unit)) rgba(84,38,56,.2)}
.hero-phone::before{content:"";position:absolute;top:calc(22 * var(--hero-unit));left:50%;z-index:3;width:calc(84 * var(--hero-unit));height:calc(24 * var(--hero-unit));margin-left:calc(-42 * var(--hero-unit));border-radius:calc(99 * var(--hero-unit));background:#2a1720}
.hero-screen{position:relative;height:100%;overflow:hidden;border-radius:calc(36 * var(--hero-unit));background:var(--paper)}
.hero-app{display:flex;flex-direction:column;height:100%;padding:calc(58 * var(--hero-unit)) calc(16 * var(--hero-unit)) 0;color:var(--ink);font-size:calc(12 * var(--hero-unit));line-height:1.4}
.hero-app-bar{display:flex;align-items:center;justify-content:space-between}
.hero-app-bar img{display:block;width:calc(104 * var(--hero-unit));height:auto}
.hero-app-avatar{display:grid;place-items:center;width:calc(34 * var(--hero-unit));height:calc(34 * var(--hero-unit));border-radius:50%;background:var(--hero-rose);color:var(--berry);font-size:calc(11 * var(--hero-unit));font-weight:700}
.hero-app-title{margin:calc(16 * var(--hero-unit)) 0 0;color:var(--hero-night);font-family:var(--display);font-size:calc(25 * var(--hero-unit));font-weight:600;line-height:1.1}
.hero-app-sub{margin:calc(2 * var(--hero-unit)) 0 0;color:var(--hero-ui-muted);font-size:calc(11.5 * var(--hero-unit))}
.hero-countdown{display:flex;align-items:center;gap:calc(10 * var(--hero-unit));margin-top:calc(14 * var(--hero-unit));padding:calc(13 * var(--hero-unit)) calc(16 * var(--hero-unit));border-radius:calc(18 * var(--hero-unit));background:var(--hero-rose)}
.hero-countdown strong{color:var(--berry);font-family:var(--display);font-size:calc(46 * var(--hero-unit));font-weight:600;line-height:.9}
.hero-countdown span{color:var(--hero-muted);font-size:calc(12 * var(--hero-unit));font-weight:600;line-height:1.3}
.hero-app-h{margin:calc(18 * var(--hero-unit)) 0 calc(6 * var(--hero-unit));color:var(--hero-ui-muted);font-size:calc(10.5 * var(--hero-unit));font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.hero-todo{display:flex;align-items:center;gap:calc(10 * var(--hero-unit));padding:calc(9 * var(--hero-unit)) 0;border-top:calc(1 * var(--hero-unit)) solid var(--line)}
.hero-todo-icon{display:grid;flex:none;place-items:center;width:calc(32 * var(--hero-unit));height:calc(32 * var(--hero-unit));border-radius:calc(10 * var(--hero-unit));background:var(--hero-table);color:var(--berry)}
.hero-todo-icon .hero-icon{width:calc(17 * var(--hero-unit));height:calc(17 * var(--hero-unit))}
.hero-todo b{display:block;color:var(--hero-night);font-size:calc(12.5 * var(--hero-unit));font-weight:700}
.hero-todo small{display:block;color:var(--hero-ui-muted);font-size:calc(11 * var(--hero-unit))}
.hero-todo--done .hero-todo-icon{background:var(--berry);color:var(--hero-light)}
.hero-todo--done b{color:var(--hero-ui-muted)}
.hero-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:auto calc(-16 * var(--hero-unit)) 0;padding:calc(9 * var(--hero-unit)) calc(6 * var(--hero-unit)) calc(16 * var(--hero-unit));border-top:calc(1 * var(--hero-unit)) solid var(--line);background:#fff}
.hero-tab{display:grid;justify-items:center;gap:calc(3 * var(--hero-unit));color:var(--hero-ui-muted);font-size:calc(9.5 * var(--hero-unit));font-weight:600}
.hero-tab .hero-icon{width:calc(19 * var(--hero-unit));height:calc(19 * var(--hero-unit))}
.hero-tab.is-active{color:var(--berry);font-weight:800}

.hero-card{position:absolute;z-index:4;padding:calc(12 * var(--hero-unit)) calc(14 * var(--hero-unit));border:calc(1 * var(--hero-unit)) solid rgba(255,255,255,.8);border-radius:calc(18 * var(--hero-unit));background:rgba(252,248,245,.95);box-shadow:0 calc(18 * var(--hero-unit)) calc(40 * var(--hero-unit)) rgba(84,38,56,.22),0 calc(2 * var(--hero-unit)) calc(6 * var(--hero-unit)) rgba(84,38,56,.08);color:var(--ink);animation:heroCardFloat 6.5s ease-in-out infinite;animation-delay:var(--fd,0s)}
.hero-card-label{display:flex;align-items:center;gap:calc(6 * var(--hero-unit));color:var(--hero-ui-muted);font-size:calc(10.5 * var(--hero-unit));font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero-card-label .hero-icon{width:calc(15 * var(--hero-unit));height:calc(15 * var(--hero-unit))}
.hero-card-value{margin-top:calc(4 * var(--hero-unit));color:var(--hero-night);font-family:var(--display);font-size:calc(25 * var(--hero-unit));font-weight:600;line-height:1.05}
.hero-card-row{display:flex;align-items:center;gap:calc(10 * var(--hero-unit));margin-top:calc(8 * var(--hero-unit))}
.hero-card-sub{color:var(--hero-ui-muted);font-size:calc(12 * var(--hero-unit));line-height:1.35}
.hero-card--guests{top:calc(118 * var(--hero-unit));left:0;width:calc(214 * var(--hero-unit))}
.hero-card--seat{top:calc(286 * var(--hero-unit));right:0;width:calc(206 * var(--hero-unit))}
.hero-card--budget{top:calc(432 * var(--hero-unit));left:calc(20 * var(--hero-unit));width:calc(206 * var(--hero-unit))}
.hero-avs{display:flex}
.hero-av{display:grid;place-items:center;width:calc(28 * var(--hero-unit));height:calc(28 * var(--hero-unit));margin-left:calc(-7 * var(--hero-unit));border:calc(2 * var(--hero-unit)) solid var(--paper);border-radius:50%;background:var(--hero-rose);color:var(--berry);font-size:calc(9.5 * var(--hero-unit));font-weight:800}
.hero-av:first-child{margin-left:0}
.hero-av--open{border:calc(1.5 * var(--hero-unit)) dashed var(--hero-dash);background:var(--paper)}
.hero-pill-open{padding:calc(2 * var(--hero-unit)) calc(10 * var(--hero-unit));border:calc(1 * var(--hero-unit)) solid var(--hero-dash);border-radius:calc(99 * var(--hero-unit));color:var(--berry);font-size:calc(11 * var(--hero-unit));font-weight:700}
.hero-mini-table{position:relative;flex:none;width:calc(44 * var(--hero-unit));height:calc(44 * var(--hero-unit));margin:calc(6 * var(--hero-unit)) calc(4 * var(--hero-unit));border:calc(1.5 * var(--hero-unit)) solid var(--hero-table-line);border-radius:50%;background:var(--hero-table)}
.hero-seat{position:absolute;top:50%;left:50%;width:calc(9 * var(--hero-unit));height:calc(9 * var(--hero-unit));margin:calc(-4.5 * var(--hero-unit)) 0 0 calc(-4.5 * var(--hero-unit));border-radius:50%;background:var(--hero-mauve)}
.hero-seat-n{translate:0 calc(-27 * var(--hero-unit))}.hero-seat-ne{translate:calc(23.4 * var(--hero-unit)) calc(-13.5 * var(--hero-unit))}.hero-seat-se{translate:calc(23.4 * var(--hero-unit)) calc(13.5 * var(--hero-unit))}.hero-seat-s{translate:0 calc(27 * var(--hero-unit))}.hero-seat-sw{translate:calc(-23.4 * var(--hero-unit)) calc(13.5 * var(--hero-unit))}.hero-seat-nw{translate:calc(-23.4 * var(--hero-unit)) calc(-13.5 * var(--hero-unit))}
.hero-seat.is-lea{background:var(--berry);box-shadow:0 0 0 calc(2 * var(--hero-unit)) var(--paper),0 0 0 calc(3.5 * var(--hero-unit)) var(--berry)}
.hero-seat.is-free{border:calc(1.5 * var(--hero-unit)) dashed var(--hero-mauve);background:transparent}
.hero-seat-text b{display:block;color:var(--hero-night);font-size:calc(14 * var(--hero-unit))}
.hero-mini-bar{display:flex;gap:calc(3 * var(--hero-unit));height:calc(8 * var(--hero-unit));margin:calc(9 * var(--hero-unit)) 0 calc(6 * var(--hero-unit))}
.hero-mini-bar span{border-radius:calc(99 * var(--hero-unit))}
.hero-mini-bar span:first-child{flex:0 0 31.25%;background:var(--hero-table-line)}
.hero-mini-bar span:last-child{flex:1 1 auto;background:var(--berry)}

.hero-badge{position:absolute;top:calc(-16 * var(--hero-unit));right:calc(70 * var(--hero-unit));z-index:5;display:grid;place-items:center;width:calc(128 * var(--hero-unit));height:calc(128 * var(--hero-unit));border-radius:50%;background:var(--hero-light);box-shadow:0 calc(16 * var(--hero-unit)) calc(34 * var(--hero-unit)) rgba(84,38,56,.24)}
.hero-badge-ring{position:absolute;inset:calc(8 * var(--hero-unit));width:calc(100% - calc(16 * var(--hero-unit)));height:calc(100% - calc(16 * var(--hero-unit)));rotate:-90deg}
.hero-badge-track{fill:none;stroke:var(--hero-rose);stroke-width:7}
.hero-badge-progress{fill:none;stroke:var(--berry);stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;animation:heroRingFill 1.6s cubic-bezier(.2,.8,.2,1) .4s both}
.hero-badge-text{position:relative;display:grid;justify-items:center;line-height:1}
.hero-badge-text strong{color:var(--berry);font-family:var(--display);font-size:calc(34 * var(--hero-unit));font-weight:600;letter-spacing:-.02em}
.hero-badge-text span{margin-top:calc(4 * var(--hero-unit));color:var(--hero-muted);font-size:calc(10 * var(--hero-unit));font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.hero-front-petals{position:absolute;inset:calc(-70 * var(--hero-unit)) calc(-40 * var(--hero-unit)) 0;z-index:6;overflow:hidden;pointer-events:none}
.hero-front-petal{position:absolute;top:0;left:var(--x);width:var(--s,calc(16 * var(--hero-unit)));height:auto;opacity:0;animation:heroPetalFall var(--dur,11s) linear infinite;animation-delay:var(--delay,0s)}
.hero-front-petal path{fill:#fbd9df;stroke:#ec9cb0;stroke-width:.8}

/* Leiste unten */
.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:calc(24 * var(--hero-unit));min-height:calc(70 * var(--hero-unit));border-top:calc(1 * var(--hero-unit)) solid rgba(84,38,56,.15);font-size:calc(12 * var(--hero-unit))}
.hero-bottom p{display:flex;flex:1;flex-wrap:wrap;gap:calc(8 * var(--hero-unit)) calc(24 * var(--hero-unit));margin:0}
.hero .scroll-link{display:grid;place-items:center;width:calc(44 * var(--hero-unit));height:calc(44 * var(--hero-unit))}
.hero .scroll-link .hero-icon{width:calc(22 * var(--hero-unit));height:calc(22 * var(--hero-unit))}

@keyframes heroCardFloat{0%,100%{translate:0 0}50%{translate:0 calc(-7 * var(--hero-unit))}}
@keyframes heroRingFill{from{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}
@keyframes heroPetalFall{0%{opacity:0;translate:0 calc(-30 * var(--hero-unit));rotate:0deg}8%{opacity:.95}85%{opacity:.9}100%{opacity:0;translate:var(--drift,calc(120 * var(--hero-unit))) calc(720 * var(--hero-unit));rotate:300deg}}
@keyframes heroMarkIn{from{opacity:0;scale:.86;filter:blur(calc(8 * var(--hero-unit)))}to{opacity:1;scale:1;filter:blur(0)}}

@media (max-width:1180px){.hero-visual{scale:.86;transform-origin:100% 100%}}
@media (max-width:980px){.hero-visual{scale:.74}.hero h1{font-size:calc(54 * var(--hero-unit))}}
@media (max-width:760px){
  .site-header{min-height:calc(80 * var(--hero-unit));padding:calc(12 * var(--hero-unit)) calc(20 * var(--hero-unit));justify-content:space-between}
  .site-header .brand{width:calc(154 * var(--hero-unit))}
  .hero .wrap{width:calc(100% - calc(40 * var(--hero-unit)))}
  .hero{min-height:max(calc(840 * var(--hero-unit)),100svh)}
  .hero .bdt-bough{top:calc(-25 * var(--hero-unit));width:calc(510 * var(--hero-unit))}
  .hero .bdt-bough-l{left:calc(-190 * var(--hero-unit))}
  .hero .bdt-bough-r{top:calc(15 * var(--hero-unit));right:calc(-210 * var(--hero-unit))}
  .hero .bdt-layer-near{opacity:.55}
  .hero-mark{--mp:min(1, calc(var(--bdt-p,0) * 3));top:calc(170 * var(--hero-unit));width:60vw}
  .hero-content{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--hero-unit));padding:calc(250 * var(--hero-unit)) 0 calc(8 * var(--hero-unit))}
  .hero-text{padding-bottom:0}
  .hero h1{font-size:clamp(calc(40 * var(--hero-unit)),10.6vw,calc(64 * var(--hero-unit)))}
  .hero-h1-tail{gap:calc(10 * var(--hero-unit));margin-top:calc(12 * var(--hero-unit));font-size:calc(26 * var(--hero-unit))}
  .hero-h1-tail::before{width:calc(30 * var(--hero-unit))}
  .hero-lead{max-width:none;margin-top:calc(18 * var(--hero-unit));font-size:calc(16 * var(--hero-unit))}
  .hero-actions{margin-top:calc(26 * var(--hero-unit))}
  .hero-actions .hero-btn{width:100%}
  .hero-visual{justify-self:center;width:calc(350 * var(--hero-unit));height:calc(390 * var(--hero-unit));scale:none}
  /* Fade only the phone at the compact preview's bottom; leave the badge and card shadows unclipped. */
  .hero-phone{left:calc(30 * var(--hero-unit));scale:.88;transform-origin:50% 0;box-shadow:inset 0 0 0 calc(1.5 * var(--hero-unit)) rgba(255,255,255,.12);-webkit-mask-image:linear-gradient(#000 65%,transparent 74%);mask-image:linear-gradient(#000 65%,transparent 74%)}
  .hero-card--seat,.hero-card--budget{display:none}
  .hero-card--guests{top:calc(156 * var(--hero-unit));left:0;width:calc(196 * var(--hero-unit))}
  .hero-badge{top:calc(-6 * var(--hero-unit));right:calc(30 * var(--hero-unit));width:calc(100 * var(--hero-unit));height:calc(100 * var(--hero-unit))}
  .hero-badge-ring{inset:calc(6 * var(--hero-unit));width:calc(100% - calc(12 * var(--hero-unit)));height:calc(100% - calc(12 * var(--hero-unit)))}
  .hero-badge-text strong{font-size:calc(26 * var(--hero-unit))}
  .hero-badge-text span{font-size:calc(9 * var(--hero-unit))}
  .hero-bottom{flex-wrap:wrap;justify-content:space-between;gap:calc(4 * var(--hero-unit)) calc(12 * var(--hero-unit));padding-block:calc(12 * var(--hero-unit))}
  .hero-bottom p{flex-basis:100%;gap:calc(6 * var(--hero-unit)) calc(16 * var(--hero-unit));font-size:calc(11 * var(--hero-unit))}
  .hero .scroll-link{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){
  .hero-card{animation:none}
  .hero-badge-progress{animation:none}
  .hero-rot-word{animation:none}
  .hero-rot-word:first-child{opacity:1}
  .hero-front-petal{display:none}
  .hero-mark-img{animation:none}
  .hero-btn{transition:none}
}

@media (prefers-reduced-motion:reduce){
  .hero-mark{opacity:.2;transform:translate(-50%,-41.6%)}
}