/* Decorative AI showroom backdrop; product records and reference imagery are unchanged. */
body.dsk-refined main .showroom-hero{position:relative;isolation:isolate;overflow:hidden;padding:0;background:#eee9df;border-bottom:1px solid var(--line)}
body.dsk-refined main .showroom-hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}
body.dsk-refined main .showroom-hero-background figure{margin:0;padding:0;width:100%;height:100%}
body.dsk-refined main .showroom-hero .showroom-hero-background img{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 52%;filter:none;background:transparent;margin:0;padding:0;border:0}
body.dsk-refined main .showroom-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(247,246,242,.93) 0%,rgba(247,246,242,.86) 34%,rgba(247,246,242,.68) 52%,rgba(247,246,242,.16) 72%,rgba(247,246,242,0) 100%)}
body.dsk-refined main .showroom-hero>.shell{position:relative;z-index:2;padding-block:clamp(52px,4.7vw,72px)}
body.dsk-refined main .showroom-hero-copy{width:60%;max-width:780px}
body.dsk-refined main .showroom-hero h1{max-width:none;margin:0;font-size:clamp(40px,4.6vw,66px);line-height:1.1;color:#20392e}
body.dsk-refined main .showroom-hero p{max-width:60ch;margin:22px 0 0;font-size:17px;line-height:1.75;color:#344a3e}
body.dsk-refined main .showroom-hero .showroom-section-nav{max-width:700px;margin-top:28px;padding-top:16px;border-top-color:#aab4a57d;gap:4px 24px}
body.dsk-refined main .showroom-hero .showroom-section-nav a{color:#24483b;font-weight:600;font-size:13px;text-underline-offset:4px}
body.dsk-refined main .showroom-hero .showroom-section-nav a:focus-visible{outline:2px solid #24483b;outline-offset:4px}
body.dsk-refined main .showroom-hub-block .showroom-hub-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
body.dsk-refined main .showroom-hub-block .showroom-hub-heading h2{margin:0 0 10px}
body.dsk-refined main .showroom-hub-block .showroom-hub-heading p{max-width:64ch;margin:0;color:#46574d}
body.dsk-refined main .showroom-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body.dsk-refined main .showroom-popular-card{min-width:0}
body.dsk-refined main .showroom-popular-card>a{display:block;color:inherit;text-decoration:none}
body.dsk-refined main .showroom-popular-photo{aspect-ratio:4/5;overflow:hidden;background:#eeede8}
body.dsk-refined main .showroom-popular-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
body.dsk-refined main .showroom-popular-card>a:hover .showroom-popular-photo img{transform:scale(1.025)}
body.dsk-refined main .showroom-popular-meta{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#66736a;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
body.dsk-refined main .showroom-popular-card h3{margin:9px 0 10px;color:#1f2b25;font-family:var(--serif);font-size:clamp(18px,1.55vw,23px);line-height:1.2}
body.dsk-refined main .showroom-popular-link{display:inline-block;color:#24483b;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
body.dsk-refined main .showroom-popular-more{grid-column:1/-1;justify-self:start;margin-top:4px;color:#24483b;font-size:14px;font-weight:600;text-underline-offset:4px}
body.dsk-refined main .showroom-popular-card>a:focus-visible,body.dsk-refined main .showroom-popular-more:focus-visible{outline:2px solid #24483b;outline-offset:4px}
@media(max-width:800px){body.dsk-refined main .showroom-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@media(max-width:560px){body.dsk-refined main .showroom-hub-block .showroom-hub-heading{display:block}body.dsk-refined main .showroom-hub-block .showroom-hub-heading>.btn,body.dsk-refined main .showroom-hub-block .showroom-hub-heading>.text-link{margin-top:14px}body.dsk-refined main .showroom-popular-grid{gap:20px 12px}body.dsk-refined main .showroom-popular-card h3{font-size:18px}}
@media(max-width:900px){body.dsk-refined main .showroom-hero-copy{width:68%}body.dsk-refined main .showroom-hero::before{background:linear-gradient(90deg,rgba(247,246,242,.96),rgba(247,246,242,.84) 52%,rgba(247,246,242,.2))}}
@media(max-width:640px){body.dsk-refined main .showroom-hero>.shell{padding-block:42px 38px}body.dsk-refined main .showroom-hero-copy{width:100%;max-width:520px}body.dsk-refined main .showroom-hero h1{max-width:15ch;font-size:clamp(38px,9vw,50px)}body.dsk-refined main .showroom-hero p{max-width:44ch;font-size:15px;line-height:1.75;margin-top:18px}body.dsk-refined main .showroom-hero .showroom-hero-background img{object-position:75% center}body.dsk-refined main .showroom-hero::before{background:linear-gradient(90deg,rgba(247,246,242,.96),rgba(247,246,242,.9) 56%,rgba(247,246,242,.74))}body.dsk-refined main .showroom-hero .showroom-section-nav{gap:2px 20px;margin-top:24px;padding-top:12px}}

/* New Edits shares the showroom frame with its own capsule-collection still life. */
body.dsk-refined main .showroom-hero--edits .text-link{display:inline-flex;margin-top:26px;color:#24483b;font-size:14px;font-weight:600;text-underline-offset:4px}
body.dsk-refined main .showroom-hero--edits .text-link:focus-visible{outline:2px solid #24483b;outline-offset:4px}

/* Development service: a material workbench scene and a clear inquiry button. */
body.dsk-refined main .showroom-hero--services .btn{margin-top:26px}
body.dsk-refined main .showroom-hero--services h1{max-width:20ch}

/* Resources: knowledge and buyer planning, with an open swatch binder. */
body.dsk-refined main .showroom-hero--resources h1{max-width:18ch}

/* Buyer Guides: sample review and purchasing preparation. */
body.dsk-refined main .showroom-hero--buyers h1{max-width:21ch}

/* Production Network uses the owner's real factory photo; keep machinery visible to the right. */
body.dsk-refined main .showroom-hero--production .showroom-hero-background{left:34%}
body.dsk-refined main .showroom-hero--production .showroom-hero-background img{object-position:center 60%}
body.dsk-refined main .showroom-hero--production h1{max-width:22ch}
@media(max-width:900px){body.dsk-refined main .showroom-hero--production .showroom-hero-background{left:24%}}
@media(max-width:640px){body.dsk-refined main .showroom-hero--production .showroom-hero-background{left:0}body.dsk-refined main .showroom-hero--production .showroom-hero-background img{object-position:62% center}}

/* Project Cases: the owner's sample-development photo, framed around the swatch review. */
body.dsk-refined main .showroom-hero--cases .showroom-hero-background{left:34%}
body.dsk-refined main .showroom-hero--cases .showroom-hero-background img{object-position:center 72%}
body.dsk-refined main .showroom-hero--cases h1{max-width:17ch}
@media(max-width:900px){body.dsk-refined main .showroom-hero--cases .showroom-hero-background{left:24%}}
@media(max-width:640px){body.dsk-refined main .showroom-hero--cases .showroom-hero-background{left:0}body.dsk-refined main .showroom-hero--cases .showroom-hero-background img{object-position:65% center}}


/* Signature Collection page: visual cards for knowledge and product-development links. */
body.dsk-refined main .knowledge-crosslinks .knowledge-image-links,
body.dsk-refined main .development-image-links {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}
body.dsk-refined main .knowledge-crosslinks .knowledge-image-links {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.dsk-refined main .development-image-links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.dsk-refined main .knowledge-image-link,
body.dsk-refined main .development-image-link {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  text-decoration: none;
}
body.dsk-refined main .knowledge-image-link > img,
body.dsk-refined main .development-image-link > img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #eeefea;
  transition: transform 360ms cubic-bezier(.2,.7,.2,1);
}
body.dsk-refined main .development-image-link > img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  padding: 10px 24px;
}
body.dsk-refined main .knowledge-image-link:hover > img,
body.dsk-refined main .development-image-link:hover > img {
  transform: scale(1.025);
}
body.dsk-refined main .knowledge-image-link-label,
body.dsk-refined main .development-image-link-label {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  color: var(--green);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
body.dsk-refined main .knowledge-image-link-label > span,
body.dsk-refined main .development-image-link-label > span {
  transition: transform 180ms ease;
}
body.dsk-refined main .knowledge-image-link:hover .knowledge-image-link-label > span,
body.dsk-refined main .development-image-link:hover .development-image-link-label > span {
  transform: translateX(3px);
}
body.dsk-refined main .knowledge-image-link:focus-visible,
body.dsk-refined main .development-image-link:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}
@media (max-width: 900px) {
  body.dsk-refined main .knowledge-crosslinks .knowledge-image-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dsk-refined main .development-image-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 560px) {
  body.dsk-refined main .knowledge-crosslinks .knowledge-image-links,
  body.dsk-refined main .development-image-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.dsk-refined main .knowledge-image-link-label,
  body.dsk-refined main .development-image-link-label { padding: 11px 10px; font-size: 12px; }
  body.dsk-refined main .development-image-link > img { padding: 8px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.dsk-refined main .knowledge-image-link > img,
  body.dsk-refined main .development-image-link > img,
  body.dsk-refined main .knowledge-image-link-label > span,
  body.dsk-refined main .development-image-link-label > span { transition: none; }
}

body.dsk-refined main .showroom-recommend-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px 20px;margin:0 0 22px;padding:16px 0;border-block:1px solid var(--line)}
.showroom-recommend-controls label{display:grid;gap:5px;color:#45584c;font-size:12px}.showroom-recommend-controls select,.showroom-recommend-controls button{min-height:44px;padding:9px 12px;border:1px solid #aab6ac;background:#f7f6f2;color:#24483b;font:inherit;font-size:13px}.showroom-recommend-controls button{cursor:pointer}.showroom-recommend-controls [role=status]{flex-basis:100%;margin:0;color:#627066;font-size:12px}.showroom-recommend-controls details{flex-basis:100%;font-size:12px;color:#627066}.showroom-recommend-controls summary{cursor:pointer}.showroom-recommend-controls details p{max-width:78ch;line-height:1.6}.showroom-recommend-reason{display:inline-block;margin-top:9px;color:#365b46;font-size:11px}.showroom-recommend-controls :is(select,button):focus-visible{outline:2px solid #24483b;outline-offset:3px}@media(max-width:560px){.showroom-recommend-controls label,.showroom-recommend-controls select{width:100%}}

/* Small motion graphics for live product selections; all content stays readable. */
body.dsk-refined main .showroom-rotation-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 20px;color:#53675a;font-size:12px}
body.dsk-refined main .showroom-recommend-controls .showroom-rotation-controls{margin:0;flex-basis:100%}
.showroom-rotation-controls button{min-height:40px;padding:8px 13px;border:1px solid #aab6ac;background:transparent;color:#24483b;font:inherit;cursor:pointer}
.showroom-rotation-controls button:focus-visible{outline:2px solid #24483b;outline-offset:3px}
.showroom-rotation-track{display:block;width:92px;height:2px;overflow:hidden;background:#d7dfd7}
.showroom-rotation-track>span{display:block;width:100%;height:100%;background:#365d49;transform:scaleX(0);transform-origin:left}
.showroom-rotation-controls[data-running=false] .showroom-rotation-track{opacity:.45}
.showroom-rotation-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.showroom-rotating-grid>article h3{min-height:3.6em;height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.showroom-mg-enter>article{animation:showroom-card-arrive 420ms cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--rotation-stagger,0ms)}
.showroom-mg-enter>article :is(.showroom-popular-photo,.stock-image-frame){position:relative}
.showroom-mg-enter>article :is(.showroom-popular-photo,.stock-image-frame)::after{content:'';pointer-events:none;position:absolute;left:0;bottom:0;width:30%;height:2px;background:#718976;transform-origin:left;animation:showroom-line 650ms ease-out both;animation-delay:var(--rotation-stagger,0ms)}
@keyframes showroom-card-arrive{from{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes showroom-line{0%{transform:scaleX(0);opacity:0}35%{opacity:.65}100%{transform:scaleX(3.34);opacity:0}}
@media(prefers-reduced-motion:reduce){.showroom-mg-enter>article,.showroom-mg-enter>article :is(.showroom-popular-photo,.stock-image-frame)::after{animation:none!important}}

/* A compact series browser for the New Arrivals feature. */
body.dsk-refined .showroom-hub-feature>.arrivals-carousel{width:100%;max-width:380px;min-width:0;justify-self:center}
body.dsk-refined .arrivals-carousel-stage{position:relative;overflow:hidden}
body.dsk-refined .arrivals-carousel-stage>.stock-image-frame{width:100%;aspect-ratio:4/5}
body.dsk-refined .arrivals-carousel-stage img{width:100%;height:100%;object-fit:contain;filter:none}
.arrivals-caption{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:15px 0}
.arrivals-caption>div{min-width:0}
.arrivals-code{display:block;color:#627066;font-size:11px;letter-spacing:.06em}
body.dsk-refined .arrivals-title{display:block;min-height:2.8em;margin-top:5px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;color:#24483b}
.arrivals-count{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#627066;padding-top:2px}
.arrivals-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.arrivals-thumbnails button{display:block;min-width:0;padding:0;border:1px solid transparent;background:#ecebe5;overflow:hidden;cursor:pointer;aspect-ratio:4/5}
body.dsk-refined .arrivals-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:none}
.arrivals-thumbnails button:hover img{transform:scale(1.035)}
.arrivals-carousel :is(button,a):focus-visible{outline:2px solid #24483b;outline-offset:3px}
body.dsk-refined main .arrivals-carousel .showroom-rotation-controls{margin:16px 0 0;gap:8px}
.arrivals-carousel .showroom-rotation-controls button{font-size:11px;min-height:42px;padding:8px 10px}
.arrivals-carousel .showroom-rotation-copy{font-size:10px}
.arrivals-carousel .showroom-rotation-track{width:100%;height:2px;flex-basis:100%;margin-top:4px}
.arrivals-slide-enter img{animation:arrivals-reveal .55s cubic-bezier(.2,.7,.2,1) both}
.arrivals-slide-enter::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#718976;transform-origin:left;pointer-events:none;animation:showroom-line .65s ease-out both}
@keyframes arrivals-reveal{from{opacity:.8;transform:translateX(12px) scale(1.012)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:650px){body.dsk-refined .showroom-hub-feature>.arrivals-carousel{max-width:340px}.arrivals-thumbnails{gap:8px}}
@media(prefers-reduced-motion:reduce){.arrivals-slide-enter img,.arrivals-slide-enter::after{animation:none!important}.arrivals-thumbnails img{transition:none!important}}


/* Signature directory and crosslink layout corrections */
body.dsk-refined main #style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
body.dsk-refined main #style-grid>.empty{grid-column:1/-1}
@media(max-width:1024px){body.dsk-refined main #style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body.dsk-refined main #style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}