.network-room{position:relative;display:grid;grid-template-columns:39% 61%;background:#fbf7f1;color:#39291d;--network-ink:#39291d;--network-muted:#664d38;--network-accent:#965c34}
.network-stage{position:relative;isolation:isolate;grid-column:1/-1;grid-row:1;aspect-ratio:3/2;width:100%;overflow:hidden;align-self:center}
.network-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transition:filter 1s;z-index:-2}
.network-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fbf7f1df 0%,#fbf7f1ba 27%,transparent 43%)}
.network-room .network-copy{position:relative;grid-column:1;grid-row:1;z-index:5;padding:65px 0 80px 4.6vw;align-self:center;color:var(--network-ink)}
.network-room .network-copy h1{font:400 clamp(50px,4.8vw,82px)/1.02 var(--si-serif);letter-spacing:-.035em;margin:0 0 27px;color:inherit;text-wrap:balance}
.network-room .network-copy h1 em{color:var(--network-accent);font-weight:400}
.network-room .network-copy>p:not(.si-eyebrow):not(.sv-location):not(.sp-meta):not(.sp-tagline){font:400 18px/1.8 var(--si-sans);max-width:39ch;color:var(--network-muted);margin-bottom:24px}
.network-room .network-copy .si-eyebrow{font:500 12px/1.8 var(--si-sans);letter-spacing:.12em;color:var(--network-muted);margin-bottom:26px}
.network-room .network-copy .sv-location,.network-room .network-copy .sp-meta{font-size:14px;line-height:1.7;color:var(--network-muted);margin-top:25px;max-width:380px}
.network-room .network-copy .si-actions,.network-room .network-copy .sp-actions,.network-room .network-copy .room-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-top:28px}
.network-room .network-copy .si-button{background:#51331d;border-color:#51331d;color:#fff8ed;font:500 15px/1.4 var(--si-sans);border-radius:40px;min-height:52px;padding:17px 24px}
.network-room .network-copy .si-text-link{font-size:16px;min-height:44px;display:inline-flex;align-items:center;gap:20px;color:inherit}
.network-room .network-copy.room-family-copy h1{font-size:clamp(80px,8vw,140px);line-height:.95}
.network-room .network-copy .sp-tagline{font:italic 400 clamp(29px,3vw,44px)/1.1 var(--si-serif);color:var(--network-accent);margin-bottom:25px}
.network-room .network-copy .coastal-offer{margin:20px 0;max-width:100%}
.network-room .network-copy .coastal-offer .actions{display:grid;gap:10px}.network-room .network-copy .coastal-offer .price{font-size:38px}
.network-surface{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;opacity:0;backface-visibility:hidden;text-decoration:none!important;z-index:2}
.network-surface.is-placed{opacity:1}.network-surface:focus-visible{outline:8px solid #efcb95;outline-offset:-8px}
.network-laptop{background:#fbf6ec;color:#3b3023!important;padding:36px}
.network-screen-header{display:flex;justify-content:space-between;gap:20px;font:500 17px/1.5 var(--si-sans);letter-spacing:.1em;border-bottom:1px solid #b99e7755;padding-bottom:15px}
.network-screen-header i{width:12px;height:12px;border-radius:50%;background:#8d9a6d;box-shadow:0 0 15px #90976070;animation:network-pulse 3s infinite;animation-play-state:paused}
.network-laptop strong{font:400 62px/1 var(--si-serif);display:block;margin:24px 0;color:#493421}
.network-flow{position:relative;display:flex;gap:30px;align-items:center;justify-content:center;min-height:160px;padding:25px 0}
.network-node{position:relative;border:1px solid #a98a68;background:#efe2ce;border-radius:16px;padding:25px 16px;min-width:150px;text-align:center;font:400 24px/1.3 var(--si-sans);animation:network-node 6s infinite;animation-play-state:paused}.network-node:nth-child(2){animation-delay:2s}.network-node:nth-child(3){animation-delay:4s}
.network-node:not(:last-child):after{content:'→';position:absolute;right:-30px;top:32%;font-size:30px;color:#a57545}
.network-screen-footer{font:400 16px/1.5 var(--si-sans);border-top:1px solid #b99e7755;padding-top:17px;display:flex;justify-content:space-between;gap:15px}
.network-fold{background:#eee3d1;color:#46301f!important;padding:25px}
.network-fold:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(90deg,#ffffff22,#4e33211a,#ffffff33);pointer-events:none}
.network-fold small{font:500 16px/1.5 var(--si-sans);letter-spacing:.1em}.network-fold strong{display:block;font:400 52px/1.05 var(--si-serif);margin:22px 0}
.network-fold-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.network-fold-grid span{display:flex;align-items:center;justify-content:center;border:1px solid #b49a76;border-radius:12px;background:#fbf6ed;min-height:110px;font:400 23px var(--si-sans);animation:network-node 6s infinite;animation-play-state:paused}.network-fold-grid span:nth-child(2){animation-delay:2s}.network-fold-grid span:nth-child(3){animation-delay:4s}.network-fold-grid span:nth-child(4){animation-delay:1s}
.network-paper{background:#f7edda;color:#69523a;padding:32px;pointer-events:none;box-shadow:inset -15px 0 25px #5d43211c}.network-paper small{font:500 18px var(--si-sans);letter-spacing:.18em}.network-paper strong{display:block;font:400 70px/.95 var(--si-serif);margin-top:20px}.network-paper:after{content:'';display:block;width:70%;height:2px;background:#aa805b;margin-top:20px;transform-origin:left;animation:network-line 8s infinite;animation-play-state:paused}
.network-hit{position:absolute;z-index:3;border-radius:8px}.network-hit:focus-visible{outline:3px solid #9a6138;outline-offset:5px}.network-art-hit{left:62%;top:12%;width:12%;height:24%}.network-notes-hit{left:61%;top:67%;width:36%;height:14%}.network-model-hit{left:52%;top:49%;width:19%;height:18%}
.network-label{position:absolute;z-index:6;transform:translate(-50%,-50%);min-height:48px;display:flex;align-items:center;justify-content:center;gap:17px;background:#fff8ebef;backdrop-filter:blur(10px);border:1px solid #a78a6144;border-radius:35px;padding:12px 22px;color:#513720!important;text-decoration:none!important;font:500 15px/1.3 var(--si-sans);white-space:nowrap;box-shadow:0 4px 15px #30200d13;transition:background .2s,transform .3s}
.network-label span{font-size:23px}.network-label:hover{background:#50341f;color:#fff8ed!important;transform:translate(-50%,-55%)}.network-label:focus-visible{outline:2px solid #955a32;outline-offset:4px}
.network-label-laptop{left:82%;top:71%}.network-label-fold{left:58.5%;top:68%}.network-label-art{left:68%;top:38%}.network-label-notes{left:78%;top:84%}
.network-room[data-room-scene=engineering] .network-label-laptop{left:85%;top:71%}.network-room[data-room-scene=engineering] .network-label-fold{left:61%;top:70%}.network-room[data-room-scene=engineering] .network-label-notes{left:79%;top:91%}
.network-room-hint{position:absolute;left:4.6%;bottom:5%;font:400 14px/1.6 var(--si-sans);background:#fff8ebde;border-radius:30px;padding:13px 20px;color:#644a32;margin:0}
.network-directory{display:none}.network-room.is-moving :is(.network-node,.network-screen-header i,.network-fold-grid span,.network-paper:after,.network-mechanical g,.network-scan){animation-play-state:running}
.network-mechanical{width:100%;height:250px;overflow:visible}.network-mechanical g{transform-box:fill-box;transform-origin:center;animation:network-assembly 9s ease-in-out infinite alternate;animation-play-state:paused}.network-mechanical .shaft{animation:none}.network-mechanical .part-left{--explode:-70px}.network-mechanical .part-right{--explode:70px}.network-mechanical .part-inner{--explode:28px}
.network-engineering-screen{background:#25352f;color:#fff1dc!important}.network-engineering-screen strong{color:#fff1dc;font-size:52px;margin-block:20px}.network-engineering-screen .network-screen-header{border-color:#e1c29340}.network-engineering-screen .network-screen-footer{border-color:#e1c29340}
.network-room[data-room-tone=night]{background:#30241c;--network-ink:#fff3df;--network-muted:#e9d5bc;--network-accent:#eab88b}.network-room[data-room-tone=night] .network-photo{filter:brightness(.43) saturate(.8)}.network-room[data-room-tone=night] .network-stage:after{background:linear-gradient(90deg,#30241cea 0%,#30241cca 28%,transparent 43%)}.network-room[data-room-tone=night] .network-copy .si-button{background:#ead3b0;border-color:#ead3b0;color:#392a1e}.network-room[data-room-tone=night] .network-paper{filter:brightness(.68)}.network-room[data-room-tone=night] .network-laptop,.network-room[data-room-tone=night] .network-fold{box-shadow:0 0 35px #ffdb9540}
.network-revealed{animation:network-enter .65s ease both}
@keyframes network-pulse{50%{opacity:.35;box-shadow:0 0 30px #b7c28a99}}
@keyframes network-node{0%,70%,100%{background:#efe2ce;box-shadow:none}30%{background:#e2cfaa;box-shadow:0 0 20px #c9ad8155}}
@keyframes network-line{0%,20%{transform:scaleX(.1)}80%,100%{transform:scaleX(1)}}
@keyframes network-assembly{0%,20%{transform:translateX(0)}80%,100%{transform:translateX(var(--explode))}}
@keyframes network-enter{from{opacity:.6;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:1200px){.network-room{display:flex;flex-direction:column}.network-room .network-copy{padding:45px 5vw 40px;max-width:850px;width:100%}.network-room .network-copy h1{font-size:clamp(50px,6vw,75px)}.network-room .network-copy>p:not(.si-eyebrow):not(.sv-location):not(.sp-meta):not(.sp-tagline){max-width:60ch;font-size:17px}.network-stage:after{display:none}.network-label{font-size:14px;padding-inline:17px;gap:12px}.network-room .network-copy.room-family-copy h1{font-size:110px}}
@media(max-width:700px){.network-stage{aspect-ratio:1}.network-photo{width:150%;max-width:none;left:-50%;height:100%}.network-room .network-copy{padding:33px 24px 30px}.network-room .network-copy h1{font-size:clamp(45px,12vw,66px);margin-bottom:24px}.network-room .network-copy>p:not(.si-eyebrow):not(.sv-location):not(.sp-meta):not(.sp-tagline){font-size:16px}.network-room .network-copy .sv-location{font-size:13px}.network-room .network-copy .si-eyebrow{font-size:11px;margin-bottom:22px}.network-room .network-copy.room-family-copy h1{font-size:90px}.network-room .network-copy .sp-tagline{font-size:34px}.network-label{font-size:12px;padding:9px 12px;min-height:44px;gap:8px}.network-label span{font-size:18px}.network-label-laptop{left:73%;top:71%}.network-label-fold{left:36%;top:68%}.network-label-art{left:52%;top:39%}.network-label-notes{left:65%;top:85%}.network-room[data-room-scene=engineering] .network-label-laptop{left:79%;top:71%}.network-room[data-room-scene=engineering] .network-label-fold{left:37%;top:71%}.network-room[data-room-scene=engineering] .network-label-notes{left:65%;top:92%}.network-art-hit{left:43%;top:12%;width:18%;height:24%}.network-model-hit{left:28%;top:49%;width:28%;height:18%}.network-notes-hit{left:40%;top:68%;width:54%;height:14%}.network-room-hint{display:none}.network-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:15px 24px 25px;background:#fbf7f1;color:#513720}.network-directory a{display:flex;align-items:center;justify-content:space-between;font:400 24px/1.15 var(--si-serif);min-height:58px;padding:13px 0;text-decoration:none;border-bottom:1px solid #b79b7444;gap:10px}}
@media(prefers-reduced-motion:reduce){.network-room *,.network-revealed{animation:none!important;transition:none!important}.network-mechanical g{transform:none!important}}

/* Preserve the mobile scene crop against shared image max-width rules. */
.network-room .network-stage>img.network-photo{max-width:none}