.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:2048/444;background-image:url('/assets/voulez.png'),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}