:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--text-primary: #0a0a0a;--text-secondary: #737373;--border-color: #e5e5e5;--stage-color: white;--stage-content-color: #5F5841;--accent: #4C4630;--accent-hover: #413c29;--accent-text: #ffffff;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .6s ease;--transition-hero: .8s ease-in-out;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background-color:transparent;color:#fff;transition:background-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-slow)}.site-header.scrolled{background-color:#fff;color:var(--text-primary)}.header-logo{flex-shrink:0}.header-logo svg{height:28px;width:auto;display:block}.header-nav{display:flex;gap:var(--space-lg);position:absolute;left:50%;transform:translate(-50%)}.header-nav-link{color:inherit;text-decoration:none;font-size:.9rem;font-weight:400;opacity:.9;transition:opacity var(--transition-fast)}.header-nav-link:hover{opacity:1}.header-nav-link.active{font-weight:700;opacity:1;font-size:.95rem}.header-cta{flex-shrink:0;padding:.5rem 1.5rem;border:none;border-radius:999px;background-color:#fff;color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.01em;transition:background-color var(--transition-fast),color var(--transition-fast)}.site-header:not(.scrolled) .header-cta:hover{background-color:#fff;color:var(--text-primary)}.site-header.scrolled .header-cta:hover{background-color:var(--text-primary);color:#fff}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:190px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);z-index:3;pointer-events:none;transition:opacity var(--transition-slow)}body.night-mode .hero:before{opacity:0}.hero-clouds-poster{position:absolute;inset:0;width:100%;height:30vh;object-fit:cover;z-index:0;opacity:1;transition:opacity 1s ease}.hero-clouds-poster.is-hidden{opacity:0;pointer-events:none}.hero-clouds{position:absolute;inset:0;width:100%;height:30vh;object-fit:cover;z-index:0;opacity:0;transition:opacity 3s ease}.hero-clouds.is-active{opacity:1}.hero-img{position:absolute;inset:0;width:100%;height:100%;will-change:transform}.hero-img img{width:100%;height:100%;object-fit:cover}.hero-img--day{z-index:1}.hero-img--night{z-index:2;opacity:0;transition:opacity var(--transition-hero)}body.night-mode .hero-img--night{opacity:1}.hero-large-overlay{position:absolute;opacity:0;pointer-events:none;transition:opacity var(--transition-hero);will-change:transform,opacity}.hero-large-overlay--day{z-index:4}.hero-large-overlay--night{z-index:5}.hero[data-house-size=large] .hero-large-overlay--day{opacity:1}.hero[data-house-size=large] .hero-large-overlay--night,body.night-mode .hero[data-house-size=large] .hero-large-overlay--day{opacity:0}body.night-mode .hero[data-house-size=large] .hero-large-overlay--night{opacity:1}.hero-content{position:absolute;bottom:56px;left:48px;z-index:10;max-width:580px;color:#fff}.hero-description{font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:700;line-height:1.3;margin-bottom:var(--space-lg);text-shadow:0 1px 4px rgba(0,0,0,.35)}.hero-links{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.hero-link{color:#fff;text-decoration:none;font-size:.9rem;font-weight:400;opacity:.9;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px;transition:opacity var(--transition-fast)}.hero-link:hover{opacity:1;border-bottom-color:#fff}.hero-size-picker{position:relative;display:inline-flex;align-items:center}.hero-size-link{display:inline-flex;align-items:center;gap:.24rem;border:none;background:transparent;color:#fff;text-decoration:none;font-size:.9rem;font-weight:400;opacity:.9;border-bottom:1px solid rgba(255,255,255,.5);padding:0 0 2px;cursor:pointer;transition:opacity var(--transition-fast),border-bottom-color var(--transition-fast)}.hero-size-link:hover{opacity:1;border-bottom-color:#fff}.hero-size-link:focus-visible{outline:2px solid #ffffff;outline-offset:3px;border-radius:.35rem}.hero-size-link-icon{width:.9rem;height:.9rem;transition:transform var(--transition-fast)}.hero-size-picker.is-open .hero-size-link-icon{transform:rotate(180deg)}.hero-size-menu{position:absolute;left:0;bottom:calc(100% + .45rem);z-index:12;display:flex;flex-direction:column;gap:.12rem;min-width:6.4rem;padding:.25rem;border-radius:.55rem;background:#fff;box-shadow:0 12px 24px #0000002e}.hero-size-menu[hidden]{display:none}.hero-size-menu-item{width:100%;border:none;border-radius:.35rem;background:transparent;color:#121212;text-align:left;font-size:.82rem;line-height:1.2;padding:.35rem .48rem;cursor:pointer;transition:background-color var(--transition-fast)}.hero-size-menu-item:hover,.hero-size-menu-item:focus-visible{background:#f0f0f0;outline:none}.hero-size-menu-item.is-active{background:#e8e8e8;font-weight:600}.day-night-toggle{position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:10;--toggle-pad: 4px;--toggle-option-diameter: 38px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--toggle-pad);width:calc(var(--toggle-option-diameter) + var(--pad));border-radius:999px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background var(--transition-fast)}.toggle-icon{display:flex;align-items:center;justify-content:center;width:var(--toggle-option-diameter);height:var(--toggle-option-diameter);color:#ffffff80;transition:color .2s;flex-shrink:0;position:relative;z-index:1}body:not(.night-mode) .toggle-icon--sun,body.night-mode .toggle-icon--moon{color:#000}.toggle-thumb{width:var(--toggle-option-diameter);height:var(--toggle-option-diameter);border-radius:50%;background:#fff;position:absolute;top:var(--toggle-pad);left:50%;transform:translate(-50%);transition:top .2s}body.night-mode .toggle-thumb{top:calc(100% - var(--toggle-pad) - var(--toggle-option-diameter))}@media(max-width:768px){.site-header{padding:0 var(--space-md)}.header-nav{display:none}.hero-content{bottom:32px;left:24px;right:24px;max-width:none}.day-night-toggle{right:20px}.hero-size-picker{margin-top:6px}.floor-plan-section{min-height:100svh;height:100svh;padding:0}.floor-plan-container{width:100%;height:100%}.floor-plan-stage{height:100%}.floor-plan-annotation{max-width:200px;font-size:clamp(.92rem,3.1vw,1.05rem)}.floor-plan-caption{max-width:280px;font-size:clamp(1.2rem,7.1vw,1.5rem);left:20px;bottom:18px}#viewer{--pad: 24px}#control-panel{padding:var(--space-sm) var(--space-md) var(--space-md)}.step-nav{flex-wrap:wrap;min-height:0}#step-options{margin-left:0;width:100%}.step-trigger{font-size:1rem;padding:.45rem 1.95rem .45rem .8rem}.step-menu{min-width:10rem}}@media(orientation:portrait){.hero-size-picker,.hero-large-overlay{display:none}}.options{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;padding:0}.option{border:0;background:transparent;color:var(--text-primary);border-radius:999px;transition:transform var(--transition-fast);box-shadow:none}.option:hover:not([data-active=true]){transform:scale(1.07)}.option-color{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.option-color-swatch{display:block;width:2.6rem;height:2.6rem;border-radius:9999px;border:1px solid color-mix(in oklab,var(--text-primary) 16%,transparent)}.option[data-active=true] .option-color-swatch{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--bg-primary) 92%,transparent)}.option-image{padding:0;overflow:hidden}.option-image-thumb{display:block;width:4rem;height:4rem;object-fit:cover}.option-text{padding:var(--space-xs) var(--space-md);min-height:2.5rem}@media(max-width:768px){.options{justify-content:flex-start;padding-top:var(--space-xs)}}.floor-plan-section{position:relative;min-height:107svh;height:107svh;display:flex;align-items:center;justify-content:center;padding:0;background:#575131;overflow:hidden}.floor-plan-section:before{content:"";position:absolute;top:0;left:0;right:0;height:190px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);z-index:4;pointer-events:none}.floor-plan-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:4;pointer-events:none}.floor-plan-container{width:100%;height:100%}.floor-plan-stage{position:relative;width:100%;height:110%;overflow:visible;border-radius:0;will-change:transform}.floor-plan-image{position:absolute;inset:0;width:100%;height:100%;display:block}.floor-plan-image img{width:100%;height:100%;object-fit:cover;display:block}.floor-plan-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.floor-plan-mask path{fill:#00000024;transition:opacity .28s ease;opacity:0}.floor-plan-mask.is-active path{opacity:1}.floor-plan-hitmap{position:absolute;inset:0;width:100%;height:100%;z-index:5}.floor-plan-hotspot{fill:#fff0;pointer-events:auto;cursor:pointer}.floor-plan-annotation{position:absolute;z-index:6;color:#fff;max-width:360px;pointer-events:none}.floor-plan-annotation p{font-size:clamp(1rem,1.8vw,2rem);font-weight:500;line-height:1.12;letter-spacing:-.01em;text-wrap:balance;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .24s ease}.floor-plan-annotation.visible p{opacity:1;transform:translateY(0)}.floor-plan-leader{margin-top:4px;width:82px;height:auto}.floor-plan-leader path{fill:none;stroke:#ffffffeb;stroke-width:3;stroke-linecap:round}.floor-plan-caption{position:absolute;left:clamp(24px,4vw,62px);bottom:clamp(22px,5.2vw,56px);z-index:6;max-width:560px;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.08;color:#fff;letter-spacing:-.02em;text-wrap:balance}.floor-plan-caption strong{font-weight:700}.info-section{background:#fff;padding:clamp(2.5rem,6vw,5.5rem) 0}.info-layout{width:min(1200px,100%);margin:0 auto;padding:0 clamp(1.5rem,4vw,3.25rem);display:grid;grid-template-columns:minmax(280px,420px) minmax(360px,1fr);align-items:center;gap:clamp(2rem,4vw,6rem)}.info-title{font-size:clamp(2.35rem,4vw,3.3rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.1rem;color:#131313}.info-intro{max-width:38ch;font-size:1rem;line-height:1.28;color:#4f4f4f;margin-bottom:4rem}.info-steps{list-style:none;display:grid;gap:3.4rem}.info-step{color:#949494;opacity:.62;transition:color .22s ease,opacity .22s ease;cursor:pointer;outline:none}.info-step.is-active{color:#181818;opacity:1}.info-step:focus-visible{color:#181818;opacity:1}.info-step-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.info-step-row h3{font-size:clamp(1.45rem,2vw,2rem);font-weight:500;letter-spacing:-.015em;line-height:1.02}.info-step-number{font-size:clamp(1.75rem,3vw,2.7rem);font-weight:300;line-height:.9}.info-step p{font-size:.9rem;line-height:1.12;max-width:31ch}.info-visual{position:relative;width:min(640px,100%);aspect-ratio:1 / 1;justify-self:center}.info-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .42s ease-in-out,transform .42s ease-in-out;will-change:opacity,transform}.info-image.is-active{opacity:1;transform:translateY(0) scale(1)}@media(max-width:900px){.info-section{padding:2.2rem 0 2.5rem}.info-layout{grid-template-columns:1fr;gap:1.6rem;padding:0 1.2rem}.info-copy{order:2}.info-visual{order:1;width:min(500px,100%)}}.configurator-section{--max: 1200px;display:flex;flex-direction:column;min-height:115vh;background:var(--stage-color);align-items:center;justify-content:center;width:100vw}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--stage-color);overflow:hidden;min-height:0;width:100%}.viewer-wrap{--pad: 50px;position:relative;width:calc(100% - var(--pad));max-width:var(--max)}#viewer{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background-color:var(--bg-tertiary);cursor:grab}#viewer:active{cursor:grabbing}.perspective-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#c8c8c866;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;opacity:1;transition:opacity var(--transition-normal),background-color var(--transition-fast),transform var(--transition-fast)}.perspective-btn[hidden]{opacity:0;pointer-events:none}.perspective-btn:hover{background:#c8c8c880}.perspective-btn:active{background:#c8c8c899}.perspective-btn--prev{right:20px;transform:scaleX(-1)}.perspective-btn--next{left:20px;transform:scaleX(-1)}@media(max-width:640px){.perspective-btn{width:36px;height:36px}.perspective-btn--prev{right:8px}.perspective-btn--next{left:8px}}.stage-hint{margin-top:var(--space-sm);font-size:.75rem;color:var(--stage-content-color);text-align:center;opacity:.7}#control-panel{width:var(--max);max-width:calc(100% - 40px);background:var(--bg-primary);padding:var(--space-md) 0 var(--space-lg)}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:4.5rem}.step-picker{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.step-trigger{border:0;background-color:transparent;color:var(--text-primary);font-size:clamp(2rem,2.6vw,4rem);font-weight:500;line-height:1.2;padding:.5rem 3rem .5rem .5rem;border-radius:999px;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.step-trigger:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 78%,white);outline-offset:3px}.step-trigger:disabled{cursor:default}.step-trigger-icon{position:absolute;right:0rem;top:50%;width:2.6rem;height:2.4rem;color:var(--text-primary);transform:translateY(-50%);transition:transform var(--transition-fast);pointer-events:none}.step-picker.is-open .step-trigger-icon{transform:translateY(-50%) rotate(180deg)}.step-menu{position:absolute;left:0;bottom:calc(100% + .6rem);z-index:20;display:flex;flex-direction:column;min-width:11.5rem;padding:.4rem;border-radius:.95rem;border:1px solid color-mix(in oklab,var(--border-color) 84%,transparent);background:color-mix(in oklab,var(--bg-primary) 94%,white 6%);box-shadow:0 16px 34px #00000029;backdrop-filter:blur(10px)}.step-menu[hidden]{display:none}.step-menu-item{border:0;background:transparent;color:var(--text-primary);text-align:left;font-size:.96rem;font-weight:500;line-height:1.2;padding:.56rem .72rem;border-radius:.65rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.step-menu-item:hover,.step-menu-item:focus-visible{background:color-mix(in oklab,var(--bg-secondary) 90%,transparent);outline:none}.step-menu-item[data-active=true]{background:color-mix(in oklab,var(--accent) 12%,var(--bg-secondary))}#step-options{margin-left:auto;min-width:0}.step-nav.simple{justify-content:center}.step-nav .step-picker,.step-nav .step-trigger{display:none}.step-nav #step-options{display:flex;align-items:center;justify-content:center;margin-left:inherit;min-width:auto}