/* Rasta Atelier v31: photographic selection workspace and a working material desk. */
.rasta-design .selection-shell{width:min(1460px,92%);margin:auto;padding:19px 0 72px;color:#1a2934}
.selection-shell :is(h1,h2,h3,p,figure){margin:0}.selection-shell :is(button,input,select),.atelier-dialog :is(button,input,select){font:inherit}.selection-shell button,.atelier-dialog button{cursor:pointer}.selection-shell button:disabled,.atelier-dialog button:disabled{opacity:.4;cursor:default}
.atelier-kicker{font-size:10px;letter-spacing:.08em;color:#7c817c;font-weight:450}.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.selection-heading h1{font-size:28px;line-height:1.7;font-weight:600;letter-spacing:-.025em}.selection-heading .atelier-kicker{font:8px Arial;letter-spacing:.2em}.atelier-subnav{display:flex;gap:25px;align-items:center;font-size:11px}.atelier-subnav a{padding:8px 0;border-bottom:1px solid transparent;color:#6c7575}.atelier-subnav a[aria-current]{border-color:#967d58;color:#162d3e}
.selection-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.selection-tabs button{font-size:11px;color:#65706e;border:0;border-bottom:1px solid transparent;background:transparent;padding:10px 14px;min-height:38px}.selection-tabs button[aria-pressed=true]{color:#1a2f3e;border-bottom-color:#a88f68}.selection-tabs button:hover{color:#182a35;background:#e8e7df}
.studio-space-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;margin-bottom:16px;border-block:1px solid #d3d6cf;font-size:11px}.studio-space-row .selection-tabs button{display:flex;align-items:center;gap:12px;min-width:125px;padding:10px 14px}.studio-space-row .selection-tabs button[aria-pressed=true]{background:#152b3b;color:#fff;border-color:#152b3b}.studio-space-row small{font:9px Arial;color:#9d957c}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-areas:'visual inspector';direction:ltr;gap:22px;align-items:start}.studio-workspace>*{direction:rtl}html[dir=ltr] .studio-workspace>*{direction:ltr}.studio-visual{grid-area:visual;min-width:0}.studio-inspector{grid-area:inspector;min-width:0;background:#eaeae3;padding:24px 23px;min-height:425px;border-top:2px solid #a68d64}
.studio-stage{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(370px,51vh,560px);background:#172832;overflow:hidden;isolation:isolate;--board:#dfdbcf}.studio-photo-wrap{height:100%;width:100%;min-width:0}.studio-photo-wrap img{height:100%;width:100%;object-fit:contain;display:block}.studio-stage[data-view=installed][data-wide=true] .studio-photo-wrap{width:auto;aspect-ratio:1.42;max-width:100%}.studio-stage[data-view=installed][data-wide=true] .studio-photo-wrap img{object-fit:cover;object-position:50% 40%}.studio-stage[data-view=product]{background:#e8e6dd;padding:20px}.studio-stage[data-category=cabinets]{background:#e6e3d9;padding:0}.studio-stage[data-category=cabinets] .studio-photo-wrap img{object-fit:contain}.studio-photo-label{position:absolute;left:16px;bottom:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.studio-photo-label span,.studio-photo-label bdi{font-size:9px;padding:6px 9px;color:#fff;background:#122a39de;backdrop-filter:blur(6px)}.studio-photo-label bdi{font:10px Arial;letter-spacing:.12em}.studio-expand{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;color:white!important;background:#142b3cd9;font:22px Arial}
.studio-stage[data-view=scene]{background:var(--board);padding:25px 45px;gap:28px;direction:ltr}.studio-stage[data-tone=light]{--board:#f0efea}.studio-stage[data-tone=dark]{--board:#6b716b}.studio-stage[data-view=scene] .studio-photo-wrap{height:90%;width:64%}.studio-stage[data-view=scene] .studio-photo-wrap img{object-fit:contain;filter:drop-shadow(7px 11px 8px #00000017)}.studio-board-materials{display:none}.studio-stage[data-view=scene] .studio-board-materials{display:grid;gap:12px;max-width:120px;flex:0 0 100px}.studio-board-materials .studio-board-material{display:block;text-align:center;color:#24342f;font-size:9px}.studio-board-materials .material-texture{height:73px;margin-bottom:5px;box-shadow:3px 5px 7px #0002}
.studio-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d5d8d0;padding:5px 0}.studio-viewbar .selection-tabs button{font-size:10px;padding:9px 13px}.studio-tones{display:flex;align-items:center;gap:10px}.studio-tones>div{display:flex;gap:7px}.studio-tones button{width:26px;height:30px;border:0;background:none;padding:4px;color:#6d7368}.studio-tones i{width:13px;height:13px;display:block;border-radius:50%;background:#d5cab5}.studio-tones [data-tone=light] i{background:#efede6;border:1px solid #ccd0c5}.studio-tones [data-tone=dark] i{background:#626d64}.studio-tones [aria-pressed=true] i{outline:1px solid #947b52;outline-offset:3px}
.selection-caption{font-size:10px;color:#80867c;line-height:1.9}.studio-visual>.selection-caption{padding-top:7px;min-height:27px}.studio-inspector-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-inspector-top bdi{font:13px Arial;letter-spacing:.06em}.studio-inspector h2{font-size:19px;line-height:1.8;font-weight:550;margin:15px 0}.studio-inspector dl{margin:15px 0;font-size:10px}.studio-inspector dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #cfd2c7;padding:6px 0}.studio-inspector dt{color:#7c8278}.studio-inspector dd{margin:0;text-align:end}.selection-text-link{font-size:10px;border-bottom:1px solid #b1b6a6;padding:3px 0;display:inline-block}
.studio-material-chips{display:flex;gap:7px;flex-wrap:wrap}.studio-material-chips .studio-material-chip{display:flex;gap:7px;align-items:center;font-size:10px;color:#666d62}.studio-material-chips .material-texture{height:23px;width:23px;border-radius:50%;border:2px solid #fff}
.studio-order{border-top:1px solid #bfc6b7;padding-top:18px;margin-top:21px}.studio-order>p{font-size:12px;font-weight:600;margin:8px 0}.studio-order summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;list-style:none;padding:5px 0}.studio-order summary::-webkit-details-marker{display:none}.studio-order details[open] summary{margin-bottom:12px}.studio-buy{margin-top:22px}.selection-primary{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;background:#152e40;border:1px solid #152e40;color:white!important;padding:14px 16px;min-height:47px;font-size:11px!important}.selection-primary:hover{background:#2e4a59}.selection-primary span{font-size:18px}.studio-buy .selection-caption{margin-top:8px}.studio-buy #studio-status{font-size:10px;margin-top:4px}.studio-material-link{display:block;border-top:1px solid #cad0c2;margin-top:20px;padding-top:12px;font-size:10px;color:#5e705f}
.studio-filmstrip{display:flex;align-items:center;gap:15px;padding-top:16px}.studio-filmstrip>span{font-size:10px;max-width:70px;flex-shrink:0}.studio-filmstrip>div{display:flex;gap:7px;min-width:0;flex:1}.studio-filmstrip>button{padding:8px;border:0;background:none;font-size:10px;flex-shrink:0}.studio-filmstrip>button span{font-size:18px;margin-inline-start:5px}.studio-quick-model{width:74px;flex:1;max-width:95px;min-width:0;background:#e6e5dd;border:1px solid transparent;padding:5px;color:#667368;display:grid;gap:4px;font:8px Arial!important;justify-items:center}.studio-quick-model img{height:64px;width:100%;object-fit:contain}.studio-quick-model[aria-pressed=true]{border-color:#a28a5f;background:#dcd8ca}
.atelier-dialog{width:min(1100px,94vw);max-height:88dvh;border:0;padding:30px;background:#f4f3ed;color:#172c3c;font-family:rasta,Tahoma,sans-serif;box-shadow:0 35px 90px #07182466;overscroll-behavior:contain}.atelier-dialog::backdrop{background:#101f2cb8;backdrop-filter:blur(5px)}.atelier-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.atelier-dialog-heading h2{font-size:25px;font-weight:600;margin:8px 0}.atelier-dialog-heading small{font-size:12px;font-weight:400;color:#7c8174}.atelier-dialog-heading>button{border:1px solid #c4cbbf;background:none;color:#1d353f;width:39px;height:39px;font-size:27px}.studio-model-filters{display:grid;grid-template-columns:1fr 180px;gap:20px;border-block:1px solid #c9cfc3;padding:20px 0;margin-bottom:20px}.studio-model-filters label{display:grid;gap:7px;font-size:10px;color:#737e71}.studio-model-filters :is(input,select){border:1px solid #b9c4b2;padding:11px 13px;color:#213e3e;background:#fff;width:100%;min-width:0;border-radius:0;font-size:12px}.studio-model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.studio-model-button{display:grid;gap:8px;justify-items:center;border:1px solid #d6dacd;background:#eae9df;padding:12px;color:#253e37;font-size:10px!important}.studio-model-button[aria-pressed=true]{border-color:#9a7d51;background:#dfdac7}.studio-model-button img{width:100%;height:175px;object-fit:contain}.studio-model-button bdi{font:10px Arial}.studio-model-button span{font-size:9px}.selection-more{display:block;border:0;border-bottom:1px solid #a1ac98;background:none;color:#304b3d;padding:10px 20px;margin:25px auto 0;font-size:12px}
.studio-inspector .order-options{padding:0;margin:0;border:0;background:none;color:inherit}.studio-inspector .order-config-summary,.studio-inspector .order-print-config{display:none}.studio-inspector .order-options input{background:#fff;color:#243c33;border-color:#b4c1ad}.studio-inspector .order-options button{background:#e3e6db;color:#243c33;border-color:#b4c1ad}.studio-inspector .order-options legend,.studio-inspector .order-options label{color:#576b53;font-size:10px}.studio-inspector .order-options .dimension-fields{gap:5px}.studio-inspector .dimension-stepper{display:flex;direction:ltr}.studio-inspector .dimension-stepper input{width:100%;min-width:0}.studio-inspector .dimension-stepper button{width:24px;min-width:24px}.studio-inspector .cabinet-dimension-fields{grid-template-columns:1fr}.studio-inspector .order-dimension-help{color:#73836d;font-size:9px}.studio-inspector .scope-choice{background:#e0e6d6;border-color:#bec8b3}.selection-image-error{position:absolute;background:#f4f3ef;padding:20px;max-width:90%;z-index:5;font-size:12px}
.material-atelier{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);direction:ltr;gap:36px;align-items:start}.material-atelier>*{direction:rtl}html[dir=ltr] .material-atelier>*{direction:ltr}.material-desk{height:485px;position:relative;overflow:hidden;background:linear-gradient(110deg,#eee8dc,#d6d1c6);padding:25px 30px;isolation:isolate}.material-desk:before{content:'';position:absolute;width:60%;height:90%;right:-10%;top:-20%;background:#fff7;transform:rotate(-32deg);filter:blur(35px);pointer-events:none}.desk-title{font:9px Arial;letter-spacing:.23em;position:absolute;top:23px;left:26px;color:#777567}.desk-caption{display:flex;justify-content:space-between;gap:15px;position:absolute;bottom:22px;left:26px;right:26px;font-size:9px;color:#78776c}.desk-caption>span:last-child{font:8px Arial;letter-spacing:.1em}.palette-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 45px 15px;direction:ltr;isolation:isolate}.palette-sample{position:relative;flex:1;max-width:170px;min-width:80px;height:265px;box-shadow:10px 20px 19px #3f3a2b25;background:#f9f7ef;border:5px solid #f9f7ef;transform:rotate(-8deg) translateY(8px);margin-right:-16px;transition:transform .25s;z-index:1}.palette-sample.sample-1{height:295px;transform:rotate(3deg) translateY(-9px);z-index:2}.palette-sample.sample-2{height:220px;transform:rotate(11deg) translateY(30px);z-index:3}.palette-sample.sample-3{height:190px;transform:rotate(-5deg) translateY(60px);z-index:4}.palette-sample:hover{transform:rotate(0) translateY(-8px);z-index:5}.palette-sample>.material-texture{height:calc(100% - 36px)}.palette-sample>div{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 4px 4px;font-size:9px;direction:rtl}.palette-sample bdi{font:8px Arial;color:#8b8677}.material-texture{display:block;position:relative;overflow:hidden;background:#d8d8cd}.material-texture img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);transform:scale(2.7);transform-origin:var(--fx,50%) var(--fy,50%);display:block}
.palette-panel{padding:20px 0}.palette-panel>h2{font-size:clamp(32px,3.4vw,48px);line-height:1.55;font-weight:600;letter-spacing:-.04em;margin:12px 0}.palette-panel>p{font-size:12px;color:#798174;line-height:2;max-width:350px}.palette-presets{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.palette-presets button{border:1px solid #d2d6c8;padding:9px 10px;background:transparent;color:#596c56;font-size:10px}.palette-presets span{margin-inline-start:8px}.palette-presets button:hover{background:#e3e5da}.palette-selection{border-top:1px solid #cdd1c3;padding-top:19px;margin-bottom:20px}.palette-selection>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.palette-selection h3{font-size:16px;font-weight:600}.palette-selection header bdi{font:10px Arial;color:#8e937d}.palette-selection>p:not(.selection-caption){font-size:11px;line-height:1.9;color:#858b7c}.palette-selection>.selection-caption{margin-top:9px;font-size:9px}.palette-items-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #d8dccf;padding:7px 0;font-size:11px}.palette-items-row .material-texture{width:29px;height:29px}.palette-items-row button{margin-inline-start:auto;border:0;background:none;color:#7c8573;font-size:19px;min-width:32px;height:32px}.palette-panel #palette-status{font-size:10px;color:#718168;min-height:20px;margin-top:6px}
.material-library{margin-top:40px;border-top:1px solid #d2d7c9;padding-top:25px}.material-library>header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.material-library h2{font-size:26px;font-weight:550;line-height:1.7;margin-top:8px}.material-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.material-card{min-width:0;position:relative}.material-swatch{display:block;width:100%;padding:0;background:none;color:#233b35;border:0;text-align:start}.material-swatch>.material-texture{height:210px;transition:filter .25s}.material-swatch:hover>.material-texture{filter:brightness(1.07)}.material-card-code{font:9px Arial;letter-spacing:.13em;display:block;margin-top:14px;color:#8c907e}.material-card-title{display:block;font-size:18px;font-weight:500;margin:7px 0}.material-swatch>small{display:block;font-size:10px;color:#6e8065}.material-add{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-top:1px solid #c7cfbc;padding:12px 0 0;margin-top:16px;background:none;color:#4f6c4b;font-size:11px}.material-add[aria-pressed=true]{color:#1e4437;font-weight:650}.material-source-note{margin-top:27px!important}
.material-detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:28px;direction:ltr}.material-detail-layout>*{direction:rtl}html[dir=ltr] .material-detail-layout>*{direction:ltr}.material-feature-media{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:12px;direction:ltr}.material-closeup{position:relative;height:330px;overflow:hidden;background:#ddd9ca}.material-closeup>img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);transform:scale(var(--zoom,1));transform-origin:var(--fx,50%) var(--fy,50%)}.material-closeup>span{position:absolute;bottom:12px;left:12px;right:12px;font-size:9px;background:#faf8eee8;color:#55634c;padding:5px 8px;width:fit-content}.material-full{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:10px 6px;background:#e6e7d9;font-size:9px;text-align:center}.material-full img{height:245px;width:100%;object-fit:contain}.material-feature-copy h2{font-size:29px;margin:12px 0;font-weight:550}.material-feature-copy>p{font-size:12px;color:#6d7c60;line-height:2}.material-detail-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.material-detail-controls label{font-size:10px;display:grid;gap:6px;min-width:0}.material-detail-controls select{background:none;border:1px solid #bdc8af;padding:8px;color:#3b5736;width:100%;font-size:11px}.material-detail-controls input{width:100%;accent-color:#3c6245}.material-feature-copy .selection-caption{font-size:9px;margin-top:14px}.material-models{margin-top:30px;border-top:1px solid #c6cfb8;padding-top:20px}.material-models header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.material-models h2{font-size:19px;font-weight:500;margin:0}.material-models h2 span{font-size:12px;color:#829173}.material-models header p{font-size:10px;color:#819272}.material-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.material-product>div{height:195px;background:#e6e6d8;padding:14px}.material-product img{width:100%;height:100%;object-fit:contain}.material-product>bdi{display:block;font:10px Arial;margin-top:10px;color:#879276}.material-product h3{font-size:12px;margin:5px 0;font-weight:500;line-height:1.8}.material-product>span{font-size:10px;color:#68855a}.material-cabinet-note{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;padding:24px;background:#e5e7da;font-size:12px;color:#5e7451}.material-cabinet-note a{white-space:nowrap;border-bottom:1px solid #a0b18c}
.home-selection{width:min(1440px,90%);margin:80px auto}.home-selection header{margin-bottom:28px}.home-selection header small{font:10px Arial;letter-spacing:.18em;color:#8b8c7c}.home-selection h2{font-size:clamp(26px,3vw,39px);font-weight:600;margin:15px 0 8px}.home-selection header p{font-size:13px;color:#717c79}.home-selection-grid{display:grid;grid-template-columns:1fr;gap:22px}.home-selection-grid>a{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e6e1d5;min-height:310px;padding:32px 30px;overflow:hidden}.home-selection-grid>a>div{max-width:57%;z-index:1}.home-selection-grid span{font:9px Arial;letter-spacing:.11em;color:#6b766e}.home-selection-grid h3{font-size:25px;font-weight:600;margin:15px 0}.home-selection-grid p{font-size:12px;color:#647268}.home-selection-grid strong{display:block;font-size:11px;font-weight:500;margin-top:24px}.home-selection-grid img{height:240px;width:35%;object-fit:contain;box-shadow:5px 8px 20px #17263c12}.home-selection-grid .home-selection-materials{background:#d5d9cc}.home-selection-grid a:hover{outline:1px solid #ad9775;outline-offset:3px}
@media(max-width:1320px){.rasta-design .site-header{gap:15px}.rasta-design .menu{gap:16px;font-size:12px}.rasta-design .header-actions .catalog{display:none}.rasta-design .brand-caption strong{font-size:23px}.rasta-design .logo{gap:7px}.rasta-design .logo img{width:66px}.studio-inspector{padding:20px}.material-atelier{gap:27px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.material-desk{height:450px;padding:20px}.palette-visual{height:370px;padding:30px 35px 15px}.palette-sample{max-width:150px}.material-swatch>.material-texture{height:180px}}
@media(max-width:1050px){.studio-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.studio-stage{height:380px}.studio-space-row>span{display:none}.studio-space-row .selection-tabs{width:100%;justify-content:space-between}.studio-space-row .selection-tabs button{min-width:0}.studio-filmstrip{flex-wrap:wrap}.studio-filmstrip>span{display:none}.studio-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.material-desk{height:420px;padding:20px 10px}.palette-visual{padding:30px 20px 15px;height:340px}.palette-sample{height:230px;min-width:65px}.palette-sample.sample-1{height:260px}.palette-sample.sample-2{height:205px}.palette-sample.sample-3{height:180px}.material-atelier{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:20px}.palette-panel>h2{font-size:34px}.material-options{gap:22px 16px}.material-card-title{font-size:16px}.material-detail-layout{grid-template-columns:1fr 1fr;gap:20px}.material-feature-media{grid-template-columns:minmax(0,1fr) 75px}.material-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-feature-copy h2{font-size:24px}}
@media(max-width:760px){.rasta-design .selection-shell{width:92%;padding-top:18px}.selection-heading{display:block;margin-bottom:18px}.selection-heading h1{font-size:25px;margin-top:4px}.atelier-subnav{margin-top:13px;gap:22px}.studio-space-row{padding:6px 0;margin-bottom:12px}.studio-space-row .selection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.studio-space-row .selection-tabs button{justify-content:start;font-size:10px;padding:9px 11px}.studio-workspace{grid-template-columns:1fr;grid-template-areas:'visual' 'inspector';gap:25px}.studio-stage{height:330px}.studio-stage[data-view=installed][data-wide=true] .studio-photo-wrap{width:100%;aspect-ratio:auto}.studio-stage[data-view=installed][data-wide=true] .studio-photo-wrap img{object-fit:cover;object-position:50% 40%}.studio-inspector{padding:23px;min-height:0}.studio-inspector-top bdi{font-size:16px}.studio-inspector h2{font-size:21px}.studio-inspector dl{font-size:12px}.studio-viewbar{gap:8px}.studio-viewbar .selection-tabs{gap:0}.studio-viewbar .selection-tabs button{font-size:9px;padding:8px}.studio-tones{gap:5px}.studio-tones button{width:20px}.studio-tones>div{gap:2px}.studio-filmstrip{gap:9px}.studio-filmstrip>div{gap:5px}.studio-quick-model{max-width:none;width:62px}.studio-quick-model img{height:60px}.studio-filmstrip>button{font-size:9px}.studio-stage[data-view=scene]{padding:22px;gap:12px}.studio-stage[data-view=scene] .studio-board-materials{flex-basis:70px}.studio-board-materials .material-texture{height:55px}.studio-visual>.selection-caption{font-size:9px}.atelier-dialog{padding:20px 15px;width:94vw;max-height:90dvh}.atelier-dialog-heading h2{font-size:21px}.atelier-dialog-heading{gap:12px;margin-bottom:15px}.studio-model-filters{grid-template-columns:1fr;gap:10px;padding:14px 0}.studio-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-model-button img{height:160px}.material-atelier{grid-template-columns:1fr;gap:12px}.material-desk{height:360px;order:0}.palette-panel{order:1;padding:12px 5px}.palette-visual{height:295px;padding:26px 20px 0}.palette-sample{height:210px;min-width:65px;max-width:125px}.palette-sample.sample-1{height:235px}.palette-sample.sample-2{height:180px}.palette-sample.sample-3{height:155px}.palette-sample>div{font-size:8px;gap:2px;padding-inline:1px}.palette-sample bdi{font-size:7px}.desk-title{left:20px;top:20px;font-size:8px}.desk-caption{bottom:20px;left:20px;right:20px;font-size:8px}.desk-caption>span:last-child{font-size:6px}.palette-panel>h2{font-size:35px}.palette-panel>p{max-width:none}.palette-presets{margin-block:17px}.palette-presets button{font-size:10px}.material-library{margin-top:25px;padding-top:22px}.material-library>header{display:block;margin-bottom:20px}.material-library h2{font-size:24px}.material-filter{margin-top:15px}.material-filter button{padding:8px 14px}.material-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.material-swatch>.material-texture{height:190px}.material-card-title{font-size:16px}.material-add{font-size:10px}.material-detail-layout{grid-template-columns:1fr;gap:22px}.material-closeup{height:260px}.material-feature-media{grid-template-columns:minmax(0,1fr) 72px;gap:10px}.material-full img{height:200px}.material-feature-copy h2{font-size:26px}.material-models header{display:block}.material-models header p{margin-top:7px}.material-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.material-product>div{height:180px;padding:10px}.material-cabinet-note{display:block;font-size:11px;padding:20px}.material-cabinet-note a{display:inline-block;margin-top:12px}.home-selection{margin:55px auto}.home-selection-grid{grid-template-columns:1fr}.home-selection-grid>a{padding:25px 20px;min-height:260px}.home-selection-grid img{height:215px}.home-selection-grid h3{font-size:24px}.home-selection-grid>a>div{max-width:62%}}
@media(prefers-reduced-motion:reduce){.palette-sample,.material-swatch>.material-texture{transition:none}}
/* Keep the atelier readable and the current selection close to its primary action. */
.rasta-design.selection-page .compare-tray{display:none}
.selection-shell .atelier-kicker,.atelier-dialog .atelier-kicker{color:#687268}
.palette-panel>p{font-size:14px;color:#65715e}.palette-presets button{font-size:12px}.palette-selection>p:not(.selection-caption){font-size:12px;color:#6d7864}.palette-selection>.selection-caption{font-size:11px;color:#737f69}
.studio-change-model{display:inline-block;background:none;border:0;border-bottom:1px solid #a8b19c;padding:0 0 4px;margin:0 0 16px;color:#3c6051;font-size:11px!important}
.studio-specs{margin:16px 0 8px;border-block:1px solid #cdd3c1;padding:10px 0}.studio-specs>summary{font-size:11px;cursor:pointer;list-style:none;color:#596e4e}.studio-specs>summary::-webkit-details-marker{display:none}.studio-specs dl{margin:10px 0 5px}.studio-order{margin-top:16px;padding-top:14px}.studio-buy{margin-top:16px}.studio-inspector h2{margin:12px 0}
.atelier-dialog #material-palette-status{font-size:11px;color:#526c43;margin-top:10px;min-height:18px}
.rasta-design .selection-shell .atelier-kicker,.rasta-design .atelier-dialog .atelier-kicker{color:#59655c}

/* Live door-leaf finishes */
.studio-finish{margin:15px 0 18px;padding-block:15px;border-block:1px solid #c7cdbf}.finish-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.finish-heading h3{font-size:14px!important;margin:0!important}.finish-heading>button{font-size:9px!important;padding:0;background:none;border:0;color:#66745f;cursor:pointer}.finish-materials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.finish-materials button{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:1px solid transparent;padding:5px 2px 8px;min-height:68px;font-size:9px!important;cursor:pointer;line-height:1.5}.finish-sample{width:29px;height:33px;display:block;border:1px solid #bbb9ae;background:#c9bb9e;box-shadow:2px 3px 4px #0002}.finish-original{background:linear-gradient(140deg,#e4d7bf,#88765d)}.finish-oak{background-color:#b7976a}.finish-beech{background-color:#c9a983}.finish-walnut{background-color:#785338}.finish-sample{background-size:cover;background-position:center}.finish-paint{background:#d9d5ca}.finish-materials [aria-pressed=true]{border-color:#826c49;background:#f7f5ee}.finish-colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:17px}.finish-colors button{padding:3px 0;background:none;border:0;font-size:8px!important;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.finish-colors i{width:24px;height:24px;border-radius:50%;display:block;border:1px solid #0002;outline:1px solid transparent;outline-offset:3px}.finish-colors [aria-pressed=true] i{outline-color:#846d46}.color-natural{background:linear-gradient(90deg,#bc935f 50%,#ded2b7 50%)}.color-white{background:#eae9e2}.color-ivory{background:#d6ccb5}.color-sand{background:#a79171}.color-walnut{background:#633d27}.color-graphite{background:#434848}.color-black{background:#1f2221}.finish-choice{font-size:11px!important;font-weight:600;margin:16px 0 8px!important;color:#253d46!important}#finish-original,#finish-retry,#finish-open-models{font-size:10px!important;border:0;border-bottom:1px solid #8e977f;padding:2px 0;background:none;color:#405b51;cursor:pointer}#finish-original[aria-pressed=true]{color:#9b6a34}#finish-status{font-size:10px!important;min-height:17px;margin-top:5px;color:#4f6748}.studio-finish .selection-caption{font-size:10px;line-height:1.9;margin-top:10px;color:#65735f}#finish-unavailable p{font-size:11px;line-height:1.9}.studio-preview-filter{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:20px}.studio-preview-filter input{width:18px;height:18px;accent-color:#203a46}.studio-inspector #studio-order-summary{font-size:12px;line-height:1.9}.studio-inspector .studio-specs{margin-top:8px}
@media(min-width:901px){.selection-studio-page .studio-visual{position:sticky;top:110px;align-self:start}.selection-studio-page .studio-stage{height:clamp(300px,46vh,520px)}}
@media(max-width:600px){.finish-materials button{font-size:11px!important;min-height:75px}.finish-colors button{font-size:9px!important}.finish-sample{width:35px;height:42px}.finish-colors i{width:27px;height:27px}.finish-heading h3{font-size:17px!important}.studio-finish{padding-block:20px}}

@media(max-width:900px){.selection-studio-page .studio-stage{position:sticky;top:78px;z-index:3;height:260px}.selection-studio-page .studio-visual{overflow:visible}.selection-studio-page .studio-visual>.studio-finish{background:#f6f4ed;margin-top:12px;padding:18px;border:1px solid #d4d8ca}.selection-studio-page .studio-finish .finish-materials{gap:10px}.selection-studio-page .studio-finish .finish-colors{margin-top:12px}.selection-studio-page .finish-heading{margin-bottom:10px}}
@media(max-width:400px){.selection-studio-page .studio-stage{height:230px}}

/* The large view displays the current configured photograph, including its finish. */
.studio-image-dialog{width:min(1200px,94vw);background:#e9e6df}.studio-image-dialog .atelier-dialog-heading{margin-bottom:12px}.studio-image-dialog h2{font-size:16px!important}.studio-image-dialog>img{display:block;width:100%;height:70dvh;object-fit:contain}.studio-image-dialog>.selection-caption{margin-bottom:0;font-size:11px;color:#5e6a59}

.finish-frame-option{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;cursor:pointer}.finish-frame-option input{width:17px;height:17px;margin:0;accent-color:#203a46;flex:0 0 auto}.finish-frame-option[hidden]{display:none}

/* Exact reference codes stay visible beside their source sample images. */
.finish-reference-intro{font-size:11px;line-height:1.9;color:#59655c;margin-bottom:14px!important}
.finish-reference-filters{display:grid;gap:6px}.finish-reference-filters label{font-size:11px;color:#4c5e51}.finish-reference-filters :is(input,select){width:100%;min-width:0;box-sizing:border-box;min-height:38px;border:1px solid #b9c1b1;background:#f8f7f1;color:#253d37;padding:7px 9px;font-size:12px;margin-bottom:5px}.finish-reference-filters input{font-size:11px}
.finish-reference-count{font-size:10px;color:#5d6c5d;margin:9px 0!important}.finish-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:#a99b82 transparent}
.finish-reference-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid #c4c9bc;background:#f6f4ec;padding:5px;text-align:start;color:#213b40;position:relative}.finish-reference-card:hover{border-color:#8a7048}.finish-reference-card[aria-pressed=true]{border:2px solid #967742;padding:4px;background:#fffcf3}.finish-reference-card[aria-pressed=true]::after{content:'✓';position:absolute;inset-inline-end:9px;top:9px;background:#183443;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font:12px Arial}.finish-reference-card:focus-visible{outline:2px solid #1c4358;outline-offset:1px}
.finish-reference-card img,.finish-sample-pending,.finish-sample-approximate{width:100%;height:72px;object-fit:cover;display:block}.finish-sample-pending{display:grid;place-items:center;text-align:center;background:#e9e7e0;color:#656d65;border:1px dashed #a9aea1;font-size:10px;box-sizing:border-box;padding:8px}.finish-sample-approximate{background-size:cover;background-position:center;background-blend-mode:luminosity}.finish-preview-badge{font-size:9px;line-height:1.8;padding:2px 4px;background:#e7dfce;color:#4d442f;text-align:center}.finish-approximate-note{border-inline-start:2px solid #a38354;padding-inline-start:10px}.finish-approximate-note span{display:block}.finish-reference-card bdi{font:11px Arial;letter-spacing:.03em;margin:8px 2px 5px;text-align:left}.finish-reference-card strong{font-size:11px;font-weight:550;line-height:1.7;margin-inline:2px}.finish-reference-card small{font-size:9px;color:#6d7968;line-height:1.7;margin:3px 2px}.finish-choice{overflow-wrap:anywhere;line-height:1.9}
@media(max-width:900px){.finish-reference-grid{max-height:300px;grid-template-columns:repeat(3,minmax(0,1fr))}.finish-reference-card img,.finish-sample-pending,.finish-sample-approximate{height:80px}.finish-reference-filters{grid-template-columns:1fr 1fr}.finish-reference-filters label{grid-row:1}.finish-reference-filters :is(input,select){grid-row:2}}
@media(max-width:480px){.finish-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:290px}.finish-reference-filters{display:grid;grid-template-columns:1fr}.finish-reference-filters label,.finish-reference-filters :is(input,select){grid-row:auto}}
