.architecture-section{background:#eeeee5;border-top:1px solid #183c3120;overflow:hidden}.architecture-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:end}.architecture-intro h2{margin-top:22px}.architecture-intro p{color:var(--muted);max-width:510px}.architecture-nav{display:flex;flex-wrap:wrap;gap:12px 29px;border-top:1px solid #183c3130;border-bottom:1px solid #183c3130;margin:45px 0 26px;padding:21px 0;font-size:10px;letter-spacing:1px}.architecture-nav a{padding:6px 0;border-bottom:1px solid transparent}.architecture-nav a:hover{border-color:var(--forest)}#architecture-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;background:var(--forest);color:#fff;margin-left:6px;font-size:9px}.architecture-subsection{padding-top:65px;scroll-margin-top:170px}.architecture-subhead{display:flex;justify-content:space-between;align-items:end;gap:8%;margin-bottom:28px}.architecture-subhead h3{font-size:clamp(31px,3vw,45px);letter-spacing:-1px;line-height:1.15;margin-top:16px}.architecture-subhead p{font-size:12px;line-height:1.9;max-width:390px;color:var(--muted);margin:0}.architecture-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.architecture-card{background:#faf8f2;min-width:0;display:flex;flex-direction:column}.architecture-card-image{width:100%;aspect-ratio:4/3;background:#e0e2d8;object-fit:cover}.architecture-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.architecture-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#68715e;margin-bottom:12px;line-height:1.6}.architecture-card h4{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0 0 13px}.architecture-card p{font-size:12px;color:#626e5d;line-height:1.9;margin:0 0 16px}.architecture-card ul{padding-left:17px;margin:0 0 19px;font-size:11px;line-height:1.8;color:#626e5d}.architecture-card-actions{display:flex;flex-direction:column;gap:14px;margin-top:auto}.architecture-pick,.architecture-solid{padding:13px 12px;border:1px solid var(--forest);background:var(--forest);color:var(--ivory);min-height:43px;font-size:10px;letter-spacing:.5px;line-height:1.6}.architecture-pick[aria-pressed=true]{background:#e1e7d9;color:var(--forest)}.architecture-source{font-size:10px;line-height:1.6;border-bottom:1px solid #183c3140;width:fit-content;padding-bottom:4px}.architecture-source-note{font-size:10px;line-height:1.9;color:#64705e;margin:30px 0 0}.architecture-source-note a{border-bottom:1px solid #183c3150}.architecture-disclosure{border-top:1px solid #183c3130;border-bottom:1px solid #183c3130;margin-top:33px;padding:23px 0}.architecture-disclosure>summary{cursor:pointer;font-family:Georgia,serif;font-size:25px;line-height:1.5}.architecture-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px}.architecture-system-grid .architecture-card-body{padding:19px}.architecture-system-grid h4{font-size:23px}.architecture-system-grid .architecture-card-image{aspect-ratio:3/2}.architecture-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-status{font-size:11px;line-height:1.9;color:#61705b;margin:18px 0;overflow-wrap:anywhere}.architecture-status[data-error=true]{color:#8b4438}.architecture-outline{background:transparent;border:1px solid #183c3170;color:var(--forest);padding:13px 20px;font-size:10px;letter-spacing:.7px;min-height:44px}.architecture-text-button{background:none;border:0;border-bottom:1px solid #183c3150;padding:11px 0;color:var(--forest);font-size:10px;letter-spacing:.5px;width:fit-content;min-height:42px}.architecture-look-filters,.architecture-browser-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin:25px 0}.architecture-look-filters label,.architecture-browser-filters label{display:flex;flex-direction:column;gap:9px;font-size:10px;letter-spacing:1px}.architecture-look-filters select,.architecture-browser-filters input,.architecture-browser-filters select{background:#faf8f2;border:1px solid #183c3140;min-height:44px;padding:12px;font-size:12px;line-height:1.5;width:100%;border-radius:0}.architecture-gallery-controls{display:flex;align-items:center;gap:12px;margin:20px 0 25px}.architecture-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;min-width:43px;padding:10px;border:1px solid #183c3155;background:none;color:var(--forest)}#architecture-look-count{font-size:10px;letter-spacing:2px;margin-left:5px}#architecture-look-pause{margin-left:auto;padding:10px 15px;font-size:9px;letter-spacing:1px}.architecture-gallery{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aeb9a5 transparent;padding-bottom:16px}.architecture-look{flex:0 0 min(86vw,1080px);scroll-snap-align:start;min-width:0}.architecture-look-button{display:block;padding:0;border:0;background:transparent;text-align:left;width:100%;color:var(--forest)}.architecture-look-image{aspect-ratio:16/9;max-height:70vh;overflow:hidden;background:#d9dfce}.architecture-look-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s ease}.architecture-look-button:hover img{transform:scale(1.025)}.architecture-look-caption{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-top:20px}.architecture-look-caption h4{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;margin:0 0 9px}.architecture-look-caption span{font-size:10px;color:#66745e;line-height:1.7}.architecture-look-caption small{font-size:9px;letter-spacing:1px;max-width:140px;line-height:1.7;text-align:right}.architecture-browser-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;align-items:start}.architecture-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.architecture-tabs button{border:1px solid #183c3150;padding:12px 16px;min-height:43px;background:none;color:var(--forest);font-size:10px;letter-spacing:.6px}.architecture-tabs button[aria-pressed=true]{background:var(--forest);color:var(--ivory)}.architecture-browser-filters{grid-template-columns:1fr 1fr}.architecture-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.architecture-material-grid .architecture-card-image{background:#fff;object-fit:contain;aspect-ratio:1/1;padding:13px}.architecture-material-grid[data-kind=design] .architecture-card-image{aspect-ratio:4/5;padding:20px}.architecture-material-grid .architecture-card-body{padding:18px}.architecture-material-grid h4{font-size:22px;overflow-wrap:anywhere}.architecture-material-grid p{font-size:11px}.architecture-material-grid .architecture-label{font-size:8px;letter-spacing:1px}.architecture-material-grid .architecture-card-actions{gap:11px}.architecture-material-grid .architecture-pick{font-size:9px}.architecture-material-grid .architecture-source{font-size:9px}#architecture-more{display:block;margin:30px auto 0}.architecture-board{position:sticky;top:175px;background:#dfe5d7;padding:27px;scroll-margin-top:175px}.architecture-board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.architecture-board h3{font-size:30px;line-height:1.1}.architecture-board-heading>span{background:var(--forest);color:white;min-width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px}.architecture-board p{font-size:11px;color:#5d6c54;line-height:1.9}.architecture-board ul{list-style:none;padding:0;margin:20px 0;max-height:42vh;overflow:auto;scrollbar-width:thin}.architecture-board li{border-top:1px solid #183c3125;padding:15px 0;display:flex;gap:12px;align-items:start;justify-content:space-between}.architecture-board li div{min-width:0}.architecture-board li strong{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.architecture-board li small{display:block;font-size:9px;line-height:1.8;color:#5c6a52;margin-top:5px}.architecture-board li button{border:0;background:none;color:var(--forest);font-size:18px;padding:1px 6px;min-height:30px;min-width:30px}.architecture-board-note{font-size:10px!important}.architecture-board .btn{font-size:9px;line-height:1.6;letter-spacing:.7px;gap:12px;margin-top:14px}.architecture-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.architecture-resource-group{background:#faf8f2;padding:22px;min-width:0}.architecture-resource-group summary{font-size:12px;line-height:1.6;cursor:pointer;letter-spacing:.5px}.architecture-resource-group ul{list-style:none;padding:0;margin:16px 0 0}.architecture-resource-group li+li{margin-top:12px}.architecture-resource-group a{font-size:10px;line-height:1.8;display:inline-block;border-bottom:1px solid #183c3125;padding-bottom:3px;overflow-wrap:anywhere}.architecture-resource-group a span{color:#758069;font-size:8px;margin-left:7px}#architecture-dialog{padding:30px}#architecture-dialog-image{aspect-ratio:16/9;object-fit:contain;background:#e3e6da}.architecture-dialog-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.architecture-dialog-reference{border-top:1px solid #183c3130;padding-top:16px;display:flex;gap:18px;align-items:start}.architecture-dialog-reference img{object-fit:contain;background:#fff;width:75px;height:100px;padding:8px}.architecture-dialog-reference p{font-size:12px;margin:0 0 7px}.architecture-dialog-reference small{display:block;font-size:9px;line-height:1.7;color:#68745f;margin-bottom:9px}.architecture-dialog-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:25px}.architecture-dialog-actions .btn{margin:0;font-size:10px}#architecture-dialog-products h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:400;margin:30px 0 8px}#architecture-dialog-products ul{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;list-style:none;margin:0}#architecture-dialog-products a{font-size:11px;border-bottom:1px solid #183c3135;line-height:1.8}.architecture-no-image{display:flex;align-items:center;justify-content:center;min-height:90px;padding:24px;font-family:Georgia,serif;font-size:25px;background:#e2e7db;color:var(--forest);line-height:1.3;text-align:center}
@media(min-width:1051px) and (max-width:1320px){.nav-group{font-size:9px;gap:14px}.nav{gap:18px;padding-left:3%;padding-right:3%}.nav .brand img{width:300px}}
@media(max-width:1100px){.architecture-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-browser-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.architecture-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-board{padding:23px;top:135px}.architecture-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.architecture-intro{grid-template-columns:1fr;gap:18px}.architecture-intro p{max-width:100%}.architecture-nav{gap:10px 22px;margin:30px 0 20px}.architecture-subsection{padding-top:45px;scroll-margin-top:135px}.architecture-subhead{display:block}.architecture-subhead p{max-width:100%;margin-top:18px}.architecture-profile-grid,.architecture-panel-grid{gap:18px}.architecture-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-card-body{padding:21px}.architecture-card h4{font-size:24px}.architecture-browser-layout{display:flex;flex-direction:column;gap:40px}.architecture-browser-layout>div{width:100%}.architecture-board{position:static;width:100%;scroll-margin-top:135px}.architecture-board ul{max-height:280px}.architecture-look-filters{grid-template-columns:1fr 1fr;gap:15px}.architecture-look-filters .architecture-text-button{grid-column:1/-1;justify-self:end}.architecture-gallery{gap:18px}.architecture-look-image{max-height:none}.architecture-look-caption h4{font-size:24px}.architecture-look-caption small{max-width:100px;font-size:8px}.architecture-gallery-controls{gap:8px}.architecture-gallery-controls button{min-height:38px;min-width:38px}#architecture-look-pause{font-size:8px;letter-spacing:.3px;max-width:145px;padding:8px 11px}.architecture-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-dialog-details{gap:17px}.architecture-dialog-reference{gap:12px}.architecture-dialog-reference img{width:58px;height:85px}#architecture-dialog{padding:23px}.architecture-dialog-actions{gap:18px}}
@media(max-width:560px){.architecture-profile-grid,.architecture-panel-grid{grid-template-columns:1fr}.architecture-system-grid{grid-template-columns:1fr 1fr;gap:13px}.architecture-system-grid .architecture-card-body{padding:16px}.architecture-system-grid h4{font-size:20px}.architecture-system-grid p{font-size:10px}.architecture-system-grid .architecture-pick{font-size:9px}.architecture-system-grid .architecture-source{font-size:9px}.architecture-look-filters,.architecture-browser-filters{grid-template-columns:1fr}.architecture-look-filters .architecture-text-button{grid-column:1}.architecture-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.architecture-material-grid .architecture-card-body{padding:15px}.architecture-material-grid h4{font-size:21px}.architecture-tabs{gap:8px}.architecture-tabs button{padding:11px 13px}.architecture-resource-grid{grid-template-columns:1fr}.architecture-look-caption{gap:15px}.architecture-look-caption h4{font-size:22px}.architecture-look-caption small{max-width:85px}.architecture-dialog-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.architecture-look-image img{transition:none}.architecture-gallery{scroll-behavior:auto}}
@media(min-width:801px){.architecture-look-filters{grid-template-columns:1fr 1fr 1fr auto}}
.architecture-card-image.architecture-reference-drawing{object-fit:contain;background:#fff;padding:22px}.architecture-related{margin-top:28px;border-top:1px solid #183c3125;padding-top:8px}.architecture-related p{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#61705b}.architecture-related>div>div{display:flex;flex-wrap:wrap;gap:15px 25px}
.architecture-section [hidden]{display:none!important}
.architecture-card .architecture-specification{border-left:2px solid #aeb9a5;padding-left:10px;font-size:10px;line-height:1.7}
@media(min-width:1051px) and (max-width:1320px){.nav .nav-group{font-size:9px;gap:12px;letter-spacing:.5px}.nav.nav{gap:16px;padding-left:3%;padding-right:3%}.nav.nav .brand img{width:300px}}

/* The existing transparent Voulez Miami artwork is a decorative UI overlay on photography. */
.vm-photo{position:relative;isolation:isolate}
.vm-photo::after{content:"";position:absolute;z-index:2;right:clamp(10px,2.2%,25px);bottom:clamp(10px,2.2%,25px);width:clamp(105px,23%,190px);aspect-ratio:480/95;background-image:url('/assets/vm-les-baddouche.svg'),linear-gradient(#102c2585,#102c2585);background-position:center,center;background-repeat:no-repeat;background-size:92% auto,100% 100%;border:1px solid #f6f3ec1f;border-radius:2px;box-shadow:0 2px 12px #102c2526;opacity:.88;pointer-events:none}
.catalogue-image.vm-photo::after{width:clamp(92px,42%,140px);bottom:10px;right:10px;opacity:.85}
.profile-portrait.vm-photo::after{width:clamp(110px,42%,160px)}
.dialog-photo{margin:20px 0;overflow:hidden}
.dialog-photo>img{display:block;width:100%;margin:0}
.architecture-look-image{position:relative}
.architecture-reference-code{font-size:9px!important;letter-spacing:1.5px;color:#68745f!important}
@media(max-width:560px){.vm-photo::after{width:clamp(100px,28%,145px);right:10px;bottom:10px}.catalogue-image.vm-photo::after{width:125px}}

.hero-photo .photo-note{top:28px;bottom:auto}
@media(min-width:801px){.architecture-look-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}}
/* Compact architecture selectors. Each opens independently. */
.architecture-selection-layout{padding-top:45px}.architecture-fold{margin:0;border-bottom:1px solid #183c3130;border-top:0;padding:0;scroll-margin-top:170px}.architecture-fold:first-child{border-top:1px solid #183c3130}.architecture-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:26px 0;cursor:pointer}.architecture-fold>summary::-webkit-details-marker{display:none}.architecture-fold>summary::marker{content:''}.architecture-fold>summary:focus-visible{outline:2px solid #a77962;outline-offset:4px}.architecture-fold-title{display:block;font-family:Georgia,serif;font-size:clamp(27px,2.6vw,38px);line-height:1.15;margin:10px 0}.architecture-fold-help{display:block;font:12px/1.8 Arial,sans-serif;color:#626e5d;max-width:540px}.architecture-fold-arrow{flex:none;display:grid;place-items:center;border:1px solid #183c3140;border-radius:50%;width:42px;height:42px;font:26px/1 Arial,sans-serif;transition:transform .2s}.architecture-fold[open]>summary .architecture-fold-arrow{transform:rotate(180deg)}.architecture-fold-content{padding:4px 0 30px}.architecture-fold .architecture-profile-grid,.architecture-fold .architecture-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.architecture-fold .architecture-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-fold #architecture-materials{padding-top:32px}.architecture-fold .architecture-subhead h3{font-size:29px}#architecture-hardware-more{display:block;margin:24px auto 0}#architecture-hardware-more[hidden]{display:none}.architecture-fold .architecture-card-body{padding:20px}.architecture-fold .architecture-browser-filters{margin-top:0}
#catalogue-lighting-filter{grid-column:1/-1;max-width:420px}#catalogue-lighting-filter[hidden]{display:none!important}
@media(max-width:650px){.architecture-fold>summary{gap:16px;padding:22px 0}.architecture-fold-title{font-size:27px}.architecture-fold-help{font-size:11px}.architecture-fold-arrow{width:36px;height:36px}.architecture-fold .architecture-profile-grid,.architecture-fold .architecture-system-grid{grid-template-columns:1fr}.architecture-fold .architecture-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.architecture-fold .architecture-material-grid .architecture-card-body{padding:12px}.architecture-fold .architecture-material-grid h4{font-size:19px}.architecture-selection-layout{padding-top:30px}.architecture-fold .architecture-browser-filters{grid-template-columns:1fr}}

/* Hardware labels remain readable in the card and at full-screen size. */
.architecture-hardware-card .architecture-card-image.architecture-reference-drawing{padding:0;background:#f4f0e7;aspect-ratio:1;object-fit:contain;cursor:zoom-in}
.architecture-hardware-card .architecture-reference-code{font-size:13px!important;letter-spacing:1px}
.architecture-enlarge-hardware{border:0;border-bottom:1px solid #183c3150;background:transparent;color:var(--forest);font:13px/1.5 Arial,sans-serif;padding:8px 0;cursor:pointer;text-align:left}
.architecture-enlarge-hardware:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
@media(max-width:650px){.architecture-fold #architecture-hardware-grid,.architecture-material-grid[data-kind="hardware"]{grid-template-columns:1fr}.architecture-fold #architecture-hardware-grid .architecture-card-body{padding:20px}.architecture-fold #architecture-hardware-grid h4{font-size:25px}.architecture-hardware-card .architecture-pick{font-size:12px}}

/* Close-up construction preferences share the architectural reference board. */
.architectural-features{margin:38px 7% 0;text-align:left;scroll-margin-top:120px;color:var(--ivory);border-top:1px solid #d5aa9950;border-bottom-color:#d5aa9950}
.architectural-features .architecture-fold-help{color:#c8d0c2}
.architectural-features .architecture-fold-arrow{border-color:#d5aa9980}
.architectural-features>summary .eyebrow{color:var(--rose)}
.architectural-feature-intro{font-size:15px;line-height:1.7;max-width:680px;margin:0 0 24px}
.architectural-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.architectural-feature-card{overflow:hidden;background:#faf8f2;color:var(--forest);border:1px solid #183c311f}
.architectural-feature-photo{position:relative;display:block;width:100%;border:0;padding:0;background:#e5e3dc;cursor:zoom-in;text-align:left}
.architectural-feature-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.architectural-feature-zoom{position:absolute;left:12px;top:12px;background:#faf8f2e8;color:var(--forest);padding:8px 11px;font-size:12px}
.architectural-feature-card .architecture-card-body{padding:22px}
.architectural-feature-card h4{font-size:26px;line-height:1.15;margin:12px 0}
.architectural-feature-card .architecture-card-body>p{font-size:14px;line-height:1.65}
.architectural-feature-card .architecture-pick{font-size:15px;padding:11px 14px;min-height:44px}
.architectural-feature-card .architecture-pick[aria-pressed=true]{background:var(--forest);color:#faf8f2}
.architectural-feature-card .architecture-card-actions{gap:14px;align-items:center}
.architectural-feature-card .architecture-text-button{font-size:13px;min-height:44px}
.architectural-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}
.architectural-feature-footer p{max-width:420px;font-size:12px;line-height:1.6}
.vm-enlarged-feature-save{margin:6px auto 12px;display:block;min-height:44px;padding:10px 20px;border:1px solid #f1eee0;background:#faf8f2;color:#173c31;font-size:16px;border-radius:3px}
.vm-enlarged-feature-save[hidden]{display:none}
.vm-enlarged-feature-save[aria-pressed=true]{background:#264e40;color:#fff}
@media(max-width:1000px){.architectural-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.architectural-feature-grid{grid-template-columns:1fr;gap:20px}.architectural-feature-footer{display:block}.architectural-feature-card h4{font-size:28px}.architectural-feature-footer p{margin-top:16px}}
/* A short visual guide: profile, surface, movement. Existing gallery and saved IDs stay intact. */
.door-guide-step{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid #183c3129;scroll-margin-top:110px}
.door-guide-heading{display:flex;gap:18px;align-items:flex-start;margin:0 0 22px}
.door-guide-number{color:#967366;border:1px solid #c4a08c;border-radius:50%;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;font:13px Arial,sans-serif}
.door-guide-heading h3{font-size:31px;line-height:1.1;margin:0 0 9px}
.door-guide-heading p{font-size:14px;line-height:1.65;margin:0;max-width:580px}
.door-guide-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.door-guide-choice{background:transparent;border:1px solid #183c3140;color:var(--forest);padding:10px 15px;min-height:44px;font:14px/1.35 Arial,sans-serif;cursor:pointer;border-radius:2px}
.door-guide-choice[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#faf8f2}
.door-guide-choice:focus-visible,.door-guide-photo:focus-visible{outline:2px solid #926b59;outline-offset:4px}
.door-guide-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#eeece4;border:1px solid #183c311a;align-items:center}
.door-guide-media{margin:0;min-width:0;align-self:start}
.door-guide-photo{position:relative;display:block;border:0;padding:0;width:100%;background:#e2dfd4;cursor:zoom-in}
.door-guide-photo img{display:block;width:100%;height:310px;object-fit:contain}
.door-guide-zoom{position:absolute;top:12px;left:12px;padding:7px 10px;background:#faf8f2ee;color:var(--forest);font:12px Arial,sans-serif}
.door-guide-media figcaption{padding:10px 14px;font:11px/1.5 Arial,sans-serif;color:#5b665f}
.door-guide-detail-paired{grid-template-columns:1fr}
.door-guide-detail-text{grid-template-columns:1fr}
.door-guide-detail-text .door-guide-copy{padding:25px 28px}
.door-guide-detail-text h4{margin-top:0;font-size:30px}
.door-guide-detail-text .door-guide-description{max-width:650px;margin-bottom:20px}
.door-guide-detail-text .architecture-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.door-guide-detail-text .architecture-pick{width:auto}
.door-guide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#183c311a;min-width:0}
.door-guide-pair .door-guide-media{background:#eeece4}
.door-guide-pair .door-guide-photo img{height:auto;aspect-ratio:3/2;object-fit:contain}
.door-guide-view-label{display:block;color:var(--forest);font-size:13px;font-weight:400;margin-bottom:3px}
.door-guide-detail-paired .door-guide-copy{border-top:1px solid #183c311a}
.door-guide-copy{padding:25px;min-width:0}
.door-guide-copy .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.5px}
.door-guide-copy h4{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.1;margin:13px 0 17px}
.door-guide-description{font-size:16px;line-height:1.65;margin:0 0 12px}
.door-guide-fit{font-size:13px;line-height:1.7;color:#566158;margin:0 0 22px}
.door-guide-copy .architecture-pick{min-height:44px;padding:10px 13px;font-size:13px}
.door-guide-copy .architecture-text-button{font-size:12px;min-height:44px}
.door-guide-note{font-size:12px;line-height:1.65;color:#566158;margin:14px 0}
.door-guide-library{border:1px solid #183c3129;padding:20px;scroll-margin-top:110px}
.door-guide-library>summary{display:flex;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font-size:17px;line-height:1.4;min-height:30px;align-items:center}
.door-guide-library>summary::-webkit-details-marker{display:none}
.door-guide-library[open]>summary{margin-bottom:20px}
.door-guide-library .architecture-tabs{margin-top:24px}
.door-guide #architecture-materials{margin-top:0}
@media(max-width:1100px){.door-guide-detail{grid-template-columns:1fr}.door-guide-photo img{height:320px}.door-guide-copy{padding:25px}.door-guide-copy h4{font-size:31px}}
@media(max-width:650px){.door-guide-heading{gap:12px}.door-guide-heading h3{font-size:28px}.door-guide-choice{padding:10px 12px;font-size:13px}.door-guide-photo img{height:280px}.door-guide-copy{padding:22px 18px}.door-guide-copy h4{font-size:32px}.door-guide-library{padding:17px}.door-guide-step{padding-bottom:28px;margin-bottom:28px}}
@media(max-width:650px){.door-guide-pair{grid-template-columns:1fr}.door-guide-pair .door-guide-photo img{height:auto}.door-guide-pair .door-guide-media+figure{border-top:1px solid #183c311a}}

/* Room-led paneling selection: existing canonical references and images. */
#architecture-panels{display:block}.panel-showcase{background:#f7f5ee;border:1px solid #183c3120}.panel-showcase-stage{position:relative}.panel-showcase-photo{display:block;position:relative;border:0;padding:0;width:100%;background:#d6d6ca;cursor:zoom-in;color:var(--forest);text-align:left}.panel-showcase-photo>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.panel-showcase-enlarge{position:absolute;top:18px;right:18px;padding:10px 16px;background:#f7f5eef2;font-size:11px;letter-spacing:.3px}.panel-showcase-caption{position:absolute;bottom:16px;left:20px;color:#fff;font-size:10px;letter-spacing:1.2px;text-shadow:0 1px 5px #000;background:#183c3180;padding:7px 10px}.panel-showcase-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #183c3125}.panel-showcase-choice{display:flex;align-items:center;gap:13px;padding:17px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--forest);text-align:left;min-width:0}.panel-showcase-choice+button{border-left:1px solid #183c311c}.panel-showcase-choice[aria-pressed=true]{background:#e8e9de;border-bottom-color:#a87964}.panel-showcase-choice>img{width:68px;height:49px;object-fit:cover;flex-shrink:0}.panel-showcase-choice-label{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.4}.panel-showcase-choice-label small{font-size:9px;color:#9e7564;letter-spacing:1px}.panel-showcase-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;padding:29px 30px;align-items:center}.panel-showcase-copy h4{font-size:29px;line-height:1.2;margin:0 0 10px}.panel-showcase-copy p{font-size:13px;line-height:1.8;color:var(--muted);max-width:520px;margin:0}.panel-showcase-copy .architecture-card-actions{min-width:190px;gap:5px;margin:0}.panel-showcase-copy .architecture-text-button{align-self:center}.panel-showcase-choice:focus-visible,.panel-showcase-photo:focus-visible{outline:2px solid var(--forest);outline-offset:-4px}
@media(max-width:1000px){.panel-showcase-choice{gap:9px;padding:13px 10px}.panel-showcase-choice>img{width:48px;height:42px}.panel-showcase-copy{gap:20px;padding:24px}.panel-showcase-choice-label{font-size:11px}}
@media(max-width:560px){.panel-showcase-choice{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 9px}.panel-showcase-choice>img{width:100%;height:auto;aspect-ratio:16/9}.panel-showcase-choice-label{font-size:11px;gap:3px}.panel-showcase-copy{grid-template-columns:1fr;gap:18px;padding:23px 20px}.panel-showcase-copy h4{font-size:27px}.panel-showcase-copy .architecture-card-actions{width:100%}.panel-showcase-caption{bottom:9px;left:9px;font-size:8px;letter-spacing:.4px;padding:5px 7px}.panel-showcase-enlarge{top:9px;right:9px;padding:8px 11px;font-size:10px}}
.panel-showcase-copy h4{font-family:Georgia,serif;font-weight:400}
/* Profile-specific materials retain the existing canonical saved references. */
.profile-options{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:32px;margin-top:28px;padding-top:28px;border-top:1px solid #183c3129}
.profile-options h5{font:400 25px/1.2 Georgia,serif;margin:0 0 12px;color:var(--forest)}
.profile-option-note,.profile-finish-description,.profile-hardware li{font:13px/1.75 Arial,sans-serif;color:#566158}
.profile-option-note{margin:0 0 15px}.profile-hardware ul{padding-left:18px;margin:0 0 14px}.profile-hardware li+li{margin-top:12px}
.profile-finish-label{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.5px;margin-bottom:6px}
.profile-finish-select{display:block;width:100%;padding:12px 36px 12px 12px;border:1px solid #183c3155;background:#faf8f2;color:var(--forest);font:14px Arial,sans-serif;min-height:44px;border-radius:0}
.profile-finish-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.profile-swatch{min-width:0;padding:10px;background:#faf8f2;border:1px solid #183c3122;display:flex;flex-direction:column;align-items:flex-start}
.profile-swatch-preview{position:relative;width:100%;aspect-ratio:1.1;overflow:hidden;background:#ddd7ca;margin-bottom:10px}
.profile-swatch-preview img{position:absolute;max-width:none;width:184.615%;height:auto;left:-19.231%;top:-53.2%;pointer-events:none}
.profile-swatch strong{font:400 12px/1.5 Arial,sans-serif}.profile-swatch small{font-size:10px;margin:6px 0 9px;display:block}
.profile-swatch .architecture-pick{font-size:11px;min-height:44px;padding:8px;width:100%;margin-top:auto}
.profile-finish-select:focus-visible,.catalogue-fold>summary:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
@media(max-width:1000px){.profile-options{grid-template-columns:1fr;gap:24px}.profile-hardware{border-top:1px solid #183c3129;padding-top:22px}}
@media(max-width:500px){.profile-finish-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-options h5{font-size:23px}}