/* One photographic backdrop and one calibrated veil per page. */
:root{
  --bg:#252525;--surface:#303030;--panel:#383735;
  --ink:#ffffff;--muted:#f1f1ee;--gold:#d9b777;--gold-light:#edcf96;
  --line:rgba(219,184,121,.28);--button-gold:#d9b777;
  --page-scene:url('assets/page-scenes/garden-golden.webp');
  --scene-position:65% center;
}
body[data-scene="dining"]{--page-scene:url('assets/page-scenes/coastal-dining.webp');--scene-position:55% center}
body[data-scene="pool"]{--page-scene:url('assets/page-scenes/coastal-pool.webp');--scene-position:70% center}
body[data-scene="family"]{--page-scene:url('assets/page-scenes/coastal-family.webp');--scene-position:65% center}
body[data-scene="sunset"]{--page-scene:url('assets/hero-scenes/hero-family-sunset-20261016.webp');--scene-position:70% center}
body[data-scene="evening"]{--page-scene:url('assets/hero-scenes/hero-bay-dinner-20261016.webp');--scene-position:65% center}
body,body.blog-page,body.range-page{background:var(--bg);color:var(--ink)}
body::before{
  background-image:linear-gradient(rgba(27,27,27,.82),rgba(27,27,27,.82)),var(--page-scene);
  background-position:center,var(--scene-position);background-size:cover;
  background-repeat:no-repeat;filter:none;opacity:1;
}
/* Remove the additional dark fills over the shared backdrop. */
.why-section,.collection-section,.build-section,.pod-build-section,.home-contact-section{background:transparent}
.why-section::before{content:none}
.hero-shade{background:linear-gradient(90deg,rgba(31,42,38,.76) 0%,rgba(31,42,38,.70) 34%,rgba(31,42,38,.18) 70%,rgba(31,42,38,.06) 100%)}
.hero-description,.hero-bottom,.range-description,.range-highlights,.range-details,.range-intro>p:last-child,
.blog-page .blog-prose p,.blog-page .blog-prose li,.pod-saving,.preview-tags span{color:var(--muted)}
.hero-copy h1,.hero-copy .eyebrow,.hero-description{text-shadow:0 1px 7px rgba(20,30,24,.28)}
.hero-copy .eyebrow,.benefit-number,.eyebrow{color:var(--gold-light)}
.hero-bottom>span,.hero-controls{background:rgba(31,42,38,.82);padding:9px 12px}
.hero-slide figcaption{background:rgba(31,42,38,.82);padding:6px 9px;text-shadow:none}
.announcement{background:#303030;color:#f2eadb;border-color:var(--line)}
.site-header{background:rgba(37,37,37,.97);border-color:var(--line)}
.site-header .nav-panel{background:#303030;border-color:var(--line);box-shadow:0 14px 35px #18181833}
.site-nav .nav-top-link,.site-nav .nav-panel a{color:var(--ink)}
.site-nav .nav-top-link[aria-current=page],.site-nav a:hover{color:var(--gold-light)}
.site-nav .nav-panel a:hover,.site-nav .nav-panel a:focus-visible{background:#44423e}
.button-gold,.site-header .header-quote,.blog-page .blog-filters button[aria-pressed=true]{background:var(--button-gold);color:#202020;border-color:var(--button-gold)}
.button-gold:hover,.site-header .header-quote:hover{background:#eed5ab;color:#202020}
.button-outline{background:rgba(45,45,45,.94);border-color:#d8c2a0;color:var(--ink)}
.button-outline:hover{background:#48453e;color:var(--ink)}
.site-footer{background:#252525;border-top:1px solid var(--line)}
.site-footer .footer-top>div,.site-footer .footer-top>p,.footer-bottom{color:var(--muted)}
/* Stable, lighter surfaces keep dense content readable over photography. */
.resource-card,.collection-card,.blog-page .blog-card,.note-panel,.preview-form,
.pod-preview,.pod-workspace,.home-contact-panel,.preview-result,.pod-result,
.local-success,.config-preview{background:#303030;border-color:var(--line)}
.resource-card:hover{background:#3b3935}
.pod-workspace{padding:26px;border:1px solid var(--line)}
.pod-choice,.series-choice,.size-option,.material-option,.selection-card{background:#3a3936;border-color:#c3b69e70}
.pod-choice:has(input:checked),.series-choice[aria-checked=true]{background:#4b4438;border-color:var(--gold-light)}
.pod-steps button{color:#f0eee9}.pod-steps button:disabled{opacity:1;color:#d5d2cb}
.pod-fields input,.pod-fields select,.pod-fields textarea,.pod-custom input,.pod-other-finish input,
.home-enquiry-form input,.home-enquiry-form select,.home-enquiry-form textarea,
.form-fields input,.form-fields select,.form-fields textarea,.blog-search input{
  background:#3a3936;color:var(--ink);border-color:#c3b69e73;
}
input::placeholder,textarea::placeholder,.blog-search input::placeholder{color:#ddd9d0;opacity:1}
select option,.home-enquiry-form select option{background:#3a3936;color:var(--ink)}
.home-contact-layout{background:transparent;box-shadow:none}
.home-contact-story::after{background:linear-gradient(0deg,rgba(31,42,38,.82),rgba(31,42,38,.08) 80%)}
.home-contact-story>img{filter:none}
.blog-page .blog-prose{background:#303030;padding:clamp(22px,3vw,36px);border:1px solid var(--line);max-width:800px}
.blog-page .blog-toc details{background:#303030;padding-inline:16px}
.blog-page .blog-comparison thead,.table-scroll thead th{background:#45413a}
.table-scroll{background:#303030}
.blog-page .blog-filters button{background:#303030;color:var(--ink)}
.blog-page .blog-filters button[aria-pressed=true]{color:#202020}
.benefit-item p{color:var(--muted)}
@media(max-width:1100px){.site-header .site-nav{background:#303030}}
@media(max-width:800px){
  body::before{background-position:center,var(--scene-position)}
  .hero-shade{background:linear-gradient(180deg,rgba(31,42,38,.77) 0%,rgba(31,42,38,.70) 55%,rgba(31,42,38,.18) 82%,rgba(31,42,38,.36) 100%)}
  .hero-controls{padding:6px 8px}.hero-bottom>span{padding:7px 9px}
  .pod-workspace{padding:20px 16px}.blog-page .blog-prose{padding:22px 18px}
}
@media(prefers-reduced-transparency:reduce){.site-header{background:#252525}.button-outline{background:#2d2d2d}}