/* Ported component proportions from Prestige 11, isolated from WooCommerce's forms. */
.prestige-stories { --story-sticky: var(--header-height,74px); display: grid; align-items: start; position: relative; isolation: isolate; color: #fff; }
.prestige-stories::before { content: ''; position: absolute; inset: 0; background: #0003; z-index: 1; pointer-events: none; }
.prestige-stories__background, .prestige-stories__container { grid-area: 1 / -1; }
.prestige-stories__background { position: sticky; top: 0; width: 100%; height: 100vh; max-height: 100vh; object-fit: cover; }
.prestige-stories__container { z-index: 1; display: grid; place-items: start center; gap: 32px; padding-block: var(--section-space,80px); max-width: 1250px; }
.prestige-stories__item { display: contents; }
.prestige-stories__image { grid-area: 1 / 1; align-self: center; width: min(56vw,440px); }
.prestige-stories__text { grid-area: 2 / 1; text-align: center; max-width: 375px; }
.prestige-stories__text h2 { font-size: 24px; }
.prestige-stories__dots { grid-area: 3 / 1; }
.prestige-stories__item:not(.is-selected) { visibility: hidden; }
.prestige-stories__item:not(.is-selected) .prestige-stories__image { opacity: 0; }
.prestige-stories__image { transition: opacity .25s ease-in-out; }
.prestige-stories__dots button { border-color: #fff; }
.prestige-stories__dots button[aria-pressed="true"] { background: #fff; }
.prestige-craft { overflow: hidden; }
.prestige-craft__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; background: #111; }
.prestige-craft.is-playing > .banner-content, .prestige-craft.is-playing > img { visibility: hidden; }
.timeline-years button { position: relative; transition: opacity .25s, font-size .25s; }
.timeline-years button[aria-pressed="true"] { font-size: 24px; border-bottom-width: 3px; }
.timeline-grid { align-items: end; }
.press-logos button[aria-pressed="true"] img { opacity: 1; }
.press-logos img { transition: opacity .25s; }
.look-hotspot { box-shadow: 0 0 0 8px #ffffff33; animation: prestige-hotspot 2s ease-in-out infinite; }
@keyframes prestige-hotspot { 50% { box-shadow: 0 0 0 13px #ffffff00; } }
.prestige-look-modal { width: min(460px,calc(100% - 40px)); max-height: 85dvh; overflow: auto; padding: 24px; }
.prestige-look-modal .product-card { max-width: 250px; margin: auto; }
.prestige-look-modal .drawer-heading { margin-bottom: 20px; }
.prestige-account { position: absolute; right: 85px; top: calc(100% + 10px); z-index: 40; width: 300px; padding: 28px; background: #fff; color: var(--ink); border: 1px solid var(--line); box-shadow: 0 10px 35px #0001; text-align: center; }
.prestige-account p { margin-bottom: 16px; }
.prestige-account .button { display: block; }
.prestige-search-form { display: flex; gap: 16px; max-width: 700px; margin: 0 auto 48px; }
.prestige-search-form input { flex: 1; min-width: 0; padding: 16px; border: 1px solid var(--line); background: transparent; }
.prestige-search-grid, .predictive-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
#search-panel { align-self: start; margin-top: 90px; max-height: calc(100dvh - 110px); overflow: auto; }
.predictive-search-results { margin-top: 32px; }
.predictive-products { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.predictive-product { text-align: center; }
.predictive-product img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.predictive-product__title { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; margin: 16px 0 6px; }
.predictive-product .product-price { font-size: 12px; display: block; }
.predictive-empty { text-align: center; padding: 40px 0; }
.mini-quantity { display: inline-flex; align-items: center; border: 1px solid var(--line); height: 36px; }
.mini-quantity button { width: 30px; border: 0; padding: 0; }
.mini-quantity input { appearance: textfield; width: 30px; border: 0; background: transparent; padding: 0; text-align: center; font-size: 12px; }
.mini-quantity input::-webkit-inner-spin-button { appearance: none; }
.mini-price { margin-left: 16px; }
.prestige-newsletter { width: min(880px,calc(100% - 40px)); padding: 0; overflow: visible; }
.prestige-newsletter[open] { display: grid; grid-template-columns: 1fr 1fr; }
.prestige-newsletter__close { position: absolute; z-index: 2; top: 12px; right: 12px; background: #fff; }
.prestige-newsletter__content { padding: 64px 40px; text-align: center; }
.prestige-newsletter__content h2 { font-size: 20px; line-height: 1.6; }
.prestige-newsletter__content .newsletter-form { flex-direction: column; align-items: stretch; gap: 16px; }
.prestige-newsletter__content input { width: 100%; }
.prestige-newsletter__image { position: relative; min-height: 430px; overflow: hidden; }
@media (min-width: 1000px) {
  .prestige-stories { min-height: calc(100vh - var(--story-sticky)); }
  .prestige-stories__container { --story-image: min(calc(50vw - var(--gutter)),575px); --story-padding: max(80px,calc((100vh - var(--story-image) - var(--story-sticky)) / 2)); grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(0,1fr); align-items: center; gap: 0 64px; padding-block: var(--story-padding); }
  .prestige-stories__item:not(.is-selected) { visibility: visible; }
  .prestige-stories__image { grid-area: 1 / 1 / -1 / 2; align-self: start; width: 100%; height: var(--story-image); object-fit: contain; position: sticky; top: calc(var(--story-padding) + var(--story-sticky)); }
  .prestige-stories__text { grid-area: auto / 2; min-height: min(700px,85vh); display: flex; flex-direction: column; justify-content: center; }
  .prestige-stories__text h2 { font-size: 28px; }
  .prestige-stories__dots { display: none; }
}
@media (max-width: 699px) {
  .timeline-section { min-height: 0; padding: 0; }
  .timeline-grid { position: relative; display: grid; min-height: 480px; width: 100%; max-width: none; margin-inline: 0; padding: 0; }
  .timeline-image { position: absolute; inset: 0; }
  .timeline-image > div, .timeline-image img { height: 100%; width: 100%; object-fit: cover; }
  .timeline-grid::after { content: ''; position: absolute; inset: 0; background: #0006; pointer-events: none; }
  .timeline-grid > .editorial-copy { position: relative; z-index: 1; align-self: center; padding: 60px 24px; color: #fff; text-align: center; }
  .timeline-years { scrollbar-width: none; overflow-x: auto; justify-content: flex-start; gap: 40px; padding: 24px 20px; }
  .timeline-years button { flex-shrink: 0; }
  .timeline-years::-webkit-scrollbar { display: none; }
  .predictive-products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .prestige-search-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  #search-panel { margin-top: 20px; padding: 24px 20px; max-height: calc(100dvh - 40px); }
  #search-panel form { gap: 8px; }
  #search-panel form > .button { padding-inline: 12px; }
  .prestige-newsletter[open] { display: block; }
  .prestige-newsletter__image { display: none; }
  .prestige-newsletter__content { padding: 60px 24px 32px; }
}
@media (prefers-reduced-motion: reduce) { .look-hotspot { animation: none; } .prestige-stories__image { transition: none; } }

[data-prestige-stories], [data-timeline], [data-looks], [data-press], [data-featured-gallery] { touch-action: pan-y; }

/* Typography measured against the original Prestige demo at desktop and mobile widths.
   Keep the existing Customizer font families and tracking setting usable. */
@font-face { font-family: "Instrument Sans"; src: url("fonts/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: Nunito; src: url("fonts/nunito_i4.fd53bf99043ab6c570187ed42d1b49192135de96.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: Nunito; src: url("fonts/nunito_n7.37cf9b8cf43b3322f7e6e13ad2aad62ab5dc9109.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Nunito; src: url("fonts/nunito_i7.3f8ba2027bc9ceb1b1764ecab15bae73f86c4632.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
:root {
  --prestige-h1: clamp(22px,calc(18.3414634146px + .9756097561vw),32px);
  --prestige-h2: clamp(20px,calc(17.0731707317px + .7804878049vw),var(--heading-size,28px));
  --prestige-h3: clamp(18px,calc(16.5365853659px + .3902439024vw),22px);
}
body { line-height: 1.65; }
h1, h2, h3, h4 { letter-spacing: var(--heading-tracking,.18em); }
h1 { line-height: 1.3; }
h2 { line-height: 1.4; }
h3 { line-height: 1.5; }
.hero-content h1, .hero-content h2, .collection-banner h1 { font-size: var(--prestige-h1); line-height: 1.3; letter-spacing: var(--heading-tracking,.18em); }
.section-heading h2, .collection-tabs button, .banner-content h2 { font-size: var(--prestige-h2); line-height: 1.4; letter-spacing: var(--heading-tracking,.18em); }
.prestige-stories__text h2, .woocommerce .atelier-pdp .product_title { font-size: var(--prestige-h3); line-height: 1.5; }
.eyebrow, .primary-menu, .footer-main h2 { font-size: 12px; line-height: 1.7; letter-spacing: var(--heading-tracking,.18em); }
.product-card h3, .woocommerce ul.products li.product .product-card h3 { font-size: 12px; line-height: 1.7; letter-spacing: var(--heading-tracking,.18em); }
.product-price { font-family: var(--body-font,Nunito,sans-serif); font-size: 14px; line-height: 1.65; }
.product-badge { font-family: var(--heading-font,"Instrument Sans",sans-serif); font-size: 11px; line-height: 1.65; letter-spacing: var(--heading-tracking,.18em); }
.button, .woocommerce .atelier-pdp form.cart .button { font-family: var(--body-font,Nunito,sans-serif); font-size: 13px; line-height: 1.65; letter-spacing: var(--heading-tracking,.18em); }
.editorial-copy p:not(.eyebrow), .woocommerce .atelier-pdp .woocommerce-product-details__short-description { line-height: 1.65; }
.underlined { font-family: var(--body-font,Nunito,sans-serif); font-size: 13px; line-height: 1.65; letter-spacing: normal; }
/* Four-column mobile density remains an explicit catalogue preference. */
@media (max-width: 699px) { .collection-page[data-grid="4"] .product-card h3 { font-size: 9px; letter-spacing: .02em; } }

/* The statement and collection grid share the source's continuous grey surface.
   Paint the full-width wrappers while retaining the editable section backgrounds. */
#home-section-statement, #home-section-collections { background-color: var(--section-background,#efefef); }
#home-section-statement > section, #home-section-collections > section { background-color: inherit; }
.brand-statement { min-height: 0; padding-block: 80px; }
.brand-statement .statement-mark { width: 120px; height: 120px; margin-bottom: 20px; mix-blend-mode: normal; }
.brand-statement h2 { font-size: var(--prestige-h1); line-height: 1.3; margin-bottom: 20px; }
.brand-statement .text-links { gap: 12px; font-size: 14px; line-height: 1.65; }
@media (max-width: 699px) {
  .brand-statement { padding-block: 48px; }
  .brand-statement h2 { max-width: calc(100% - var(--gutter) * 2); }
  #home-section-collections .collection-mosaic { padding-bottom: 48px; }
}

/* Source lookbook: 550px photograph, 270px product, and independent product hotspots. */
#home-section-looks { background: var(--section-background,#efefef); }
#home-section-looks > section { background: inherit; }
.looks-section .section-heading { margin-bottom: 64px; }
.looks-section .section-heading .eyebrow { margin-bottom: 20px; }
.look-grid { max-width: 980px; grid-template-columns: min(550px,60%) minmax(0,1fr); gap: 5px; margin-inline: auto; }
.look-image > img { aspect-ratio: 1; object-fit: cover; }
.look-product { width: 100%; max-width: 270px; justify-self: center; }
.look-product .product-card__media { background: transparent; }
.look-product .product-card__image, .look-product .product-card__hover { mix-blend-mode: normal; }
.look-product .product-badge { background: transparent; padding: 0; top: 0; left: 0; font-size: 10px; }
.look-product .product-price { font: 400 12px/1.7 var(--heading-font,"Instrument Sans",sans-serif); letter-spacing: var(--heading-tracking,.18em); }
.look-product .underlined { margin-top: 24px; font-family: var(--heading-font,"Instrument Sans",sans-serif); font-size: 12px; line-height: 1.7; letter-spacing: var(--heading-tracking,.18em); }
.look-product-dots { margin-top: 24px; }
.look-hotspot { width: 16px; height: 16px; top: var(--spot-y); left: var(--spot-x); transform: translate(-50%,-50%); padding: 0; background: #fff; outline: 0; box-shadow: none; animation: none; transition: transform .2s; }
.look-hotspot[aria-pressed="true"], .look-hotspot:hover { transform: translate(-50%,-50%) scale(1.3); }
.look-hotspot::after { content: ''; position: absolute; width: 40px; height: 40px; top: -12px; left: -12px; border-radius: 50%; background: radial-gradient(transparent,#ffffff4d); animation: colmond-look-ping 2s ease-in-out infinite alternate; }
@keyframes colmond-look-ping { from { transform: scale(.8); opacity: .8; } to { transform: scale(1.1); opacity: 1; } }
@media (min-width: 1000px) {
  .looks-section .look-navigation { display: none; }
  .look-carousel > .carousel-arrow { top: calc(50% - 22px); }
}
@media (max-width: 999px) {
  .looks-section { padding-block: 48px; overflow: hidden; }
  .looks-section .section-heading { margin-bottom: 40px; }
  .looks-section .look-carousel { width: 100%; max-width: none; }
  .look-grid { display: block; max-width: 100%; }
  .look-grid > .look-product, .look-carousel > .carousel-arrow { display: none; }
  .look-image { width: 100%; }
  .prestige-look-modal { position: fixed; inset: auto 0 0; width: 100%; max-width: none; margin: 0; max-height: 85dvh; padding: 24px; background: #efefef; }
  .prestige-look-modal .look-product { display: block; max-width: 270px; margin: auto; }
  .prestige-look-modal .product-card__media { max-width: 160px; margin-inline: auto; }
  .prestige-look-modal .product-card { max-width: 270px; }
}
@media (prefers-reduced-motion: reduce) { .look-hotspot::after { animation: none; } }

/* Shared vector arrows: fixed hit areas, centered strokes and no font baseline drift. */
:is(.carousel-arrow, .rail-navigation button, .pdp-look-nav button, .pdp-lightbox-prev, .pdp-lightbox-next) {
  display: grid; place-items: center; flex-shrink: 0;
  width: 48px; height: 48px; min-width: 44px; min-height: 44px; padding: 0;
  border: 1px solid var(--line); border-radius: 50%; background: #fff;
  color: var(--ink); font-size: 0; line-height: 1;
}
:is(.carousel-arrow, .rail-navigation button, .pdp-look-nav button, .pdp-lightbox-prev, .pdp-lightbox-next, .next-section) > svg {
  display: block; width: 20px; height: 20px; flex-shrink: 0;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;
}
:is(.carousel-arrow, .rail-navigation button, .pdp-look-nav button, .pdp-lightbox-prev, .pdp-lightbox-next):focus-visible {
  outline: 2px solid currentColor; outline-offset: 3px;
}
.carousel-arrow, .look-carousel > .carousel-arrow { top: calc(50% - 24px); }
.carousel-arrow--previous { left: -24px; }
.carousel-arrow--next { right: -24px; }
.rail-navigation button:first-child { left: calc(var(--rail-gutter) - 24px); }
.rail-navigation button:last-child { right: calc(var(--rail-gutter) - 24px); }
/* Hover must retain the rail's vertical centering translation. */
.rail-navigation button:hover { transform: translateY(-50%) scale(1.06); }
.pdp-lightbox-prev, .pdp-lightbox-next { transform: translateY(-50%); }
.comparison-handle span { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 0; letter-spacing: 0; }
.comparison-handle span svg { width: 14px; height: 18px; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.menu-chevron { display: inline-flex; align-items: center; }
.menu-chevron svg, .inline-arrow svg { display: block; width: 18px; height: 18px; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.inline-arrow { display: inline-flex; vertical-align: middle; margin-inline-start: 6px; }
@media (max-width: 699px) {
  :is(.carousel-arrow, .pdp-look-nav button, .pdp-lightbox-prev, .pdp-lightbox-next) { width: 44px; height: 44px; }
  .carousel-arrow { top: calc(50% - 22px); }
  .carousel-arrow--previous { left: -12px; }
  .carousel-arrow--next { right: -12px; }
  .pdp-lightbox-prev { left: 12px; }
  .pdp-lightbox-next { right: 12px; }
}

/* Homepage editorial spacing follows the original overlapping media grid. */
.home .collaboration:not(.collection-maintenance){grid-template-columns:minmax(0,375px) minmax(0,1fr);gap:32px 120px;min-height:0;padding-block:80px;align-items:center}
.home .collaboration:not(.collection-maintenance) .editorial-copy{grid-column:1;grid-row:1;text-align:left}
.home .collaboration:not(.collection-maintenance) .collaboration-images{grid-column:2;grid-row:1;display:grid;grid-template-columns:1.4fr .35fr 1.85fr;grid-template-rows:auto 80px;padding:0;align-items:end}
.home .collaboration:not(.collection-maintenance) .collaboration-images img:first-child{grid-column:2/4;grid-row:1;width:100%;height:auto;margin:0;align-self:end}
.home .collaboration:not(.collection-maintenance) .collaboration-images img:last-child{grid-column:1/3;grid-row:1/3;width:100%;height:auto;margin:0;transform:none;align-self:end;z-index:1}
.home .collaboration:not(.collection-maintenance) .eyebrow{margin:0 0 20px}
.home .collaboration:not(.collection-maintenance) h2{font-size:24px;line-height:1.4;margin:0 0 20px}
.home .collaboration:not(.collection-maintenance) .editorial-copy>p:not(.eyebrow){margin:0 0 24px}

/* Hide the non-interactive currency labels, leaving product prices intact. */
.site-header .currency,.site-footer .footer-bottom>div:first-child>p:first-child{display:none}
@media(min-width:1000px) and (max-width:1149px){.home .collaboration:not(.collection-maintenance){column-gap:64px}}
@media(max-width:999px){
 .home .collaboration:not(.collection-maintenance){grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px}
 .home .collaboration:not(.collection-maintenance) .collaboration-images{grid-column:1;grid-row:1}
 .home .collaboration:not(.collection-maintenance) .editorial-copy{grid-column:1;grid-row:2;text-align:center;max-width:520px;justify-self:center}
}
@media(max-width:699px){
 .home .collaboration:not(.collection-maintenance) .collaboration-images{grid-template-columns:1.75fr .8fr .8fr;grid-template-rows:auto 40px}
 .home .collaboration:not(.collection-maintenance) .collaboration-images img:first-child{grid-column:1/3}
 .home .collaboration:not(.collection-maintenance) .collaboration-images img:last-child{grid-column:2/4}
 .home .collaboration:not(.collection-maintenance) h2{font-size:20px}
}

/* Reserve the original portrait proportions before lazy images load. */
.home .collaboration:not(.collection-maintenance) .collaboration-images img{aspect-ratio:1000/1537;object-fit:cover}

/* Keep collection media full-height inside Elementor as in the demo. */
#home-section-collections .mosaic-tile>img.cover{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}

/* Shorter collection cards, with the same full-image overlay treatment. */
#home-section-collections .collection-mosaic{grid-template-rows:repeat(2,clamp(200px,18vw,280px))}
@media(max-width:699px){#home-section-collections .collection-mosaic{grid-template-rows:340px 220px 220px}}

/* Keep the sale background inside its own box at every viewport width. */
#home-section-sale .sale-banner{position:relative;overflow:hidden;isolation:isolate}
#home-section-sale .sale-banner>img.cover{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#home-section-collaboration{position:relative;clear:both}

/* Editorial About page. Content and imagery remain in the WordPress page editor. */
.page-id-59 main.prose{max-width:none;width:100%;padding:0;margin:0}
.page-id-59 main.prose>article>.section-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
#colmond-about{color:var(--ink,#1c1c1c);background:#fff}
#colmond-about *{box-sizing:border-box}
#colmond-about .colmond-about-container{width:calc(100% - 96px);max-width:1150px;margin-inline:auto}
#colmond-about figure,#colmond-about p{margin:0}
#colmond-about .eyebrow{font-family:var(--heading-font-family);font-size:11px;line-height:1.7;letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}
#colmond-about h2{font-family:var(--heading-font-family);font-weight:400;font-size:32px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px}
#colmond-about h3{font-family:var(--heading-font-family);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}
#colmond-about .colmond-about-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#666;margin:0 0 20px}
#colmond-about .colmond-about-hero{padding:72px 0 80px}
#colmond-about .colmond-about-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
#colmond-about .colmond-about-hero h2{font-size:clamp(30px,3.1vw,42px);letter-spacing:.09em;line-height:1.35;margin-bottom:28px}
#colmond-about .colmond-about-hero .colmond-about-intro{font-size:18px;color:#1c1c1c;line-height:1.7}
#colmond-about .colmond-about-hero-image{height:600px;background:var(--mist,#efefef);overflow:hidden}
#colmond-about .colmond-about-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#colmond-about .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 28px;font-size:11px;line-height:1.7;letter-spacing:.18em;margin-top:12px;text-decoration:none}
#colmond-about .colmond-about-belief{background:var(--mist,#efefef);padding:80px 0;text-align:center}
#colmond-about .colmond-about-belief h2{font-size:36px;line-height:1.4}
#colmond-about .colmond-about-belief p:not(.eyebrow){max-width:620px;margin:auto;color:#666;font-size:16px;line-height:1.85}
#colmond-about .colmond-about-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:96px;padding-block:96px}
#colmond-about .colmond-about-story figure{height:520px;overflow:hidden;background:var(--mist,#efefef)}
#colmond-about .colmond-about-story figure img{display:block;width:100%;height:100%;object-fit:cover}
#colmond-about .underlined{text-underline-offset:6px;font-size:14px;line-height:1.8}
#colmond-about .colmond-about-values{padding:72px 0 80px;border-top:1px solid var(--line,#ddd);border-bottom:1px solid var(--line,#ddd)}
#colmond-about .colmond-about-section-heading{text-align:center;margin-bottom:48px}
#colmond-about .colmond-about-section-heading h2{font-size:26px}
#colmond-about .colmond-about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
#colmond-about .colmond-about-values-grid article+article{border-left:1px solid var(--line,#ddd);padding-left:48px}
#colmond-about .colmond-about-number{display:block;font:12px var(--heading-font-family);letter-spacing:.18em;color:#888;margin-bottom:24px}
#colmond-about .colmond-about-values-grid p{font-size:14px;color:#666;line-height:1.85}
#colmond-about .colmond-about-story-reverse figure{grid-column:2;grid-row:1}
#colmond-about .colmond-about-story-reverse .colmond-about-copy{grid-column:1;grid-row:1}
#colmond-about .colmond-about-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px}
#colmond-about .colmond-about-closing{padding:80px 0;background:var(--mist,#efefef);text-align:center}
#colmond-about .colmond-about-closing p:not(.eyebrow){color:#666;font-size:15px;line-height:1.8}
#colmond-about .colmond-about-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}
#colmond-about .button--outline{border:1px solid #1c1c1c;background:transparent;color:#1c1c1c}
#colmond-about .button--outline:hover{background:#1c1c1c;color:#fff}
@media(min-width:700px) and (max-width:999px){#colmond-about .colmond-about-hero-grid,#colmond-about .colmond-about-story{gap:40px}#colmond-about .colmond-about-hero-image{height:520px}#colmond-about .colmond-about-story figure{height:440px}#colmond-about .colmond-about-values-grid{gap:24px}#colmond-about .colmond-about-values-grid article+article{padding-left:24px}}
@media(max-width:699px){
 #colmond-about .colmond-about-container{width:calc(100% - 40px)}
 #colmond-about h2,#colmond-about .colmond-about-belief h2{font-size:25px}
 #colmond-about .colmond-about-hero{padding:40px 0 48px}
 #colmond-about .colmond-about-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 #colmond-about .colmond-about-hero h2{font-size:30px}
 #colmond-about .colmond-about-hero-image{height:400px}
 #colmond-about .colmond-about-hero .colmond-about-intro{font-size:16px}
 #colmond-about .colmond-about-belief,#colmond-about .colmond-about-closing{padding:48px 0}
 #colmond-about .colmond-about-story{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px}
 #colmond-about .colmond-about-story figure{height:360px}
 #colmond-about .colmond-about-story-reverse figure,#colmond-about .colmond-about-story-reverse .colmond-about-copy{grid-column:auto;grid-row:auto}
 #colmond-about .colmond-about-values{padding:48px 0}
 #colmond-about .colmond-about-section-heading{margin-bottom:32px}
 #colmond-about .colmond-about-section-heading h2{font-size:22px}
 #colmond-about .colmond-about-values-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 #colmond-about .colmond-about-values-grid article+article{border-left:0;border-top:1px solid var(--line,#ddd);padding:28px 0 0}
 #colmond-about .colmond-about-number{margin-bottom:16px}
 #colmond-about .colmond-about-buttons{flex-direction:column;gap:12px}
 #colmond-about .colmond-about-buttons .button{margin-top:0}
}


/* Hero: original Prestige viewport, spacing and navigation proportions. */
#home-section-hero { margin: 0; padding: 0; }
#home-section-hero .hero {
  height: 100vh;
  height: 100svh;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
}
#home-section-hero .hero-slide > .cover { width: 100%; height: 100%; object-fit: cover; }
#home-section-hero .hero-content {
  top: 50%;
  width: min(calc(100% - 96px), 780px);
  max-width: 780px;
  margin: 0;
  padding: 0;
}
#home-section-hero .hero-content .eyebrow { font-size: 12px; line-height: 1.7; margin: 0 0 20px; }
#home-section-hero .hero-content h1,
#home-section-hero .hero-content h2 { margin: 0 0 32px; line-height: 1.3; }
#home-section-hero .hero-content .button-row { gap: 20px; margin: 0; }
#home-section-hero .hero-content .button { padding: 10.4px 28px; min-height: 0; min-width: 0; font-size: 13px; line-height: 1.65; }
#home-section-hero .hero-content .button-row .button { min-width: 121.7px; }
#home-section-hero .hero-content--boxed {
  width: max-content;
  max-width: calc(100% - 96px);
  padding: 56px;
  border: 0;
  outline: 1px solid #fff;
  background: transparent;
}
#home-section-hero .slide-dots { bottom: 48px; right: 48px; left: auto; transform: none; gap: 16px; height: 6px; align-items: center; }
#home-section-hero .slide-dots button { position: relative; width: 6px; height: 6px; border: 0; border-radius: 0; background: transparent; padding: 0; color: #fff; }
#home-section-hero .slide-dots button::before { content: ''; position: absolute; inset: -10px; }
#home-section-hero .slide-dots button svg { display: block; width: 6px; height: 6px; overflow: visible; transform: rotate(-90deg); }
#home-section-hero .hero-dot-progress { opacity: 0; stroke-dasharray: 20.42035; stroke-dashoffset: calc(20.42035 * (1 - var(--hero-progress, 0))); }
#home-section-hero .slide-dots button[aria-pressed=true] .hero-dot-progress { opacity: 1; }
#home-section-hero .next-section { width: 50px; height: 50px; bottom: -25px; left: calc(50% - 25px); padding: 0; border: 0; box-shadow: none; }
#home-section-hero .next-section > svg { width: 18px; height: 16px; }
/* Retain keyboard-accessible pause without adding a control absent from the demo. */
#home-section-hero .slide-pause { width: 1px; height: 1px; padding: 0; clip-path: inset(50%); overflow: hidden; }
#home-section-hero .slide-pause:focus-visible { width: 30px; height: 30px; right: 112px; bottom: 36px; clip-path: none; }
@media (max-width: 699px) {
  #home-section-hero .hero-content { width: calc(100% - 40px); }
  #home-section-hero .hero-content .eyebrow { margin-bottom: 16px; }
  #home-section-hero .hero-content h1,
  #home-section-hero .hero-content h2 { margin-bottom: 24px; line-height: 1.5; }
  #home-section-hero .hero-content .button-row { gap: 16px; }
  #home-section-hero .hero-content--boxed { width: max-content; max-width: calc(100% - 40px); padding: 24px; }
  #home-section-hero .slide-dots { bottom: 20px; right: 20px; }
  #home-section-hero .slide-pause:focus-visible { right: 84px; bottom: 8px; }
}

/* Keep fixed desktop footer columns from overflowing compact laptops. */
@media(min-width:1101px) and (max-width:1210px){.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 60px!important;}}

/* Let the uppercase wordmark take its true width on narrow phones. */
@media(max-width:374px){.site-header{padding-inline:12px!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;column-gap:8px!important}.site-header .brand{width:max-content!important;min-width:0!important;max-width:none!important;justify-self:center}.site-header .brand::before{font-size:20px!important}.site-header .header-actions{width:auto!important;min-width:0;gap:0!important;justify-self:end}.site-header .header-actions .icon-button{width:32px;min-width:32px}.site-header .mobile-toggle{justify-self:start}}

/* Native WooCommerce methods stay dynamic; only their presentation belongs to Colmond. */
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout form.checkout{--wc-form-border-color:#d4d4d4;--wc-form-border-radius:0;font-family:var(--body-font,Nunito,sans-serif);color:var(--ink,#1c1c1c)}
.woocommerce-checkout :is(.wc-block-components-checkout-step__title,#order_review_heading,#payment h3){font-family:var(--heading-font-family,"Instrument Sans",sans-serif);font-weight:400;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}
.woocommerce-checkout :is(.wc-block-components-radio-control,.wc-block-components-radio-control-accordion-option,.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-content){border-radius:0}
.woocommerce-checkout :is(.wc-block-checkout__payment-method,.wp-block-woocommerce-checkout-shipping-method-block) .wc-block-components-radio-control{border:1px solid #d4d4d4;background:transparent;overflow:hidden}
.woocommerce-checkout :is(.wc-block-checkout__payment-method,.wp-block-woocommerce-checkout-shipping-method-block) .wc-block-components-radio-control__option{padding:18px 18px 18px 48px;min-height:60px;color:var(--ink,#1c1c1c);font-size:13px;line-height:1.6;box-shadow:none}
.woocommerce-checkout .wc-block-components-radio-control__option:has(input:checked){background:#f5f5f3}
.woocommerce-checkout .wc-block-components-radio-control-accordion-content{padding:0 20px 20px;font-size:13px;line-height:1.8;background:#f5f5f3}
.woocommerce-checkout :is(input[type=radio],input[type=checkbox]){accent-color:var(--ink,#1c1c1c)}
.woocommerce-checkout :is(.wc-block-components-radio-control__input:focus-visible,.wc-block-components-checkbox__input:focus-visible){outline:2px solid var(--ink,#1c1c1c);outline-offset:3px}
.woocommerce-checkout :is(.wc-block-components-radio-control__label,.wc-block-components-radio-control__secondary-label){font-weight:400;color:var(--ink,#1c1c1c)}
.woocommerce-checkout :is(.wc-block-components-radio-control__label img,.payment_methods label img){max-height:30px;width:auto;max-width:100%;vertical-align:middle}
.woocommerce-checkout :is(.wc-block-components-text-input input,.wc-block-components-combobox input,.wc-block-components-textarea){border-color:#d4d4d4!important;border-radius:0!important;box-shadow:none!important;font-family:inherit}
.woocommerce-checkout :is(.wc-block-components-button,.woocommerce-checkout-review-order .button){border:1px solid var(--ink,#1c1c1c);border-radius:0;min-height:48px;font-family:var(--heading-font-family,"Instrument Sans",sans-serif);font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.woocommerce-checkout #payment{background:transparent;border-radius:0;border:1px solid #d4d4d4}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #d4d4d4;padding:20px;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li{line-height:1.8;margin:0 0 14px}
.woocommerce-checkout #payment ul.payment_methods li:last-child{margin-bottom:0}
.woocommerce-checkout #payment div.payment_box{background:#f5f5f3;color:var(--ink,#1c1c1c);border-radius:0;padding:18px;font-size:13px;line-height:1.8}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#f5f5f3}
.woocommerce-checkout #payment div.form-row{padding:20px}
.woocommerce-checkout #place_order{width:100%;margin:16px 0 0;float:none}
.woocommerce-checkout ul#shipping_method{list-style:none;padding:0;margin:0}
.woocommerce-checkout ul#shipping_method li{padding:14px 16px;border:1px solid #d4d4d4;margin:0 0 8px;text-align:left;font-size:13px;line-height:1.6}
.woocommerce-checkout ul#shipping_method li label{font-weight:400;display:inline}
@media(max-width:767px){.woocommerce-checkout :is(.wc-block-checkout__payment-method,.wp-block-woocommerce-checkout-shipping-method-block) .wc-block-components-radio-control__option{padding:16px 14px 16px 42px}.woocommerce-checkout .wc-block-components-radio-control-accordion-content{padding:0 16px 16px}.woocommerce-checkout #payment :is(ul.payment_methods,div.form-row){padding:16px}}

/* Equal side tracks keep the logo at the true header centre, regardless of menu/icon widths. */
body #site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
body #site-header .brand{grid-column:2;grid-row:1;justify-self:center;align-self:center;text-align:center;margin-inline:0}
body #site-header .brand::before{text-align:center}
body #site-header .brand img{margin-inline:auto}
body #site-header .desktop-navigation{grid-column:1;grid-row:1;width:100%;min-width:0;justify-self:start}
body #site-header .mobile-toggle{grid-column:1;grid-row:1;justify-self:start}
body #site-header .header-actions{grid-column:3;grid-row:1;justify-self:end;width:auto!important;min-width:0}
@media(min-width:1000px){body #site-header .desktop-navigation>.primary-menu{gap:clamp(8px,calc(5vw - 44px),40px)}}

@media(max-width:999.99px){body #site-header .desktop-navigation{display:none!important}body #site-header .mobile-toggle{display:inline-flex!important}}
@media(min-width:1000px){body #site-header .mobile-toggle{display:none!important}}
@media(min-width:1000px) and (max-width:1150px){body #site-header .desktop-navigation>.primary-menu{font-size:11px;letter-spacing:.14em}}

/* Center the painted wordmark even when its text exceeds the logo box. */
body #site-header .brand::before{position:relative;display:block;width:max-content!important;max-width:none;left:50%;right:auto;transform:translateX(-50%);text-align:center}