/* SSD Atelier R1 — presentation only. No product swatches, drawings or print overrides.
   The fixed field-fit category keeps its original computed theme, including inheritance. */
@media screen {
body:not(:has(#field-fit:not([hidden]))) {
  --ink:#252723; --muted:#bbb8ad; --line:rgba(216,207,187,.22);
  background:#252723; color:#f2eee5;
}
body:not(.is-category) .hero {background:#eeeae2;color:#2c302b}
body:not(.is-category) .hero .panel {width:100%;background:#eeeae2;box-shadow:none}
body:not(.is-category) .hero nav {background:#252723;color:#f2eee5;padding-top:24px;padding-bottom:24px;gap:24px;border-bottom:1px solid #494a40}
body:not(.is-category) .hero .logo {width:220px}
body:not(.is-category) .hero .menu {gap:clamp(14px,1.65vw,28px);font-size:14px;text-shadow:none}
body:not(.is-category) .hero .menu a {color:#dedbd2;transition:color .2s,border-color .2s}
body:not(.is-category) .hero .menu a:hover {color:#fff9ec;border-color:#c8b38b}
body:not(.is-category) .hero .menu .quote-link {background:#c8b38b;color:#252723;border-color:#c8b38b;border-radius:3px;padding:12px 22px}
body:not(.is-category) .hero .menu .quote-link:hover {background:#eadcc0}
body:not(.is-category) .hero .nav-auth a {background:transparent;border-color:#68695e;border-radius:3px;color:#e4e0d7;font-size:12px;padding:0 12px;backdrop-filter:none}
body:not(.is-category) .hero .nav-auth .signup-link {background:#f0ebe1;color:#252723;border-color:#f0ebe1}
body:not(.is-category) .hero .copy {margin:60px 5vw;max-width:34vw;padding-bottom:24px}
body:not(.is-category) .hero h1 {font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:clamp(32px,3.35vw,56px);font-weight:400;line-height:1.55;letter-spacing:-.06em;word-break:keep-all}
body:not(.is-category) .hero .eyebrow {color:#786549;opacity:1;font-size:11px;letter-spacing:.25em;margin-bottom:32px}
body:not(.is-category) .hero .rule {width:56px;background:#9b8057;opacity:1;margin:30px 0}
body:not(.is-category) .hero .sub {color:#686b61;opacity:1;font-size:10px;letter-spacing:.19em;line-height:2.1}
body:not(.is-category) .hero .door-stage {right:4vw;top:55%;width:min(57%,112svh);background:#34372f;border:1px solid #bcb5a5;box-shadow:0 30px 65px -35px #34372f70}
body:not(.is-category) .hero .door-stage .space:after {background:linear-gradient(90deg,#33362918,transparent 45%,#33362908)}
body:not(.is-category) .hero .door-toggle {border:1px solid #d4c4a6;background:#252723ed;color:#f6f0e4;border-radius:3px;font-size:13px;letter-spacing:.05em;min-width:110px;box-shadow:0 4px 16px #0002}
body:not(.is-category) .hero .door-toggle:hover {background:#44483e}
body:not(.is-category) .hero .door-toggle:focus-visible {outline-color:#fff}
body:not(:has(#field-fit:not([hidden]))) .door-transition {background:#252723}
body:not(:has(#field-fit:not([hidden]))) .door-transition:after {background:linear-gradient(180deg,#faf7ef,#e6dfd0 44%,#252723)}
body.is-category:not(:has(#field-fit:not([hidden]))) .hero nav {background:#252723;border-bottom:1px solid #4a4b42;padding-top:26px;padding-bottom:26px}
body.is-category:not(:has(#field-fit:not([hidden]))) .home-caption {font-size:12px;letter-spacing:.1em;color:#d2c6ad;border:1px solid #656456;border-radius:3px;padding:7px 18px}
body.is-category:not(:has(#field-fit:not([hidden]))) .home-link:hover .home-caption {background:#373b32;color:#fff;text-decoration:none}
.category-page:not(#field-fit) .category-heading h1 {letter-spacing:-.045em;font-weight:400}
.category-page:not(#field-fit) .section-number {color:#c8b38b;letter-spacing:.17em}
.category-page:not(#field-fit) .category-heading>p:last-child {color:#bbb8ad}
#about .category-content p {color:#c9c7bd}
#about .about-eyebrow,#about .about-links a {color:#d7c39e}
#about .about-story .about-lead {color:#f0ece2}
#about .about-detail {border-color:#57584c}
#about .business-list>div {padding:28px 0}
#about .business-list dt {color:#eee4cd}
#directions .location-card {background:#30352c;border:1px solid #4e5345}
#directions .location-kicker,#directions .location-card address span,#directions .location-note {color:#c9c0ab!important}
#directions .location-actions a {border-color:#8c8976;border-radius:3px;color:#f3eee3}
#directions .location-actions a:hover {background:#e8dfca;color:#252723}
#product-catalog .product-system-heading {background:#363a31;border-color:#c8b38b;border-radius:3px}
#product-catalog .product-system-heading p {color:#d9c8a8}
#product-catalog .product-accordion {background:#f5f1e9;border-color:#d7d0c2;border-radius:5px;box-shadow:0 12px 30px #00000012}
#product-catalog .product-accordion>summary,#product-catalog .product-accordion[open]>summary {background:#f2eee5;color:#30362c;border-color:#d7d0c2}
#product-catalog .product-document-preview {background:#e8e5dc}
#product-catalog .product-document-card {border-color:#d9d2c3;border-radius:3px;box-shadow:0 8px 24px #2427230d}
#quote .vendor-login {background:#2e332b;border-color:#555b4c;border-radius:6px;box-shadow:0 18px 55px #10120e30}
#quote .order-demo-notice {background:#363d30;color:#eed9ad;border-color:#737052}
#quote .guest-divider,#quote .vendor-demo {color:#b9c0ae}
#quote .vendor-kicker {color:#d2bd94!important}
#quote .customer-type-guide {border-color:#626451;background:#626451}
#quote .customer-type-guide>div {background:#252a23}
#quote .customer-type-guide .partner-price {background:#e3d7bd;color:#252723}
#quote :is(.quote-fields,.vendor-auth-fields,.vendor-register-form,.commerce-grid,.commerce-quote-editor) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {background:#20271f;color:#f0eee6;border-color:#697060;border-radius:4px}
#quote :is(input,select,textarea)::placeholder {color:#a7af9f}
#quote :is(.quote-button,.vendor-auth-actions button:not(.secondary),.vendor-code-row button) {background:#dfd1b4;color:#252723;border-color:#dfd1b4;border-radius:4px}
#quote .vendor-auth-actions button.secondary {background:transparent;color:#eee7d8;border-color:#8a8b78}
#quote :is(.family-shortcuts button,.supply-options label,.finish-options label,.frame-options label,.design-gallery button,.delivery-mode-options button,.accessory-categories button) {background:#2c3329;color:#eeeadd;border-color:#636a59;border-radius:4px}
#quote :is(.family-shortcuts button,.design-gallery button,.delivery-mode-options button,.accessory-categories button)[aria-pressed=true],#quote :is(.finish-options label,.frame-options label):has(input:checked) {background:#e2d6bd;color:#252723;border-color:#d5bd90;box-shadow:inset 0 0 0 1px #d5bd90}
#quote .supply-options label:has(:checked) {background:#414734;border-color:#d5bd90}
#quote .supply-options :is(span,small) {color:#c5c9b8}
#quote :is(.vendor-session,.glass-panel,.glass-bulk,.quote-checkout,.accessory-order,.accessory-row,.addon-scroll label) {background:#2c3329;border-color:#626957;color:#eeeadd}
#quote .quote-checkout {background:#39422f}
#quote .glass-bulk button {background:#414b36;color:#f1eadb;border-color:#929477}
#quote :is(.vendor-session,.glass-panel,.glass-bulk) button {border-color:#777e68}
#quote .ssd-direction-card {background:linear-gradient(145deg,#37402f,#252d22)!important;border-color:#657257!important}
#quote .ssd-direction-card[aria-pressed=true] {background:linear-gradient(145deg,#4b543b,#303a26)!important;border-color:#d5ba8c!important}
#quote .quote-result {background:#30362b;border-color:#747960;border-radius:5px;box-shadow:0 16px 42px #10180a25}
#quote .quote-note {color:#bdc4b3!important}
#quote .guest-quote-form>button {border-color:#aaa78e;color:#f3ebda;border-radius:4px}
#quote .guest-quote-form>button:hover {background:#e2d6bd;color:#252723}
#quote :is(.vendor-login-form>label,.vendor-register-form label) {color:#deded1}
body:not(:has(#field-fit:not([hidden]))) footer {border-top:1px solid #494c3f;color:#aaa99b;font-size:11px;letter-spacing:.1em}
body:not(:has(#field-fit:not([hidden]))) a:focus-visible,#quote :is(button,input,select,textarea):focus-visible {outline:2px solid #d2b986;outline-offset:4px}
@media(min-width:801px) and (max-width:1240px) {
 body:not(.is-category) .hero nav {flex-wrap:wrap;gap:12px 24px}
 body:not(.is-category) .hero nav .home-link {margin-right:auto}
 body:not(.is-category) .hero nav .menu {order:3;width:100%;justify-content:space-between}
}
@media(max-width:800px) {
 body:not(.is-category) .hero nav {flex-direction:column;align-items:stretch;padding:24px 6vw 20px;gap:18px}
 body:not(.is-category) .hero nav .home-link {order:1;align-self:center}
 body:not(.is-category) .hero nav .nav-auth {order:2;display:grid;grid-template-columns:1fr 1fr;width:100%}
 body:not(.is-category) .hero nav .menu {order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;text-align:center;font-size:13px}
 body:not(.is-category) .hero .menu a,body:not(.is-category) .hero .menu .quote-link {padding:11px 4px;min-height:44px}
 body:not(.is-category) .hero .logo {width:200px}
 body:not(.is-category) .hero .door-stage {right:auto;top:auto;width:88%;margin:28px auto 0}
 body:not(.is-category) .hero .copy {max-width:88vw;margin:28px 6vw 36px;padding:0}
 body:not(.is-category) .hero h1 {font-size:clamp(29px,6.8vw,45px);line-height:1.45}
 body:not(.is-category) .hero .eyebrow {margin-bottom:16px;font-size:10px}
 body:not(.is-category) .hero .rule {margin:18px 0;width:40px}
 body:not(.is-category) .hero .sub {font-size:9px}
 body:not(.is-category) .hero .door-toggle {padding:8px 12px;min-height:44px;min-width:90px;font-size:12px}
}
@media(prefers-reduced-motion:reduce) {body:not(.is-category) .hero .menu a {transition:none}}
}

/* R2 — main hero and entrance artwork only; product previews retain their real colours. */
@media screen {
body:not(.is-category) .hero .door-stage .space,
.door-transition .door-stage .space {
 background-image:url('assets/atelier-warm-interior-r2.png');
}
body:not(.is-category) .hero .door-stage,
.door-transition .door-stage {background-color:#b9a78c}
body:not(.is-category) .hero .linked-door,
.door-transition .linked-door {
 border-color:#776044;
 background:linear-gradient(110deg,rgba(237,220,191,.11),rgba(72,58,43,.14) 45%,rgba(191,163,126,.08));
 box-shadow:inset 0 0 0 1px rgba(240,221,189,.42);
}
body:not(.is-category) .hero .linked-door.leaf-3:after,
.door-transition .linked-door.leaf-3:after {
 background:linear-gradient(90deg,#786348,#e0c89f,#927958);border-color:#d7be92;
}
body:not(.is-category) .hero .door-stage:after {background:radial-gradient(circle at 50% 50%,rgba(255,233,187,.1),transparent 34%)}
.door-transition:before {background:radial-gradient(ellipse at 50% 50%,rgba(255,247,229,.62),rgba(246,230,195,.3) 18%,rgba(215,192,151,.1) 42%,transparent 68%)}
.door-transition.is-entering .space {filter:brightness(1.06) saturate(.97) contrast(.98)}
.site-intro,.site-intro::backdrop {background:#24221d}
.intro-world {background:radial-gradient(ellipse at 50% 30%,#b9a07938,transparent 43%),linear-gradient(#211e18,#484034 56%,#766a55)}
.intro-view {background:url('assets/atelier-warm-interior-r2.png') center / cover;opacity:.65}
.intro-view:after {background:#a38c68;box-shadow:0 6px 0 #f4e4c745}
.intro-frame {border-color:#64513a;box-shadow:inset 0 0 0 1px #dbbf9188,0 0 0 1px #c0a47c77,0 12px 14px #0006}
.intro-frame:before {background:linear-gradient(90deg,#766046,#ead3ab80,#7f674b)}
.intro-frame:after {background:linear-gradient(#c9ac80,#705a3d,#b69b73)}
.intro-panel {background:linear-gradient(108deg,#ba9c7026 5%,#fff0d41a 25%,#4537222e 65%,#c9ac7f26)}
.intro-leaf-frame {border-color:#715b3d;box-shadow:inset 0 0 0 1px #ead2ac68,0 0 0 1px #bfa27840}
.intro-leaf-frame:before,.intro-leaf-frame:after {background:linear-gradient(#d5bd9580,#fff0d2bb 45%,#776144)}
.intro-flare {background:radial-gradient(ellipse at 50% 30%,#fff1cf99,transparent 56%)}
.intro-copy strong {color:#f3ead9}.intro-copy span,.intro-copy small {color:#c9bca5}
.intro-skip {background:#30291f80;color:#f2e7d3;border-color:#978468}
.intro-skip:hover {background:#67583f}
}