/* Day/night is a full palette; product imagery and colour-study swatches stay faithful. */
.themeToggle{border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;gap:7px;padding:10px 12px;white-space:nowrap;border-radius:30px;font-size:10px}.themeToggle>span:first-child{font-size:18px;line-height:1}.themeToggle:hover{border-color:var(--ink)}header{gap:20px}.search{min-width:0}.brand{flex-shrink:0}.scopeNote{max-width:720px;margin:22px auto 0;padding:15px 20px;background:#e9ece4;border-left:3px solid #69816e;text-align:left;font-size:11px;line-height:1.8;color:#455c4d}.scopeNote strong{font-weight:800}.sceneSwitch{display:flex;align-items:center;gap:6px;background:#e7ece2;padding:12px 16px}.sceneSwitch>span{font-size:8px;letter-spacing:1px;margin-right:auto}.sceneSwitch button{border:1px solid #c5cfc2;background:transparent;color:#203747;border-radius:30px;padding:8px 15px;font-size:11px}.sceneSwitch button.active{background:#142e42;color:white;border-color:#142e42}.mobileTrade{display:none}main{min-height:50vh}main:focus{outline:none}.filterBar{row-gap:10px}.pageIntro{max-width:1180px}.catalogue>.sample{margin-bottom:24px}#clearSearch{background:transparent;border:1px solid var(--line);padding:6px 10px;border-radius:20px;font-size:10px;color:var(--ink);margin-left:10px}.houseViewport svg{vertical-align:middle}.partTabs{gap:8px}.schemeText{overflow-wrap:anywhere}.footerTop{column-gap:35px}.footerTop a{overflow-wrap:anywhere}.savedScheme .remove{display:inline-block;margin:12px}.galleryControls button{min-width:42px}.controlBottom .btn{text-align:left}.preview{font-size:9px}body{overflow-x:clip}nav{scrollbar-width:thin}header input{color:var(--ink)}
/* Keep page changes local: the header stays visually anchored. */
header{view-transition-name:site-header}::view-transition-old(site-header),::view-transition-new(site-header){animation:none}.homeHero .heroText{padding-top:48px}.heroMosaic{margin-bottom:32px}.heroMosaic .mosaicTile{box-shadow:0 8px 22px #152d3b09}.homeHero .heroProof{border-top-color:#cbd2c7}.projectLinks>a:hover b{transform:translate(3px,-3px)}.projectLinks b{transition:transform .3s var(--ease)}.designTeaser .btn{margin-top:6px}.policyLayout article{min-width:0}.scopeNote,.sceneSwitch,.stageBar,.plannerControls{transition:background .25s,color .25s}
:root[data-theme=night]{--paper:#101a23;--ink:#e8edf0;--red:#ff867c;--line:#35444e;--muted:#b0bfc8;--navy:#132d42;color-scheme:dark}
[data-theme=night] body{background:var(--paper);color:var(--ink)}[data-theme=night] header{background:#14212ef5;border-color:#35444e}[data-theme=night] body.scrolled header{box-shadow:0 8px 25px #0004}[data-theme=night] .brand img{background:white;border-radius:50%;padding:3px}[data-theme=night] nav{background:#14212e;border-color:#35444e}[data-theme=night] .search{background:#202f3d;border-color:#384953}[data-theme=night] .search input::placeholder{color:#b1bdc7}[data-theme=night] .search kbd{color:#b1bdc7}[data-theme=night] .preview{background:#26353e;color:#c8d4da}[data-theme=night] .service{background:#0c2439}[data-theme=night] .homeHero{background:radial-gradient(ellipse at 50% 90%,#22374a80,transparent 70%)}[data-theme=night] .heroText{background:none}[data-theme=night] .heroSideNote{color:#a0b0b9}[data-theme=night] .homeHero .heroProof{border-color:var(--line)}[data-theme=night] .strip{background:#1b2c36;border-color:var(--line)}[data-theme=night] .sectionHead .eyebrow{color:#b1c1ca}[data-theme=night] .catTitle>span{border-color:#586b76}[data-theme=night] .category .num{color:#172c3f}[data-theme=night] .product{background:#1a2935;border-color:#344651}[data-theme=night] .product:hover{border-color:#6e8490;box-shadow:0 12px 35px #0003}[data-theme=night] .productArt{background:linear-gradient(140deg,#dce2df,#edf0e9)}[data-theme=night] .product small,[data-theme=night] .sample{color:#b4c3cc}[data-theme=night] .designTeaser,[data-theme=night] .showcase{background:#23333e}[data-theme=night] .teaserArt{background:#dfe6dd;color:#142438}[data-theme=night] .editorialStamp{color:#142438}[data-theme=night] .quoteBand{background:#1b374e;border:1px solid #3b5263}[data-theme=night] .btn{background:#bd3934;color:#fff}[data-theme=night] .btn:hover{background:#d3443e}[data-theme=night] .btn.alt{background:#314f65;color:#fff}[data-theme=night] .btn.alt:hover{background:#3b627c}[data-theme=night] .btn.light{background:#eef1e9;color:#142438}[data-theme=night] .basketBtn{background:#28465d}[data-theme=night] .basketBtn b{color:#142438}[data-theme=night] .panel,[data-theme=night] .plannerControls{background:#192a36;border-color:var(--line)}[data-theme=night] .socialLinks button{background:#192a36;color:var(--ink);border-color:#425766}[data-theme=night] .filterBar button{border-color:#465c6b;color:var(--ink)}[data-theme=night] .filterBar button.active,[data-theme=night] .partTabs button.active{background:#38566c;border-color:#7392a4}[data-theme=night] .filterBar select,[data-theme=night] .detail input,[data-theme=night] .detail select,[data-theme=night] .formGrid input,[data-theme=night] .formGrid textarea,[data-theme=night] .formGrid select,[data-theme=night] .basketLine input{background:#142330;border-color:#526774;color:#edf3f5}[data-theme=night] .notice,[data-theme=night] .scopeNote{background:#243c37;color:#dae7db;border-left-color:#9ab59d}[data-theme=night] .savedScheme{background:#233932}[data-theme=night] .schemeSummary>div{border-color:#465b56}[data-theme=night] .savedScheme .sample{color:#c2d2c8}[data-theme=night] .dashboardNav button{background:#223b4d;color:#e3edf4}[data-theme=night] .dashboardNav button.active{background:#45627a}[data-theme=night] .tag{background:#254837;color:#c1e5c6}[data-theme=night] .stageBar,[data-theme=night] .sceneSwitch{background:#243a44;color:#e2ecee}[data-theme=night] .stageBar button{color:#edf3f5}[data-theme=night] .sceneSwitch button{color:#e1eaef;border-color:#536c77}[data-theme=night] .sceneSwitch button.active{background:#cbd8da;color:#132b3c}[data-theme=night] .stageActions button,[data-theme=night] .plannerPresets button{background:#1d303d;color:#e4edf3;border-color:#47616e}[data-theme=night] .stageActions button[aria-pressed=true]{background:#496577}[data-theme=night] .partTabs button{color:#d7e3ea;border-color:#405a6a}[data-theme=night] .finishOption{background:#1b2e3b;border-color:#405665;color:#e7f0f3}[data-theme=night] .finishOption.chosen{background:#314c5b;border-color:#99b0bc}[data-theme=night] .finishOption:hover{border-color:#a0b5ba}[data-theme=night] .aboutHero{background:#1d303c}[data-theme=night] .aboutHero figure{background:#293c47}[data-theme=night] .draftTag{background:#4a4432;color:#f0dfad}[data-theme=night] .policyLayout aside a[aria-current]{background:#39596e}[data-theme=night] .footerTop{background:#0b2032}[data-theme=night] .legal{background:#081925}[data-theme=night] .close,[data-theme=night] #backBasket{color:#e8edf0}[data-theme=night] .skip{background:#132c40;color:white}[data-theme=night] .round{border-color:#9fb4c1}[data-theme=night] .policySource a{color:#cbdce6}
@media(max-width:1050px){header{gap:14px}.themeToggle{padding:9px}.themeLabel{display:none}.mobileTrade{display:block}nav{gap:22px;justify-content:flex-start}.plannerStage{position:relative;top:auto}.sceneSwitch>span{font-size:8px}}
@media(max-width:650px){header{gap:10px}.themeToggle{margin-left:auto}.basketBtn{margin-left:0}.homeHero .heroText{padding-top:34px}.homeHero .heroText h1{font-size:clamp(59px,17vw,76px)}.homeHero .heroProof{gap:12px}.heroProof span{font-size:8px}.scopeNote{font-size:10px;padding:13px 15px;margin-top:18px}.sceneSwitch{padding:10px 12px}.sceneSwitch button{font-size:10px;padding:8px 12px}.plannerControls #finishOptions{grid-template-columns:1fr}.finishOption{font-size:11px}.colourChip{width:35px!important;height:35px!important}.stageActions{gap:8px}.stageActions button{padding:10px 12px}.filterBar select{width:100%}.pageIntro h1{font-size:54px}.detail{gap:30px}.socialLinks small{display:none}.policyHero h1{overflow-wrap:anywhere}.heroMosaic .mosaicTile b{font-size:26px}}
@media(max-width:390px){.brand span{display:none}.themeLabel{display:inline}.homeHero .actions{flex-direction:column;gap:10px}.homeHero .heroProof{font-size:8px}.heroMosaic{gap:9px}.mosaicTile>span{left:12px;right:12px}.mosaicTile small{font-size:6px}.mosaicTile b{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.scopeNote,.sceneSwitch,.stageBar,.plannerControls{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}