/* Home-only scene. The rest of the site's styles and navigation stay intact. */
.home-page .preview-bar{background:#202628;border-color:#ffffff1a;color:#d8dedc}
.home-page .preview-bar a{color:#e8eeeb}
.home-page .site-header{background:#171a1b;color:#f5f1e8}
.home-page .site-header .brand span,.home-page .site-header .brand b,.home-page .site-header nav>a{color:#f5f1e8}
.home-page .site-header nav>a[aria-current]{border-color:#f5f1e8}
.home-page .menu-toggle{background:#171a1b;color:#f5f1e8;border-color:#ffffff70}
.house-story{background:#171a1b;color:#f5f1e8;position:relative}
.house-story.is-ready:not(.motion-disabled){height:160svh;min-height:930px}
.house-stage{height:calc(100svh - 126px);min-height:590px;position:relative;top:0;overflow:hidden;isolation:isolate}
.house-story.is-ready:not(.motion-disabled) .house-stage{position:sticky}
.house-grid{position:absolute;inset:0 4.2% 105px;z-index:-1;pointer-events:none}
.house-grid i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff09}
.house-grid i:first-child{left:33%}.house-grid i:last-child{left:66%}
.house-index{position:absolute;top:5%;left:4.2%;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:#adb3ae}
.house-index span:first-child{color:#f5f1e8}.house-index i{width:30px;height:1px;background:#ffffff50}
.house-copy{position:absolute;z-index:3;left:4.2%;top:19%;width:32%;max-width:460px}
.house-kicker{font-size:10px;letter-spacing:2px;font-weight:600;color:#bdc2bd;margin:0 0 22px;line-height:1.5}
.house-copy h1{font-family:Arial,Helvetica,sans-serif;color:#f5f1e8;font-weight:400;font-size:clamp(48px,5.7vw,90px);line-height:.99;letter-spacing:-.065em;margin:0 0 26px;white-space:pre-line}
.house-copy>p:not(.house-kicker){font-size:15px;line-height:1.65;max-width:310px;color:#d3d8d2;margin:0 0 20px}
.house-copy .house-service{font-size:12px!important;color:#b7c2bb!important}
.house-copy .house-action{font-family:Arial,Helvetica,sans-serif;font-size:13px;min-height:48px;margin-top:2px}
.house-copy .house-scroll-hint{margin-top:24px!important;font-size:10px!important;color:#aab0aa!important;display:flex;align-items:center;gap:10px}
.house-scroll-hint span{width:12px;height:20px;border:1px solid #ffffff60;border-radius:7px;display:block;position:relative}
.house-scroll-hint span::after{content:"";position:absolute;top:4px;left:4px;width:2px;height:5px;border-radius:2px;background:#d8dcd6}
.house-frame{position:absolute;left:29%;top:9%;width:72%;aspect-ratio:3/2;pointer-events:none}
.house-world{position:absolute;inset:0;transform-origin:65% 70%}
.house-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;user-select:none}
.house-body{clip-path:inset(40% 0 0 0)}.house-roof{position:absolute;inset:0;transform:translateY(16%)}
.house-roof-image{clip-path:inset(0 0 60% 0)}
.house-drawing,.house-glazing{position:absolute;inset:0;width:100%;height:100%}
.house-drawing{color:#d8e5e3;opacity:.12}.house-glazing{opacity:.6}
.house-hotspots{position:absolute;inset:0;pointer-events:none}
.house-spot{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 11px;border:1px solid #ffffff55;background:#171a1bef;color:#f5f1e8;border-radius:9px;font-size:10px;line-height:1.25;white-space:nowrap}
.house-spot:hover{background:#394140}.house-spot i{width:9px;height:9px;border-radius:50%;background:#58b6e9;box-shadow:0 0 0 3px #58b6e925}
.house-spot-layout{left:41%;top:68%}.house-spot-light{left:24%;top:55%}.house-spot-materials{left:64%;top:82%}
.house-detail{position:absolute;right:4.2%;bottom:136px;width:340px;padding:25px;z-index:8;background:#202728;border:1px solid #ffffff55;border-radius:12px;box-shadow:0 12px 60px #0005}
.house-detail .house-kicker{margin-bottom:12px;font-size:9px}.house-detail h2{font:400 25px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 20px 12px 0;color:#f5f1e8}
.house-detail p:not(.house-kicker){font-size:13px;line-height:1.65;color:#d0d6d1}.house-detail .button{font-size:12px;min-height:44px}
.house-detail-close{position:absolute;top:8px;right:8px;background:none;border:0;font-size:25px;line-height:1;color:#e5eae4;padding:10px;border-radius:6px}
.house-note{position:absolute;right:4.2%;bottom:112px;display:flex;align-items:center;gap:9px;font-size:10px;color:#c1c9c1}
.house-note i{width:4px;height:4px;border-radius:50%;background:#58b6e9}
.house-dock{position:absolute;inset:auto 4.2% 15px;z-index:4;padding-top:12px;background:linear-gradient(transparent,#171a1b 35%)}
.house-progress{height:1px;background:#ffffff40}.house-progress span{height:2px;width:100%;display:block;transform:scaleX(0);transform-origin:left;background:#b9d4df}
.house-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:12px}
.house-chapters button{display:flex;align-items:center;gap:14px;text-align:left;background:none;border:0;color:#a6afaa;min-height:44px;padding:7px 0}
.house-chapters button span{font-size:10px}.house-chapters button b{font-size:12px;font-weight:400}
.house-chapters button[aria-current],.house-chapters button:hover{color:#fff}
.house-motion{position:absolute;right:4.2%;top:2%;z-index:5;background:#171a1bf0;border:1px solid #ffffff50;border-radius:9px;min-height:44px;padding:9px 12px;color:#f5f1e8;font-size:11px}
.house-story a:focus-visible,.house-story button:focus-visible{outline:3px solid #72c9f4;outline-offset:3px}
@media(max-width:1100px){.house-copy{width:35%}.house-copy h1{font-size:7vw}.house-copy>p:not(.house-kicker){font-size:13px}.house-frame{left:26%;width:82%;top:14%}.house-chapters{gap:12px}}
@media(max-height:760px) and (min-width:761px){.house-story.is-ready:not(.motion-disabled){height:160svh;min-height:840px}.house-copy{top:18%}.house-copy h1{font-size:clamp(44px,5.6vw,76px);margin-bottom:15px}.house-kicker{margin-bottom:12px}.house-copy>p:not(.house-kicker){font-size:13px;line-height:1.5;margin-bottom:12px}.house-copy .house-scroll-hint{margin-top:15px!important}.house-frame{width:68%;left:31%;top:-2%}.house-index{top:4%}}
@media(max-width:760px){
 .home-page .site-header nav>a{border-color:#ffffff35}
 .house-story.is-ready:not(.motion-disabled){height:145svh;min-height:850px}.house-stage{height:calc(100svh - 110px);min-height:650px}
 .house-index{top:4%;left:6%;font-size:9px;gap:8px}.house-index i{width:20px}
 .house-copy{left:6%;top:12%;width:88%;max-width:none}.house-kicker{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}
 .house-copy h1{font-size:clamp(40px,10.5vw,60px);line-height:1;margin-bottom:12px;max-width:330px}
 .house-copy>p:not(.house-kicker){font-size:12px;line-height:1.55;max-width:250px;margin-bottom:10px}
 .house-copy .house-service{font-size:11px!important}.house-copy .house-action{min-height:44px;padding:10px 14px;font-size:12px}
 .house-copy .house-scroll-hint{display:none}.house-frame{top:35%;left:-9%;width:121%}.house-world{transform-origin:55% 70%}
 .house-motion{right:6%;top:2%;font-size:10px}.house-note{right:auto;left:6%;bottom:105px;font-size:9px}
 .house-dock{left:6%;right:6%;bottom:14px}.house-chapters{gap:8px;padding-top:9px}.house-chapters button{align-items:flex-start;flex-direction:column;gap:5px;min-height:48px;padding:4px 0}.house-chapters button span{font-size:9px}.house-chapters button b{font-size:10px;line-height:1.3;max-width:67px}
 .house-spot{font-size:9px;gap:5px;padding:6px;min-height:44px}.house-spot i{width:6px;height:6px}.house-spot-layout{left:42%;top:70%}.house-spot-light{left:26%;top:54%}.house-spot-materials{left:62%;top:83%}
 .house-detail{left:6%;right:6%;width:auto;bottom:118px;padding:20px}.house-detail h2{font-size:23px}.house-detail p:not(.house-kicker){font-size:12px}
}
@media(max-width:760px) and (max-height:720px){.house-stage{min-height:660px}.house-copy{top:11%}.house-copy h1{font-size:40px}.house-copy>p:not(.house-kicker){display:none}.house-frame{top:35%;left:-8%;width:120%}}
@media(prefers-reduced-motion:reduce){.house-scroll-hint{display:none!important}}
@media print{.house-story{height:auto;min-height:0;break-inside:avoid}.house-stage{position:relative;height:500px;min-height:0}.house-dock,.house-motion{display:none!important}}