:root {
  --cw-ink: var(--pw-ink, var(--theme-ink, #0a202b));
  --cw-paper: var(--pw-surface, var(--theme-surface, #f2e4c1));
  --cw-cream: var(--pw-surface-raised, var(--theme-panel, #fff5d7));
  --cw-gold: var(--pw-accent, var(--theme-accent, #f5ad16));
  --cw-orange: var(--pw-accent-warm, var(--theme-accent-2, #d94726));
  --cw-aqua: var(--pw-accent-cool, var(--theme-link, #22a9b4));
  --cw-muted: var(--pw-text-muted, #59625e);
}

html[data-pw-theme="t-1000"] { --cw-ink:#07090b; --cw-paper:#aab4ba; --cw-cream:#e8eef0; --cw-gold:#d8f7ff; --cw-orange:#7f9ba8; --cw-aqua:#42f1ff; }
html[data-pw-theme="garden"] { --cw-ink:#183424; --cw-paper:#dce7c3; --cw-cream:#f5f0d7; --cw-gold:#eab94e; --cw-orange:#bd5b3d; --cw-aqua:#4b8971; }
html[data-pw-theme="crafty"] { --cw-ink:#33251d; --cw-paper:#e6cfac; --cw-cream:#fff1d2; --cw-gold:#e69d28; --cw-orange:#b95033; --cw-aqua:#3e8891; }
html[data-pw-theme="ranch"] { --cw-ink:#2b251e; --cw-paper:#d5c39f; --cw-cream:#f0e3c4; --cw-gold:#d39a32; --cw-orange:#9b452c; --cw-aqua:#517a77; }
html[data-pw-theme="southwest"] { --cw-ink:#172c34; --cw-paper:#ecd5ab; --cw-cream:#fff0ce; --cw-gold:#e8a72d; --cw-orange:#c8492f; --cw-aqua:#288d91; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.pw-cabinet-workshop { margin: 0; background: var(--cw-paper); color: var(--cw-ink); font-family: "Courier New", Courier, monospace; padding-bottom: calc(var(--pw-floating-nav-height, 0px) + 18px); }
body.pw-cabinet-workshop::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.15; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"); }
.pw-cabinet-workshop a { color: inherit; text-decoration: none; }
.pw-cabinet-workshop img { display:block; max-width:100%; }
.pw-cabinet-workshop button, .pw-cabinet-workshop a { font:inherit; }
.pw-cabinet-workshop h1, .pw-cabinet-workshop h2, .pw-cabinet-workshop h3 { font-family:"Arial Black","DejaVu Sans",sans-serif; font-weight:900; text-transform:uppercase; line-height:.95; letter-spacing:-1.7px; margin:0; }

.cw-header { height:76px; padding:0 clamp(18px,4vw,62px); background:var(--cw-ink); color:var(--cw-cream); border-bottom:5px solid var(--cw-gold); display:flex; align-items:center; gap:34px; }
.cw-wordmark { display:inline-flex; gap:10px; align-items:center; line-height:.9; }
.cw-wordmark b { display:block; font:900 18px/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:.1px; }
.cw-wordmark small { display:block; color:var(--cw-aqua); letter-spacing:4px; font-size:8px; margin-top:5px; }
.cw-pixel { width:39px; height:39px; display:grid; place-items:center; border:2px solid var(--cw-gold); color:var(--cw-gold); font-weight:900; font-size:12px; box-shadow:inset 4px 0 var(--cw-orange); }
.cw-header nav { display:flex; gap:28px; margin-left:auto; text-transform:uppercase; font-size:10px; letter-spacing:1.3px; }
.cw-header nav a:hover { color:var(--cw-gold); }
.cw-admin-link { padding:10px 13px; border:1px solid var(--cw-gold); color:var(--cw-gold)!important; text-transform:uppercase; font-size:9px; font-weight:900; }
.cw-hero { min-height:calc(100vh - 76px); max-width:1480px; margin:auto; padding:clamp(45px,7vw,96px) clamp(20px,5vw,74px) 66px; display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(42px,7vw,100px); align-items:center; }
.cw-kicker { margin:0 0 18px; color:var(--cw-orange); font-size:10px; font-weight:900; letter-spacing:1.8px; text-transform:uppercase; }
.cw-kicker span { color:var(--cw-aqua); }
.cw-hero h1 { font-size:clamp(54px,6.3vw,98px); text-shadow:4px 4px rgba(217,71,38,.16); }
.cw-dek, .cw-section-head>p, .cw-node>div>p, .cw-download>div>p { font:17px/1.6 Arial, sans-serif; }
.cw-dek { margin:26px 0 0; max-width:650px; }
.cw-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:33px; }
.cw-button { min-height:48px; padding:0 19px; border:2px solid var(--cw-ink); display:inline-flex; align-items:center; justify-content:center; gap:22px; font-size:10px; text-transform:uppercase; font-weight:900; }
.cw-button:hover { box-shadow:4px 4px var(--cw-ink); transform:translate(-2px,-2px); }
.cw-button.primary { background:var(--cw-gold); color:var(--cw-ink); }
.cw-button.full { width:100%; }
.cw-specs { display:grid; grid-template-columns:repeat(3,1fr); margin:46px 0 0; padding-top:14px; border-top:2px solid var(--cw-ink); gap:10px; }
.cw-specs div { padding-right:8px; border-right:1px dashed rgba(10,32,43,.3); }
.cw-specs div:last-child { border:0; }
.cw-specs dt { font-size:8px; color:var(--cw-muted); text-transform:uppercase; }
.cw-specs dd { margin:6px 0 0; font-size:10px; font-weight:900; }
.cw-hero-art { position:relative; margin:0; background:var(--cw-ink); padding:11px; transform:rotate(1deg); box-shadow:17px 17px rgba(10,32,43,.16); }
.cw-hero-art img { width:100%; max-height:735px; object-fit:cover; object-position:center 41%; border:2px solid var(--cw-cream); }
.cw-hero-art figcaption { display:flex; justify-content:space-between; gap:20px; color:var(--cw-paper); padding:9px 3px 0; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
.cw-price { position:absolute; z-index:2; right:-30px; top:-32px; width:145px; aspect-ratio:1; display:grid; place-content:center; text-align:center; color:var(--cw-ink); background:var(--cw-gold); border:4px solid var(--cw-orange); transform:rotate(8deg); clip-path:polygon(50% 0,60% 13%,74% 5%,78% 21%,94% 20%,90% 36%,100% 50%,87% 60%,95% 75%,78% 78%,80% 94%,63% 90%,50% 100%,40% 87%,25% 95%,21% 78%,5% 80%,10% 63%,0 50%,13% 40%,5% 25%,22% 22%,20% 6%,38% 12%); }
.cw-price strong { font:900 32px/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:-2px; }
.cw-price span { max-width:90px; font-size:7px; text-transform:uppercase; font-weight:900; }
.cw-ribbon { padding:17px 20px; display:flex; justify-content:center; align-items:center; gap:25px; background:var(--cw-orange); color:var(--cw-cream); border-block:4px solid var(--cw-ink); overflow:auto; }
.cw-ribbon b { white-space:nowrap; font:900 clamp(18px,1.8vw,29px)/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:-1px; }
.cw-ribbon span { color:var(--cw-gold); }
.cw-section { padding:clamp(72px,9vw,132px) clamp(20px,5vw,74px); }
.cw-configure { background:var(--cw-cream); }
.cw-section-head { max-width:1340px; margin:0 auto 48px; display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:end; }
.cw-section-head h2, .cw-node h2, .cw-download h2 { font-size:clamp(43px,5.2vw,76px); }
.cw-section-head>p { margin:0; }
.cw-configurator { max-width:1340px; margin:auto; display:grid; grid-template-columns:1fr 360px; gap:32px; align-items:start; }
.cw-option-columns { display:grid; grid-template-columns:repeat(3,1fr); border:2px solid var(--cw-ink); background:var(--cw-paper); }
.cw-option-group { min-width:0; margin:0; padding:23px 20px 27px; border:0; border-right:2px solid var(--cw-ink); }
.cw-option-group:last-child { border:0; }
.cw-option-group legend { width:100%; float:left; margin-bottom:17px; font:900 20px/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:-1px; text-transform:uppercase; }
.cw-option-group legend small { display:block; margin-bottom:6px; color:var(--cw-orange); font:8px/1 "Courier New",monospace; letter-spacing:1px; }
.cw-option-stack { clear:both; display:grid; gap:8px; }
.cw-option { width:100%; min-height:62px; padding:12px 10px; border:1px solid rgba(10,32,43,.3); background:rgba(255,255,255,.28); display:grid; grid-template-columns:18px 1fr; gap:8px; text-align:left; align-items:center; cursor:pointer; color:var(--cw-ink); }
.cw-option:hover { border-color:var(--cw-ink); }
.cw-option.selected { background:var(--cw-ink); color:var(--cw-cream); box-shadow:4px 4px var(--cw-gold); }
.cw-option i { width:13px; height:13px; border:2px solid currentColor; border-radius:50%; position:relative; }
.cw-option.selected i::after { content:""; position:absolute; inset:2px; border-radius:50%; background:var(--cw-gold); }
.cw-option strong { display:block; text-transform:uppercase; font-size:10px; }
.cw-option small { display:block; margin-top:4px; font-size:8px; opacity:.7; }
.cw-ticket { position:sticky; top:18px; padding:23px; background:var(--cw-ink); color:var(--cw-cream); box-shadow:8px 8px var(--cw-aqua); }
.cw-ticket-head { display:flex; justify-content:space-between; gap:10px; padding-bottom:11px; border-bottom:1px dashed rgba(255,255,255,.35); color:var(--cw-aqua); font-size:7px; text-transform:uppercase; }
.cw-ticket-head strong { color:var(--cw-gold); }
.cw-ticket h3 { margin:20px 0; font-size:33px; }
.cw-ticket-choice { padding:13px 0; border-top:1px solid rgba(255,255,255,.2); }
.cw-ticket-choice>span,.cw-files>span { display:block; color:var(--cw-gold); font-size:7px; letter-spacing:1px; text-transform:uppercase; margin-bottom:5px; }
.cw-ticket-choice strong { font-size:11px; }
.cw-ticket-choice p { margin:5px 0 0; opacity:.72; font:10px/1.45 Arial,sans-serif; }
.cw-files { margin:5px 0 13px; padding:11px; background:rgba(34,169,180,.12); }
.cw-files code { display:block; margin-top:6px; font-size:7px; overflow-wrap:anywhere; }
.cw-ticket-note { opacity:.6; font-size:7px; line-height:1.5; }
.cw-plans { background:var(--cw-paper); }
.cw-package-grid { max-width:1340px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); border:2px solid var(--cw-ink); }
.cw-package-grid article { min-height:235px; padding:23px; display:flex; flex-direction:column; border-right:1px solid var(--cw-ink); }
.cw-package-grid article:last-child { border:0; }
.cw-package-grid article>span { width:51px; height:51px; margin-bottom:24px; display:grid; place-items:center; background:var(--cw-ink); color:var(--cw-gold); box-shadow:5px 5px var(--cw-aqua); font-size:9px; font-weight:900; }
.cw-package-grid strong { font-size:14px; text-transform:uppercase; }
.cw-package-grid p { font:12px/1.5 Arial,sans-serif; }
.cw-package-grid small { margin-top:auto; color:var(--cw-orange); font-size:7px; font-weight:900; text-transform:uppercase; }
.cw-drawings { max-width:1340px; margin:22px auto 0; padding:12px; background:var(--cw-ink); }
.cw-drawings img { width:100%; max-height:680px; object-fit:cover; object-position:top; }
.cw-drawings figcaption { padding:12px 4px 1px; display:flex; justify-content:space-between; color:var(--cw-cream); font-size:8px; text-transform:uppercase; }
.cw-drawings figcaption span { color:var(--cw-aqua); }
.cw-node { padding:clamp(76px,9vw,132px) clamp(20px,7vw,108px); background:var(--cw-ink); color:var(--cw-cream); display:grid; grid-template-columns:1fr .65fr; gap:clamp(50px,9vw,140px); align-items:center; }
.cw-node>div:first-child { max-width:730px; }
.cw-node h2 { color:var(--cw-gold); }
.cw-node ol { list-style:none; padding:0; margin:34px 0 0; border-top:1px solid rgba(255,255,255,.2); }
.cw-node li { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:10px; font-weight:900; }
.cw-node li span { margin-right:14px; color:var(--cw-aqua); }
.cw-cabinet-diagram { min-height:550px; max-width:370px; width:100%; justify-self:center; padding:17px; border:3px solid var(--cw-paper); display:grid; grid-template-rows:50px 1.1fr 48px 1fr; transform:perspective(1000px) rotateY(-5deg); box-shadow:17px 15px var(--cw-orange); }
.cw-cabinet-diagram>b { display:grid; place-items:center; color:var(--cw-ink); background:var(--cw-gold); font:900 20px/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:-1px; }
.cw-cabinet-diagram .screen { margin:17px 20px 0; border:3px solid #171717; box-shadow:inset 0 0 0 2px var(--cw-aqua); display:grid; place-items:center; color:var(--cw-aqua); font-size:9px; background:repeating-linear-gradient(0deg,#061218 0,#061218 4px,#0d252c 5px); }
.cw-cabinet-diagram .deck { margin:0 7px; border-block:3px solid var(--cw-gold); transform:skewX(-10deg); }
.cw-cabinet-diagram .bay { margin:18px 30px 4px; padding:13px; border:2px solid var(--cw-aqua); display:grid; gap:7px; }
.cw-cabinet-diagram .bay span { text-align:center; color:var(--cw-gold); font-size:8px; }
.cw-cabinet-diagram .bay i { min-height:25px; border:1px solid rgba(255,255,255,.3); background:rgba(34,169,180,.08); }
.cw-roadmap { background:var(--cw-cream); }
.cw-roadmap-grid { max-width:1340px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); border:2px solid var(--cw-ink); }
.cw-roadmap-grid article { padding:24px; border-right:1px solid var(--cw-ink); }
.cw-roadmap-grid article:last-child { border:0; }
.cw-roadmap-grid small { color:var(--cw-orange); text-transform:uppercase; font-size:7px; }
.cw-roadmap-grid strong { display:block; margin-top:12px; text-transform:uppercase; }
.cw-roadmap-grid p { font:12px/1.5 Arial,sans-serif; }
.cw-download { background:var(--cw-gold); display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(44px,8vw,115px); align-items:center; }
.cw-badges { display:flex; flex-wrap:wrap; gap:7px; margin-top:27px; }
.cw-badges span { padding:7px 9px; border:1px solid var(--cw-ink); font-size:7px; font-weight:900; text-transform:uppercase; }
.cw-downloads { border:2px solid var(--cw-ink); background:var(--cw-paper); }
.cw-downloads a { padding:19px 21px; border-bottom:2px solid var(--cw-ink); display:grid; grid-template-columns:1fr auto; gap:5px 20px; }
.cw-downloads a:last-child { border:0; }
.cw-downloads a:hover { background:var(--cw-cream); }
.cw-downloads a>span { color:var(--cw-orange); font-size:7px; text-transform:uppercase; }
.cw-downloads a>strong,.cw-downloads a>small { grid-column:1; }
.cw-downloads a>strong { font-size:12px; text-transform:uppercase; }
.cw-downloads a>small { color:var(--cw-muted); font-size:8px; }
.cw-downloads a>b { grid-column:2; grid-row:1/4; align-self:center; font-size:9px; text-transform:uppercase; }
.cw-downloads a.featured { background:var(--cw-ink); color:var(--cw-cream); }
.cw-downloads a.order { background:var(--cw-aqua); }
.cw-downloads a.order>span { color:var(--cw-ink); }
.cw-safety { padding:22px clamp(20px,7vw,108px); background:var(--cw-orange); color:var(--cw-cream); border-block:4px solid var(--cw-ink); display:grid; grid-template-columns:250px 1fr; gap:28px; align-items:center; }
.cw-safety strong { font:900 20px/1 "Arial Black","DejaVu Sans",sans-serif; letter-spacing:-1px; text-transform:uppercase; }
.cw-safety p { margin:0; font:11px/1.5 Arial,sans-serif; }
.cw-footer { min-height:145px; padding:36px clamp(20px,5vw,74px); background:var(--cw-ink); color:var(--cw-paper); display:flex; align-items:center; gap:36px; }
.cw-footer>p { margin-left:auto; color:var(--cw-aqua); font-size:9px; text-transform:uppercase; }
.cw-footer>small { opacity:.5; font-size:7px; text-transform:uppercase; }

@media(max-width:1020px){.cw-option-columns{grid-template-columns:1fr}.cw-option-group{border-right:0;border-bottom:2px solid var(--cw-ink)}.cw-option-group:last-child{border:0}.cw-option-stack{grid-template-columns:repeat(3,1fr)}.cw-package-grid{grid-template-columns:repeat(2,1fr)}.cw-package-grid article:nth-child(2){border-right:0}.cw-package-grid article:nth-child(-n+2){border-bottom:1px solid var(--cw-ink)}}
@media(max-width:760px){.cw-header{height:65px;padding:0 15px}.cw-header nav{display:none}.cw-admin-link{margin-left:auto}.cw-hero{min-height:auto;grid-template-columns:1fr;padding-top:52px}.cw-hero h1{font-size:clamp(54px,17vw,82px)}.cw-price{width:112px;right:-17px}.cw-price strong{font-size:26px}.cw-section-head,.cw-configurator,.cw-node,.cw-download{grid-template-columns:1fr}.cw-section-head{gap:18px}.cw-option-stack{grid-template-columns:1fr}.cw-ticket{position:static}.cw-package-grid,.cw-roadmap-grid{grid-template-columns:1fr}.cw-package-grid article,.cw-roadmap-grid article{border-right:0!important;border-bottom:1px solid var(--cw-ink)!important}.cw-package-grid article:last-child,.cw-roadmap-grid article:last-child{border-bottom:0!important}.cw-drawings figcaption{flex-direction:column;gap:5px}.cw-safety{grid-template-columns:1fr;gap:9px}.cw-footer{align-items:flex-start;flex-direction:column;gap:14px}.cw-footer>p{margin:0}.cw-ribbon{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pw-cabinet-workshop *{transition:none!important}}
