@layer components{
ksr-hero-slider{display:block;position:relative}.hero-stage{min-height:calc(100svh - 118px);position:relative;overflow:hidden;background:var(--brand-950);color:#fff}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .85s var(--ease),visibility .85s,transform 6s linear}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide picture,.hero-slide img{width:100%;height:100%}.hero-slide img{object-fit:cover}.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,28,.92),rgba(5,17,28,.62) 46%,rgba(5,17,28,.1)),linear-gradient(0deg,rgba(5,17,28,.58),transparent 45%)}.hero-grid-lines{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 25%,25% 100%;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero-content{position:relative;z-index:2;padding-top:clamp(100px,14vh,180px);padding-bottom:130px;max-width:980px}.hero-content .eyebrow{margin-bottom:25px}.hero-content>p:not(.eyebrow){max-width:680px;margin-top:32px;font-size:clamp(18px,1.6vw,23px);color:#d9e4ec}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-facts{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.24)}.hero-fact{padding:18px 22px 0 0;color:#d9e4ec;font-size:12px}.hero-fact strong{display:block;color:#fff;font:700 18px/1.2 var(--font-display);margin-bottom:4px}.hero-controls{position:absolute;z-index:4;right:var(--gutter);bottom:120px;display:flex;align-items:center;gap:8px}.hero-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.45);background:rgba(3,15,25,.22);color:#fff;backdrop-filter:blur(10px)}.hero-dots{display:flex;gap:8px;margin-right:14px}.hero-dots button{width:36px;height:3px;border:0;background:rgba(255,255,255,.38);padding:0}.hero-dots button.is-active{background:#fff}.hero-counter{position:absolute;right:var(--gutter);top:42px;z-index:3;font:500 14px/1 var(--font-display);letter-spacing:.1em}.hero-counter strong{font-size:24px}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:32px;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d1dce4}.hero-scroll::after{content:"";display:block;width:1px;height:42px;background:#fff;margin:12px auto -34px;animation:scrollLine 1.8s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.brand-ticker{overflow:hidden;border-block:1px solid var(--line);background:#fff}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker-item{display:flex;align-items:center;gap:25px;padding:22px 42px;font:700 12px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.ticker-item::after{content:"◆";color:var(--accent-600);font-size:8px}@keyframes ticker{to{transform:translateX(-50%)}}
ksr-carousel{display:block}.carousel-track{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:10px}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{flex:0 0 min(430px,80vw);scroll-snap-align:start}.carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.carousel-controls button{width:52px;height:52px;border:1px solid var(--line);background:#fff;font-size:20px}
.project-card{position:relative;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}.project-media{aspect-ratio:4/3;overflow:hidden;position:relative;background:var(--paper-2)}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.project-card:hover .project-media img{transform:scale(1.055)}.project-badge{position:absolute;left:18px;top:18px;padding:8px 11px;background:rgba(9,29,45,.84);color:#fff;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.favorite-btn{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:21px;display:grid;place-items:center}.favorite-btn.is-active{background:var(--accent-600);color:#fff}.project-body{padding:25px}.project-series{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.project-name{font:700 30px/1.05 var(--font-display);margin:8px 0 15px}.project-name a{text-decoration:none}.project-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-block:16px;border-block:1px solid var(--line)}.project-specs span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.project-specs strong{display:block;font-size:14px;margin-top:4px}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.project-price{font-size:11px;color:var(--muted)}.project-price strong{display:block;color:var(--ink);font-size:15px}.project-footer a{text-decoration:none;font-weight:750;color:var(--brand-700)}
.service-scenes{display:grid;grid-template-columns:.82fr 1.18fr;min-height:720px;background:#fff}.service-scene-nav{background:var(--brand-950);color:#fff;padding:clamp(42px,5vw,80px)}.scene-button{width:100%;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:15px;padding:22px 0;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:transparent;color:#9fb0bd;text-align:left}.scene-button strong{font:600 20px/1.2 var(--font-display)}.scene-button.is-active{color:#fff}.scene-button.is-active span:first-child{color:var(--accent-500)}.service-scene-panels{position:relative;overflow:hidden}.service-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.5s var(--ease)}.service-scene.is-active{opacity:1;visibility:visible}.service-scene img{width:100%;height:100%;object-fit:cover}.service-scene-copy{position:absolute;left:0;right:0;bottom:0;padding:48px;background:linear-gradient(0deg,rgba(5,17,28,.94),transparent);color:#fff}.service-scene-copy h3{font:700 clamp(32px,4vw,56px)/1 var(--font-display);max-width:680px}.service-scene-copy p{max-width:600px;margin-top:16px;color:#d7e1e8}
.technology-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:330px;gap:18px}.technology-card{position:relative;overflow:hidden;color:#fff;min-height:300px}.technology-card:first-child{grid-row:span 2}.technology-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.technology-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,39,.9),rgba(7,24,39,.08) 72%)}.technology-card:hover img{transform:scale(1.055)}.technology-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}.technology-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#d1dde6}.technology-copy h3{font:700 29px/1.1 var(--font-display);margin:7px 0}.technology-copy p{color:#d6e0e7}.technology-card:first-child .technology-copy{padding:45px}.technology-card:first-child h3{font-size:48px}
ksr-tabs{display:block}.tabs-list{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}.tabs-list button{flex:1;min-width:180px;padding:20px 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:750}.tabs-list button.is-active{color:var(--ink);border-bottom-color:var(--accent-600)}.tab-panel{display:none}.tab-panel.is-active{display:grid}.configuration-panel{grid-template-columns:1fr 1fr;gap:70px;padding:55px 0}.configuration-panel ul{list-style:none;padding:0;columns:2;column-gap:24px}.configuration-panel li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--line)}.configuration-card{background:var(--brand-900);color:#fff;padding:45px}.configuration-card strong{font:700 40px/1 var(--font-display)}.configuration-card p{margin-top:15px;color:#c2d0db}
.system-map{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.system-controls{display:flex;flex-direction:column}.system-controls button{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;padding:19px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:#aebec9;text-align:left}.system-controls button strong{font:600 18px/1.2 var(--font-display)}.system-controls button.is-active{color:#fff}.system-controls button.is-active span:first-child{color:var(--accent-500)}.system-visual{position:relative;aspect-ratio:1.25;background:#132f48;border:1px solid rgba(255,255,255,.18);overflow:hidden}.system-house{position:absolute;inset:12%;border:2px solid rgba(255,255,255,.36);clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}.system-layer{position:absolute;opacity:.1;transition:opacity .35s,transform .35s}.system-layer.is-active{opacity:1;transform:scale(1.02)}.layer-structure{inset:16%;border:6px solid #d5dde3;clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}.layer-power{left:24%;right:22%;top:42%;height:4px;background:#e1b96e;box-shadow:0 50px #e1b96e,0 100px #e1b96e}.layer-water{width:8px;top:35%;bottom:16%;left:42%;background:#55a8d9;box-shadow:90px 0 #55a8d9}.layer-climate{inset:30% 26%;border:5px dashed #e78159}.layer-finish{inset:19%;border:12px solid #cfb08b;clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}.layer-site{left:8%;right:8%;bottom:7%;height:8px;background:#75a06d;box-shadow:0 -15px 35px #75a06d}.system-caption{position:absolute;left:28px;bottom:24px;z-index:3}.system-caption span{font:700 56px/1 var(--font-display);color:rgba(255,255,255,.18)}.system-caption h3{font:700 30px/1.1 var(--font-display);margin-top:-8px}.system-caption p{max-width:460px;margin-top:10px;color:#c1d0da}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-step{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s,color .3s}.process-step:hover{background:var(--brand-900);color:#fff}.process-step>span{font:700 44px/1 var(--font-display);color:var(--accent-600)}.process-step h3{font:650 24px/1.15 var(--font-display);margin:60px 0 14px}.process-step p{color:var(--muted)}.process-step:hover p{color:#c3d0da}
.article-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.article-feature,.article-card{background:#fff;border:1px solid var(--line);overflow:hidden}.article-feature{display:grid;grid-template-columns:1.05fr .95fr}.article-feature img,.article-card img{width:100%;height:100%;object-fit:cover}.article-copy{padding:34px}.article-copy span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.article-copy h3{font:700 34px/1.08 var(--font-display);margin:14px 0}.article-stack{display:grid;gap:22px}.article-card{display:grid;grid-template-columns:180px 1fr}.article-card .article-copy{padding:24px}.article-card h3{font-size:21px}
ksr-modal{display:contents}.modal-shell{width:min(1120px,calc(100% - 28px));max-height:calc(100vh - 28px);background:#fff;box-shadow:var(--shadow-lg);overflow:auto}.modal-shell::backdrop{background:rgba(4,15,25,.78);backdrop-filter:blur(8px)}.modal-shell[open]{display:grid;grid-template-columns:.75fr 1.25fr;animation:modalIn .45s var(--ease)}@keyframes modalIn{from{opacity:0;transform:translateY(24px) scale(.98)}}.modal-shell-narrow{width:min(720px,calc(100% - 28px))}.modal-shell-narrow[open]{display:block}.modal-close{position:absolute;right:14px;top:14px;z-index:4;width:42px;height:42px;border:0;background:#fff;font-size:25px}.modal-aside{background:var(--brand-950);color:#fff;padding:64px 48px;min-height:630px}.modal-aside h2{font:700 48px/1.02 var(--font-display);margin:24px 0}.modal-aside p{color:#b8c7d2}.modal-progress{display:flex;gap:8px;margin-top:60px}.modal-progress i{height:3px;flex:1;background:rgba(255,255,255,.22)}.modal-progress i.is-active{background:var(--accent-500)}.modal-form{padding:64px 52px;min-height:630px}.form-step{display:none}.form-step.is-active{display:block}.step-number{font-size:11px;letter-spacing:.14em;color:var(--muted)}.form-step h3{font:700 38px/1.1 var(--font-display);margin:16px 0 34px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:flex;align-items:center;min-height:84px;padding:18px;border:1px solid var(--line);font-weight:700}.choice-grid input:checked+span{border-color:var(--brand-700);background:#eef4f8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;outline:0}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--brand-700);box-shadow:0 0 0 3px rgba(29,77,117,.12)}.form-actions{display:flex;gap:10px;margin-top:28px}.consent{display:flex;gap:10px;margin-top:20px;font-size:12px;color:var(--muted)}.favorites-panel{padding:56px}.favorites-panel h2{font:700 42px/1.1 var(--font-display);margin:14px 0 30px}.favorite-list-item{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.favorite-list-item img{width:100px;height:70px;object-fit:cover}.favorite-list-item a{text-decoration:none;font-weight:750}.favorite-list-item button{border:0;background:transparent;color:var(--danger)}
ksr-accordion{display:block}.accordion-item{border-bottom:1px solid var(--line)}.accordion-trigger{width:100%;display:grid;grid-template-columns:1fr 30px;align-items:center;gap:20px;padding:25px 0;border:0;background:transparent;text-align:left;font:650 20px/1.3 var(--font-display)}.accordion-trigger span:last-child{font-size:28px;transition:transform .3s}.accordion-item.is-open .accordion-trigger span:last-child{transform:rotate(45deg)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.accordion-content>div{overflow:hidden;color:var(--muted)}.accordion-item.is-open .accordion-content{grid-template-rows:1fr}.accordion-content p{padding-bottom:25px;max-width:800px}
}
@media(max-width:980px){.hero-facts{grid-template-columns:1fr 1fr}.hero-fact:nth-child(n+3){display:none}.hero-controls{bottom:135px}.service-scenes{grid-template-columns:1fr}.service-scene-nav{padding:35px}.service-scene-panels{min-height:560px}.technology-grid{grid-template-columns:1fr 1fr}.technology-card:first-child{grid-column:1/-1;grid-row:auto}.configuration-panel,.system-map{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.modal-shell[open]{grid-template-columns:1fr}.modal-aside{min-height:auto}.modal-form{min-height:auto}}
@media(max-width:720px){.hero-stage{min-height:760px}.hero-content{padding-top:110px}.hero-content .display{font-size:55px}.hero-facts{left:14px;right:14px;bottom:22px}.hero-controls{right:14px;bottom:150px}.hero-scroll{display:none}.technology-grid{grid-template-columns:1fr;grid-auto-rows:310px}.technology-card:first-child{grid-column:auto}.technology-card:first-child h3{font-size:34px}.tabs-list button{min-width:145px}.configuration-panel ul{columns:1}.process-grid{grid-template-columns:1fr}.article-feature,.article-card{grid-template-columns:1fr}.article-feature img{height:300px}.article-card img{height:230px}.modal-aside{padding:45px 28px}.modal-aside h2{font-size:36px}.modal-form{padding:45px 24px}.choice-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.favorite-list-item{grid-template-columns:80px 1fr}.favorite-list-item img{width:80px;height:58px}.favorite-list-item button{grid-column:2}.service-scene-copy{padding:28px}}