/* Individual demo design systems; isolated from the Onyx showroom. */
.design-site{--ds-bg:var(--paper);--ds-fg:var(--ink);background:var(--ds-bg);color:var(--ds-fg);font:16px/1.55 'DM Sans',sans-serif;overflow:hidden}.design-site h2,.design-site h3{color:inherit;line-height:1.03;margin:16px 0 24px}.design-site h2{font-size:clamp(36px,5vw,68px);letter-spacing:-2px}.design-site h3{font-size:26px;letter-spacing:-.7px}.design-site p{color:inherit;opacity:.85;font-size:16px;line-height:1.65;max-width:480px}.design-site small{font-size:12px}.ds-kicker{font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:2px;display:block}.ds-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 36px;border-bottom:1px solid #8883}.ds-nav>strong{max-width:260px;font-size:18px;line-height:1.2}.ds-nav nav{margin:0;display:flex;flex-wrap:wrap;gap:18px;color:inherit}.ds-nav button{font:inherit;font-size:13px;background:none;border:0;padding:5px;color:inherit}.ds-nav button:hover{text-decoration:underline}.ds-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;border:0;padding:13px 19px;font:600 13px/1.4 'DM Sans',sans-serif;margin-top:12px;cursor:pointer}.ds-button:hover{filter:brightness(.9)}.ds-services,.ds-about,.ds-contact{padding:65px 40px}.ds-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.ds-service-list article{border-top:1px solid #8886;padding-top:20px}.ds-number{font-size:12px;opacity:.65}.ds-section-title h2,.ds-about h2,.ds-contact h2{font-size:40px;max-width:680px}.ds-service-list h3{font-size:23px;margin:15px 0}.ds-service-list p{font-size:14px}.ds-about{background:#ffffff16}.ds-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #8884}.ds-contact form label{color:inherit;font-size:14px}.ds-contact input,.ds-contact select{background:#ffffff;color:#222;border-color:#8887}.ds-contact form p{font-size:14px}.ds-demo-end{padding:30px 40px;border-top:1px solid #8885;display:flex;justify-content:space-between;align-items:center;gap:24px}.ds-demo-end p{font-size:12px;margin:0;max-width:500px}.ds-demo-end button{white-space:normal;margin:0}.ds-full.design-site{min-height:650px}.ds-style-label{font-size:12px!important;color:#d4af55!important}
/* GreenEdge: immersive photography and natural display type */
.design-0{--ds-bg:#f0f3e9;--ds-fg:#173826;--accent:#315f32}.design-0 h2,.design-0 h3{font-family:Georgia,serif;font-weight:400}.design-0 .ds-nav{background:#f0f3e9}.ds-lawn-hero{position:relative;min-height:510px;padding:62px 45px;color:white}.ds-lawn-hero>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.ds-lawn-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b261bf0,#0b261b40)}.ds-lawn-hero .ds-copy{position:relative;z-index:1;max-width:520px}.design-0 .ds-button{background:#ddedbe;color:#173826;border-radius:50px}.ds-caption{position:absolute;right:30px;bottom:25px;z-index:1;font-size:10px;letter-spacing:2px}.ds-ribbon{display:flex;justify-content:space-around;padding:24px;background:#173826;color:#e6eecd;font-size:12px}.design-0 .ds-services .ds-button{background:#315f32;color:white}.design-0 .ds-about{border-top:1px solid #315f3244}
/* AquaBlast: oversized poster and hard graphic blocks */
.design-1{--ds-bg:#f2f9ff;--ds-fg:#073e69;--accent:#073e69}.design-1 h2{font-weight:800;font-size:80px;letter-spacing:-4px;text-transform:uppercase}.design-1 .ds-nav{background:#073e69;color:white}.ds-wash-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:55px 40px}.ds-wash-stack{display:flex;flex-direction:column;background:#27c5e8;color:#05365d;padding:30px;transform:rotate(3deg);margin:5px 10px}.ds-wash-stack strong{font:900 62px/.9 Manrope,sans-serif;letter-spacing:-4px;margin-bottom:25px}.ds-wash-stack span{border-top:1px solid #073e6966;padding:9px 0;font-size:12px}.ds-ticker{background:#ffdd4d;color:#073e69;padding:20px;text-align:center;font-weight:800;letter-spacing:1px;font-size:12px}.design-1 .ds-service-list article{background:#d9eff8;border:0;padding:24px}.design-1 .ds-service-list article:nth-child(2){background:#27c5e8}.design-1 .ds-service-list article:nth-child(3){background:#ffdd4d}.design-1 .ds-section-title h2{font-size:45px;letter-spacing:-2px}
/* PureSpace: editorial home-and-lifestyle */
.design-2{--ds-bg:#faf6ee;--ds-fg:#493c35;--accent:#956e55}.design-2 h2,.design-2 h3{font:400 68px/1.02 Georgia,serif;letter-spacing:-2px}.design-2 .ds-nav{padding-block:30px;border:0}.ds-clean-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:30px 45px 55px;align-items:center}.ds-clean-hero small{display:block;margin-top:20px}.ds-clean-photo{height:450px;position:relative}.ds-clean-photo img{height:100%;width:100%;object-fit:cover;border-radius:170px 170px 0 0}.ds-clean-photo>span{position:absolute;bottom:25px;left:-25px;background:#e8d8c4;padding:20px 25px;font:italic 25px/1.1 Georgia,serif}.ds-clean-bottom{display:flex;justify-content:space-around;border-block:1px solid #493c352f;padding:24px;font-size:12px;letter-spacing:1px}.design-2 .ds-button{border-radius:0;background:transparent;border-bottom:1px solid;color:inherit;padding:10px 0}.design-2 .ds-service-list{gap:45px}.design-2 .ds-service-list h3{font-size:30px}.design-2 .ds-about{background:#ede2d5}
/* Align: restrained boutique typography with a vertical editorial rail */
.design-3{--ds-bg:#e9ede8;--ds-fg:#183c34;--accent:#254b40}.design-3 .ds-nav{border-bottom:1px solid #183c3466}.design-3 h2{font:400 84px/.97 Georgia,serif;letter-spacing:-4px}.ds-align-hero{display:grid;grid-template-columns:30px 1.6fr 1fr;gap:30px;padding:65px 35px}.ds-align-hero>aside{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:4px;border-left:1px solid;padding-left:15px;text-align:center}.ds-align-note{background:#224b3f;color:#ecf1e5;padding:30px;align-self:center}.ds-align-note h3{font:italic 40px/1.06 Georgia,serif}.ds-align-note span{font-size:10px;line-height:2.4;letter-spacing:1.5px}.ds-align-note p{font-size:13px}.design-3 .ds-button{border-radius:0}.design-3 .ds-service-list{display:block}.design-3 .ds-service-list article{display:grid;grid-template-columns:35px 1fr 1.4fr auto;align-items:center;gap:20px;padding:20px 0}.design-3 .ds-service-list .ds-button{font-size:11px}.design-3 .ds-section-title h2,.design-3 .ds-about h2,.design-3 .ds-contact h2{letter-spacing:-1px}
/* Harmony: clear primary-care navigation and task-first cards */
.design-4{--ds-bg:#fff;--ds-fg:#21466b;--accent:#235d9a}.design-4 .ds-nav{border-top:8px solid #235d9a}.ds-family-welcome{display:grid;grid-template-columns:1.25fr 1fr;padding:55px 40px;gap:45px;background:#eaf3fa;align-items:center}.design-4 h2{font-size:55px;letter-spacing:-2px}.ds-family-card{border-radius:16px;background:white;padding:30px;box-shadow:0 12px 35px #143b6320}.ds-family-card h3{font-size:24px;line-height:1.2}.ds-family-card .ds-button{width:100%;border-radius:7px}.ds-family-card .ds-button+ .ds-button{background:#e7eff6;color:#21466b}.ds-family-card small{display:block;margin-top:20px;color:#4f667e}.ds-family-links{display:flex;justify-content:space-around;padding:25px;background:#21466b;color:white;font-size:13px}.design-4 .ds-service-list article{border:1px solid #dbe6ef;padding:25px;border-radius:12px}.design-4 .ds-service-list .ds-button{background:#eaf3fa;color:#21466b;border-radius:6px}
/* OrthoCare: dark technical grid and structured appointment panel */
.design-5{--ds-bg:#111f2e;--ds-fg:#e8f2f7;--accent:#aee5d3}.design-5 .ds-button{background:#aee5d3;color:#112c30}.design-5 .ds-nav{border-bottom:1px solid #ffffff33}.ds-ortho-hero{display:grid;grid-template-columns:100px 1.5fr 1fr;gap:30px;padding:50px 30px}.ds-ortho-index{border-right:1px solid #ffffff33;font:11px/1.5 monospace;letter-spacing:1px}.ds-ortho-index>span{display:block;margin-top:45px;color:#aee5d3;font-size:10px}.design-5 h2{font-weight:500;font-size:61px;letter-spacing:-3px}.ds-ortho-panel{background:#233548;padding:28px;align-self:center;border-top:3px solid #aee5d3}.ds-ortho-panel>span,.ds-ortho-panel small{font:10px monospace}.ds-ortho-panel h3{font-size:35px;font-weight:400}.ds-ortho-panel p{font-size:13px}.ds-ortho-panel hr{border:0;border-top:1px solid #ffffff33;margin:22px 0}.design-5 .ds-services{border-top:1px solid #ffffff33}.design-5 .ds-number{color:#aee5d3}.design-5 .ds-contact{background:#1c3042}
/* Summit: industrial type, orange mass and hard rules */
.design-6{--ds-bg:#f4efe5;--ds-fg:#20201d;--accent:#252520}.design-6 .ds-nav{background:#24241f;color:#f4efe5}.ds-roof-hero{padding:45px 40px 0;background:#f27c36}.ds-roof-hero>div:first-of-type{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px}.design-6 h2{font:900 85px/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-1px}.ds-roof-hero aside p{font-weight:800;letter-spacing:1px;font-size:15px}.ds-roof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid;margin-top:35px}.ds-roof-strip strong{font:700 42px/1.1 Manrope;padding:22px;border-right:1px solid}.ds-roof-strip strong:first-child{padding-left:0}.ds-roof-strip strong:last-child{border:0}.ds-roof-strip small{font-size:10px;letter-spacing:2px}.ds-roof-footer{background:#24241f;color:white;padding:19px 40px;font-size:11px;letter-spacing:3px}.design-6 .ds-service-list article{border-top:5px solid}.design-6 .ds-about{background:#dedbd2}
/* Airwise: centered utility landing with contrasting service choices */
.design-7{--ds-bg:#f5f8fb;--ds-fg:#182e46;--accent:#204e83}.design-7 .ds-nav{background:white}.ds-air-hero{padding:50px 45px;text-align:center}.ds-air-hero>h2{max-width:630px;margin-inline:auto;font-size:65px}.ds-air-hero>p{margin-inline:auto}.ds-air-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:660px;margin:30px auto}.ds-air-options>div{padding:25px;text-align:left;background:#d9edfa;border-radius:12px}.ds-air-options>div:nth-child(2){background:#fbe2ce}.ds-air-options>div>span{font-size:10px;font-weight:800;letter-spacing:2px}.ds-air-options h3{font-size:22px;margin:10px 0}.ds-air-options .ds-button{background:white;color:#182e46;border-radius:6px;padding:10px 15px}.design-7 .ds-service-list article{background:white;padding:25px;border:0;box-shadow:0 4px 20px #1232}.design-7 .ds-contact{background:#182e46;color:white}
/* Evergreen: cinematic full bleed portfolio */
.design-8{--ds-bg:#24291f;--ds-fg:#f3f0e5;--accent:#e6e4d4}.design-8 .ds-nav{border:0}.design-8 .ds-nav strong{font:italic 23px Georgia,serif}.ds-land-hero{height:560px;position:relative;padding:65px 40px;display:flex;align-items:flex-end}.ds-land-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ds-land-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14210eef,#14210e18)}.ds-land-hero>div{position:relative;z-index:1;max-width:650px}.design-8 h2{font:italic 400 81px/1 Georgia,serif;letter-spacing:-3px}.design-8 .ds-button{background:transparent;color:inherit;border-bottom:1px solid;padding-left:0;padding-right:0}.ds-land-index{position:absolute;top:30px;right:30px;z-index:1;font-size:10px;letter-spacing:2px}.design-8 .ds-service-list article{border-top:0;border-bottom:1px solid #ffffff55;padding-bottom:25px}.design-8 .ds-service-list h3{font:italic 32px Georgia,serif}.design-8 .ds-about{background:#e8e6d8;color:#293424}.design-8 .ds-section-title h2{font-size:47px}
/* Brightside: playful rounded cards and cheerful typography */
.design-9{--ds-bg:#fff8ee;--ds-fg:#463465;--accent:#654a8e}.design-9 .ds-nav{border:0}.design-9 .ds-nav strong{font-weight:800}.ds-dental-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:45px}.design-9 h2{font:800 70px/1.05 Manrope;letter-spacing:-3px}.ds-dental-card{background:#e0d5fa;padding:35px;border-radius:90px 90px 25px 25px;text-align:center;transform:rotate(3deg)}.ds-dental-card>span{font-size:10px;letter-spacing:2px}.ds-dental-card h3{font:700 45px/1.05 Manrope;letter-spacing:-2px}.ds-dental-card p{font-size:14px}.design-9 .ds-button{border-radius:50px}.ds-dental-tags{display:flex;justify-content:center;gap:15px;padding:25px 35px}.ds-dental-tags span{padding:10px 15px;border:1px solid #46346544;border-radius:40px;font-size:12px}.design-9 .ds-service-list article{border:0;border-radius:20px;background:#f7dfc6;padding:28px}.design-9 .ds-service-list article:nth-child(2){background:#e0d5fa}.design-9 .ds-service-list article:nth-child(3){background:#e1e8cd}.design-9 .ds-about{background:#e0d5fa;border-radius:60px;margin:0 30px}.design-9 .ds-contact{border:0}
/* Gallery thumbnails use the exact corresponding hero at a reduced size. */
.design-preview.mini{height:245px;container-type:inline-size;box-shadow:0 8px 25px #0004}.ds-preview-stage{width:100%;height:calc(100% - 20px);overflow:hidden;position:relative}.ds-preview-stage>.design-site{width:1000px;transform:scale(.3);transform-origin:top left;pointer-events:none}.ds-preview-stage .ds-nav{padding:24px 35px;height:80px}.ds-preview-stage .ds-nav>strong{font-size:22px;max-width:420px}.ds-preview-stage .ds-nav>span{font-size:13px}.ds-preview-stage .design-site h2{font-size:76px}.ds-preview-stage .design-1 h2,.ds-preview-stage .design-6 h2{font-size:92px}.ds-preview-stage .design-3 h2,.ds-preview-stage .design-8 h2{font-size:88px}.ds-preview-stage .ds-lawn-hero{min-height:520px}.ds-preview-stage .ds-land-hero{height:560px}.ds-preview-stage .ds-family-welcome{min-height:470px}.ds-preview-stage .ds-air-hero{padding-top:30px}.ds-preview-stage .ds-dental-hero{min-height:450px}.hero-preview .design-preview.mini{height:235px}.hero-preview .design-preview.mini:nth-child(2){height:280px}.personal-preview .design-preview.mini{height:370px}.card-visual{height:270px;padding:18px 18px 0}.card .design-preview.mini{height:280px}.ds-preview-stage>.design-site{transform:scale(calc(100cqw / 1000px))}
@media(max-width:720px){.ds-full .ds-nav{padding:22px;align-items:flex-start;flex-direction:column;gap:14px}.ds-full .ds-nav nav{gap:12px}.ds-full .ds-nav button{font-size:13px;padding:5px 0}.ds-full.design-site h2{font-size:43px;letter-spacing:-1.5px}.ds-full .ds-lawn-hero{padding:45px 25px;min-height:470px}.ds-full .ds-caption{font-size:9px}.ds-full .ds-ribbon{gap:12px;padding:20px;font-size:10px}.ds-full .ds-wash-hero,.ds-full .ds-clean-hero,.ds-full .ds-family-welcome,.ds-full .ds-dental-hero{grid-template-columns:1fr;padding:35px 25px;gap:28px}.ds-full .ds-wash-stack{transform:none}.ds-full .ds-wash-stack strong{font-size:52px}.ds-full .ds-clean-photo{height:340px}.ds-full .ds-clean-photo>span{left:10px}.ds-full .ds-align-hero{grid-template-columns:1fr;padding:35px 25px}.ds-full .ds-align-hero>aside{writing-mode:initial;transform:none;border:0;text-align:left;padding:0}.ds-full .ds-family-links{gap:15px;font-size:10px;padding:20px}.ds-full .ds-ortho-hero{grid-template-columns:1fr;padding:35px 25px}.ds-full .ds-ortho-index{border:0}.ds-full .ds-ortho-index>span{display:none}.ds-full .ds-roof-hero{padding:35px 25px 0}.ds-full .ds-roof-hero>div:first-of-type{grid-template-columns:1fr;gap:0}.ds-full .ds-roof-strip strong{font-size:32px;padding:15px}.ds-full .ds-air-hero{padding:35px 25px}.ds-full .ds-air-options{grid-template-columns:1fr}.ds-full .ds-land-hero{height:520px;padding:45px 25px}.ds-full .ds-land-index{left:25px;right:auto;top:25px;font-size:9px}.ds-full .ds-dental-card{transform:none}.ds-full .ds-dental-tags{flex-wrap:wrap;gap:8px}.ds-full .ds-services,.ds-full .ds-about,.ds-full .ds-contact{padding:45px 25px}.ds-full .ds-service-list,.ds-full .ds-contact{grid-template-columns:1fr;gap:25px}.ds-full.design-3 .ds-service-list article{display:block}.ds-full.design-9 .ds-about{margin:0 15px;border-radius:30px}.ds-full .ds-demo-end{padding:25px;flex-direction:column;align-items:flex-start}.card-visual{height:280px}.hero-preview .design-preview.mini:nth-child(2){height:275px}}
/* Generator style controls remain meaningful across industry compositions. */
.look-luxury{--ds-bg:#24211b!important;--ds-fg:#f4e7c9!important;--accent:#ac8b49!important}.look-luxury h2,.look-luxury h3{font-family:Georgia,serif!important;font-weight:400!important}.look-bold{--ds-bg:#182456!important;--ds-fg:#fff!important;--accent:#d65336!important}.look-bold h2{font-family:Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase;letter-spacing:0!important}.look-clean{--ds-bg:#fff!important;--ds-fg:#23384b!important;--accent:#366780!important}.look-clean h2{font-family:Arial,sans-serif!important;font-weight:400!important}.look-clean .ds-nav{background:white!important;color:#23384b!important}.look-luxury .ds-nav,.look-bold .ds-nav{background:var(--ds-bg)!important;color:var(--ds-fg)!important}.look-luxury .ds-button,.look-bold .ds-button,.look-clean .ds-button{background:var(--accent)!important;color:white!important;border-radius:0!important}
@media(prefers-reduced-motion:reduce){.design-site{scroll-behavior:auto}}
.design-9 .ds-button{background:#654a8e}.design-6 .ds-button{background:#252520}.design-1 .ds-button{background:#073e69}