/* =====================================================================
   Mark'd Beauty — Noir & Gold theme (round 2, Sept 2026)
   Loaded after each page's inline <style>, so these rules win.
   Palette: black / gold / ivory. Type: Bodoni Moda (matches the MB logo)
   + Jost. Glass surfaces sit over soft gold glows on a near-black page.
   ===================================================================== */

@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:600 700;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/jost-latin-600-normal.woff2) format('woff2')}

:root{
  /* core */
  --noir:#0E0C0B;
  --noir-2:#161310;
  --noir-3:#1F1B17;
  --ivory:#F3EDE3;
  --ivory-soft:#B7AD9F;
  --gold:#C9A46A;
  --gold-light:#EBD3A2;
  --gold-deep:#8E6A3A;
  --gold-grad:linear-gradient(135deg,#F1DCAE 0%,#C9A46A 48%,#8E6A3A 100%);
  --line:rgba(201,164,106,.22);
  --line-soft:rgba(243,237,227,.10);

  /* glass */
  --glass:linear-gradient(150deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 100%);
  --glass-strong:linear-gradient(150deg,rgba(28,24,20,.78) 0%,rgba(16,14,12,.72) 100%);
  --glass-blur:blur(18px) saturate(140%);
  --glass-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);

  /* legacy tokens remapped so older rules fall in line */
  --bone:var(--noir);
  --bone-deep:var(--noir-3);
  --ink:var(--ivory);
  --ink-soft:var(--ivory-soft);
  --espresso:#090807;
  --oxblood:var(--gold);
  --gold-accent:var(--gold);
  --ash-blush:var(--noir-2);
  --dusty-rose:var(--line);
  --moody-pink:var(--gold);
  --taupe:#8C8274;
  --mocha:var(--noir-3);
  --espresso-warm:var(--noir-2);
}

html{background:var(--noir)}
body{
  font-family:'Jost',sans-serif;
  color:var(--ivory);
  background:
    radial-gradient(1100px 700px at 88% -8%,rgba(201,164,106,.13),transparent 62%),
    radial-gradient(900px 640px at -12% 38%,rgba(201,164,106,.08),transparent 60%),
    radial-gradient(900px 700px at 110% 92%,rgba(201,164,106,.07),transparent 60%),
    var(--noir);
  background-attachment:fixed;
}
::selection{background:rgba(201,164,106,.35);color:#fff}
.serif,h1,h2,h3{font-family:'Bodoni Moda',serif}

/* ---------- nav ---------- */
nav.solid{background:rgba(10,9,8,.72);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--line-soft)}
.nav-pill{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
.nav-pill .wordmark,.nav-pill .wordmark img{height:34px !important}
.nav-pill .wordmark img{filter:drop-shadow(0 1px 6px rgba(0,0,0,.55))}
.nav-links a{color:rgba(243,237,227,.72)}
.nav-links a:hover{color:var(--gold-light)}
.nav-dropdown,.mobile-menu{
  background:var(--glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
.mobile-menu a{color:var(--ivory)}

/* ---------- buttons ---------- */
.btn-book,.btn-book-top{
  background:var(--gold-grad);color:#1A130B;font-family:'Jost',sans-serif;font-weight:500;
  letter-spacing:.06em;border:1px solid rgba(241,220,174,.55);
  box-shadow:0 10px 28px rgba(201,164,106,.18);
}
.btn-book:hover,.btn-book-top:hover{box-shadow:0 14px 36px rgba(201,164,106,.32)}
.btn-primary{background:var(--gold-grad);color:#1A130B;font-family:'Jost',sans-serif;letter-spacing:.04em;border:1px solid rgba(241,220,174,.5)}
.btn-primary:hover{box-shadow:0 14px 34px rgba(201,164,106,.3)}
.btn-ghost{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);color:var(--ivory);font-family:'Jost',sans-serif;text-decoration:none;display:inline-block;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light)}

/* ---------- hero headings: keep the gold foil, drop the heavy emboss ---------- */
.hero h1,.hero h1 em,header h1{
  background-image:linear-gradient(135deg,#F6E4BD 0%,#D8B67C 40%,#A9814A 100%);
  -webkit-text-stroke:0;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.45));
  font-weight:400;
}
.hero h1{letter-spacing:-.01em}
.eyebrow{color:rgba(243,237,227,.62)}
.cta-pill,.glass-pill,.quick-links a{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);
}
.quick-links a:hover{border-color:var(--gold);background:rgba(201,164,106,.12)}
.cta-pill input{font-family:'Jost',sans-serif}

/* ---------- homepage catalog / signature cards ---------- */
.catalog{background:transparent}
.row-head h2{color:var(--ivory)}
.row-head .count{color:var(--gold)}
.mark-card,
.mark-card.tone-bridal,.mark-card.tone-glam,.mark-card.tone-sfx,.mark-card.tone-body{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);color:var(--ivory);
}
.mark-card:hover,.mark-card:focus-visible{border-color:rgba(201,164,106,.5);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(201,164,106,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.mark-ticker,.mark-card.light .mark-ticker{background:rgba(201,164,106,.08);color:var(--gold-light);border-bottom:1px solid var(--line)}
.mark-copy .eyebrow{color:var(--gold);opacity:1}
.mark-copy h3{font-weight:500;color:var(--ivory)}
.mark-copy p{color:var(--ivory-soft);opacity:1}
.mark-price .amt{color:var(--gold-light);font-weight:500}
.mark-cta{background:var(--gold-grad);color:#1A130B;font-family:'Jost',sans-serif}
.mark-seal,.svc-seal{
  background:#0E0C0B url(assets/monogram-gold.png) center/64% no-repeat;
  box-shadow:0 8px 16px rgba(0,0,0,.5),0 0 0 1px rgba(201,164,106,.6);
}
.mark-seal span,.svc-seal span{display:none}

/* running ticker */
.studio-ticker{
  background:linear-gradient(90deg,rgba(201,164,106,.06),rgba(201,164,106,.12),rgba(201,164,106,.06));
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.studio-ticker .ticker-item{color:var(--gold-light);font-family:'Jost',sans-serif}

/* ---------- detail sheet (all pages) ---------- */
.overlay{background:rgba(6,5,4,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sheet{
  background:var(--glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.6);color:var(--ivory);
}
.sheet-close{background:var(--glass-strong);border:1px solid var(--line);color:var(--gold-light)}
.sheet-top h2{color:var(--ivory)}
.sheet-price .amt{color:var(--gold-light)}
.includes span{background:rgba(201,164,106,.08);border:1px solid var(--line);color:var(--ivory)}
.sheet-related{border-top:1px solid var(--line-soft)}
.reveal-label{background:rgba(10,9,8,.5);border:1px solid var(--line);color:var(--gold-light)}
.reveal-handle{background:var(--gold-light)}
.reveal-handle::after{background:var(--gold-grad);color:#1A130B}

/* ---------- services page ---------- */
.row[class*="tone-"],
.row.tone-bridal,.row.tone-glam,.row.tone-sfx,.row.tone-body{background:transparent}
.row.tone-glam,.row.tone-body{background:linear-gradient(180deg,transparent 0,rgba(201,164,106,.045) 18%,rgba(201,164,106,.045) 82%,transparent 100%)}
.row-watermark{
  background-image:linear-gradient(180deg,rgba(241,220,174,.9) 0%,rgba(201,164,106,.55) 55%,rgba(201,164,106,.08) 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
  -webkit-text-stroke:0 !important;filter:none !important;opacity:.55;font-weight:500 !important;letter-spacing:.02em !important;
}
.row[class*="tone-"] .tag-new,.tag-new{background:rgba(201,164,106,.16);color:var(--gold-light);border:1px solid var(--line)}
.svc-card{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
.svc-card:hover,.svc-card:focus-visible{border-color:rgba(201,164,106,.5)}
.svc-copy h3{color:var(--ivory)}
.svc-meta{color:var(--ivory-soft)}
.svc-meta .price{color:var(--gold-light)}
.svc-flag,.card-flag{background:rgba(10,9,8,.6);color:var(--gold-light);border:1px solid var(--line);backdrop-filter:blur(8px)}
.back{color:rgba(243,237,227,.55)}
.back:hover{color:var(--gold-light)}

/* ---------- portfolio page ---------- */
.filters{
  background:rgba(14,12,11,.62);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border-bottom:1px solid var(--line);
}
.pill{background:var(--glass);border:1px solid var(--line-soft);color:var(--ivory);font-family:'Jost',sans-serif}
.pill:hover{border-color:var(--gold)}
.pill.active{background:var(--gold-grad);border-color:transparent;color:#1A130B}
.pf-card{background:transparent}
.pf-caption p{color:var(--ivory)}
.pf-tag{background:rgba(10,9,8,.55);color:var(--gold-light);border:1px solid var(--line);border-left:0}
.pf-stage,.pf-stage img,.pf-stage video{background:#050404}
.pf-nav{background:var(--glass-strong);border:1px solid var(--line)}
.pf-nav svg{stroke:var(--gold-light)}
.pf-info .tier{color:var(--gold)}
.credit-note{color:var(--ivory-soft)}
.credit-note a{color:var(--gold-light)}

/* ---------- about / contact page ---------- */
.about-photo{box-shadow:0 30px 70px rgba(0,0,0,.55);border:1px solid var(--line)}
.about-stamp{background:#0E0C0B;border-radius:50%;padding:clamp(12px,1.6vw,17px);box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(201,164,106,.6)}
.about-stamp img{object-fit:contain}
.about-copy .eyebrow{color:var(--gold)}
.about-copy h2{color:var(--ivory)}
.contact-block{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
.note{background:var(--glass);border:1px solid var(--line);color:var(--ivory-soft)}
.note strong{color:var(--ivory)}

/* ---------- footer ---------- */
footer{
  background:linear-gradient(180deg,rgba(9,8,7,.2) 0%,#070606 30%);
  border-top:1px solid var(--line);color:rgba(243,237,227,.58);
}
footer .wordmark,footer .wordmark img{height:120px !important}
footer a{color:rgba(243,237,227,.58)}
footer a:hover{color:var(--gold-light)}
.foot-col h5{color:var(--gold);font-family:'Jost',sans-serif}
.foot-rule{border-top:1px solid var(--line-soft)}
.foot-social a{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px)}
.foot-social a:hover{border-color:var(--gold);background:rgba(201,164,106,.12)}
.foot-social svg{stroke:var(--gold-light)}

/* browsers without backdrop-filter get a solid fallback */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .mark-card,.svc-card,.sheet,.nav-pill,.mobile-menu,.contact-block{background:var(--noir-2)}
}

/* header "Book a Session" link carries an inline white style */
.quick-links a[style]{background:var(--gold-grad) !important;color:#1A130B !important;border-color:rgba(241,220,174,.55) !important}

/* ---------- homepage hero: full-bleed on every screen ---------- */
.hero-frame{display:none}
@media(min-width:861px){
  .hero-media video,.hero-media img{object-position:center 24%}
  .hero-copy{max-width:min(640px,52vw)}
}
.cta-pill .btn-book{white-space:nowrap}

/* ---------- Creative Credits page ---------- */
.eyebrow-gold{color:var(--gold);font-size:11px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:14px;font-family:'Jost',sans-serif}
.credits-section{margin-bottom:clamp(44px,6vw,72px)}
.credits-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}
.credits-head h2{font-weight:400;font-size:clamp(1.5rem,3.2vw,2.1rem);color:var(--ivory)}
.credits-head span{margin-left:auto;color:var(--gold);font-size:12px;letter-spacing:.2em}
.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.credit-card{
  display:block;text-decoration:none;color:var(--ivory);border-radius:18px;overflow:hidden;
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
  transition:transform .35s cubic-bezier(.2,.8,.3,1),border-color .25s,box-shadow .35s;
}
.credit-card:hover,.credit-card:focus-visible{transform:translateY(-5px);border-color:rgba(201,164,106,.55);box-shadow:0 30px 70px rgba(0,0,0,.55);outline:none}
.credit-thumb{aspect-ratio:4/5;overflow:hidden;background:var(--noir-2);position:relative}
.credit-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.3,1)}
.credit-card:hover .credit-thumb img{transform:scale(1.05)}
.credit-thumb.empty{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,rgba(201,164,106,.14),transparent 65%),var(--noir-2)}
.credit-thumb.empty img{width:38%;height:auto;opacity:.55}
.credit-card:hover .credit-thumb.empty img{transform:none}
.credit-body{padding:16px 18px 18px}
.credit-body h3{font-weight:400;font-size:1.15rem;line-height:1.25;margin-bottom:8px}
.credit-ig{display:inline-flex;align-items:center;gap:7px;color:var(--gold-light);font-size:12.5px;letter-spacing:.03em;font-family:'Jost',sans-serif}
.credit-ig svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.credit-ig svg .dot{fill:currentColor;stroke:none}
.credit-card:hover .credit-ig{color:#fff}

/* portfolio filter bar sticks just below the fixed nav instead of hiding under it */
.filters{top:94px;z-index:55}
.credit-by{display:block;color:var(--ivory-soft);font-size:12.5px;margin:-4px 0 8px;font-family:'Jost',sans-serif}

/* ---------- About: Behind the Chair gallery ---------- */
.bts{margin-top:clamp(56px,8vh,90px)}
.bts-head{max-width:620px;margin-bottom:28px}
.bts-head h2{font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--ivory);margin-bottom:12px}
.bts-head p:not(.eyebrow-gold){color:var(--ivory-soft);font-size:15px;font-weight:300}
.bts-grid{column-count:3;column-gap:16px}
@media(max-width:860px){.bts-grid{column-count:2}}
@media(max-width:420px){.bts-grid{column-gap:10px}}
.bts-tile{
  break-inside:avoid;margin:0 0 16px;position:relative;padding:6px;border-radius:18px;
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.8,.3,1),border-color .3s;
}
.bts-tile:hover{transform:translateY(-4px);border-color:rgba(201,164,106,.5)}
.bts-tile img,.bts-tile video{display:block;width:100%;height:auto;border-radius:13px}
.bts-tile video{aspect-ratio:9/16;object-fit:cover;background:var(--noir-2)}
.bts-tag{
  position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:999px;
  background:rgba(10,9,8,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--line);color:var(--gold-light);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:'Jost',sans-serif;
}
@media(max-width:420px){.bts-tile{padding:4px;margin-bottom:10px;border-radius:14px}.bts-tile img,.bts-tile video{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.bts-tile video{display:none}.bts-video{background:url(assets/bts/bts-gold-body-paint-poster.jpg) center/cover;aspect-ratio:9/16}}
@media(max-width:860px){
  .bts-video{column-span:all;-webkit-column-span:all;margin-bottom:16px}
  .bts-video video{aspect-ratio:4/5}
}
.reveal-single{aspect-ratio:auto !important;display:flex;justify-content:center;background:#050404}
.reveal-single img{position:relative;display:block;width:auto;max-width:100%;height:auto;max-height:72vh;object-fit:contain}

/* ---------- About: story chapters (alternating text / media) ---------- */
.story-row{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;
  margin-top:clamp(64px,10vh,110px);
}
.story-row.flip .story-copy{order:2}
.story-copy h2{font-weight:400;font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15;color:var(--ivory);margin-bottom:18px}
.story-copy p:not(.eyebrow-gold){font-size:15.5px;color:var(--ivory-soft);font-weight:300;line-height:1.8;margin-bottom:14px;max-width:480px}
.story-cta{margin-top:12px}
.story-media{
  margin:0;position:relative;padding:7px;border-radius:20px;
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
.story-media img,.story-media video{display:block;width:100%;height:auto;border-radius:14px}
.story-video{max-width:380px;justify-self:center;width:100%}
.story-video video{aspect-ratio:9/16;object-fit:cover}
.story-quote{
  margin:clamp(64px,10vh,110px) auto 0;max-width:820px;text-align:center;padding:0 12px;
}
.story-quote p{
  font-family:'Bodoni Moda',serif;font-style:italic;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.35;
  background-image:linear-gradient(135deg,#F6E4BD 0%,#D8B67C 45%,#A9814A 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.story-quote cite{display:block;margin-top:16px;color:var(--gold);font-style:normal;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-family:'Jost',sans-serif}
.bts-grid-3{column-count:3}
@media(max-width:760px){
  .story-row{grid-template-columns:1fr;gap:22px}
  .story-row.flip .story-copy{order:0}
  .story-video{max-width:300px}
  .bts-grid-3{column-count:2}
}
.about{align-items:center}

/* pull quote as its own glass card */
.story-quote{
  position:relative;max-width:860px;padding:clamp(40px,6vw,64px) clamp(24px,6vw,72px) clamp(34px,5vw,52px);
  border-radius:24px;border:1px solid rgba(201,164,106,.4);
  background:
    radial-gradient(600px 260px at 50% 0%,rgba(201,164,106,.14),transparent 70%),
    var(--glass);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow),0 0 70px rgba(201,164,106,.08);
}
.story-quote::before{
  content:'\201C';position:absolute;top:-34px;left:50%;transform:translateX(-50%);
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#0E0C0B;border:1px solid rgba(201,164,106,.55);
  font-family:'Bodoni Moda',serif;font-size:44px;line-height:1;padding-top:14px;box-sizing:border-box;
  color:var(--gold-light);
}

/* ---------- services: bridal à la carte panel ---------- */
.alc{
  max-width:1080px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,48px);align-items:center;
  padding:clamp(16px,2.5vw,26px);border-radius:24px;margin-inline:clamp(16px,4vw,48px);
  background:radial-gradient(600px 300px at 100% 0,rgba(201,164,106,.12),transparent 70%),var(--glass);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--glass-shadow);
}
@media(min-width:1180px){.alc{margin-inline:auto}}
.alc-photo{margin:0;padding:7px;border-radius:8px;background:linear-gradient(155deg,#F3DFAE 0%,#C9A05E 28%,#8B6A3C 55%,#C9A05E 78%,#F3DFAE 100%);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.alc-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
.alc-eyebrow{color:var(--gold);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px}
.alc-body h3{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(1.6rem,3.4vw,2.3rem);margin:0 0 8px;color:var(--ivory)}
.alc-lede{color:var(--ivory-soft);font-size:14.5px;margin:0 0 18px;max-width:480px}
.alc-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.alc-list li{display:flex;align-items:baseline;gap:10px}
.alc-list span{font-size:15px;color:var(--ivory)}
.alc-list small{display:block;font-size:12px;color:var(--ivory-soft)}
.alc-list i{flex:1;border-bottom:1px dotted rgba(201,164,106,.4);transform:translateY(-4px)}
.alc-list b{font-family:'Bodoni Moda',serif;font-weight:500;color:var(--gold-light);font-size:1.1rem;font-variant-numeric:tabular-nums}
.alc-cta{text-decoration:none}
@media(max-width:760px){.alc{grid-template-columns:1fr}.alc-photo{max-width:320px}}

/* credit cards: whole card opens Instagram (stretched link); a website link sits above it */
.credit-card{position:relative}
.credit-card:focus-within{transform:translateY(-5px);border-color:rgba(201,164,106,.55)}
.credit-main{text-decoration:none}
.credit-main::after{content:"";position:absolute;inset:0;border-radius:inherit}
.credit-main:focus-visible{outline:none}
.credit-site{position:relative;z-index:2;display:table;margin-top:8px;color:var(--ivory-soft);font-size:12.5px;letter-spacing:.03em;
  font-family:'Jost',sans-serif;text-decoration:none;border-bottom:1px solid rgba(201,164,106,.4);padding-bottom:1px}
.credit-site:hover,.credit-site:focus-visible{color:var(--gold-light);border-color:var(--gold-light);outline:none}

/* keep the About monogram stamp inside the screen on phones */
@media (max-width:600px){.about-stamp{right:0 !important}}

/* homepage: featured bridal signature card */
.mark-frame{position:relative}
.mark-badge{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;border-radius:999px;
  background:rgba(11,10,9,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(201,164,106,.6);color:var(--gold-light);font:500 10.5px/1 'Jost',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.mark-card.featured{border-color:rgba(201,164,106,.6);box-shadow:0 0 0 1px rgba(201,164,106,.25),0 30px 70px rgba(0,0,0,.5)}
.mark-card.featured .mark-ticker{background:var(--gold-grad);color:#1a140c;border-bottom-color:transparent}