/* Approved October review: production-page charcoal, a gradual green accent,
   normal mobile flow and one consistent frame for photographs and films. */
body:has([data-flagship-story]){background:#0e1115}
body:has([data-flagship-story]) .header{background:#0e1115}
.flagship-story{background:#0e1115}
.flagship-media{background:#0e1115}
.flagship-media:after{background:linear-gradient(90deg,#0e1115 0%,#0e1115e8 22%,#0e111540 52%,transparent 75%),linear-gradient(0deg,#151d23 0%,transparent 35%)}
.flagship-copy h1{max-width:660px;letter-spacing:-.04em}
.flagship-copy h1 span{font-size:1em;line-height:1.08;color:#c9f36b}
.flagship-copy>p{max-width:390px;color:#c3ccd2}
.flagship-actions{gap:12px}
.flagship-actions .button.outline{color:#f1f4f6;border-color:#67757e;background:#151d23b3}
.flagship-actions .button.outline:hover{background:#26343e}
.flagship-caption{top:auto;bottom:145px;background:#0e1115d9;border:1px solid #64757a;border-radius:10px;padding:10px 14px;font-size:12px}
.flagship-play{background:#151d23;min-height:44px}
.factory-proof{background:linear-gradient(180deg,#151d23,#172321 65%,#1b271d)}
.factory-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.factory-proof img,.factory-testing-grid img,.flagship-real img,.gallery-picture,.flagship-film video,.scenario-film video,.real-motion video{border-radius:14px;border:1px solid #97a5a533}
.factory-proof-links .button.outline{color:#edf4ef;border-color:#61746b}
.video-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.video-actions .button{min-height:44px;font-size:14px}
.video-pause{border:1px solid #8c9a8f;border-radius:999px;min-height:44px;padding:10px 20px;background:transparent;color:#26322a;font:inherit;font-size:14px;cursor:pointer}
.video-pause:hover{background:#e1e9dd}
.video-pause:focus-visible,.media-viewer button:focus-visible{outline:3px solid #547c31;outline-offset:4px}
.media-viewer{max-width:min(1100px,94vw);width:94vw;border:1px solid #50636c;border-radius:18px;padding:20px;background:#0e1115;color:#fff}
.media-viewer::backdrop{background:#030608de}
.media-viewer>button{display:block;margin:0 0 16px auto;color:#fff;border-color:#879797}
.media-viewer video{display:block;width:100%;max-height:75svh;object-fit:contain;background:#000;border-radius:12px}
.flagship-detail>footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-block:28px;line-height:1.5}
.flagship-detail>footer a{display:inline-block;padding-block:8px}
.site-form-section{scroll-margin-top:120px}
.site-form-section h2{line-height:1.2}
.procurement-directions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:32px 48px}
.procurement-directions .site-panel{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.procurement-directions .site-panel h2,.procurement-directions .site-panel p{margin:0}
.procurement-directions .button{margin-top:auto}
@media(max-width:1000px){.flagship-copy h1{font-size:54px;max-width:440px}}
@media(max-width:700px){
 .flagship-story{height:auto;padding-top:90px;background:#0e1115}
 .flagship-pin{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;padding-bottom:24px}
 .flagship-copy{position:relative;width:calc(100% - 40px);padding:36px 0 0;margin:0 auto;order:0}
 .flagship-copy .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.06em;margin-bottom:18px;max-width:300px}
 .flagship-copy h1{font-size:clamp(34px,8.9vw,56px);line-height:1.1;max-width:100%;margin-bottom:22px;letter-spacing:-.035em}
 .flagship-copy h1 span{font-size:1em;display:block;margin:4px 0 0}
 .flagship-copy>p{max-width:100%;font-size:16px;line-height:1.65}
 .flagship-actions{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 16px}
 .flagship-actions .button{justify-content:center;text-align:center;font-size:15px;min-height:48px;padding:14px 18px}
 .flagship-model{font-size:13px;letter-spacing:0;line-height:1.5;margin-bottom:18px}
 .flagship-media{position:relative;inset:auto;order:1;width:calc(100% - 40px);margin:0 auto;aspect-ratio:1280/718;border:1px solid #52616a;border-radius:16px;overflow:hidden}
 .flagship-media img,.flagship-media video{object-fit:contain;object-position:center}
 .flagship-media:after{display:none}
 .flagship-bottom{position:relative;inset:auto;order:3;display:flex;justify-content:flex-end;width:calc(100% - 40px);margin:12px auto 0}
 .flagship-chapter,.flagship-steps,.flagship-progress{display:none}
 .flagship-play{font-size:14px;padding:12px 20px}
 .flagship-caption{position:relative;inset:auto;order:2;align-self:flex-start;margin:12px 20px 0;font-size:13px;line-height:1.4;background:transparent;border:0;padding:0;color:#c9f36b}
 .factory-proof-grid,.procurement-directions{grid-template-columns:1fr}
 .factory-proof-grid figure:last-child{grid-column:auto}
 .factory-proof img{aspect-ratio:4/3;object-fit:contain;height:auto}
 .factory-proof-links{align-items:stretch}
 .factory-proof-links .button{text-align:center}
 .site-form-section{scroll-margin-top:135px}
 .media-viewer{padding:12px}
}
@media(prefers-reduced-motion:reduce){.flagship-media video{transition:none}}

/* Crawlable catalog groups, using the approved typography and colour system. */
.catalog-search-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.catalog-search-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #59636c;border-radius:10px;color:inherit;text-decoration:none;letter-spacing:normal}
.catalog-search-links a[aria-current="page"]{background:#c9f36b;border-color:#c9f36b;color:#101711}
.catalog-search-links a:hover{border-color:#c9f36b}
.catalog-search-links a:focus-visible{outline:2px solid #c9f36b;outline-offset:3px}
.catalog-selection p{max-width:780px}
.site-page .breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;margin:24px 0;color:#c3ccd2;font-size:14px;line-height:1.7}
.site-page .breadcrumb a{padding-block:5px;text-underline-offset:4px}
@media(max-width:600px){.catalog-search-links{gap:8px}.catalog-search-links a{font-size:14px;padding:8px 12px}}