/* Preview-first workspace: readable live HTML, never a scaled screenshot. */
:root{--serif:'Valkra DM Serif Display',Georgia,serif;--sans:Arial,Helvetica,sans-serif}.site-header{min-height:86px;padding-block:20px}.site-header .theme-control{font-size:11px;gap:7px}.site-header .theme-control select{min-height:36px;padding:6px 22px 6px 9px;font-size:11px;border-radius:30px}.site-header nav{font-size:13px;gap:25px}.hero{padding:65px 0 52px}.hero h1{font-size:clamp(46px,5.8vw,80px);max-width:850px}.hero .intro{max-width:650px}.config-home-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:40px 0 65px;border-bottom:1px solid var(--line);margin-bottom:40px}.config-home-entry h2{font-size:43px}.config-home-entry p:not(.eyebrow){max-width:490px;color:var(--muted);font-size:16px}.home-direction-preview{background:#e8eddf;color:#283c30;border:1px solid #b5c7a3;border-radius:9px;padding:32px;min-height:260px}.home-preview-label{font:10px Arial,sans-serif;letter-spacing:1.5px}.home-direction-preview>strong{display:block;font:45px/1.05 'Valkra DM Serif Display',Georgia,serif;letter-spacing:-1px;margin:30px 0}.home-preview-colors{display:flex;gap:6px;align-items:center}.home-preview-colors i{height:17px;width:17px;border-radius:50%;background:#283c30}.home-preview-colors i:nth-child(2){background:#b5c7a3}.home-preview-colors i:nth-child(3){background:#f5ebdb}.home-preview-colors span{font-size:10px;margin-left:auto}.config-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;padding-block:32px 25px}.config-intro .eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.5px}.config-intro h1{font-size:43px;letter-spacing:-1.3px;line-height:1.08;max-width:none;margin:0}.config-intro>p{font-size:13px;line-height:1.65;color:var(--muted);max-width:375px;margin:0}.configurator{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.config-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px}.preview-column{min-width:0;padding:20px 20px 0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:40px}.preview-label{font-size:8px;letter-spacing:1.4px;color:var(--muted);display:block;margin-bottom:3px}.preview-toolbar strong{font-size:12px;display:block;font-weight:600}.preview-tools{display:flex;align-items:center;gap:7px}.preview-tools button{border:1px solid var(--line);border-radius:4px;min-width:30px;min-height:36px;background:var(--paper);color:var(--ink);font-size:13px;padding:6px 9px}.preview-tools button:disabled{opacity:.4;cursor:default}.preview-tools #count{font-size:9px;white-space:nowrap;margin:0}.view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:5px;gap:2px;margin-right:5px}.view-switch button{min-height:28px;border:0;font-size:10px;background:transparent;padding:4px 7px}.view-switch button[aria-pressed=true]{background:var(--button-bg);color:var(--button-text)}.preview-stage{margin:auto;max-width:100%;background:var(--paper);border-radius:5px;border:1px solid var(--line);overflow:hidden;transition:max-width .18s ease}.preview-stage[data-view=narrow]{max-width:370px}.preview-stage .gallery{margin:0}.preview-stage .direction-caption{display:none}.enhanced .preview-stage .gallery{height:480px;display:flex;gap:0;align-items:flex-start;padding:0;scroll-behavior:auto;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.enhanced .preview-stage .direction-card{flex:0 0 100%;scroll-snap-align:start;container-type:inline-size;container-name:preview}.preview-stage .demo{border:0;border-radius:0;min-height:480px;font-size:14px}.preview-stage .demo h3{font-family:var(--display);font-size:clamp(33px,4.5cqw,56px);font-weight:400;letter-spacing:-1.2px;line-height:1.1;overflow-wrap:anywhere}.preview-stage .demo header{padding:21px 25px}.preview-stage .demo header>b{font-size:20px}.preview-stage .demo header>span{font-size:10px}.preview-stage .fiction-label{padding:6px 15px;font-size:8px}.preview-stage .demo-kicker{font-size:9px;letter-spacing:1.1px}.preview-stage .demo-cta{font-size:11px;padding:10px 14px}.preview-stage .outdoor-hero{padding:30px 0 0 25px;grid-template-columns:1fr 1fr}.preview-stage .demo-outdoor h3{font-size:clamp(38px,6cqw,62px);text-transform:none;letter-spacing:-1px}.preview-stage .demo-art{animation:none!important}.preview-stage .demo-strip{padding:18px 25px;font-size:10px}.preview-stage .tech-title{padding-top:25px}.preview-stage .tech-dashboard{margin:20px 25px 25px;grid-template-columns:110px 1fr}.preview-stage .demo-tech h3{font-size:42px}.preview-stage .tech-dashboard>div{padding:15px}.preview-stage .metric-grid{gap:8px}.preview-stage .metric-grid article{padding:8px}.preview-stage .restaurant-main{padding:20px 25px}.preview-stage .demo-restaurant h3{font-style:normal;font-size:54px}.preview-stage .menu-row{padding:20px 25px}.preview-stage .menu-row p{font-size:15px}.preview-stage .architecture-main{gap:25px;padding:25px 25px 0}.preview-stage .craft-main{padding:30px 25px;grid-template-columns:1fr 1fr .5fr}.preview-stage .demo-craft h3{font-size:35px}.preview-stage .trade-main{gap:25px;padding:35px 25px}.preview-stage .trade-services h4{font-size:22px}.preview-stage .wellness-main{padding:20px 25px;gap:30px}.preview-stage .demo-wellness h3{font-size:46px}.preview-stage .creative-main{padding:25px;overflow:visible}.preview-stage .demo-creative h3{font-size:clamp(45px,8cqw,82px);max-width:100%;letter-spacing:-1px}.preview-stage .demo-creative h3 em{font-style:normal;-webkit-text-stroke:1px var(--fg)}.preview-stage .creative-shape{font-size:170px;top:55px;right:12px}.preview-stage .creative-tiles>div{padding:20px 25px;font-size:16px}.preview-stage .creative-tiles>div:nth-child(2){font-size:11px}.preview-stage .professional-main{padding:35px 25px 25px}.preview-stage .professional-bottom{padding:25px;gap:20px}.preview-stage .demo-professional h3{font-size:49px}.preview-stage .retail-title{padding:25px}.preview-stage .retail-grid{padding:10px 25px 25px;gap:12px}.preview-stage .demo-retail h3{font-size:46px}.preview-stage .demo footer{padding:20px 25px;font-size:10px}.preview-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 1px 12px}.preview-caption p{font-size:11px;line-height:1.55;color:var(--muted);margin:0;max-width:480px}.preview-caption .preview-note{font-size:9px;max-width:160px}.config-inspector{background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.config-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 12px;flex:none}.config-tabs button{border:0;border-bottom:2px solid transparent;padding:14px 2px 11px;font-size:10px;line-height:1.2;background:transparent;color:var(--muted);min-height:55px;min-width:0}.config-tabs button>span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:5px}.config-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.inspector-panels{height:486px;overflow-y:auto;scrollbar-width:thin;padding:23px 20px;flex:1}.panel-heading{margin-bottom:20px}.panel-heading h2{font:25px/1.14 var(--serif);letter-spacing:-.5px;margin:0 0 8px}.panel-heading p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.direction-options{display:grid;gap:7px}.direction-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid var(--line);border-radius:5px;padding:10px 11px;background:transparent;color:var(--ink);min-height:52px}.direction-option .direction-number{font-size:10px;color:var(--muted);width:20px;flex:none}.direction-option b,.font-option b{display:block;font-size:12px;font-weight:600}.direction-option small,.font-option small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.choice-check{margin-left:auto;opacity:0;font-size:12px}.direction-option[aria-pressed=true],.font-option[aria-pressed=true]{border-color:var(--ink);background:var(--surface)}[aria-pressed=true]>.choice-check{opacity:1}.background-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 9px}.background-option{border:0;background:none;color:var(--ink);padding:0;min-width:0;text-align:left;border-radius:4px}.background-option b{font-size:9px;font-weight:500;display:block;margin-top:6px}.background-swatch{display:block;height:52px;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden}.background-swatch::after{content:'';display:block;position:absolute;bottom:0;right:0;width:35%;height:100%;background:var(--accent);border-left:1px solid #8883}.background-swatch>span{position:absolute;left:7px;top:4px;z-index:1;font-size:14px;opacity:0}.background-option[aria-pressed=true] .background-swatch{outline:2px solid var(--ink);outline-offset:2px}.background-option[aria-pressed=true] .background-swatch>span{opacity:1}.panel-note{font-size:10px;color:var(--muted);line-height:1.7;margin:20px 0 0}.font-search-label,.font-group-label{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.font-search-label input{width:100%;margin-top:5px;padding:10px;font:12px var(--sans);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;min-height:38px}.font-group-label{display:flex;align-items:center;gap:12px}.font-group-label select{flex:1;min-height:36px;padding:7px;font-size:11px}.font-specimen{display:flex;align-items:baseline;justify-content:space-between;background:var(--surface);padding:12px 15px;border-radius:5px}.font-specimen>span{font:43px/1 var(--display);letter-spacing:-1px}.font-specimen>p{font:10px var(--sans);margin:0;color:var(--muted)}#font-status{font-size:10px;color:var(--muted);min-height:16px;margin:8px 0 15px}.font-options{display:grid;gap:6px}.font-option{display:flex;align-items:center;gap:8px;width:100%;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;text-align:left;padding:10px}.font-licenses{font-size:9px;display:inline-block;margin-top:16px;color:var(--muted)}#font-empty{font-size:12px;color:var(--muted)}.inspector-next{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;min-height:55px}.inspector-next>span{font-size:9px;color:var(--muted)}.inspector-next button{border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:11px;font-weight:600}.config-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;background:var(--paper);border-top:1px solid var(--line)}.summary-eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted);margin:0 0 4px}#compact-summary{font-size:12px;margin:0}.selection-status{font-size:10px;color:var(--muted);margin:4px 0 0;min-height:15px}.summary-actions{display:flex;align-items:center;gap:8px;flex:none}.summary-actions button{font-size:11px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;min-height:39px;padding:10px 13px}.summary-actions button:last-child{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.summary-actions button:disabled{opacity:.4;cursor:default}.config-inspector .brief-fields{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}.config-inspector .brief-fields label{font-size:11px;gap:6px}.config-inspector .brief-fields input,.config-inspector .brief-fields textarea{font-size:13px;padding:10px;min-height:40px;line-height:1.5}.config-inspector #clear-brief{font-size:10px;min-height:36px;padding:8px 12px}.vision-review{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:60px;border-bottom:1px solid var(--line)}.vision-review h2{font-size:39px}.vision-review>div>p{color:var(--muted);font-size:14px}.vision-review #selection-summary{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.vision-review .draft-note{font-size:11px}.possibilities{margin-top:30px;border-block:1px solid var(--line)}.possibilities>summary{font-size:15px;padding:22px 35px 22px 0}.possibilities>summary>span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.possibilities .showroom{border:0;margin-top:0;padding-top:30px;width:100%}.possibilities p{padding:0}.possibilities .showroom-grid{margin-top:25px}.possibilities .showroom h2{font-size:40px}.explorer-contact{padding-block:25px}.explorer-contact>p:first-child{font-size:14px}.nojs-note{padding:20px;background:var(--paper)}html:not(.enhanced) .config-workspace{display:block}html:not(.enhanced) .preview-stage{max-height:none}html:not(.enhanced) .gallery{gap:40px}html:not(.enhanced) .direction-caption{display:block;padding:20px}html:not(.enhanced) .preview-caption{display:none}.configurator.is-expanded .config-workspace{grid-template-columns:minmax(0,1fr)}.configurator.is-expanded .config-inspector{display:none}.configurator.is-expanded .gallery{height:min(75vh,800px)}.preview-tools .expand-preview{font-size:10px;margin-left:4px}.configurator :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.inspector-panels section{scroll-margin-top:10px}
@container preview (max-width:560px){.preview-stage .outdoor-hero,.preview-stage .restaurant-main,.preview-stage .architecture-main,.preview-stage .craft-main,.preview-stage .trade-main,.preview-stage .wellness-main,.preview-stage .professional-bottom{grid-template-columns:1fr;padding:25px;gap:23px}.preview-stage .outdoor-hero{padding-bottom:0}.preview-stage .demo h3{font-size:clamp(28px,9cqw,46px)}.preview-stage .demo-art{max-width:330px}.preview-stage .demo header{padding:18px 22px;flex-wrap:wrap}.preview-stage .demo header>span{font-size:10px}.preview-stage .demo-strip{flex-wrap:wrap;gap:12px}.preview-stage .tech-dashboard{grid-template-columns:1fr;margin:15px}.preview-stage .tech-dashboard aside{display:none}.preview-stage .menu-row{grid-template-columns:1fr;gap:10px}.preview-stage .project-index{margin-top:20px}.preview-stage .craft-main aside{padding:15px 0 0;border:0;border-top:1px solid var(--fg)}.preview-stage .wellness-main .demo-art{order:2}.preview-stage .creative-tiles{grid-template-columns:1fr}.preview-stage .demo-creative h3{font-size:clamp(25px,10cqw,55px);overflow-wrap:anywhere}.preview-stage .creative-shape{font-size:140px}.preview-stage .retail-grid{grid-template-columns:1fr}.preview-stage .retail-title{display:block}.preview-stage .retail-title p{margin-top:18px}.preview-stage .retail-grid article:nth-child(2){padding:0}.preview-stage .demo footer{flex-wrap:wrap;gap:12px}.preview-stage .fiction-label{font-size:9px}.preview-stage .demo-kicker{font-size:10px}.preview-stage .demo-cta{font-size:12px}}
@media(min-width:1500px){.configurator.wrap,.config-intro.wrap{width:min(1400px,calc(100% - 96px))}.config-workspace{grid-template-columns:minmax(0,1fr) 355px}.enhanced .preview-stage .gallery{height:530px}.inspector-panels{height:536px}}
@media(max-width:1050px){.config-workspace{grid-template-columns:minmax(0,1fr) 295px}.preview-column{padding:15px 15px 0}.preview-toolbar{flex-wrap:wrap;gap:10px}.preview-tools{width:100%;justify-content:flex-end}.preview-toolbar>div:first-child{width:100%}.preview-caption{display:block}.preview-caption .preview-note{max-width:none;margin-top:5px}.inspector-panels{height:510px;padding:20px 16px}.config-tabs{padding-inline:6px}.config-summary{flex-wrap:wrap;gap:12px}.config-home-entry{gap:35px}.config-home-entry h2{font-size:36px}.preview-tools .view-switch{margin-right:auto}}
@media(max-width:760px){.site-header{padding-block:17px}.site-header nav{gap:12px}.site-header .theme-control{margin-left:auto}.config-intro{display:block;padding-block:28px 20px}.config-intro h1{font-size:35px;letter-spacing:-1px}.config-intro>p{margin-top:12px;max-width:480px;font-size:13px}.config-workspace{display:flex;flex-direction:column}.preview-column{padding:14px 13px 0}.preview-toolbar{flex-wrap:nowrap}.preview-toolbar>div:first-child{width:auto}.preview-toolbar strong{font-size:11px;max-width:125px}.preview-tools{width:auto;justify-content:flex-end;flex-wrap:wrap;gap:5px}.preview-tools .view-switch{display:none}.preview-tools button{min-height:36px;min-width:28px;padding:5px 7px}.preview-tools .expand-preview{padding-inline:7px}.enhanced .preview-stage .gallery{height:360px;max-height:48svh;min-height:280px}.preview-caption{padding:10px 0}.preview-caption>p:first-child{display:none}.preview-caption .preview-note{font-size:9px;margin:0}.config-inspector{border-left:0;border-top:1px solid var(--line)}.config-tabs{padding:0 12px}.config-tabs button{min-height:54px;font-size:11px}.inspector-panels{height:auto;max-height:355px;min-height:235px;padding:20px;flex:auto}.direction-options{grid-template-columns:1fr 1fr;gap:8px}.direction-option{padding:9px;gap:7px;min-height:55px}.direction-option .direction-number{width:16px;font-size:8px}.direction-option b{font-size:11px}.direction-option small{font-size:9px}.direction-option .choice-check{display:none}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:25px}.panel-heading p{font-size:12px}.background-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 10px}.background-option b{font-size:10px}.background-swatch{height:48px}.font-options{grid-template-columns:1fr 1fr}.font-option{padding:10px}.font-option b{font-size:11px}.font-option small{font-size:9px}.font-option .choice-check{display:none}.font-specimen{margin-top:8px}.config-summary{padding:15px;gap:12px}.summary-actions{width:100%;gap:7px}.summary-actions button{font-size:10px;padding:9px 10px;min-height:40px}.summary-actions button:last-child{margin-left:auto}.config-summary>div:first-child{width:100%}#compact-summary{font-size:11px;line-height:1.5}.selection-status{font-size:10px}.inspector-next{padding:10px 20px;min-height:48px}.vision-review{grid-template-columns:1fr;gap:15px;padding-block:40px}.vision-review h2{font-size:34px}.config-home-entry{grid-template-columns:1fr;padding-top:15px;gap:25px}.home-direction-preview{min-height:220px;padding:25px}.config-home-entry h2{font-size:36px}.hero{padding:42px 0}.hero .intro{font-size:16px}.hero .actions{gap:15px}.configurator.is-expanded .gallery{height:65svh;max-height:none}.configurator.is-expanded .preview-caption>p:first-child{display:block}.possibilities>summary{font-size:14px}}
@media(max-width:380px){.site-header .theme-control{width:auto;margin-left:auto}.site-header .wordmark{font-size:21px}.site-header .brand-symbol{width:25px}.site-header nav{font-size:11px}.config-intro h1{font-size:31px}.preview-toolbar{flex-wrap:wrap}.preview-toolbar>div:first-child{width:100%}.preview-tools{width:100%}.preview-tools .expand-preview{margin-left:auto}.background-options{grid-template-columns:repeat(3,minmax(0,1fr))}.direction-options,.font-options{grid-template-columns:1fr}.summary-actions{flex-wrap:wrap}.summary-actions button:last-child{margin-left:0;flex:1 0 100%}.config-tabs button{font-size:10px}.preview-stage .demo{font-size:13px}}
@media(prefers-reduced-motion:reduce){.preview-stage{transition:none}.configurator *{scroll-behavior:auto!important;animation:none!important}}
/* Render-led refinement: a complete working canvas fits a laptop-height view. */
.config-tabs button{font-size:12px}.background-option b{font-size:12px;line-height:1.25}.direction-option b,.font-option b{font-size:13px}.direction-option small,.font-option small{font-size:11px}.panel-heading p{font-size:13px}.preview-tools button{font-size:12px}.view-switch button{font-size:11px}.preview-toolbar strong{font-size:13px}.preview-caption .preview-note{font-size:11px}.preview-stage .demo h3{font-size:clamp(33px,6.5cqw,58px)}
@media(min-width:761px){.site-header{min-height:74px;padding-block:14px}.config-intro{padding-block:22px 20px}.config-intro h1{font-size:38px}.preview-column{padding-top:14px}.preview-toolbar{margin-bottom:12px}.enhanced .preview-stage .gallery{height:clamp(340px,calc(100svh - 330px),530px)}.inspector-panels{height:clamp(350px,calc(100svh - 320px),540px)}.config-summary{padding-block:14px}.preview-caption{padding-block:12px}.panel-heading{margin-bottom:18px}.background-options{gap:13px 9px}.background-swatch{height:43px}}
@media(max-width:760px){.config-tabs button{font-size:12px}.background-option b{font-size:11px}.preview-stage .demo h3{font-size:clamp(29px,10cqw,48px)}.direction-option b,.font-option b{font-size:12px}.direction-option small,.font-option small{font-size:10px}}
.site-header .theme-control{display:flex;gap:2px;border:0;padding:0;flex-shrink:0}.site-header .theme-control[hidden]{display:none}.theme-control button{font:12px var(--sans);border:0;background:transparent;color:var(--muted);padding:10px;min-width:44px;min-height:44px;border-radius:50%}.theme-control button[aria-pressed=true]{background:var(--button-bg);color:var(--button-text)}.theme-control button:hover{color:var(--ink);background:var(--surface)}.theme-control button[aria-pressed=true]:hover{background:var(--button-bg);color:var(--button-text)}
@media(min-width:761px){.config-intro{padding-block:16px 17px}.config-intro .eyebrow{display:none}.config-intro h1{font-size:34px}.config-intro>p{font-size:12px;max-width:390px}.config-workspace .inspector-panels{height:clamp(350px,calc(100svh - 330px),530px)}.config-tabs button{font-size:12px}.config-tabs{padding-inline:5px}}
@media(max-width:760px){.site-header .theme-control{margin-left:auto}.theme-control button{font-size:11px;padding-inline:8px}}
@media(min-width:761px){.config-workspace .inspector-panels{flex:none;min-height:0;height:clamp(300px,calc(100svh - 395px),460px)}.enhanced .preview-stage .gallery{height:clamp(330px,calc(100svh - 350px),530px)}.preview-caption{display:block}.preview-caption>p:first-child{display:none}.preview-caption .preview-note{max-width:none;font-size:11px;line-height:1.5}.config-tabs button{min-height:60px;padding:8px 2px}.config-tabs button span{margin-bottom:4px}.config-summary{min-height:70px}.configurator.is-expanded .gallery{height:75svh}.configurator.is-expanded .preview-caption>p:first-child{display:block;margin-bottom:5px}}
/* Horizontal movement changes the whole starting style; its controls carry the
affordance. Keep the independent vertical preview scrollbar visible. */
.enhanced .preview-stage .gallery{scrollbar-width:auto}.enhanced .preview-stage .gallery::-webkit-scrollbar{width:7px;height:0}.enhanced .preview-stage .gallery::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px}.enhanced .preview-stage .gallery::-webkit-scrollbar-track{background:var(--paper)}
@media(max-width:380px){.config-tabs button{font-size:10px;overflow-wrap:anywhere;min-width:0}.config-tabs{padding-inline:7px}}
/* Set the inspiration context before any showroom choices. */
.showroom-introduction h2{font:700 clamp(22px,2.2vw,29px)/1.3 var(--sans);letter-spacing:-.5px;margin-bottom:14px}.showroom-introduction p{color:var(--muted);margin-bottom:14px}.showroom-introduction>a{font-size:14px;color:var(--ink)}
.showroom-introduction{max-width:600px;flex:1;min-width:0}.config-intro>div:first-child{flex:1;min-width:0}.showroom-introduction p{font-size:15px;line-height:1.65}@media(max-width:900px){.showroom-introduction{margin-top:22px}}
/* Appearance icons remain separate controls, without a decorative group frame. */
.theme-control{border:0;background:transparent;box-shadow:none;padding:0}
/* Full-frame, manual homepage carousel. Native panning keeps vertical page scrolling. */
.home-slideshow{--slide-bg:#e8eddf;--slide-ink:#283c30;position:relative;min-width:0;border-radius:22px;overflow:hidden;background:var(--slide-bg);color:var(--slide-ink);box-shadow:0 6px 24px #101e2a14}.home-slideshow[data-active="1"]{--slide-bg:#e2eaf5;--slide-ink:#18364e}.home-slideshow[data-active="2"]{--slide-bg:#f2e5d5;--slide-ink:#573829}.home-slideshow[data-active="3"]{--slide-bg:#e6ece9;--slide-ink:#304b42}.home-slideshow[data-active="4"]{--slide-bg:#eee4f3;--slide-ink:#483153}.home-slides{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto}.home-slides::-webkit-scrollbar{display:none}.home-slides .home-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background:var(--slide-bg);color:var(--slide-ink)}.home-slide[hidden]{display:none!important}.slide-trail{--slide-bg:#e8eddf;--slide-ink:#283c30}.slide-type{--slide-bg:#e2eaf5;--slide-ink:#18364e}.slide-color{--slide-bg:#f2e5d5;--slide-ink:#573829}.slide-layout{--slide-bg:#e6ece9;--slide-ink:#304b42}.slide-ideas{--slide-bg:#eee4f3;--slide-ink:#483153}.slide-example{height:170px;position:relative;padding:24px 46px 16px;overflow:hidden}.slide-example>span{font:9px/1.4 var(--sans);letter-spacing:1.1px}.slide-example>strong{position:relative;z-index:1;display:block;font:34px/1.05 'Valkra DM Serif Display',Georgia,serif;letter-spacing:-.6px;margin-top:17px;max-width:310px}.slide-example svg{position:absolute;right:12px;bottom:4px;width:43%;height:85px}.slide-type .slide-example>strong{font:700 28px/1.08 var(--sans);letter-spacing:-1px;max-width:280px}.type-art{display:flex;gap:13px;align-items:baseline;position:absolute;right:24px;bottom:10px}.type-art b{font:26px Georgia,serif}.type-art span{font:25px var(--sans)}.type-art i{font:italic 26px Georgia,serif}.slide-color .slide-example>strong{font:italic 31px/1.1 Georgia,serif;max-width:235px}.slide-color .slide-example{background:repeating-linear-gradient(90deg,transparent 0 35px,#57382905 35px 36px)}.slide-layout .slide-example>strong{font:300 35px/1.05 Arial,sans-serif;letter-spacing:-1.8px;max-width:180px}.slide-layout .slide-example svg{width:46%;height:105px;fill:none;stroke:#304b42;stroke-width:2}.slide-ideas .slide-example{background:radial-gradient(circle at 85% 25%,#d5bfdf 0 30px,transparent 31px)}.slide-ideas .slide-example>strong{font:700 30px/1.05 'Courier New',monospace;letter-spacing:-1.5px;max-width:260px}.slide-ideas .slide-example svg{fill:none;stroke:#765185;stroke-width:3;width:42%;height:75px}.slide-instruction{padding:12px 46px 18px}.slide-instruction>span{font:9px/1.5 var(--sans);letter-spacing:.6px}.slide-instruction h3{font:700 21px/1.25 var(--sans);letter-spacing:-.4px;margin:9px 0 10px}.config-home-entry .slide-instruction p{font:15px/1.6 var(--sans);color:inherit;margin:0;max-width:none}.home-side-controls button{position:absolute;top:43%;display:grid;place-items:center;width:44px;min-height:60px;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--slide-ink)}.home-side-controls button:first-child{left:0}.home-side-controls button:last-child{right:0}.home-side-controls svg{width:24px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:transparent;opacity:.8}.home-side-controls button:hover svg{background:transparent;opacity:1}.home-slide-dots{display:flex;justify-content:center;gap:0;padding:0 12px 10px}.home-slide-dots button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;border-radius:50%;padding:15px;color:var(--slide-ink)}.home-slide-dots button>span{width:6px;height:6px;border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffa6 0%,#ffffff00 68%);box-shadow:inset 0 1px 1px #ffffff40}.home-slide-dots button[aria-pressed=true]>span{background:radial-gradient(circle at 30% 25%,#ffffff66 0%,#ffffff00 55%),currentColor;transform:scale(1.1667);box-shadow:inset 0 1px 1px #ffffff30}.home-slideshow :focus-visible{outline:3px solid var(--slide-ink);outline-offset:-4px}.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.style-play-link>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.service-symbol{display:block;width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.process-symbol{width:27px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle;margin-right:6px}@media(max-width:380px){.slide-example{padding-inline:38px;height:160px}.slide-example>strong{font-size:29px}.slide-type .slide-example>strong{font-size:24px}.slide-color .slide-example>strong{font-size:27px}.slide-ideas .slide-example>strong{font-size:26px}.slide-instruction{padding:10px 38px 16px}.slide-instruction h3{font-size:19px}.config-home-entry .slide-instruction p{font-size:14px}}@media(prefers-reduced-motion:reduce){.home-slides{scroll-behavior:auto}}
/* Reserve a right-hand graphic column so sample titles never sit over the artwork. */
.slide-example>strong,.slide-type .slide-example>strong,.slide-color .slide-example>strong,.slide-ideas .slide-example>strong{max-width:68%}.slide-example svg,.slide-ideas .slide-example svg{width:31%}.slide-layout .slide-example svg{width:35%}.type-art{gap:5px;right:14px}.type-art b,.type-art span,.type-art i{font-size:20px}
/* Fit the longer craft headline within narrow cards without covering its page graphic. */
.home-slideshow{container-type:inline-size}@container(max-width:400px){.slide-color .slide-example>strong{font-size:23px;line-height:1.1}.slide-color .slide-example{height:180px}}@media(max-width:430px){.slide-color .slide-example>strong{font-size:23px;line-height:1.1}.slide-color .slide-example{height:180px}}