/* A separate, local portrait presentation. Nothing here changes case controls. */
.intro-launch{display:flex;align-items:center;gap:12px;margin:17px 0 8px;padding:10px 14px;max-width:100%;min-height:62px;text-align:left!important;background:linear-gradient(125deg,#103e49,#125765)!important;border:1px solid #47d9d66e!important;border-radius:17px!important;color:#f1ffff!important;box-shadow:0 8px 26px #041f2833!important}
.intro-launch span{min-width:0}.intro-launch b{display:block;font-size:14px;font-weight:650}.intro-launch small{display:block;font-size:11px;color:#b2dddd;margin-top:4px;font-weight:400;line-height:1.45}.intro-launch .intro-launch-play{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#6df7e9;color:#083f4a;font-size:13px;padding-left:2px;box-shadow:0 0 20px #5affd31c}.intro-launch-spark{font-size:26px;color:#97e5db;margin-left:auto}.intro-launch:hover{border-color:#8cffee!important;transform:translateY(-2px)}
.intro-launch[data-motion=playing] .intro-launch-play{animation:intro-invitation 2.8s ease-in-out 3}
.intro-launch[data-motion=playing] .intro-launch-spark{animation:intro-spark 2.8s ease-in-out 3}
.intro-launch:focus-visible .intro-launch-play,.intro-launch:focus-visible .intro-launch-spark{animation:none}
@keyframes intro-invitation{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #79ffe600}45%{transform:scale(1.08);box-shadow:0 0 0 7px #79ffe622,0 0 24px #79ffe633}75%{transform:scale(1);box-shadow:0 0 0 11px #79ffe600}}
@keyframes intro-spark{0%,100%{transform:rotate(0);opacity:.8}45%{transform:rotate(12deg) scale(1.12);opacity:1}}
body:has(#housing-intro[open]){overscroll-behavior:none}
#housing-intro{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:10px;border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#134b59ed,#031a24fa 70%);color:#f1ffff;box-sizing:border-box;z-index:10000}
#housing-intro[open]{display:grid;place-items:center}
#housing-intro::backdrop{background:#051c28ed;backdrop-filter:blur(12px)}
#housing-intro:fullscreen{background:#041d28}
#housing-intro .intro-stage{container-type:inline-size;position:relative;width:min(100%,490px,calc((100dvh - 20px) * .5625));aspect-ratio:9/16;max-height:100%;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 72% 48%,#27747799,transparent 46%),linear-gradient(160deg,#12323f,#0c515d 69%,#0a3848);border:1px solid #83e7df4d;box-shadow:0 30px 110px #0008;isolation:isolate;box-sizing:border-box}
#housing-intro .intro-stage::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('/wildflowers.svg') bottom left/100% auto no-repeat;opacity:.14;z-index:-1}
#housing-intro .intro-content{position:absolute;inset:var(--intro-header-space,64px) 7% var(--intro-footer-space,126px);display:grid;grid-template-rows:auto minmax(0,1fr) 44px auto;gap:4px;overflow:hidden}
#housing-intro .intro-topline{position:absolute;inset:2% 5% auto;display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;border:0;height:44px;font-size:clamp(12px,3.3cqw,16px);font-weight:650;letter-spacing:-.3px;color:#c2efeb}
#housing-intro .intro-topline i{font-style:normal;color:#83efe0;margin-left:5px}
#housing-intro button{box-sizing:border-box;min-height:44px;min-width:44px;padding:6px 10px;border:1px solid #96f5e637;border-radius:12px;background:#0a344390;color:#d5ffff;font-size:clamp(12px,3.2cqw,15px);cursor:pointer;font-family:inherit;line-height:1.2;touch-action:manipulation}
#housing-intro button:hover{transform:none;background:#155464;box-shadow:none}
#housing-intro button:focus-visible,.intro-launch:focus-visible,#housing-intro .intro-reading:focus-visible,#housing-intro .intro-content:focus-visible{outline:3px solid #c4fff3;outline-offset:3px}
#housing-intro button:disabled{opacity:.4;cursor:default}
#housing-intro #intro-close{font-size:18px;border-radius:50%;background:#041f2a66}
#housing-intro .intro-copy{position:relative;text-align:left;z-index:2}
#housing-intro .intro-kicker{font-size:clamp(9px,2.5cqw,12px);letter-spacing:1.5px;line-height:1.5;font-weight:700;color:#9feee2;margin:0 0 8px}
#housing-intro #intro-title{white-space:pre-line;font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(24px,8.5cqw,42px);line-height:1.06;letter-spacing:-1.1px;color:#f1ffff;margin:0 0 8px}
#housing-intro .intro-description{font-size:clamp(12px,3.7cqw,18px);line-height:1.45;color:#cce8eb;margin:0;max-width:100%}
#housing-intro .intro-art{position:relative;min-height:0;pointer-events:none}
#housing-intro .intro-art canvas{display:block;width:100%;height:100%}
#housing-intro .intro-art-fallback{position:absolute;inset:0;display:grid;place-items:center}
#housing-intro .intro-art[data-scene=ready] .intro-art-fallback{display:none}
#housing-intro .intro-art[data-scene=fallback] canvas{display:none}
#housing-intro .intro-flat-cat{position:relative;width:95px;height:110px;background:#101820;border-radius:50% 50% 40% 40%;box-shadow:inset -12px -8px #060c1190;z-index:1}
#housing-intro .intro-flat-cat::before,#housing-intro .intro-flat-cat::after{content:'';position:absolute;top:-9px;width:35px;height:45px;border-radius:4px 40px 0 0;background:#101820;transform:rotate(-18deg)}
#housing-intro .intro-flat-cat::before{left:4px}#housing-intro .intro-flat-cat::after{right:4px;transform:rotate(18deg) scaleX(-1)}
#housing-intro .intro-flat-cat i,#housing-intro .intro-flat-cat b{position:absolute;top:33px;width:19px;height:24px;background:#dfe99b;border-radius:50%;z-index:2}
#housing-intro .intro-flat-cat i{left:21px}#housing-intro .intro-flat-cat b{right:21px}
#housing-intro .intro-flat-cat i::after,#housing-intro .intro-flat-cat b::after{content:'';position:absolute;left:8px;top:3px;width:4px;height:19px;background:#111b1c;border-radius:50%}
#housing-intro .intro-flat-house{position:absolute;font:170px Georgia;color:#70d6c955;transform:translate(52px,-15px)}#housing-intro .intro-flat-flower{position:absolute;font-size:45px;color:#f5dfa1;transform:translate(-75px,40px)}
#housing-intro #intro-pet{justify-self:center;white-space:nowrap;border:0;background:transparent;color:#b0e6df;font-size:clamp(11px,3cqw,14px);z-index:3}
#housing-intro .intro-chips{display:flex;justify-content:center;gap:5px;flex-wrap:nowrap}
#housing-intro .intro-chips span{padding:7px 9px;border:1px solid #83e6dc50;border-radius:30px;background:#28657399;color:#d8fff6;font-size:clamp(10px,2.6cqw,13px);line-height:1.25}
#housing-intro .intro-controls{position:absolute;inset:auto 5% 2%;display:block;padding:0;margin:0;border:0}
#housing-intro .intro-progress{height:3px;background:#91e6dc35;border-radius:4px;overflow:hidden;margin-bottom:8px}
#housing-intro .intro-progress span{display:block;height:100%;width:100%;background:#88f9e6;transform:scaleX(0);transform-origin:left}
#housing-intro .intro-playback{display:flex;align-items:center;gap:6px}
#housing-intro #intro-pause{min-width:105px;background:#9ffce6;color:#0b3944;border-color:#9ffce6;font-weight:650}
#housing-intro #intro-prev,#housing-intro #intro-next{font-size:24px}
#housing-intro .intro-count{margin-left:auto;color:#afd9dd;font-size:12px;white-space:nowrap}
#housing-intro .intro-options{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}
#housing-intro .intro-options button{border:0;background:transparent;padding:4px 0;font-size:clamp(11px,2.7cqw,13px)}
#housing-intro .intro-silent{font-size:clamp(9px,2.4cqw,11px);color:#aed4d7;text-align:center;line-height:1.3}
#housing-intro #intro-fullscreen{font-size:22px}
#housing-intro .intro-display-note{font-size:11px;line-height:1.3;margin:0;color:#cef3ea;background:#103f4b}
#housing-intro .intro-display-note:empty{display:none}
#housing-intro .intro-display-note:not(:empty){position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:8px;border:1px solid #88e1d755;border-radius:8px;z-index:5}
#housing-intro .intro-stage:has(.intro-display-note:not(:empty)) .intro-chips{visibility:hidden}
#housing-intro .intro-stage[data-compact=true]:not([data-reflow=true]) .intro-chips{display:none}
#housing-intro .intro-stage[data-compact=true]:not([data-reflow=true]) .intro-content{grid-template-rows:auto minmax(0,1fr) 44px}
#housing-intro .intro-stage[data-compact=true] #intro-title{font-size:clamp(23px,8cqw,34px)}
#housing-intro .intro-reading{position:absolute;inset:var(--intro-header-space,64px) 6% var(--intro-footer-space,126px);overflow:auto;overscroll-behavior:contain;padding:0 8px 18px 0;color:#d4f1ef;scrollbar-width:thin}
#housing-intro .intro-reading h2{font:30px Georgia;color:#f1ffff;margin:0 0 22px}#housing-intro .intro-reading h3{font:21px Georgia;line-height:1.2;color:#a4f5e6;margin:18px 0 8px}#housing-intro .intro-reading p{font-size:15px;line-height:1.65;margin:0}#housing-intro .intro-reading .intro-reading-note{font-size:13px;margin-top:20px;color:#a4cdce}
#housing-intro [hidden]{display:none!important}
@media(max-width:500px){#housing-intro{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}#housing-intro .intro-stage{width:min(100%,calc((100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom))) * .5625));border-radius:18px}}
@media(max-height:600px) and (orientation:landscape){#housing-intro .intro-stage{width:min(100%,500px);aspect-ratio:auto;height:100%}#housing-intro .intro-topline{inset:0 4% auto}#housing-intro .intro-copy{inset:17% 42% auto 5%}#housing-intro #intro-title{font-size:23px}#housing-intro .intro-kicker{font-size:8px}#housing-intro .intro-description{font-size:12px;line-height:1.4}#housing-intro .intro-art{inset:16% 0 25% 54%}#housing-intro #intro-pet{top:60%;left:76%;font-size:10px}#housing-intro .intro-chips{display:none}#housing-intro .intro-controls{inset:auto 4% 2%}#housing-intro .intro-reading{inset:17% 6% 29%}}
#housing-intro .intro-stage[data-reflow=true] .intro-topline{inset:8px 5% auto;height:auto;min-height:44px;z-index:5}
#housing-intro .intro-stage[data-reflow=true] .intro-content{display:block;position:absolute;inset:var(--intro-header-space,64px) 7% var(--intro-footer-space,126px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 0 16px;box-sizing:border-box}
#housing-intro .intro-stage[data-reflow=true] .intro-copy{position:static;inset:auto;margin:0 0 12px}
#housing-intro .intro-stage[data-reflow=true] #intro-title{overflow-wrap:anywhere}
#housing-intro .intro-stage[data-reflow=true] .intro-art{position:relative;inset:auto;width:100%;height:clamp(160px,30dvh,280px);min-height:160px}
#housing-intro .intro-stage[data-reflow=true] #intro-pet{position:relative;inset:auto;display:block;transform:none;margin:0 auto 8px;max-width:100%;white-space:normal}
#housing-intro .intro-stage[data-reflow=true] .intro-chips{position:static;inset:auto;display:flex;flex-wrap:wrap;margin:0;gap:6px}
#housing-intro .intro-stage[data-reflow=true] .intro-controls{z-index:4;background:#0a3848;border-radius:10px;padding-top:4px}
#housing-intro .intro-stage[data-reflow=true] .intro-playback{flex-wrap:wrap}
#housing-intro .intro-stage[data-reflow=true] #intro-pause{min-width:0;flex:1}
#housing-intro .intro-stage[data-reflow=true] .intro-options{flex-wrap:wrap}
#housing-intro .intro-stage[data-reflow=true] .intro-reading{inset:var(--intro-header-space,64px) 6% var(--intro-footer-space,126px)}
@media(prefers-reduced-motion:reduce){.intro-launch,#housing-intro *{transition:none!important;animation:none!important}}