/* Scoped Casa Mirador experience. Architectural publication layout. */
.walkthroughs{background:#f4f0e7;color:#302c25;padding:clamp(40px,4.5vw,64px) var(--gutter,5vw) clamp(36px,4vw,52px);border-bottom:1px solid rgba(48,44,37,0.12)}
.walkthroughs [hidden]{display:none!important}
.casa-editorial{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.5fr);gap:clamp(32px,4.5vw,68px);border-top:1px solid rgba(48,44,37,0.18);padding-top:20px;align-items:center}
.casa-film-intro{max-width:540px}
.walk-label{font:10px/1.5 Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#786f60;margin:0}
.casa-film-intro h2{font:400 clamp(34px,3.8vw,52px)/1.1 Bodoni,Georgia,serif;letter-spacing:-.025em;color:#201d18;margin:16px 0 12px}
.casa-film-deck{font:italic 400 clamp(18px,1.6vw,22px)/1.45 Bodoni,Georgia,serif;margin:0 0 20px;color:#4a4338}
.casa-experience-switch{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(48,44,37,0.14);padding-bottom:14px}
.casa-experience-switch button,.casa-film-toolbar button,.casa-film-caption button{font:10px/1.5 Mono,monospace;background:none;color:inherit;border:1px solid transparent;padding:8px 12px;cursor:pointer;min-height:36px;border-radius:2px;letter-spacing:.05em}
.casa-experience-switch button[aria-pressed=true]{border-color:rgba(48,44,37,0.35);background:rgba(48,44,37,0.06);color:#1a1814}
.casa-film-disclosure{font:10px/1.65 Mono,monospace;color:#6c6254;max-width:440px;margin:14px 0 20px}
.casa-story-link{color:inherit;font:11px Mono,monospace;text-underline-offset:5px;display:inline-flex;align-items:center;gap:6px}
.casa-film-panel{width:100%;max-width:none}
.casa-film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px Mono,monospace;letter-spacing:.08em;padding-bottom:8px;color:#6c6254}
.casa-film-toolbar button{border:1px solid rgba(48,44,37,0.16);padding:5px 10px;min-height:28px}
.casa-film-toolbar button[aria-pressed=true]{background:rgba(48,44,37,0.12);color:#1a1814;border-color:rgba(48,44,37,0.4)}
.casa-film-frame{position:relative;width:100%;height:clamp(320px,32vw,460px);aspect-ratio:16/10;background:#1a1916;border-radius:4px;overflow:hidden;border:1px solid rgba(48,44,37,0.16);box-shadow:0 8px 24px -4px rgba(48,44,37,0.1)}
.casa-film-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.casa-film-frame:fullscreen{height:100dvh;width:100vw;background:#111;border:0;border-radius:0}
.casa-film-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.5 Mono,monospace;padding-top:8px;color:#786f60}
.casa-film-caption button{font-size:9px;padding-right:0;border:0}
.casa-film-play{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#f4f0e7;border:0;color:#302c25;padding:12px 18px;font:11px Mono,monospace;cursor:pointer}
.casa-film-error,.casa-model-note{font:10px/1.8 Mono,monospace;color:#6c6254}
.casa-model-panel{margin-top:24px}
.casa-viewer{background:#e3ded2;border:1px solid #c8bfae;position:relative;border-radius:4px;overflow:hidden}
.casa-viewer:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column;background:#e3ded2}
.casa-viewer:fullscreen .casa-stage{flex:1;min-height:0;height:auto}
.casa-toolbar{display:flex;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid #c8bfae;background:#f4f0e7;flex-wrap:wrap}
.casa-toolbar button,.casa-toolbar select{background:transparent;border:0;color:#5b5347;font:11px Mono,monospace;padding:9px 11px;min-height:38px;cursor:pointer}
.casa-toolbar button[aria-pressed=true]{background:#ded6c8;color:#201d18}
.casa-segment{display:flex;border:1px solid #c8bfae}
.casa-toolbar>[data-full]{margin-left:auto}
.casa-room select{max-width:165px;border-bottom:1px solid #afa28f}
.casa-stage{height:clamp(380px,46vw,620px);position:relative;overflow:hidden;touch-action:none;outline-offset:-3px}
.casa-stage canvas{display:block;width:100%;height:100%}
.casa-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#e3ded2;z-index:5;font:12px Mono,monospace}
.casa-loading[hidden],.casa-viewer [hidden]{display:none!important}
.casa-style-labels{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font:10px Mono,monospace;letter-spacing:.06em}
.casa-style-labels span{background:#f6f1e5e6;padding:7px 10px;color:#40392d}
.casa-divider{position:absolute;top:0;bottom:0;left:50%;width:36px;transform:translateX(-50%);cursor:ew-resize;touch-action:none;outline-offset:-3px}
.casa-divider:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:#fff8e9;box-shadow:0 0 2px #302c25}
.casa-divider>span{position:absolute;top:50%;left:0;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:48px;background:#f4f0e7;color:#40392d;border:1px solid #c6b89f;border-radius:24px;font:18px Georgia,serif}
.casa-bottom{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;font:9px/1.5 Mono,monospace;background:#f4f0e7;border-top:1px solid #c8bfae}
.casa-pad{position:absolute;left:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px}
.casa-pad button,.casa-zoom button{background:#f4f0e7e8;border:1px solid #ad9d83;color:#393125;font:20px Georgia;touch-action:none;cursor:pointer}
.casa-pad button:first-child{grid-column:2}
.casa-pad button:nth-child(2){grid-column:1;grid-row:2}
.casa-pad button:nth-child(3){grid-column:2;grid-row:2}
.casa-pad button:nth-child(4){grid-column:3;grid-row:2}
.casa-zoom{position:absolute;right:16px;bottom:16px;display:flex;gap:5px}
.casa-zoom button{width:40px;height:40px}
.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.casa-placeholder{position:relative;height:clamp(380px,46vw,620px)}
.casa-placeholder img{width:100%;height:100%;object-fit:cover}
.casa-placeholder span{position:absolute;bottom:20px;left:20px;background:#f4f0e7;padding:12px;font:11px Mono,monospace}
.casa-viewer :focus-visible{outline:2px solid #895d32;outline-offset:3px}
.casa-fallback{padding:60px 20px;font:12px Mono,monospace}
.casa-show-model .casa-editorial{grid-template-columns:1fr}
.casa-show-model .casa-film-intro{max-width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.casa-show-model .casa-film-intro h2{grid-column:1;margin:10px 0}
.casa-show-model .casa-film-deck{grid-column:1;margin-bottom:12px}
.casa-show-model .casa-experience-switch{grid-column:2;grid-row:1/3;align-self:center}
.casa-show-model .casa-film-disclosure{grid-column:2;grid-row:3/5;margin:0}
.casa-show-model .casa-story-link{grid-column:1}
.walkthroughs button:focus-visible,.casa-story-link:focus-visible{outline:2px solid #895d32;outline-offset:3px}
@media(max-width:768px){
  .casa-editorial{grid-template-columns:1fr;gap:20px}
  .casa-film-intro h2{font-size:36px;margin:14px 0 10px}
  .casa-film-deck{font-size:19px;margin-bottom:16px}
  .casa-film-frame{height:clamp(240px,56vw,340px)}
  .casa-show-model .casa-film-intro{display:block}
  .casa-show-model .casa-film-disclosure{margin:12px 0}
}