/* One architectural story, shared by home and the micromarket page. */
.micro-cinema{position:relative;background:#101925;color:#f6f8ff;isolation:isolate;scroll-margin-top:var(--header-height)}
.micro-cinema-stage{position:relative;background:#101925}
.micro-cinema-visual{position:relative;width:100%;height:clamp(400px,61svh,860px);overflow:hidden;background:#27303a}
.micro-cinema-visual>canvas,.micro-cinema-poster,.micro-cinema-proof{position:absolute;inset:0;width:100%;height:100%;display:block}
.micro-cinema-visual>canvas{opacity:0;transition:opacity .65s;pointer-events:none}
.micro-cinema.is-ready .micro-cinema-visual>canvas{opacity:1}
.micro-cinema-poster{object-fit:contain;transition:opacity .65s}
.micro-cinema.is-ready .micro-cinema-poster{opacity:0}
.micro-cinema-proof{opacity:0;pointer-events:none;background:#101925;transition:none;z-index:2;display:flex;align-items:center;justify-content:center}
.micro-cinema-proof>img{display:block;width:100%;height:100%;object-fit:contain}
.micro-cinema-label{position:absolute;top:24px;left:var(--page-gutter);display:flex;align-items:center;gap:22px;font-size:14px;line-height:1.5;z-index:3;background:#0c162dd9;padding:12px 16px;border-left:2px solid #7bafff;max-width:calc(100% - 2 * var(--page-gutter) - 185px)}
.micro-cinema-label>span:first-child{color:#a8c6f6;font-size:12px;white-space:nowrap}
.micro-cinema-note{position:absolute;bottom:20px;left:var(--page-gutter);right:var(--page-gutter);color:#d9e4f6;font-size:12px;line-height:1.6;z-index:3;text-shadow:0 1px 10px #000;background:#101925a6;padding:6px 10px;width:fit-content;max-width:calc(100% - 2 * var(--page-gutter))}
.micro-cinema-motion{position:absolute;top:24px;right:var(--page-gutter);min-height:44px;padding:11px 14px;border:1px solid #b5c9ed60;background:#0c162dc9;color:#fff;z-index:3;font:inherit;font-size:12px;cursor:pointer;border-radius:3px}
.micro-cinema-motion[hidden]{display:none}
.micro-cinema-console{display:grid;grid-template-columns:.92fr 1.08fr;gap:5vw;padding:26px var(--page-gutter) 28px;background:#101925;align-items:center;border-top:1px solid #ffffff20}
.micro-cinema-copy{min-width:0;max-width:580px}
.atelier .micro-cinema-copy h3{font-size:clamp(24px,2.1vw,34px);font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:0 0 12px;color:#fff}
.micro-cinema-copy p{font-size:15px;line-height:1.75;color:#b8c8e0;margin:0;max-width:54ch;min-height:3.5em}
.micro-cinema-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.micro-cinema-modules button{display:flex;align-items:center;gap:12px;min-height:50px;min-width:0;padding:12px 14px;background:transparent;border:1px solid #bed0f03d;border-radius:2px;color:#cfdbef;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.micro-cinema-modules button>span{font-size:11px;color:#7e9bc6}
.micro-cinema-modules button:hover{background:#23446a;border-color:#a1c5ff80;color:#fff}
.micro-cinema-modules button[aria-pressed="true"]{color:#102342;background:#e7efff;border-color:#e7efff}
.micro-cinema-modules button[aria-pressed="true"]>span{color:#496487}
.micro-cinema button:focus-visible{outline:2px solid #9cc9ff;outline-offset:4px}
.micro-cinema-progress{height:2px;background:#ffffff12}
.micro-cinema-progress>span{display:block;width:100%;height:100%;background:#8cbaff;transform:scaleX(0);transform-origin:left}
.micro-cinema.is-scroll-story{height:510svh}
.micro-cinema.is-scroll-story .micro-cinema-stage{position:sticky;top:var(--header-height)}
.micro-cinema.is-scroll-story .micro-cinema-visual{height:calc(100svh - var(--header-height) - var(--cinema-console-height,184px) - 2px);min-height:320px}
.atelier .micro-hero-cinematic{padding-bottom:26px;overflow:visible}
.micro-hero-cinematic .micro-cinema{margin-inline:calc(-1 * var(--page-gutter));width:calc(100% + 2 * var(--page-gutter))}
.atelier .micro-hero-cinematic .micro-hero-top{grid-template-columns:1.55fr .65fr;gap:5vw}
.atelier .micro-hero-cinematic h1{font-size:clamp(50px,6.35vw,104px);line-height:1.09;letter-spacing:-.055em}
.micro-hero-cinematic .micro-hero-side>p{font-size:16px;line-height:1.75}
.atelier .micro-feature-head{background:#102761}
.atelier .micro-feature h2{font-size:clamp(44px,4.75vw,78px);line-height:1.10}
@media(min-width:1800px){.micro-cinema-console{padding-block:34px}.micro-cinema-copy p{font-size:17px}.micro-cinema-modules button{min-height:60px}}
@media(max-width:1000px){.micro-cinema-console{grid-template-columns:1fr;gap:20px;padding-block:24px}.micro-cinema-copy{max-width:850px}.micro-cinema-copy p{min-height:0;max-width:70ch}.micro-cinema-modules{grid-template-columns:repeat(6,1fr);gap:6px}.micro-cinema-modules button{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;padding:10px}.micro-cinema-label{font-size:13px}.atelier .micro-hero-cinematic .micro-hero-top{grid-template-columns:1fr;gap:22px}.micro-hero-cinematic .micro-hero-side{max-width:600px}.micro-hero-cinematic .micro-down{display:none}}
@media(max-width:700px){.micro-cinema-visual{height:390px;min-height:300px}.micro-cinema-label{left:16px;top:16px;padding:10px 12px;gap:10px;font-size:12px;max-width:calc(100% - 134px)}.micro-cinema-label>span:first-child{font-size:11px}.micro-cinema-motion{top:16px;right:16px;font-size:11px;padding:9px;min-height:44px;max-width:102px;line-height:1.4}.micro-cinema-note{left:16px;right:16px;bottom:12px;font-size:11px;max-width:calc(100% - 32px);line-height:1.5}.micro-cinema-console{padding:22px 20px 24px;gap:20px}.atelier .micro-cinema-copy h3{font-size:25px;margin-bottom:9px}.micro-cinema-copy p{font-size:14px;line-height:1.65;min-height:4.95em}.micro-cinema-modules{grid-template-columns:repeat(3,1fr);gap:6px}.micro-cinema-modules button{flex-direction:row;align-items:center;font-size:12px;padding:10px 8px;min-height:44px;gap:7px}.micro-cinema-modules button>span{font-size:10px}.micro-cinema.is-scroll-story{height:540svh}.micro-cinema.is-scroll-story .micro-cinema-visual{min-height:240px}.atelier .micro-hero-cinematic h1{font-size:clamp(37px,8.9vw,62px);line-height:1.13}.atelier .micro-feature h2{font-size:clamp(33px,7.9vw,49px)}.atelier .micro-hero-cinematic .micro-hero-top{gap:18px}.micro-hero-cinematic .micro-hero-side>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.micro-cinema-visual>canvas,.micro-cinema-poster,.micro-cinema-modules button{transition:none}.micro-cinema.is-scroll-story{height:auto}.micro-cinema.is-scroll-story .micro-cinema-stage{position:relative;top:auto}.micro-cinema.is-scroll-story .micro-cinema-visual{height:clamp(320px,58svh,720px)}}
/* Stable console height keeps camera timing steady as the short captions change. */
.micro-cinema-console{min-height:226px}
@media(max-width:1000px){.micro-cinema-console{min-height:252px}}
@media(max-width:700px){.micro-cinema-console{min-height:296px}}