/* The Don: restrained black, ivory and gold. Existing commerce controls retain
   their identifiers and behavior across server and client rendered routes. */
.site-header { background: #080706; box-shadow: none; border-bottom: 1px solid #c8a24a40; }
.nav-links a { font-weight: 500; letter-spacing: .06em; }
.button { border-radius: 0; min-height: 46px; font-size: .78rem; letter-spacing: .09em; font-weight: 600; }
.eyebrow { font-size: .68rem; letter-spacing: .2em; font-weight: 500; }
main > .hero { min-height: 720px; min-height: min(86svh, 900px); padding: 90px clamp(24px, 6vw, 100px) 76px; align-items: center; }
main > .hero::before { background: linear-gradient(90deg,#080706ed 0%,#080706ad 38%,#08070615 76%),linear-gradient(0deg,#08070670,transparent 50%); }
main > .hero::after { height: 1px; background: #c8a24a40; }
main > .hero .hero-media { left: 34%; }
main > .hero .hero-media { border: 0; border-radius: 0; box-shadow: none; }
main > .hero .hero-media img { object-fit: cover; object-position: center 46%; animation: none; transform: none; }
main > .hero .hero-content { display: block; width: min(100%,600px); max-width: 600px; }
main > .hero .hero-content > * { position: static; inset: auto; grid-column: auto; grid-row: auto; max-width: 100%; }
main > .hero .hero-review-preview { width: 100%; }
main > .hero .hero-assurance-links { width: 100%; }
main > .hero h1 { font-size: clamp(3rem,4.4vw,4rem); line-height: 1.08; letter-spacing: -.035em; font-weight: 400; }
main > .hero p:not(.eyebrow) { max-width: 440px; font-size: .95rem; line-height: 1.8; }
main > .hero .eyebrow { margin-bottom: 24px; font-size: .68rem; }
main > .hero .button-gold { background: var(--gold); box-shadow: none; }
main > .hero .hero-trust-strip { grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; margin-top: 32px; border: 0; border-top: 1px solid #ffffff30; border-radius: 0; box-shadow: none; background: transparent; backdrop-filter: none; }
main > .hero .hero-trust-strip span { padding: 16px 10px 0 0; min-height: 50px; border: 0; font-size: .65rem; }
main > .hero .hero-trust-strip strong { font-size: .72rem; font-weight: 500; }
main > .hero .hero-review-preview { background: transparent; border: 0; box-shadow: none; padding: 0; margin-top: 22px; backdrop-filter: none; }
main > .hero .hero-review-preview small { font-size: .67rem; }
main > .hero .hero-assurance-links { font-size: .65rem; }
.section, .seo-guide-section { padding-top: clamp(48px,7vw,100px); padding-bottom: clamp(48px,7vw,100px); }
.section-heading { margin-bottom: 36px; }
h2 { letter-spacing: -.025em; line-height: 1.15; }
.product-grid { gap: 28px; }
.product-card, .hero ~ .custom-collection-home .product-card { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.product-card:hover, .hero ~ .custom-collection-home .product-card:hover { box-shadow: none; transform: none; }
.product-card .product-image-link { display: block; overflow: hidden; background: #080706; }
.product-card img { aspect-ratio: 1; object-fit: contain; }
.product-card-body { padding: 22px 0 12px; }
.product-card h3 { font-size: 1.2rem; line-height: 1.4; }
.product-card .eyebrow { font-size: .6rem; color: var(--muted); }
.product-card .card-actions { gap: 8px; }
.product-card .button { font-size: .65rem; padding: 12px 16px; }
.diamond-inventory-card { border-radius: 0; box-shadow: none; }
.diamond-inventory-image { aspect-ratio: 1; object-fit: contain; background: #fff; }
.diamond-filter-bar { border-radius: 0; box-shadow: none; gap: 16px; }
.diamond-filter-bar input, .diamond-filter-bar select { min-height: 46px; }
.home-category-section { padding-top: 48px; padding-bottom: 56px; }
.home-category-carousel a, .collection-tile, .engagement-preview-card { border-radius: 0; }
.trust-block-section article { border-radius: 0; box-shadow: none; }
.site-footer { border-top: 1px solid #c8a24a40; }
.fine-jewelry-intro { padding-bottom: 20px; text-align: center; }
.jewelry-type-nav, .audience-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 20px clamp(16px,4vw,60px); }
.jewelry-type-nav a, .audience-nav a { padding: 12px 18px; border: 1px solid var(--line); font-size: .78rem; line-height: 1.4; }
.jewelry-type-nav a:hover, .jewelry-type-nav a[aria-current], .audience-nav a[aria-current] { background: var(--black); color: var(--paper); border-color: var(--gold); }
.curated-jewelry { padding-top: 36px; }
.curated-jewelry .product-grid { padding: 0; }
.sidebar-links details { border-bottom: 1px solid #c8a24a30; }
.sidebar-links summary { padding: 16px 12px; cursor: pointer; color: #fffdfa; font-size: .95rem; }
.sidebar-links details a { display: block; padding: 12px 26px; font-size: .86rem; }
.site-sidebar { overflow-y: auto; overscroll-behavior: contain; }
.photo-request { min-height: 260px; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 28px; background: #f5f1ea; text-align: center; color: #776f64; }
.photo-request span { font: 400 2rem/1.2 Georgia,serif; color: #8c6b1f; }
.photo-request small { max-width: 180px; font-size: .75rem; line-height: 1.6; }
.diamond-load-more { grid-column: 1 / -1; justify-self: center; }
.site-header .header-menu-cue strong { font-weight: 500; }
.product-detail-hero img { object-fit: contain; }
@media (max-width: 700px) {
  main > .hero { min-height: 790px; min-height: 94svh; align-items: flex-end; padding: 280px 22px 30px; }
  main > .hero .hero-media { left: 0; bottom: 16%; }
  main > .hero .hero-media img { object-position: center 34%; }
  main > .hero::before { background: linear-gradient(0deg,#080706 0%,#080706f0 27%,#08070666 57%,#08070605 85%); }
  main > .hero h1 { max-width: 360px; font-size: clamp(2.1rem,8.8vw,2.9rem); }
  main > .hero .eyebrow { margin-bottom: 14px; }
  main > .hero p:not(.eyebrow) { font-size: .85rem; line-height: 1.6; }
  main > .hero .hero-trust-strip { grid-template-columns: repeat(2,1fr); margin-top: 22px; }
  main > .hero .hero-trust-strip span { padding-top: 10px; min-height: 38px; }
  main > .hero .hero-review-preview { margin-top: 18px; gap: 10px; }
  main > .hero .hero-assurance-links { gap: 6px 12px; }
  .product-grid { gap: 24px 14px; }
  .product-card h3 { font-size: 1rem; }
  .product-card .card-actions { flex-direction: column; align-items: stretch; }
  .product-card .button { width: 100%; }
  .sticky-appointment-cta { min-height: 44px; padding: 9px 14px; }
  .sticky-appointment-cta small { display: none; }
  main { padding-bottom: 60px; }
}
/* Curated engagement collection: readable cards across desktop and mobile. */
.engagement-preview-section:has(.featured-ring-grid) { display: block; }
.featured-ring-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px 22px; margin-top: 32px; }
.featured-ring-grid > a { display: flex; flex-direction: column; min-width: 0; color: inherit; text-decoration: none; }
.featured-ring-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #f5f1ea; }
.featured-ring-grid h3 { font: 400 1.1rem/1.45 Georgia,serif; margin: 16px 0 8px; }
.featured-ring-grid span { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #99772b; }
@media(max-width:1000px) { .featured-ring-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .featured-ring-grid { display: grid; grid-auto-flow: column; grid-auto-columns: 80%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 18px; gap: 18px; } .featured-ring-grid > a { scroll-snap-align: start; } }
.engagement-feature:has(.featured-ring-grid) { display: block; }
.featured-ring-grid > a { background: transparent; box-shadow: none; overflow: visible; }
.featured-ring-grid > a > span { position: static; display: grid; gap: 8px; padding: 16px 0 0; background: none; color: #29231b; text-transform: none; letter-spacing: normal; }
.featured-ring-grid strong { font: 400 1.08rem/1.45 Georgia,serif; }
.featured-ring-grid em { font: normal .65rem/1.5 Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #80611e; }
/* Clear contrast and stable photo boxes throughout the signature collection. */
main > .engagement-feature:has(.featured-ring-grid) { background: #f7f3eb; color: #29231b; }
main > .engagement-feature .featured-ring-grid > a { background: transparent; box-shadow: none; }
main > .engagement-feature .featured-ring-grid > a > span, main > .engagement-feature .featured-ring-grid strong { color: #29231b; }
main > .engagement-feature .featured-ring-grid em { color: #775716; }
.custom-collection-home .product-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; background: #f5f1ea; }
@media(max-width:700px) { .custom-collection-home .product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; gap: 22px 12px; } .custom-collection-home .product-card { min-width: 0; width: auto; } .custom-collection-home .product-card h3 { font-size: 1rem; line-height: 1.35; } .custom-collection-home .product-card .muted { font-size: .8rem; line-height: 1.5; } }
@media(max-width:820px) { .custom-collection-home .product-grid { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; scroll-snap-type: none; padding: 0; } }
/* Readable gold accents on ivory, with light links on the dark footer. */
main > .section .eyebrow, main > .seo-guide-section .eyebrow { color: #775716; }
main > .engagement-feature > div:first-child p:not(.eyebrow), main > .engagement-feature h2 { color: #29231b; }
main > .engagement-feature .button-light { color: #29231b; background: #fffdfa; border-color: #9c8968; }
.site-footer a, .site-footer strong { color: #f5e7c3; }
.seo-guide-section .trust-block-section article a { color: #5d4210; text-decoration: underline; text-underline-offset: .2em; }
.site-footer, .site-footer p, .site-footer span, .site-footer small, .site-footer nav { color: #e4dccd; }