/* Shared black, champagne gold and white palette. Only backgrounds fade. */
:root{--gold:#d9b777;--gold-light:#edcf96;--ink:#fff;--muted:#f1f1ee;--soft-surface:40,40,40}
body{overflow-x:clip}
.site-header{border-bottom-color:transparent}
.site-header .nav-panel{border:0;border-radius:0 0 15px 15px;padding:16px;box-shadow:0 20px 40px #0003}
.site-nav .nav-panel a{border-radius:7px}
.site-header .site-nav{gap:clamp(16px,2vw,30px)}
.button{border-radius:5px}
.button-outline{border-color:#c6a974}
.text-button{border-bottom:0;position:relative;padding-bottom:11px}
.text-button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero{--gold:#ffe6bc;--gold-light:#ffe6bc;--button-gold:#d8b982}
.hero .button{border-radius:0}
:is(.collection-section,.gallery-section,.pod-build-section,.page-cta,.blog-cta,.blog-library){border:0}
/* Feathered background fields replace the rigid table-like section borders. */
:is(.benefit-grid,.range-row,.detail-panels,.model-specs,.download-list,.blog-intro,.journal-article){position:relative;isolation:isolate}
:is(.benefit-grid,.range-row,.detail-panels,.model-specs,.download-list,.blog-intro,.journal-article)::before{
 content:"";position:absolute;inset:-45px -28px;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(var(--soft-surface),.96) 10%,rgba(var(--soft-surface),.96) 90%,transparent);
 -webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);
 mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);
}
.benefit-grid{border:0;background:none;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.benefit-item,.benefit-item:nth-child(n){display:block;border:0;padding:26px 22px;opacity:1;transform:none}
.benefit-number{display:flex;align-items:center;gap:17px;margin-bottom:18px;font-size:12px;font-weight:600;color:var(--gold)}
.benefit-number::after{content:"";height:1px;width:58px;background:linear-gradient(90deg,var(--gold),transparent)}
.benefit-item h3{font-size:clamp(26px,2.3vw,34px);line-height:1.2;margin-bottom:15px}
.benefit-item p{font-size:15px!important;line-height:1.85;color:var(--muted)}
.home-range-section{background:linear-gradient(180deg,transparent,rgba(47,45,41,.78) 12%,rgba(47,45,41,.78) 88%,transparent)}
.range-row{border:0;gap:clamp(28px,4vw,55px);align-items:center}
.range-row:nth-child(even){--soft-surface:48,46,42}
.range-row-media{border:0;border-radius:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.range-row-reverse .range-row-media{-webkit-mask-image:linear-gradient(270deg,#000 82%,transparent);mask-image:linear-gradient(270deg,#000 82%,transparent)}
.range-row-copy{padding:22px 10px}
.range-actions{column-gap:28px;row-gap:18px}
.home-range-list .range-description,.content-page .range-row p{font-size:15px;line-height:1.85}
.home-range-list .range-highlights{font-size:13px;line-height:1.9}
.home-range-intro,.home-range-end{border:0}
.pod-build-section{background:linear-gradient(180deg,transparent,rgba(30,31,33,.75) 15%,rgba(30,31,33,.75) 85%,transparent)}
.pod-preview,.pod-workspace,.home-contact-panel,.preview-form,.preview-result,.pod-result,.note-panel{border:0;border-radius:16px}
.pod-workspace{background:#323232}
.pod-preview{background:#2a2a2a;overflow:hidden}
.pod-choice,.series-choice,.size-option,.material-option,.selection-card{border-radius:9px}
.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{border-radius:6px}
.home-contact-panel{background:#353431}
.home-contact-story{border-radius:16px;overflow:hidden}
.home-contact-layout{gap:22px}
.home-contact-section{background:linear-gradient(transparent,rgba(37,37,37,.85) 80%)}
.model-detail figure img,.trade-hero img,.blog-intro img,.blog-article-image img,.feature-video{border-radius:14px}
.model-detail>div{padding:20px;background:radial-gradient(ellipse,rgba(40,40,40,.97) 35%,transparent 74%)}
.detail-panels{gap:20px 40px}
.detail-panels article{border:0}
.detail-panels article>span{display:flex;gap:17px;align-items:center}
.detail-panels article>span::after{content:"";width:55px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.model-specs dl>div{border-bottom-color:#d9b77729}
.collection-card,.resource-card,.editorial-gallery article,.project-grid button{border:0;border-radius:14px;overflow:hidden;background:#303030}
.collection-copy{background:linear-gradient(135deg,#363431,#2d2d2d)}
.collection-photo::after{content:"";position:absolute;inset:auto 0 0;height:32px;background:linear-gradient(transparent,#363431);pointer-events:none}
.page-jumps{border:0;background:radial-gradient(ellipse,rgba(43,43,43,.94),transparent 75%)}
.page-cta,.blog-cta{background:linear-gradient(transparent,rgba(37,37,37,.95) 80%)}
.site-footer{border:0;background:#252525}
/* Dark reading surfaces maintain the approved black and gold theme throughout. */
.blog-card-copy,.blog-page .blog-prose,.faq-page .faq-list,.about-story>div{
 --ink:#fffdf8;--muted:#eee9df;--gold:#d9b777;--gold-light:#edcf96;--line:rgba(217,183,119,.28);
 color:var(--ink);background:#2b2b29;
}
.blog-page .blog-card{border:0;border-radius:14px;overflow:hidden;background:#2b2b29}
.blog-card-copy{background:linear-gradient(145deg,#34322e,#292929)}
.blog-card-copy .blog-category,.blog-card-copy .blog-card-foot a{color:var(--gold-light)}
.blog-page .blog-prose{border:0;border-radius:16px;padding:clamp(24px,3vw,42px)}
.blog-page .blog-prose p,.blog-page .blog-prose li{color:var(--muted)}
.blog-page .blog-prose :is(h2,h3,strong){color:var(--ink)}
.blog-page .blog-prose a{color:var(--gold-light)}
.blog-page .blog-toc details{border:0;border-radius:12px;background:#323232}
.blog-page .blog-prose :is(.blog-comparison thead,.blog-table-wrap thead,.blog-table-wrap caption){background:#403b32}
.blog-page .blog-filters button{border-radius:25px;background:#343330}
.blog-page .blog-filters button[aria-pressed=true]{background:var(--button-gold);color:#202020}
.blog-search input{background:#343330}
.faq-page .faq-list{border-radius:18px;padding:15px clamp(22px,4vw,48px);max-width:none;box-shadow:0 18px 55px #0002}
.faq-page .faq-list details{border:0;position:relative}
.faq-page .faq-list details+details::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(128,96,35,.25) 15%,rgba(128,96,35,.25) 85%,transparent)}
.faq-page .faq-list summary{color:var(--ink);padding:25px 0;line-height:1.65}
.faq-page .faq-list p{font-size:15px;color:var(--muted)}
.faq-page .faq-list a{color:var(--gold-light)}
.about-story{gap:32px;align-items:stretch}
.about-story>div{padding:clamp(28px,4vw,50px);border-radius:16px;background:linear-gradient(140deg,#34322e,#292929);align-self:center}
.about-story h2,.about-story p:not(.eyebrow){color:var(--ink)}
.about-story p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted)}
.about-story .eyebrow,.about-story h2 em{color:var(--gold-light)}
.about-story img{height:100%;object-fit:cover;min-height:420px}
.table-scroll{border:0;border-radius:12px;background:#303030}
@media(max-width:1100px){.site-header .site-nav{gap:0;background:#303030}.site-header .nav-panel{box-shadow:none;border-radius:0;padding:4px 0 14px}.site-nav>.nav-top-link,.site-nav>.nav-group{border-color:#d9b77726}}
@media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story img{min-height:0;height:auto}.range-row-copy{padding:15px 0}}
@media(max-width:700px){
 .benefit-grid{grid-template-columns:1fr;gap:8px}.benefit-item,.benefit-item:nth-child(n){padding:25px 18px}
 :is(.benefit-grid,.range-row,.detail-panels,.model-specs,.download-list,.blog-intro,.journal-article)::before{inset:-30px -14px}
 .range-row-media,.range-row-reverse .range-row-media{-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
 .home-range-list .range-description{font-size:15px}.home-range-list .range-highlights{font-size:13px}
 .pod-workspace{padding:22px 16px}.home-contact-layout{gap:15px}.faq-page .faq-list summary{font-size:16px}
 .about-story>div{padding:30px 25px}.blog-page .blog-prose{padding:28px 22px}
}