/**
 * Design Variant overrides. "Editorial Classic" (the default) needs no
 * rules here — it IS the base styling in theme.css. Each variant below
 * changes layout/typography/component treatment ONLY — never color.
 */

/* 2. BOLD GEOMETRIC — high-contrast, blocky, uppercase, confident */
.design-bold nav{ padding:22px 32px; }
.design-bold .brand{ font-weight:800; text-transform:uppercase; letter-spacing:0.02em; }
.design-bold .navlinks a{ font-weight:700; letter-spacing:0.08em; }
.design-bold .navlinks a:hover{ text-decoration:underline; text-decoration-thickness:2px; }
.design-bold .rubric{ font-weight:700; background:var(--red); color:var(--white); padding:6px 12px; display:inline-flex; }
.design-bold .rubric::before{ display:none; }
.design-bold .rubric > *{ color:var(--white); }
.design-bold .hero h1, .design-bold section h2{ text-transform:uppercase; font-weight:700; letter-spacing:-0.01em; line-height:1.05; }
.design-bold .hero h1 .accent{ font-style:normal; }
.design-bold .hero .lede{ font-size:17px; max-width:520px; }
.design-bold .cta-btn{ text-transform:uppercase; font-weight:700; letter-spacing:0.04em; border-width:2px; }
.design-bold .cta-btn.ghost{ border-width:2px; }
.design-bold .factbox{ border-width:2px; }
.design-bold .factbox-head{ text-transform:uppercase; letter-spacing:0.08em; font-weight:700; }
.design-bold .factbox-row{ border-bottom-width:2px; }
.design-bold .factbox-row .num{ font-weight:700; }
.design-bold .spec-card, .design-bold .award-card, .design-bold .case-card, .design-bold .testi-slide{ border-width:2px; }
.design-bold .spec-card .idx, .design-bold .case-card .tag{ display:inline-block; background:var(--red); color:var(--white); padding:3px 8px; font-weight:700; }
.design-bold .spec-card h3, .design-bold .award-card h3, .design-bold .case-card h3{ text-transform:uppercase; font-weight:700; letter-spacing:0; }
.design-bold .pullquote p{ font-weight:600; font-style:normal; text-transform:uppercase; font-size:24px; line-height:1.3; }
.design-bold .pullquote-mark{ font-weight:700; }
.design-bold footer{ border-top-width:3px; text-transform:uppercase; letter-spacing:0.06em; font-weight:600; }

/* 3. MINIMAL SWISS — hairlines, generous whitespace, no ornamentation */
.design-swiss .hero-blob, .design-swiss .ghost-num, .design-swiss .dot-grid{ display:none; }
.design-swiss nav{ padding:26px 32px; }
.design-swiss .brand{ font-weight:500; letter-spacing:0; }
.design-swiss .navlinks a{ font-weight:400; letter-spacing:0.02em; text-transform:none; }
.design-swiss header{ border-bottom-width:1px; }
.design-swiss .rubric{ font-weight:500; letter-spacing:0.15em; color:var(--ink-soft); }
.design-swiss .rubric::before{ background:var(--ink-soft); width:16px; }
.design-swiss .hero h1, .design-swiss section h2{ font-weight:300; letter-spacing:-0.02em; line-height:1.08; }
.design-swiss .hero h1 .accent{ font-weight:300; }
.design-swiss .squiggle{ display:none; }
.design-swiss .cta-btn{ border-width:1px; font-weight:500; letter-spacing:0.02em; }
.design-swiss .cta-btn.red{ background:transparent; color:var(--ink); border:1px solid var(--ink); }
.design-swiss .cta-btn.red:hover{ background:var(--ink); color:var(--paper); }
.design-swiss .factbox{ border-width:1px; box-shadow:none; }
.design-swiss .factbox-head{ font-weight:500; letter-spacing:0.1em; background:transparent; color:var(--ink); border-bottom:1px solid var(--rule); }
.design-swiss .factbox-row{ border-bottom-width:1px; }
.design-swiss .spec-card, .design-swiss .award-card, .design-swiss .case-card{ border-width:1px; }
.design-swiss .spec-grid, .design-swiss .awards-grid{ gap:1px; }
.design-swiss .spec-card h3, .design-swiss .award-card h3, .design-swiss .case-card h3{ font-weight:500; }
.design-swiss .pullquote p{ font-weight:300; font-style:normal; font-size:26px; }
.design-swiss .pullquote-mark{ opacity:0.3; }
.design-swiss section{ padding-top:64px; padding-bottom:64px; }
.design-swiss footer{ font-weight:400; letter-spacing:0.04em; }

/* 4. DARK EXECUTIVE / BOARDROOM — glass-panel cards, refined serif rhythm */
.design-boardroom .rubric{ letter-spacing:0.2em; }
.design-boardroom .hero h1, .design-boardroom section h2{ font-weight:700; line-height:1.15; letter-spacing:-0.005em; }
.design-boardroom .hero h1 .accent{ font-style:italic; }
.design-boardroom .hero .lede{ line-height:1.7; }
.design-boardroom .cta-btn{ font-weight:600; letter-spacing:0.03em; }
.design-boardroom .cta-btn.ghost{ border-width:1px; }
.design-boardroom .factbox{ border-width:1px; background:var(--paper-2); }
.design-boardroom .factbox-head{ background:transparent; color:var(--red); border-bottom:1px solid var(--rule); font-weight:600; letter-spacing:0.15em; }
.design-boardroom .factbox-row{ border-bottom-color:var(--rule); }
.design-boardroom .factbox-row .num{ font-weight:700; }
.design-boardroom .spec-card, .design-boardroom .award-card, .design-boardroom .case-card, .design-boardroom .testi-slide{ background:var(--paper-2); border-width:1px; }
.design-boardroom .spec-card h3, .design-boardroom .award-card h3, .design-boardroom .case-card h3{ font-weight:600; }
.design-boardroom .pullquote p{ font-style:italic; font-weight:500; font-size:28px; line-height:1.5; }
.design-boardroom .pullquote-mark{ color:var(--red); }
.design-boardroom footer{ letter-spacing:0.08em; }

/* 5. MAGAZINE EDITORIAL — asymmetric rhythm, kicker + headline, italic emphasis */
.design-magazine .rubric{ font-weight:600; letter-spacing:0.18em; }
.design-magazine .rubric::before{ display:none; }
.design-magazine .hero-grid{ position:relative; }
.design-magazine .hero-grid::after{ content:''; position:absolute; left:58%; top:0; bottom:0; width:1px; background:var(--ink); opacity:0.5; }
.design-magazine .hero h1, .design-magazine section h2{ font-weight:700; line-height:1.1; }
.design-magazine .hero h1 .accent{ font-style:italic; }
.design-magazine .cta-btn{ font-weight:600; }
.design-magazine .cta-btn.red{ border-radius:0 !important; }
.design-magazine .factbox{ border-width:1px; }
.design-magazine .factbox-head{ font-style:italic; font-weight:600; background:transparent; color:var(--ink); border-bottom:2px solid var(--ink); }
.design-magazine .spec-card, .design-magazine .award-card, .design-magazine .case-card{ border:none; border-top:2px solid var(--ink); background:transparent; padding-left:0; padding-right:0; }
.design-magazine .spec-card h3, .design-magazine .award-card h3, .design-magazine .case-card h3{ font-style:italic; font-weight:700; }
.design-magazine .spec-grid, .design-magazine .awards-grid, .design-magazine .case-grid{ background:transparent; border:none; gap:32px; }
.design-magazine .pullquote{ text-align:left; max-width:820px; }
.design-magazine .pullquote p{ font-style:italic; font-weight:700; font-size:34px; line-height:1.35; }
.design-magazine .pullquote-mark{ font-size:64px; opacity:0.25; }
.design-magazine footer{ font-style:italic; }
@media (max-width:760px){ .design-magazine .hero-grid::after{ display:none; } }