/* Brightest Studios editorial storefront */
:root { --accent: #c9df85; --page: #101113; --surface: #17181b; --muted: #a5a6ad; }
body { background: #101113; }
.announcement-bar { background: #1c1d20; border-bottom: 1px solid #2a2b2f; }
.site-header { width: min(1440px, calc(100% - 80px)); min-height: 102px; gap: 24px; }
.brand { font-size: 18px; letter-spacing: -.06em; font-weight: 800; }
.primary-nav { gap: 24px; }
.primary-nav a { color: #b8b9bf; font-size: 10px; letter-spacing: .05em; }
.primary-nav a:hover, .primary-nav a[aria-current] { color: #fff; }
.header-tools { gap: 18px; }
.studio-hero { width: min(1440px, calc(100% - 80px)); margin: 0 auto; padding: 84px 0 70px; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
.hero-editorial .eyebrow { font-size: 10px; letter-spacing: .15em; color: #c9df85; }
.hero-editorial h1 { margin: 28px 0; font-size: clamp(42px, 4.4vw, 72px); font-weight: 600; line-height: 1.07; letter-spacing: -.065em; }
.hero-editorial h1 span { color: #96979e; }
.hero-description { max-width: 480px; font-size: 15px; line-height: 1.85; color: #b2b3ba; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin: 32px 0; }
.button { border-radius: 4px; letter-spacing: .04em; }
.hero-secondary { font-size: 12px; color: #d9d9df; }
.hero-note { margin-top: 48px; color: #898a92; font-size: 11px; }
.hero-visual { border: 1px solid #303137; background: #17181b; border-radius: 8px; overflow: hidden; }
.hero-visual img { display: block; width: 100%; height: auto; aspect-ratio: 1.2; object-fit: cover; }
.hero-visual-caption { padding: 18px 20px; display: flex; justify-content: space-between; gap: 12px; color: #b2b3b9; font-size: 9px; letter-spacing: .12em; }
.studio-strip { width: min(1440px, calc(100% - 80px)); margin: 0 auto 64px; padding: 22px 0; border-block: 1px solid #2c2d31; display: flex; gap: 40px; font-size: 10px; letter-spacing: .12em; color: #8e8f97; }
.studio-strip a { margin-left: auto; color: #d1d2d7; }
.catalog-section,.catalog-preview { width: min(1440px, calc(100% - 80px)); margin-inline: auto; }
.section-heading { margin-bottom: 24px; }
.section-heading h2 { font-size: 28px; font-weight: 600; letter-spacing: -.04em; }
.catalog-empty { border-color: #303137; border-radius: 7px; background: #16171a; }
.catalog-empty .eyebrow { color: #a0a18e; }
.catalog-empty h3 { font-size: clamp(26px,3vw,42px); font-weight: 600; }
.faq-section { max-width: 950px; padding-top: 80px; }
.faq-section h2 { font-size: 27px; font-weight: 600; letter-spacing: -.03em; }
.site-footer { border-top: 1px solid #2b2c30; background: #101113; }
.footer-links { flex-wrap: wrap; }
.studio-page { width: min(1200px, calc(100% - 80px)); margin: 70px auto 100px; min-height: 55vh; }
.studio-page>h1 { max-width: 850px; margin: 20px 0; font-size: clamp(36px, 5vw, 64px); line-height: 1.12; letter-spacing: -.055em; font-weight: 600; }
.studio-lead { max-width: 720px; color: #afb0b7; line-height: 1.85; font-size: 16px; margin-bottom: 48px; }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.info-card { border: 1px solid #303137; border-radius: 7px; background: #17181b; padding: clamp(24px,4vw,42px); }
.info-card h2 { font-size: 24px; letter-spacing: -.035em; }
.info-card p,.info-card li { color: #b2b3bb; font-size: 14px; line-height: 1.85; }
.text-link { display: inline-block; padding-block: 12px; color: #c9df85; font-size: 13px; }
.compatibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0; }
.compatibility-grid div { border: 1px solid #34353a; padding: 14px; border-radius: 4px; }
.compatibility-grid dt { font-size: 10px; color: #999ba2; text-transform: uppercase; margin-bottom: 8px; }
.compatibility-grid dd { font-size: 13px; margin: 0; }
@media(max-width:1100px) { .site-header { gap: 16px; }.primary-nav { gap: 14px; }.studio-hero { gap: 32px; }.brand { font-size: 16px; } }
@media(max-width:850px) { .studio-hero { grid-template-columns: 1fr; padding-top: 50px; }.hero-visual img { aspect-ratio: 16/9; }.hero-note { margin-top: 24px; }.studio-strip { flex-wrap: wrap; gap: 20px; }.studio-strip a { margin-left: 0; }.editorial-grid { grid-template-columns: 1fr; } }
@media(max-width:650px) { .site-header,.studio-hero,.studio-strip,.catalog-section,.catalog-preview,.studio-page { width: calc(100% - 32px); }.site-header { min-height: 82px; }.brand { font-size: 14px; }.hero-editorial h1 { font-size: 46px; }.hero-actions { gap: 20px; }.studio-page { margin-top: 46px; }.hero-visual-caption { font-size: 8px; }.compatibility-grid { grid-template-columns: 1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }