/* /lighthouse-concierge-desk.css */
/* The shallow stone reception ledge belongs to the foreground, not the tower. */
.stage-concierge{position:fixed;z-index:5;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:min(760px,72vw);padding:0;border:0;background:none;box-shadow:none;color:#31271c;overflow:visible}
.concierge-ledge{position:relative;padding:17px 42px 18px;min-height:80px;box-sizing:border-box;border:1px solid #d9b778;border-top:3px solid #f4db9b;border-bottom:0;border-radius:50% 50% 0 0 / 24px 24px 0 0;background:linear-gradient(174deg,transparent 28%,#8e7b6020 28.3%,transparent 28.8%,transparent 66%,#aa997820 66.5%,transparent 67%),linear-gradient(7deg,#c9bba3,#eee5d2 45%,#fff5dc 77%,#d4c4a7);box-shadow:0 -3px 0 #77522b,0 -5px 0 #e6c18a,0 -14px 30px #0003,inset 0 2px 0 #ffffe9,inset 0 -8px 14px #79644c22}
.concierge-ledge::after{content:'';position:absolute;bottom:7px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#90724766,transparent);pointer-events:none}
.concierge-invitation{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:35px;border:0;background:none;color:#3a2b1b;text-align:left;width:100%;padding:4px 15px;cursor:pointer;text-shadow:0 1px #fff9e6}
.concierge-invitation span{font:400 clamp(22px,2.1vw,29px)/1.15 Georgia,serif;letter-spacing:-.025em}
.concierge-invitation small{grid-column:1;font:12px/1.4 Arial,sans-serif;letter-spacing:.025em;color:#62503a;margin-top:5px}
.ledge-pen{grid-column:2;grid-row:1 / 3;display:block;width:27px;height:27px;fill:none;stroke:#7c582b;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.concierge-composer{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translateX(-50%);width:min(520px,100%);box-sizing:border-box;padding:20px;border:1px solid #b38a4970;border-top:2px solid #e3c084;border-radius:16px 16px 4px 4px;background:linear-gradient(135deg,#19282ff7,#06151dfc);box-shadow:0 15px 45px #0008,inset 0 1px #fff3c62b;max-height:calc(100svh - 13rem);overflow:auto;scrollbar-width:thin;scrollbar-color:#ac8b54 #071720}
.concierge-dismiss{position:absolute;right:8px;top:5px;width:36px;height:36px;border:0;background:none;color:#ebd4aa;font:26px/1 Arial;cursor:pointer}
.concierge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:18px}
.concierge-engraving{display:block;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e7c789}
.stage-concierge label{display:block;margin:7px 0 0;font:400 24px/1.15 Georgia,serif;letter-spacing:-.02em;text-transform:none;color:#fff3d8}
.concierge-welcome{margin:8px 0 12px;font:13px/1.5 Arial,sans-serif;color:#c8d6d9}
.stage-concierge button:focus-visible,.stage-concierge a:focus-visible{outline:2px solid #ffe3a3;outline-offset:3px}
.stage-entry{grid-template-columns:minmax(0,1fr) auto;margin-top:12px;border:1px solid #b3955a8c;border-radius:6px;background:#020e16;box-shadow:inset 0 2px 10px #000b;backdrop-filter:none;align-items:center}
.stage-entry textarea{width:100%;box-sizing:border-box;min-width:0;resize:vertical;min-height:72px;max-height:140px;padding:12px;border:0;outline:0;color:#fff9ee;background:transparent;font:16px/1.45 Arial,sans-serif}
.stage-entry textarea::placeholder{color:#a8bbbf}
.stage-entry:focus-within{border-color:#ffe0a0}
.stage-entry button[type="submit"]{min-width:0;min-height:48px;padding:8px 12px;margin:5px;border:1px solid #f8d997;border-radius:3px;font:700 12px/1.2 Arial,sans-serif;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#ffe9b4,#c89a4c);color:#211909}
.stage-entry button[type="submit"] span{display:block;margin-top:3px;font-size:19px}
.stage-concierge.is-guiding .stage-entry{box-shadow:inset 0 2px 10px #000b}
.stage-concierge button:disabled{cursor:wait;opacity:.65}
.concierge-starters{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;margin-top:7px;font:12px Arial,sans-serif;color:#a9bfc4}
.concierge-starters button,.concierge-foot button,#stage-fold{min-height:32px;padding:5px 0;border:0;background:none;color:#efd197;font:12px/1.3 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.concierge-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;color:#b5c6ca;font:11px/1.5 Arial,sans-serif}
.stage-conversation{margin-top:12px;max-height:30svh;overflow:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin}
.concierge-receipt{margin:0 0 10px;padding-left:10px;border-left:2px solid #c4a366;color:#b9cbd0;font:italic 13px/1.45 Georgia,serif;overflow-wrap:anywhere}
.stage-concierge .stage-answer{margin:6px 0;min-height:0;max-height:none;color:#f2eee5;font:14px/1.55 Arial,sans-serif;text-shadow:none;white-space:pre-line;overflow-wrap:anywhere}
.concierge-question{margin:12px 0 4px;color:#ffe2a5;font:600 17px/1.4 Georgia,serif}
.stage-work{padding-top:10px;margin-top:10px}.stage-work-kicker{color:#d8bd85;font-size:10px;letter-spacing:.07em}.stage-work strong{margin:6px 0;font:400 20px/1.25 Georgia,serif}.stage-work p{color:#ccd9dc;font:13px/1.5 Arial,sans-serif;white-space:pre-line;overflow-wrap:anywhere}.stage-work-next{display:grid;gap:4px;margin:8px 0 10px;padding:0;list-style:none;color:#f4e4c7;font:12px/1.45 Arial,sans-serif}.stage-work-next li::before{content:'✓';margin-right:7px;color:#83e5ff;font-weight:900}.stage-work-next.is-review-list{gap:8px}.stage-work-next .stage-review-group{display:block;margin:0;padding:8px 9px;border:1px solid rgba(226,190,118,.26);border-radius:12px;background:linear-gradient(135deg,rgba(255,235,184,.08),rgba(5,18,25,.42));box-shadow:inset 0 1px rgba(255,255,255,.06)}.stage-work-next .stage-review-group::before{display:none}.stage-work-next .stage-review-group>strong{display:block;margin:0 0 4px;color:#f6d58f;font:900 9px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.stage-work-next .stage-review-group ul{display:grid;gap:3px;margin:0;padding:0;list-style:none}.stage-work-next .stage-review-group li{color:#f8eee0;font:12px/1.35 Arial,sans-serif}.stage-work-next .stage-review-group li::before{content:'•';margin-right:6px;color:#83e5ff}.stage-work-next .stage-review-group.is-held{border-color:rgba(255,206,126,.42);background:linear-gradient(135deg,rgba(255,197,103,.13),rgba(5,18,25,.45))}.stage-work-next .stage-review-group.is-missing{border-color:rgba(125,218,245,.38);background:linear-gradient(135deg,rgba(98,190,222,.13),rgba(5,18,25,.45))}.stage-work a{display:inline-block;margin-top:6px;padding:9px 0;font:700 14px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none}.stage-save{min-height:40px;font:12px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}
.stage-concierge [hidden]{display:none!important}
body.reading .stage-concierge,body.reading .stage-concierge:focus-within{opacity:1;pointer-events:auto;transform:translateX(-50%)}
.screen .screen-guidance{background:linear-gradient(140deg,#020b13f5,#0b1c2de8);padding:5% 6%;gap:3cqw;overflow:hidden}
.screen .screen-guidance small{font:700 clamp(8px,2.3cqw,11px)/1.2 Arial,sans-serif;letter-spacing:.12em;color:#edcf96}
.screen .screen-guidance strong{max-width:100%;font:400 clamp(17px,5.8cqw,30px)/1.08 Georgia,serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.screen #screen-guidance-copy{display:block;max-width:100%;font:400 clamp(14px,4.5cqw,23px)/1.25 Georgia,serif;overflow-wrap:anywhere}
.screen #screen-guidance-copy:empty{display:none}
.screen .screen-guidance em{padding-top:2cqw;font:600 clamp(9px,2.7cqw,13px)/1.2 Arial,sans-serif;letter-spacing:.02em;text-transform:none;border-color:#e5c99180}

.concierge-foot .stage-voice{position:static;flex-shrink:0;min-height:44px;padding:4px 8px;border:1px solid #d4b27866;border-radius:4px;text-decoration:none;color:#ffe3b0;background:#172830;font:12px/1.3 Arial,sans-serif;cursor:pointer}
.concierge-foot .stage-voice::before,.concierge-foot .stage-voice::after{display:none}
.concierge-foot .stage-voice.is-listening{background:#68422b;outline:2px solid #f4d59b}
@media(max-width:700px){.stage-concierge{left:0;right:0;bottom:0;transform:none;width:auto}.concierge-ledge{padding:13px 16px calc(12px + env(safe-area-inset-bottom));min-height:76px;border-radius:50% 50% 0 0 / 15px 15px 0 0}.concierge-invitation{padding:2px 12px;column-gap:16px}.concierge-invitation span{font-size:23px}.concierge-invitation small{font-size:11px}.ledge-pen{width:24px;height:24px}.concierge-composer{padding:18px 16px;bottom:calc(100% - 1px);width:calc(100% - 18px);max-height:calc(100svh - 12rem)}.stage-concierge label{font-size:22px}.stage-conversation{max-height:24svh}body.reading .stage-concierge,body.reading .stage-concierge:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){.stage-concierge{transition:none}}

/* /lighthouse-rooms.css */
/* The lantern is the entrance; the conversation lives inside the Lighthouse. */
body>.stage-concierge,.harbor>.stage-concierge{display:none}
.screen-arrival-choices{position:absolute;z-index:6;left:21.4%;top:18.25%;width:57.2%;height:10.55%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 5%;container-type:inline-size;color:#fff3d8;background:linear-gradient(135deg,#04111bf5,#172b39ed);border-radius:4% 4% 3% 3% / 8% 8% 6% 6%;text-align:center}
.screen-arrival-choices[hidden]{display:none}
.screen-arrival-choices small{font:600 clamp(8px,2cqw,11px)/1.2 Arial;letter-spacing:.15em;text-transform:uppercase;color:#e8c78d}
.screen-arrival-choices strong{font:400 clamp(19px,6cqw,32px)/1.1 Georgia}
.screen-arrival-choices button{border:0;border-top:1px solid #c5a57088;background:none;color:#fff6df;padding:8px 0;cursor:pointer;font:400 clamp(15px,4.7cqw,23px)/1.1 Georgia}
.screen-arrival-choices button span{display:block;color:#dbc69e;font:11px/1.3 Arial;margin-top:4px}
.screen-arrival-choices button:focus-visible{outline:2px solid #f5dba1;outline-offset:2px}
.lighthouse-rooms{position:fixed;inset:0;z-index:40;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#100d09;color:#fff3dd;overflow:hidden;font-family:Georgia,serif}
.lighthouse-rooms::backdrop{background:#050a10}
.room-scene,.room-shade{position:absolute;inset:0;pointer-events:none}
.room-scene img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .85s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);min-height:0}
.room-lobby-image{opacity:1;object-position:center;transform:scale(1.12);transform-origin:30% 60%}
.room-desk-image{opacity:0;object-position:center;transform:scale(1.06)}
.lighthouse-rooms[data-room="desk"] .room-lobby-image{opacity:0;transform:scale(1.45);transform-origin:80% 30%}
.lighthouse-rooms[data-room="desk"] .room-desk-image{opacity:1;transform:scale(1)}
.room-shade{background:linear-gradient(180deg,#080b0e99,transparent 33%),linear-gradient(90deg,transparent 30%,#100d09a8 72%,#100d09e6);transition:background .6s}
.lighthouse-rooms[data-room="desk"] .room-shade{background:linear-gradient(180deg,#080b0e99,transparent 33%,transparent 50%,#170e079c)}
.room-heading{position:absolute;z-index:1;top:clamp(28px,5vh,52px);left:clamp(24px,5vw,72px);right:25%;text-shadow:0 2px 12px #000}
.room-heading>span{color:#efce91;font:700 10px/1.4 Arial;letter-spacing:.2em;text-transform:uppercase}
.room-heading h1{font:400 clamp(28px,3.7vw,54px)/1.1 Georgia;letter-spacing:-.035em;margin:12px 0}
.room-heading p{font:16px/1.5 Georgia;max-width:36rem;margin:0;color:#ecdfc7}
.room-exit{position:absolute;z-index:5;top:26px;right:30px;color:#fff0d4;background:#100d0966;border:0;border-bottom:1px solid #ba9b62;padding:12px;font:12px Arial;cursor:pointer}
.room-exit span{margin-left:12px;font-size:22px}
.room-navigation{position:absolute;z-index:4;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px;color:#b2915c}
.room-navigation button{border:0;border-bottom:1px solid #cfb07588;padding:12px 0;background:none;color:#e7d7b9;font:12px/1.2 Arial;cursor:pointer;text-shadow:0 2px 8px #000}
.room-navigation button[aria-current="true"]{color:#fff5d8;border-color:#ffdc96}
.room-transition{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#15100b;opacity:0;pointer-events:none}
.room-transition span{font:italic clamp(24px,3vw,38px) Georgia;color:#f3d6a4}
.lighthouse-rooms.is-travelling .room-transition{animation:room-crossing 1.25s ease both}
.lighthouse-rooms.is-travelling .room-lobby-image{transform:scale(1.3)}
@keyframes room-crossing{0%{opacity:0}35%,55%{opacity:.94}100%{opacity:0}}
.lobby-conversation{position:absolute;z-index:2;right:clamp(24px,5vw,72px);width:min(460px,39vw);top:27vh;bottom:88px;display:flex;align-items:flex-end}
.lobby-conversation .stage-concierge{display:block;position:static;transform:none!important;width:100%;color:#fff2dc;max-height:100%;overflow:auto;scrollbar-width:thin}
.lobby-conversation .concierge-ledge,.lobby-conversation .concierge-dismiss{display:none}
.lobby-conversation .concierge-composer{position:static;display:block!important;transform:none;width:100%;max-height:none;overflow:visible;border:0;border-radius:0;padding:24px 0;background:none;box-shadow:none}
.lobby-conversation .concierge-heading{padding:0}.lobby-conversation .concierge-engraving{font-size:10px;color:#edcd94}
.lobby-conversation .stage-concierge label{font-size:32px;color:#fff6e6;margin-top:10px}
.lobby-conversation .concierge-welcome{font:18px/1.5 Georgia;color:#f0e5d1}
.lobby-conversation .stage-entry{border:0;border-bottom:1px solid #d9b57c;border-top:1px solid #d9b57c;border-radius:0;background:#1b130ba8;box-shadow:none}
.lobby-conversation .stage-entry textarea{font:17px/1.5 Georgia;padding:14px 10px;min-height:88px}
.lobby-conversation .stage-conversation{max-height:35vh;margin-top:16px}
.lobby-conversation .stage-answer{font:20px/1.5 Georgia;color:#fff4df}
.lobby-conversation .concierge-question{font:22px/1.35 Georgia;color:#ffdf9d}
.lobby-conversation .concierge-foot{flex-wrap:wrap;color:#d6c7ae}
.lobby-conversation .concierge-foot .stage-voice{background:#3b2816;color:#ffe7b5;border-color:#b89058}
.upstairs-desk{position:absolute;z-index:2;inset:0;pointer-events:none}
.upstairs-desk>*{pointer-events:auto}
.desk-directory{position:absolute;left:50%;transform:translateX(-50%);bottom:10vh;width:min(780px,78vw);text-align:center;text-shadow:0 2px 6px #160c04}
.desk-inscription{font:700 10px/1.3 Arial;letter-spacing:.22em;color:#e8c086}
.desk-directory h2{font:400 clamp(23px,2.6vw,36px)/1.1 Georgia;margin:10px 0 18px;color:#fff0d4}
#desk-destinations{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px}
#desk-destinations button{border:0;border-bottom:1px solid #b48b4e;background:none;padding:10px 0;font:16px/1.25 Georgia;color:#ffe9c1;cursor:pointer;text-shadow:0 2px 4px #000}
.desk-directory p{font:12px/1.4 Arial;color:#cfba97;margin-top:18px}
.desk-workspace{position:absolute;inset:19vh 5vw 9vh;border:1px solid #ab8449;border-radius:4px;background:#f5eddf;box-shadow:0 15px 60px #0009;overflow:hidden}
.desk-workspace-heading{height:50px;box-sizing:border-box;display:flex;gap:15px;align-items:center;justify-content:space-between;background:linear-gradient(#322115,#1f150f);border-bottom:1px solid #b98c4e;padding:0 18px;color:#ffe5b5}
.desk-workspace-heading button,.desk-workspace-heading a{background:none;border:0;color:#efcea1;font:12px Arial;text-decoration:none;cursor:pointer;padding:10px 0}
.desk-workspace-heading>span{min-width:0;display:grid;gap:2px;text-align:center}
.desk-workspace-heading strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desk-workspace-heading em{display:block;max-width:min(620px,48vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfba97;font:11px/1.25 Arial;font-style:normal}
#desk-frames{height:calc(100% - 50px)}#desk-frames iframe{display:block;border:0;width:100%;height:100%;background:#f5eddf}#desk-frames iframe[hidden]{display:none}
.lighthouse-rooms [hidden]{display:none!important}
.lighthouse-rooms button:focus-visible,.lighthouse-rooms a:focus-visible{outline:2px solid #ffe3a0;outline-offset:4px}
@media(max-width:700px){.screen-arrival-choices{padding:3% 4%;gap:5px}.screen-arrival-choices strong{font-size:20px}.screen-arrival-choices button{padding:6px 0;font-size:16px}.screen-arrival-choices button span{font-size:10px}.room-heading{top:72px;left:24px;right:24px}.room-heading h1{font-size:29px;margin:9px 0}.room-heading p{font-size:14px}.room-exit{top:14px;right:16px;padding:7px;font-size:11px}.room-lobby-image{object-position:35% center}.room-desk-image{object-position:48% center}.room-shade{background:linear-gradient(180deg,#100d0966,transparent 20%,#100d0980 40%,#100d09f2 90%)}.lobby-conversation{left:24px;right:24px;width:auto;top:31vh;bottom:78px}.lobby-conversation .stage-concierge label{font-size:26px}.lobby-conversation .stage-answer{font-size:18px}.lobby-conversation .stage-conversation{max-height:29vh}.lobby-conversation .concierge-composer{padding:12px 0}.room-navigation{bottom:12px;gap:14px}.room-navigation button{font-size:10px;min-height:44px}.desk-directory{bottom:11vh;width:86vw}.desk-directory h2{font-size:26px}#desk-destinations{gap:4px 18px}#desk-destinations button{font-size:15px;padding:8px 0}.desk-directory p{font-size:11px}.lighthouse-rooms[data-room="desk"] .room-shade{background:linear-gradient(#100d0977,transparent 30%,#140c0577 50%,#140c05ed)}.desk-workspace{inset:22vh 10px 9vh}.desk-workspace-heading{padding:0 12px;gap:8px}.desk-workspace-heading strong{font-size:13px}.desk-workspace-heading a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.room-scene img{transition:none}.lighthouse-rooms.is-travelling .room-transition{animation:none}}

.lighthouse-rooms{overflow:clip}

.screen-arrival-choices{background:linear-gradient(135deg,#04111b,#172b39)}

@media(max-width:700px){.desk-workspace{top:max(230px,27vh)}}
@media(max-height:550px){.room-heading{top:18px}.room-heading h1{font-size:23px;margin:8px 0}.room-heading p{display:none}.room-heading>span{font-size:8px}.lobby-conversation{top:100px;bottom:60px}.desk-workspace{top:110px;bottom:60px}.desk-directory{top:110px;bottom:65px;overflow:auto}.room-navigation{bottom:4px}}

@media(max-width:700px){.screen-arrival-choices{padding:4px 4%;gap:2px}.screen-arrival-choices small{display:none}.screen-arrival-choices button{padding:5px 0}}

/* Cinematic room polish: make the inside feel like a place, not a menu. */
.lighthouse-rooms::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 22% 73%,rgba(255,205,118,.16),transparent 21%),radial-gradient(circle at 77% 42%,rgba(122,209,238,.12),transparent 24%);mix-blend-mode:screen}
.lighthouse-rooms[data-room="desk"]::before{background:radial-gradient(circle at 48% 74%,rgba(255,210,130,.18),transparent 24%),radial-gradient(circle at 30% 18%,rgba(122,209,238,.10),transparent 22%)}
.room-lobby-guide{position:absolute;z-index:2;left:clamp(24px,5vw,72px);bottom:clamp(86px,11vh,128px);width:min(360px,31vw);padding:18px 19px 17px;color:#fff1d4;background:linear-gradient(135deg,rgba(19,12,7,.72),rgba(38,24,12,.46));border:1px solid rgba(226,186,111,.42);border-left:2px solid rgba(255,214,143,.82);box-shadow:0 20px 58px rgba(0,0,0,.32);backdrop-filter:blur(9px);text-shadow:0 2px 12px #000}
.lighthouse-rooms[data-room="desk"] .room-lobby-guide{display:none}
.room-guide-kicker{display:block;margin-bottom:11px;color:#efce91;font:800 10px/1.2 Arial;letter-spacing:.21em;text-transform:uppercase}
.room-lobby-guide ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:guide}
.room-lobby-guide li{counter-increment:guide;display:grid;grid-template-columns:auto 1fr;gap:10px 11px;align-items:start}
.room-lobby-guide li::before{content:counter(guide,decimal-leading-zero);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#170d06;background:linear-gradient(#ffe8b5,#dca94e);font:900 10px/1 Arial;box-shadow:0 0 22px rgba(233,184,86,.26)}
.room-lobby-guide strong{display:block;color:#fff7df;font:700 15px/1.2 Georgia}
.room-lobby-guide span:not(.room-guide-kicker){display:block;margin-top:2px;color:#e2d2b5;font:12px/1.42 Arial}
.lobby-conversation .concierge-composer{position:relative;padding:24px 22px;background:linear-gradient(145deg,rgba(15,10,6,.54),rgba(47,30,16,.32));border:1px solid rgba(228,190,118,.34);box-shadow:0 20px 70px rgba(0,0,0,.24)}
.lobby-conversation .concierge-composer::before{content:'Concierge lobby';position:absolute;right:18px;top:-11px;padding:5px 9px;color:#1b1008;background:linear-gradient(#ffe7b1,#dca94f);font:900 9px/1 Arial;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 24px rgba(238,194,110,.24)}
.lobby-conversation .stage-entry{background:linear-gradient(180deg,rgba(23,17,11,.92),rgba(8,21,31,.76))}
.lobby-conversation .stage-entry button[type="submit"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 26px rgba(229,184,94,.18)}
.desk-directory{width:min(1040px,84vw);bottom:clamp(76px,8vh,104px);padding:22px 24px 24px;background:linear-gradient(135deg,rgba(13,11,9,.65),rgba(35,24,15,.38));border:1px solid rgba(231,194,118,.42);border-top:2px solid rgba(255,221,157,.65);box-shadow:0 24px 80px rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.desk-directory h2{margin-bottom:8px}
.desk-lead,.desk-directory p.desk-lead{max-width:680px;margin:0 auto 19px;color:#eadcc5;font:14px/1.48 Georgia;text-shadow:0 2px 10px #000}
.desk-promise{max-width:720px;margin:-6px auto 18px;color:#f5d18f!important;font:800 10px/1.45 Arial!important;letter-spacing:.12em;text-transform:uppercase}
#desk-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#desk-destinations .desk-room-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;min-height:126px;padding:13px 12px 12px;border:1px solid rgba(232,196,124,.36);border-radius:10px;background:linear-gradient(145deg,rgba(12,22,30,.82),rgba(42,27,15,.62));color:#fff1d4;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}
#desk-destinations .desk-room-card:hover,#desk-destinations .desk-room-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,219,147,.9);background:linear-gradient(145deg,rgba(18,35,46,.92),rgba(69,43,19,.76))}
.desk-more-rooms{grid-column:1/-1;margin-top:2px;border:1px solid rgba(232,196,124,.34);border-radius:10px;background:linear-gradient(135deg,rgba(9,20,29,.72),rgba(34,22,14,.48));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.desk-more-rooms summary{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;color:#fff4d5;cursor:pointer;font:900 10px/1 Arial;letter-spacing:.14em;text-transform:uppercase}
.desk-more-rooms summary span{color:#8fe8ff;font-weight:800}
.desk-more-rooms[open] summary{border-bottom:1px solid rgba(232,196,124,.26)}
.desk-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;background:rgba(4,13,20,.34)}
.desk-more-grid .desk-room-card{min-height:auto!important}
.desk-room-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#07131b;background:linear-gradient(#d9f7ff,#70dfff);font:900 10px/1 Arial;box-shadow:0 0 18px rgba(104,223,255,.22)}
.desk-room-copy{display:block}
.desk-room-copy strong{display:block;margin:0 0 3px;color:#fff5da;font:700 17px/1.08 Georgia;letter-spacing:-.02em;text-shadow:0 2px 7px #000}
.desk-room-copy small{display:block;margin-bottom:8px;color:#efcb82;font:900 9px/1.15 Arial;letter-spacing:.14em;text-transform:uppercase}
.desk-room-copy em{display:block;color:#d9ccaf;font:12px/1.38 Arial;font-style:normal;text-shadow:0 2px 7px #000}
.desk-room-copy b{display:block;margin-top:8px;color:#91e5ff;font:800 10px/1.35 Arial;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 7px #000}
.room-navigation{padding-inline:20px}
.room-navigation button{background:rgba(8,15,22,.38);padding:12px 16px;border:1px solid rgba(207,176,117,.28);border-radius:999px}
.room-navigation button[aria-current="true"]{background:rgba(232,192,109,.16)}
@media(max-width:980px){#desk-destinations,.desk-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-directory{width:min(760px,86vw);max-height:58vh;overflow:auto}}

/* Keep the first row of the upstairs directory in view as the room list grows. */
@media(min-width:981px){
  .desk-directory{
    top:clamp(168px,20vh,210px);
    bottom:clamp(68px,7vh,86px);
    max-height:none;
    overflow:auto;
    scrollbar-color:rgba(239,206,145,.72) rgba(8,15,22,.32);
    scrollbar-width:thin;
  }
  .desk-directory::after{
    content:'';
    position:sticky;
    display:block;
    left:0;
    right:0;
    bottom:-24px;
    height:18px;
    margin:6px -24px -24px;
    pointer-events:none;
    background:linear-gradient(transparent,rgba(13,11,9,.92));
  }
}
@media(max-width:700px){.room-lobby-guide{display:none}.lobby-conversation .concierge-composer{padding:16px 14px}.lobby-conversation .concierge-composer::before{right:12px;font-size:8px}.desk-directory{top:clamp(190px,30vh,260px);bottom:70px;width:calc(100vw - 32px);padding:15px 14px;max-height:none;overflow:auto}.desk-directory h2{font-size:24px;margin-bottom:8px}.desk-lead,.desk-directory p.desk-lead{font-size:12px;margin-bottom:12px}.desk-promise{font-size:8px!important;margin:-2px auto 11px}#desk-destinations,.desk-more-grid{grid-template-columns:1fr;gap:8px}#desk-destinations .desk-room-card{min-height:auto;padding:11px 10px}.desk-more-rooms summary{display:grid;gap:6px;font-size:9px}.desk-room-copy strong{font-size:16px}.desk-room-copy small{margin-bottom:4px}.desk-room-copy em{font-size:11px}.desk-room-copy b{font-size:9px;margin-top:5px}.desk-workspace-heading em{display:none}.room-navigation button{padding:10px 12px}}
@media(max-height:650px){.room-lobby-guide{display:none}.desk-directory{top:110px;bottom:64px;max-height:none;overflow:auto}#desk-destinations .desk-room-card{min-height:auto}.desk-room-copy em{display:none}}

@media(max-width:700px){
  .lobby-conversation{left:16px;right:16px;width:calc(100vw - 32px);max-width:none;overflow:visible;}
  .lobby-conversation .stage-concierge{width:100%;max-width:100%;min-width:0;overflow:hidden;}
  .lobby-conversation .concierge-composer{box-sizing:border-box;width:100%;max-width:100%;}
  .lobby-conversation .stage-entry{grid-template-columns:1fr;overflow:hidden;}
  .lobby-conversation .stage-entry textarea{box-sizing:border-box;width:100%;min-width:0;min-height:76px;}
  .lobby-conversation .stage-entry button[type="submit"]{width:100%;min-width:0;padding:12px 10px;}
  .lobby-conversation .concierge-foot{display:grid;grid-template-columns:1fr;gap:8px;}
  .lobby-conversation .concierge-foot .stage-voice{width:max-content;padding:10px 14px;}
}

.room-lobby-guide li::before{grid-row:1 / span 2;}
.room-lobby-guide strong,.room-lobby-guide span:not(.room-guide-kicker){grid-column:2;}
.lobby-conversation,.lobby-conversation *{box-sizing:border-box;}
.lobby-conversation .stage-concierge{max-width:100%;min-width:0;overflow-x:hidden;}
.lobby-conversation .concierge-composer{left:auto;right:auto;max-width:100%;min-width:0;overflow:hidden;}
.lobby-conversation .stage-entry{grid-template-columns:1fr auto;max-width:100%;overflow:hidden;}
.lobby-conversation .stage-entry textarea{width:100%;min-width:0;}
.lobby-conversation .concierge-foot{max-width:100%;gap:9px 12px;overflow:hidden;}
.lobby-conversation .concierge-foot span{min-width:0;}
/* The lobby composer is reused inside a much tighter phone room, so its text needs to wrap instead of clipping. */
.lobby-conversation .concierge-heading{display:block;min-width:0;padding-right:0;}
.lobby-conversation .stage-concierge label{max-width:100%;overflow:visible;overflow-wrap:normal;word-break:normal;}
.lobby-conversation .concierge-foot span{overflow-wrap:anywhere;}
@media(max-width:700px){
  .lighthouse-rooms[data-room="lobby"] .room-heading p{display:none;}
  .lobby-conversation{left:14px;right:14px;width:calc(100vw - 28px);top:29vh;bottom:72px;}
  .lobby-conversation .stage-concierge{overflow:auto;}
  .lobby-conversation .concierge-composer{overflow:visible;padding:16px 13px 14px;background:linear-gradient(145deg,rgba(15,10,6,.9),rgba(47,30,16,.78));}
  .lobby-conversation .concierge-engraving{font-size:8px;letter-spacing:.12em;}
  .lobby-conversation .stage-concierge label{font-size:clamp(21px,7vw,24px);line-height:1.08;margin-top:6px;}
  .lobby-conversation .concierge-welcome{font-size:13px;line-height:1.38;margin:8px 0 10px;}
  .lobby-conversation .stage-entry{display:grid;grid-template-columns:1fr;gap:0;overflow:visible;}
  .lobby-conversation .stage-entry textarea{min-height:74px;padding:12px 10px;}
  .lobby-conversation .stage-entry button[type="submit"]{width:100%;margin:0;border-radius:0 0 4px 4px;}
  .lobby-conversation .concierge-foot{overflow:visible;}
}
@media(min-width:701px){
  .lobby-conversation{width:min(500px,34vw);right:clamp(24px,4vw,58px);}
  .room-lobby-guide{width:min(360px,30vw);}
}

.room-lobby-guide .room-guide-steps{display:grid;gap:10px;margin:0;padding:0;}
.room-lobby-guide .room-guide-step{display:grid;grid-template-columns:30px 1fr;gap:2px 11px;align-items:start;}
.room-lobby-guide .room-guide-number{grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#170d06;background:linear-gradient(#ffe8b5,#dca94e);font:900 10px/1 Arial;box-shadow:0 0 22px rgba(233,184,86,.26);}
.room-lobby-guide .room-guide-step strong{grid-column:2;}
.room-lobby-guide .room-guide-step span:not(.room-guide-number){grid-column:2;}

/* /lighthouse-world-film.css */
/* Keep the approved aperture and tower geometry. */
.screen.has-intro video,.screen video { object-fit:cover; transform:none; animation:none; filter:none; }
.screen .screen-intro { display:none; }
.screen .screen-brand { opacity:0; }
body.phone-video-fallback .screen video { opacity:1; }
.film-tools { position:fixed; top:7.7rem; right:clamp(1rem,4vw,4rem); z-index:5; display:grid; grid-template-columns:auto 44px auto; gap:.3rem; align-items:center; }
.film-sound-hint { grid-column:1 / -1; margin:0; color:#fff0ce; font:400 11px/1.4 Arial,sans-serif; text-shadow:0 1px 5px #000; }
.film-sound-hint[hidden] { display:none; }
.film-tools button { min-height:44px; border:1px solid #d7b46b80; border-radius:3px; background:#061722eb; color:#fff0ce; cursor:pointer; padding:.55rem .8rem; font:600 11px/1.3 Arial,sans-serif; letter-spacing:.02em; }
.film-tools button:hover { background:#20333f; border-color:#efc780; }
.film-tools button:focus-visible,.film-cinema-actions button:focus-visible,.film-cinema-actions a:focus-visible { outline:3px solid #f5d698; outline-offset:3px; }
.film-tools small { display:block; font-size:10px; font-weight:400; color:#d7e3e7; }
.film-tools [data-film-toggle] { min-width:44px; font-size:16px; }
.cinema { display:block; width:100%; height:100dvh; max-width:100%; max-height:100dvh; padding:16px; border:0; margin:0; box-sizing:border-box; z-index:30; overflow:auto; background:#020a10f7; }
.cinema::backdrop { background:#010608f2; }
.cinema .cinema-stage { width:min(1180px,100%); min-width:0; margin:0 auto; animation:none; }
.cinema .cinema-stage::after { display:none; }
.cinema-frame { width:min(100%,calc(55dvh * 2.16216)); margin:0 auto; background:#02080d; aspect-ratio:1280/592; clear:both; }
.cinema .cinema-stage video { aspect-ratio:1280/592; object-fit:contain; border:0; border-radius:0; box-shadow:0 0 0 1px #c09b5b80,0 20px 100px #000; }
.cinema .cinema-close { position:relative; float:right; top:auto; right:auto; width:44px; height:44px; margin-bottom:8px; font-size:24px; }
.film-cinema-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.film-cinema-actions button,.film-cinema-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.5rem .85rem; border:1px solid #a88a5480; border-radius:3px; background:#0a1c26; color:#fff1d0; font:600 13px/1.3 Arial,sans-serif; text-decoration:none; cursor:pointer; }
.film-cinema-actions [data-visit] { background:#ead19b; border-color:#ead19b; color:#14212a; }
.cinema .cinema-label { margin:.6rem 0 0; font:500 15px/1.6 Georgia,serif; }
.cinema .cinema-label span { font-size:11px; }
.film-status { min-height:1.6em; margin:.5rem 0 0; color:#dfe9ed; text-align:center; font:400 13px/1.5 Arial,sans-serif; }
.film-status:empty { display:none; }
.film-notice { color:#c3ccd2; text-align:center; font:400 11px/1.6 Arial,sans-serif; margin:.75rem auto 0; max-width:44rem; }
.film-transcript { max-width:56rem; margin:2rem auto 0; padding:1rem; border-top:1px solid #d5b77b70; color:#fff4df; font:400 16px/1.7 Arial,sans-serif; }
.film-transcript summary { cursor:pointer; min-height:44px; }
.film-transcript ol { padding-left:1.5rem; }
.film-transcript li { margin:.8rem 0; }
.broadcast-endcard {
 opacity:0; transform:scale(.985); transition:opacity .9s ease,transform 1.1s ease;
 background:radial-gradient(circle at 50% 20%,rgba(43,105,131,.72),transparent 58%),linear-gradient(145deg,#020b13fa,#092231f7);
 box-shadow:inset 0 0 0 1px rgba(237,200,126,.32),inset 0 0 28px #000b;
}
.broadcast-endcard.broadcast-visible { opacity:1; transform:none; }
.broadcast-endcard .broadcast-endcard-copy { color:#c9dce3; font:700 clamp(7px,1.75cqw,10px)/1.2 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.broadcast-endcard button { border-top-color:#e2bd77aa; color:#ffeac0; font-weight:600; }
.screen.broadcast-ready { box-shadow:inset 0 0 0 1px rgba(237,200,126,.4),0 0 28px rgba(97,212,242,.2); }
.cinema.broadcast-playing .cinema-frame { width:min(1480px,100%); max-height:none; aspect-ratio:auto; min-height:calc(100dvh - 150px); border:1px solid rgba(229,184,94,.46); background:#02080d; box-shadow:0 20px 100px #000; }
.cinema.broadcast-playing .cinema-frame iframe { display:block; width:100%; height:calc(100dvh - 150px); min-height:620px; border:0; background:#02080d; }
.cinema.broadcast-playing .cinema-label,.cinema.broadcast-playing .film-status,.cinema.broadcast-playing .film-notice { display:none; }
.cinema.broadcast-playing .film-cinema-actions { margin-top:.55rem; }
.cinema.broadcast-playing [data-film-sound],.cinema.broadcast-playing [data-visit] { display:none; }
.cinema.broadcast-playing [data-film-replay]::after { content:'\00a0the film'; }
.patio-foreground { display:none; }
@media(min-width:701px) {
 .arrival-summary { width:min(24rem,calc(46vw - min(22.022vw,227.37px) - 1rem)); }
}
@media(max-width:700px) {
 /* The phone first-view should explain Lighthouse before the visitor reaches the tower. */
 .harbor { --phone-tower-width:min(96vw,490px); grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; align-items:start; justify-items:center; height:auto; min-height:100svh; padding-top:1rem; row-gap:.55rem; align-content:start; background:#061521 url('/assets/lighthouse-harbor-mobile-clean.webp') center top / cover scroll no-repeat; }
 body.orientation-playing .harbor { --phone-tower-width:min(126vw,620px); }
 .harbor.harbor-live-ready { background:#061521 url('/assets/lighthouse-harbor-mobile-clean.webp') center top / cover scroll no-repeat; }
 .harbor-live-scene,.harbor-live-life { display:none!important; }
 .harbor::before,.harbor::after { position:absolute; inset:0; }
 .harbor::after { background:linear-gradient(180deg,rgba(1,8,13,.10),transparent 36%,rgba(39,20,6,.02) 54%,rgba(232,179,103,.16) 82%,rgba(255,220,157,.20)),radial-gradient(ellipse at 50% 87%,rgba(255,223,171,.22),rgba(190,128,65,.14) 32%,transparent 66%); }
 .harbor > .brand { position:relative; inset:auto; transform:none; width:min(14rem,64vw); grid-area:1 / 1; margin-bottom:.08rem; }
 .film-tools { position:relative; inset:auto; box-sizing:border-box; width:calc(100% - 1.5rem); max-width:26rem; grid-template-columns:minmax(0,1fr) 44px minmax(0,5.7rem); gap:.35rem; margin:0 auto; grid-area:2 / 1; }
 .harbor > .arrival-summary { position:relative; inset:auto; box-sizing:border-box; grid-area:3 / 1; align-self:start; margin:.1rem auto .45rem; width:calc(100% - 1.5rem); max-width:26rem; transform:none; overflow:hidden; }
 .harbor > .arrival-summary { backdrop-filter:none; }
 .harbor > .lighthouse-stage { grid-area:4 / 1; }
 .lighthouse-stage > .stage-artwork { position:relative; z-index:2; }
 .patio-foreground { --patio-width:min(100vw,520px); position:absolute; z-index:1; left:50%; bottom:-.2%; display:block; width:var(--patio-width); height:36%; transform:translateX(-50%); pointer-events:none; background:url('/assets/lighthouse-harbor-mobile-clean.webp') center bottom / 100% auto no-repeat; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 100%),linear-gradient(90deg,#000 0,#000 18%,transparent 32%,transparent 68%,#000 82%,#000 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 100%),linear-gradient(90deg,#000 0,#000 18%,transparent 32%,transparent 68%,#000 82%,#000 100%); mask-composite:intersect; }
 .film-tools button { min-width:0; max-width:100%; font-size:12px; padding:.45rem .5rem; overflow-wrap:anywhere; }
 .film-sound-hint { text-align:center; }
 .film-tools [data-film-toggle] { font-size:14px; }
 .cinema { padding:12px; }
 .cinema .cinema-stage { width:100%; }
 .film-cinema-actions { gap:.4rem; margin-top:.9rem; }
 .film-cinema-actions button,.film-cinema-actions a { font-size:12px; padding:.45rem .65rem; }
 .cinema .cinema-label { font-size:13px; }
 .cinema.broadcast-playing { padding:8px; }
 .cinema.broadcast-playing .cinema-frame,.cinema.broadcast-playing .cinema-frame iframe { min-height:calc(100dvh - 112px); height:calc(100dvh - 112px); }
}
@media(prefers-reduced-motion:reduce) { .cinema { transition:none; } }


html.force-phone-view body { background:#02070c; }
html.force-phone-view .harbor { width:min(100vw,430px); height:auto; min-height:100svh; margin:0 auto; --phone-tower-width:min(96vw,490px); grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; align-items:start; justify-items:center; padding-top:1rem; row-gap:.55rem; align-content:start; overflow:hidden; background:#061521 url('/assets/lighthouse-harbor-mobile-clean.webp') center top / cover scroll no-repeat; }
html.force-phone-view .harbor.harbor-live-ready { background:#061521 url('/assets/lighthouse-harbor-mobile-clean.webp') center top / cover scroll no-repeat; }
html.force-phone-view .harbor-live-scene,html.force-phone-view .harbor-live-life { display:none!important; }
html.force-phone-view .harbor::after { background:linear-gradient(180deg,rgba(1,8,13,.10),transparent 36%,rgba(39,20,6,.02) 54%,rgba(232,179,103,.16) 82%,rgba(255,220,157,.20)),radial-gradient(ellipse at 50% 87%,rgba(255,223,171,.22),rgba(190,128,65,.14) 32%,transparent 66%); }
html.force-phone-view .harbor::before,html.force-phone-view .harbor::after { position:absolute; inset:0; }
html.force-phone-view .harbor::before { background:radial-gradient(circle at 50% 28%,rgba(87,140,168,.14),transparent 48%); }
html.force-phone-view .harbor::after { background:linear-gradient(180deg,rgba(1,8,13,.12),transparent 48%,rgba(1,8,13,.04)); }
html.force-phone-view .brand { position:relative; inset:auto; transform:none; transform-origin:top left; width:min(14rem,64vw); grid-area:1 / 1; margin-bottom:.08rem; }
html.force-phone-view .arrival-note { display:none; }
html.force-phone-view .home { left:1rem; bottom:1rem; font-size:.49rem; }
html.force-phone-view .film-tools { position:relative; inset:auto; box-sizing:border-box; width:calc(100% - 1.5rem); max-width:26rem; grid-template-columns:minmax(0,1fr) 44px minmax(0,5.7rem); gap:.35rem; margin:0 auto; grid-area:2 / 1; }
html.force-phone-view .film-tools button { min-width:0; max-width:100%; font-size:12px; padding:.45rem .5rem; overflow-wrap:anywhere; }
html.force-phone-view .film-tools [data-film-toggle] { font-size:14px; }
html.force-phone-view .film-sound-hint { text-align:center; }
html.force-phone-view .harbor > .arrival-summary { position:relative; z-index:3; left:auto; right:auto; top:auto; bottom:auto; box-sizing:border-box; grid-area:3 / 1; align-self:start; margin:.1rem auto .45rem; width:calc(100% - 1.5rem); max-width:26rem; transform:none; overflow:hidden; border-left:0; border-top:1px solid rgba(229,184,94,.68); border-bottom:1px solid rgba(117,223,255,.22); background:linear-gradient(135deg,rgba(2,14,24,.9),rgba(6,31,47,.7)); box-shadow:0 1rem 2.4rem rgba(0,0,0,.28); backdrop-filter:none; }
html.force-phone-view .harbor > .arrival-summary span { margin-bottom:.32rem; font-size:.52rem; letter-spacing:.15em; }
html.force-phone-view .harbor > .arrival-summary p { font:600 .91rem/1.34 Georgia,serif; }
html.force-phone-view .harbor > .arrival-summary ul { display:grid; grid-template-columns:1fr; gap:.31rem; margin:.66rem 0 0; font-size:.58rem; line-height:1.34; letter-spacing:.045em; }
html.force-phone-view .harbor > .arrival-summary li:nth-child(n) { display:list-item; }
html.force-phone-view .harbor > .arrival-summary li::before { margin-right:.32rem; }
html.force-phone-view .harbor > .arrival-summary,html.force-phone-view .harbor > .arrival-summary * { min-width:0; max-width:100%; }
html.force-phone-view .harbor > .arrival-summary .plain-help { margin-top:.66rem; font-size:.7rem; line-height:1.35; }
html.force-phone-view .harbor > .arrival-summary .arrival-summary-actions { display:grid; grid-template-columns:1fr; gap:.52rem; margin-top:.72rem; }
html.force-phone-view .harbor > .arrival-summary .arrival-summary-actions button { min-width:0; width:100%; min-height:46px; padding:.58rem .4rem; font-size:.54rem; letter-spacing:.08em; white-space:normal; overflow-wrap:anywhere; }
html.force-phone-view .harbor > .lighthouse-stage { grid-area:4 / 1; width:min(94vw,480px); min-width:0; margin-top:.2rem; translate:none; }
html.force-phone-view .lighthouse-stage > .stage-artwork { position:relative; z-index:2; }
html.force-phone-view .patio-foreground { --patio-width:min(100vw,520px); position:absolute; z-index:1; left:50%; bottom:-.2%; display:block; width:var(--patio-width); height:36%; transform:translateX(-50%); pointer-events:none; background:url('/assets/lighthouse-harbor-mobile-clean.webp') center bottom / 100% auto no-repeat; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 100%),linear-gradient(90deg,#000 0,#000 18%,transparent 32%,transparent 68%,#000 82%,#000 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 100%),linear-gradient(90deg,#000 0,#000 18%,transparent 32%,transparent 68%,#000 82%,#000 100%); mask-composite:intersect; }
html.force-phone-view .stage-concierge { left:1rem; right:1rem; bottom:3.6rem; width:auto; }
html.force-phone-view .screen-guidance { gap:.42rem; padding:6%; }
html.force-phone-view .screen-guidance small { font-size:.45rem; }
html.force-phone-view .screen-guidance strong { font-size:clamp(1rem,5vw,1.3rem); line-height:1; }
html.force-phone-view .screen-guidance em { font-size:.43rem; }


/* 2026-10-08 mobile overlap guard: keep the film controls and front-desk card inside the visible phone screen. */
@media(max-width:700px) {
 .harbor { width:100vw; max-width:100vw; overflow-x:hidden; }
 .film-tools { justify-self:start; width:calc(100vw - 1.5rem); max-width:calc(100vw - 1.5rem); margin:0 .75rem; grid-template-columns:minmax(0,1fr) 44px; }
 .film-tools [data-film-sound] { grid-column:1 / -1; }
 .harbor > .arrival-summary { justify-self:start; width:calc(100vw - 1.5rem); max-width:calc(100vw - 1.5rem); margin:.1rem .75rem .45rem; }
 .harbor > .arrival-summary p,.harbor > .arrival-summary li,.harbor > .arrival-summary .plain-help,.harbor > .arrival-summary span,.harbor > .arrival-summary strong { overflow-wrap:break-word; }
 .harbor > .arrival-summary .arrival-summary-actions { grid-template-columns:1fr; }
 .harbor > .arrival-summary .arrival-summary-actions button { white-space:normal; }
}
html.force-phone-view .harbor { width:100vw; max-width:100vw; overflow-x:hidden; }
html.force-phone-view .film-tools { justify-self:start; width:calc(100vw - 1.5rem); max-width:calc(100vw - 1.5rem); margin:0 .75rem; grid-template-columns:minmax(0,1fr) 44px; }
html.force-phone-view .film-tools [data-film-sound] { grid-column:1 / -1; }
html.force-phone-view .harbor > .arrival-summary { justify-self:start; width:calc(100vw - 1.5rem); max-width:calc(100vw - 1.5rem); margin:.1rem .75rem .45rem; }
html.force-phone-view .harbor > .arrival-summary p,html.force-phone-view .harbor > .arrival-summary li,html.force-phone-view .harbor > .arrival-summary .plain-help,html.force-phone-view .harbor > .arrival-summary span,html.force-phone-view .harbor > .arrival-summary strong { overflow-wrap:break-word; }

/* 2026-10-09 phone home clarity: keep the Lighthouse story, but make the first phone screen read like a simple front desk. */
@media(max-width:700px) {
 .harbor {
  grid-template-rows:auto auto auto auto;
  row-gap:.48rem;
 }
 .harbor > .brand {
  display:grid!important;
  justify-items:center;
  width:min(18.2rem,84vw);
  max-width:calc(100vw - 2rem);
  margin:.1rem auto .02rem;
  text-align:center;
 }
 .harbor > .brand strong {
  white-space:nowrap;
  font-size:clamp(2rem,9.1vw,2.35rem);
  letter-spacing:-.07em;
 }
 .harbor > .brand small {
  display:block;
  width:min(14rem,72vw);
  font-size:.46rem;
  letter-spacing:.15em;
  white-space:normal;
 }
 .harbor > .arrival-summary {
  grid-area:2 / 1;
  margin:.08rem .75rem .2rem;
  border-top-width:2px;
  background:linear-gradient(135deg,rgba(2,14,24,.96),rgba(6,31,47,.9));
 }
 .harbor > .arrival-summary p {
  font:600 .92rem/1.32 Georgia,serif;
 }
 .harbor > .arrival-summary .phone-front-desk {
  display:block;
  margin:.58rem 0 0;
  padding:.62rem .68rem;
  border:1px solid rgba(117,223,255,.28);
  color:rgba(235,248,251,.95);
  background:rgba(4,28,43,.58);
  font:800 .68rem/1.34 Arial,sans-serif;
  letter-spacing:.01em;
  text-transform:none;
 }
 .harbor > .arrival-summary ul {
  gap:.28rem;
  margin:.58rem 0 0;
  font-size:.56rem;
  line-height:1.32;
 }
 .harbor > .arrival-summary .front-door-mini {
  gap:.42rem;
  margin-top:.7rem;
 }
 .harbor > .arrival-summary .front-door-mini a {
  min-height:46px;
  padding:.55rem .42rem;
  font-size:.54rem;
  letter-spacing:.065em;
 }
 .harbor > .arrival-summary .plain-help {
  margin-top:.72rem;
  font-size:.72rem;
  line-height:1.34;
 }
 .harbor > .arrival-summary .arrival-summary-actions button,
 .harbor > .arrival-summary .member-entry strong,
 .harbor > .arrival-summary .storage-customer-entry strong {
  min-height:48px;
 }
 .film-tools {
  grid-area:3 / 1;
  align-self:start;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,4.8rem);
  margin:.05rem .75rem .15rem;
 }
 .film-tools button {
  min-height:42px;
  padding:.42rem .46rem;
  font-size:11px;
 }
 .film-tools [data-film-sound] {
  grid-column:auto;
 }
 .film-tools small {
  font-size:9px;
 }
 .harbor > .lighthouse-stage {
  grid-area:4 / 1;
 }
 .home {
  position:relative;
  left:auto;
  bottom:auto;
  z-index:3;
  grid-area:5 / 1;
  justify-self:start;
  margin:0 0 1rem .9rem;
 }
}

html.force-phone-view .harbor > .brand {
 display:grid!important;
 justify-items:center;
 width:min(18.2rem,84vw);
 max-width:calc(100vw - 2rem);
 margin:.1rem auto .02rem;
 text-align:center;
}
html.force-phone-view .harbor > .brand strong {
 white-space:nowrap;
 font-size:clamp(2rem,9.1vw,2.35rem);
 letter-spacing:-.07em;
}
html.force-phone-view .harbor > .brand small {
 display:block;
 width:min(14rem,72vw);
 font-size:.46rem;
 letter-spacing:.15em;
 white-space:normal;
}
html.force-phone-view .harbor > .arrival-summary {
 grid-area:2 / 1;
 margin:.08rem .75rem .2rem;
 border-top-width:2px;
 background:linear-gradient(135deg,rgba(2,14,24,.96),rgba(6,31,47,.9));
}
html.force-phone-view .harbor > .arrival-summary .phone-front-desk {
 display:block;
 margin:.58rem 0 0;
 padding:.62rem .68rem;
 border:1px solid rgba(117,223,255,.28);
 color:rgba(235,248,251,.95);
 background:rgba(4,28,43,.58);
 font:800 .68rem/1.34 Arial,sans-serif;
 letter-spacing:.01em;
 text-transform:none;
}
html.force-phone-view .harbor > .arrival-summary .front-door-mini a {
 min-height:46px;
 padding:.55rem .42rem;
 font-size:.54rem;
}
html.force-phone-view .film-tools {
 grid-area:3 / 1;
 grid-template-columns:minmax(0,1fr) 44px minmax(0,4.8rem);
 margin:.05rem .75rem .15rem;
}
html.force-phone-view .film-tools [data-film-sound] {
 grid-column:auto;
}

/* /lighthouse-environments.css */
:root {
  --lh-env-ivory: #fff0d2;
  --lh-env-gold: #f4c873;
  --lh-env-ink: #03111d;
  --lh-env-blue: #0b3553;
}

body[data-lh-environment] {
  min-height: 100vh;
  color: #edf8ff;
  background-color: var(--lh-env-ink) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body[data-lh-environment="exterior"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .32), rgba(3, 17, 29, .72)),
    url("/assets/lighthouse-harbor-wide-clean.webp") !important;
}

body[data-lh-environment="interior-lobby"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .31), rgba(2, 12, 20, .76)),
    url("/assets/lighthouse-interior-arrival-2040.png") !important;
  background-position: center center !important;
}

body[data-lh-environment="interior-studio"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .36), rgba(2, 12, 20, .78)),
    url("/assets/lighthouse-upstairs-writing-room.png") !important;
  background-position: center center !important;
}

body[data-lh-environment="theater"] {
  background-image:
    linear-gradient(180deg, rgba(1, 5, 11, .22), rgba(1, 7, 14, .74)),
    url("/assets/lantern-theater-interior.webp") !important;
  background-position: center center !important;
}

body[data-lh-environment="exterior"]::before,
body[data-lh-environment="interior-lobby"]::before,
body[data-lh-environment="interior-studio"]::before,
body[data-lh-environment="theater"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body[data-lh-environment="exterior"]::before {
  background:
    linear-gradient(90deg, rgba(1, 8, 14, .66), rgba(5, 31, 50, .25) 46%, rgba(1, 8, 14, .58)),
    radial-gradient(circle at 82% 8%, rgba(109, 220, 242, .13), transparent 25%);
}

body[data-lh-environment="interior-lobby"]::before,
body[data-lh-environment="interior-studio"]::before {
  background:
    linear-gradient(90deg, rgba(1, 7, 12, .68), rgba(3, 20, 31, .3) 52%, rgba(1, 7, 12, .62)),
    radial-gradient(circle at 74% 12%, rgba(244, 200, 115, .16), transparent 28%);
}

body[data-lh-environment="theater"]::before {
  background:
    linear-gradient(90deg, rgba(1, 5, 10, .72), rgba(1, 8, 16, .32) 52%, rgba(1, 5, 10, .68)),
    radial-gradient(circle at 50% 16%, rgba(244, 200, 115, .12), transparent 32%);
}

body[data-lh-environment] .page {
  background: linear-gradient(180deg, rgba(3, 16, 27, .64), rgba(3, 20, 33, .82)) !important;
  box-shadow: 0 0 80px rgba(0, 0, 0, .34);
}

body[data-lh-environment] .hero,
body[data-lh-environment] .panel,
body[data-lh-environment] .card,
body[data-lh-environment] .recovery-panel,
body[data-lh-environment] .care-section,
body[data-lh-environment] .owner-care {
  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}

body[data-lh-environment="interior-lobby"] .hero,
body[data-lh-environment="interior-lobby"] .panel,
body[data-lh-environment="interior-lobby"] .card,
body[data-lh-environment="interior-studio"] .hero,
body[data-lh-environment="interior-studio"] .panel,
body[data-lh-environment="interior-studio"] .card {
  border-color: rgba(244, 200, 115, .34);
  background: linear-gradient(145deg, rgba(3, 17, 29, .91), rgba(9, 45, 65, .79));
}

body[data-lh-environment="theater"] .hero,
body[data-lh-environment="theater"] .panel,
body[data-lh-environment="theater"] .card {
  border-color: rgba(244, 200, 115, .4);
  background: linear-gradient(145deg, rgba(1, 8, 17, .94), rgba(7, 28, 47, .86));
}

@media (max-width: 760px) {
  body[data-lh-environment] {
    background-attachment: scroll !important;
  }

  body[data-lh-environment="exterior"] {
    background-image:
      linear-gradient(180deg, rgba(2, 10, 18, .38), rgba(3, 17, 29, .8)),
      url("/assets/lighthouse-harbor-mobile-clean.webp") !important;
    background-position: center top !important;
  }

  body[data-lh-environment="interior-lobby"] {
    background-position: 56% center !important;
  }

  body[data-lh-environment="interior-studio"] {
    background-position: 60% center !important;
  }

  body[data-lh-environment="theater"] {
    background-position: center center !important;
  }

  body[data-lh-environment] .hero,
  body[data-lh-environment] .panel,
  body[data-lh-environment] .card,
  body[data-lh-environment] .recovery-panel,
  body[data-lh-environment] .care-section,
  body[data-lh-environment] .owner-care {
    backdrop-filter: blur(9px) saturate(1.04);
    -webkit-backdrop-filter: blur(9px) saturate(1.04);
  }
}

@media (prefers-reduced-transparency: reduce) {
  body[data-lh-environment] .hero,
  body[data-lh-environment] .panel,
  body[data-lh-environment] .card,
  body[data-lh-environment] .recovery-panel,
  body[data-lh-environment] .care-section,
  body[data-lh-environment] .owner-care {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #061827;
  }
}

/* /lighthouse-current-design-only.css */
/*
 * Keep the finished Lighthouse tower exclusive to the arrival hero.
 * Category pages use the matching harbor and interior environments without
 * repeating any retired tower illustration.
 */

/* Community and Makerspace: a harbor-side signal desk. */
.creative-harbor .harbor-signal-desk {
  position: relative;
  align-self: center;
  justify-self: end;
  width: min(42rem, 44vw);
  padding: clamp(1.1rem, 2.2vw, 2rem);
  border: 1px solid rgba(239, 193, 108, .58);
  border-radius: 1.25rem;
  background:
    linear-gradient(145deg, rgba(7, 43, 61, .94), rgba(1, 13, 22, .97)),
    radial-gradient(circle at 80% 0, rgba(111, 220, 245, .18), transparent 42%);
  box-shadow: inset 0 0 3rem rgba(93, 212, 240, .10), 0 2rem 6rem rgba(0, 0, 0, .48);
  filter: none;
}
.creative-harbor .harbor-signal-desk::before {
  content: "";
  position: absolute;
  inset: .65rem;
  pointer-events: none;
  border: 1px solid rgba(174, 230, 243, .18);
  border-radius: .85rem;
}
.creative-harbor .harbor-signal-desk::after {
  content: "";
  position: absolute;
  left: 7%; right: 7%; bottom: -.8rem;
  height: .8rem;
  border: 1px solid rgba(239, 193, 108, .4);
  border-top: 0;
  background: linear-gradient(90deg, transparent, rgba(239, 193, 108, .22), transparent);
}
.creative-harbor .harbor-signal-desk .lantern-dialogue {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 20rem;
  overflow: visible;
  padding: clamp(1.1rem, 2.2vw, 2rem);
  border: 0;
  border-radius: .75rem;
  background: rgba(1, 13, 22, .58);
  box-shadow: inset 0 0 2rem rgba(95, 213, 241, .10);
}
.creative-harbor .signal-desk-kicker {
  margin: 0 0 1rem;
  color: var(--gold, #efc16c);
  font: 900 .62rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.creative-harbor .harbor-signal-desk .lantern-dialogue label {
  max-width: 30rem;
  color: #fff0d3;
  font: 500 clamp(1.55rem, 2.3vw, 2.45rem)/1.05 var(--lh-serif, Georgia, serif);
  letter-spacing: -.02em;
  text-transform: none;
}
.creative-harbor .harbor-signal-desk .lantern-dialogue textarea {
  height: 8rem;
  margin: 1.15rem 0;
  padding: .85rem 1rem;
  border-color: rgba(179, 229, 242, .32);
  border-radius: .55rem;
  font: 1rem/1.45 var(--lh-serif, Georgia, serif);
}
.creative-harbor .harbor-signal-desk .lantern-dialogue button {
  float: none;
  min-height: 2.8rem;
  padding: .75rem 1.1rem;
  border-radius: .35rem;
  font-size: .62rem;
}
.creative-harbor .harbor-signal-desk .harbor-answer {
  margin-top: 1rem;
  font-size: .78rem;
}

/* Creative Studio: one built-in production console inside the room. */
.media-world .production-console {
  position: relative;
  justify-self: end;
  width: min(41rem, 43vw);
  min-height: 25rem;
  display: grid;
  place-items: center;
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 1px solid rgba(239, 193, 108, .55);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(8, 49, 69, .93), rgba(2, 14, 24, .97));
  box-shadow: inset 0 0 4rem rgba(102, 219, 244, .12), 0 2rem 6rem rgba(0, 0, 0, .5);
  filter: none;
}
.media-world .production-console::before {
  content: "Production room";
  position: absolute;
  top: 1rem; left: 1.4rem;
  color: var(--gold, #efc16c);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.media-world .production-console .studio-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 17rem;
  border-radius: .8rem;
}
.media-world .production-console .studio-screen span {
  max-width: 27rem;
  font-size: clamp(1.15rem, 1.8vw, 1.65rem);
}

/* Learning: a room display, never a second Lighthouse. */
.learning-hero .learning-tower {
  align-self: center;
  min-height: 31rem;
  display: grid;
  place-items: center;
  padding: clamp(1.4rem, 3vw, 3rem);
  border: 1px solid rgba(239, 194, 115, .58);
  border-radius: 1.4rem;
  background: linear-gradient(145deg, rgba(7, 45, 64, .92), rgba(2, 15, 24, .97));
  box-shadow: inset 0 0 4rem rgba(111, 226, 250, .11), 0 2rem 6rem rgba(0, 0, 0, .5);
}
.learning-hero .learning-tower::before {
  content: "Inside the learning room";
  position: absolute;
  top: 1rem; left: 1.25rem;
  color: var(--learn-gold, #efc273);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.learning-hero .learning-tower .tower-screen {
  position: relative;
  inset: auto;
  width: 100%;
  aspect-ratio: 16 / 10;
  transform: none;
  border-radius: .65rem;
}
.learning-hero .learning-tower .tower-screen span {
  padding: .8rem;
  border-radius: .35rem;
  background: linear-gradient(90deg, rgba(1, 9, 15, .92), rgba(1, 9, 15, .26));
}

/* Work Harbor: the concierge lives in a room console until the journey opens. */
.work-harbor[data-path="none"] .work-concierge-console {
  width: min(58rem, 76vw);
  margin-top: 0;
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 1px solid rgba(237, 195, 111, .58);
  border-radius: 1.35rem;
  background: linear-gradient(145deg, rgba(6, 42, 60, .95), rgba(1, 13, 22, .98));
  box-shadow: inset 0 0 4rem rgba(89, 216, 248, .11), 0 2.5rem 7rem rgba(0, 0, 0, .58);
  filter: none;
}
.work-harbor[data-path="none"] .work-concierge-console::before {
  content: "Lighthouse Work concierge";
  display: block;
  margin: 0 0 .85rem .35rem;
  color: var(--gold, #edc36f);
  font: 900 .55rem/1 var(--lh-plain, Arial, sans-serif);
  letter-spacing: .2em;
  text-transform: uppercase;
}
.work-harbor[data-path="none"] .lantern-work-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 25rem;
  border-radius: .85rem;
}
.work-harbor[data-path="none"] .gateway {
  min-height: 25rem;
  padding: clamp(1.4rem, 4vw, 3rem);
}
.work-harbor[data-path="none"] .screen-opening h1 {
  font-size: clamp(2.3rem, 4.5vw, 4.6rem);
}
.work-harbor[data-path="none"] .screen-opening > p:first-child,
.work-harbor[data-path="none"] .screen-opening label,
.work-harbor[data-path="none"] .quiet-paths button,
.work-harbor[data-path="none"] .screen-answer {
  font-size: .68rem;
}
.work-harbor[data-path="none"] .screen-signal {
  grid-template-columns: 3.1rem 1fr auto;
  max-width: 48rem;
  margin: 1.4rem auto 0;
}
.work-harbor[data-path="none"] .screen-signal input {
  padding: 1rem;
  font-size: 1rem;
}
.work-harbor[data-path="none"] .screen-signal > button:last-child {
  padding-inline: 1.2rem;
  font-size: .58rem;
}
.work-harbor[data-path="none"] .screen-voice {
  width: 2.2rem;
  height: 2.2rem;
  margin-left: .45rem;
}

/* Retired light beams belonged to the retired tower drawings. */
.creative-harbor .beam,
.media-world .beam,
.learning-hero .beam-path,
.work-harbor .sweeping-beam,
.work-harbor .lantern-aura,
.listing-studio .lantern-projector,
.studio .lantern-projector { display: none !important; }

@media (max-width: 850px) {
  .creative-harbor .harbor-stage {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    padding: 7rem 1rem 4rem;
  }
  .creative-harbor .harbor-signal-desk {
    position: relative;
    inset: auto;
    order: 2;
    width: min(100%, 40rem);
    transform: none;
    margin-top: 2rem;
  }
  .creative-harbor .harbor-story { order: 1; }
  .media-world .media-stage { flex-direction: column; }
  .media-world .production-console { width: min(100%, 40rem); }
  .learning-hero .learning-tower { min-height: 24rem; }
  .work-harbor[data-path="none"] .work-concierge-console {
    width: min(100%, 48rem);
    margin: 1.5rem 0 3rem;
  }
}

@media (max-width: 560px) {
  .creative-harbor .harbor-stage { padding-top: 6.5rem; }
  .creative-harbor .harbor-signal-desk { padding: .75rem; }
  .creative-harbor .harbor-signal-desk .lantern-dialogue {
    min-height: 0;
    padding: 1rem;
  }
  .creative-harbor .harbor-signal-desk .lantern-dialogue label {
    font-size: 1.55rem;
  }
  .creative-harbor .harbor-signal-desk .lantern-dialogue textarea { height: 7rem; }
  .media-world .production-console { min-height: 20rem; padding: 2.5rem 1rem 1rem; }
  .media-world .production-console .studio-screen { min-height: 15rem; }
  .learning-hero .learning-tower { min-height: 20rem; padding: 2.7rem .8rem .8rem; }
  .learning-hero .learning-tower .tower-screen { width: 100%; }
  .work-harbor[data-path="none"] .work-concierge-console { padding: .7rem; }
  .work-harbor[data-path="none"] .lantern-work-screen,
  .work-harbor[data-path="none"] .gateway { min-height: 30rem; }
  .work-harbor[data-path="none"] .screen-opening h1 { font-size: clamp(2.15rem, 11vw, 3.25rem); }
  .work-harbor[data-path="none"] .screen-signal { grid-template-columns: 2.4rem 1fr; }
  .work-harbor[data-path="none"] .screen-signal > button:last-child {
    grid-column: 1 / -1;
    min-height: 2.5rem;
  }
  .work-harbor[data-path="none"] .quiet-paths { display: flex; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .creative-harbor .harbor-signal-desk,
  .media-world .production-console,
  .learning-hero .learning-tower,
  .work-harbor .work-concierge-console { scroll-behavior: auto; }
}


/* final whole-site mobile and navigation polish */
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%;height:auto}
a,button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  .actions,.nav,.identity-actions,.owner-actions,.screen-actions,.hero-actions,.market-actions,.service-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
  .actions a,.actions button,.nav a,.nav button,.identity-actions a,.identity-actions button,.owner-actions a,.owner-actions button,.screen-actions a,.screen-actions button{width:100%;justify-content:center;text-align:center}
  .topnav,.market-topbar nav,.services-nav nav,.masthead nav,.site-waypoints,.footer nav,.trust-footer nav{max-width:100%;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .topnav a,.market-topbar nav a,.services-nav nav a,.masthead nav a,.site-waypoints a{white-space:nowrap}
  .choice-grid,.lane-grid,.safety,.two-col,.launch-callout,.route-deck,.map-sequence,.path-rule,.money-map__grid,.plans-grid,.support-grid,.inbox-layout,.personal-room-grid,.saved-activity-grid,.next-step-grid{grid-template-columns:1fr!important}
  .panel,.hero,.owner-panel,.owner-hero,.final-compass{padding:clamp(16px,5vw,22px)!important;border-radius:18px!important}
  h1{overflow-wrap:anywhere}
  h2,h3,p,li,span,strong,small{overflow-wrap:anywhere}
  input,select,textarea{font-size:16px!important}
  .market-topbar,.services-nav,.masthead{gap:.75rem!important}
}
/* Layout cleanup: keep Lighthouse panels from visually stacking, crowding, or bleeding shadows into the next section. */
.page,
main,
section,
.panel,
.owner-panel,
.owner-hero,
.final-compass,
.lighthouse-next-step,
.quick-start-panel,
.category-compass,
.front-door-board,
.path-map,
.work-compass,
.market-guide,
.market-zone,
.market-card,
.market-panel,
.services-panel,
.services-card,
.faq-card,
.invite-card,
.recruit-card,
.approval-card,
.walk-card,
.kit-card,
.care-section,
.care-intro,
.care-compass,
.care-warning {
  box-sizing: border-box;
  max-width: 100%;
}

.panel,
.owner-panel,
.owner-hero,
.final-compass,
.lighthouse-next-step,
.quick-start-panel,
.category-compass,
.front-door-board,
.path-map,
.work-compass,
.market-guide,
.market-zone,
.market-card,
.market-panel,
.services-panel,
.services-card,
.faq-card,
.invite-card,
.recruit-card,
.approval-card,
.walk-card,
.kit-card,
.care-section,
.care-intro,
.care-compass,
.care-warning {
  position: relative;
  isolation: isolate;
}

.final-grid,
.final-route-list,
.next-step-grid,
.quick-choice-grid,
.quick-start-bottom,
.category-grid,
.front-door-grid,
.path-grid,
.destination-rail__primary,
.interior-more-grid,
.work-compass-copy,
.work-compass-grid,
.choice-grid,
.lane-grid,
.safety,
.two-col,
.launch-callout,
.market-guide__grid,
.marketplace-cockpit,
.browse-command-deck,
.services-grid,
.route-deck,
.map-sequence,
.path-rule,
.money-map__grid,
.plans-grid,
.support-grid,
.inbox-layout,
.personal-room-grid,
.saved-activity-grid {
  min-width: 0;
}

.final-grid > *,
.final-route-list > *,
.next-step-grid > *,
.quick-choice-grid > *,
.quick-start-bottom > *,
.category-grid > *,
.front-door-grid > *,
.path-grid > *,
.destination-rail__primary > *,
.interior-more-grid > *,
.work-compass-copy > *,
.work-compass-grid > *,
.choice-grid > *,
.lane-grid > *,
.safety > *,
.two-col > *,
.launch-callout > *,
.market-guide__grid > *,
.marketplace-cockpit > *,
.browse-command-deck > *,
.services-grid > *,
.route-deck > *,
.map-sequence > *,
.path-rule > *,
.money-map__grid > *,
.plans-grid > *,
.support-grid > *,
.inbox-layout > *,
.personal-room-grid > *,
.saved-activity-grid > * {
  min-width: 0;
}

.final-compass + .lighthouse-next-step,
.panel + .panel,
.owner-panel + .owner-panel,
.market-guide + .market-zone,
.market-zone + .market-zone,
.services-panel + .services-panel,
.work-compass + footer {
  margin-top: clamp(18px, 3vw, 30px);
}

/* The Work Harbor opening console is no longer a retired tower drawing; make it a real panel so it cannot overlap the compass below it. */
.work-harbor[data-path="none"] .work-concierge-console {
  width: min(59rem, calc(100% - 2rem));
  min-height: 0;
  margin: clamp(1rem, 4vh, 3rem) auto clamp(1.25rem, 4vh, 3.5rem);
  filter: drop-shadow(0 2rem 4rem rgba(0, 0, 0, .52));
}

.work-harbor[data-path="none"] .lantern-work-screen {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  min-height: clamp(22rem, 46svh, 31rem);
  border-radius: clamp(1rem, 2vw, 1.4rem);
}

.work-harbor[data-path="none"] .gateway {
  min-height: inherit;
}

.work-harbor[data-path="none"] .work-world {
  min-height: auto;
  padding-top: clamp(1rem, 3vh, 2.5rem);
  padding-bottom: clamp(1rem, 4vh, 3rem);
}

@media (min-width: 701px) {
  .arrival-summary {
    max-height: calc(100svh - 18rem);
    overflow: auto;
    scrollbar-width: thin;
  }
}

@media (max-width: 900px) {
  .work-compass-copy,
  .work-compass-grid,
  .final-grid,
  .final-route-list,
  .next-step-grid,
  .quick-choice-grid,
  .quick-start-bottom,
  .front-door-board,
  .front-door-grid,
  .category-grid,
  .category-compass-note,
  .path-grid,
  .destination-rail__primary,
  .interior-more-grid,
  .choice-grid,
  .lane-grid,
  .safety,
  .two-col,
  .launch-callout,
  .market-guide__grid,
  .marketplace-cockpit,
  .browse-command-deck,
  .services-grid,
  .route-deck,
  .map-sequence,
  .path-rule,
  .money-map__grid,
  .plans-grid,
  .support-grid,
  .inbox-layout,
  .personal-room-grid,
  .saved-activity-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .panel,
  .owner-panel,
  .owner-hero,
  .final-compass,
  .lighthouse-next-step,
  .quick-start-panel,
  .category-compass,
  .front-door-board,
  .path-map,
  .work-compass,
  .market-guide,
  .market-zone,
  .market-card,
  .market-panel,
  .services-panel,
  .services-card,
  .faq-card,
  .invite-card,
  .recruit-card,
  .approval-card,
  .walk-card,
  .kit-card {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
  }

  .work-harbor[data-path="none"] .work-concierge-console {
    width: min(100% - 1rem, 48rem);
    margin-top: 1rem;
  }

  .work-harbor[data-path="none"] .lantern-work-screen {
    min-height: 0;
  }
}


/* 2026-10-08 mobile polish: make shared top links easier to tap on phones. */
@media(max-width:760px){
  .services-nav nav a,
  .services-nav > a:last-child,
  .masthead nav a,
  .topnav a,
  .site-waypoints a{
    min-height:44px;
    display:flex!important;
    align-items:center;
    padding:10px 12px!important;
    border:1px solid rgba(244,200,115,.28);
    border-radius:999px;
    background:rgba(2,16,26,.32);
  }
  .services-nav > nav,
  .masthead nav,
  .topnav,
  .site-waypoints{
    gap:8px!important;
  }
  .masthead nav{
    display:flex!important;
    flex-wrap:wrap;
  }
}


/* 2026-10-08 category clarity strips: plain-language room guidance without changing the Lighthouse scene. */
.category-plain-guide{
  width:min(100%,1120px,calc(100vw - 32px));
  margin:clamp(16px,3vw,30px) auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:1px;
  border:1px solid rgba(116,223,255,.28);
  border-radius:22px;
  overflow:hidden;
  background:rgba(116,223,255,.22);
  box-shadow:0 20px 65px rgba(0,0,0,.28);
}
.category-plain-guide article{
  display:grid;
  gap:8px;
  min-height:134px;
  padding:16px;
  background:linear-gradient(145deg,rgba(4,24,39,.94),rgba(8,42,61,.82));
}
.category-plain-guide small{
  color:#93dff1;
  font:900 10px/1.25 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.category-plain-guide strong{
  color:#fff4dc;
  font:800 clamp(18px,2.2vw,24px)/1.08 var(--lh-serif,Georgia,serif);
}
.category-plain-guide p{
  margin:0;
  color:rgba(239,248,250,.86);
  line-height:1.42;
}
.category-plain-guide a{
  color:#ffe4a3;
  font-weight:900;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.category-plain-guide .plain-action{
  align-self:end;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(244,200,115,.72);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(244,200,115,.12);
  color:#fff1c9;
  font:900 11px/1.15 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.07em;
  text-transform:uppercase;
  text-decoration:none;
}
.care-hero + .category-plain-guide,
.media-world + .category-plain-guide,
.learning-hero + .category-plain-guide,
.creative-harbor + .category-plain-guide{
  margin-top:clamp(22px,4vw,42px);
}
@media(max-width:760px){
  .category-plain-guide{grid-template-columns:1fr;width:min(100% - 28px,640px);border-radius:18px}
  .category-plain-guide article{min-height:0;padding:14px}
  .category-plain-guide .plain-action{width:100%;text-align:center;justify-content:center}
}


/* 2026-10-08 room lane refinement: clarify the first choice inside each major room. */
.room-lane-strip{
  width:min(100%,1120px,calc(100vw - 32px));
  margin:clamp(14px,2.6vw,26px) auto clamp(18px,3vw,34px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
  gap:1px;
  border:1px solid rgba(244,200,115,.28);
  border-radius:20px;
  overflow:hidden;
  background:rgba(244,200,115,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.room-lane-strip > a,
.room-lane-strip > article{
  display:grid;
  gap:8px;
  min-height:128px;
  padding:15px;
  color:#fff4dc;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(5,29,47,.94),rgba(3,20,34,.9));
}
.room-lane-strip > a:hover,
.room-lane-strip > a:focus-visible{
  background:linear-gradient(145deg,rgba(17,61,82,.96),rgba(76,50,23,.78));
  outline:0;
}
.room-lane-strip small,
.room-lane-strip em{
  color:#93dff1;
  font:900 10px/1.25 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-style:normal;
}
.room-lane-strip b,
.room-lane-strip strong{
  color:#fff7df;
  font:800 clamp(17px,2vw,22px)/1.08 var(--lh-serif,Georgia,serif);
}
.room-lane-strip span,
.room-lane-strip p{
  margin:0;
  color:rgba(239,248,250,.84);
  line-height:1.38;
}
.room-lane-strip .lane-action,
.room-lane-strip .mini{
  align-self:end;
  width:max-content;
  max-width:100%;
  color:#ffe2a0;
  font:900 11px/1.2 var(--lh-plain,Arial,sans-serif);
  letter-spacing:.07em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .room-lane-strip{grid-template-columns:1fr;width:min(100% - 28px,640px);border-radius:18px}
  .room-lane-strip > a,.room-lane-strip > article{min-height:0;padding:14px}
}

/* 2026-10-08 phone room pass: keep first-choice panels and room navigation inside narrow screens. */
@media(max-width:560px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .category-plain-guide,
  .room-lane-strip{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:1fr!important;
  }
  .category-plain-guide *,
  .room-lane-strip *,
  .services-main,
  .harbor-stage,
  .community-compass,
  .community-current,
  .selected-current,
  .life-hub-main,
  .learning-main,
  .creative-main{
    min-width:0!important;
  }
  .category-plain-guide article,
  .room-lane-strip > a,
  .room-lane-strip > article{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:14px!important;
  }
  .category-plain-guide strong,
  .room-lane-strip b,
  .room-lane-strip strong{
    font-size:clamp(20px,7vw,28px)!important;
    line-height:1.04!important;
  }
  .category-plain-guide p,
  .room-lane-strip p,
  .room-lane-strip span{
    font-size:clamp(14px,4.2vw,17px)!important;
    line-height:1.42!important;
  }
  .category-plain-guide .plain-action,
  .room-lane-strip .lane-action,
  .room-lane-strip .mini,
  .room-lane-strip .primary,
  .room-lane-strip .quiet-button,
  .service-actions a,
  .service-actions button{
    width:100%;
    max-width:100%;
    white-space:normal!important;
    text-align:center;
    justify-content:center;
  }
  .harbor-head,
  .services-nav,
  .masthead,
  .masthead nav{
    max-width:100%;
    overflow-x:auto;
  }
  .harbor-nav,
  .services-nav nav,
  .masthead nav{
    flex-wrap:wrap!important;
  }
  .harbor-story h1,
  #services-intro h1,
  .services-main > h1,
  .community-compass h2,
  .community-current h2{
    font-size:clamp(32px,10.8vw,42px)!important;
    line-height:1.04!important;
  }
}

/* 2026-10-08 phone room pass follow-up: prevent Services hero and nav from clipping at 390px. */
@media(max-width:560px){
  .services-main{
    width:100%!important;
    max-width:100%!important;
    padding:18px 16px 64px!important;
    overflow:hidden;
  }
  #services-intro{
    width:100%!important;
    max-width:100%!important;
  }
  #services-intro h1{
    font-size:clamp(34px,10.4vw,42px)!important;
    line-height:1.05!important;
    max-width:100%!important;
  }
  #services-intro > p:not(.eyebrow){
    font-size:16px!important;
    line-height:1.44!important;
  }
  .services-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .services-nav nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .services-nav nav a,
  .services-nav > a{
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .services-nav > a:last-child{
    margin-left:0!important;
  }
}


/* 2026-10-09 site audit polish: keep Services phone navigation inside its frame. */
.services-nav,
.services-nav *{
  box-sizing:border-box;
}
@media(max-width:560px){
  .services-nav{
    width:100%!important;
    max-width:100%!important;
    padding-inline:12px!important;
  }
  .services-nav nav{
    max-width:100%!important;
    overflow:visible!important;
    gap:6px!important;
  }
  .services-nav nav a,
  .services-nav > a{
    max-width:100%!important;
    min-width:0!important;
  }
}

/* 2026-10-09 complete phone audit: make Lighthouse links and controls easier to tap without changing the visual theme. */
@media(max-width:640px){
  .skip,
  .skip-link,
  .masthead a,
  .masthead nav a,
  .wordmark,
  .harbor-head a,
  .harbor-nav a,
  .harbor-home,
  .care-head a,
  .care-head nav a,
  .services-nav a,
  .services-nav nav a,
  .market-topbar a,
  .market-topbar button,
  .market-footer a,
  .market-footer nav a,
  .market-button,
  .market-filter-panel summary,
  .activity-nav button,
  .dialog-actions a,
  .dialog-actions button,
  .care-actions a,
  .care-actions button,
  .care-next-links a,
  .care-search button,
  .category-plain-guide a,
  .room-lane-strip a,
  .room-lane-strip .lane-action,
  .actions a,
  .actions button,
  .hero-actions button,
  .guide-choices button,
  .guide-nav button,
  .quiet-paths button,
  .return,
  .home,
  .back-home,
  .btn,
  .button,
  .text-link,
  .network-line a,
  .topbar a,
  .topbar button,
  .screen-status button,
  details summary,
  footer a,
  footer nav a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    gap:.35rem;
    padding-top:.62rem!important;
    padding-bottom:.62rem!important;
    line-height:1.2!important;
    white-space:normal;
    touch-action:manipulation;
  }

  .masthead nav,
  .harbor-head nav,
  .harbor-nav,
  .care-head nav,
  .market-topbar,
  .market-footer nav,
  .services-nav nav,
  .activity-nav,
  .dialog-actions,
  .actions,
  .care-actions,
  .hero-actions,
  .quiet-paths,
  .network-line{
    gap:8px!important;
  }

  .care-head,
  .harbor-head,
  .masthead,
  .services-nav,
  .market-topbar{
    align-items:flex-start!important;
  }

  .skip,
  .skip-link{
    width:max-content;
    max-width:calc(100vw - 24px);
  }

  .wordmark,
  .market-brand,
  .care-brand,
  .harbor-home{
    justify-content:flex-start;
    text-align:left;
  }

  .lighthouse-cinema-controls button,
  .lighthouse-cinema-controls summary,
  .lighthouse-cinema-controls input,
  .lighthouse-cinema-controls select,
  .stage-controls button,
  .stage-controls summary,
  .stage-controls input,
  .stage-controls select{
    min-height:44px!important;
  }

  .harbor-film,
  .studio-water,
  .architecture,
  .room-art,
  .room-shade,
  .screen-reflection,
  .care-beam{
    max-width:100vw!important;
  }
}

/* 2026-10-09 complete phone audit follow-up: older room headers and control panels. */
@media(max-width:640px){
  .home-link a,
  main > p:first-child a,
  .media-head a,
  .media-nav a,
  .media-actions a,
  .studio-room-links a,
  .learn-head a,
  .channel-header a,
  .studio-header a,
  .studio-home,
  .leave-studio,
  .beacon-course button,
  .scene-actions button,
  .published-actions a,
  .gold-action,
  .quiet-action,
  .stage-light-panel button,
  .stage-light-panel summary,
  .destination-rail a,
  body[data-lh-environment="theater"] main a,
  .studio-access a,
  .programming-form button,
  .programming-form .quiet-button{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    gap:.35rem;
    padding:.62rem .75rem!important;
    line-height:1.2!important;
    white-space:normal;
    touch-action:manipulation;
  }

  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea{
    min-height:44px!important;
  }

  .media-head,
  .learn-head,
  .channel-header,
  .studio-header{
    align-items:flex-start!important;
    gap:8px!important;
  }

  .media-nav,
  .learn-head nav,
  .channel-header nav,
  .beacon-course,
  .destination-rail,
  .studio-room-links{
    gap:8px!important;
    flex-wrap:wrap!important;
  }

  .market-topbar,
  .market-topbar nav{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .market-topbar nav{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    margin:0!important;
  }
  .market-topbar nav a,
  .market-topbar nav button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .market-account{
    min-width:44px!important;
    max-width:100%!important;
  }
}

/* 2026-10-09 complete phone audit final tap pass: small standalone links. */
@media(max-width:640px){
  .care-head nav a,
  .care-head .care-brand,
  .services-main a,
  .provider-upgrade a,
  .login a,
  .recovery-shell a,
  .studio-access a,
  .signin-note a,
  a[href*="stripe.com"],
  a[href*="dashboard.stripe.com"],
  a[href="/"],
  a[href="/admin-setup.html"],
  a[href="/diy-learning.html"]{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    padding:.62rem .75rem!important;
    line-height:1.2!important;
    touch-action:manipulation;
  }
}

/* 2026-10-09 Marketplace phone header correction: keep nav and sign-in inside 390px screens. */
@media(max-width:640px){
  .market-topbar{
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    padding-inline:12px!important;
    overflow:hidden!important;
  }
  .market-topbar nav{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    justify-content:stretch!important;
  }
  .market-topbar nav a,
  .market-topbar nav button,
  .market-account{
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .market-brand{
    width:100%!important;
    justify-self:stretch!important;
  }
}

/* /lighthouse-home-wording.css */
/* Only the information panels change. Lighthouse artwork, harbor, doors and animation keep their original rules. */
.harbor>.arrival-summary{max-height:calc(100svh - 10rem);padding:17px 17px 13px}.harbor>.arrival-summary h1{font-size:clamp(27px,2.5vw,36px);line-height:1.05;letter-spacing:-.025em;margin-bottom:10px}.harbor>.arrival-summary>p{font:14px/1.5 Arial,sans-serif;color:#f5efdf}.harbor>.arrival-summary .clarity-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.08em}.harbor>.arrival-summary .front-door-mini{gap:8px;margin:15px 0 8px}.harbor>.arrival-summary .front-door-mini a,.harbor>.arrival-summary .front-door-mini a:first-child{min-height:68px;padding:11px 10px;color:#fff2d9;background:linear-gradient(135deg,rgba(6,32,46,.95),rgba(3,19,30,.9));border:1px solid #9b875b;text-shadow:none;box-shadow:none}.harbor>.arrival-summary .front-door-mini strong{font:650 15px/1.25 Arial,sans-serif;text-transform:none;letter-spacing:0}.harbor>.arrival-summary .front-door-mini small{font:12px/1.35 Arial,sans-serif;letter-spacing:0;color:#d6e0e6;opacity:1;margin-top:4px}.harbor>.arrival-summary .arrival-primary-action{width:100%;min-height:44px;margin:7px 0;font:700 14px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:0}.harbor>.arrival-summary .clarity-more,.harbor>.arrival-summary .clarity-intro{display:block;padding:5px 0;font:13px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#ffdfa0;text-underline-offset:4px}.harbor>.arrival-summary .member-entry{display:flex;justify-content:space-between;gap:9px;margin-top:8px;padding-top:10px}.harbor>.arrival-summary .member-entry span{font:12px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0;max-width:48%}.harbor>.arrival-summary .member-entry strong{font:650 12px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:40px;padding:8px 10px}.harbor>.arrival-summary .storage-customer-entry{display:block;margin-top:7px;padding-top:7px}.harbor>.arrival-summary .storage-customer-entry span{font:12px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0}.harbor>.arrival-summary .storage-customer-entry strong{display:inline-block;padding:3px 0;min-height:25px;background:none;border:0;box-shadow:none;color:#ffdfa0;font:600 13px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px}.site-waypoints[aria-label="Lighthouse shortcuts"] a{font:600 13px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;padding:10px 14px;min-height:44px}.lighthouse-explainer>.explainer-kicker{font-size:12px}.lighthouse-explainer>p{max-width:800px;font-size:18px;line-height:1.7}.clarity-section-guide>header p{max-width:730px}.clarity-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.clarity-section-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #a38a55;background:linear-gradient(135deg,rgba(4,23,35,.94),rgba(5,33,48,.91));border-radius:10px;color:#fff2dc}.clarity-section-grid h4{font:29px/1.15 Georgia,serif;margin:0 0 12px}.clarity-section-grid article>p{font:16px/1.7 Arial,sans-serif;flex:1;color:#d5e0e6;margin:0 0 18px}.clarity-section-action,.clarity-section-grid details>summary{font:650 15px/1.5 Arial,sans-serif;min-height:44px;padding:8px 0;color:#ffe0a1;cursor:pointer}.clarity-section-grid .clarity-intro{font:14px/1.6 Arial,sans-serif;display:inline-block;min-height:44px;padding:10px 0;color:#f5d391;letter-spacing:0;text-transform:none;text-underline-offset:4px}.clarity-section-grid details{width:100%;margin-bottom:4px}.clarity-section-grid details a{display:block;padding:9px 0;color:#ffe0a1;font:14px/1.5 Arial,sans-serif}.clarity-how,.clarity-returning,.clarity-faq{margin:40px 0;padding:27px;border:1px solid #9b875b;background:rgba(2,18,29,.94);border-radius:10px}.clarity-how h3,.clarity-returning h3,.clarity-faq h3{font:32px/1.2 Georgia,serif;margin:0 0 20px}.clarity-how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.clarity-how li strong{display:block;font:650 19px/1.5 Arial,sans-serif;margin-bottom:12px}.clarity-how li span,.clarity-how>p,.clarity-returning p,.clarity-faq p{font:16px/1.7 Arial,sans-serif;color:#d7e1e6}.clarity-how>p{margin:25px 0 0;padding-top:20px;border-top:1px solid #ffffff2b}.clarity-returning{display:grid;grid-template-columns:1fr 1fr;gap:35px}.clarity-returning h3{font-size:27px}.clarity-returning a,.clarity-faq a{display:inline-block;padding:8px 0;min-height:44px;font:650 15px/1.6 Arial,sans-serif;color:#ffdfa0}.clarity-faq details{border-top:1px solid #ffffff2b;padding:16px 0}.clarity-faq summary{font:600 18px/1.5 Arial,sans-serif;cursor:pointer;min-height:44px}.clarity-faq details p{margin-bottom:6px}.clarity-section-guide{scroll-margin-top:20px}.lighthouse-explainer :focus-visible,.arrival-summary :focus-visible{outline:3px solid #97ddfa;outline-offset:4px}
@media(max-width:1050px){.clarity-section-grid{grid-template-columns:1fr 1fr}.harbor>.arrival-summary .front-door-mini strong{font-size:14px}.harbor>.arrival-summary .front-door-mini small{font-size:11px}}
@media(max-width:700px){.harbor>.arrival-summary{max-height:none;padding:17px 15px;margin-top:.1rem;overflow:visible;background:linear-gradient(135deg,rgba(2,14,24,.97),rgba(6,31,47,.96))}.harbor>.arrival-summary h1{font-size:31px;line-height:1.05}.harbor>.arrival-summary>p{font-size:14px}.harbor>.arrival-summary .front-door-mini a,.harbor>.arrival-summary .front-door-mini a:first-child{min-height:70px;padding:11px 10px}.harbor>.arrival-summary .front-door-mini strong{font-size:15px}.harbor>.arrival-summary .front-door-mini small{font-size:12px}.harbor>.arrival-summary .member-entry span{font-size:12px;text-align:left}.harbor>.arrival-summary .member-entry strong{font-size:12px}.harbor>.arrival-summary .storage-customer-entry span{font-size:12px;text-align:left}.harbor>.arrival-summary .storage-customer-entry strong{font-size:13px;min-height:32px;display:inline-block}.clarity-section-grid{grid-template-columns:1fr}.clarity-section-grid article{padding:22px}.clarity-section-grid h4{font-size:28px}.clarity-section-grid article>p{font-size:16px}.clarity-how,.clarity-returning,.clarity-faq{padding:22px;margin:27px 0}.clarity-how ol,.clarity-returning{grid-template-columns:1fr;gap:25px}.clarity-how h3,.clarity-faq h3{font-size:28px}.clarity-faq summary{font-size:17px}}

.clarity-phone-storage{display:none}@media(max-width:700px){.harbor>.arrival-summary .clarity-phone-storage{display:block;margin-top:8px;padding-top:9px;border-top:1px solid #a9916255;min-height:44px;text-decoration:none}.harbor>.arrival-summary .clarity-phone-storage span{font:12px/1.5 Arial,sans-serif;color:#d9e3e8;letter-spacing:0;text-transform:none;margin:0}.harbor>.arrival-summary .clarity-phone-storage strong{font:600 13px/1.5 Arial,sans-serif;color:#ffe0a1;text-transform:none;letter-spacing:0;display:block;margin-top:3px}}

/* /lighthouse-harbor-start.css */
/* Arrival controls surround the original harbor, tower, film and doors. */
/* The film pauses the WebGL scene to save rendering work. Keep the original sky behind it. */
body[data-lh-environment="arrival"] .harbor{--lh-arrival-sky:url('/assets/lighthouse-harbor-wide-clean.webp')}
body[data-lh-environment="arrival"].lighthouse-media-busy .harbor{background-image:var(--lh-arrival-sky)}
body[data-lh-environment="arrival"].lighthouse-media-busy .harbor>.harbor-live-scene,body[data-lh-environment="arrival"].lighthouse-media-busy .harbor>.harbor-live-life{opacity:0;transition:none}
body[data-lh-environment="arrival"] .harbor>.arrival-summary{width:min(330px,calc(46vw - min(22.022vw,227.37px) - 1rem));padding:20px;max-height:calc(100svh - 155px);overflow:auto;scrollbar-width:thin;top:130px;background:linear-gradient(135deg,#03121cf0,#082536d9);border:1px solid #b3955966;border-radius:8px;text-shadow:none}
.arrival-summary [hidden]{display:none!important}
.arrival-summary [data-home-start]>h1{font:400 clamp(29px,2.6vw,38px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:8px 0 10px;color:#fff1d4}
.arrival-summary [data-home-start]>p{font:14px/1.5 Arial,sans-serif;margin:0 0 14px;color:#d9e4e9}
.arrival-summary [data-home-start]>.clarity-kicker{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#e8c884}
.arrival-summary a.arrival-primary-action{display:flex;align-items:center;justify-content:space-between;min-height:48px;box-sizing:border-box;padding:12px 15px;text-decoration:none;background:#f2ce87;color:#101d26;border:1px solid #ffe4ad;border-radius:4px;font:700 15px/1.3 Arial,sans-serif;margin:0 0 14px;width:100%}
.arrival-summary a.arrival-primary-action span{display:inline;margin:0;font:20px/1 Arial;color:inherit}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a,body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a:first-child{min-height:44px;padding:10px 8px;display:flex;align-items:center;border:1px solid #7995a04d;border-radius:4px;background:#061c2bb3;box-shadow:none}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini strong{font:600 13px/1.3 Arial,sans-serif;color:#f8eacb;text-transform:none;letter-spacing:0;overflow-wrap:normal}
body[data-lh-environment="arrival"] .arrival-summary .clarity-more{min-height:36px;display:flex;align-items:center;padding:4px 0;font:13px/1.4 Arial,sans-serif;margin-top:5px}
body[data-lh-environment="arrival"] .arrival-summary .member-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #d6bc7b3d;text-decoration:none;min-height:44px}
body[data-lh-environment="arrival"] .arrival-summary .member-entry span{font:12px/1.4 Arial,sans-serif;color:#d6e2e8;max-width:45%;text-align:left;text-transform:none;letter-spacing:0;margin:0}
body[data-lh-environment="arrival"] .arrival-summary .member-entry strong{font:600 12px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none;padding:9px;min-height:36px;display:flex;align-items:center;color:#ffe0a0}
.arrival-summary .member-entry[data-account-state="signed-in"]{border:1px solid #c5a36588!important;background:#19323ccc;border-radius:4px;padding:10px!important}
.lighthouse-member-signed-in [data-home-start]{display:flex;flex-direction:column}
.lighthouse-member-signed-in .arrival-summary .member-entry{order:-1;margin-bottom:14px!important}
.lighthouse-member-signed-in .arrival-summary .member-entry strong{background:#f2ce87;color:#101d26!important}
.arrival-summary :focus-visible,.home-first-visit :focus-visible,.home-availability :focus-visible{outline:3px solid #9edff5;outline-offset:3px}
.home-guide-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #b99e664d;padding-bottom:8px;margin-bottom:12px}
.arrival-summary .home-guide-bar>span{font:600 12px/1.4 Arial,sans-serif;color:#edcf96;letter-spacing:0;text-transform:none;margin:0}
.home-guide-bar button{width:44px;min-height:44px;border:1px solid #b99e6666;background:#0a2331;color:#ffedc7;font:24px Arial;cursor:pointer;border-radius:4px;flex-shrink:0}
.arrival-summary #home-guidance{font:14px/1.5 Arial,sans-serif;color:#dce5e9}
.arrival-summary #home-guidance h2{font:400 27px/1.12 Georgia,serif;letter-spacing:-.02em;margin:8px 0 14px;color:#fff0cf}
.arrival-summary #home-guidance p{font:13px/1.5 Arial,sans-serif;margin:10px 0;color:#dce5e9}
.arrival-summary #home-guidance .home-guide-step{color:#e5c584;font-size:12px;margin:0}
.arrival-summary #home-guidance label{display:block;font:600 13px/1.4 Arial,sans-serif;margin:12px 0 6px}
.arrival-summary #home-guidance input,.arrival-summary #home-guidance textarea,.arrival-summary #home-guidance select{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:10px;margin-top:6px;border:1px solid #8babb9;border-radius:4px;color:#142634;background:#fff8e9;font:16px/1.4 Arial,sans-serif;min-height:44px}
.arrival-summary #home-guidance select:disabled{opacity:.6}
.arrival-summary #home-guidance summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;box-sizing:border-box;font-size:13px;color:#ffe0a0}
.arrival-summary #home-guidance a{display:inline-flex;align-items:center;min-height:44px;color:#ffe0a0;font:13px/1.4 Arial,sans-serif}
.arrival-summary #home-guidance .home-guide-primary{display:flex;width:100%;box-sizing:border-box;justify-content:center;align-items:center;min-height:48px;padding:11px;margin:12px 0;border:1px solid #ffe4ad;border-radius:4px;background:#f2ce87;color:#101d26;font:700 14px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer}
.arrival-summary #home-guidance .home-guide-button{display:block;background:none;border:0;color:#ffe0a0;font:13px/1.4 Arial;min-height:44px;padding:8px 0;cursor:pointer}
.arrival-summary #home-guidance .home-guide-availability{padding:12px;background:#0e2b3b;border-left:2px solid #d8b36e}
.arrival-summary #home-guidance .home-guide-note{font-size:12px;color:#c6d7df}
.arrival-summary #home-guidance .home-guide-notes{white-space:pre-wrap;overflow-wrap:anywhere}
.home-first-visit{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px 0;margin:25px 0;border-block:1px solid #ae915450}
.home-first-visit h3,.home-availability h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:8px 0 12px}
.home-first-visit p,.home-availability p,.home-availability li{font:16px/1.65 Arial,sans-serif;color:#d2e0e7}
.home-first-visit a,.home-availability a{display:inline-flex;align-items:center;min-height:44px;color:#ffe0a0;font:600 14px/1.5 Arial,sans-serif;padding:6px 0;margin-right:20px}
.home-first-visit nav{display:flex;flex-wrap:wrap;gap:0 15px}.home-first-visit nav a{margin:0}
.home-availability{padding:25px;background:#062231;border:1px solid #a98d524d;border-radius:8px;margin:25px 0 40px}
.home-availability ul{padding-left:20px}.home-availability li{margin:12px 0}
/* In a section, the section itself supplies its heading. The surrounding room becomes a simple toolbar. */
.lighthouse-rooms[data-workspace="open"]>.room-heading{display:none}
.lighthouse-rooms[data-workspace="open"] .upstairs-desk{top:82px;bottom:20px;left:clamp(12px,3vw,40px);right:clamp(12px,3vw,40px)}
.lighthouse-rooms[data-workspace="open"] .desk-workspace{inset:0;height:100%;display:flex;flex-direction:column;min-height:0}
.lighthouse-rooms[data-workspace="open"] .desk-workspace-heading{flex-shrink:0;position:relative;height:auto;min-height:54px}
.lighthouse-rooms[data-workspace="open"] #desk-workspace-context{display:none}
.lighthouse-rooms[data-workspace="open"] #desk-frames{flex:1;min-height:0;height:auto}
.lighthouse-rooms[data-workspace="open"] .room-navigation{display:none}
.lighthouse-rooms[data-workspace="open"] #desk-workspace-title{font:600 15px/1.3 Arial,sans-serif}
.lighthouse-rooms .desk-tool-choices{grid-column:1 / -1;display:grid;gap:8px;padding:14px;background:#171e22ee;border:1px solid #a98c56}
.lighthouse-rooms #desk-destinations .desk-tool-choices button{font:600 15px/1.4 Arial,sans-serif;min-height:44px;padding:10px;border:1px solid #ad945977;background:#33291f;text-align:left}
.lighthouse-rooms .desk-room-copy strong{font:400 25px/1.2 Georgia,serif;text-transform:none;letter-spacing:-.02em}
.lighthouse-rooms .desk-room-copy small{font:14px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#ecdfc7;margin-top:8px}
@media(max-width:700px){
 body[data-lh-environment="arrival"] .harbor{--lh-arrival-sky:url('/assets/lighthouse-harbor-mobile-clean.webp')}
 body[data-lh-environment="arrival"] .harbor{padding-top:14px;grid-template-rows:none;row-gap:10px;align-content:start}
 body[data-lh-environment="arrival"] .harbor>.brand{grid-area:1 / 1;margin:0 auto 4px}
 body[data-lh-environment="arrival"] .harbor>.arrival-summary{grid-area:2 / 1;position:relative;inset:auto;width:calc(100vw - 24px);max-width:440px;max-height:none;margin:0 auto;padding:15px;overflow:visible;background:linear-gradient(135deg,#03121cf2,#082536e6)}
 body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>.clarity-kicker{display:none}
 body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>h1{font-size:27px;margin:0 0 7px;line-height:1.06}
 body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>h1 br{display:none}
 body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>p{font:13px/1.4 Arial,sans-serif;margin:0 0 10px}
 body[data-lh-environment="arrival"] .arrival-summary a.arrival-primary-action{min-height:44px;margin-bottom:8px;padding:10px 12px;font-size:14px}
 body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a{min-height:44px;padding:8px}
 body[data-lh-environment="arrival"] .arrival-summary .member-entry{padding-top:8px;margin-top:0;min-height:44px}
 body[data-lh-environment="arrival"] .arrival-summary .member-entry strong{min-height:36px}
 body[data-lh-environment="arrival"] .harbor>.lighthouse-stage{grid-area:3 / 1;margin:0 auto;translate:none}
 body[data-lh-environment="arrival"] .harbor>.film-tools{grid-area:4 / 1;margin:0 auto;width:calc(100vw - 24px);max-width:440px}
 body[data-lh-environment="arrival"] .harbor>.site-waypoints{grid-area:5 / 1;position:relative;inset:auto;display:flex;flex-wrap:wrap;width:calc(100vw - 24px);margin:0 auto;justify-content:center;gap:4px}
 body[data-lh-environment="arrival"] .harbor>.site-waypoints a{min-height:44px;font-size:12px;padding:8px}
 body[data-lh-environment="arrival"] .harbor>.home{grid-area:6 / 1;position:relative;inset:auto;margin:0 12px}
 .home-first-visit{grid-template-columns:1fr;gap:16px}.home-availability{padding:20px}
 .lighthouse-rooms[data-workspace="open"] .upstairs-desk{top:78px;bottom:12px;left:8px;right:8px}
 .lighthouse-rooms[data-workspace="open"] .desk-workspace-heading{display:grid;grid-template-columns:1fr auto;padding:8px;gap:6px}
 .lighthouse-rooms[data-workspace="open"] #desk-workspace-title{grid-column:1 / -1;font:600 16px/1.2 Arial;margin:0}
 .lighthouse-rooms[data-workspace="open"] .desk-workspace-heading>span{grid-column:1 / -1;grid-row:1}
 .lighthouse-rooms[data-workspace="open"] .desk-workspace-heading a,.lighthouse-rooms[data-workspace="open"] .desk-workspace-heading button{min-height:44px;font:13px/1.3 Arial;padding:8px}
}
@media(prefers-reduced-motion:reduce){.lighthouse-rooms.is-travelling .room-transition{animation:none}}

/* Plain-language choices keep the existing Lighthouse composition and panel. */
.arrival-summary [data-home-start]>p.home-start-examples{font:12px/1.45 Arial,sans-serif;color:#c9d9e0;margin:-5px 0 13px}
body[data-lh-environment="arrival"] .harbor>.arrival-summary{padding:18px}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a,body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a:first-child{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:72px;padding:8px}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini strong{font-size:12.5px}
body[data-lh-environment="arrival"] .arrival-summary .front-door-mini small{display:block;color:#c6d8e0;font:11.5px/1.35 Arial,sans-serif;text-transform:none;letter-spacing:0}
.arrival-summary .member-entry[data-account-state="signed-in"]{padding:8px!important}
body[data-lh-environment="arrival"] .arrival-summary .member-entry[data-account-state="signed-in"] span{font-size:11px;max-width:none;flex:1}
body[data-lh-environment="arrival"] .arrival-summary .member-entry[data-account-state="signed-in"] strong{font-size:11px;white-space:nowrap;padding:8px}
.arrival-summary .home-start-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 10px;margin:5px 0}
.arrival-summary .home-start-links a,.arrival-summary .home-start-links a.clarity-more{display:flex;align-items:center;min-height:44px;padding:6px 0;margin:0;color:#ffe0a0;font:12px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
 body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>p.home-start-examples{font:12px/1.4 Arial,sans-serif;margin:0 0 10px}
 body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a,body[data-lh-environment="arrival"] .arrival-summary .front-door-mini a:first-child{min-height:72px;gap:4px;padding:8px}
 body[data-lh-environment="arrival"] .arrival-summary .front-door-mini small{font-size:11px;line-height:1.35}
 .arrival-summary .home-start-links{gap:0 8px;margin:0}
 .arrival-summary .home-start-links a,.arrival-summary .home-start-links a.clarity-more{font-size:12px}
}

/* Easy Lot has one compact homepage section; the entrance serves all Lighthouse paths. */
.home-storage{margin:28px 0;padding:20px 0;border-block:1px solid #ae915450;scroll-margin-top:20px}
.home-storage h3{font:400 24px/1.25 Georgia,serif;color:#fff0cf;margin:0 0 8px}
.home-storage p{max-width:800px;font:14px/1.6 Arial,sans-serif;color:#d2e0e7;margin:0 0 6px}
.home-storage nav{display:flex;flex-wrap:wrap;gap:0 22px}
.home-storage a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font:600 14px/1.4 Arial,sans-serif;color:#ffe0a0;text-underline-offset:3px}
.clarity-returning.clarity-returning-single{grid-template-columns:1fr}
#create-and-learn{scroll-margin-top:20px}

/* A shorter entrance and one clear sequence through the homepage. */
body[data-lh-environment="arrival"] .site-waypoints .member-entry{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:44px;margin:0;padding:7px 12px;text-transform:none;letter-spacing:0}
body[data-lh-environment="arrival"] .site-waypoints .member-entry span{font:11px/1.3 Arial,sans-serif;color:#d6e2e8;text-transform:none;letter-spacing:0}
body[data-lh-environment="arrival"] .site-waypoints .member-entry strong{display:inline;min-height:0;padding:0;border:0;background:none;box-shadow:none;font:600 12px/1.3 Arial,sans-serif;color:#ffe0a0;text-transform:none;letter-spacing:0}
body[data-lh-environment="arrival"] .site-waypoints .member-entry:hover strong,body[data-lh-environment="arrival"] .site-waypoints .member-entry:focus-visible strong{box-shadow:none;filter:none}
body[data-lh-environment="arrival"] .site-waypoints a:focus-visible{outline:3px solid #9edff5;outline-offset:3px}
body[data-lh-environment="arrival"] .site-waypoints .member-entry[data-account-state="signed-in"]{background:rgba(6,28,43,.92);border-color:#c5a365}
body[data-lh-environment="arrival"] .arrival-summary [data-home-start]>h1{margin-top:0}
body[data-lh-environment="arrival"] .arrival-summary .home-start-links{margin:5px 0 0}
.arrival-summary .home-start-links a span{display:inline;margin:0 0 0 7px;font:14px Arial;color:inherit;letter-spacing:0}
.homepage-flow{content-visibility:visible;contain-intrinsic-size:none;padding-block:40px 28px}
.homepage-flow h2{font:400 clamp(28px,3.2vw,42px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}
.homepage-flow .home-section-lead{font:15px/1.55 Arial,sans-serif;color:#d5e0e6;margin:0 0 20px}
.homepage-flow .clarity-section-grid{gap:14px;margin-top:0}
.homepage-flow .clarity-section-grid article{padding:20px;scroll-margin-top:24px;min-width:0}
.homepage-flow .clarity-section-grid h3{font:400 27px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 10px}
.homepage-flow .clarity-section-grid article>p{font:15px/1.55 Arial,sans-serif;margin:0 0 12px}
.homepage-flow .clarity-section-grid .clarity-section-action,.homepage-flow .clarity-section-grid details>summary{font:600 14px/1.45 Arial,sans-serif;min-height:44px;padding:10px 0}
.homepage-flow .home-section-note{display:block;margin:3px 0 0;color:#c6d8e0;font:12px/1.45 Arial,sans-serif}
.home-demo{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center;margin:30px 0;padding:24px 0;border-block:1px solid #ae915450}
.homepage-flow .home-demo h2{font-size:29px}
.home-demo p{font:15px/1.6 Arial,sans-serif;color:#d5e0e6;margin:0 0 8px}
.home-demo a,.home-footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#ffe0a0;font:600 14px/1.5 Arial,sans-serif;text-underline-offset:3px}
.home-demo-video{padding-left:24px;border-left:1px solid #ae915450}
.home-demo-video p{font-size:13px;margin-bottom:0}
.homepage-flow .home-how{margin:28px 0;padding:0;background:none;border:0;border-radius:0}
.homepage-flow .home-how h2{font-size:29px}
.homepage-flow .home-how ol{margin:18px 0;gap:24px}
.homepage-flow .home-how li strong{font:600 16px/1.4 Arial,sans-serif;margin:0 0 7px}
.homepage-flow .home-how li span{font:14px/1.55 Arial,sans-serif}
.homepage-flow .home-how>p{font:13px/1.55 Arial,sans-serif;margin:16px 0 0;padding-top:14px}
.homepage-flow .home-storage{margin:28px 0 18px}
.home-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;align-items:start}
.home-footer details{min-width:0;border:1px solid #ae915450;background:#041b29aa;border-radius:4px}
.home-footer details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;color:#ffe0a0;font:600 14px/1.5 Arial,sans-serif;cursor:pointer;list-style:revert}
.home-footer .home-costs>summary::after{content:'+';font:18px Arial}
.home-footer .home-costs[open]>summary::after{content:'−'}
.home-footer .home-costs p{font:14px/1.6 Arial,sans-serif;color:#d5e0e6;margin:0 14px 8px}
.home-footer .home-costs>a{margin:0 14px 8px}
.home-footer .home-directory{margin:0;max-width:none;box-shadow:none}
.home-footer .home-directory summary{background:none}
.home-footer .home-directory summary span{font:18px Arial;color:inherit;letter-spacing:0}
.home-footer .home-directory[open]{grid-column:1 / -1}
.home-footer .home-directory[open] summary span{font-size:0}
.home-footer .home-directory[open] summary span::before{content:'−';font:18px Arial}
.home-footer .path-grid{grid-template-columns:1fr 1fr}
.home-footer .path-grid a{display:grid;align-content:start;gap:6px;min-height:0;padding:16px;font-size:14px}
.home-footer .path-grid span{font:14px/1.5 Arial,sans-serif}
.home-footer .path-grid small{margin:0;font:11px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0}
.home-footer .home-footer-help{padding-top:0;min-height:44px;grid-column:1 / -1;justify-self:start}
@media(min-width:701px){
 body[data-lh-environment="arrival"] .harbor>.site-waypoints{top:clamp(76px,10vh,92px);left:auto;max-width:calc(100vw - 390px);margin:0}
 body[data-lh-environment="arrival"] .harbor>.film-tools{top:calc(clamp(76px,10vh,92px) + 58px)}
}
@media(max-width:700px){
 body[data-lh-environment="arrival"] .harbor{width:100%;max-width:100%}
 body[data-lh-environment="arrival"] .site-waypoints .member-entry{padding:6px 10px}
 body[data-lh-environment="arrival"] .harbor>.site-waypoints{grid-area:2 / 1}
 body[data-lh-environment="arrival"] .harbor>.arrival-summary{grid-area:3 / 1}
 body[data-lh-environment="arrival"] .harbor>.lighthouse-stage{grid-area:4 / 1}
 body[data-lh-environment="arrival"] .harbor>.film-tools{grid-area:5 / 1}
 .homepage-flow{padding-block:28px 20px}
 .homepage-flow .clarity-section-grid{gap:12px}
 .homepage-flow .clarity-section-grid article{padding:17px}
 .homepage-flow .clarity-section-grid h3{font-size:25px}
 .home-demo{grid-template-columns:1fr;gap:10px;margin:24px 0;padding:20px 0}
 .home-demo-video{padding:12px 0 0;border-left:0;border-top:1px solid #ae915450}
 .homepage-flow .home-how ol{grid-template-columns:1fr;gap:16px;margin:16px 0}
 .homepage-flow .home-how li strong{margin-bottom:4px}
 .home-footer{grid-template-columns:1fr;gap:10px}
 .home-footer .path-grid{grid-template-columns:1fr}
}

/* One layout owns the arrival controls. The original tower and harbor artwork stay in place. */
.home-footer-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0 24px;align-items:center}
body[data-lh-environment="arrival"] .harbor>.arrival-controls{position:absolute;z-index:5;top:clamp(24px,3vw,42px);left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);display:grid;grid-template-columns:330px minmax(0,1fr) 280px;grid-template-areas:"brand . utilities" "panel . utilities";gap:24px;align-items:start;pointer-events:none}
body[data-lh-environment="arrival"] .arrival-controls>*{pointer-events:auto;min-width:0}
body[data-lh-environment="arrival"] .arrival-controls>.brand{grid-area:brand;position:relative;inset:auto;display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;justify-items:center;gap:0;width:100%;max-width:none;margin:0;transform:none}
body[data-lh-environment="arrival"] .arrival-controls>.brand strong{font-size:clamp(32px,3.2vw,44px);white-space:nowrap}
body[data-lh-environment="arrival"] .arrival-controls>.arrival-summary{grid-area:panel;position:relative;inset:auto;align-self:start;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:18px;border:1px solid #b3955966;border-radius:8px;background:linear-gradient(135deg,#03121cf0,#082536e8);backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none;transform:none}
body[data-lh-environment="arrival"] .arrival-controls>.arrival-utilities{grid-area:utilities;display:grid;gap:16px;justify-items:end;align-content:start;min-width:0}
body[data-lh-environment="arrival"] .arrival-utilities>.arrival-note{position:relative;inset:auto;margin:0;text-align:right;font-size:10px;line-height:1.5;letter-spacing:.12em}
body[data-lh-environment="arrival"] .arrival-utilities>.site-waypoints{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;max-width:none;margin:0;padding:0}
body[data-lh-environment="arrival"] .arrival-utilities>.film-tools{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;max-width:none;margin:0}
body[data-lh-environment="arrival"] .arrival-controls .front-door-mini>a{min-width:0;overflow-wrap:anywhere}
body[data-lh-environment="arrival"] .arrival-controls .arrival-primary-action{gap:12px;font:700 14px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0;box-shadow:none}
body[data-lh-environment="arrival"] .arrival-controls .arrival-primary-action>span{flex:none}
@media(min-width:701px) and (max-width:1240px){
 body[data-lh-environment="arrival"] .harbor{width:100%;height:auto;min-height:100svh;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto;gap:24px;padding:24px;align-items:start;justify-items:stretch;align-content:start}
 body[data-lh-environment="arrival"] .harbor>.arrival-controls{display:contents}
 body[data-lh-environment="arrival"] .arrival-controls>.brand{grid-area:1 / 1;align-self:start}
 body[data-lh-environment="arrival"] .arrival-controls>.brand strong{font-size:36px}
 body[data-lh-environment="arrival"] .arrival-controls>.arrival-utilities{grid-area:1 / 2;align-self:start;justify-self:end;width:100%;max-width:280px}
 body[data-lh-environment="arrival"] .arrival-controls>.arrival-summary{grid-area:2 / 1}
 body[data-lh-environment="arrival"] .harbor>.lighthouse-stage{grid-area:2 / 2;width:100%;min-width:0;max-width:none;margin:0;translate:none;align-self:start;justify-self:center}
 body[data-lh-environment="arrival"] .arrival-controls [data-home-start]>h1{font-size:31px}
 body[data-lh-environment="arrival"] .arrival-utilities>.arrival-note{display:none}
}
@media(max-width:700px){
 body[data-lh-environment="arrival"] .harbor{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px;padding:18px 12px 24px;align-items:start;justify-items:center;align-content:start}
 body[data-lh-environment="arrival"] .harbor>.arrival-controls{display:contents}
 body[data-lh-environment="arrival"] .arrival-controls>.brand{grid-area:1 / 1;width:min(100%,300px);margin:0 auto}
 body[data-lh-environment="arrival"] .arrival-controls>.brand strong{font-size:clamp(29px,8.7vw,38px)}
 body[data-lh-environment="arrival"] .arrival-controls>.arrival-utilities{grid-area:2 / 1;width:100%;max-width:440px;justify-items:center;gap:10px}
 body[data-lh-environment="arrival"] .arrival-utilities>.arrival-note{display:none}
 body[data-lh-environment="arrival"] .arrival-utilities>.site-waypoints,body[data-lh-environment="arrival"] .arrival-utilities>.film-tools{justify-content:center}
 body[data-lh-environment="arrival"] .arrival-controls>.arrival-summary{grid-area:3 / 1;width:100%;max-width:440px;padding:16px}
 body[data-lh-environment="arrival"] .arrival-controls [data-home-start]>h1{font-size:27px}
 body[data-lh-environment="arrival"] .arrival-controls [data-home-start]>p{font-size:13px;line-height:1.45;margin-bottom:12px}
 body[data-lh-environment="arrival"] .harbor>.lighthouse-stage{grid-area:4 / 1;max-width:100%;min-width:0;margin:0;translate:none}
}
@media(min-width:701px) and (max-width:800px){
 body[data-lh-environment="arrival"] .harbor{grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px}
 body[data-lh-environment="arrival"] .arrival-controls>.brand strong{font-size:33px}
}
/* The existing phone preview uses the same flow even inside a wide owner window. */
html.force-phone-view body[data-lh-environment="arrival"] .harbor{width:min(100%,430px);max-width:100%;height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px;padding:18px 12px 24px;align-items:start;justify-items:center;align-content:start}
html.force-phone-view body[data-lh-environment="arrival"] .harbor>.arrival-controls{display:contents}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls>.brand{grid-area:1 / 1;width:min(100%,300px);margin:0 auto}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls>.brand strong{font-size:34px}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls>.arrival-utilities{grid-area:2 / 1;width:100%;max-width:440px;justify-items:center;gap:10px;display:grid;justify-self:center}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-utilities>.arrival-note{display:none}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-utilities>.site-waypoints,html.force-phone-view body[data-lh-environment="arrival"] .arrival-utilities>.film-tools{justify-content:center}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls>.arrival-summary{grid-area:3 / 1;width:100%;max-width:440px;padding:16px}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls [data-home-start]>h1{font-size:27px}
html.force-phone-view body[data-lh-environment="arrival"] .arrival-controls [data-home-start]>p{font-size:13px;line-height:1.45;margin-bottom:12px}
html.force-phone-view body[data-lh-environment="arrival"] .harbor>.lighthouse-stage{grid-area:4 / 1;width:100%;max-width:100%;min-width:0;margin:0;translate:none}

/* /section-introductions.css */
.lh-introduction-entry{margin:14px 0 20px;position:relative;z-index:2;font:600 15px/1.5 system-ui,sans-serif;letter-spacing:normal;text-transform:none}.lh-introduction-entry a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;padding:9px 14px;min-height:44px;border:1px solid #c7a66d;border-radius:8px;background:#102b3c;color:#ffe2ab!important;text-decoration:none}.lh-introduction-entry span{font-weight:400}.lh-intro-dialog{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 30px);padding:0;color:#f7f1e5;background:#0e2433;border:1px solid #cfae72;border-radius:16px;box-shadow:0 24px 100px #000a;font:16px/1.6 system-ui,sans-serif;overflow:auto}.lh-intro-dialog::backdrop{background:#020a12d9}.lh-intro-content{padding:24px}.lh-intro-close{float:right;padding:10px 14px;min-height:44px;background:#f3ce89;color:#0a2232;border:0;border-radius:7px;font:650 15px/1.4 system-ui,sans-serif;cursor:pointer}.lh-intro-dialog h2{clear:both;padding-top:10px;font:38px/1.15 Georgia,serif;margin:0 0 12px}.lh-guide-kicker{color:#f2cf8d;font:700 12px/1.6 system-ui,sans-serif;letter-spacing:.12em;margin:8px 0 15px}.lh-intro-dialog video,.lh-guide-page video{width:100%;aspect-ratio:16/9;background:#020a12;display:block;border-radius:9px}.lh-intro-note{font-size:14px;color:#cad6dd}.lh-intro-dialog summary{padding:10px 0;cursor:pointer;font-weight:650}.lh-intro-dialog h3{font:600 21px/1.3 system-ui,sans-serif;margin-bottom:5px}.lh-intro-dialog li{margin-bottom:20px}.lh-intro-dialog :focus-visible,.lh-guide-page :focus-visible,.lh-introduction-entry :focus-visible{outline:3px solid #90e1ff;outline-offset:4px}.lh-guide-page{margin:0;color:#f7f1e5;background:#081a27;font:17px/1.7 system-ui,sans-serif}.lh-guide-page main{max-width:960px;padding:36px 22px 70px;margin:auto}.lh-guide-page nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:35px}.lh-guide-page a{color:#ffe2ab}.lh-guide-page h1{font:clamp(36px,7vw,60px)/1.15 Georgia,serif}.lh-guide-page h2{font:34px/1.2 Georgia,serif;margin-top:35px}.lh-guide-page li{padding-bottom:18px}.lh-guide-action{display:inline-block;padding:12px 18px;border:1px solid #bba06d;border-radius:7px}.lh-guide-page footer{margin-top:40px}@media(max-width:600px){.lh-intro-content{padding:17px}.lh-intro-dialog h2{font-size:29px}.lh-introduction-entry{font-size:14px}.lh-intro-dialog ol{padding-left:23px}}

.lh-guide-page video.lh-portrait-video{aspect-ratio:9/16;max-height:75dvh;object-fit:contain}

/* /lighthouse-section-directory.css */
/* The directory begins below the protected original Lighthouse entrance. */
#simple-start .home-directory-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start;margin-top:22px}
#simple-start .home-section-directory{min-width:0;border-top:1px solid #b99c6259}
#simple-start .home-directory-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:0 18px;align-items:start;padding:16px 0;margin:0;scroll-margin-top:24px;border:0;border-bottom:1px solid #b99c6259;background:none;border-radius:0;box-shadow:none;min-width:0}
#simple-start .home-direct-entry,#simple-start .home-directory-row>details>summary{position:relative;display:block;margin:0;padding:0 22px 0 0;min-height:48px;color:#fff0d3;text-decoration:none;background:none;border:0;border-radius:0;text-align:left;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none}
#simple-start .home-direct-title{display:block;margin:0;font:400 24px/1.2 Georgia,serif;letter-spacing:-.025em;color:#fff0d3}
#simple-start .home-direct-entry small,#simple-start .home-directory-row>details>summary small{display:block;margin-top:6px;color:#d5e1e6;font:400 13px/1.45 Arial,sans-serif;letter-spacing:0;text-transform:none}
#simple-start .home-direct-entry::after{content:'→';position:absolute;right:0;top:4px;color:#edce92;font:16px/1.3 Arial,sans-serif}
#simple-start .home-direct-entry:hover .home-direct-title,#simple-start .home-directory-row>details>summary:hover .home-direct-title{text-decoration:underline;text-decoration-color:#edce92;text-underline-offset:4px}
#simple-start .home-directory-row>details{min-width:0;margin:0;width:100%;background:none;border:0;border-radius:0}
#simple-start .home-directory-row>details>summary{list-style:none}
/* Shared site controls use inline-flex!important; keep each label above its example. */
#simple-start .home-directory-row>details>summary{display:block!important;padding-top:0!important;padding-bottom:0!important;min-height:48px!important}
#simple-start .home-directory-row>details>summary::-webkit-details-marker{display:none}
#simple-start .home-directory-row>details>summary::after{content:'›';position:absolute;right:0;top:0;color:#edce92;font:24px/1.2 Georgia,serif}
#simple-start .home-directory-row>details[open]>summary::after{content:'⌄'}
#simple-start .home-directory-tools{margin:12px 0 0;padding:0 0 0 12px;border-left:1px solid #b99c6259}
#simple-start .home-directory-tools a{display:flex;align-items:center;min-height:44px;padding:7px 0;color:#edce92;font:400 14px/1.45 Arial,sans-serif;text-underline-offset:4px}
#simple-start .home-directory-preview{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;min-height:48px;margin:0;padding:5px 0;color:#d5e1e6;font:400 13px/1.4 Arial,sans-serif;text-decoration:none;text-transform:none;letter-spacing:0;white-space:nowrap;background:none;border:0;box-shadow:none}
#simple-start .home-directory-preview span{font-size:12px;color:#edce92}
#simple-start .home-directory-preview:hover,#simple-start .home-directory-preview[aria-expanded="true"]{color:#edce92;text-decoration:underline;text-underline-offset:4px}
#simple-start .home-section-preview{position:relative;min-width:0;width:100%;padding:0;margin:0;background:none;border:0;box-shadow:none;border-radius:0}
#simple-start .home-preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-bottom:8px}
#simple-start .home-preview-kicker{font:500 11px/1.5 Arial,sans-serif;color:#edce92;letter-spacing:.08em}
#simple-start .home-preview-close{display:inline-flex;align-items:center;justify-content:flex-end;min-width:44px;min-height:44px;padding:6px 0;color:#d5e1e6;background:none;border:0;box-shadow:none;font:13px/1.4 Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0}
#simple-start .home-preview-player{position:relative;aspect-ratio:16/9;width:100%;background:#061b29;border:1px solid #b99c6259;overflow:hidden}
#simple-start .home-preview-poster{position:absolute;inset:0;display:block;max-width:none;width:100%;height:100%;padding:0;margin:0}
#simple-start .home-preview-poster img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}
#simple-start .home-preview-play-label{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:7px;padding:8px 10px;min-height:36px;border:1px solid #d4b47788;background:#061b29ed;color:#fff0d3;font:500 13px/1.4 Arial,sans-serif}
#simple-start .home-preview-player video{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:#04131d}
#simple-start .home-preview-player [hidden],#simple-start .home-section-preview [hidden]{display:none!important}
#simple-start .home-section-preview h3{margin:16px 0 9px;color:#fff0d3;font:400 28px/1.2 Georgia,serif;letter-spacing:-.025em}
#simple-start .home-preview-description{margin:0 0 8px;color:#d5e1e6;font:14px/1.6 Arial,sans-serif}
#simple-start .home-preview-introduction{display:inline-flex;align-items:center;min-height:44px;padding:7px 0;color:#edce92;font:13px/1.5 Arial,sans-serif;text-underline-offset:4px}
#simple-start .home-preview-note,#simple-start .home-preview-status{margin:8px 0 0;color:#cbdce3;font:12px/1.5 Arial,sans-serif}
#simple-start .home-preview-status:empty{display:none}
#simple-start .home-directory-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:18px}
#simple-start .home-directory-footer>a{display:inline-flex;align-items:center;min-height:44px;color:#edce92;font:14px/1.4 Arial,sans-serif;text-underline-offset:4px}
#simple-start .home-directory-footer small{color:#cbdce3;font:12px/1.5 Arial,sans-serif}
#simple-start .home-directory-footer small a{color:#edce92}
#simple-start :is(.home-directory-row,.home-section-preview,.home-directory-footer) :focus-visible{outline:3px solid #a6e5ff;outline-offset:4px}
@media(max-width:700px){
 #simple-start .home-directory-layout{display:block;margin-top:20px}
 #simple-start .home-directory-row{grid-template-columns:minmax(0,1fr) 74px;gap:0 12px;padding:14px 0}
 #simple-start .home-direct-title{font-size:21px}
 #simple-start .home-direct-entry small,#simple-start .home-directory-row>details>summary small{font-size:12px}
 #simple-start .home-directory-preview{font-size:12px}
 #simple-start .home-section-preview{display:none;grid-column:1 / -1;margin-top:12px;padding-bottom:5px}
 #simple-start .home-directory-layout[data-preview-open="true"] .home-section-preview{display:block}
 #simple-start .home-directory-footer{display:block;margin-top:12px}
 #simple-start .home-directory-footer small{display:block;margin-top:5px}
}
html.force-phone-view #simple-start .home-directory-layout{display:block}
html.force-phone-view #simple-start .home-directory-row{grid-template-columns:minmax(0,1fr) 74px;gap:0 12px;padding:14px 0}
html.force-phone-view #simple-start .home-section-preview{display:none;grid-column:1 / -1;margin-top:12px}
html.force-phone-view #simple-start .home-directory-layout[data-preview-open="true"] .home-section-preview{display:block}

/* /lighthouse-home-refinements.css */
/* Closed entrance, artwork and existing layout rules are deliberately untouched. */
#home-guidance:not([hidden]){max-height:min(620px,75svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b99c62 #082536;scrollbar-width:thin;padding-right:3px}
#home-guidance .home-guide-choices{display:grid;gap:0}
.arrival-summary #home-guidance .home-guide-choices .home-guide-button{width:100%;text-align:left;min-height:48px;padding:12px 0;border-bottom:1px solid #b99c624d;color:#fff0d3;font:14px/1.45 Arial,sans-serif}
#home-guidance .home-guide-next{padding-left:20px;margin:12px 0;font:13px/1.55 Arial,sans-serif;color:#d5e1e6}
#home-guidance .home-guide-next li{margin:8px 0}
#simple-start .home-preview-steps{padding:0;list-style:none;margin:14px 0;color:#d5e1e6;font:14px/1.55 Arial,sans-serif}
#simple-start .home-preview-steps li{margin:10px 0}
#simple-start .home-preview-steps strong{display:block;color:#edce92;font-size:12px}
#simple-start .home-preview-entry{display:inline-flex;align-items:center;min-height:44px;margin:0 16px 0 0;color:#ffe0a0;font:600 14px/1.4 Arial,sans-serif;text-underline-offset:4px}
#simple-start .home-section-preview details summary{min-height:44px;display:flex;align-items:center;color:#edce92;font:14px/1.4 Arial,sans-serif;cursor:pointer}
#simple-start .home-section-preview details p{color:#d5e1e6;font:14px/1.55 Arial,sans-serif}
.home-refinement-skip{position:fixed;top:8px;left:8px;z-index:10000;transform:translateY(-200%);padding:12px 16px;background:#f2ce87;color:#101d26;font:700 16px Arial,sans-serif}
.home-refinement-skip:focus{transform:none;outline:3px solid #a6e5ff}
@media(max-width:700px){#home-guidance:not([hidden]){max-height:65svh}#simple-start .home-preview-entry{display:flex;width:fit-content}#simple-start .home-directory-tools a{padding-block:10px}}
@media(prefers-reduced-motion:reduce){#home-guidance{scroll-behavior:auto}}

/* /lighthouse-clear-welcome.css */
/* Approved homepage layout; original Lighthouse and harbor assets remain unchanged. */
.preview-utilities{display:flex;align-items:center;gap:10px;font:600 13px/1.4 Arial,sans-serif}
.preview-utilities>a,.preview-menu>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#fff0d3;padding:10px 14px;border:1px solid #c8aa6866;background:#061c2bdb;border-radius:4px;text-decoration:none;cursor:pointer;list-style:none}
.preview-menu{position:relative}
.preview-menu>summary::-webkit-details-marker{display:none}
.preview-menu>nav{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:10px 16px;background:#061b29;border:1px solid #c8aa68a8;border-radius:4px;box-shadow:0 14px 35px #0008;z-index:15}
.preview-menu>nav a{display:flex;align-items:center;min-height:46px;font:14px/1.4 Arial,sans-serif;color:#fff0d3;text-decoration:none;border-bottom:1px solid #b99c6233}
.preview-menu>nav a:last-child{border-bottom:0}
body.lighthouse-clear-welcome .harbor .arrival-controls>.arrival-summary{padding:23px;max-width:330px;background:linear-gradient(135deg,#03121cd9,#082536c9)}
.lighthouse-clear-welcome .arrival-summary [data-home-start]>h1{font:400 36px/1.08 Georgia,serif;margin:0 0 12px;letter-spacing:-.035em}
.lighthouse-clear-welcome .arrival-summary [data-home-start]>p{font:15px/1.6 Arial,sans-serif;color:#e4edf0;margin:0 0 20px}
.lighthouse-clear-welcome .arrival-summary .arrival-primary-action{font-size:15px!important;min-height:48px!important;margin-bottom:4px}
.arrival-summary .preview-help-choose{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#f1d59b;text-decoration:none;font:600 14px/1.4 Arial,sans-serif}
.arrival-summary .preview-help-choose span{display:inline;margin:0;font:18px Arial;color:inherit}
body.lighthouse-clear-welcome .arrival-summary .film-tools{position:static;inset:auto;display:flex;justify-content:flex-start;width:100%;padding-top:13px;margin-top:12px;border-top:1px solid #b99c623d;gap:8px}
.lighthouse-clear-welcome .arrival-summary .film-tools [data-film-open]{display:flex;gap:7px;align-items:center;background:none;border:0;padding:0;font:13px/1.4 Arial,sans-serif;color:#d5e1e6;min-height:44px}
.lighthouse-clear-welcome .arrival-summary .film-tools [data-film-open] small{display:inline;color:#b7cbd4;font:12px Arial}
.lighthouse-clear-welcome .arrival-summary .film-tools [data-film-toggle],.lighthouse-clear-welcome .arrival-summary .film-tools [data-film-sound]{display:none!important}
.lighthouse-clear-welcome .harbor::before,.lighthouse-clear-welcome .harbor::after{pointer-events:none}
.preview-screen-cue{display:none}
.lighthouse-clear-welcome #simple-start .home-directory-layout{display:block;max-width:840px;margin:26px auto 0}
.lighthouse-clear-welcome #simple-start .home-section-preview{display:none}
.lighthouse-clear-welcome #simple-start .home-directory-layout[data-preview-open="true"]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:none}
.lighthouse-clear-welcome #simple-start .home-directory-layout[data-preview-open="true"] .home-section-preview{display:block}
.lighthouse-clear-welcome #simple-start .home-direct-entry small,.lighthouse-clear-welcome #simple-start .home-directory-row>details>summary small{font:15px/1.5 Arial,sans-serif;color:#e0e8ec;margin-top:6px}
.lighthouse-clear-welcome #simple-start .home-directory-row{padding-block:18px}
.lighthouse-clear-welcome #simple-start .home-directory-preview{color:#d0dce2;font-size:13px;min-height:48px}
.lighthouse-clear-welcome .homepage-flow h2{font-size:38px}
.lighthouse-clear-welcome #simple-start>.home-section-lead{font-size:16px;max-width:600px}
.lighthouse-clear-welcome .homepage-flow{padding-block:42px 28px;background-image:linear-gradient(#031321bc,#031321e8);background-position:center;background-size:cover}
.lighthouse-clear-welcome .homepage-flow.water-ready{background-image:linear-gradient(#031321bc,#031321e8),url('/assets/lighthouse-harbor-water-texture.webp')}
.preview-how{border-block:1px solid #b99c6259;margin:28px 0 0;padding:8px 0;scroll-margin-top:20px}
.preview-how>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;cursor:pointer;font:17px/1.5 Arial,sans-serif;color:#e0e8ec;list-style:none}
.preview-how>summary::-webkit-details-marker{display:none}
.preview-how>summary strong{font-weight:600;color:#fff0d3;margin-right:8px}
.preview-how>summary>span:last-child{font:24px Georgia;color:#e2c78f}
.preview-how[open]>summary>span:last-child{font-size:0}
.preview-how[open]>summary>span:last-child::before{content:'−';font:24px Georgia}
.preview-how-content{padding:0 0 18px;color:#d9e5ea;font:15px/1.65 Arial,sans-serif}
.preview-how-content li{margin:12px 0}
.preview-how-content p{font-size:14px}
.preview-how-content nav{display:flex;flex-wrap:wrap;gap:6px 28px}
.preview-how-content a,.preview-free a{display:inline-flex;align-items:center;min-height:44px;color:#f0d59c;text-underline-offset:4px}
.preview-free{font:14px/1.65 Arial,sans-serif;color:#d9e5ea;margin:16px 0 24px}
.preview-free a{margin-left:8px}
.lighthouse-clear-welcome .home-storage{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;padding-block:24px}
.lighthouse-clear-welcome .home-storage h3{font-size:22px;margin-bottom:6px}
.lighthouse-clear-welcome .home-storage p{font-size:14px;margin:0}
.lighthouse-clear-welcome .home-storage nav{gap:0 22px}
.lighthouse-clear-welcome .home-footer .home-costs{display:none}
.lighthouse-clear-welcome .home-footer{grid-template-columns:1fr}
.lighthouse-clear-welcome .home-footer .path-grid{grid-template-columns:1fr 1fr}
.lighthouse-clear-welcome :is(a,button,summary):focus-visible{outline:3px solid #a6e5ff;outline-offset:4px}
@media(min-width:701px) and (max-width:1240px){
 body.lighthouse-clear-welcome .harbor{grid-template-columns:280px minmax(0,1fr)}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.arrival-summary{padding:20px}
 .lighthouse-clear-welcome .arrival-summary [data-home-start]>h1{font-size:32px}
}
@media(max-width:700px){
 body.lighthouse-clear-welcome .harbor{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0;height:auto;padding:14px 16px 22px;gap:8px;align-content:start;overflow:hidden;background-size:cover;background-position:center top}
 body.lighthouse-clear-welcome .harbor>.arrival-controls{display:contents}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand{grid-area:1 / 1;position:relative;inset:auto;justify-self:start;align-self:center;width:174px;max-width:calc(100% - 138px);margin:0;z-index:6}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand strong{font-size:clamp(22px,6.2vw,27px);letter-spacing:-.055em}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand .brand-icon{display:none}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand .brand-the{font-size:9px}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand small{font-size:5px;letter-spacing:.06em;margin-top:5px;padding-top:5px}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.arrival-utilities{grid-area:1 / 1;justify-self:end;align-self:center;width:auto;display:block;z-index:8}
 .preview-utilities{gap:6px;font-size:12px}
 .preview-utilities>a,.preview-menu>summary{padding:9px 10px;gap:6px}
 body.lighthouse-clear-welcome .harbor>.lighthouse-stage{grid-area:3 / 1;width:calc(100% + 24px);min-width:0;max-width:480px;align-self:start;justify-self:center;margin:8px 0 2px;translate:none;animation:none;transition:none!important}
 .lighthouse-clear-welcome .lighthouse-stage::before{content:'';position:absolute;z-index:-1;left:8%;right:8%;bottom:0;height:3%;border-radius:50%;background:#05101bc2;filter:blur(5px);transform:translateY(30%) scaleX(1.2)}
 .lighthouse-clear-welcome .lighthouse-stage .stage-artwork{z-index:2}
 .lighthouse-clear-welcome .patio-foreground{display:none}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.arrival-summary{grid-area:2 / 1;position:relative;inset:auto;width:100%;max-width:440px;margin:0 auto;padding:16px 18px 9px;z-index:4;background:linear-gradient(135deg,#041a26d9,#082333c9);border-color:#b395595c;box-shadow:0 8px 30px #0002;align-self:start}
 .lighthouse-clear-welcome .arrival-summary [data-home-start]>h1{font-size:28px;margin:0 0 8px;line-height:1.1}
 .lighthouse-clear-welcome .arrival-summary [data-home-start]>p{font-size:15px;line-height:1.5;margin:0 0 14px}
 body.lighthouse-clear-welcome .arrival-summary .film-tools{display:none}
 .lighthouse-clear-welcome .screen .preview-screen-cue{position:absolute;display:flex;align-items:center;justify-content:center;gap:6px;z-index:6;left:0;right:0;bottom:0;padding:5px 6px;background:#04131df2;color:#fff0d3;font:600 10.5px/1.3 Arial,sans-serif;text-align:left;letter-spacing:0;pointer-events:none;text-transform:none;transition:opacity .15s ease}
 .lighthouse-clear-welcome .screen .preview-screen-play{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #e8ca8b;border-radius:50%;background:#ead09a;color:#142330}
 .lighthouse-clear-welcome .screen .preview-screen-caption{display:block;min-width:0}
 .lighthouse-clear-welcome .screen .preview-screen-caption small{display:block;color:#cfdee6;font:400 9.5px/1.4 Arial,sans-serif;margin-top:2px}
 .lighthouse-clear-welcome .screen.preview-film-active .preview-screen-cue{opacity:0}
 .lighthouse-clear-welcome .arrival-summary .preview-help-choose{justify-content:center;gap:12px;min-height:44px}
 .lighthouse-clear-welcome #simple-start .home-directory-layout,.lighthouse-clear-welcome #simple-start .home-directory-layout[data-preview-open="true"]{display:block;margin-top:24px}
 .lighthouse-clear-welcome .homepage-flow{padding:28px 20px 24px}
 .lighthouse-clear-welcome .homepage-flow h2{font-size:32px}
 .lighthouse-clear-welcome #simple-start>.home-section-lead{font-size:15px;line-height:1.6}
 .lighthouse-clear-welcome #simple-start .home-direct-title{font-size:23px}
 .lighthouse-clear-welcome #simple-start .home-directory-row{grid-template-columns:minmax(0,1fr) 58px;gap:0 14px;padding:18px 0}
 .lighthouse-clear-welcome #simple-start .home-direct-entry small,.lighthouse-clear-welcome #simple-start .home-directory-row>details>summary small{font-size:14px;line-height:1.5}
 .lighthouse-clear-welcome #simple-start .home-direct-entry,.lighthouse-clear-welcome #simple-start .home-directory-row>details>summary{padding-right:16px;min-height:48px}
 .lighthouse-clear-welcome #simple-start .home-directory-preview{font-size:12px}
 .lighthouse-clear-welcome .home-storage{display:block;margin-block:24px 16px;padding-block:20px}
 .lighthouse-clear-welcome .home-storage nav{margin-top:8px;gap:0 20px}
 .preview-how>summary{font-size:15px;min-height:60px}
 .preview-how>summary strong{display:block;margin:0 0 3px}
 .preview-free a{margin-left:0}
 .lighthouse-clear-welcome .home-footer .path-grid{grid-template-columns:1fr}
}
@media(max-width:350px){
 body.lighthouse-clear-welcome .harbor{padding-inline:12px}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand{max-width:calc(100% - 140px)}
 body.lighthouse-clear-welcome .harbor .arrival-controls>.brand strong{font-size:19px}
 .preview-utilities>a,.preview-menu>summary{padding-inline:8px}
 .preview-utilities{gap:4px}
 .lighthouse-clear-welcome .arrival-summary [data-home-start]>h1{font-size:25px}
 .lighthouse-clear-welcome .homepage-flow{padding-inline:16px}
}

/* Keep the account link compact while the existing session code updates its destination and accessible label. */
.preview-utilities>[data-home-member-entry]{display:inline-flex;align-items:center;gap:0;margin:0;padding:10px 14px;min-height:44px}
.preview-utilities [data-home-member-status]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preview-utilities [data-home-member-action]{display:block;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;letter-spacing:0;text-transform:none}
.screen:is(.guiding,.thinking,.broadcast-ready) .preview-screen-cue{display:none}
.lighthouse-clear-welcome .screen-arrival-choices:not(.broadcast-visible){display:none}
@media(max-width:700px){.preview-utilities>[data-home-member-entry]{padding:9px 10px}.preview-utilities [data-account-state="signed-in"] [data-home-member-action]{font-size:0;line-height:0}.preview-utilities [data-account-state="signed-in"] [data-home-member-action]::after{content:'Account';font:600 12px/1.4 Arial,sans-serif}}
@media(max-width:350px){.preview-utilities>[data-home-member-entry]{padding-inline:8px}}

.home-preview-sound{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;margin:10px 0 2px;border:1px solid #e5b85e;border-radius:4px;background:#f3d282;color:#061827;font:700 14px/1.4 Arial,sans-serif;cursor:pointer}.home-preview-sound[hidden]{display:none}.home-preview-sound:focus-visible{outline:3px solid #8be3f5;outline-offset:3px}

/* Same original mobile harbor artwork, with a smaller encoded transfer. */
@media(max-width:700px){body.lighthouse-clear-welcome .harbor{background-image:url('/assets/lighthouse-harbor-mobile-clean-fast-v1.webp')}}