/* Shared residential chapters; the mobile rail uses native touch scrolling. */
.room-scenes{margin:100px auto 0;padding:0;scroll-margin-top:110px;color:#30392e;max-width:1440px}
.room-scenes-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:38px}
.room-scenes .room-eyebrow{font:500 11px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.room-scenes h2{font:400 clamp(38px,4.2vw,66px)/1.06 var(--serif,Georgia,serif);letter-spacing:-.03em;margin:0;max-width:650px}
.room-scenes-heading>p{font:400 15px/1.85 var(--sans,Arial,sans-serif);margin:0;max-width:510px;color:#62675e}
.room-scene-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;outline-offset:5px}
.room-scene-card{min-width:0}
.room-scene-image{display:block;overflow:hidden}
.room-scene-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;transition:transform 700ms ease}
.room-scene-image:hover img{transform:scale(1.025)}
.room-scene-copy{padding:23px 0 0}
.room-scene-copy h3{font:400 clamp(26px,2.6vw,38px)/1.12 var(--serif,Georgia,serif);letter-spacing:-.02em;margin:0 0 16px}
.room-scene-copy>p:not(.room-eyebrow){font:400 14px/1.8 var(--sans,Arial,sans-serif);color:#62675e;margin:0;min-height:76px}
.room-scene-copy>a{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #a2a797;padding:13px 0;font:400 13px/1.6 var(--sans,Arial,sans-serif);margin-top:8px}
.room-scene-copy svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}
.room-scene-controls{display:none;justify-content:flex-end;gap:12px;margin-top:26px}
.room-scene-controls button{width:46px;height:46px;border:1px solid #a2a797;background:transparent;display:grid;place-items:center;cursor:pointer;color:inherit}
.room-scene-controls button:disabled{opacity:.3;cursor:default}
.room-scene-controls svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
@media(max-width:800px){
 .room-scenes{margin:64px 18px 0}
 .room-scenes-heading{display:block;margin-bottom:28px}
 .room-scenes h2{font-size:42px;max-width:550px}
 .room-scenes-heading>p{margin-top:24px;font-size:14px}
 .room-scene-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:18px;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:#abb09e transparent}
 .room-scene-card{flex:0 0 88%;scroll-snap-align:start}
 .room-scene-image img{aspect-ratio:4/5}
 .room-scene-copy>p:not(.room-eyebrow){min-height:0}
 .room-scene-controls{display:flex}
}
@media(prefers-reduced-motion:reduce){.room-scene-image img{transition:none}.room-scene-image:hover img{transform:none}}

.story-chapter-nav{display:flex;gap:30px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;overflow:auto;white-space:nowrap}
.story-chapter-nav a{min-height:36px;display:flex;align-items:center;gap:10px}
.story-chapter-nav span{color:#7d846f;font-size:10px}
.entry-story .story-eyebrow{color:#727963;letter-spacing:.12em;font-size:11px;margin-bottom:28px}
.entry-story-copy h1{line-height:1.04;letter-spacing:-.04em}
.entry-story-copy p{font-size:15px;line-height:1.85}
.story-grain-bridge{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center;margin:55px 0 0}
.story-grain-bridge img{width:100%;aspect-ratio:16/9;object-fit:cover}
.story-grain-bridge h2{font:400 clamp(30px,3.3vw,48px)/1.13 var(--serif);letter-spacing:-.025em;margin:0 0 20px}
.story-grain-bridge p{font-size:14px;line-height:1.8;color:var(--muted);max-width:560px}
.app-factory{scroll-margin-top:110px;margin-top:64px}
.catalog-view .room-scenes{padding-bottom:55px;border-bottom:1px solid var(--line)}
.app-menu a[href="#story"]{border-bottom:1px solid var(--line)}
@media(max-width:800px){
 .story-chapter-nav{padding:15px 18px;gap:22px}
 .story-grain-bridge{display:block;margin:35px 18px 0}
 .story-grain-bridge img{margin-bottom:25px}
 .story-grain-bridge h2{font-size:35px}
 .entry-story-copy p{font-size:14px;max-width:440px}
 .entry-story .story-eyebrow{margin-bottom:20px;font-size:10px}
 .catalog-view .entry-story{display:flex;flex-direction:column;height:auto;min-height:0;aspect-ratio:auto;background:var(--surface);color:var(--ink)}
 .entry-story-media{position:relative;inset:auto;height:350px;min-height:0;max-height:none;order:0}
 .entry-story-media img{object-position:50% 53%}
 .entry-story-copy{position:relative;inset:auto;padding:36px 24px;order:1;background:var(--surface)}
 .entry-story-copy h1{font-size:clamp(43px,10vw,61px);color:var(--ink)}
 .entry-story-copy p{color:var(--muted)}
}
/* v8: long-plank room complements the three solid pattern chapters. */
.app-longboard-room{display:grid;grid-template-columns:1.6fr 1fr;max-width:1440px;margin:72px auto 0;gap:0;background:#e9e7dc;align-items:center;color:var(--ink)}
.app-longboard-room .longboard-visual{display:block;overflow:hidden}
.app-longboard-room img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.app-longboard-room>div{padding:32px 12%}
.app-longboard-room .room-eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.6;margin:0 0 22px}
.app-longboard-room h2{font:400 clamp(32px,3.5vw,50px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 24px}
.app-longboard-room p:not(.room-eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 24px}
.app-longboard-room>div>a{display:inline-flex;align-items:center;gap:24px;padding-bottom:12px;border-bottom:1px solid #8c9580;font-size:13px;text-decoration:none;color:inherit}
.app-longboard-room svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}
@media(max-width:800px){.app-longboard-room{display:block;margin:48px 18px 0}.app-longboard-room>div{padding:28px 24px 34px}.app-longboard-room h2{font-size:36px}.app-longboard-room img{aspect-ratio:4/3;object-position:50% 65%}}