@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');
/* Diamond Consulate visual refinement — 2026-11-02
   Purpose: remove component-heavy/vibe-coded styling while preserving content, SEO, schema and URLs. */

:root{
  --dc-radius:999px;
  --dc-hairline:rgba(185,162,129,.24);
}

/* QUIETER EDITORIAL RHYTHM */
.sec{padding-top:clamp(4.6rem,10vh,8.5rem);padding-bottom:clamp(4.6rem,10vh,8.5rem)}
.wrap{max-width:1160px}
.narrow{max-width:720px}
.lede{max-width:64ch}

/* De-emphasize AI/template-like eyebrow language without deleting semantic content. */
.rule{display:none!important}
.lbl{font-size:.64rem;letter-spacing:.18em;opacity:.78}
.sec>.wrap>.lbl,
.phead .lbl,
.video-copy>.lbl{margin-bottom:1rem}

/* Rounded, quieter CTAs */
.btn,.herobtn,.navcta,.stickybar a,.mobile-menu-inner .mobile-menu-cta,.ctaband a,.video-play-fallback{
  border-radius:var(--dc-radius)!important;
  letter-spacing:.14em!important;
  padding:1rem 1.65rem!important;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.btn:hover,.herobtn:hover{letter-spacing:.14em!important}
.navcta{padding:.72rem 1.2rem!important}
.stickybar{padding:.72rem .9rem calc(.72rem + env(safe-area-inset-bottom))}
.stickybar a{padding:.82rem 1.2rem!important}

/* Less boxy component language */
.cards,.cards.two{
  background:transparent!important;
  border:0!important;
  gap:clamp(2rem,4vw,4rem)!important;
}
.card{
  background:transparent!important;
  padding:1.4rem 0 0!important;
  border-top:1px solid var(--dc-hairline);
}
.card p{font-size:1rem;line-height:1.75}

.posts{background:transparent!important;border:0!important;gap:clamp(1.5rem,3vw,3rem)!important}
.post{padding:1.5rem 0 0!important;border-top:1px solid var(--dc-hairline);background:transparent!important}
.post:hover{background:transparent!important}

/* At-a-glance becomes an editorial facts section instead of a dashboard card grid. */
.dc-at-a-glance{border:0!important;background:transparent!important}
.dc-at-a-glance>.wrap{max-width:980px}
.dc-at-a-glance>.wrap>.lbl{display:none!important}
.dc-glance-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 clamp(3rem,7vw,6rem)!important;
  margin:2rem auto!important;
}
.dc-glance-grid>div{padding:1.25rem 0;border-top:1px solid var(--dc-hairline)}
.dc-glance-grid dt{font-size:.64rem!important;letter-spacing:.14em!important;margin-bottom:.35rem!important}
.dc-glance-grid dd{font-size:1rem!important;line-height:1.65!important}

/* Recognition should feel like a press credit, not another component strip. */
.dc-editorial-note{
  border:0!important;
  padding:1.4rem var(--pad)!important;
  gap:.7rem!important;
  background:transparent!important;
}
.dc-editorial-note span{font-size:.62rem!important;letter-spacing:.13em!important;color:var(--ink-soft)}
.dc-editorial-note a{font-family:'Cardo',serif;font-size:1rem!important;text-decoration:none;border-bottom:1px solid var(--dc-hairline)}

/* Simplify service grids */
.dc-service-grid{gap:clamp(1.7rem,3vw,3rem)!important}
.dc-service-card{
  border:0!important;
  border-top:1px solid var(--dc-hairline)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:1.55rem 0 0!important;
}
.dc-service-card:hover{transform:none!important;box-shadow:none!important;background:transparent!important}
.dc-service-card .lbl{display:none!important}

/* Related cards become simple editorial links. */
.related-grid{gap:clamp(1.2rem,2.5vw,2.4rem)!important}
.related-card{
  border:0!important;
  border-top:1px solid rgba(185,162,129,.28)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:1.4rem 0!important;
  box-shadow:none!important;
}
.related-card:hover{transform:none!important;background:transparent!important}

/* Testimonials: fewer card cues */
.client-testimonial-grid,.dc-testimonial-grid{gap:clamp(1.8rem,4vw,4rem)!important}
.client-testimonial,.dc-testimonial{
  border:0!important;
  border-top:1px solid rgba(185,162,129,.28)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:1.6rem 0 0!important;
}

/* Facts read like a quiet spec list, not a UI widget. */
.quick-details{background:transparent!important}
.fact{grid-template-columns:10rem 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--dc-hairline)}
.facts dt{text-align:left!important;letter-spacing:.12em!important}

/* Keep FAQ understated. */
.faq{margin-top:2.2rem}
.faq details{padding:1.3rem 0}
.faq summary{font-size:1.12rem}

/* Editorial images: less decorative arch framing on content-heavy pages. */
.phead .bleed img,.page-hero-media img,.article-hero-media img{filter:saturate(.94) contrast(1.01)}

/* HOME: make the first half feel cinematic, not modular. */
.home-page .dc-at-a-glance{padding-top:5rem;padding-bottom:5rem}
.home-page .cinematic-video{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}
.home-page .cinematic-video .video-copy>.lbl{display:none!important}
.home-page .hero-ctas{gap:.75rem!important}
.home-page .hero-ctas .herobtn{min-width:17rem}

/* Avoid excessive decorative gold lines and boxes. */
.arch::before{opacity:.35}
.arch::after{opacity:.4}
.dark .arch::after{opacity:.2}

/* MOBILE: intentionally centered, quiet and touch-friendly. */
@media(max-width:760px){
  :root{--pad:1.25rem}
  body{font-size:1.03rem;line-height:1.72}
  .sec{padding-top:4.4rem;padding-bottom:4.4rem}

  .phead{padding-top:7.2rem;padding-bottom:3.4rem;text-align:center}
  .phead h1.h1{max-width:13ch!important;margin-left:auto!important;margin-right:auto!important;font-size:clamp(2.05rem,10vw,2.85rem)!important;line-height:1.08}
  .phead .lede{max-width:33rem;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .phead .lbl{text-align:center!important}

  .sec>.wrap>h2.h2,.sec>.wrap>.narrow,.video-copy h2,.video-copy p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .sec>.wrap>.lbl{text-align:center!important}
  .lede{font-size:1.08rem;line-height:1.7}

  .btn,.herobtn,.ctaband a{
    width:min(100%,22rem)!important;
    max-width:22rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:normal!important;
    text-align:center!important;
    padding:1rem 1.25rem!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  .hero-ctas{width:100%!important;align-items:center!important}
  .hero-ctas .herobtn{min-width:0!important}

  .dc-glance-grid{grid-template-columns:1fr!important;gap:0!important;max-width:36rem}
  .dc-glance-grid>div{text-align:center!important}
  .dc-glance-grid dt{text-align:center!important}
  .dc-glance-grid dd{text-align:center!important}

  .split,.split.rev{gap:2.4rem!important}
  .split>div:not(.arch){text-align:center}
  .split>div:not(.arch) p,.split>div:not(.arch) .lede{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

  .cards,.cards.two,.dc-service-grid,.related-grid,.client-testimonial-grid,.dc-testimonial-grid{grid-template-columns:1fr!important;gap:2rem!important}
  .card,.dc-service-card,.related-card,.client-testimonial,.dc-testimonial{text-align:center!important}
  .card p,.dc-service-card p,.client-testimonial blockquote,.dc-testimonial blockquote{text-align:center!important}

  .fact{grid-template-columns:1fr!important;gap:.25rem!important;text-align:center!important;padding:1.05rem 0!important}
  .facts dt,.facts dd{text-align:center!important}

  .faq summary{text-align:left!important}
  .faq details p{text-align:left!important}

  .mobile-menu-inner>a{font-size:.78rem;letter-spacing:.12em;text-align:center}
  .mobile-menu-inner .mobile-menu-cta{border-radius:var(--dc-radius)!important}

  .foot,.foot h4,.foot a,.footbase{text-align:center}
  .footgrid{justify-items:center}
  .foot ul{padding:0}
  .footbase{justify-content:center}

  .dc-editorial-note{flex-direction:column;text-align:center}
}

@media(max-width:420px){
  .phead h1.h1{font-size:2.15rem!important}
  .home-page .hero-body h1.h1{font-size:2.35rem!important;max-width:11ch!important}
  .btn,.herobtn,.ctaband a{width:100%!important}
}


/* === Real logo integration (Nov 2026) === */
.mark.mark-logo{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  width:clamp(168px,14vw,232px);
  min-width:168px;
  padding:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  color:transparent!important;
  letter-spacing:normal!important;
  font-size:0!important;
  line-height:0!important;
  overflow:visible;
}
.nav .mark.mark-logo,.nav.solid .mark.mark-logo,.nav.is-stuck .mark.mark-logo{
  color:transparent!important;
  font-family:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.nav-logo-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media (max-width: 760px){
  .mark.mark-logo{
    width:min(54vw,188px);
    min-width:0;
    justify-content:flex-start;
    padding:0;
  }
}


/* === Romantic modern luxury direction — Nov 2026 === */

:root{
  --rom-ivory:#F7F1E8;
  --rom-cream:#FBF7F1;
  --rom-blush:#E9DDD3;
  --rom-taupe:#B5A28F;
  --rom-khaki:#9F8B73;
  --rom-gold:#B9A281;
  --rom-gold-soft:#B9A281;
  --rom-espresso:#4B3F36;
  --rom-ink:#3B332D;
  --rom-muted:#76695F;
  --rom-line:rgba(112,91,72,.18);
}
html,body{background:var(--rom-ivory)!important;color:var(--rom-ink)!important}
body{font-family:'Cardo',serif!important}
.serif,h1,h2,h3,h4,.h1,.h2,.h3,.faq summary,.ctaband p,.related-card strong,.post h3,.card .h3,
.article h2,.article h3,.article-body h2,.article-body h3,.dc-news-card h3,.dc-news-section-heading h2,
.dc-romance-copy h2,.client-testimonials h2{
  font-family:'Cardo',serif!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
}

/* Warm taupe navigation instead of black */
.nav,.nav.solid,.nav.is-stuck{
  background:rgba(166,146,125,.96)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.26),0 10px 35px rgba(78,63,51,.08)!important;
  backdrop-filter:blur(16px);
}
.nav .links a,.nav.solid .links a,.nav.is-stuck .links a{color:#FFF9F1!important}
.nav .links a:hover{color:#fff!important;border-bottom-color:rgba(255,255,255,.7)!important}
.nav .navcta,.nav.solid .navcta,.nav.is-stuck .navcta{
  border-color:rgba(255,255,255,.72)!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
.nav .navcta:hover{background:#FFF9F1!important;color:var(--rom-espresso)!important}
.navdrop-menu{background:#EFE5D8!important;border-color:rgba(116,92,73,.15)!important;box-shadow:0 20px 45px rgba(72,58,47,.16)!important}
.navdrop-menu a{color:var(--rom-espresso)!important}
.mobile-menu{background:#EFE5D8!important}
.mobile-menu a,.mobile-menu button{color:var(--rom-espresso)!important;border-color:var(--rom-line)!important}
.mobile-menu-toggle span{background:#fff!important}

/* Exact SVG logo on warm nav */
.mark.mark-logo{width:clamp(160px,13vw,218px)!important;min-width:160px!important;height:54px!important;overflow:hidden!important;align-items:center!important}
.nav-logo-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important}

/* Overall surfaces: no hard black bands */
.dark,.sec.dark,.client-testimonials,.dc-education-cards,.home-date-night,.home-diamond-table{
  background:var(--rom-blush)!important;
  color:var(--rom-ink)!important;
}
.dark p,.dark li,.dark .lede,.dark h2,.dark h3,.client-testimonials p,.client-testimonials blockquote,.client-testimonials cite{
  color:var(--rom-ink)!important;
}
.lbl,.dc-kicker{color:var(--rom-gold)!important}
.textlink,a.textlink{color:var(--rom-khaki)!important;border-color:var(--rom-gold-soft)!important}

/* Romantic hero treatment while staying modern */
.home-page .hero{min-height:clamp(650px,88vh,880px)!important;background:var(--rom-taupe)!important}
.home-page .hero>img{filter:saturate(.86) sepia(.08) brightness(1.02) contrast(.94)!important}
.home-page .hero .scrim.l{background:linear-gradient(90deg,rgba(62,48,39,.56),rgba(104,83,69,.24),transparent 74%)!important}
.home-page .hero .scrim.r{background:linear-gradient(0deg,rgba(75,57,45,.22),transparent 58%)!important}
.home-page .hero-body{color:#fffaf4!important}
.home-page .hero-body h1{font-family:'Cardo',serif!important;font-weight:400!important;letter-spacing:-.015em!important}
.home-page .hero-body .serif{font-family:'Cardo',serif!important}
.home-page .hero-sub{color:rgba(255,250,244,.92)!important}

/* CTAs: soft gold/taupe modern pills */
.cta-primary,.btn.cta-primary,.herobtn.cta-primary,.stickybar a,.mobile-menu-cta{
  background:var(--rom-gold)!important;
  color:#fff!important;
  border:1px solid var(--rom-gold)!important;
  box-shadow:0 9px 24px rgba(115,87,50,.14)!important;
}
.cta-primary:hover,.btn.cta-primary:hover,.herobtn.cta-primary:hover{background:#B9A281!important;border-color:#B9A281!important}
.cta-secondary,.herobtn.cta-secondary{
  background:rgba(255,249,241,.13)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#fff!important;
}

/* New romantic visual story */
.dc-romance-story{padding:clamp(5.5rem,10vw,9rem) var(--pad);background:var(--rom-cream)}
.dc-romance-wrap{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:clamp(3rem,7vw,7rem);align-items:center}
.dc-romance-copy{max-width:470px}
.dc-romance-copy .dc-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;margin-bottom:1.2rem}
.dc-romance-copy h2{font-size:clamp(2.45rem,4.2vw,4.6rem);line-height:1.03;color:var(--rom-espresso);margin:0 0 1.5rem}
.dc-romance-copy p{color:var(--rom-muted);font-size:1.08rem;line-height:1.85}
.dc-romance-link{display:inline-block;margin-top:1.5rem;text-decoration:none;color:var(--rom-espresso);border-bottom:1px solid var(--rom-gold-soft);padding-bottom:.28rem}
.dc-romance-gallery{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:1rem;min-height:590px}
.dc-romance-gallery figure{overflow:hidden;background:#e8ddd2;min-height:0}
.dc-romance-gallery .dc-romance-large{grid-row:1 / span 2}
.dc-romance-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(.96) brightness(1.02);transition:transform .8s ease}
.dc-romance-gallery figure:hover img{transform:scale(1.018)}

/* Recognition strip: integrate logos instead of white cards */
.dc-editorial-note{background:#D7C7B8!important;color:var(--rom-espresso)!important}
.dc-recognition{background:#D7C7B8!important;border:0!important;padding-top:1.2rem!important;padding-bottom:2rem!important}
.dc-recognition-top{color:var(--rom-espresso)!important}
.dc-recognition-item,.dc-recognition-logo{background:transparent!important;border:0!important;box-shadow:none!important}
.dc-recognition-logo img{mix-blend-mode:multiply!important;filter:grayscale(1) contrast(1.05)!important;opacity:.75!important}
.dc-recognition-item:hover .dc-recognition-logo img{opacity:1!important}
.dc-home-press{background:#D7C7B8!important;border-top:1px solid rgba(91,72,57,.12)!important;color:var(--rom-espresso)!important}

/* Testimonials: warm editorial social proof */
.client-testimonials{background:#EFE3DA!important;color:var(--rom-ink)!important}
.client-testimonials .testimonial-context{max-width:760px;color:var(--rom-muted)!important}
.client-testimonial{border-top:1px solid rgba(185,162,129,.24)!important}
.client-testimonial blockquote{font-family:'Cardo',serif!important;font-size:clamp(1.25rem,1.6vw,1.65rem)!important;line-height:1.5!important;color:var(--rom-espresso)!important}
.client-testimonial .stars{color:var(--rom-gold)!important;letter-spacing:.12em}
.client-testimonial cite{color:var(--rom-muted)!important}

/* Practical info lower on page: quiet concierge treatment */
.dc-at-a-glance{background:#F1E8DF!important}
.dc-at-a-glance h2{text-align:center!important;color:var(--rom-espresso)!important}
.dc-glance-grid>div{border-color:rgba(111,88,68,.18)!important}
.dc-glance-grid dt{color:var(--rom-gold)!important}
.dc-glance-grid dd{color:var(--rom-muted)!important}

/* Soft section alternation without component feel */
.sec:nth-of-type(even){background-color:transparent}
.creds{background:#DCCFC2!important;color:var(--rom-espresso)!important;border-color:rgba(111,88,68,.14)!important}
.ctaband{background:#CBB9A7!important;color:#fff!important}
.ctaband p{color:#fff!important}

/* Footer: deep taupe, not black */
.foot{background:#746658!important;color:#F9F2E9!important}
.foot p,.foot a,.foot li,.footbase{color:rgba(249,242,233,.82)!important}
.foot .mark{color:#fff!important}
.stickybar{background:rgba(166,146,125,.97)!important}

/* Modern-romantic image treatment */
.arch img,.split img,.page-hero-media img,.article-hero-media img{filter:saturate(.88) sepia(.04) contrast(.97)!important}

/* Mobile: centered romance, not cramped template blocks */
@media(max-width:760px){
  .mark.mark-logo{width:172px!important;height:46px!important;min-width:0!important}
  .home-page .hero{min-height:720px!important}
  .home-page .hero .scrim.l{background:linear-gradient(0deg,rgba(65,49,39,.62),rgba(94,72,58,.20) 72%,rgba(94,72,58,.12))!important}
  .home-page .hero-body{text-align:center!important;left:0!important;right:0!important;margin:auto!important;padding-left:1.35rem!important;padding-right:1.35rem!important}
  .home-page .hero-body h1,.home-page .hero-body p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .dc-romance-wrap{grid-template-columns:1fr;gap:2.6rem;text-align:center}
  .dc-romance-copy{margin:auto}
  .dc-romance-gallery{grid-template-columns:1fr 1fr;grid-template-rows:340px 220px;min-height:0;gap:.7rem}
  .dc-romance-gallery .dc-romance-large{grid-column:1 / -1;grid-row:1}
  .dc-romance-gallery figure:nth-child(2){grid-column:1;grid-row:2}
  .dc-romance-gallery figure:nth-child(3){grid-column:2;grid-row:2}
  .dc-recognition-logo img{max-height:64px!important;object-fit:contain!important}
}
@media(max-width:420px){
  .dc-romance-gallery{grid-template-rows:300px 180px}
  .dc-romance-copy h2{font-size:2.55rem}
}

/* Final logo proportions for exact SVG artwork */
.mark.mark-logo{width:176px!important;min-width:176px!important;height:70px!important}
.nav-logo-image{object-fit:contain!important;object-position:center!important}
.dc-visit-studio{background:var(--rom-cream)!important}
.dc-visit-studio .facts{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.mark.mark-logo{width:150px!important;height:60px!important;min-width:0!important}}


/* === Cardo-only typography + stronger light-theme contrast (Nov 2026) === */
:root{
  --rom-ink:#17130f;
  --rom-espresso:#201a16;
  --rom-muted:#40362f;
}
html,body,button,input,select,textarea,
nav,a,p,li,dt,dd,span,strong,em,small,label,blockquote,cite,
h1,h2,h3,h4,h5,h6,.serif,.h1,.h2,.h3,.lbl,.mark,
.card,.card p,.card h3,.faq summary,.faq p,.hero-sub,.lede,
.cta-primary,.cta-secondary,.herobtn,.navcta,.mobile-menu a,.mobile-menu button,
.dc-recognition,.dc-home-press,.dc-editorial-note,.dc-news-preview,
.client-testimonial,.client-testimonial blockquote,.client-testimonial cite{
  font-family:'Cardo', Georgia, 'Times New Roman', serif!important;
}
body{font-weight:400!important;color:var(--rom-ink)!important}

/* Light surfaces: strong readable text */
body,
.sec:not(.dark),
.wrap,
.card,
.dc-at-a-glance,
.dc-recognition,
.dc-home-press,
.dc-news-preview,
.client-testimonials,
.dc-romance-story,
.dc-visit-studio,
.faq,
.related-card,
.post{
  color:var(--rom-ink)!important;
}
.sec:not(.dark) p,
.sec:not(.dark) li,
.sec:not(.dark) dd,
.sec:not(.dark) dt,
.sec:not(.dark) .lede,
.sec:not(.dark) .testimonial-context,
.client-testimonials p,
.client-testimonials blockquote,
.client-testimonials .testimonial-context,
.dc-recognition,
.dc-home-press,
.dc-news-preview{
  color:var(--rom-ink)!important;
}
.lbl,.rule .lbl,.dc-news-meta{
  color:#775e3f!important;
  font-weight:700!important;
}
.textlink,a.textlink,.sec:not(.dark) a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta){
  color:#5f482e!important;
}

/* Cardo needs less artificial tracking than the former sans-serif system */
.links a,.navcta,.mobile-menu a,.mobile-menu button,.lbl,.cta-primary,.cta-secondary,.herobtn,
.dc-news-meta,.dc-editorial-note,.footbase,.stars{
  letter-spacing:.045em!important;
}

/* Remove all visible attribution from testimonial cards */
.client-testimonial cite{display:none!important}
.client-testimonial{justify-content:flex-start!important}
.client-testimonial blockquote{color:var(--rom-ink)!important;font-weight:400!important}
.client-testimonials .testimonial-context{color:#40362f!important}

/* Stronger contrast for outline CTAs on light romantic sections */
.sec:not(.dark) .cta-secondary,
.sec:not(.dark) .btn.cta-secondary,
.sec:not(.dark) .herobtn.cta-secondary,
.dc-romance-story .cta-secondary,
.dc-visit-studio .cta-secondary,
.client-testimonials .cta-secondary{
  color:#2B211B!important;
  border-color:#B9A281!important;
  background:rgba(255,255,255,.12)!important;
  font-weight:700!important;
}
.sec:not(.dark) .cta-secondary:hover,
.sec:not(.dark) .btn.cta-secondary:hover,
.sec:not(.dark) .herobtn.cta-secondary:hover,
.dc-romance-story .cta-secondary:hover,
.dc-visit-studio .cta-secondary:hover,
.client-testimonials .cta-secondary:hover{
  color:#211813!important;
  background:#B9A281!important;
  border-color:#B9A281!important;
}


/* === Final typography and contrast override (Nov 2 2026) === */
:root{
  --dc-light-bg-1:#F7F2EB;
  --dc-light-bg-2:#E7DBCE;
  --dc-light-bg-3:#CDB9A7;
  --dc-dark-text:#1F1814;
  --dc-dark-text-soft:#3B3028;
  --dc-light-text:#FBF5EE;
  --dc-light-text-soft:#F2E7DA;
}

/* Cardo everywhere */
html,body,
body *,
button,input,select,textarea,
.btn,.herobtn,.navcta,
.links a,.mobile-menu a,.mobile-menu button,
.lbl,.dc-news-meta,.testimonial-context,.footbase,.stars,
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6,p,li,dd,dt,small,span,strong,em,cite,blockquote,label,legend,summary,figcaption{
  font-family:'Cardo',serif!important;
}

/* All light surfaces get dark type */
body,
.wrap,
.sec:not(.dark),
.page,
.card,
.dc-at-a-glance,
.dc-recognition,
.dc-home-press,
.dc-news-preview,
.client-testimonials,
.dc-romance-story,
.dc-visit-studio,
.faq,
.related-card,
.post,
.creds,
.nav,
.nav.solid,
.nav.is-stuck,
.mobile-menu,
.dc-editorial-note,
.dc-recognition-item,
.dc-recognition-list,
.dc-recognition-track,
.dc-recognition-rail,
.choice-card-media .choice-copy,
.product-card .inside,
.bookframe,
.bookframe iframe,
.page-hero:not(.dark),
.article-hero:not(.dark){
  color:var(--dc-dark-text)!important;
}

.sec:not(.dark) h1,.sec:not(.dark) h2,.sec:not(.dark) h3,.sec:not(.dark) h4,.sec:not(.dark) h5,.sec:not(.dark) h6,
.page-hero:not(.dark) h1,.page-hero:not(.dark) h2,.page-hero:not(.dark) h3,
.article-hero:not(.dark) h1,.article-hero:not(.dark) h2,.article-hero:not(.dark) h3,
.nav .mark,.nav.solid .mark,.nav.is-stuck .mark,
.nav .links a,.nav.solid .links a,.nav.is-stuck .links a,
.nav .navcta,
.mobile-menu a,.mobile-menu button,
.mobile-menu-toggle,
.mobile-menu-toggle span,
.choice-card-media .choice-copy strong,
.product-card .inside strong,
.dc-editorial-note,
.client-testimonial blockquote,
.client-testimonials .testimonial-context,
.faq h2,.faq h3,.faq summary,
.creds h2,.creds h3,
.bookframe,
.bookframe iframe,
.dc-news-preview h2,.dc-home-press h2,.dc-recognition h2,
body h1, body h2, body h3, body h4, body h5, body h6{
  color:var(--dc-dark-text)!important;
}

body p, body li, body dd, body dt, body small, body span, body figcaption,
.sec:not(.dark) p,.sec:not(.dark) li,.sec:not(.dark) dd,.sec:not(.dark) dt,.sec:not(.dark) small,.sec:not(.dark) span,
.page-hero:not(.dark) p,.article-hero:not(.dark) p,
.nav .links a,.nav .navcta,.mobile-menu a,
.client-testimonials p,.client-testimonials li,.client-testimonials blockquote,
.dc-home-press p,.dc-news-preview p,.dc-recognition p,
.choice-card-media .choice-copy p,.product-card .inside p,
.faq p,.faq li,.faq summary,
.creds p,.creds li,
.dc-romance-story p,.dc-visit-studio p{
  color:var(--dc-dark-text-soft)!important;
}

.lbl,.rule .lbl,.dc-news-meta,.stars,
.sec:not(.dark) .lbl,.sec:not(.dark) .dc-news-meta,
.nav .links a:hover,.nav.solid .links a:hover,.nav.is-stuck .links a:hover,
a.textlink,.textlink,.sec:not(.dark) a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta){
  color:#6C5235!important;
}

.nav .links a:hover,.nav.solid .links a:hover,.nav.is-stuck .links a:hover{
  border-bottom-color:rgba(108,82,53,.45)!important;
}

/* Dark surfaces get light type */
.dark,.sec.dark,.ctaband,.cinematic-video,.hero,.page-hero.dark,.article-hero.dark,.dc-testimonials,.foot,
.scrim,.dark .card,.sec.dark .card,.dc-testimonials .card{
  color:var(--dc-light-text)!important;
}

.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,
.sec.dark h1,.sec.dark h2,.sec.dark h3,.sec.dark h4,.sec.dark h5,.sec.dark h6,
.ctaband h1,.ctaband h2,.ctaband h3,.ctaband h4,
.cinematic-video h1,.cinematic-video h2,.cinematic-video h3,.cinematic-video h4,
.hero h1,.hero h2,.hero h3,
.page-hero.dark h1,.article-hero.dark h1,
.dc-testimonials h1,.dc-testimonials h2,.dc-testimonials h3,
.foot h2,.foot h3,.foot .mark,
.dark .h1,.dark .h2,.dark .h3,
.sec.dark .h1,.sec.dark .h2,.sec.dark .h3{
  color:var(--dc-light-text)!important;
}

.dark p,.dark li,.dark dd,.dark dt,.dark small,.dark span,.dark blockquote,.dark cite,.dark strong,
.dark .lede,.dark .txt p,
.sec.dark p,.sec.dark li,.sec.dark dd,.sec.dark dt,.sec.dark small,.sec.dark span,.sec.dark blockquote,.sec.dark cite,.sec.dark strong,
.sec.dark .lede,.sec.dark .txt p,
.ctaband p,.ctaband li,.ctaband span,
.cinematic-video p,.cinematic-video li,.cinematic-video span,
.hero p,.hero li,.hero span,.hero .hero-body,
.page-hero.dark p,.article-hero.dark p,
.dc-testimonials p,.dc-testimonials li,.dc-testimonials blockquote,
.foot p,.foot li,.foot a,.foot span{
  color:var(--dc-light-text-soft)!important;
}

.dark a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta),
.sec.dark a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta),
.cinematic-video a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta),
.dc-testimonials a:not(.cta-primary):not(.cta-secondary):not(.herobtn):not(.navcta),
.foot a{
  color:#B9A281!important;
}
.dark .lbl,.dark .dc-news-meta,.dark .testimonial-context,
.sec.dark .lbl,.sec.dark .dc-news-meta,.sec.dark .testimonial-context,
.hero .lbl,.hero .dc-news-meta,
.ctaband .lbl{
  color:#B9A281!important;
}

/* Buttons readable on all surfaces */
.cta-primary,.btn.cta-primary,.herobtn.cta-primary{
  color:#1F1814!important;
  background:#F9F1E5!important;
  border-color:#F9F1E5!important;
}
.cta-primary:hover,.btn.cta-primary:hover,.herobtn.cta-primary:hover{
  color:#1F1814!important;
  background:#B9A281!important;
  border-color:#B9A281!important;
}
.cta-secondary,.btn.cta-secondary,.herobtn.cta-secondary,
.nav .navcta,.nav.solid .navcta,.nav.is-stuck .navcta{
  color:#2B211B!important;
  border-color:#B9A281!important;
  background:transparent!important;
}
.cta-secondary:hover,.btn.cta-secondary:hover,.herobtn.cta-secondary:hover,
.nav .navcta:hover,.nav.solid .navcta:hover,.nav.is-stuck .navcta:hover{
  color:#1F1814!important;
  background:#B9A281!important;
  border-color:#B9A281!important;
}


/* Testimonial section is intentionally a light surface */
.client-testimonials,
.client-testimonials .wrap,
.client-testimonials h1,.client-testimonials h2,.client-testimonials h3,
.client-testimonials p,.client-testimonials blockquote,.client-testimonials .testimonial-context{
  color:#241B16!important;
}
.client-testimonials .stars{color:#B9A281!important;}
.client-testimonials{background:#EFE3DA!important;}


/* FINAL LIGHT TESTIMONIAL CONTRAST — forced after all component rules */
.client-testimonials,
.client-testimonials .wrap{background:#EFE3DA!important;color:#241B16!important;}
.client-testimonials h1,
.client-testimonials h2,
.client-testimonials h3,
.client-testimonials .h1,
.client-testimonials .h2,
.client-testimonials .h3{color:#241B16!important;}
.client-testimonials p,
.client-testimonials .testimonial-context,
.client-testimonial blockquote,
.client-testimonials blockquote{color:#332821!important;opacity:1!important;}
.client-testimonial .stars,
.client-testimonials .stars{color:#B9A281!important;opacity:1!important;}
.client-testimonial{color:#332821!important;border-top-color:rgba(83,62,46,.24)!important;}


/* =====================================================================
   CONTRAST CORRECTIONS (v5) — text colour only.
   Fixes light-on-light and dark-on-dark text found by a full-site audit.
   Backgrounds, layout, sizes and typography are unchanged.
   ===================================================================== */

/* 1. Light / blush surfaces that were receiving light text -> dark text */
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table,.creds) :where(*:not(.cta-primary):not(.cta-primary *)),
html:not(#dcx) body :is(.ctaband,.creds){color:#3B3028!important}
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table,.creds) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,strong,b,th){color:#1F1814!important}
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table,.creds) :is(.lbl,.dc-news-meta,.role,.meta,a:not(.cta-primary):not(.cta-secondary):not(.btn)){color:#6C5235!important}
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table) .related-card :is(strong,span,p){color:#1F1814!important}
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table) .related-card :is(span,p){color:#3B3028!important}
html:not(#dcx) body :is(.dark,.sec.dark,.ctaband,.dc-education-cards,.home-date-night,.home-diamond-table) :is(.cta-secondary,.btn.cta-secondary){color:#2B211B!important}

/* 2. Light page areas: individual elements that were near-white on cream */
html:not(#dcx) body :where(:not(.foot *):not(.hero *):not(.nav *):not(.stickybar *)) :is(td,strong,b,em){color:#1F1814!important}
html:not(#dcx) body :where(:not(.foot *):not(.hero *):not(.nav *):not(.stickybar *)) td{color:#3B3028!important}
html:not(#dcx) body :where(:not(.foot *):not(.hero *):not(.nav *):not(.stickybar *)) :is(th,.post .meta,.card .role,.product-card .inside .lbl){color:#6C5235!important}
html:not(#dcx) body .lbl{opacity:1!important}
html:not(#dcx) body :is(nav.breadcrumb,nav.breadcrumb a,.phead .wrap>div[style],.phead .wrap>div[style] a,.wrap>div[style*="ink-soft"],.wrap>div[style*="ink-soft"] a,.wrap.article>div>a,.article-kicker,.article-kicker a,.guide-updated,.dc-news-breadcrumb a,.dc-news-byline,.dc-news-byline a,.dc-news-byline time,.byline .sep){color:#3B3028!important;opacity:1!important}
html:not(#dcx) body :is(.byline b,.byline strong){color:#1F1814!important}
html:not(#dcx) body :is(.dc-news-link,.dc-story-body p>a,.dc-story-intro-copy a){color:#6C5235!important}
html:not(#dcx) body .comparison-note{color:#3B3028!important}
html:not(#dcx) body :is(.client-testimonial .stars,.client-testimonials .stars){color:#7A5226!important}

/* 3. Dark panels, dark photo headers and dark feature sections -> light text */
html:not(#dcx) body :is(body:not(.booking-page) .phead:has(> .bleed),.dc-service-page .phead,.phead.dc-404,section[style*="--parchment"],.fast,.best-box,.tocbox,.callout,.compare-card,.decision-card,.info-card,.answer-box,.ratio-card,.verdict,.cta-panel,.choice-card,.process-card,.ai-answer,.dc-standard-box,.quick-answer,.article-cta,.dc-news-card,.dc-news-feature,.dc-news-preview,.dc-local-feature,.dc-wedding-connections,.dc-news-memberships,.dc-news-cta,.dc-news-source,.dc-story-related,.dc-testimonials,.consultation-service-card,.appointment-benefit,.visual-info-card,aside.expect,.bookframe,.cinematic-video,.step-card,.education-card):not(#dcy) :where(*:not(.cta-primary):not(.cta-primary *):not(.article-cta > a):not(.dc-news-button):not(.dc-news-button *):not(.choice-copy):not(.choice-copy *)){color:#F2E7DA!important;opacity:1!important}
html:not(#dcx) body :is(body:not(.booking-page) .phead:has(> .bleed),.dc-service-page .phead,.phead.dc-404,section[style*="--parchment"],.fast,.best-box,.tocbox,.callout,.compare-card,.decision-card,.info-card,.answer-box,.ratio-card,.verdict,.cta-panel,.choice-card,.process-card,.ai-answer,.dc-standard-box,.quick-answer,.article-cta,.dc-news-card,.dc-news-feature,.dc-news-preview,.dc-local-feature,.dc-wedding-connections,.dc-news-memberships,.dc-news-cta,.dc-news-source,.dc-story-related,.dc-testimonials,.consultation-service-card,.appointment-benefit,.visual-info-card,aside.expect,.bookframe,.cinematic-video,.step-card,.education-card):not(#dcy) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,strong,b,summary,th,dt,.cta-secondary,.btn.cta-secondary):not(.choice-copy *){color:#FBF5EE!important}
html:not(#dcx) body :is(body:not(.booking-page) .phead:has(> .bleed),.dc-service-page .phead,.phead.dc-404,section[style*="--parchment"],.fast,.best-box,.tocbox,.callout,.compare-card,.decision-card,.info-card,.answer-box,.ratio-card,.verdict,.cta-panel,.choice-card,.process-card,.ai-answer,.dc-standard-box,.quick-answer,.article-cta,.dc-news-card,.dc-news-feature,.dc-news-preview,.dc-local-feature,.dc-wedding-connections,.dc-news-memberships,.dc-news-cta,.dc-news-source,.dc-story-related,.dc-testimonials,.consultation-service-card,.appointment-benefit,.visual-info-card,aside.expect,.bookframe,.cinematic-video,.step-card,.education-card):not(#dcy) :is(.lbl,.dc-news-meta,.dc-news-type,.dc-vendor-action,a:not(.cta-primary):not(.cta-secondary):not(.btn):not(.dc-news-button):not(.article-cta > a)):not(.choice-copy *){color:#B9A281!important}

html:not(#dcx) body:not(#dcy) .ctaband a:not(.cta-primary):not(.cta-secondary):not(.btn){color:#4A3622!important}
html:not(#dcx) body .dc-recognition .dc-news-link{color:#4A3622!important}
html:not(#dcx) body:not(#dcy) :is(.dc-news-button,.dc-news-button *){color:#1F1814!important}
html:not(#dcx) body:not(#dcy) .choice-copy :is(p,span){color:#3B3028!important}
html:not(#dcx) body:not(#dcy) .choice-copy :is(strong,h3){color:#1F1814!important}

/* Small text over the upper (lightest) part of photo headers */
html:not(#dcx) body:not(.booking-page) .phead:has(> .bleed) :is(.wrap,.wrap *):not(.cta-primary):not(.cta-primary *){text-shadow:0 1px 2px rgba(21,17,14,.75),0 0 12px rgba(21,17,14,.55)!important}

html:not(#dcx) body:not(.booking-page):not(#dcz) .phead:has(> .bleed):not(#dcy) .wrap :is(.lbl,nav.breadcrumb,nav.breadcrumb a,.wrap>div[style],.wrap>div[style] a,.dc-service-crumb,.dc-service-crumb a,.article-kicker,.article-kicker a,.guide-updated){color:#FFF9F1!important}

/* 4. Home hero, footer, sticky bar and mobile menu */
html:not(#dcx) body .hero .hero-body .lbl{color:#F6E6C8!important}
html:not(#dcx) body .foot :is(a,h4,strong,ul>li>a,.dc-footer-organizations a){color:#FBF5EE!important}
html:not(#dcx) body .stickybar a{color:#1F1814!important}
html:not(#dcx) body .mobile-menu :is(a,button,.mobile-sub-items a){color:#1F1814!important;opacity:1!important}
html:not(#dcx) body .mobile-menu .mobile-menu-cta{color:#fff!important}


/* =====================================================================
   v6 UPDATES — buttons, logo/nav, eyebrows, centering, recognition, footer
   ===================================================================== */

/* Buttons: dark gold with black text; lighter gold on hover */
html:not(#a6):not(#b6) body:not(#c6) :is(.btn,.herobtn,.cta-primary,.cta-secondary,.navcta,.ctaband a,.stickybar a,.mobile-menu-cta,.dc-news-button,.article-cta > a,.dyr-cta),
html:not(#a6):not(#b6) body:not(#c6) :is(.btn,.herobtn,.cta-primary,.cta-secondary,.navcta,.ctaband a,.stickybar a,.mobile-menu-cta,.dc-news-button,.article-cta > a,.dyr-cta) *{
  color:#111111!important;
  text-shadow:none!important;
  opacity:1!important;
}
html:not(#a6):not(#b6) body:not(#c6) :is(.btn,.herobtn,.cta-primary,.cta-secondary,.navcta,.ctaband a,.stickybar a,.mobile-menu-cta,.dc-news-button,.article-cta > a,.dyr-cta){
  background:#B9A281!important;
  border:1px solid #B9A281!important;
}
html:not(#a6):not(#b6) body:not(#c6) :is(.btn,.herobtn,.cta-primary,.cta-secondary,.navcta,.ctaband a,.stickybar a,.mobile-menu-cta,.dc-news-button,.article-cta > a,.dyr-cta):is(:hover,:focus-visible){
  background:#D6C8B2!important;
  border-color:#D6C8B2!important;
  color:#111111!important;
}

/* Navigation: ivory bar so the black logo reads cleanly */
html:not(#a6):not(#b6) body:not(#c6) :is(.nav,.nav.solid,.nav.is-stuck){background:#FBF7F1!important;box-shadow:0 1px 0 rgba(31,24,20,.08)!important}
html:not(#a6):not(#b6) body:not(#c6) .nav .links a:not(.navcta){color:#1F1814!important}
html:not(#a6):not(#b6) body:not(#c6) .nav .links a:not(.navcta):hover{color:#6C5235!important;border-bottom-color:rgba(108,82,53,.45)!important}
html:not(#a6):not(#b6) body:not(#c6) .nav :is(.links button,.navdrop > button,.links svg){color:#1F1814!important}
html:not(#a6):not(#b6) body:not(#c6) .mobile-menu-toggle span{background:#1F1814!important}
.nav-logo-image{filter:none!important;object-fit:contain!important}

/* Remove eyebrow text */
.lbl,.dc-kicker,.rule,.dc-news-section-heading > .dc-news-meta{display:none!important}

/* Centering: intro paragraph under centered section headings */
html:not(#a6) body .sec .wrap > h2 + .lede,
html:not(#a6) body .sec.center .wrap > p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* Recognition / press area: one continuous band, no white or inset blocks */
html:not(#a6) body :is(.dc-recognition-rail,.dc-recognition-track,.dc-recognition-list,.dc-recognition-list li,.dc-recognition-item,.dc-recognition-item:hover,.dc-recognition-logo){background:transparent!important;border:0!important;box-shadow:none!important}
html:not(#a6) body .dc-recognition-logo img{mix-blend-mode:multiply!important}
html:not(#a6) body .dc-home-press{max-width:none!important;width:100%!important;margin:0!important;border-top:0!important;background:#D7C7B8!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important}
html:not(#a6) body .dc-recognition{padding-bottom:1rem!important}

/* Footer: all ivory text */
html:not(#a6):not(#b6) body:not(#c6) .foot,
html:not(#a6):not(#b6) body:not(#c6) .foot *:not(.oa-mark):not(.oa-mark *){color:#F7F0E4!important}


/* =====================================================================
   v8 — CTA band button border, home hero clears the nav, mobile hero
   ===================================================================== */
html:not(#a6):not(#b6) body:not(#c6) .ctaband :is(a,.btn,.cta-primary,.cta-secondary){border:1px solid #3B3028!important}
html:not(#a6):not(#b6) body:not(#c6) .ctaband :is(a,.btn,.cta-primary,.cta-secondary):is(:hover,:focus-visible){border-color:#3B3028!important}

/* Home hero starts below the fixed logo/nav bar instead of underneath it */
html:not(#a8) body.home-page .hero{margin-top:102px!important;padding-top:clamp(3rem,7vh,5.5rem)!important}

@media(max-width:760px){
  html:not(#a8) body.home-page .hero{
    margin-top:92px!important;
    min-height:0!important;
    padding:3.25rem 0 3.75rem!important;
    align-items:center!important;
  }
  html:not(#a8) body.home-page .hero .hero-body{
    width:100%!important;max-width:none!important;
    padding-left:1.25rem!important;padding-right:1.25rem!important;
    margin:0 auto!important;text-align:center!important;
  }
  html:not(#a8) body.home-page .hero .hero-body > *{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8) body.home-page .hero .hero-body h1{
    max-width:16ch!important;
    font-size:clamp(2.35rem,10.6vw,3rem)!important;
    line-height:1.06!important;
    margin-bottom:1rem!important;
  }
  html:not(#a8) body.home-page .hero .hero-body h1 *{max-width:none!important}
  html:not(#a8) body.home-page .hero .hero-body > p.serif{max-width:22ch!important;font-size:clamp(1.3rem,5.8vw,1.6rem)!important;line-height:1.25!important;margin-bottom:1.4rem!important}
  html:not(#a8) body.home-page .hero .hero-row{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  html:not(#a8) body.home-page .hero .hero-sub{max-width:36ch!important;width:100%!important;font-size:1.05rem!important;line-height:1.65!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8) body.home-page .hero .hero-ctas{width:100%!important;max-width:22rem!important;gap:.8rem!important;margin-top:1.8rem!important}
  html:not(#a8) body.home-page .hero .hero-ctas .herobtn{width:100%!important;max-width:none!important}
}
@media(max-width:400px){
  html:not(#a8) body.home-page .hero .hero-ctas .herobtn{letter-spacing:.09em!important;font-size:.74rem!important;padding-left:1rem!important;padding-right:1rem!important}
}

/* v8 — page headers (all inner pages) on mobile: centered, full-width, consistent */
@media(max-width:760px){
  html:not(#a8):not(#b8) body .phead{text-align:center!important}
  html:not(#a8):not(#b8) body .phead > .wrap{width:100%!important;max-width:none!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;text-align:center!important}
  html:not(#a8):not(#b8) body .phead > .wrap > *:not(.btn):not(.herobtn){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8):not(#b8) body .phead h1,
  html:not(#a8):not(#b8) body .phead h1.h1{max-width:16ch!important;font-size:clamp(2.2rem,9.6vw,2.8rem)!important;line-height:1.08!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8):not(#b8) body .phead :is(p,.lede,.byline,.guide-updated,nav.breadcrumb,.dc-service-crumb,.article-kicker){max-width:36ch!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8):not(#b8) body .phead .wrap > div[style]{text-align:center!important}
  html:not(#a8):not(#b8) body .phead :is(.btn,.herobtn,.cta-primary,.cta-secondary){display:flex!important;width:100%!important;max-width:22rem!important;margin-left:auto!important;margin-right:auto!important}
  html:not(#a8):not(#b8) body .phead :is(.dc-service-actions,.hero-ctas,.dc-404-actions,.jump-links){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  html:not(#a8):not(#b8) body .phead .byline{display:block!important}
  html:not(#a8):not(#b8) body .phead .byline > *{display:inline!important}
}