.showroom { --showroom-gold:#c4a15b; --showroom-paper:#f4efe5; --showroom-muted:#bbb5aa; background:#090909; color:var(--showroom-paper); }
.showroom [hidden] { display:none !important; }
.showroom a, .showroom button, .showroom input, .showroom select, .showroom textarea { -webkit-tap-highlight-color:transparent; }
.showroom :focus-visible { outline:2px solid #e4c67f; outline-offset:5px; }
.showroom-skip { position:fixed; left:16px; top:-100px; z-index:100; background:var(--showroom-paper); color:#111; padding:12px; }
.showroom-skip:focus { top:12px; }
.showroom-nav { height:96px; padding:0 clamp(22px,4vw,72px); display:flex; align-items:center; gap:35px; justify-content:space-between; border-bottom:1px solid #b18c4536; background:#090909; position:relative; z-index:3; }
.showroom-brand { display:inline-flex; align-items:center; gap:14px; flex-shrink:0; }
.showroom-brand img { object-fit:contain; width:54px; height:60px; }
.showroom-brand > span { color:#dfca99; font-family:Georgia,serif; font-size:18px; line-height:1.2; letter-spacing:.16em; }
.showroom-brand b { font-family:Inter,'Segoe UI',sans-serif; display:block; font-size:10px; letter-spacing:.58em; margin-top:5px; font-weight:500; }
.showroom-links { display:flex; gap:36px; margin-left:auto; margin-right:24px; font-size:13px; }
.showroom-links a { color:#d2cec6; }
.showroom-links a:hover { color:#e4c67f; }
.showroom-nav-contact { border:1px solid #b18c4570; color:#e2c789; padding:13px 20px; font-size:13px; display:flex; align-items:center; gap:32px; }
.showroom-nav-contact:hover { background:#c4a15b18; }
.showroom-welcome { display:grid; grid-template-columns:1fr 1fr; min-height:calc(100svh - 96px); max-height:1000px; }
.showroom-welcome-copy { padding:clamp(35px,5vw,80px) clamp(24px,5vw,80px) 28px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.showroom .section-eyebrow { color:#c4a15b; font-size:10px; letter-spacing:.24em; }
.showroom-welcome h1 { font-family:Cinzel,Georgia,serif; font-size:clamp(46px,6.4vw,108px); line-height:1.03; letter-spacing:-.055em; font-weight:400; margin-top:35px; }
.showroom em { color:#c4a15b; font-style:normal; }
.showroom-welcome-copy > p { font-size:15px; line-height:1.9; color:#bdb7ac; margin-top:28px; }
.showroom-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:34px; }
.showroom-primary { display:inline-flex; gap:35px; align-items:center; justify-content:space-between; background:linear-gradient(115deg,#b48c3c,#dfc684 62%,#b18b3d); color:#17130d; border:0; padding:17px 23px; font-size:12px; font-weight:600; cursor:pointer; text-decoration:none; }
.showroom-primary:hover { filter:brightness(1.08); }
.showroom-secondary { font-size:12px; color:#ded8cc; padding:12px 0; border-bottom:1px solid #a98b4c70; }
.showroom-welcome-bottom { width:100%; margin-top:65px; padding-top:20px; border-top:1px solid #b18c4533; display:flex; gap:20px; justify-content:space-between; color:#aaa295; text-transform:uppercase; font-size:9px; letter-spacing:.16em; }
.showroom-welcome-bottom a { color:#ded4bc; }
.showroom-welcome-visual { position:relative; min-height:600px; overflow:hidden; }
.showroom-welcome-visual > img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; object-position:50% 27%; }
.showroom-welcome-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#0009,transparent 32%); pointer-events:none; }
.showroom-welcome-caption { position:absolute; bottom:27px; left:30px; right:30px; z-index:1; display:flex; justify-content:space-between; gap:15px; font-size:11px; color:#efe7d9; }
.showroom-welcome-caption span:first-child { font-family:Georgia,serif; font-style:italic; font-size:18px; }
.showroom-operating-strip { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; padding:23px clamp(24px,4vw,65px); border-top:1px solid #a98b4c55; background:#11110f; font:9px/1.6 Consolas,monospace; letter-spacing:.12em; color:#b8ab8c; }
.showroom-operating-strip b { color:#111; background:#c3a363; padding:4px 7px; margin-right:12px; font-weight:500; }
.showroom-hdam { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:50px; padding:65px clamp(24px,5vw,80px); border-top:1px solid #a98b4c40; background:linear-gradient(120deg,#12120f,#1b1a15); }
.showroom-hdam-mark { width:120px; height:120px; border:1px solid #a98b4c80; display:flex; justify-content:center; align-items:center; color:#d7bf85; font:42px Georgia,serif; position:relative; }
.showroom-hdam-mark::before, .showroom-hdam-mark::after { content:''; position:absolute; width:9px; height:9px; border:1px solid #c4a15b; background:#161611; }
.showroom-hdam-mark::before { top:-5px; left:-5px; } .showroom-hdam-mark::after { bottom:-5px; right:-5px; }
.showroom-hdam-mark span { font:20px Consolas,monospace; margin:0 6px; }
.showroom-hdam h2 { font:clamp(26px,3vw,44px)/1.15 Cinzel,Georgia,serif; letter-spacing:-.03em; margin:18px 0; }
.showroom-hdam p { color:#bdb4a2; font-size:13px; line-height:1.8; max-width:610px; }
.showroom-hdam > a { white-space:nowrap; }
.showroom-floor { border-top:1px solid #b18c4533; align-items:start; scroll-margin-top:15px; }
.showroom-floor .pd-capabilities__intro { position:sticky; top:10px; padding-bottom:65px; }
.showroom-floor .pd-capabilities__intro h2 { font-size:clamp(40px,3.8vw,80px); }
.showroom .pd-insights__intro h2 { font-size:clamp(36px,3.8vw,80px); }
.showroom .pd-cta-banner__copy h2 { font-size:clamp(36px,4vw,80px); }
.showroom-brand-showcase { margin:0; padding:28px; background:#0c0c0b; min-width:0; }
.showroom-brand-showcase > a { display:block; }
.showroom-brand-showcase img { display:block; width:100%; height:auto; object-fit:contain; }
.showroom-brand-showcase figcaption { padding:25px 0 10px; color:#eee6d7; }
.showroom-brand-showcase h3 { font:27px Cinzel,Georgia,serif; margin:15px 0; }
.showroom-brand-showcase figcaption p { font-size:12px; line-height:1.8; color:#bab1a2; max-width:500px; }
.showroom-brand-showcase .showroom-secondary { display:inline-flex; margin:15px 20px 0 0; }
.showroom-hdam-mark { box-shadow:inset 2px 0 #56b4c477; }
.showroom-aisle { padding:64px 48px 64px 20px; min-width:0; }
.showroom-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.showroom-filters button { font-family:inherit; color:#bdb7aa; border:1px solid #a98b4c4d; padding:9px 12px; background:transparent; font-size:11px; cursor:pointer; border-radius:2px; }
.showroom-filters button[aria-pressed="true"] { background:#dfc684; color:#17130d; border-color:#dfc684; }
.showroom-count { font-size:11px; color:#b6afa3; margin-bottom:18px; }
.showroom-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.showroom-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid #a98b4c40; background:linear-gradient(145deg,#1c1a16,#111110 75%); transition:border-color .2s, transform .2s; }
.showroom-card:hover { border-color:#bda261; transform:translateY(-3px); }
.showroom-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#c7b17f; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.showroom-number { font-family:Georgia,serif; font-size:24px; color:#bd9b54; }
.showroom-card h3 { margin-top:25px; font-family:Cinzel,Georgia,serif; font-size:clamp(20px,1.65vw,29px); line-height:1.22; font-weight:400; letter-spacing:-.02em; overflow-wrap:anywhere; }
.showroom-card > p { color:#bfb9ae; font-size:12px; line-height:1.8; margin-top:16px; margin-bottom:28px; }
.showroom-price { color:#e5d6b6; font-family:Georgia,serif; font-size:32px; font-variant-numeric:tabular-nums; line-height:1.2; margin-top:auto; }
.showroom-price span { font:11px Inter,'Segoe UI',sans-serif; color:#bcb4a4; white-space:nowrap; }
.showroom-card-link { display:flex; justify-content:space-between; gap:18px; border-top:1px solid #a98b4c40; margin-top:22px; padding-top:17px; font-size:11px; color:#d9be7e; }
.showroom-bespoke { background:#eee6d7; color:#1c1812; }
.showroom-bespoke h3 { margin-top:28px; }
.showroom-bespoke p { color:#595043; }
.showroom-bespoke .showroom-number { color:#766035; font-size:16px; }
.showroom-bespoke .showroom-card-link { color:#644d22; margin-top:auto; }
.showroom-note { font-size:11px; line-height:1.8; color:#bcb4a6; margin-top:24px; max-width:700px; }
.showroom-footer { padding:54px clamp(24px,5vw,80px) 26px; border-top:1px solid #b18c453d; display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:center; }
.showroom-footer > p { text-align:right; font-family:Georgia,serif; color:#cab482; font-size:18px; }
.showroom-footer nav { display:flex; flex-wrap:wrap; gap:25px; font-size:11px; color:#bbb4a7; }
.showroom-footer small { font-size:10px; color:#a19b8f; text-align:right; }
.showroom-page-heading { padding:70px clamp(24px,5vw,80px) 25px; }
.showroom-page-heading h1, .showroom-reception h1 { font-family:Cinzel,Georgia,serif; font-size:clamp(43px,6vw,92px); letter-spacing:-.045em; font-weight:400; line-height:1.05; margin:25px 0; }
.showroom-page-heading > p { color:#bdb7aa; font-size:15px; }
.showroom-catalogue .showroom-aisle { padding:35px clamp(24px,5vw,80px) 70px; }
.showroom-catalogue .showroom-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.showroom-service-records { padding:0 clamp(24px,5vw,80px) 70px; }
.showroom-service-records > h2 { font:28px Cinzel,Georgia,serif; margin-bottom:25px; }
.showroom-service-record { border-top:1px solid #a98b4c45; padding:20px 0; scroll-margin-top:30px; }
.showroom-service-record summary { cursor:pointer; font-size:14px; color:#dfc68e; }
.showroom-service-record summary span { color:#c6bba5; float:right; margin-left:12px; font-size:12px; }
.showroom-service-record p { font-size:14px; color:#c1b9ab; margin-top:20px; max-width:720px; }
.showroom-service-record ul { margin:20px; list-style:disc; color:#c1b9ab; font-size:13px; }
.showroom-service-record a { color:#dfc68e; font-size:13px; }
.showroom-dialog { color:#f4efe5; background:#151411; border:1px solid #9e7e40; padding:45px; width:min(580px,calc(100% - 32px)); max-height:88svh; overflow:auto; margin:auto; box-shadow:0 30px 120px #000a; }
.showroom-dialog::backdrop { background:#000b; backdrop-filter:blur(5px); }
.showroom-close { background:transparent; color:#e8d3a0; border:1px solid #9e7e4066; width:36px; height:36px; position:absolute; right:15px; top:15px; cursor:pointer; font-size:18px; }
.showroom-dialog h2 { font:34px/1.15 Cinzel,Georgia,serif; margin:28px 0 20px; }
.showroom-dialog > p:not(.showroom-price):not(.showroom-note) { font-size:14px; line-height:1.8; color:#c5bdae; }
.showroom-dialog h3 { margin:28px 0 15px; font:13px Inter,sans-serif; color:#d8c494; }
.showroom-dialog ul { list-style:disc; padding-left:18px; margin-bottom:28px; color:#c5bdae; font-size:13px; line-height:2; }
.showroom-dialog .showroom-primary { margin-top:28px; width:100%; }
.showroom-reception { padding:80px clamp(24px,5vw,80px); display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,7vw,120px); }
.showroom-reception-copy > p { color:#c1b9ab; font-size:15px; line-height:1.9; max-width:440px; }
.showroom-email { color:#dfc68e; display:inline-block; margin-top:30px; font-size:clamp(12px,1.2vw,17px); overflow-wrap:anywhere; }
.showroom-enquiry { border:1px solid #a98b4c60; background:#151411; padding:40px; }
.showroom-enquiry h2 { font:30px/1.2 Cinzel,Georgia,serif; margin:25px 0 30px; }
.showroom-enquiry label { display:block; font-size:12px; color:#d3c6ac; margin:24px 0 10px; }
.showroom-enquiry select, .showroom-enquiry textarea { display:block; width:100%; padding:15px; color:#e9e0cd; background:#0c0c0b; border:1px solid #a98b4c65; border-radius:0; font:13px/1.7 Inter,'Segoe UI',sans-serif; }
.showroom-enquiry textarea { resize:vertical; }
.showroom-enquiry button { width:100%; margin-top:25px; }
.showroom-enquiry #enquiry-status { margin-top:15px; color:#d9c38e; font-size:12px; }
@media(min-width:1700px) { .showroom-aisle { padding-right:65px; } .showroom-card { padding:36px; } }
@media(max-width:1150px) { .showroom-catalogue .showroom-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .showroom-floor { grid-template-columns:1fr; } .showroom-floor .pd-capabilities__intro { position:static; padding-bottom:0; max-width:850px; } .showroom-floor .pd-capabilities__intro h2 { font-size:clamp(36px,6vw,68px); } .showroom-aisle { padding:35px clamp(24px,5vw,60px) 55px; } .showroom-welcome h1 { font-size:clamp(42px,6vw,72px); } .showroom-welcome-bottom { margin-top:45px; flex-direction:column; gap:10px; } }
@media(max-width:700px) { .showroom-nav { height:82px; gap:16px; padding:0 20px; } .showroom-brand { gap:8px; } .showroom-brand img { width:38px; height:44px; } .showroom-brand > span { font-size:13px; } .showroom-brand b { font-size:8px; } .showroom-links { display:none; } .showroom-nav-contact { padding:11px 13px; gap:14px; font-size:11px; } .showroom-welcome { grid-template-columns:1fr; max-height:none; } .showroom-welcome-copy { padding:44px 24px 28px; } .showroom-welcome h1 { font-size:clamp(54px,12vw,80px); margin-top:24px; } .showroom-welcome-copy > p { margin-top:22px; font-size:14px; } .showroom-actions { gap:22px; margin-top:26px; } .showroom-welcome-bottom { margin-top:36px; flex-direction:row; font-size:8px; gap:20px; } .showroom-welcome-visual { min-height:440px; height:60svh; } .showroom-welcome-visual > img { object-position:center 30%; } .showroom-welcome-caption { left:22px; right:22px; } .showroom-grid,.showroom-catalogue .showroom-grid { grid-template-columns:1fr; } .showroom-card { padding:28px; } .showroom-card h3 { font-size:26px; } .showroom-card > p { font-size:13px; } .showroom-footer { grid-template-columns:1fr; padding-top:36px; } .showroom-footer > p,.showroom-footer small { text-align:left; } .showroom-footer nav { gap:22px; } .showroom-reception { grid-template-columns:1fr; padding:45px 24px; } .showroom-enquiry { padding:26px; } .showroom-dialog { padding:34px 25px; } .showroom-dialog h2 { font-size:28px; } .showroom-service-record summary span { float:none; display:block; margin:8px 0 0; } }
@media(prefers-reduced-motion:reduce) { .showroom * { scroll-behavior:auto!important; transition:none!important; } }
.showroom-footer { display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; isolation:isolate; overflow:hidden; text-align:center; padding:48px 24px 30px; gap:20px; background:#090909; }
.showroom-footer-logo { position:relative; z-index:1; display:block; }
.showroom-footer-logo img { display:block; width:220px; height:auto; max-height:220px; object-fit:contain; }
.showroom-footer > p { text-align:center; position:relative; z-index:1; margin:0; color:#d3ba80; font-size:19px; }
.showroom-footer nav { justify-content:center; position:relative; z-index:1; margin-top:5px; }
.showroom-footer small { text-align:center; position:relative; z-index:1; margin-top:7px; }
.showroom-footer-watermark { position:absolute; z-index:0; left:50%; top:75%; transform:translate(-50%,-50%); white-space:nowrap; pointer-events:none; user-select:none; font:500 clamp(23px,7.3vw,150px)/1 Cinzel,Georgia,serif; letter-spacing:.03em; color:#c4a15b; opacity:.075; }
@media(max-width:800px) { .showroom-hdam { grid-template-columns:auto 1fr; gap:25px; } .showroom-hdam-mark { width:80px; height:80px; font-size:28px; } .showroom-hdam > a { grid-column:2; justify-self:start; } .showroom-operating-strip { font-size:8px; gap:10px; } }