/* Corwell — construction skin.
 *
 * Generated by sobrat-skiny.py. These are the rules of the demo stylesheets that still
 * apply on pages built without the demo sections — the blog, the shop, the cart, a 404,
 * a search page and the single entries. The full sheets stay with the widgets that need
 * them (widgets/generated/manifest.php), so they no longer travel with every page.
 * Measured with CSS coverage; the rule lists are in skiny/construction-nuzhno.json.
 */

.cw-demo-construction{
  --primary:#C2410C;      /* 5.2:1 on white, white on it 5.2:1 */
  --primary-600:#9A3412;
  --primary-50:#FFF1E8;
  --accent:#FFC21A;       /* signal yellow — on ink or behind ink text */
  --logo:var(--primary);
  --ink:#101418; --ink-2:#181D24; --ink-3:#28303B;
  --r-sm:4px; --r-md:6px; --r-lg:8px; --r-xl:12px; --r-pill:6px;
  --hazard:repeating-linear-gradient(-45deg,var(--accent) 0 14px,var(--ink) 14px 28px);
  --grid-dark:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  --grid-light:linear-gradient(rgba(16,20,24,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,20,24,.05) 1px,transparent 1px);
}
.cw-demo-construction h1,.cw-demo-construction h2{font-weight:700;letter-spacing:-.04em}
.cw-demo-construction .cw-brand svg circle{fill:var(--accent)}
.cw-demo-construction .cw-eyebrow::before{border-radius:0;transform:none;width:14px;height:4px}
.cw-demo-construction [id]{scroll-margin-top:24px}
@media (min-width:1101px){
  .cw-demo-construction [id]{scroll-margin-top:150px}
}
.cw-demo-construction .cw-page-hero--solid{background:#F3F4F6}
.cw-demo-construction .cw-page-hero--solid::before{background:none;background-image:linear-gradient(rgba(194,65,12,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(194,65,12,.1) 1px,transparent 1px);background-size:160px 160px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.cw-demo-construction .cw-page-hero--solid::after{background-size:32px 32px;opacity:.7}
.cw-demo-construction .cw-page-hero--image::after{background:linear-gradient(90deg,rgba(16,20,24,.95) 0%,rgba(16,20,24,.78) 50%,rgba(16,20,24,.4)),var(--grid-dark);background-size:auto,48px 48px}
.cw-demo-construction .cw-button--accent{--fg:var(--ink)}