/**
 * LCS — warm light theme (sand / linen / cream)
 */

html.product-page,
.product-page {
  color-scheme: light;
}

:root {
  --sand: #f6f1ea;
  --warm: #f0e8dc;
  --linen: #faf7f2;
  --stone: #d4cbc0;
  --grey-warm: #e8e1d6;
  --grey-mid: #ddd5c8;
  --grey-deep: #d0c8bb;
  --ink: #1a1a1a;
  --ink-footer: #020202;
  --muted: #5c5a56;
  --line-soft: rgba(26, 26, 26, 0.12);
}

body {
  background: var(--sand);
  color: var(--ink);
}

.stripe-bg {
  opacity: 0.035;
}

.scroll-progress {
  top: max(0.75rem, env(safe-area-inset-top, 0px)) !important;
  bottom: auto !important;
  right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
  color: var(--ink);
  mix-blend-mode: normal;
  background: rgba(250, 247, 242, 0.92);
  padding: 0.35rem 0.55rem;
  border: 1px solid var(--line-soft);
  box-shadow: 0 1px 0 rgba(26, 26, 26, 0.06);
}

/* --- Hero: light overlay, dark text, visible pagination --- */
.hero-kinetic {
  background: var(--warm);
}

.hero-kinetic__shade {
  background: linear-gradient(
    118deg,
    rgba(246, 241, 234, 0.94) 0%,
    rgba(246, 241, 234, 0.78) 42%,
    rgba(240, 232, 220, 0.45) 68%,
    rgba(240, 232, 220, 0.15) 100%
  );
}

.hero-kinetic__grid {
  background-image:
    linear-gradient(rgba(26, 26, 26, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 26, 26, 0.04) 1px, transparent 1px);
}

.kicker--hero {
  color: var(--muted);
  border-color: var(--stone);
}

.display--hero {
  color: var(--ink);
  text-shadow: none;
}

.lead--hero {
  color: var(--muted);
}

.hero-kinetic .btn-bar .btn:not(.btn--outline) {
  background: var(--ink);
  color: var(--linen);
  border-color: var(--ink);
}

.hero-kinetic .btn-bar .btn--outline {
  color: var(--ink);
  border-color: var(--ink);
}

.hero-kinetic__slide-caption {
  color: var(--muted);
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  padding-bottom: 3.75rem;
}

/* Hero carousel controls — hero-toolbar.css */

.hero-kinetic__frame {
  border-color: var(--stone);
  opacity: 0.5;
}

.logo--hero {
  filter: none;
}

/* --- Sections: warm light + grey bands --- */
.section--grey-band,
#tags.section--grey-band,
.section--marquee.section--grey-band {
  background: var(--grey-warm) !important;
  color: var(--ink) !important;
}

.section--grey-deep,
#location.section--grey-deep {
  background: var(--grey-mid) !important;
  color: var(--ink) !important;
}

.section--dark,
#tags.section--dark,
.section--marquee.section--dark {
  background: var(--grey-warm) !important;
  color: var(--ink) !important;
}

.section--showcase,
.section--work-full,
.section--shop-preview {
  background: var(--linen) !important;
  color: var(--ink) !important;
}

.section--showcase .section__head,
.section--work-full .section__head,
.section--shop-preview .section__head {
  background: var(--linen) !important;
  color: var(--ink) !important;
}

.section--testimonials-full {
  background: var(--grey-warm) !important;
  color: var(--ink) !important;
}

.section--gray,
.section--faq.section--compact,
#materials.section--gray,
#location.section--gray {
  background: var(--grey-deep) !important;
  color: var(--ink) !important;
}

.section--stats {
  background: var(--grey-mid) !important;
  color: var(--ink) !important;
  border-top-color: var(--stone) !important;
  border-bottom-color: var(--stone) !important;
}

.page-home .stats-band {
  border-color: var(--ink) !important;
}

.page-home .stats-band__cell {
  background: var(--linen) !important;
  color: var(--ink) !important;
  border-color: var(--ink) !important;
}

.page-home .stats-band__cell:nth-child(odd) {
  background: var(--grey-warm) !important;
}

.page-home .stats-band__cell:hover {
  background: var(--ink) !important;
  color: var(--linen) !important;
}

.page-home .stats-band__icon .ti,
.page-home .stats-band__cell:hover .stats-band__icon .ti {
  color: var(--ink) !important;
}

.page-home .stats-band__cell:hover .stats-band__icon .ti {
  color: var(--linen) !important;
}

.page-home .section--stats-full {
  background: var(--grey-mid) !important;
}

.page-home .section--stats-full .stats-band {
  border-color: var(--ink) !important;
}

.page-home .section--faq-new {
  background: var(--linen) !important;
}

.stat-item,
.stats-grid li {
  color: var(--ink) !important;
  border-color: var(--line-soft) !important;
}

.section--cream {
  background: var(--linen) !important;
  color: var(--ink) !important;
}

.page-home #procedure.section--work-flow {
  background: var(--linen) !important;
  color: var(--ink) !important;
}

.page-home .work-flow__step {
  border-color: var(--ink) !important;
}

.page-home .work-flow__desc {
  color: var(--ink) !important;
  opacity: 0.78 !important;
}

.page-home .work-flow__connector {
  color: var(--ink) !important;
  opacity: 0.28 !important;
}

.section-title,
.section-sub {
  color: inherit;
}

.marquee {
  border-color: var(--line-soft) !important;
}

.marquee__item {
  color: var(--ink) !important;
}

/* --- Slider bands: light caption zone + spacing from pagination --- */
.slider-band__shade {
  background: linear-gradient(
    0deg,
    rgba(246, 241, 234, 0.95) 0%,
    rgba(246, 241, 234, 0.55) 38%,
    transparent 72%
  ) !important;
}

.slider-band__caption {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem clamp(1.25rem, 4vw, 2.5rem) 0.75rem;
  max-width: none;
  z-index: 4;
}

.slider-band__title {
  color: var(--ink) !important;
  text-shadow: none !important;
  max-width: min(48ch, 85%);
}

.slider-band__sub {
  color: var(--muted) !important;
  max-width: min(42ch, 80%);
}

/* Band controls sit below image — lcs-ui-cohesion.css */

/* Shop home on light section */
.section--shop-preview .shop-home__intro {
  border-bottom-color: var(--line-soft);
}

.section--shop-preview .shop-home__eyebrow,
.section--shop-preview .shop-home__lead,
.section--shop-preview .shop-home__head h3,
.section--shop-preview .shop-home__link,
.section--shop-preview .shop-cats__title {
  color: var(--ink);
}

.section--shop-preview .shop-home__link {
  border-bottom-color: var(--ink);
}

.section--shop-preview .shop-cat-tile {
  color: var(--ink);
  background: var(--linen);
  border-right-color: var(--line-soft);
}

.section--shop-preview .shop-cats__track {
  border-color: var(--line-soft);
}

.section--shop-preview .shop-cat-tile__label {
  border-top-color: var(--line-soft);
}

.section--shop-preview .shop-cats-wrap::before {
  background: linear-gradient(90deg, var(--linen) 0%, transparent 100%);
}

.section--shop-preview .shop-cats-wrap::after {
  background: linear-gradient(270deg, var(--linen) 0%, transparent 100%);
}

.section--shop-preview .slider-band--shop {
  border-color: var(--line-soft);
}

.section--shop-preview .shop-home__cta {
  border-top-color: var(--line-soft);
}

/* Marquee on grey */
.section--grey-band .marquee {
  border-color: var(--line-soft) !important;
}

/* Testimonials */
.testimonial-slide-inner {
  background: var(--linen) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line-soft);
}

.testimonial-slide-inner .ti-quote {
  color: var(--stone) !important;
}

.testimonial-slide-inner cite {
  color: var(--muted) !important;
}

/* Catalog */
.catalog-page {
  background: var(--linen) !important;
  color: var(--ink) !important;
}

.catalog-hero {
  background: var(--grey-warm, #e8e1d6) !important;
  color: var(--ink) !important;
  border-bottom-color: var(--stone) !important;
}

.catalog-hero__kicker,
.catalog-hero__sub,
.catalog-hero__stat-l {
  color: var(--muted) !important;
}

.catalog-hero h1,
.catalog-hero__stat-n {
  color: var(--ink) !important;
}

.catalog-hero__artisan {
  color: var(--ink) !important;
  border-color: var(--line-soft) !important;
}

.catalog-hero__stats {
  border-color: var(--line-soft) !important;
}

.shop-back-link {
  color: var(--ink) !important;
  border-color: var(--line-soft) !important;
}

.shop-back-link--muted {
  border-color: var(--stone) !important;
}

/* Product */
.product-page {
  --product-bg: var(--sand);
  --product-bg-bar: var(--warm);
  background: var(--sand) !important;
  color: var(--ink) !important;
}

.product-page .shop-back-bar {
  background: var(--warm) !important;
  color: var(--ink) !important;
  border-bottom-color: var(--line-soft) !important;
}

.product-page .product-kicker,
.product-page .product-artisan-badge {
  color: var(--muted) !important;
  border-color: var(--line-soft) !important;
  background: rgba(255, 255, 255, 0.35);
}

.product-page .product-detail h1,
.product-page .product-excerpt,
.product-page .product-body {
  color: var(--ink) !important;
}

.product-page .product-spec__label {
  color: var(--muted) !important;
}

.product-page .product-spec__value,
.product-page .product-related h2 {
  color: var(--ink) !important;
}

.product-page .product-figure,
.product-page .product-gallery,
.product-page .product-specs,
.product-page .product-sibling-nav {
  border-color: var(--line-soft) !important;
}

.product-page .product-sticky-cta__btn {
  background: var(--warm) !important;
  color: var(--ink) !important;
  border-color: var(--ink) !important;
}

/* Footer — full black (homepage rules in home-sections.css) */
.site-footer,
.site-footer--advanced {
  background: var(--ink-footer) !important;
  color: var(--cream) !important;
  border-top: 1px solid rgba(235, 224, 211, 0.12) !important;
}

.site-footer a,
.site-footer__link,
.site-footer__heading,
.site-footer__links a {
  color: var(--cream) !important;
}

.site-footer__wordmark span {
  color: var(--cream) !important;
}

.site-footer__tagline,
.site-footer__text,
.footer-copy,
.footer-cash {
  color: rgba(235, 224, 211, 0.82) !important;
}

.site-footer__social a {
  border-color: rgba(235, 224, 211, 0.4) !important;
}

.site-footer__social a .ti {
  color: var(--cream) !important;
}

.site-footer__social a:hover {
  background: var(--cream) !important;
}

.site-footer__social a:hover .ti {
  color: var(--ink-footer) !important;
}

.site-footer__wordmark {
  background: var(--ink-footer) !important;
  border-top-color: rgba(235, 224, 211, 0.12) !important;
  padding-bottom: calc(var(--nav-h, 4.25rem) + max(0.75rem, env(safe-area-inset-bottom, 0px)) + 0.5rem) !important;
}

.site-footer--advanced .newsletter-form__row .lcs-input {
  background: var(--ink-footer) !important;
  color: var(--cream) !important;
  border-color: rgba(235, 224, 211, 0.4) !important;
}

/* Services / materials on light sections */
.service-item,
.material-item {
  border-color: var(--line-soft) !important;
  color: var(--ink) !important;
}

.section--cream .service-icon .ti,
.material-item .ti {
  color: var(--ink) !important;
}

/* FAQ on grey */
.faq-item {
  border-color: var(--line-soft) !important;
  color: var(--ink) !important;
  background: rgba(250, 247, 242, 0.55);
}

.faq-item summary {
  color: var(--ink) !important;
}

.faq-item summary .ti {
  color: var(--ink) !important;
}

.section--grey-deep .material-item,
#materials .material-item {
  border-color: var(--line-soft) !important;
  color: var(--ink) !important;
}

#materials .material-item .ti {
  color: var(--ink) !important;
}

/* Shop cards in light work section */
.section--shop-preview .shop-card__link {
  background: var(--linen) !important;
  color: var(--ink) !important;
  border-color: var(--line-soft) !important;
  box-shadow: 2px 2px 0 rgba(26, 26, 26, 0.08) !important;
}

@media (hover: hover) {
  .section--shop-preview .shop-card__link:hover {
    background: var(--ink) !important;
    color: var(--linen) !important;
  }
}

/* Cookie banner */
.cookie-banner {
  background: var(--linen) !important;
  color: var(--ink) !important;
  border-color: var(--line-soft) !important;
}

@media (max-width: 768px) {
  .slider-band__caption {
    bottom: 3.5rem;
    padding-bottom: 0.25rem;
  }

  .slider-band__title {
    font-size: 1.15rem;
    max-width: 100%;
  }

  .hero-kinetic__slide-caption {
    padding-bottom: 0.5rem;
  }
}