/* Calm slate-blue surfaces for the cinematic client demo. */
html[data-palette="quiet"] {
  --study-hero:#05070b;
  --study-header:#0c1a26;
  --study-surface:#1c3040;
  --study-section:#203747;
  --study-card:#263e4e;
  --study-card-alt:#2b4454;
  --study-ink:#dce6ed;
  --study-muted:#b4c5d1;
  --study-accent:#9abccf;
  --study-button:#99b8cb;
  --study-button-ink:#152e3e;
  --study-line:#9bb6c52e;
  --study-strip:#203b4d;
  --study-footer:#122737;
  --study-on-hero:#dce7ef;
  --study-heading:#9abccf;
  --ink:var(--study-ink);
  --muted:var(--study-muted);
  --line:var(--study-line);
  --blue:var(--study-accent);
  --dark:var(--study-header);
  color-scheme:dark;
}
html[data-palette="quiet"] ::selection{background:#63869d;color:#edf3f7}
html[data-palette="quiet"] .cinematic-world{background:#142939}
html[data-palette="quiet"] .cinematic-world canvas,
html[data-palette="quiet"] .studio-light,
html[data-palette="quiet"] .film-grain{opacity:.05}
html[data-palette="quiet"] .mobile-nav{background:#162c3d;color:var(--study-ink)}
html[data-palette="quiet"] .desktop-nav a:hover,
html[data-palette="quiet"] .text-link:hover{color:#b6d0df}
html[data-palette="quiet"] .reading-progress,
html[data-palette="quiet"] .country i{background:#83aabf}
html[data-palette="quiet"] .cart-count{background:#213e50;color:#d5e3ec}
html[data-palette="quiet"] .video-hero{background:var(--study-hero)}
html[data-palette="quiet"] .video-scene{border:0;box-shadow:none;background:transparent}
html[data-palette="quiet"] .video-copy h1 em{color:var(--study-heading);-webkit-text-fill-color:currentColor}
html[data-palette="quiet"] .strip-end{color:#b8ccd9}
html[data-palette="quiet"] .strip-divider{background:#9fb8c749}
html[data-palette="quiet"] .story.source-process{background:radial-gradient(ellipse at 100% 5%,#29485c55,transparent 55%),var(--study-surface)}
html[data-palette="quiet"] .collection{background:linear-gradient(135deg,#1c3040,#21394b 65%,#1d3444)}
html[data-palette="quiet"] .collection .grade-product{background:radial-gradient(ellipse at 64% 66%,#102132,#030811 72%);box-shadow:0 17px 40px #07121d25}
html[data-palette="quiet"] .grade-card-top .product-badge{background:#132a3bc9;border-color:#96b9ca55;color:#d9e7f0}
html[data-palette="quiet"] .grade-card-top .product-index{color:#abc5d5}
html[data-palette="quiet"] .grade-bottle-figure figcaption{background:#0e2232ed;color:#e1eaf1;border-color:#7694a74d}
html[data-palette="quiet"] .grade-bottle-figure figcaption span{color:#abc7da}
html[data-palette="quiet"] .grade-card-details{color:var(--study-ink)}
html[data-palette="quiet"] .filter-bar button.active{background:var(--study-button);color:var(--study-button-ink)}
html[data-palette="quiet"] .atelier-experience .size-copy h2 em{color:#9ebccc}
html[data-palette="quiet"] .atelier-experience .size-switch button.selected{background:#395f76;color:#edf3f7}
html[data-palette="quiet"] .atelier-experience .size-selector-label{color:#abc5d5}
html[data-palette="quiet"] .occasion:before{border-color:#8baec522;box-shadow:0 0 0 35px #8baec509,0 0 0 70px #8baec505}
html[data-palette="quiet"] .bulk-ribbon .ribbon-arrow{border-color:#a4bfce55;color:#d2e2ec}
html[data-palette="quiet"] .bulk-ribbon:hover .ribbon-arrow{background:#a2bece;color:#172d3a}
html[data-palette="quiet"] .footer-supertype,
html[data-palette="quiet"] .footer-supertype>span{color:#bfd2df}
html[data-palette="quiet"] .stepper,
html[data-palette="quiet"] .order-item,
html[data-palette="quiet"] .order-total{border-color:var(--study-line)}
html[data-palette="quiet"] .stepper button:hover{background:#355569}
html[data-palette="quiet"] .toast{background:#315568;color:#e0ebf2}
html[data-palette="quiet"] :is(button,a,summary):focus-visible{outline-color:#99bbcf}

/* Restrained pearl-grey accents balance the slate sections. */
html[data-palette="quiet"] .brand-strip{background:#becad0;color:#344e5e;border-color:#8b9fa940}
html[data-palette="quiet"] .brand-strip strong{color:#223d4d}
html[data-palette="quiet"] .strip-end{color:#415d6d}
html[data-palette="quiet"] .strip-divider{background:#49677740}
html[data-palette="quiet"] .grade-card-details,
html[data-palette="quiet"] .grade-product[data-grade="b"] .grade-card-details{background:#c5ced2;color:#253f50;border-color:#91a4af}
html[data-palette="quiet"] .grade-product[data-grade="b"] .grade-card-details{background:#bbc9d1}
html[data-palette="quiet"] .grade-card-details h3,
html[data-palette="quiet"] .grade-card-details .pack-size strong,
html[data-palette="quiet"] .grade-card-details .pack-price{color:#253f50}
html[data-palette="quiet"] .grade-card-details .product-kicker,
html[data-palette="quiet"] .grade-card-details .pack-size small,
html[data-palette="quiet"] .grade-card-details .pack-price>small{color:#3d5564}
html[data-palette="quiet"] .grade-card-details .grade-pack-row{border-color:#3a5a702c}
html[data-palette="quiet"] .grade-card-details .pack-select{background:#35596f;color:#edf3f7;border-color:#35596f}
html[data-palette="quiet"] .grade-card-details .pack-select:hover{background:#29495e;filter:none}

/* A clear enquiry route, with the same restrained palette. */
.enquiry-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0 38px;margin-bottom:38px;border-bottom:1px solid var(--study-line)}
.enquiry-band .eyebrow{display:block;margin-bottom:12px;color:var(--study-muted)}
.enquiry-band h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;color:var(--study-ink)}
.enquiry-band>a{display:inline-flex;align-items:center;gap:20px;padding:14px 0;font-size:clamp(15px,1.8vw,23px);color:var(--study-ink);border-bottom:1px solid var(--study-accent);overflow-wrap:anywhere}
.enquiry-band>a:hover,.enquiry-link a:hover{color:var(--study-accent)}
.enquiry-link{margin-top:22px;font-size:13px;line-height:1.9;color:var(--study-muted)}
.enquiry-link a{display:block;width:fit-content;max-width:100%;color:var(--study-ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:700px){.enquiry-band{align-items:flex-start;flex-direction:column;gap:18px;padding-top:18px}.enquiry-band>a{font-size:clamp(15px,5vw,20px);max-width:100%}}