:root{--ink:#283756;--muted:#6d7480;--line:#e0e1da;--gold:#e6d874;--bg:#f5f5f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;min-height:46px;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 16px}button:hover{border-color:#9e9b71}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);font-weight:650}button.active{background:var(--ink);color:white;border-color:var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid #768bc0;outline-offset:3px}.app-header{height:96px;display:flex;gap:18px;align-items:center;padding:15px 28px;border-bottom:1px solid var(--line);background:#fffef9;position:relative}.app-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,#ef3b49 0 33.3%,#ffe41c 33.3% 66.6%,#3b4b7d 66.6%)}.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);margin-right:15px}.brand img{width:190px;height:42px;object-fit:contain}.brand span{font-size:9px;letter-spacing:3px;margin-top:4px}.app-header nav{display:flex;gap:8px;margin-right:auto}.app-header nav button{border:0;background:transparent}.staff-link{font-size:13px;color:var(--muted)}main{height:calc(100dvh - 96px);overflow:auto;padding:28px}.workspace{display:grid;grid-template-columns:165px minmax(0,1fr) 310px;gap:26px;height:100%}.sidebar{display:flex;flex-direction:column;gap:10px}.sidebar h2{font-size:17px;margin:4px 0 16px}.sidebar button{text-align:left;background:transparent;border:0;min-height:54px}.sidebar button.active{background:var(--ink)}.sidebar .help{margin-top:auto;font-size:13px;color:var(--muted);line-height:1.6}.catalogue{overflow:auto;padding-right:3px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}h1{font-size:30px;letter-spacing:-.8px;margin:8px 0;font-weight:650}h2{font-size:22px;letter-spacing:-.3px;margin:0 0 12px}h3{font-size:17px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a19937;font-weight:650}.muted{font-size:13px;color:var(--muted);line-height:1.6}p{line-height:1.6}input,textarea,select{border:1px solid #d6d9ce;border-radius:8px;padding:12px;background:white;color:var(--ink);min-height:46px}input,textarea{width:100%}input:focus,textarea:focus{outline:2px solid #9caacc}label{font-size:13px;font-weight:600;display:block;margin:18px 0 7px}.search{margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product{padding:0;text-align:left;border-radius:16px;overflow:hidden;background:white}.product img{width:100%;height:205px;object-fit:contain;background:#111725;display:block}.product .info{padding:18px}.product .name{display:block;font-size:17px;margin:5px 0 20px;line-height:1.4}.product .price-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.order-panel,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.order-panel{display:flex;flex-direction:column;overflow:auto}.order-panel h2{margin:0}.order-lines{flex:1;overflow:auto;margin:16px 0;min-height:120px}.order-empty{text-align:center;color:#8c929b;padding:45px 0;font-size:14px}.line{border-bottom:1px solid #ededE6;padding:16px 0}.line .row{display:flex;gap:10px;justify-content:space-between}.line small{font-size:12px;display:block;color:var(--muted);margin:6px 0 12px}.quantity{display:flex;gap:8px;align-items:center}.quantity button{padding:6px 10px;min-height:36px}.quantity span{min-width:16px;text-align:center}.remove{font-size:12px;margin-left:auto}.total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:14px}.total strong{font-size:22px}.order-panel>.primary{width:100%;min-height:54px}.home{max-width:1050px;margin:0 auto;padding-top:18px}.home .welcome{text-align:center;margin-bottom:30px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.home-card{padding:0;border-radius:20px;overflow:hidden;text-align:left}.home-card img{width:100%;height:300px;object-fit:contain;background:#111725}.home-card .caption{padding:24px}.home-card .caption h2{margin:0 0 8px}.home-bottom{display:flex;gap:40px;justify-content:center;font-size:13px;color:var(--muted);margin-top:28px}.designer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:100%;gap:22px}.customizer-frame{width:100%;height:100%;border:1px solid var(--line);border-radius:14px;background:white}.staff-layout{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;gap:30px}.staff-content{overflow:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:12px}.stat strong{display:block;font-size:30px;margin-top:10px}.filters{display:flex;gap:12px;margin:20px 0}.filters input{flex:1}.order-table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line)}.order-table th,.order-table td{text-align:left;padding:16px;font-size:14px;border-bottom:1px solid #eceee6}.order-table th{color:var(--muted);font-size:12px}.order-table button{font-size:13px}.pill{display:inline-block;background:#f4f2dc;color:#6b672c;border-radius:30px;padding:7px 11px;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-image{width:100%;height:330px;object-fit:contain;background:#111725;border-radius:12px}dialog{width:min(860px,94vw);max-height:90dvh;overflow:auto;border:1px solid #ced1c3;border-radius:20px;padding:30px;color:var(--ink);background:#fffefb}dialog::backdrop{background:#15203988}.close{float:right;padding:5px 14px;font-size:24px;min-height:40px}.summary{margin:20px 0;padding:18px;background:#f5f5ef;border-radius:10px}.login{max-width:440px;margin:60px auto}.login input{letter-spacing:4px}.login button{width:100%;margin-top:22px}.error{color:#a73536;font-size:14px;line-height:1.5}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--ink);color:white;border-radius:12px;display:none;z-index:10}.preview-note{font-size:12px;color:var(--muted);padding:14px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(min-width:1500px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.app-header{padding:14px;gap:10px}.brand img{width:155px}.app-header nav button{padding:10px}.workspace{grid-template-columns:135px minmax(0,1fr) 280px;gap:16px}main{padding:20px}.product img{height:180px}.order-panel{padding:18px}.designer-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px}}@media(max-width:800px){body{overflow:auto;height:auto}.app-header{flex-wrap:wrap;height:auto;min-height:96px}.app-header nav{order:2;width:100%}main{height:auto;min-height:calc(100dvh - 130px);padding:16px}.workspace{grid-template-columns:1fr;height:auto}.sidebar{flex-direction:row;flex-wrap:wrap;gap:5px}.sidebar h2,.sidebar .help{display:none}.sidebar button{min-height:44px;font-size:13px;padding:10px}.catalogue{overflow:visible}.order-panel{min-height:280px}.grid{gap:12px}.product img{height:165px}.home-grid,.split{grid-template-columns:1fr}.home-card img{height:200px}.home-bottom{gap:16px;flex-wrap:wrap}.designer-layout{grid-template-columns:1fr;height:auto}.customizer-frame{height:80dvh}.staff-layout{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.filters{flex-wrap:wrap}.order-table{display:block;overflow:auto}.form-grid{grid-template-columns:1fr}h1{font-size:26px}.brand{margin-right:auto}}
/* Batch 1 revision: direct in-store selection and purposeful feedback. */
.product{transition:transform .18s,border-color .18s,box-shadow .18s}.product:hover,.product:focus-visible{box-shadow:0 12px 24px #28375618}.product:active{transform:scale(.985)}.product img{transition:filter .25s}.product:hover img,.product:focus-visible img{filter:brightness(1.08)}#detail[open]:has(.detail-options-panel){animation:detail-enter .22s ease-out}.detail-image{animation:neon-reveal .38s ease-out}button{transition:background .16s,border-color .16s,opacity .16s,transform .16s}button:active{filter:brightness(.96)}#toast{animation:toast-up .26s ease-out}@keyframes detail-enter{from{opacity:.5;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes neon-reveal{from{filter:brightness(.55);opacity:.75}to{filter:brightness(1);opacity:1}}@keyframes toast-up{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product:active{transform:none}}


/* Batch 1 customer foundation: semantic roles mapped onto the existing Sunrise palette. */
:root{--surface:#ffffff;--surface-soft:#f7f7f2;--surface-stage:#0b101d;--text:#283756;--text-muted:#586273;--border:#d9ddd5;--action:#e6d874;--focus:#3569b7;--radius-control:10px;--radius-card:16px;--shadow-card:0 12px 30px rgba(23,32,57,.08);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--motion-fast:.16s;--motion-panel:.24s}
body{color:var(--text);background:var(--surface-soft)}
button,input,select,textarea{touch-action:manipulation}
button{border-color:var(--border);border-radius:var(--radius-control)}
button.primary{background:var(--action);border-color:var(--action);color:#1d2a45}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;z-index:100;left:16px;top:-60px;padding:12px 18px;background:#fff;color:var(--text);border-radius:8px}
.skip-link:focus{top:10px}
.app-header{gap:24px;padding-inline:clamp(16px,2.5vw,38px);background:#fff;z-index:5}
.app-header nav{align-items:center;gap:6px}
.app-header nav button{min-height:48px;padding:12px 18px;border-radius:999px;font-weight:600;white-space:nowrap}
.app-header nav button:hover{background:#f4f5ef}
.app-header nav button[aria-current="page"]{background:var(--text);color:#fff}
.app-header nav #orderNav{border:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:9px}
.app-header nav #orderNav.has-items{border-color:#a49943;background:#fffbe2}
#orderCount{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--text);color:#fff;font-size:14px}
.header-utilities{display:flex;align-items:center;gap:10px;margin-left:auto}
.header-utilities select{max-width:108px}
.staff-link{padding:12px 4px;min-height:44px;display:inline-flex;align-items:center}
.catalogue{padding-right:8px}
.title-row{align-items:end}
.title-row h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1.1}
.catalog-intro{margin:9px 0 0;color:var(--text-muted);font-size:15px}
.result-count{font-size:14px;color:var(--text-muted);white-space:nowrap}
.search-label{margin:0 0 8px;font-size:15px}
.search{margin-bottom:24px;border-color:var(--border);background:#fff}
.sidebar button.active{background:var(--text);color:#fff}
.sidebar button:not(.active):hover{background:#e9ece8}
.grid{gap:20px}
.product{border-color:var(--border);box-shadow:0 2px 7px rgba(23,32,57,.035)}
.product:hover,.product:focus-visible{box-shadow:var(--shadow-card)}
.product img{aspect-ratio:4/3;height:auto;max-height:235px;object-fit:contain}
.product .name{font-weight:650;min-height:2.8em;margin-bottom:18px}
.product .price-row strong{font-variant-numeric:tabular-nums}
.preview-note{font-size:13px}
.empty-state{grid-column:1/-1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:36px;text-align:center}
.empty-state h2{margin-bottom:4px}
.empty-state p{color:var(--text-muted)}
.order-panel{border-color:var(--border);box-shadow:0 2px 7px rgba(23,32,57,.035)}
.order-empty{color:var(--text-muted);line-height:1.6}
.quantity button,.close{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
.quantity .remove{font-size:13px}
.detail-options-panel{display:flex;flex-direction:column;align-items:stretch}
.detail-price{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin:0 0 10px}
.detail-selected{padding:12px 14px;background:#f2f4ee;border-radius:8px;font-size:15px;font-weight:650}
.detail-options-panel .primary{margin-top:auto;min-height:52px}
.detail-image{aspect-ratio:1/1;height:auto;min-height:300px}
dialog{border-color:var(--border);box-shadow:0 28px 80px rgba(13,24,42,.24)}
#orderDialog{width:min(500px,94vw);margin-right:0;height:min(100dvh,800px);max-height:100dvh;border-radius:18px 0 0 18px;padding:22px;background:var(--surface-soft)}
#orderDialog .order-panel{min-height:calc(100% - 54px);overflow:auto}
#orderDialog .close{float:none;display:grid;margin:0 0 10px auto}
.form-grid input,.form-grid select{min-height:48px}
.designer-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;height:100%}
.designer-main{min-width:0;height:100%;display:flex;flex-direction:column}
.designer-heading{padding:2px 4px 16px}
.designer-heading h1{font-size:30px;margin:6px 0 4px}
.designer-heading p{font-size:14px;color:var(--text-muted);margin:0}
.customizer-frame{flex:1;min-height:0;background:#f7f7f2;border-color:var(--border)}
@media(max-width:1100px){.app-header{gap:10px}.app-header nav button{padding-inline:12px}.header-utilities{gap:6px}.designer-layout{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:900px){body{height:auto;overflow:auto}.app-header{height:auto;min-height:0;flex-wrap:wrap;padding:12px 16px}.brand img{width:150px}.app-header nav{order:3;width:100%;justify-content:space-between;margin:0}.app-header nav button{flex:1;justify-content:center}.header-utilities{margin-left:auto}main{height:auto;min-height:calc(100dvh - 120px);padding:18px}.workspace{grid-template-columns:1fr;gap:20px;height:auto}.sidebar{flex-direction:row;flex-wrap:wrap;gap:6px}.sidebar h2,.sidebar .help{display:none}.catalogue{overflow:visible}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-panel{min-height:260px}.designer-layout{display:block;height:auto}.designer-main{height:auto}.customizer-frame{height:75dvh;min-height:620px;display:block}.designer-layout>.order-panel{margin-top:20px}}
@media(max-width:600px){.header-utilities #restart{display:none}.header-utilities select{max-width:100px}.app-header nav button{font-size:13px;padding-inline:8px}.grid{gap:12px}.product .info{padding:14px}.product img{max-height:170px}.title-row{align-items:start;flex-direction:column}.result-count{white-space:normal}.split{grid-template-columns:1fr}.detail-image{min-height:220px}}
@media(prefers-reduced-motion:reduce){.detail-image{animation:none!important}}

body[data-view=staff] #orderNav{display:none}

/* Keep both primary paths visible in the standard desktop first viewport. */

/* The product itself is the gallery: four real catalogue photographs lead to the existing filters. */
body[data-view="home"]{background:var(--surface-soft)}
body[data-view="home"] main{padding:clamp(16px,2.2vw,30px);overflow:auto}
.storefront-home{max-width:1510px;margin:0 auto;color:var(--text)}
.home-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}
.home-intro h1{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.045em;line-height:1.08;margin:0 0 7px}
.home-intro p{margin:0;color:var(--text-muted);font-size:16px}
.home-intro form{width:min(470px,42%);flex:none}
.home-intro label{margin:0 0 7px;font-size:13px;color:var(--text-muted)}
.home-search-row{display:flex;gap:8px}
.home-search-row input{min-width:0;flex:1;border-color:var(--border)}
.home-search-row button{background:var(--text);border-color:var(--text);color:#fff;white-space:nowrap;min-height:48px}
.home-picks{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.92fr);gap:18px;height:min(520px,calc(100dvh - 272px));min-height:390px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.category-card,.custom-entry{position:relative;isolation:isolate;overflow:hidden;text-align:left;border:0;border-radius:18px;min-width:0;min-height:0;color:#fff;box-shadow:0 8px 24px #101a2e18;touch-action:pan-y;transition:transform .18s ease,box-shadow .18s ease}
.category-card{padding:0;background:#0d1525}
.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .28s ease,filter .28s ease}
.category-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#07101de8);pointer-events:none}
.category-card-copy{position:absolute;z-index:1;bottom:19px;left:20px;right:64px;display:flex;flex-direction:column;gap:3px}
.category-card-copy strong{font-size:clamp(21px,2vw,29px);letter-spacing:-.03em;line-height:1.1}
.category-card-copy small{font-size:13px;color:#d7deec}
.category-card-arrow{position:absolute;z-index:1;right:18px;bottom:19px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff88;border-radius:50%;font-size:20px}
.category-card:hover img,.category-card:focus-visible img{transform:scale(1.035);filter:brightness(1.13)}
.category-card:hover,.category-card:focus-visible,.custom-entry:hover,.custom-entry:focus-visible{box-shadow:0 15px 34px #101a2e35}
.category-card:active,.custom-entry:active{transform:scale(.985)}
.category-card:focus-visible,.custom-entry:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.custom-entry{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:radial-gradient(circle at 72% 35%,#af538044,transparent 34%),linear-gradient(145deg,#203557,#0d172a 80%)}
.custom-entry::before{content:"";position:absolute;inset:12px;border:1px solid #e7d5a75c;border-radius:12px;pointer-events:none}
.custom-kicker{font-size:14px;letter-spacing:.02em;color:#f1db9c;font-weight:650}
.custom-visual{align-self:center;margin:auto 0;text-align:center;color:#ffd2e9;font:italic clamp(38px,4.6vw,70px)/.9 Georgia,serif;text-shadow:0 0 5px #ff69ae,0 0 18px #fa4d9ab0,0 0 35px #ec4b8860;transform:rotate(-7deg)}
.custom-entry>strong{position:relative;font-size:clamp(23px,2.3vw,34px);line-height:1.1;letter-spacing:-.03em}
.custom-description{position:relative;margin-top:8px;color:#d7deec;font-size:14px;line-height:1.4}
.custom-action{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;margin-top:19px;min-width:180px;padding:12px 15px;border-radius:999px;background:var(--action);color:#172039;font-size:14px;font-weight:700}
.home-instore{color:var(--text-muted);font-size:13px;margin:18px 0 0}
.back-home{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0 6px;color:var(--text);font-size:14px;font-weight:650;text-decoration:none}
.back-home:hover{text-decoration:underline}
@media(max-width:900px){body[data-view="home"] main{min-height:calc(100dvh - 145px);padding:20px}.home-intro{align-items:start;flex-direction:column;gap:18px}.home-intro form{width:100%}.home-picks{height:auto;min-height:0;grid-template-columns:1fr}.category-grid{grid-template-rows:repeat(2,185px);gap:14px}.custom-entry{min-height:245px}.custom-visual{position:absolute;right:45px;top:47px;font-size:51px;opacity:.72}.custom-entry>strong,.custom-description,.custom-action{max-width:55%}}
@media(max-width:600px){.home-intro h1{font-size:32px}.home-intro p{font-size:15px}.home-search-row button{padding-inline:12px}.category-grid{grid-template-rows:repeat(2,172px);gap:10px}.category-card-copy{bottom:13px;left:13px;right:43px}.category-card-copy strong{font-size:18px}.category-card-copy small{font-size:11px}.category-card-arrow{right:10px;bottom:12px;width:32px;height:32px;font-size:16px}.custom-entry{padding:22px;min-height:225px}.custom-visual{right:30px;top:50px;font-size:39px}.custom-entry>strong{font-size:23px}.custom-description,.custom-action{max-width:67%}}
@media(prefers-reduced-motion:reduce){.category-card img,.category-card,.custom-entry{transition:none!important}.category-card:hover img,.category-card:focus-visible img{transform:none}.category-card:active,.custom-entry:active{transform:none}}

/* Customer visual and motion refinement: image-led showroom, direct interaction. */
body[data-view="home"]{background:radial-gradient(circle at 72% 9%,#f2edcf 0,#f7f7f2 34%,#f2f4f0 100%)}
.storefront-home{position:relative}
.home-intro h1{font-size:clamp(34px,3.6vw,52px);font-weight:730;letter-spacing:-.06em}
.home-intro p{color:#4f5a6c}
.home-picks{grid-template-columns:minmax(0,1.9fr) minmax(295px,.9fr);gap:20px}
.category-grid{grid-template-columns:1.12fr .88fr;gap:16px;padding:12px;border-radius:26px;background:linear-gradient(145deg,#19253d,#0b1324 76%);box-shadow:0 18px 38px #0d18342a,inset 0 1px #ffffff29}
.category-card{border-radius:15px;box-shadow:0 3px 12px #050b18a0,inset 0 0 0 1px #ffffff1c;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.category-card:nth-child(2),.category-card:nth-child(3){margin:12px 0}
.category-card:nth-child(1),.category-card:nth-child(4){margin:-3px 0}
.category-card::before{content:"";position:absolute;inset:0;z-index:1;border:1px solid #ffe6a900;border-radius:inherit;box-shadow:inset 0 0 0 #ffd76400;pointer-events:none;transition:border-color .2s,box-shadow .2s}
.category-card::after{inset:25% 0 0;background:linear-gradient(transparent,#07101d95 53%,#07101df5)}
.category-card img{filter:brightness(.92) saturate(1.12);transition:transform .3s ease,filter .3s ease}
.category-card:nth-child(1) img,.category-card:nth-child(4) img{transform:scale(1.03)}
.category-card:hover img,.category-card:focus-visible img{filter:brightness(1.12) saturate(1.18)}
.category-card:is(:hover,:focus-visible,:active)::before{border-color:#f4d88799;box-shadow:inset 0 0 24px #f0cd5766}
.category-card:active{transform:perspective(700px) scale(.967) translateZ(-8px);box-shadow:0 1px 7px #050b18a0}
.category-card:active img{filter:brightness(1.2) saturate(1.2)}
.category-card-arrow{background:#17223b7d;backdrop-filter:blur(3px);border-color:#ffffffac}
.custom-entry{border:1px solid #d8c37b66;background:radial-gradient(circle at 55% 35%,#cc538750,transparent 36%),radial-gradient(circle at 74% 45%,#6682b03d,transparent 49%),linear-gradient(155deg,#283f66,#0d172a 78%);box-shadow:0 18px 38px #0d18342b,inset 0 1px #ffffff45}
.custom-entry::after{content:"";position:absolute;inset:auto 28px 26% 28px;height:1px;background:linear-gradient(90deg,transparent,#efdb9a88,transparent);pointer-events:none}
.custom-visual{text-shadow:0 0 4px #ff90c0,0 0 16px #fa4d9ae0,0 0 34px #ec4b8880;transition:transform .22s,filter .22s}
.custom-entry:is(:hover,:focus-visible,:active) .custom-visual{transform:rotate(-5deg) scale(1.06);filter:brightness(1.2)}
.custom-entry:active{transform:scale(.975)}
.custom-action{min-height:48px;box-shadow:0 4px 14px #02081755}
.home-first-visit .category-card,.home-first-visit .custom-entry{animation:home-arrive .48s both cubic-bezier(.18,.7,.2,1)}
.home-first-visit .category-card:nth-child(2){animation-delay:45ms}.home-first-visit .category-card:nth-child(3){animation-delay:90ms}.home-first-visit .category-card:nth-child(4){animation-delay:135ms}.home-first-visit .custom-entry{animation-delay:170ms}
@keyframes home-arrive{from{opacity:.76;translate:0 13px;scale:.975;filter:blur(1px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
.collection-enter .back-home,.collection-enter .title-row,.collection-enter .search-label,.collection-enter .search,.collection-enter .grid{animation:collection-arrive .24s both ease-out}
.collection-enter .grid{animation-delay:45ms}
@keyframes collection-arrive{from{opacity:.68;translate:0 10px}to{opacity:1;translate:0 0}}
.product{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.product:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 15px 33px #101a2e26;border-color:#d0bf83}
.product:active{transform:scale(.977)}
.product img{background:radial-gradient(circle at 50% 45%,#263751,#0b1322 70%)}
#detail[open]:has(.detail-options-panel){animation:none}
#detail .detail-image{animation:none}
@media(max-width:900px){.home-picks{grid-template-columns:1fr}.category-grid{gap:12px;padding:10px}.category-card:nth-child(2),.category-card:nth-child(3){margin:7px 0}.category-card:nth-child(1),.category-card:nth-child(4){margin:-2px 0}}
@media(max-width:600px){.category-grid{gap:8px;padding:8px;border-radius:20px}.category-card:nth-child(2),.category-card:nth-child(3){margin:4px 0}.custom-entry::after{display:none}}
@media(prefers-reduced-motion:reduce){.home-first-visit .category-card,.home-first-visit .custom-entry,.collection-enter .back-home,.collection-enter .title-row,.collection-enter .search-label,.collection-enter .search,.collection-enter .grid{animation:none!important}.category-card img,.category-card:active,.product:is(:hover,:focus-visible),.product:active,.custom-entry:is(:hover,:focus-visible,:active) .custom-visual{transform:none!important}.category-card-arrow{backdrop-filter:none}}

/* Customer palette refinement: one neutral canvas and one coordinated showroom. */
body[data-view="home"]{--home-canvas:#edf0f2;--home-header:#f8f9fa;--home-stage:#111923;--home-stage-raised:#1b2838;--home-border:#58687b;--home-ink:#25344e;--home-muted:#526074;--home-gold:#e6d874;background:var(--home-canvas)}
body[data-view="home"] .app-header{background:var(--home-header);border-bottom-color:#d7dde2}
body[data-view="home"] main{background:linear-gradient(135deg,#f4f6f7 0%,var(--home-canvas) 68%,#e8ecef 100%)}
body[data-view="home"] .storefront-home{color:var(--home-ink)}
body[data-view="home"] .home-intro p,body[data-view="home"] .home-intro label,body[data-view="home"] .home-instore{color:var(--home-muted)}
body[data-view="home"] .home-search-row input{background:#fff;border-color:#b9c3cc;color:var(--home-ink)}
body[data-view="home"] .home-search-row input::placeholder{color:#647183}
body[data-view="home"] .home-search-row button{background:var(--home-ink);border-color:var(--home-ink);color:#fff}
body[data-view="home"] .home-search-row button:is(:hover,:active){background:#17243a;border-color:#17243a}
body[data-view="home"] .category-grid{background:linear-gradient(145deg,var(--home-stage-raised),#101722 78%);box-shadow:0 18px 38px #111d3026,inset 0 0 0 1px #4b5b6e,inset 0 1px #ffffff20}
body[data-view="home"] .category-card{background:var(--home-stage);box-shadow:0 3px 12px #050b18a0,inset 0 0 0 1px #a8b8c82e}
body[data-view="home"] .category-card img,body[data-view="home"] .category-card:is(:hover,:focus-visible,:active) img{filter:none}
body[data-view="home"] .category-card::after{background:linear-gradient(transparent,#0b121b88 48%,#0b121bf4)}
body[data-view="home"] .category-card-copy small,body[data-view="home"] .custom-description{color:#d7dfe7}
body[data-view="home"] .category-card-arrow{background:#101923a8;border-color:#d7dfe7ba;color:#fff}
body[data-view="home"] .category-card:is(:hover,:focus-visible,:active)::before{border-color:#e6d874a6;box-shadow:inset 0 0 19px #e6d87440}
body[data-view="home"] .custom-entry{background:linear-gradient(155deg,var(--home-stage-raised),var(--home-stage) 80%);border-color:var(--home-border);box-shadow:0 18px 38px #111d3026,inset 0 1px #ffffff25}
body[data-view="home"] .custom-entry::before{border-color:#aab6c052}
body[data-view="home"] .custom-entry::after{background:linear-gradient(90deg,transparent,#aab6c077,transparent)}
body[data-view="home"] .custom-kicker{color:#f1df9a}
body[data-view="home"] .custom-action{background:var(--home-gold);color:#162235}
body[data-view="home"] .custom-entry:is(:hover,:focus-visible,:active){border-color:#e6d8749c}
body[data-view="home"] .category-card:focus-visible,body[data-view="home"] .custom-entry:focus-visible{outline:3px solid #f1da7a;outline-offset:3px}
body[data-view="home"] .home-search-row :focus-visible,body[data-view="home"] .app-header :focus-visible{outline-color:#285d99}
body[data-view="home"] .app-header nav #orderNav{background:var(--home-header);border-color:#b9c3cc}
body[data-view="home"] .app-header nav #orderNav.has-items{background:#faf7e5;border-color:#b8a654}
body[data-view="home"] #orderCount{background:var(--home-ink);color:#fff}

/* Customer surface integration: continuous deep-neutral showroom; Staff is outside this scope. */
body:is([data-view="home"],[data-view="browse"],[data-view="design"]){--gallery-bg:#0d151f;--gallery-header:#101a26;--gallery-surface:#182432;--gallery-raised:#1e2c3b;--gallery-card:#14202d;--gallery-border:#415267;--gallery-ink:#f3f6f8;--gallery-muted:#b7c4d1;--gallery-gold:#e6d874;background:var(--gallery-bg);color:var(--gallery-ink)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) main{background:linear-gradient(145deg,#111c29 0%,var(--gallery-bg) 58%,#0b131d 100%);color:var(--gallery-ink)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header{background:var(--gallery-header);border-bottom-color:#35465a;color:var(--gallery-ink)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header::after{background:linear-gradient(90deg,transparent,#e6d874 35%,#536780 68%,transparent);opacity:.68}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .brand{padding:4px 10px;border:1px solid #d9ddd9;border-radius:10px;background:#f7f8f5;color:#25344e;box-shadow:0 2px 10px #050c1640}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header nav button{color:#edf2f6;background:transparent}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header nav button:hover{background:#233247}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header nav button[aria-current="page"]{background:#26384d;color:#fff;box-shadow:inset 0 -2px var(--gallery-gold)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header nav #orderNav{background:#1b2a3a;border:1px solid #55667b;color:#f3f6f8}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .app-header nav #orderNav.has-items{background:#28394a;border-color:#baa960}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #orderCount{background:var(--gallery-gold);color:#172334}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .header-utilities select,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .header-utilities #restart{background:#1b2a3a;border:1px solid #55667b;color:#f3f6f8;min-height:46px}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .header-utilities select option{background:#1b2a3a;color:#fff}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .staff-link{color:#c4cfdb}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--gallery-gold);outline-offset:3px}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) :is(input,select,textarea){background:#1b2938;border-color:#66778b;color:#f5f7fa}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) select option{background:#1b2938;color:#f5f7fa}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) :is(input,textarea)::placeholder{color:#aebccb}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) button.primary{background:var(--gallery-gold);border-color:var(--gallery-gold);color:#172334}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .muted{color:var(--gallery-muted)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #toast{background:#223348;border:1px solid #687a8d;color:#fff}

body[data-view="home"] .storefront-home{color:var(--gallery-ink)}
body[data-view="home"] .home-intro p,body[data-view="home"] .home-intro label,body[data-view="home"] .home-instore{color:var(--gallery-muted)}
body[data-view="home"] .home-search-row input{background:#1b2938;border-color:#66778b;color:#fff}
body[data-view="home"] .home-search-row input::placeholder{color:#aebccb}
body[data-view="home"] .home-search-row button{background:var(--gallery-gold);border-color:var(--gallery-gold);color:#172334;font-weight:700}
body[data-view="home"] .home-search-row button:is(:hover,:active){background:#f0e397;border-color:#f0e397;color:#172334}
body[data-view="home"] .category-grid{padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
body[data-view="home"] .category-card{background:var(--gallery-card);border:1px solid #3b4c60;box-shadow:0 8px 19px #050b1457}
body[data-view="home"] .category-card:is(:hover,:focus-visible){box-shadow:0 12px 26px #050b1480}
body[data-view="home"] .category-card-copy small{color:#dbe3ec}
body[data-view="home"] .category-card-arrow{background:#111c29b8;border-color:#d1dce7a8}
body[data-view="home"] .custom-entry{background:linear-gradient(155deg,#1b2a39,#14202d 78%);border:1px solid #4b5d70;box-shadow:0 8px 19px #050b1457}
body[data-view="home"] .custom-entry::before,body[data-view="home"] .custom-entry::after{display:none}
body[data-view="home"] .custom-entry:is(:hover,:focus-visible){box-shadow:0 12px 26px #050b1480}
body[data-view="home"] .custom-description{color:#dbe3ec}
body[data-view="home"] .custom-action{background:var(--gallery-gold);color:#172334}
body[data-view="home"] .category-card:focus-visible,body[data-view="home"] .custom-entry:focus-visible{outline-color:var(--gallery-gold)}
body[data-view="home"] .app-header nav #orderNav{background:#1b2a3a;border-color:#55667b;color:#f3f6f8}
body[data-view="home"] .app-header nav #orderNav.has-items{background:#28394a;border-color:#baa960}
body[data-view="home"] #orderCount{background:var(--gallery-gold);color:#172334}
body[data-view="home"] .home-search-row :focus-visible,body[data-view="home"] .app-header :focus-visible{outline-color:var(--gallery-gold)}

body[data-view="browse"] .sidebar,body[data-view="browse"] .catalogue,body[data-view="design"] .designer-heading{color:var(--gallery-ink)}
body[data-view="browse"] .sidebar button{color:#d3deea}
body[data-view="browse"] .sidebar button:not(.active):hover{background:#233247}
body[data-view="browse"] .sidebar button.active{background:#26384d;color:#fff;box-shadow:inset 3px 0 var(--gallery-gold)}
body[data-view="browse"] .back-home{color:#e5edf4}
body[data-view="browse"] .eyebrow,body[data-view="design"] .eyebrow{color:#e6d874}
body[data-view="browse"] .catalog-intro,body[data-view="browse"] .result-count,body[data-view="browse"] .preview-note,body[data-view="browse"] .sidebar .help,body[data-view="design"] .designer-heading p{color:var(--gallery-muted)}
body[data-view="browse"] .search-label{color:#dce5ee}
body[data-view="browse"] .search{background:#1b2938;border-color:#66778b;color:#fff}
body[data-view="browse"] .product{background:var(--gallery-surface);border-color:#405168;color:var(--gallery-ink);box-shadow:0 4px 13px #050b1440}
body[data-view="browse"] .product:is(:hover,:focus-visible){border-color:#c4b363;box-shadow:0 12px 28px #050b1478}
body[data-view="browse"] .product img,body[data-view="browse"] .product:is(:hover,:focus-visible) img{background:#101923;filter:none}
body[data-view="browse"] .product .price-row span{color:#e6d874}
body[data-view="browse"] .empty-state{background:var(--gallery-surface);border-color:var(--gallery-border);color:var(--gallery-ink)}
body[data-view="browse"] .empty-state p{color:var(--gallery-muted)}
body:is([data-view="browse"],[data-view="design"]) .order-panel,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #orderDialog .order-panel{background:var(--gallery-surface);border-color:var(--gallery-border);color:var(--gallery-ink);box-shadow:0 4px 13px #050b1440}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-empty,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .muted{color:var(--gallery-muted)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .line{border-bottom-color:#394a5e}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .line small{color:var(--gallery-muted)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .quantity button{background:#25364a;border-color:#627489;color:#fff}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .quantity .remove{color:#f1d7cf}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) .order-panel .total{border-top:1px solid #394a5e}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #orderDialog{background:#172331;border-color:#53657a;color:var(--gallery-ink)}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail::backdrop,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #orderDialog::backdrop{background:#050a13bb}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail .close,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #orderDialog .close{background:#26374a;border-color:#65778c;color:#fff}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail .eyebrow{color:#e6d874}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail .detail-selected,body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail .summary{background:#223247;color:#f3f6f8}
body:is([data-view="home"],[data-view="browse"],[data-view="design"]) #detail .detail-options-panel .muted{color:var(--gallery-muted)}
body[data-view="design"] .customizer-frame{border-color:#53657a;box-shadow:0 4px 13px #050b1440}
.designer-back{display:inline-flex;align-items:center;min-height:46px;margin:0 0 10px;padding:8px 14px;border:1px solid #62748a;background:#1b2a3a;color:#f3f6f8;font-size:14px;font-weight:650}
.designer-heading .eyebrow{display:block}
.designer-back:hover{background:#26384d;border-color:#e6d874}
.designer-back:focus-visible{outline:3px solid #e6d874;outline-offset:3px}
@media(max-width:900px){body[data-view="design"] .app-header{position:sticky;top:0;z-index:20}}
@media(max-width:900px){body[data-view="design"] .designer-heading{padding-top:40px}}