.product-hero { position:relative; isolation:isolate; min-height:780px; display:flex; align-items:flex-end; overflow:hidden; color:var(--white); background:var(--green-950); }
.product-hero>img,.product-hero-shade { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.product-hero>img { object-position:center 58%; }
.product-hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(3,23,19,.98) 0%,rgba(3,23,19,.82) 43%,rgba(3,23,19,.18) 78%),linear-gradient(0deg,rgba(3,23,19,.65),transparent 60%); }
.product-hero-content { width:var(--page); margin:0 auto; padding:200px 0 90px; }
.product-hero-content h1 { max-width:900px; }
.product-hero-content>p:not(.eyebrow) { max-width:650px; margin-bottom:30px; color:rgba(255,255,255,.8); font-size:1.08rem; }
.quick-facts { display:grid; grid-template-columns:repeat(4,1fr); color:var(--white); background:var(--green-900); }
.quick-facts article { padding:30px clamp(20px,3vw,48px); border-right:1px solid rgba(255,255,255,.12); }
.quick-facts article:last-child { border-right:0; }
.quick-facts span { display:block; margin-bottom:7px; color:var(--copper); font-size:.67rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.quick-facts strong { font-family:var(--serif); font-size:1.35rem; font-weight:400; }
.product-intro { display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; background:var(--white); }
.product-intro-copy { align-self:end; color:var(--muted); font-size:1.02rem; }
.product-video { display:grid; grid-template-columns:.62fr 1.38fr; gap:clamp(36px,6vw,90px); align-items:center; color:var(--white); background:var(--green-900); }
.product-video-heading>p:last-child { max-width:470px; margin:24px 0 0; color:rgba(255,255,255,.68); }
.product-video-frame { position:relative; overflow:hidden; border:1px solid rgba(198,151,89,.5); box-shadow:0 28px 70px rgba(0,0,0,.28); background:var(--green-950); }
.product-video-frame::after { position:absolute; pointer-events:none; inset:0; content:""; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.product-video-frame video { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.option-section { color:var(--white); background:var(--green-975); }
.option-heading { max-width:880px; margin-bottom:54px; }
.option-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }
.option-grid article { min-height:260px; padding:34px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }
.option-grid span { color:var(--copper); font-size:.72rem; }
.option-grid h3 { margin:52px 0 12px; font-family:var(--serif); font-size:1.65rem; font-weight:400; }
.option-grid p { margin:0; color:rgba(255,255,255,.65); font-size:.88rem; }
.decision-band { display:grid; grid-template-columns:1fr 1fr; min-height:680px; color:var(--white); background:var(--green-900); }
.decision-image { overflow:hidden; }
.decision-image img { width:100%; height:100%; object-fit:cover; }
.decision-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,7vw,110px); }
.decision-copy h2 { margin:0 0 28px; font-family:var(--serif); font-size:clamp(3rem,5vw,5.6rem); font-weight:400; line-height:.95; letter-spacing:-.05em; }
.decision-copy>p:not(.section-kicker) { max-width:570px; color:rgba(255,255,255,.7); }
.measure-section { display:grid; grid-template-columns:.82fr 1fr; gap:9vw; background:var(--cream); }
.measure-heading { position:sticky; top:120px; align-self:start; }
.measure-heading>p:last-child { max-width:500px; color:var(--muted); }
.measure-list { margin:0; padding:0; list-style:none; }
.measure-list li { display:grid; grid-template-columns:52px 1fr; gap:18px; padding:28px 0; border-top:1px solid var(--line); }
.measure-list li:last-child { border-bottom:1px solid var(--line); }
.measure-list>li>span { color:var(--copper-dark); font-family:var(--serif); }
.measure-list h3 { margin:0 0 6px; font-family:var(--serif); font-size:1.65rem; font-weight:400; }
.measure-list p { margin:0; color:var(--muted); }
.buying-section { background:var(--cream-dark); }
.buying-heading { max-width:940px; margin-bottom:52px; }
.buying-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.buy-card { display:flex; flex-direction:column; padding:38px; background:var(--white); border:1px solid var(--line); }
.buy-card-featured { color:var(--white); background:var(--green-900); }
.buy-card>p { color:var(--copper-dark); font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.buy-card-featured>p { color:var(--copper); }
.buy-card h3 { margin:0 0 26px; font-family:var(--serif); font-size:2rem; font-weight:400; }
.buy-card ul { flex:1; margin:0 0 30px; padding:0; list-style:none; }
.buy-card li { padding:11px 0; border-top:1px solid var(--line); color:var(--muted); font-size:.86rem; }
.buy-card-featured li { color:rgba(255,255,255,.72); border-color:rgba(255,255,255,.14); }
.product-cta { text-align:center; color:var(--white); background:var(--green-950); }
.product-cta h2 { margin-right:auto; margin-left:auto; }
.product-cta>p:not(.section-kicker) { max-width:660px; margin:0 auto 30px; color:rgba(255,255,255,.7); }
.product-detail-link { display:inline-flex; gap:10px; align-items:center; padding:0 0 5px; color:var(--white); border-bottom:1px solid rgba(255,255,255,.36); font-size:.76rem; font-weight:800; }
.product-detail-link span { color:var(--copper); }
.catalog-hero { padding:210px 0 90px; color:var(--white); background:var(--green-950); }
.catalog-hero-inner { width:var(--page); margin:0 auto; }
.catalog-hero h1 { max-width:980px; }
.catalog-hero p:last-child { max-width:700px; color:rgba(255,255,255,.7); font-size:1.06rem; }
.catalog-section { background:var(--cream); }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.catalog-card { position:relative; min-height:440px; display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; color:var(--white); background:var(--green-900); }
.catalog-card>img,.catalog-card::before { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 500ms ease; }
.catalog-card::before { z-index:-1; content:""; background:linear-gradient(0deg,rgba(3,23,19,.97),rgba(3,23,19,.1) 76%); }
.catalog-card:hover>img { transform:scale(1.035); }
.catalog-card-content { width:100%; padding:30px; }
.catalog-card-content>span { color:var(--copper); font-size:.66rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.catalog-card h2 { margin:9px 0 10px; font-family:var(--serif); font-size:2.15rem; font-weight:400; line-height:1; }
.catalog-card p { min-height:66px; color:rgba(255,255,255,.7); font-size:.86rem; }
.catalog-card a { display:inline-flex; align-items:center; gap:10px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.38); font-size:.76rem; font-weight:800; }
.catalog-card a span { color:var(--copper); }
@media (max-width:1050px) { .option-grid,.buying-grid { grid-template-columns:repeat(2,1fr); } .quick-facts { grid-template-columns:repeat(2,1fr); } }
@media (max-width:1050px) { .catalog-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) {
  .product-hero { min-height:720px; }.product-hero-content { padding:170px 0 70px; }.product-hero-content h1 { font-size:clamp(3.5rem,16vw,5.2rem); }
  .product-intro,.product-video,.measure-section,.decision-band { grid-template-columns:1fr; }.measure-heading { position:static; }.decision-image { min-height:430px; }
  .option-grid,.buying-grid,.catalog-grid { grid-template-columns:1fr; }.quick-facts { grid-template-columns:1fr 1fr; }.quick-facts article { padding:24px 18px; }.catalog-hero { padding:170px 0 65px; }
}
@media (max-width:480px) { .quick-facts { grid-template-columns:1fr; }.quick-facts article { border-right:0; border-bottom:1px solid rgba(255,255,255,.12); } }
