/* ================================================================
   Signature redesign layer
   Loaded after the individual template files. It keeps the app data
   model intact, then gives every wedding site a sharper visual system.
================================================================ */

:is(#sitePreview,#siteFull) .tpl{
  --sig-ink:#171412;
  --sig-paper:#fbfaf7;
  --sig-muted:#6f665d;
  --sig-line:color-mix(in srgb,currentColor 16%,transparent);
  --sig-shadow:0 28px 80px -44px rgba(22,18,15,.55);
  --sig-ease:cubic-bezier(.16,1,.3,1);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  isolation:isolate;
}

:is(#sitePreview,#siteFull) .tpl .nav{
  min-height:68px;
  align-items:center;
}

:is(#sitePreview,#siteFull) .tpl .btn,
:is(#sitePreview,#siteFull) .tpl .rsvp-pill,
:is(#sitePreview,#siteFull) .tpl .att{
  transition:
    transform .18s var(--sig-ease),
    border-color .18s var(--sig-ease),
    background .18s var(--sig-ease),
    color .18s var(--sig-ease),
    box-shadow .18s var(--sig-ease),
    opacity .18s var(--sig-ease);
}

:is(#sitePreview,#siteFull) .tpl .btn:hover,
:is(#sitePreview,#siteFull) .tpl .rsvp-pill:hover{
  transform:translateY(-1px);
}

:is(#sitePreview,#siteFull) .tpl .btn:active,
:is(#sitePreview,#siteFull) .tpl .rsvp-pill:active,
:is(#sitePreview,#siteFull) .tpl .att:active{
  transform:translateY(1px) scale(.985);
}

:is(#sitePreview,#siteFull) .tpl .rsvp-form{
  border-radius:22px;
  padding:clamp(22px,3.5cqw,38px);
  box-shadow:var(--sig-shadow);
}

:is(#sitePreview,#siteFull) .tpl .rsvp-form input,
:is(#sitePreview,#siteFull) .tpl .rsvp-form textarea,
:is(#sitePreview,#siteFull) .tpl .rsvp-form select{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}

:is(#sitePreview,#siteFull) .tpl .rsvp-form input::placeholder,
:is(#sitePreview,#siteFull) .tpl .rsvp-form textarea::placeholder{
  color:color-mix(in srgb,currentColor 44%,transparent);
}

:is(#sitePreview,#siteFull) .tpl .photos img{
  will-change:transform;
}

:is(#sitePreview,#siteFull) .tpl .scrolldown{
  display:none;
}

:is(#sitePreview,#siteFull) .tpl [style*="Playfair Display"],
:is(#sitePreview,#siteFull) .tpl [style*="Cormorant Garamond"]{
  text-wrap:pretty;
}

/* Editorial - turn the invitation into a cinematic magazine opening. */
:is(#sitePreview,#siteFull) #tpl-editorial{
  background:#f8f3ea;
}

:is(#sitePreview,#siteFull) #tpl-editorial .hero{
  background:
    radial-gradient(circle at 82% 24%,rgba(190,105,74,.16),transparent 32%),
    linear-gradient(135deg,#1d1712 0%,#2f2219 52%,#15110e 100%);
}

:is(#sitePreview,#siteFull) #tpl-editorial .hero::after{
  content:"";
  position:absolute;
  right:clamp(20px,5cqw,76px);
  bottom:clamp(24px,5cqw,70px);
  width:min(34cqw,420px);
  aspect-ratio:4/5;
  background:
    linear-gradient(180deg,rgba(20,14,8,.08),rgba(20,14,8,.45)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(244,237,222,.2);
  box-shadow:0 34px 90px -42px rgba(0,0,0,.9);
  opacity:.72;
  transform:rotate(1.25deg);
}

:is(#sitePreview,#siteFull) #tpl-editorial .herowrap{
  position:relative;
  z-index:1;
  max-width:min(66cqw,850px);
}

:is(#sitePreview,#siteFull) #tpl-editorial .ed-cover{
  height:clamp(360px,62cqw,720px);
}

:is(#sitePreview,#siteFull) #tpl-editorial .ed-monument{
  background:
    linear-gradient(90deg,rgba(181,101,74,.08),transparent 24%,transparent 76%,rgba(201,168,106,.1)),
    #fbf7ee;
}

/* Botanical - greenhouse editorial split with a real image. */
:is(#sitePreview,#siteFull) #tpl-botanical{
  background:#f5f8ee;
  color:#203828;
}

:is(#sitePreview,#siteFull) #tpl-botanical .top{
  min-height:94dvh;
  background:
    radial-gradient(circle at 18% 18%,rgba(120,157,105,.28),transparent 32%),
    linear-gradient(135deg,#f8faef 0%,#eef4e3 55%,#dce9d2 100%);
}

:is(#sitePreview,#siteFull) #tpl-botanical .top::after{
  content:"";
  position:absolute;
  z-index:1;
  right:clamp(18px,6cqw,82px);
  top:clamp(96px,13cqw,150px);
  bottom:clamp(42px,6cqw,80px);
  width:min(38cqw,430px);
  background:
    linear-gradient(180deg,rgba(25,48,34,.02),rgba(25,48,34,.28)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border-radius:999px 999px 28px 28px;
  box-shadow:0 38px 100px -54px rgba(31,62,39,.75);
  outline:1px solid rgba(64,99,62,.18);
  outline-offset:10px;
}

:is(#sitePreview,#siteFull) #tpl-botanical .hero{
  text-align:left;
  width:min(58cqw,720px);
  margin-left:clamp(24px,6cqw,92px);
  padding-top:clamp(80px,10cqw,138px);
}

:is(#sitePreview,#siteFull) #tpl-botanical h1{
  font-size:clamp(54px,8.4cqw,122px);
  line-height:.88;
}

:is(#sitePreview,#siteFull) #tpl-botanical .leafrule{
  justify-content:flex-start;
}

:is(#sitePreview,#siteFull) #tpl-botanical .cd{
  justify-content:flex-start;
}

:is(#sitePreview,#siteFull) #tpl-botanical .travel{
  background:#dfead7;
}

:is(#sitePreview,#siteFull) #tpl-botanical .rsvp-form{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(81,112,74,.2);
}

/* Classic - cold formal luxury with a salon-photo hero. */
:is(#sitePreview,#siteFull) #tpl-classic{
  background:#f7f8f5;
  color:#171b19;
}

:is(#sitePreview,#siteFull) #tpl-classic .hero{
  min-height:100dvh;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  padding-left:clamp(24px,7cqw,104px);
  padding-right:min(48cqw,620px);
  background:
    linear-gradient(90deg,#f8f9f5 0%,#f8f9f5 53%,rgba(248,249,245,.74) 53%,rgba(248,249,245,0) 100%);
}

:is(#sitePreview,#siteFull) #tpl-classic .hero::after{
  content:"";
  position:absolute;
  right:clamp(20px,6cqw,88px);
  top:clamp(96px,13cqw,156px);
  bottom:clamp(42px,8cqw,104px);
  width:min(40cqw,500px);
  background:
    linear-gradient(180deg,rgba(20,22,20,.03),rgba(20,22,20,.32)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  box-shadow:0 38px 110px -56px rgba(23,27,25,.72);
  border-radius:2px;
}

:is(#sitePreview,#siteFull) #tpl-classic .hero .nav{
  justify-content:flex-start;
  padding-left:clamp(24px,7cqw,104px);
}

:is(#sitePreview,#siteFull) #tpl-classic .crest{
  margin-left:0;
}

:is(#sitePreview,#siteFull) #tpl-classic .goldline{
  margin-left:0;
}

:is(#sitePreview,#siteFull) #tpl-classic .cd{
  justify-content:flex-start;
}

:is(#sitePreview,#siteFull) #tpl-classic .details{
  background:#19211d;
  color:#eef1e8;
}

:is(#sitePreview,#siteFull) #tpl-classic .details .d + .d{
  border-left-color:rgba(238,241,232,.14);
}

/* Dark romantic - heavier cinematic framing, no scroll prompt. */
:is(#sitePreview,#siteFull) #tpl-dark .hero{
  min-height:100dvh;
  justify-content:flex-end;
  text-align:left;
  align-items:flex-start;
  padding:0 clamp(24px,6cqw,92px) clamp(56px,8cqw,96px);
}

:is(#sitePreview,#siteFull) #tpl-dark .hero::after{
  background:
    radial-gradient(circle at 72% 44%,rgba(176,75,103,.24),transparent 26%),
    linear-gradient(90deg,rgba(14,9,12,.96),rgba(14,9,12,.55) 52%,rgba(14,9,12,.72));
}

:is(#sitePreview,#siteFull) #tpl-dark .hero h1,
:is(#sitePreview,#siteFull) #tpl-dark .hero .eyebrow,
:is(#sitePreview,#siteFull) #tpl-dark .hero .meta,
:is(#sitePreview,#siteFull) #tpl-dark .hero .goldline,
:is(#sitePreview,#siteFull) #tpl-dark .hero .cd,
:is(#sitePreview,#siteFull) #tpl-dark .hero .cta{
  position:relative;
  z-index:2;
  max-width:760px;
}

:is(#sitePreview,#siteFull) #tpl-dark .hero .cd{
  justify-content:flex-start;
}

:is(#sitePreview,#siteFull) #tpl-dark .dk-heroquote{
  right:clamp(24px,7cqw,120px);
  left:auto;
  opacity:.08;
}

/* Minimal - gallery-grade, not empty. */
:is(#sitePreview,#siteFull) #tpl-minimal{
  background:#f8f9f6;
  color:#111513;
}

:is(#sitePreview,#siteFull) #tpl-minimal .nav .rsvp-pill,
:is(#sitePreview,#siteFull) #tpl-minimal .mn-rsvplink,
:is(#sitePreview,#siteFull) #tpl-minimal .ey,
:is(#sitePreview,#siteFull) #tpl-minimal .mn-stime{
  color:#275f8f;
}

:is(#sitePreview,#siteFull) #tpl-minimal .mn-cover{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,38%);
  gap:clamp(28px,6cqw,86px);
  max-width:1180px;
  min-height:78dvh;
  align-items:end;
}

:is(#sitePreview,#siteFull) #tpl-minimal .mn-cover::after{
  content:"";
  align-self:stretch;
  min-height:420px;
  background:
    linear-gradient(180deg,rgba(17,21,19,0),rgba(17,21,19,.28)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border-radius:28px 28px 2px 2px;
  box-shadow:0 34px 96px -56px rgba(17,21,19,.72);
}

:is(#sitePreview,#siteFull) #tpl-minimal .mn-cover > :not(.mn-rule){
  grid-column:1;
}

:is(#sitePreview,#siteFull) #tpl-minimal .mn-rule{
  background:#275f8f;
}

:is(#sitePreview,#siteFull) #tpl-minimal .mn-rsvplink{
  border-bottom-color:#275f8f;
}

:is(#sitePreview,#siteFull) #tpl-minimal .rsvp-form .att.on{
  background:#275f8f;
  border-color:#275f8f;
}

/* Coast - modern destination editorial. */
:is(#sitePreview,#siteFull) #tpl-coast .co-split{
  min-height:100dvh;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
}

:is(#sitePreview,#siteFull) #tpl-coast .co-panel{
  justify-content:flex-end;
  padding-bottom:clamp(44px,8cqw,98px);
}

:is(#sitePreview,#siteFull) #tpl-coast .co-photo{
  min-height:100dvh;
  filter:saturate(1.06) contrast(1.04);
}

:is(#sitePreview,#siteFull) #tpl-coast .co-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(19,49,64,.16),rgba(19,49,64,0) 42%,rgba(19,49,64,.18));
}

:is(#sitePreview,#siteFull) #tpl-coast .co-zig,
:is(#sitePreview,#siteFull) #tpl-coast .co-zag{
  min-height:76dvh;
}

/* Noir lux - add a real image without losing the black-tie system. */
:is(#sitePreview,#siteFull) #tpl-lux .lx-hero{
  min-height:100dvh;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 50%,rgba(199,201,204,.12),transparent 34%),
    #0e0e10;
}

:is(#sitePreview,#siteFull) #tpl-lux .lx-hero::before{
  content:"";
  position:absolute;
  right:clamp(20px,5cqw,72px);
  top:clamp(92px,13cqw,146px);
  width:min(38cqw,480px);
  bottom:clamp(44px,7cqw,94px);
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  filter:grayscale(.74) contrast(1.1);
  opacity:.72;
  border:1px solid rgba(244,242,238,.12);
}

:is(#sitePreview,#siteFull) #tpl-lux .lx-herogrid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1.1fr) minmax(240px,.72fr);
}

:is(#sitePreview,#siteFull) #tpl-lux .lx-heroinfo{
  background:rgba(14,14,16,.48);
  border:1px solid rgba(244,242,238,.13);
  padding:clamp(22px,3cqw,34px);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 28px 70px -44px rgba(0,0,0,.95);
}

/* Bloom - make the arch feel like a fashion editorial spread. */
:is(#sitePreview,#siteFull) #tpl-bloom{
  background:#fff8f0;
}

:is(#sitePreview,#siteFull) #tpl-bloom .bh-arch{
  min-height:96dvh;
  align-items:center;
}

:is(#sitePreview,#siteFull) #tpl-bloom .bh-archframe{
  box-shadow:0 38px 90px -46px rgba(116,70,45,.64);
  filter:saturate(1.05) contrast(1.04);
}

:is(#sitePreview,#siteFull) #tpl-bloom .bh-herotext{
  text-align:left;
}

:is(#sitePreview,#siteFull) #tpl-bloom .bh-herotext .cd{
  justify-content:flex-start;
}

/* Vintage - paper craft with a photographic keepsake. */
:is(#sitePreview,#siteFull) #tpl-vintage .vn-paper{
  position:relative;
  overflow:hidden;
}

:is(#sitePreview,#siteFull) #tpl-vintage .vn-paper::after{
  content:"";
  position:absolute;
  right:clamp(20px,5cqw,76px);
  top:clamp(96px,13cqw,142px);
  width:min(32cqw,360px);
  aspect-ratio:4/5;
  background:
    linear-gradient(180deg,rgba(67,36,28,.06),rgba(67,36,28,.28)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border:10px solid #fff7ea;
  box-shadow:0 26px 70px -40px rgba(67,36,28,.62);
  transform:rotate(2.5deg);
}

:is(#sitePreview,#siteFull) #tpl-vintage .vn-paper > .vn-frame{
  position:relative;
  z-index:1;
  max-width:min(58cqw,760px);
  margin-left:clamp(18px,6cqw,88px);
}

/* Bento - stronger, less beige, more magazine-grid. */
:is(#sitePreview,#siteFull) #tpl-bento{
  background:#f6f7ef;
  color:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .nav .rsvp-pill{
  border-color:#151716;
  color:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-grid{
  min-height:calc(100dvh - 68px);
  gap:8px;
  padding:8px;
  grid-template-columns:1.25fr .78fr .97fr;
  background:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile{
  border-radius:22px;
  min-height:230px;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile-names{
  background:#f6f7ef;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile-names h1{
  font-size:clamp(46px,6.2cqw,86px);
  line-height:.9;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile-accent{
  background:#d7ff5c;
  color:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile-plum{
  background:#22352e;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-tile-rsvp{
  background:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .te-card{
  border-radius:18px;
}

:is(#sitePreview,#siteFull) #tpl-bento .rsvp-sec{
  background:#151716;
}

:is(#sitePreview,#siteFull) #tpl-bento .rsvp-form .att.on,
:is(#sitePreview,#siteFull) #tpl-bento .rsvp-form .rsvp-btn{
  background:#d7ff5c;
  border-color:#d7ff5c;
  color:#151716;
}

/* Poster - add a printed-photo layer behind the type rail. */
:is(#sitePreview,#siteFull) #tpl-poster{
  background:#f0eee5;
}

:is(#sitePreview,#siteFull) #tpl-poster .po-side{
  overflow:hidden;
  background:#141414;
  color:#f2efe5;
  border-right:none;
}

:is(#sitePreview,#siteFull) #tpl-poster .po-side::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(20,20,20,.18),rgba(20,20,20,.84)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  opacity:.58;
  filter:grayscale(.42) contrast(1.08);
}

:is(#sitePreview,#siteFull) #tpl-poster .po-side > *{
  position:relative;
  z-index:1;
}

:is(#sitePreview,#siteFull) #tpl-poster .po-side .nav,
:is(#sitePreview,#siteFull) #tpl-poster .po-index a{
  color:inherit;
}

:is(#sitePreview,#siteFull) #tpl-poster h1{
  color:#f2efe5;
  text-shadow:0 1px 28px rgba(0,0,0,.26);
}

:is(#sitePreview,#siteFull) #tpl-poster .po-main{
  background:#f0eee5;
}

:is(#sitePreview,#siteFull) #tpl-poster .po-sec{
  border-bottom-color:rgba(20,20,20,.14);
}

/* Album - cleaner glass and a gallery that feels intentional. */
:is(#sitePreview,#siteFull) #tpl-album .hero{
  min-height:100dvh;
}

:is(#sitePreview,#siteFull) #tpl-album .hero::after{
  background:
    linear-gradient(180deg,rgba(12,10,8,.48),rgba(12,10,8,.04) 34%,rgba(12,10,8,.5)),
    radial-gradient(circle at 74% 22%,rgba(255,255,255,.2),transparent 28%);
}

:is(#sitePreview,#siteFull) #tpl-album .al-card{
  border-radius:28px;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(22px) saturate(1.18);
  backdrop-filter:blur(22px) saturate(1.18);
  box-shadow:0 34px 100px -42px rgba(0,0,0,.72);
}

:is(#sitePreview,#siteFull) #tpl-album .al-mosaic{
  grid-auto-rows:clamp(150px,18cqw,240px);
  gap:10px;
}

:is(#sitePreview,#siteFull) #tpl-album .al-mosaic img{
  border-radius:18px;
}

/* Letter - manuscript plus postcard. */
:is(#sitePreview,#siteFull) #tpl-letter{
  background:
    linear-gradient(90deg,transparent calc(50% - 341px),rgba(129,54,45,.16) calc(50% - 340px),rgba(129,54,45,.16) calc(50% - 339px),transparent calc(50% - 338px)),
    #fbf2e5;
}

:is(#sitePreview,#siteFull) #tpl-letter .le-page{
  position:relative;
  max-width:980px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,34%);
  gap:clamp(26px,5cqw,66px);
  text-align:left;
  align-items:center;
}

:is(#sitePreview,#siteFull) #tpl-letter .le-page::after{
  content:"";
  grid-column:2;
  grid-row:1 / span 8;
  align-self:stretch;
  min-height:380px;
  background:
    linear-gradient(180deg,rgba(73,49,39,.03),rgba(73,49,39,.3)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border:10px solid #fffaf1;
  box-shadow:0 26px 70px -44px rgba(73,49,39,.65);
  transform:rotate(1.5deg);
}

:is(#sitePreview,#siteFull) #tpl-letter .le-page > *{
  grid-column:1;
}

:is(#sitePreview,#siteFull) #tpl-letter .le-seal{
  margin-left:0;
}

:is(#sitePreview,#siteFull) #tpl-letter .le-page .cd{
  justify-content:flex-start;
}

/* Retro - keep the fun, make it less flat. */
:is(#sitePreview,#siteFull) #tpl-retro{
  background:#fae7c3;
}

:is(#sitePreview,#siteFull) #tpl-retro .rt-hero{
  min-height:96dvh;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 78% 38%,rgba(181,74,53,.16),transparent 24%),
    #fae7c3;
}

:is(#sitePreview,#siteFull) #tpl-retro .rt-hero::after{
  content:"";
  position:absolute;
  right:clamp(20px,7cqw,104px);
  top:clamp(112px,16cqw,176px);
  width:min(28cqw,340px);
  aspect-ratio:4/5;
  background:
    linear-gradient(180deg,rgba(77,44,30,.02),rgba(77,44,30,.34)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  border-radius:160px 160px 18px 18px;
  border:3px solid #7c3f2c;
  box-shadow:0 28px 80px -48px rgba(77,44,30,.78);
}

:is(#sitePreview,#siteFull) #tpl-retro .rt-sun,
:is(#sitePreview,#siteFull) #tpl-retro .rt-herotext{
  margin-left:clamp(22px,8cqw,120px);
  margin-right:auto;
  text-align:left;
}

:is(#sitePreview,#siteFull) #tpl-retro .rt-hero .cd{
  justify-content:flex-start;
}

/* Deco - more dimensional Gatsby, with image as shadowed portrait. */
:is(#sitePreview,#siteFull) #tpl-deco{
  background:#15120f;
}

:is(#sitePreview,#siteFull) #tpl-deco .dc-hero{
  position:relative;
  overflow:hidden;
  min-height:92dvh;
  display:grid;
  place-items:center;
}

:is(#sitePreview,#siteFull) #tpl-deco .dc-hero::before{
  content:"";
  position:absolute;
  inset:clamp(80px,10cqw,136px) clamp(20px,6cqw,90px) clamp(34px,6cqw,80px) auto;
  width:min(30cqw,360px);
  background:
    linear-gradient(180deg,rgba(21,18,15,.05),rgba(21,18,15,.7)),
    var(--hero-photo);
  background-size:cover;
  background-position:center;
  opacity:.48;
  filter:sepia(.24) grayscale(.18) contrast(1.08);
  border:1px solid rgba(201,168,106,.34);
}

:is(#sitePreview,#siteFull) #tpl-deco .dc-frame{
  z-index:1;
  background:rgba(21,18,15,.74);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 34px 90px -48px rgba(0,0,0,.9);
}

@media (max-width:820px){
  :is(#sitePreview,#siteFull) #tpl-editorial .hero::after,
  :is(#sitePreview,#siteFull) #tpl-classic .hero::after,
  :is(#sitePreview,#siteFull) #tpl-lux .lx-hero::before,
  :is(#sitePreview,#siteFull) #tpl-vintage .vn-paper::after,
  :is(#sitePreview,#siteFull) #tpl-retro .rt-hero::after,
  :is(#sitePreview,#siteFull) #tpl-deco .dc-hero::before{
    display:none;
  }

  :is(#sitePreview,#siteFull) #tpl-botanical .top::after{
    display:block;
    position:relative;
    inset:auto;
    width:min(78cqw,330px);
    height:360px;
    margin:6px auto 54px;
    border-radius:999px 999px 28px 28px;
  }

  :is(#sitePreview,#siteFull) #tpl-botanical .top{
    min-height:auto;
  }

  :is(#sitePreview,#siteFull) #tpl-botanical .hero,
  :is(#sitePreview,#siteFull) #tpl-classic .hero,
  :is(#sitePreview,#siteFull) #tpl-vintage .vn-paper > .vn-frame,
  :is(#sitePreview,#siteFull) #tpl-retro .rt-sun,
  :is(#sitePreview,#siteFull) #tpl-retro .rt-herotext{
    width:auto;
    max-width:none;
    margin-left:0;
    padding-left:clamp(20px,6cqw,34px);
    padding-right:clamp(20px,6cqw,34px);
  }

  :is(#sitePreview,#siteFull) #tpl-classic .hero{
    align-items:center;
    text-align:center;
    padding-right:clamp(20px,6cqw,34px);
  }

  :is(#sitePreview,#siteFull) #tpl-classic .goldline,
  :is(#sitePreview,#siteFull) #tpl-classic .crest{
    margin-left:auto;
    margin-right:auto;
  }

  :is(#sitePreview,#siteFull) #tpl-botanical .leafrule,
  :is(#sitePreview,#siteFull) #tpl-botanical .cd,
  :is(#sitePreview,#siteFull) #tpl-classic .cd,
  :is(#sitePreview,#siteFull) #tpl-retro .rt-hero .cd,
  :is(#sitePreview,#siteFull) #tpl-letter .le-page .cd{
    justify-content:center;
  }

  :is(#sitePreview,#siteFull) #tpl-minimal .mn-cover,
  :is(#sitePreview,#siteFull) #tpl-letter .le-page,
  :is(#sitePreview,#siteFull) #tpl-coast .co-split{
    display:block;
    min-height:auto;
  }

  :is(#sitePreview,#siteFull) #tpl-minimal .mn-cover::after,
  :is(#sitePreview,#siteFull) #tpl-letter .le-page::after{
    display:block;
    margin-top:30px;
    min-height:280px;
  }

  :is(#sitePreview,#siteFull) #tpl-bento .te-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }

  :is(#sitePreview,#siteFull) #tpl-poster .po-side{
    min-height:86dvh;
    height:auto;
    position:relative;
  }
}

@media (prefers-reduced-motion:reduce){
  :is(#sitePreview,#siteFull) .tpl *,
  :is(#sitePreview,#siteFull) .tpl *::before,
  :is(#sitePreview,#siteFull) .tpl *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}