/* A small real CSS 3D scene. Namespaced; no font, tracking or network dependency. */
.room3d{--room-paint:#e2d8c7;--room-ink:#142b3a;--room-accent:#efc544;max-width:1180px;width:calc(100% - 64px);margin:55px auto 70px;color:var(--room-ink);font-family:Arial,Helvetica,sans-serif}
.room3d *{box-sizing:border-box}.room3d [hidden]{display:none!important}.room3d__intro{max-width:720px;margin-bottom:30px}.room3d__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:700}.room3d h2{font-size:clamp(32px,4vw,48px);line-height:1.07;letter-spacing:-.035em;margin:16px 0 20px}.room3d p{line-height:1.6}.room3d__intro>p:last-child{font-size:17px;max-width:610px;color:#52616b}.room3d__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:30px;align-items:center}.room3d__visual{min-width:0}.room3d__stage{height:400px;position:relative;perspective:1000px;perspective-origin:50% 35%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#edf0ec 0,#dce4e5 100%);border:1px solid #cad5d9;border-radius:6px;overflow:hidden}.room3d__room{width:280px;height:200px;position:relative;transform-style:preserve-3d;transform:translateY(-24px) rotateX(-17deg) rotateY(-24deg)}
.room3d__wall{position:absolute;top:0;height:200px;background:linear-gradient(125deg,#ffffff24,#00000012),var(--room-paint);border:1px solid #22334033;backface-visibility:visible}.room3d__back{width:280px;transform:translateZ(-100px)}.room3d__left{width:200px;transform-origin:0 50%;transform:translateZ(-100px) rotateY(-90deg);background:linear-gradient(90deg,#00000018,#00000008),var(--room-paint)}.room3d__floor{position:absolute;top:200px;left:0;width:280px;height:200px;transform-origin:50% 0;transform:translateZ(-100px) rotateX(90deg);background:repeating-linear-gradient(90deg,#b7936c 0,#b7936c 45px,#8a7057 46px,#c6a47d 47px,#c6a47d 90px);border:1px solid #89745d;box-shadow:0 10px 0 #816d58,0 18px 22px #142b3a35}.room3d__skirting{height:9px;width:100%;position:absolute;bottom:0;background:#f5f1e9;border-top:1px solid #00000020}.room3d__window{position:absolute;left:38px;top:35px;width:100px;height:92px;border:9px solid #fbfaf5;background:linear-gradient(0deg,#b1c1a9 0 28%,#d8edf2 29% 100%);box-shadow:0 4px 12px #00000020}.room3d__window:before{content:"";position:absolute;width:5px;height:100%;background:#fbfaf5;left:45%;top:0}.room3d__sample{position:absolute;right:42px;top:37px;width:52px;height:70px;border:5px solid #ba9470;background:linear-gradient(145deg,#e2c591 0 47%,#74857c 48% 72%,#d6d8c9 73%);box-shadow:0 2px 5px #00000025}.room3d__block{position:absolute;left:124px;top:147px;width:104px;height:53px;transform:translateZ(-82px);transform-style:preserve-3d;background:#f2ebdf;border:1px solid #b8b4a9;box-shadow:inset 0 -8px #ded3c2}.room3d__block:before{content:"";position:absolute;left:-1px;top:-1px;width:104px;height:35px;background:#e5dccd;transform-origin:50% 0;transform:rotateX(-90deg);border:1px solid #b8b4a9}.room3d__block:after{content:"";position:absolute;right:-1px;top:-1px;width:35px;height:53px;background:#cabfac;transform-origin:100% 50%;transform:rotateY(90deg);border:1px solid #b8b4a9}.room3d__block span{position:absolute;width:25px;height:2px;top:17px;left:38px;background:#8e8f84}.room3d__badge{position:absolute;bottom:16px;left:18px;font-size:14px;font-weight:700;background:#fffef4;padding:8px 13px;border-radius:20px}.room3d__caption{font-size:14px;color:#53636c;margin:12px 0 0}.room3d__controls{min-width:0;background:#fff;border:1px solid #d3dfe4;border-radius:6px;padding:25px}.room3d fieldset{margin:0 0 25px;padding:0;border:0;min-width:0}.room3d legend,.room3d__angle{font-size:15px;font-weight:700;display:block;margin-bottom:14px;color:#142b3a}.room3d button{font:inherit;min-height:46px;cursor:pointer;border-radius:4px;touch-action:manipulation;line-height:1.4}.room3d__tones{display:flex;flex-wrap:wrap;gap:8px}.room3d__tones button{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #b7c7ce;background:#fff;color:#142b3a;font-size:14px}.room3d__swatch{height:19px;width:19px;display:block;border:1px solid #53636c60;border-radius:50%;flex-shrink:0}.room3d__swatch--ecru{background:#e2d8c7}.room3d__swatch--sage{background:#8fa897}.room3d__swatch--blue{background:#2f5369}.room3d__finishes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room3d__finishes button{padding:10px;border:1px solid #b7c7ce;background:white;color:#142b3a;font-size:14px}.room3d button[aria-pressed=true]{outline:2px solid #142b3a;outline-offset:-2px;background:#edf2f4;font-weight:700}.room3d__angle input{appearance:auto;display:block;width:100%;min-height:44px;padding:0;margin:8px 0 0;accent-color:#142b3a;cursor:ew-resize;border:0;background:transparent}.room3d__status{font-size:14px;color:#53636c;min-height:23px;margin:15px 0}.room3d__reset{background:transparent;color:#142b3a;text-decoration:underline;text-underline-offset:3px;border:0;padding:3px 0;text-align:left;font-size:14px!important}.room3d button:focus-visible,.room3d input:focus-visible{outline:3px solid #1a789d;outline-offset:3px}.room3d[data-tone=sage]{--room-paint:#8fa897}.room3d[data-tone=blue]{--room-paint:#2f5369}.room3d[data-finish=raw] .room3d__wall{background:repeating-linear-gradient(90deg,#c5c2b9 0,#c5c2b9 67px,#e5e1d5 68px,#e5e1d5 73px,#c5c2b9 74px)}.room3d[data-finish=raw] .room3d__sample,.room3d[data-finish=raw] .room3d__skirting{visibility:hidden}
.room3d__tones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room3d__tones button{min-width:0;min-height:66px;flex-direction:column;justify-content:center;text-align:center;padding:8px 4px;gap:5px}.room3d__swatch{width:24px;height:24px}.room3d__palette-note{font-size:14px;line-height:1.5;margin:12px 0 0;color:#53636c}
.room3d[data-tone=chalk]{--room-paint:#f0ece2}.room3d__swatch--chalk{background:#f0ece2}
.room3d[data-tone=sand]{--room-paint:#d6c5ac}.room3d__swatch--sand{background:#d6c5ac}
.room3d[data-tone=greige]{--room-paint:#aaa69a}.room3d__swatch--greige{background:#aaa69a}
.room3d[data-tone=pearl]{--room-paint:#c8cccb}.room3d__swatch--pearl{background:#c8cccb}
.room3d[data-tone=olive]{--room-paint:#777e60}.room3d__swatch--olive{background:#777e60}
.room3d[data-tone=mist]{--room-paint:#a4bac6}.room3d__swatch--mist{background:#a4bac6}
.room3d[data-tone=terracotta]{--room-paint:#bb7760}.room3d__swatch--terracotta{background:#bb7760}
.room3d[data-tone=clay]{--room-paint:#c99f8a}.room3d__swatch--clay{background:#c99f8a}
.room3d[data-tone=charcoal]{--room-paint:#4e5555}.room3d__swatch--charcoal{background:#4e5555}
.room3d[data-tone=white]{--room-paint:#ffffff}.room3d__swatch--white{background:#ffffff}
/* The textures below are original CSS illustrations, not catalogue images. */
.room3d{--floor-texture:linear-gradient(125deg,#d6c6ac,#e2d6c0 45%,#d1bfa1);--floor-grout:#eee9df;--tile-wide:48px;--tile-short:48px;--tile-x:var(--tile-wide);--tile-y:var(--tile-short);--grain-angle:90deg}
.room3d__floor{background-color:#d6c6ac;background-image:linear-gradient(to right,var(--floor-grout) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--floor-grout) 1.5px,transparent 1.5px),var(--floor-texture);background-size:var(--tile-x) var(--tile-y);border-color:#918575;box-shadow:0 10px 0 #918575,0 18px 22px #142b3a35}
.room3d[data-floor=limestone],.room3d__floor-swatch--limestone{--floor-texture:linear-gradient(125deg,#d6c6ac,#e2d6c0 45%,#d1bfa1)}
.room3d[data-floor=white],.room3d__floor-swatch--white{--floor-texture:linear-gradient(#ffffff,#ffffff)}
.room3d[data-floor=stone],.room3d__floor-swatch--stone{--floor-texture:linear-gradient(140deg,#969b9a,#bcc0bb 40%,#a0a7a4 72%,#b4b8b3)}
.room3d[data-floor=concrete],.room3d__floor-swatch--concrete{--floor-texture:linear-gradient(35deg,#c8c6c0,#dedbd4 55%,#c2c1bb)}
.room3d[data-floor=slate],.room3d__floor-swatch--slate{--floor-texture:linear-gradient(145deg,#41484b,#596164 46%,#464d51)}
.room3d[data-floor=marble],.room3d__floor-swatch--marble{--floor-texture:linear-gradient(135deg,#efeee7 0 38%,#bbbdb8 40%,#f7f6f0 43% 67%,#d1d0c8 70%,#ebeae3 73%)}
.room3d[data-floor=wood],.room3d__floor-swatch--wood{--floor-texture:repeating-linear-gradient(var(--grain-angle,90deg),#bd996f 0,#c9a97e 4px,#a8845d 5px,#c4a077 7px,#d0af84 12px)}
.room3d[data-format=rectangle]{--tile-wide:72px;--tile-short:36px}.room3d[data-format=plank]{--tile-wide:96px;--tile-short:18px}
.room3d[data-direction=width]{--tile-x:var(--tile-short);--tile-y:var(--tile-wide);--grain-angle:0deg}
.room3d[data-grout=grey]{--floor-grout:#8b8984}.room3d[data-grout=dark]{--floor-grout:#393d40}
.room3d__layout{align-items:start}.room3d__visual{position:sticky;top:20px}.room3d__switch,.room3d__directions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room3d__switch{margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid #d3dfe4}.room3d__switch button,.room3d__directions button{padding:10px 8px;background:#fff;color:#142b3a;border:1px solid #b7c7ce;font-size:14px}
.room3d__floors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room3d__floors button{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px;background:#fff;color:#142b3a;border:1px solid #b7c7ce;font-size:14px;min-width:0}.room3d__floor-swatch{display:block;height:38px;border:1px solid #53636c60;border-radius:2px;background-image:linear-gradient(to right,#eee9df 1px,transparent 1px),linear-gradient(to bottom,#eee9df 1px,transparent 1px),var(--floor-texture);background-size:24px 24px}
.room3d__options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.room3d__options label{font-size:14px;font-weight:700;min-width:0}.room3d select{font:inherit;display:block;width:100%;min-height:46px;margin-top:8px;border:1px solid #b7c7ce;border-radius:4px;background:#fff;color:#142b3a;padding:7px}.room3d select:focus-visible,.room3d__stage:focus-visible{outline:3px solid #1a789d;outline-offset:3px}
.room3d__angle{margin-top:24px}.room3d__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.room3d__view{background:#142b3a;color:#fff;border:1px solid #142b3a;padding:10px 14px;font-size:14px!important}.room3d__badge{max-width:calc(100% - 36px)}
@media(max-width:760px){.room3d__visual{position:static}.room3d__options{gap:8px}.room3d__actions{display:grid;grid-template-columns:1fr}.room3d__reset{text-align:center}.room3d__tones{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.room3d{width:calc(100% - 36px);margin:45px auto}.room3d__layout{grid-template-columns:1fr;gap:20px}.room3d__stage{height:335px}.room3d__room{zoom:.85}.room3d__controls{padding:22px}.room3d__tones button{justify-content:center}.room3d__finishes button{min-height:55px}}
@media(prefers-reduced-motion:no-preference){.room3d__wall{transition:background-color .25s}.room3d__room{transition:transform .12s ease-out}}
@media(prefers-reduced-motion:reduce){.room3d *, .room3d *:before,.room3d *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (transform-style:preserve-3d){.room3d__room{transform:none!important}.room3d__left,.room3d__floor,.room3d__block{display:none}.room3d__angle{display:none}}