@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(assets/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--paper:#f4f3ee;--ink:#202622;--muted:#70756c;--line:#d8dad1;--gold:#b9a985;--dark:#171d19;--serif:Georgia,'Times New Roman',serif;--font:'DM Sans',Arial,sans-serif;--title:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b49a5c;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--title);font-weight:400;line-height:1.12}h1{font-size:clamp(48px,6.8vw,100px);letter-spacing:-.065em}h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.052em}h3{font-size:27px;letter-spacing:-.035em}small{font-size:12px}em{font-family:var(--serif);font-weight:400}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-60px;left:20px;z-index:200;background:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:550;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}.section-wrap{max-width:1440px;margin:auto;padding:110px 6.5%}.site-header{height:91px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;inset:0 0 auto;z-index:40;color:#fff;border-bottom:1px solid #ffffff22}.site-header.solid{position:relative;color:var(--ink);border-color:var(--line);background:var(--paper)}.wordmark{display:flex;align-items:center;gap:10px;flex-shrink:0}.wordmark svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.3}.wordmark span{font-size:17px;letter-spacing:.15em;line-height:1.4;font-weight:600}.wordmark small{display:block;font-size:6.7px;font-weight:450;letter-spacing:.35em}.desktop-nav{display:flex;gap:29px;font-size:12px}.desktop-nav a{position:relative;padding:6px 0;opacity:.8}.desktop-nav a:hover,.desktop-nav a[aria-current]{opacity:1}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;right:100%;height:1px;background:currentColor;transition:right .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{right:0}.header-cta{font-size:11px;padding:12px 17px;border:1px solid #ffffff50;border-radius:2px;display:flex;gap:22px;align-items:center}.solid .header-cta{border-color:var(--line)}.header-cta:hover{background:#ffffff12}.menu-toggle{display:none;background:none;border:none;width:35px;padding:6px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}.mobile-nav{position:fixed;top:80px;left:0;right:0;background:var(--dark);color:white;z-index:39;padding:35px 6%;box-shadow:0 15px 30px #0003}.mobile-nav a{display:block;font-size:25px;padding:12px 0}.hero{height:min(900px,100svh);min-height:680px;position:relative;overflow:hidden;background:#1a231e;color:white}.hero-image{position:absolute;inset:0;animation:hero-zoom 14s ease-out both;object-position:60% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101711c4,#10171140 54%,#10171100),linear-gradient(0deg,#101711ae,transparent 30%)}.hero-copy{position:absolute;z-index:2;top:26%;left:6.5%;max-width:720px}.hero-copy .eyebrow{color:#d2d4c9;margin-bottom:35px}.hero-copy h1{font-size:clamp(65px,7.7vw,112px);line-height:1.02;letter-spacing:-.067em}.hero-copy h1 em{font-weight:400;letter-spacing:-.06em;color:#e9dfc7}.hero-copy p{margin-top:27px;font-size:15px;line-height:1.8;color:#e0e2d9;max-width:335px}.hero-actions{display:flex;gap:29px;align-items:center;margin-top:35px}.button{padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:2px;transition:background .25s,transform .25s}.button:hover{background:#3d4b40;transform:translateY(-2px)}.button.light{background:#f3f0e6;border-color:#f3f0e6;color:var(--ink)}.button.ghost{background:transparent;color:inherit;border-color:var(--line)}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-flex;gap:26px}.hero-foot{position:absolute;bottom:35px;left:6.5%;right:6.5%;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#d8dbd3}.hero-foot .scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue b{height:40px;width:1px;background:#ffffff70;display:block}.hero-foot .hero-index{font-size:10px;display:flex;align-items:center;gap:12px}.hero-index:before{content:'';width:80px;height:1px;background:#a5b29e}.intro{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;align-items:start}.intro .eyebrow{margin-bottom:37px}.intro h2{font-size:clamp(38px,4vw,57px)}.intro-right{padding-top:58px}.intro-right p{font-size:17px;color:#666d63;line-height:1.9;max-width:510px}.pill-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}.pill-row span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:flex;gap:8px;align-items:center}.pill-row span:before{content:'+';color:#949b86;font-size:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:20px}.section-head p{color:var(--muted);max-width:310px;font-size:14px}.showcase{padding-top:0}.showcase-visual{height:600px;position:relative;overflow:hidden;background:#33382e;border-radius:3px}.showcase-visual img{transition:filter 1.7s;filter:brightness(var(--brightness,1))}.showcase-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f160fcc,transparent 60%);pointer-events:none}.showcase-label{position:absolute;z-index:2;top:25px;left:28px;color:white;font-size:10px;letter-spacing:.16em}.scene-copy{position:absolute;z-index:2;bottom:34px;left:35px;color:white}.scene-copy h3{font-size:38px}.scene-copy p{margin-top:10px;font-size:13px;color:#dcdfd4}.scene-switches{position:absolute;z-index:3;bottom:35px;right:35px;display:flex;background:#eeeeea1a;backdrop-filter:blur(18px);border:1px solid #ffffff35;padding:5px;border-radius:4px}.scene-switches button{background:transparent;border:0;color:#e8e9e0;padding:11px 20px;font-size:11px;border-radius:2px}.scene-switches button.active{background:#ece8de;color:var(--ink)}.under-note{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;color:var(--muted)}.solutions-preview{background:#e9ebe3}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd0c4;border-left:1px solid #cbd0c4}.solution-tile{padding:32px 28px 25px;border-bottom:1px solid #cbd0c4;border-right:1px solid #cbd0c4;transition:background .25s;min-height:225px;display:flex;flex-direction:column}.solution-tile:hover{background:#f6f5f0}.solution-tile .tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.tile-top span{font-size:11px;color:var(--muted)}.solution-tile h3{font-size:24px;margin-bottom:9px}.solution-tile p{font-size:13px;color:var(--muted);max-width:300px}.solution-tile .tile-arrow{float:right;margin-left:auto;font-size:22px}.brands-teaser{text-align:center}.brands-teaser .eyebrow{justify-content:center}.brand-strip{display:flex;align-items:center;justify-content:space-around;gap:35px;flex-wrap:wrap;margin:50px 0 34px}.brand-word{font:600 26px var(--title);letter-spacing:-.04em;color:#565e51}.brand-word.toyama{font-size:25px;letter-spacing:.04em}.brands-teaser p{font-size:12px;color:var(--muted);margin-bottom:25px}.architect-teaser{display:grid;grid-template-columns:1fr 1fr;background:#242f27;color:#f4f4e9;min-height:510px}.architect-teaser .image{min-height:430px;position:relative;overflow:hidden}.architect-teaser .image img{filter:brightness(.85)}.architect-teaser .copy{padding:75px 13%;align-self:center}.architect-teaser .copy h2{font-size:clamp(38px,4vw,55px);margin:26px 0}.architect-teaser p{font-size:14px;line-height:1.9;color:#c2cbbf;margin:0 0 25px}.architect-teaser .text-link{color:#e3d7b6}footer{padding:65px 6.5% 25px;background:#f4f3ee}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:60px}.footer-logo{font-size:22px;letter-spacing:.13em}.footer-top p{font:24px/1.4 var(--title);letter-spacing:-.04em}.footer-top>a:last-child{font-size:13px;border-bottom:1px solid;padding-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:10px;color:var(--muted)}.page-intro{padding:75px 6.5% 60px;max-width:1440px;margin:auto}.page-intro .eyebrow{margin-bottom:28px}.page-intro h1{font-size:clamp(45px,6vw,80px);max-width:900px}.page-intro p{margin-top:25px;max-width:570px;font-size:16px;line-height:1.85;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.filter-button{border:1px solid var(--line);background:transparent;padding:10px 17px;font-size:12px;border-radius:30px}.filter-button:hover,.filter-button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.solution-detail{display:grid;grid-template-columns:1fr 1fr;margin:0 6.5% 60px;background:#e8ebe2}.solution-detail>img{min-height:460px}.solution-detail .detail-copy{padding:55px;align-self:center}.detail-copy .eyebrow{margin-bottom:22px}.detail-copy h2{font-size:43px;margin-bottom:20px}.detail-copy>p{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:25px}.feature-list{padding:0;margin:20px 0 30px;list-style:none}.feature-list li{border-top:1px solid #cdd2c5;padding:12px 0;font-size:13px;display:flex;gap:14px}.feature-list li:before{content:'↗';color:#7d886f}.solution-list-all{padding-top:20px}.solution-detail-note{font-size:11px!important;margin-top:20px!important}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-card{padding:36px;min-height:250px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:start}.brand-card .brand-word{font-size:32px;margin:12px 0 25px}.brand-card p{font-size:13px;color:var(--muted);flex:1}.brand-card button{background:none;border:0;padding:20px 0 0;font-size:12px;display:flex;gap:30px}.brand-note{padding:25px 0;max-width:790px;font-size:12px;color:var(--muted)}.process-list{margin-top:40px}.process-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.process-row>span{color:var(--muted);font-size:12px}.process-row h3{font-size:25px}.process-row p{font-size:14px;color:var(--muted);line-height:1.8}.wide-image{height:460px;margin:0 6.5%;overflow:hidden}.architect-brief{display:grid;grid-template-columns:1fr 1fr;gap:80px}.architect-brief p{margin-top:25px;color:var(--muted)}.accordion{border-top:1px solid var(--line)}.accordion summary{cursor:pointer;font-size:16px;padding:20px 0;list-style:none;display:flex;justify-content:space-between}.accordion summary:after{content:'+';font-size:20px}.accordion[open] summary:after{content:'−'}.accordion p{font-size:13px;line-height:1.8;margin:0 0 25px}.experience{background:#151b17;color:#f1f0e8;min-height:calc(100svh - 91px);padding:28px 3% 30px}.experience-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.experience-top h1{font-size:28px;letter-spacing:-.04em}.experience-top p{font-size:11px;color:#9ea898;margin-top:6px}.experience-top .experience-actions{display:flex;gap:10px}.small-button{border:1px solid #465042;background:transparent;color:inherit;font-size:11px;padding:9px 14px;border-radius:3px;display:inline-flex;gap:8px;align-items:center}.small-button.active,.small-button:hover{background:#d8dfcc;color:#1b251e;border-color:#d8dfcc}.experience-layout{display:grid;grid-template-columns:145px minmax(0,1fr) 270px;gap:18px;align-items:stretch}.room-rail{display:flex;flex-direction:column;gap:5px;padding-top:4px}.room-rail button{display:flex;align-items:center;text-align:left;gap:12px;background:none;border:1px solid transparent;border-radius:3px;color:#adb6a7;font-size:11px;padding:12px 10px;white-space:nowrap}.room-rail button span{font-size:9px;color:#697861}.room-rail button:hover,.room-rail button.active{background:#293329;color:white;border-color:#3c4836}.room-rail .rail-label{font-size:8px;letter-spacing:.15em;color:#8d9a84;padding:0 10px 12px}.stage{position:relative;min-height:580px;overflow:hidden;border-radius:3px;background:#283026;isolation:isolate;--dim:.9;--warm:0;--curtain-scale:.035}.room-photo{position:absolute;inset:0;width:100%;height:100%;transition:filter 1.7s,transform 2s;filter:brightness(var(--dim));object-position:center}.room-photo.porch{object-position:80% center;transform:scale(1.25)}.stage-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0a130cbd,transparent 30%,transparent 76%,#09110b44)}.warm-overlay{position:absolute;inset:0;z-index:1;background:#e9b971;mix-blend-mode:soft-light;opacity:var(--warm);transition:opacity 1.7s;pointer-events:none}.light-bloom{position:absolute;top:15%;left:5%;width:90%;height:65%;background:radial-gradient(ellipse at 50% 0,#ffdf973d,transparent 60%);opacity:var(--light,1);transition:opacity 1.7s;pointer-events:none;mix-blend-mode:screen}.stage-top{position:absolute;z-index:5;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-shadow:0 1px 5px #000}.live-dot{display:flex;align-items:center;gap:7px}.live-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#c5d6a5}.stage-bottom{position:absolute;z-index:6;bottom:25px;left:26px;right:26px;pointer-events:none}.stage-bottom .room-number{font-size:10px;color:#cbd1c1;margin-bottom:10px}.stage-bottom h2{font-size:clamp(30px,3.7vw,52px);color:#fff}.stage-bottom p{font-size:11px;max-width:410px;color:#e2e5d9;margin-top:12px;line-height:1.7}.stage-curtains{position:absolute;left:40%;top:17%;width:38%;height:58%;z-index:2;pointer-events:none;display:flex;justify-content:space-between;filter:drop-shadow(0 5px 8px #0005)}.stage-curtains.bedroom{left:50%;top:15%;width:37%;height:65%}.curtain-panel{width:51%;height:100%;background:repeating-linear-gradient(90deg,#b4aa97 0%,#dcd3bf 7%,#f2e7d2 11%,#c2b5a0 18%);transform:scaleX(var(--curtain-scale));transition:transform 2.4s cubic-bezier(.4,0,.2,1);transform-origin:left}.curtain-panel.right{transform-origin:right}.gate{position:absolute;z-index:3;bottom:16%;left:25%;width:66%;height:26%;display:flex;gap:1px;pointer-events:none;filter:drop-shadow(0 8px 8px #0009);perspective:700px}.gate-panel{width:50%;height:100%;background:repeating-linear-gradient(90deg,#302e27 0,#302e27 7px,#817c6930 7px,#817c6930 10px);border:4px solid #444238;transition:transform 2.6s ease;transform-origin:left}.gate-panel.right{transform-origin:right}.gate.open .gate-panel{transform:rotateY(-85deg)}.gate.open .gate-panel.right{transform:rotateY(85deg)}.gate-post{position:absolute;z-index:4;bottom:16%;height:28%;width:10px;background:#c1b59d}.gate-post.left{left:24%}.gate-post.right{left:91%}.hotspot{position:absolute;width:32px;height:32px;border:1px solid #ffffffad;border-radius:50%;background:#eff3e929;color:#fff;backdrop-filter:blur(5px);z-index:6;display:grid;place-items:center;box-shadow:0 0 0 6px #ffffff0c;font-size:18px;transition:box-shadow .3s}.hotspot:hover{box-shadow:0 0 0 10px #ffffff20}.hotspot.lights{top:30%;left:24%}.hotspot.curtains{top:43%;left:68%}.hotspot.access{top:67%;left:60%}.hotspot-label{position:absolute;left:40px;white-space:nowrap;font-size:9px;background:#152015a8;padding:5px 8px;border-radius:2px}.control-panel{background:#222b22;border:1px solid #354030;border-radius:3px;padding:24px 21px;min-height:580px}.control-panel .eyebrow{font-size:8px;letter-spacing:.16em;color:#afba9f}.control-panel h3{font-size:24px;margin:14px 0 11px}.control-panel .panel-description{font-size:11px;color:#a7b39d;line-height:1.8;margin-bottom:25px}.control-group{padding:19px 0;border-top:1px solid #3b4535}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:15px}.control-label output{color:#c6d4b4;font-size:10px}.control-group input[type=range]{width:100%;accent-color:#d5dcc7;cursor:pointer;height:4px}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#94a287;margin-top:12px}.control-pair{display:flex;gap:7px}.control-pair button{flex:1;background:#313d2e;border:1px solid #46533e;color:#dce1d1;padding:10px 7px;border-radius:2px;font-size:10px}.control-pair button.selected{background:#d6dfc8;color:#1f2d1f;border-color:#d6dfc8}.scene-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scene-buttons button{background:none;color:#c6d0bc;border:1px solid #4a5741;padding:10px 7px;border-radius:3px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.scene-buttons button.active{background:#d7dfca;color:#253124;border-color:#d7dfca}.control-primary{width:100%;background:#d9dfcc;color:#182516;border:0;padding:13px 14px;border-radius:2px;font-size:11px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.control-primary.secondary{background:transparent;color:#dbe1cf;border:1px solid #4b5941}.panel-status{background:#171e17;padding:13px;margin-top:18px;font-size:10px;line-height:1.7;color:#bac8ab;border-left:2px solid #9eaf87;min-height:57px}.experience-foot{font-size:9px;color:#9ca991;display:flex;justify-content:space-between;gap:20px;padding:17px 0 0 164px}.experience-foot button{background:none;border:0;color:#d0d9c4;font-size:10px;text-decoration:underline;cursor:pointer}.door-layer{position:absolute;inset:0;z-index:3;perspective:800px;pointer-events:none}.bath-door{height:100%;width:100%;background:repeating-linear-gradient(90deg,#605744,#675c49 3px,#605744 8px);transform-origin:left;transition:transform 2.1s ease,opacity 1.5s;box-shadow:inset 0 0 0 15px #4f4738}.bath-door:after{content:'';position:absolute;right:12%;top:50%;height:7px;width:80px;background:#bfb499;box-shadow:0 2px 8px #0004}.door-layer.open .bath-door{transform:rotateY(-104deg);opacity:0}.sensor-badge{position:absolute;top:60px;right:20px;z-index:6;border:1px solid #c4d4b666;background:#1c3019b0;color:#e2edd6;border-radius:25px;padding:7px 11px;font-size:9px;display:flex;gap:8px;align-items:center}.sensor-badge b{width:5px;height:5px;display:block;border-radius:50%;background:#c2e796}.theatre-screen{position:absolute;z-index:2;left:39%;top:22%;width:41%;height:39%;background:#080a0b;border:7px solid #191b19;box-shadow:0 0 35px #dde8f233;opacity:0;transform:translateY(-30px);transition:transform 1.8s,opacity 1.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbcbd0}.theatre-screen.on{opacity:1;transform:none;background:radial-gradient(ellipse at 45% 80%,#2f535d,#0b141a 70%)}.theatre-screen span{font-size:24px}.theatre-screen small{font-size:7px;letter-spacing:.25em;margin-top:8px}.camera-grid{position:absolute;inset:17% 7% 27%;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-feed{position:relative;border:1px solid #89977880;overflow:hidden}.camera-feed img{filter:grayscale(.7) brightness(.8)}.camera-feed:after{content:attr(data-camera);position:absolute;left:9px;bottom:7px;font:8px monospace;color:white}.camera-feed span{position:absolute;top:7px;left:9px;font:7px monospace;color:#d0ddbf}.security-alert{position:absolute;z-index:7;top:67px;left:25px;right:25px;background:#30291de8;border:1px solid #c4a360;color:#eee0c4;padding:14px 16px;font-size:11px}.planner-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding-top:0}.planner-card{padding:35px;background:#e7eadf}.planner-card h2{font-size:29px;margin-bottom:20px}.planner-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 30px}.planner-check{display:flex;align-items:center;gap:12px;padding:16px 13px;border:1px solid var(--line);font-size:12px;cursor:pointer}.planner-check:has(input:checked){border-color:#66755a;background:#edf0e6}.planner-check input{accent-color:#4e6249}.field{display:block;margin-bottom:20px;font-size:12px}.field input,.field select,.field textarea{display:block;width:100%;padding:12px;border:1px solid #c8cdbe;background:transparent;border-radius:0;margin-top:8px;color:var(--ink);font-size:14px}.planner-note{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.8}.brief-summary{padding:0;list-style:none;font-size:13px}.brief-summary li{border-bottom:1px solid #cad0bf;padding:10px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;transition:opacity .2s,transform .2s;background:#f6f4eb;color:#273324;border:1px solid #c5cbb8;padding:13px 22px;font-size:12px;z-index:200;box-shadow:0 4px 30px #0002;pointer-events:none;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #cbcfc2;max-width:560px;width:90%;padding:45px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#071009b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:9px;background:none;border:none;font-size:28px}.dialog-content h2,#dialog-content h2{font-size:33px;margin:16px 0 22px}#dialog-content p{font-size:14px;line-height:1.85;color:var(--muted);margin:15px 0}.doorbell-preview{height:210px;position:relative;background:#d9dfd0;display:grid;place-items:center;overflow:hidden}.doorbell-preview img{filter:brightness(.55)}.doorbell-preview .visitor{position:absolute;bottom:0;width:90px;height:115px;border-radius:45px 45px 0 0;background:#d6d9cc}.doorbell-preview .visitor:before{content:'';position:absolute;top:-51px;left:24px;width:44px;height:51px;border-radius:50%;background:#c5c7ba}.doorbell-preview>span{position:absolute;top:12px;left:13px;font-size:9px;color:white;letter-spacing:.14em}.dialog-actions{display:flex;gap:10px;margin-top:20px}.floorplan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:25px}.floorplan button{padding:22px 10px;border:1px solid #c2cab6;background:#e6eadf;font-size:11px}.floorplan button:hover{background:#cfd8c1}.fade-in{animation:fade-in .65s ease both}.tour-progress{display:flex;gap:5px;align-items:center;font-size:10px;color:#cdd8bd;margin-top:12px}.tour-progress span{height:3px;flex:1;background:#536347}.tour-progress span.done{background:#d4ddc4}.loading-image{background:linear-gradient(135deg,#384036,#111a14)}
@keyframes hero-zoom{from{transform:scale(1.055)}to{transform:scale(1)}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1650px){.experience-layout{grid-template-columns:170px minmax(0,1fr) 320px}.stage{min-height:690px}.experience{padding-left:5%;padding-right:5%}.control-panel{padding:30px}.room-rail button{font-size:13px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.site-header{gap:20px}.experience-layout{grid-template-columns:110px minmax(0,1fr) 235px;gap:12px}.room-rail button{font-size:10px;padding:12px 6px;gap:8px}.control-panel{padding:20px 16px}.stage{min-height:540px}.experience-foot{padding-left:122px}.section-wrap{padding:80px 5%}.showcase{padding-top:0}.showcase-visual{height:540px}.scene-copy h3{font-size:32px}.scene-switches button{padding:10px 12px}.solution-detail .detail-copy{padding:35px}.intro{gap:8%}.hero-copy{top:26%}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{margin-left:auto}.site-header{height:80px}.hero-copy h1{font-size:77px}.experience-layout{grid-template-columns:minmax(0,1fr) 255px}.room-rail{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding:0 0 8px}.room-rail .rail-label{display:none}.room-rail button{padding:9px 12px}.stage{min-height:530px}.control-panel{min-height:530px}.experience-foot{padding-left:0}.experience{min-height:calc(100svh - 80px)}.intro{gap:40px}.intro-right{padding-top:58px}.showcase-visual{height:500px}.scene-copy{bottom:100px}.scene-switches{left:35px;right:auto;bottom:28px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(2,1fr)}.architect-teaser .copy{padding:50px 10%}.solution-detail{grid-template-columns:1fr}.solution-detail>img{height:390px;min-height:0}.architect-brief{gap:40px}.planner-wrap{gap:30px}.planner-options{grid-template-columns:1fr}.hero-image{object-position:62% center}.hero:after{background:linear-gradient(90deg,#101711c4,#10171130),linear-gradient(0deg,#101711a8,transparent 35%)}}
@media(max-width:640px){body{font-size:14px}.site-header{padding:0 5%;gap:14px}.wordmark span{font-size:13px}.wordmark small{font-size:5.7px}.wordmark svg{width:29px}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero{min-height:720px;height:94svh;max-height:900px}.hero-copy{left:7%;right:7%;top:25%}.hero-copy h1{font-size:clamp(58px,13.5vw,80px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:25px}.hero-copy p{font-size:14px;max-width:275px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-actions .text-link{font-size:11px}.hero-foot{left:7%;right:7%;font-size:8px}.hero-foot .hero-index{display:none}.hero-image{object-position:61% center}.hero:after{background:linear-gradient(90deg,#101711ae,#10171155),linear-gradient(0deg,#101711a8,transparent 35%)}.section-wrap{padding:65px 7%}.intro{grid-template-columns:1fr;gap:0}.intro .eyebrow{margin-bottom:26px}.intro-right{padding-top:27px}.intro-right p{font-size:15px}.section-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.section-head h2{font-size:38px}.showcase{padding-top:0}.showcase-visual{height:480px}.showcase-visual img{object-position:56% center}.showcase-label{left:20px;font-size:8px}.scene-copy{left:20px;right:20px;bottom:103px}.scene-copy h3{font-size:32px}.scene-copy p{font-size:11px;max-width:245px}.scene-switches{left:17px;right:17px;justify-content:space-between;bottom:28px}.scene-switches button{padding:10px 13px;flex:1}.under-note{font-size:9px;gap:20px}.solutions-grid{grid-template-columns:1fr 1fr}.solution-tile{padding:25px 18px;min-height:230px}.solution-tile h3{font-size:21px}.solution-tile p{font-size:11px}.solution-tile .tile-top{margin-bottom:25px}.brand-strip{gap:27px 35px;margin:35px 0}.brand-word{font-size:20px}.brands-teaser p{font-size:11px}.architect-teaser{grid-template-columns:1fr}.architect-teaser .image{height:300px;min-height:300px}.architect-teaser .copy{padding:50px 7%}.architect-teaser .copy h2{font-size:40px}.footer-top{flex-wrap:wrap;padding-bottom:40px}.footer-top p{font-size:20px}.footer-logo{font-size:18px}.footer-bottom{flex-direction:column;gap:12px}footer{padding:45px 7% 25px}.page-intro{padding:48px 7% 40px}.page-intro h1{font-size:46px}.page-intro p{font-size:14px}.filter-row{gap:7px}.filter-button{font-size:10px;padding:9px 12px}.solution-detail{margin:0 7% 30px}.solution-detail>img{height:270px}.solution-detail .detail-copy{padding:28px}.detail-copy h2{font-size:34px}.detail-copy>p{font-size:13px}.brand-grid{grid-template-columns:1fr 1fr}.brand-card{padding:25px 18px;min-height:245px}.brand-card .brand-word{font-size:25px}.brand-card p{font-size:11px}.brand-card button{font-size:10px;gap:12px}.brand-note{font-size:11px}.wide-image{height:300px;margin:0 7%}.process-row{grid-template-columns:30px 1fr;gap:12px 18px}.process-row p{grid-column:2}.architect-brief{grid-template-columns:1fr;gap:40px}.experience{padding:23px 5%}.experience-top{align-items:start;flex-direction:column;gap:16px}.experience-top h1{font-size:26px}.experience-top p{font-size:10px}.experience-actions{width:100%}.experience-layout{grid-template-columns:1fr}.room-rail{gap:5px}.room-rail button{font-size:10px;padding:10px}.stage{min-height:0;height:480px}.control-panel{min-height:0;padding:25px}.control-panel .panel-description{font-size:12px}.control-panel h3{font-size:28px}.control-label{font-size:12px}.control-pair button{padding:13px;font-size:12px}.scene-buttons button{padding:14px 7px;font-size:12px}.control-primary{padding:15px;font-size:12px}.experience-foot{font-size:8px;flex-direction:column;gap:8px}.stage-bottom{left:23px}.stage-bottom h2{font-size:37px}.stage-bottom p{font-size:11px}.room-photo{object-position:center}.stage-curtains{left:37%;width:44%}.stage-curtains.bedroom{left:48%;width:39%}.planner-wrap{grid-template-columns:1fr}.planner-options{grid-template-columns:1fr 1fr}.planner-check{font-size:11px;padding:13px 10px}.planner-card{padding:27px}.planner-note{font-size:11px}dialog{padding:34px 24px}.floorplan{grid-template-columns:repeat(2,1fr)}.hotspot-label{display:none}.showcase .section-head p{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.brand-grid.selected-brands{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.selected-brands .brand-card{padding:42px;min-height:280px}.selected-brands .brand-word{font-size:44px}.selected-brands .brand-card p{max-width:440px}@media(max-width:640px){.brand-grid.selected-brands{grid-template-columns:1fr}.selected-brands .brand-card{padding:28px}.selected-brands .brand-word{font-size:34px}}
