/* Concept C1 — Workshop · Workbench. Concept C made entirely light: the product
 * sits on warm linen stages instead of dark bench stages, so the page reads as one
 * calm sheet of paper. Section openings are two columns (title left, text right),
 * tables use dotted rules like a printed spec sheet, corners are small and square-ish.
 * Loaded after concept-c.css; selectors carry [data-variant] so they win.
 */
:root[data-concept="c"][data-variant="c1"]{
  --c-bg:#f5f0e7;--c-surface:#fcfaf5;--c-surface-2:#f0e9dd;--c-line:#ddd2c1;--c-line-strong:#b5a58a;
  --c-band:#e9dcc6;--c-band-ink:#26201a;--c-band-soft:#efe7da;
  --c-stage:radial-gradient(ellipse 70% 75% at 50% 42%,#fdfbf7,#ebe3d5 82%);--c-stage-inset:radial-gradient(ellipse at center,#fdfbf7,#e9e0d0 82%);
  --c-stage-grid:#26201a0b;--c-stage-text:#5f5345;--c-shadow:#5f534533;--c-hero-art:#ebeae7;
  --c-highlight:#f3e7d4;--c-highlight-ink:#26201a;--c-highlight-accent:#8f5f22;--c-hotspot-bg:#fcfaf5f0;--c-hotspot-ink:#26201a;
  --c-footer:#ece4d6;--c-footer-ink:#463b30;
  --h1-size:clamp(50px,5.8vw,92px);--radius:8px;--radius-sm:4px;--radius-lg:10px;
}
/* Hero: centred title and text, the image across the width, then a strip of key figures under it. */
:root[data-concept="c"][data-variant="c1"] .hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:0;padding-top:80px}
:root[data-concept="c"][data-variant="c1"] .hero-copy{display:contents}
:root[data-concept="c"][data-variant="c1"] :is(.hero-copy>*,.hero-art){grid-column:1/-1!important;grid-row:auto!important}
:root[data-concept="c"][data-variant="c1"] .hero-copy>.eyebrow{order:1;justify-content:center;margin-bottom:20px}
:root[data-concept="c"][data-variant="c1"] .hero-copy>h1{order:2;margin:0 0 24px}
:root[data-concept="c"][data-variant="c1"] .hero-copy>.hero-lede{order:3;max-width:40em;margin:0 auto}
:root[data-concept="c"][data-variant="c1"] .hero-copy>.hero-actions{order:4;justify-content:center;margin-top:32px}
:root[data-concept="c"][data-variant="c1"] .hero-copy>p{order:5;margin-bottom:40px}
:root[data-concept="c"][data-variant="c1"] .hero-art{order:6;width:100%;height:600px}
:root[data-concept="c"][data-variant="c1"] .hero-copy>.hero-meta{order:7;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border:1px solid var(--c-line-strong);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--c-surface)}
:root[data-concept="c"][data-variant="c1"] .hero-meta>div{padding:22px 16px;border-left:1px solid var(--c-line)}
:root[data-concept="c"][data-variant="c1"] .hero-meta>div:first-child{border-left:0}
:root[data-concept="c"][data-variant="c1"] .hero-art{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--c-line-strong);border-bottom:0}
/* Section openings: title on the left, explanation on the right, aligned to a baseline rule. */
:root[data-concept="c"][data-variant="c1"] .section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--c-line-strong)}
:root[data-concept="c"][data-variant="c1"] .section-intro p{max-width:34em;margin:0}
:root[data-concept="c"][data-variant="c1"] .section-divider{border-top:0;padding-top:0}
:root[data-concept="c"][data-variant="c1"] .section-divider span:first-child{font-family:var(--font-display);font-style:italic;font-size:17px;letter-spacing:0;text-transform:none}
/* Light stages: the CAD colours read against linen; the simulator device keeps its own dark body. */
:root[data-concept="c"][data-variant="c1"] .viewer-panel,:root[data-concept="c"][data-variant="c1"] .sim-layout,:root[data-concept="c"][data-variant="c1"] .config-visual{box-shadow:0 1px 0 var(--c-line)}
:root[data-concept="c"][data-variant="c1"] .feature-highlight{border-color:var(--c-accent)}
:root[data-concept="c"][data-variant="c1"] .feature-card{border-radius:var(--radius-lg)}
:root[data-concept="c"][data-variant="c1"] .feature-highlight .feature-bottom{border-color:var(--c-line-strong)}
/* Printed spec-sheet tables. */
:root[data-concept="c"][data-variant="c1"] .spec-table :is(th,td){border-bottom:1px dotted var(--c-line-strong)}
:root[data-concept="c"][data-variant="c1"] .spec-group h3,:root[data-concept="c"][data-variant="c1"] .parts-group h3{border-bottom:2px solid var(--c-text);padding-bottom:8px}
:root[data-concept="c"][data-variant="c1"] .parts-group{background:transparent;border:0;border-radius:0;padding:0}
:root[data-concept="c"][data-variant="c1"] .parts-group li{border-bottom:1px dotted var(--c-line-strong)}
:root[data-concept="c"][data-variant="c1"] .drawing-sheet{border-color:var(--c-line-strong);border-radius:2px}
:root[data-concept="c"][data-variant="c1"] footer .brand-text>span{color:var(--c-accent)}
@media(max-width:760px){
  :root[data-concept="c"][data-variant="c1"] .section-intro{grid-template-columns:1fr;gap:16px}
  :root[data-concept="c"][data-variant="c1"] .hero{display:grid;padding-top:44px}
  :root[data-concept="c"][data-variant="c1"] .hero-art{height:300px}
  :root[data-concept="c"][data-variant="c1"] .hero-meta>div{padding:14px 8px}
  :root[data-concept="c"][data-variant="c1"] .hero-meta strong{font-size:26px}
  :root[data-concept="c"][data-variant="c1"] .hero-copy>.hero-actions{flex-direction:column;align-items:stretch;width:100%}
}