@layer components{
.selector-shell{display:grid;grid-template-columns:320px 1fr;background:#fff;border:1px solid var(--line)}.selector-filters{padding:35px;border-right:1px solid var(--line)}.selector-filters h3{font:700 28px/1.1 var(--font-display);margin-bottom:25px}.selector-filters label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selector-filters select{height:48px;border:1px solid var(--line);padding:0 12px;background:#fff}.selector-results{padding:28px;min-width:0}.selector-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mini-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-project{background:var(--paper);overflow:hidden}.mini-project img{width:100%;aspect-ratio:4/3;object-fit:cover}.mini-project div{padding:17px}.mini-project strong{font:700 20px/1 var(--font-display)}.mini-project span{display:block;margin-top:7px;color:var(--muted);font-size:12px}
.catalog-layout{display:grid;grid-template-columns:285px 1fr;gap:36px}.catalog-sidebar{position:sticky;top:118px;align-self:start;background:#fff;border:1px solid var(--line);padding:27px}.catalog-sidebar h2{font:700 27px/1.1 var(--font-display);margin-bottom:20px}.filter-group{padding:18px 0;border-top:1px solid var(--line)}.filter-group label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:9px 0;font-size:13px}.filter-group select,.filter-group input[type=search]{width:100%;height:45px;border:1px solid var(--line);background:#fff;padding:0 10px}.filter-group input[type=checkbox]{accent-color:var(--brand-700)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.catalog-toolbar strong{font:700 18px/1 var(--font-display)}.catalog-toolbar select{height:44px;border:1px solid var(--line);background:#fff;padding:0 12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalog-empty{display:none;padding:70px;background:#fff;text-align:center}.catalog-empty.is-visible{display:block}.catalog-card[hidden]{display:none}.catalog-note{padding:20px 24px;background:#fff8ed;border-left:3px solid var(--accent-600);margin-bottom:28px;color:#5a4c3f}
.project-detail-hero{background:#fff;padding:34px 0 50px}.project-breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:25px}.project-breadcrumbs a{text-decoration:none}.project-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px}.gallery-main{position:relative;aspect-ratio:1.35;background:var(--paper-2);overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.gallery-thumbs button{padding:0;border:2px solid transparent;background:transparent;aspect-ratio:1.5;overflow:hidden}.gallery-thumbs button.is-active{border-color:var(--brand-700)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.project-summary{padding-top:20px}.project-summary h1{font:700 clamp(48px,5vw,78px)/.95 var(--font-display);letter-spacing:-.055em;margin:15px 0}.project-summary>p{font-size:18px;color:var(--muted)}.summary-specs{display:grid;grid-template-columns:repeat(2,1fr);margin:28px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.summary-specs div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-specs span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.summary-specs strong{display:block;font:650 18px/1.1 var(--font-display);margin-top:5px}.summary-actions{display:flex;gap:10px;flex-wrap:wrap}.project-small-note{margin-top:16px;font-size:11px;color:var(--muted)}.project-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.project-story aside{position:sticky;top:130px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.feature-list div{padding:17px;background:#fff;border:1px solid var(--line);font-weight:700}.floor-plan{background:#fff;border:1px solid var(--line);padding:25px}.floor-plan-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.floor-plan-head h3{font:700 29px/1 var(--font-display)}.plan-diagram{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:110px;border-top:1px solid #9aa8b4;border-left:1px solid #9aa8b4;background:#edf2f5}.plan-room{padding:12px;border-right:1px solid #9aa8b4;border-bottom:1px solid #9aa8b4;font-size:11px;color:#43505b}.plan-room strong{display:block;font:650 16px/1.1 var(--font-display);color:var(--ink);margin-top:6px}.plan-room:nth-child(1){grid-column:span 2}.configurator{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.configurator-controls{display:flex;flex-direction:column;gap:10px}.config-option{padding:18px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#b9c8d2;text-align:left}.config-option.is-active{background:#fff;color:var(--ink);border-color:#fff}.config-option strong{display:block;font:650 20px/1.1 var(--font-display)}.config-result{background:#fff;color:var(--ink);padding:42px}.config-result h3{font:700 38px/1.1 var(--font-display)}.config-result ul{list-style:none;padding:0;margin-top:24px;columns:2}.config-result li{padding:10px 0;border-bottom:1px solid var(--line)}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line)}.stat-item{padding:30px;border-right:1px solid var(--line)}.stat-item:last-child{border:0}.stat-item strong{font:700 38px/1 var(--font-display);color:var(--brand-800)}.stat-item span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.service-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:48px 0;border-top:1px solid var(--line)}.service-detail h3{font:700 36px/1.05 var(--font-display)}.service-detail ul{columns:2;padding-left:18px}.service-detail li{margin-bottom:10px}.service-number{font:700 56px/1 var(--font-display);color:var(--accent-600);margin-bottom:18px}.editorial-quote{font:400 clamp(34px,4.8vw,72px)/1.18 var(--font-editorial);letter-spacing:-.02em}.editorial-quote em{color:var(--accent-600);font-style:normal}.team-model{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-role{min-height:240px;padding:25px;background:#fff;border:1px solid var(--line)}.team-role span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.team-role h3{font:650 24px/1.15 var(--font-display);margin:48px 0 12px}.team-role p{color:var(--muted)}
.product-ui{background:#0a1e30;border-radius:18px;padding:12px;box-shadow:var(--shadow-lg)}.ui-window{background:#f4f6f7;min-height:520px;border-radius:10px;overflow:hidden}.ui-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #dde2e5}.ui-layout{display:grid;grid-template-columns:210px 1fr}.ui-sidebar{background:#102b45;color:#fff;padding:20px;min-height:462px}.ui-sidebar span{display:block;padding:11px 9px;margin-bottom:5px;color:#afbfca}.ui-sidebar span.is-active{background:#fff;color:#102b45}.ui-content{padding:28px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ui-metric{background:#fff;padding:18px}.ui-metric strong{display:block;font:700 27px/1 var(--font-display);margin-top:10px}.ui-timeline{margin-top:20px;background:#fff;padding:22px}.ui-row{display:grid;grid-template-columns:35px 1fr auto;gap:13px;padding:13px 0;border-bottom:1px solid #e3e7e9}.ui-row i{width:24px;height:24px;border-radius:50%;background:#d8e7df;position:relative}.ui-row i::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#2d6a4f;font-style:normal;font-size:12px}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-card{background:var(--brand-900);color:#fff;padding:42px}.contact-card a{display:block;text-decoration:none;font:650 25px/1.2 var(--font-display);margin:14px 0}.contact-card p{color:#b9c8d2}.contact-form-panel{background:#fff;border:1px solid var(--line);padding:42px}.contact-form-panel h2{font:700 42px/1.1 var(--font-display);margin-bottom:28px}
}
@media(max-width:1100px){.selector-shell{grid-template-columns:1fr}.selector-filters{border-right:0;border-bottom:1px solid var(--line)}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}.project-detail-grid,.project-story,.configurator,.service-detail,.contact-layout{grid-template-columns:1fr}.project-story aside{position:static}.team-model{grid-template-columns:1fr 1fr}.stat-band{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.mini-projects,.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.feature-list{grid-template-columns:1fr}.plan-diagram{grid-template-columns:1fr 1fr}.config-result ul{columns:1}.team-model,.stat-band{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid var(--line)}.service-detail ul{columns:1}.ui-layout{grid-template-columns:1fr}.ui-sidebar{min-height:auto;display:flex;overflow:auto}.ui-sidebar span{white-space:nowrap}.ui-metrics{grid-template-columns:1fr}.contact-form-panel,.contact-card{padding:28px}}