/* Color and logo override only. Existing homepage layout and type are retained. */
:root {
  --bone:#E2DCC7;
  --bone-2:#D6CFBA;
  --paper:#E2DCC7;
  --ink:#3E3933;
  --ink-2:#49433C;
  --ink-3:#575047;
  --text:#3E3933;
  --text-dim:#5D574D;
  --text-mute:#6D665B;
  --text-inv:#E2DCC7;
  --text-inv-dim:#D6CFBA;
  --accent:#D65435;
  --accent-hot:#BB452A;
  --line:rgba(62,57,51,.2);
  --line-dark:rgba(62,57,51,.2);
}
.site-header {
  background:transparent;
  color:var(--bone);
  border-bottom-color:transparent;
  backdrop-filter:none;
}
.site-header.on-light {
  background:rgba(226,220,199,.94);
  color:var(--ink);
  border-bottom-color:var(--line);
  backdrop-filter:blur(10px);
}
.site-header.on-dark-scrolled {
  background:rgba(62,57,51,.88);
  color:var(--bone);
  border-bottom-color:transparent;
  backdrop-filter:blur(10px);
}
.brand .brand-bird,.brand-lockup .brand-bird,.footer-brand-lockup .footer-brand-bird {
  -webkit-mask-image:url('../assets/twin-pegasus-orange.svg');
  mask-image:url('../assets/twin-pegasus-orange.svg');
  color:var(--accent);
}
.brand .brand-wordmark,.brand-lockup .brand-wordmark,.footer-brand-lockup .footer-brand-wordmark {
  -webkit-mask-image:url('../assets/wordmark-horizontal-charcoal.svg');
  mask-image:url('../assets/wordmark-horizontal-charcoal.svg');
}
.brand .brand-bird{width:64px;height:34px}
.brand .brand-wordmark{width:240px;height:22px}
.footer-brand-lockup .footer-brand-wordmark{width:260px;height:24px}
.footer-brand-lockup .footer-brand-bird{width:75px;height:40px}
.hero-rail,.ticker,.megastat,.data-section,.closer,footer.site-footer {
  background:var(--bone);
  color:var(--ink);
  border-color:var(--line);
}
.hero-rail{backdrop-filter:none}
.hero-wall-val,.megastat-num,.megastat-copy h3,.footer-col h5,.footer-brand-lockup,.chart-foot .btn {
  color:var(--ink);
}
.hero-wall-eyebrow,.megastat-copy .eyebrow,.megastat-copy p,
.data-head p,.closer p,.footer-col a,.chart-source,.chart-foot,
.chart-scale-legend,.chart-scale-tick span,.footer-desc {
  color:var(--text-dim);
}
.hero-wall-item{border-color:var(--line)}
.data-head,.chart-row,.chart-source,.chart-foot,.footer-inner{border-color:var(--line)}
.product-tile:hover{background:#EAE4D2}
.chart-row .track{background:rgba(62,57,51,.09)}
.mobile-drawer{background:var(--bone);color:var(--ink)}
.mobile-drawer-nav a,.mobile-drawer-ctas a{border-color:var(--line)}
.header-cta--accent,.btn--accent,.product-tile-cta,.mobile-drawer-ctas a.is-accent{
  color:var(--ink);
}
.site-header .header-cta--accent{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--bone);
}
.site-header .header-cta--accent:hover{
  background:var(--accent-hot);
  border-color:var(--accent-hot);
  color:var(--bone);
}
.site-header .nav a{color:inherit;font-weight:700}
.site-header .nav a:hover{color:var(--accent)}
.site-header .header-cta:not(.header-cta--accent),.site-header .hamburger,.site-header .header-cart-preview{color:inherit;border-color:currentColor}
.mobile-drawer-nav a{color:var(--ink);font-weight:700}
.mobile-drawer-nav a:hover{color:var(--accent)}
.hero-actions .btn:not(.btn--accent){color:var(--bone)}
.hero-actions .btn--accent{color:var(--bone)}
.hero-title,.hero-title .accent-mark{color:var(--bone)}
.hero-sub{color:var(--bone)}
.ticker {border-top:1px solid var(--line)}
.site-footer .legal{color:var(--text-dim)}
footer.site-footer{background:var(--accent);color:var(--ink)}
.site-footer .footer-desc,.site-footer .footer-col a,.site-footer .legal{color:var(--ink)}
.site-footer .footer-col a:hover{color:var(--bone)}
footer.site-footer{padding-top:3rem;padding-bottom:1.5rem}
.site-footer .footer-inner{
  grid-template-columns:minmax(280px,1.7fr) repeat(4,minmax(0,1fr));
  gap:clamp(24px,3vw,48px);
  align-items:start;
  padding-bottom:2rem;
}
.site-footer .footer-inner>div{min-width:0}
.site-footer .footer-brand-lockup{margin-bottom:.25rem}
.site-footer .legal{padding-top:1.25rem;gap:.75rem}
@media(max-width:1100px){
  .site-footer .footer-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
  .site-footer .footer-inner>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  footer.site-footer{padding-top:2rem}
  .site-footer .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem}
  .site-footer .legal{flex-direction:column;font-size:.65rem}
}
.chart-source b,.chart-scale-tick.is-threshold span{color:var(--ink)}
.data-section{padding:clamp(3rem,5vw,5rem) 0}
.data-head{display:block;padding-bottom:1.25rem;margin-bottom:1.25rem}
.data-head h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.04;max-width:none}
.chart-row,.chart-scale{grid-template-columns:280px minmax(0,1fr) 90px}
.chart-row .label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;color:var(--ink)}
.chart-row .label small{white-space:nowrap;text-align:left}
.chart-scale-axis{grid-column:2}
.chart-scale-tick.is-threshold{background:none}
@media(max-width:720px){
  .chart-row,.chart-scale{grid-template-columns:1fr}
  .chart-scale-axis{grid-column:1}
  .chart-row .label{grid-template-columns:110px 1fr}
  .data-head h2{font-size:clamp(2rem,8vw,3.5rem)}
}
.closer{padding:clamp(3rem,5vw,5rem) var(--gutter)}
.closer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.closer h2{font-size:clamp(3.5rem,7.5vw,7.5rem)}
.closer-body{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:0}
.closer p{margin:0;max-width:46ch}
@media(max-width:720px){
  .closer-inner{grid-template-columns:1fr;gap:1.75rem}
  .closer h2{font-size:clamp(3rem,11vw,5rem)}
  .closer-body{gap:1.25rem}
}
.photo-scene-caption{grid-row:2}
.site-header .brand{flex-shrink:0}
.site-header .main-crest-logo{width:180px;height:130px;object-fit:contain}
.site-header{padding-top:10px;padding-bottom:10px}
.footer-brand-lockup .main-crest-logo{width:154px;height:112px;object-fit:contain}
@media(max-width:720px){
  .site-header .main-crest-logo{width:138px;height:100px}
  .site-header{padding-top:8px;padding-bottom:8px}
  .footer-brand-lockup .main-crest-logo{width:144px;height:104px}
}
@media(max-width:600px){.hero-inner{padding-top:8.75rem}}
@media(min-width:601px){.hero-inner{padding-top:11rem}}
@media(max-width:1200px){.brand .brand-wordmark{width:190px;height:19px}.brand .brand-bird{width:50px;height:30px}}
@media(max-width:720px){.brand .brand-wordmark{width:168px;height:17px}.brand .brand-bird{width:44px;height:26px}}
@media(max-width:480px){.brand .brand-wordmark{display:block;width:142px;height:15px}.brand .brand-bird{width:36px;height:24px}.brand{gap:7px}}

/* ---- Lineup heading ----------------------------------------------------
   The h2 renders near 104px at desktop (clamp(4rem,8vw,6.5rem)), so
   "Four cans. One standard." wraps to a third line and pushes the strapline
   onto its own flex row, leaving a dead block of space on the right.
   Bringing the cap down to 5rem lets the heading sit on two lines and keeps
   the strapline beside it, so the row actually fills.                      */
.lineup-head { align-items: flex-end; flex-wrap: nowrap; }
.lineup-head h2 { font-size: clamp(2.5rem, 5.4vw, 5rem); flex: 1 1 auto; min-width: 0; }
.lineup-head .side { flex: 0 0 auto; max-width: 24ch; }
@media (max-width: 900px) {
  .lineup-head { flex-wrap: wrap; }
  .lineup-head h2 { font-size: clamp(2.1rem, 6.5vw, 3.1rem); }
  .lineup-head .side { text-align: left; max-width: 100%; }
}
/* "dB" is decibels. The uppercase transform on .side was rendering it "DB",
   which reads as "database record". */
.unit { text-transform: none; }

/* Keep "never ends." together so the photo-scene heading breaks as
   "Built for the / string that / never ends." rather than orphaning "ends."
   Released on narrow screens so the phrase can never overflow the viewport. */
.photo-scene-caption h3 .nb { white-space: nowrap; }
@media (max-width: 560px) { .photo-scene-caption h3 .nb { white-space: normal; } }