:root{--paper:#f3ead8;--ink:#173f35;--red:#d64a31;--yellow:#e9ad28;--blue:#234a72;--cream:#fffaf0;--muted:#6d675d;--line:#203a33;--shadow:8px 9px 0 rgba(27,53,45,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202820;background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55;background-image:radial-gradient(#284d4114 1px,transparent 1px);background-size:7px 7px}img{max-width:100%;display:block}a{color:inherit}button,a{touch-action:manipulation}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:14px clamp(20px,5vw,72px);border-bottom:2px solid var(--line);background:#f8f0df;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,serif;font-weight:700;color:var(--ink)}.logo-mark{width:42px;height:42px;background:var(--ink);color:var(--cream);display:grid;place-items:center;border-radius:50%;font-size:21px}.main-nav{display:flex;gap:24px;align-items:center;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.main-nav a{text-decoration:none;border-bottom:2px solid transparent}.main-nav a:hover{border-color:var(--red)}.nav-cta{background:var(--red)!important;color:white;padding:10px 14px;border:2px solid var(--line)!important;box-shadow:3px 3px 0 var(--line)}
.hero{max-width:1360px;margin:0 auto;padding:clamp(26px,4vw,54px) clamp(20px,5vw,72px) 72px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(480px,1.22fr);align-items:center;gap:clamp(24px,4vw,58px)}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--red);display:flex;align-items:center;gap:8px}.kicker:before{content:"";width:28px;height:8px;background:var(--yellow);display:block}.hero h1,.page-title{font:700 clamp(3.6rem,7.2vw,7.8rem)/.84 Georgia,serif;letter-spacing:-.065em;color:var(--ink);margin:20px 0 24px}.hero h1 em,.page-title em{font-weight:400;color:var(--red)}.hero-copy{font:1.08rem/1.55 Georgia,serif;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;border:2px solid var(--line);background:var(--yellow);box-shadow:4px 4px 0 var(--line);transition:.15s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.btn.alt{background:var(--cream)}.collage{position:relative;transform:rotate(1.1deg);box-shadow:var(--shadow);border:12px solid var(--cream)}.collage:before{content:"";position:absolute;z-index:2;width:108px;height:29px;background:#e4b533c9;top:-22px;left:44%;transform:rotate(-4deg);mix-blend-mode:multiply}.collage img{aspect-ratio:16/9;object-fit:cover}.stamp{position:absolute;right:-20px;bottom:-27px;width:104px;height:104px;border:4px double var(--red);border-radius:50%;background:var(--paper);color:var(--red);display:grid;place-items:center;text-align:center;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-10deg)}
.directory{background:var(--ink);color:var(--cream);padding:78px clamp(20px,5vw,72px);position:relative;overflow:hidden}.directory:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--red);right:-120px;top:-140px}.section-head{max-width:1160px;margin:0 auto 36px;display:flex;justify-content:space-between;align-items:end;gap:28px}.section-head h2{font:700 clamp(2.6rem,5vw,5rem)/.95 Georgia,serif;letter-spacing:-.045em;margin:0}.section-head p{max-width:440px;margin:0;color:#dcd3c0}.cards{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:19px;position:relative;z-index:2}.card{grid-column:span 2;min-height:260px;background:var(--cream);color:#1b2c25;padding:25px;border:2px solid #0e2921;box-shadow:6px 6px 0 #081b16;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:.18s}.card:nth-child(2){transform:rotate(-1deg);background:#efb535}.card:nth-child(3){transform:rotate(1deg);background:#e45a40}.card:nth-child(4){grid-column:2/span 2;background:#d9e0d3}.card:nth-child(5){grid-column:4/span 2;background:#b9cad8}.card:hover{transform:translateY(-6px) rotate(0);box-shadow:8px 12px 0 #081b16}.card-num{font-size:.72rem;font-weight:900;letter-spacing:.16em}.card h3{font:700 2rem/1 Georgia,serif;margin:42px 0 12px;max-width:220px}.card p{font-size:.91rem;margin:0 0 18px}.arrow{margin-top:auto;font-size:1.5rem;font-weight:900}
.manifesto{padding:95px clamp(20px,5vw,72px);max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.manifesto h2{font:700 clamp(2.8rem,5vw,5rem)/.95 Georgia,serif;color:var(--ink);letter-spacing:-.045em;margin:0}.manifesto blockquote{font:1.45rem/1.5 Georgia,serif;margin:0;border-left:12px solid var(--yellow);padding-left:28px}.manifesto p{font-size:1rem;color:#5d5a52}
.site-footer{background:#132f27;color:#f6eddc;padding:34px clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.82rem}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none}
.page-hero{padding:58px clamp(20px,6vw,88px) 70px;border-bottom:2px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:attr(data-number);position:absolute;right:3vw;bottom:-6vw;font:700 clamp(10rem,25vw,25rem)/1 Georgia,serif;color:rgba(25,64,54,.08);pointer-events:none}.page-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;position:relative;z-index:2}.page-title{font-size:clamp(3.5rem,7vw,7rem)}.page-deck{font:1.25rem/1.55 Georgia,serif;max-width:700px}.mini-collage{background:#fff;padding:10px;transform:rotate(2deg);box-shadow:var(--shadow);position:relative}.mini-collage img{aspect-ratio:4/3;object-fit:cover}.mini-collage:before{content:"";position:absolute;width:88px;height:24px;background:#e5b32dc9;top:-14px;left:35%;transform:rotate(-4deg)}
.content{max-width:1180px;margin:auto;padding:70px clamp(20px,4vw,48px) 100px}.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:60px}.content h2{font:700 clamp(2rem,4vw,3.6rem)/1 Georgia,serif;color:var(--ink);letter-spacing:-.035em;margin:0 0 22px}.lead{font:1.25rem/1.55 Georgia,serif}.module{padding:32px 0;border-top:3px solid var(--ink)}.checklist{display:grid;gap:12px;margin:24px 0}.check{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:#fffaf0;border:1px solid #b7ad9b;padding:16px}.box{width:22px;height:22px;border:2px solid var(--ink);background:var(--yellow)}.check strong{display:block;margin-bottom:3px}.check span{color:#686157;font-size:.94rem}.steps{counter-reset:step;display:grid}.steps article{counter-increment:step;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-top:1px solid #9f9789}.steps article:before{content:"0" counter(step);font-weight:900;color:var(--red);font-size:1.1rem}.steps h3{margin:0 0 6px;font:700 1.35rem Georgia,serif}.steps p{margin:0;color:#625e56}
.sidebar{align-self:start;position:sticky;top:28px}.note{background:var(--yellow);border:2px solid var(--line);padding:25px;box-shadow:var(--shadow);transform:rotate(1deg);margin-bottom:24px}.note.red{background:var(--red);color:white;transform:rotate(-1deg)}.note.blue{background:#c6d6df}.note h3{font:700 1.5rem/1.05 Georgia,serif;margin:0 0 12px}.note p,.note li{font-size:.9rem}.note ul{padding-left:20px}.page-links{display:grid;gap:8px}.page-links a{background:#fffaf0;border:2px solid var(--line);padding:11px 13px;text-decoration:none;font-weight:800;font-size:.85rem}.page-links a:hover{background:var(--yellow)}
.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.room{background:#fffaf0;border:2px solid var(--line);padding:24px;min-height:210px;box-shadow:4px 4px 0 #1c3b3133}.room:nth-child(2n){background:#d9e0d3}.room h3{font:700 1.5rem Georgia,serif;margin:0 0 10px}.tag{display:inline-block;background:var(--red);color:#fff;padding:3px 8px;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
@media(max-width:900px){.hero-grid,.page-hero-inner,.content-grid,.manifesto{grid-template-columns:1fr}.hero-grid{gap:45px}.collage{order:-1}.hero h1{font-size:clamp(3.4rem,13vw,6rem)}.cards{grid-template-columns:repeat(2,1fr)}.card,.card:nth-child(4),.card:nth-child(5){grid-column:span 1}.sidebar{position:static}.main-nav a:not(.nav-cta){display:none}.page-hero-inner{gap:40px}.mini-collage{max-width:650px;order:-1}.manifesto{gap:40px}}
@media(max-width:600px){.site-header{min-height:68px}.logo span:last-child{font-size:.78rem}.logo-mark{width:36px;height:36px}.nav-cta{padding:8px 10px}.hero{padding-top:20px}.collage{border-width:7px}.stamp{width:78px;height:78px;font-size:.53rem}.cards,.room-grid{grid-template-columns:1fr}.card,.card:nth-child(4),.card:nth-child(5){grid-column:1}.section-head{display:block}.section-head p{margin-top:18px}.page-hero{padding-top:30px}.page-title{font-size:clamp(3.2rem,16vw,5rem)}.site-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.explore-page{background:#153a31;min-height:100svh}.explore-header{position:absolute;inset:0 0 auto 0;z-index:20;background:linear-gradient(#f7efdf 0,#f7efdfeb 72%,transparent);border:0}.explore-header .main-nav a{background:#f8f0df;padding:8px 10px;border:1px solid #173f35}.explore-wrap{min-height:100svh;padding:92px 22px 28px;display:grid;place-items:center}.explore-board{width:min(1500px,100%);aspect-ratio:16/9;position:relative;background:#eee3cc;border:10px solid #fff8e9;box-shadow:12px 14px 0 #071d17;overflow:hidden}.explore-board>img{width:100%;height:100%;object-fit:cover}.welcome-note{position:absolute;z-index:3;left:4%;top:4%;width:min(390px,31%);background:#fff9eb;border:2px solid #173f35;padding:clamp(10px,1.5vw,22px);box-shadow:5px 6px 0 #173f35;transform:rotate(-1deg)}.welcome-note .kicker{font-size:clamp(.52rem,.72vw,.72rem)}.welcome-note h1{font:700 clamp(1.35rem,3.4vw,4rem)/.88 Georgia,serif;color:#173f35;letter-spacing:-.05em;margin:10px 0}.welcome-note p{font:clamp(.7rem,1.05vw,1.05rem)/1.35 Georgia,serif;margin:0}.explore-instruction{position:absolute;z-index:3;left:50%;top:2%;transform:translateX(-50%) rotate(1deg);background:#e9ad28;border:2px solid #173f35;padding:7px 12px;font-size:clamp(.55rem,.8vw,.78rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.map-link{position:absolute;z-index:5;display:flex;align-items:center;min-height:48px;text-decoration:none;background:#fff9eb;color:#173f35;border:2px solid #173f35;padding:clamp(6px,.8vw,11px) clamp(8px,1vw,15px);box-shadow:4px 4px 0 #173f35;font-weight:900;font-size:clamp(.63rem,1vw,1rem);line-height:1;text-transform:uppercase;letter-spacing:.03em}.map-link:before{content:"";position:absolute;width:42%;height:11px;background:#e6b52da8;top:-8px;left:29%;transform:rotate(-3deg)}.map-link:hover,.map-link:focus-visible{background:#e9ad28;outline:3px solid #fff9eb;outline-offset:3px}.map-link span{font-weight:400;margin-left:7px}.map-buy{left:4%;top:73%;transform:rotate(-3deg)}.map-club{left:36%;top:49%;transform:translateX(-50%) rotate(1deg)}.map-move{left:69%;top:27%;transform:rotate(2deg)}.map-neighbors{left:74%;top:75%;transform:rotate(-2deg)}.map-own{left:48%;top:78%;transform:rotate(1deg)}.explore-footer{color:#fff7e8;text-align:center;font-size:.77rem;padding:0 20px 28px}.explore-footer a{margin:0 10px}
@media(max-width:720px){.explore-page{background:#f3ead8}.explore-header{position:relative;background:#f8f0df;border-bottom:2px solid #173f35}.explore-header .main-nav{display:none}.explore-wrap{padding:18px 10px;min-height:auto;display:block}.explore-board{border-width:5px;box-shadow:6px 7px 0 #173f35;overflow:visible;margin-bottom:245px}.welcome-note{position:relative;left:auto;top:auto;width:100%;transform:none;margin-bottom:12px;box-shadow:4px 4px 0 #173f35}.welcome-note h1{font-size:2.6rem}.welcome-note p{font-size:.95rem}.explore-instruction{top:auto;bottom:-44px;font-size:.68rem}.map-link{font-size:.68rem;min-height:42px;padding:7px 9px;white-space:nowrap}.map-link span{display:none}.map-buy{left:0;top:calc(100% + 70px);transform:rotate(-1deg)}.map-club{left:52%;top:calc(100% + 70px);transform:rotate(1deg)}.map-move{left:0;top:calc(100% + 125px);transform:rotate(1deg)}.map-neighbors{left:52%;top:calc(100% + 125px);transform:rotate(-1deg)}.map-own{left:25%;top:calc(100% + 180px);transform:rotate(1deg)}.explore-footer{background:#153a31;padding:22px}.explore-footer a{display:inline-block;margin:5px 8px}}
.world-page{margin:0;background:#102a2a;color:#fff6dd;overflow-x:hidden}.world-header{position:absolute;z-index:20;inset:0 0 auto 0;background:linear-gradient(#102b2be8,transparent);border:0;color:#fff}.world-header .logo{color:#fff6dd}.world-header .logo-mark{background:#8b432e;border:1px solid #ffd69a}.world-header .main-nav a{color:#fff6dd}.world-wrap{min-height:100svh;display:grid;place-items:center;padding:0}.world-frame{position:relative;width:100%;height:100svh;overflow:hidden}.world-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,17,20,.3),transparent 30%,rgba(6,16,18,.18))}.world-scene{width:100%;height:100%;object-fit:cover;animation:world-breathe 18s ease-in-out infinite alternate}.world-title{position:absolute;z-index:4;left:50%;top:9%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 25px #0a1515;width:min(690px,86vw)}.world-title .kicker{color:#ffd07d;justify-content:center}.world-title h1{font:500 clamp(3rem,6.5vw,6.8rem)/.86 Georgia,serif;letter-spacing:-.055em;margin:14px 0 12px}.world-title p{font:clamp(.95rem,1.3vw,1.2rem)/1.4 Arial,sans-serif;margin:0}.room-link{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;text-decoration:none;background:#fff0d3;color:#35251d;border:2px solid #6f3d29;border-radius:999px;padding:10px 15px;font:800 clamp(.72rem,1vw,.95rem)/1 Arial,sans-serif;box-shadow:0 8px 24px rgba(21,11,7,.45);transition:.2s}.room-link:before{content:"";width:13px;height:13px;border-radius:50%;background:#e58b3c;border:2px solid #fff6dd;box-shadow:0 0 0 7px #f8ad5942;animation:room-pulse 2.3s ease-in-out infinite}.room-link:hover,.room-link:focus-visible{background:#ffd080;transform:translateY(-3px);outline:3px solid #fff4d6;outline-offset:3px}.rl-work{left:8%;top:55%}.rl-club{left:39%;top:62%}.rl-buy{left:76%;top:29%}.rl-move{left:62%;top:57%}.rl-neighbor{left:83%;top:60%}.room-key{display:none}
@keyframes world-breathe{to{transform:scale(1.035)}}@keyframes room-pulse{50%{box-shadow:0 0 0 12px #f8ad5915}}
.illustrated-hero{min-height:72svh;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:5px solid #173f35;background:#2b3b35}.illustrated-hero .page-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:world-breathe 20s ease-in-out infinite alternate}.illustrated-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,24,17,.9) 0,rgba(39,24,17,.7) 32%,rgba(39,24,17,.08) 63%,transparent)}.illustrated-copy{position:relative;z-index:2;width:min(620px,88vw);margin-left:clamp(22px,7vw,110px);color:#fff1d5;text-shadow:0 2px 18px #27150e}.illustrated-copy .kicker{color:#ffcb76}.illustrated-copy .page-title{color:#fff1d5}.illustrated-copy .page-title em{color:#ffb467}.illustrated-copy .page-deck{max-width:540px}
@media(max-width:720px){.world-header{position:relative;background:#102b2b}.world-header .main-nav{display:none}.world-frame{height:auto;min-height:0;padding-bottom:205px;background:#102b2b}.world-scene{height:auto;aspect-ratio:16/9;object-fit:contain;animation:none}.world-title{position:relative;left:auto;top:auto;transform:none;width:auto;text-align:left;padding:18px 20px 12px}.world-title .kicker{justify-content:flex-start}.world-title h1{font-size:3rem}.world-title p{font-size:.95rem}.room-link{width:46px;height:46px;padding:0;justify-content:center;font-size:0}.room-link:after{content:attr(data-number);font-size:.78rem}.room-link:before{position:absolute;width:40px;height:40px;background:#fff0d3;box-shadow:0 4px 12px #0006;z-index:-1}.rl-work{left:9%;top:54%}.rl-club{left:41%;top:55%}.rl-buy{left:80%;top:35%}.rl-move{left:64%;top:57%}.rl-neighbor{left:87%;top:59%}.room-key{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:absolute;z-index:5;left:12px;right:12px;bottom:14px}.room-key a{background:#fff0d3;color:#35251d;text-decoration:none;padding:10px;border-radius:8px;font-size:.75rem;font-weight:800}.illustrated-hero{min-height:72svh;align-items:flex-end}.illustrated-hero .page-scene{animation:none;object-position:62% center}.illustrated-hero:after{background:linear-gradient(0deg,rgba(39,24,17,.94) 0,rgba(39,24,17,.55) 48%,transparent 80%)}.illustrated-copy{margin:0;padding:80px 22px 34px;width:100%}.illustrated-copy .page-title{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){.world-scene,.illustrated-hero .page-scene,.room-link:before{animation:none!important}}
.world-frame{height:auto;min-height:100svh;display:grid;place-items:center;align-content:center;padding:82px 0 18px}.scene-stage{position:relative;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;overflow:hidden}.scene-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,17,20,.24),transparent 30%,rgba(6,16,18,.1))}.scene-stage .world-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.world-title{top:10%;pointer-events:none}.room-link{transform:translate(-50%,-50%)}.room-link:hover,.room-link:focus-visible{transform:translate(-50%,calc(-50% - 3px))}.rl-work{left:13%;top:57%}.rl-club{left:48%;top:60%}.rl-buy{left:84%;top:31%}.rl-move{left:67%;top:59%}.rl-neighbor{left:87%;top:61%}
@media(max-width:720px){.world-frame{display:block;min-height:0;padding:0 0 18px}.scene-stage{width:100%;aspect-ratio:16/9;overflow:hidden}.world-title{position:relative;left:auto;top:auto;transform:none;width:auto;text-align:left;padding:18px 20px 12px;pointer-events:auto}.world-title .kicker{justify-content:flex-start}.world-title h1{font-size:3rem}.world-title p{font-size:.95rem}.scene-stage .world-scene{position:absolute;height:100%;aspect-ratio:auto;object-fit:contain}.room-link{width:42px;height:42px;min-height:42px;transform:translate(-50%,-50%);padding:0}.room-link:hover,.room-link:focus-visible{transform:translate(-50%,-50%)}.room-link:before{width:38px;height:38px}.rl-work{left:13%;top:57%}.rl-club{left:48%;top:60%}.rl-buy{left:84%;top:31%}.rl-move{left:67%;top:59%}.rl-neighbor{left:87%;top:61%}.room-key{position:relative;left:auto;right:auto;bottom:auto;margin:12px;display:grid}}
.room-link{background:rgba(255,240,211,.7);border-color:rgba(255,246,221,.84);padding:8px 11px;box-shadow:0 5px 16px rgba(21,11,7,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.84}.room-link:before{width:9px;height:9px;border-width:1px;background:rgba(229,139,60,.68);box-shadow:0 0 0 5px rgba(248,173,89,.16);animation:none}.room-link:hover,.room-link:focus-visible{opacity:1;background:rgba(255,208,128,.94)}@media(max-width:720px){.room-link{width:32px;height:32px;min-height:32px;background:rgba(255,240,211,.58);border-color:rgba(255,246,221,.78);box-shadow:0 3px 10px rgba(0,0,0,.26);opacity:.78;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.room-link:before{width:26px;height:26px;background:rgba(255,240,211,.5);box-shadow:0 2px 7px rgba(0,0,0,.25)}.room-link:after{font-size:.66rem;color:#35251d}.room-link:hover,.room-link:focus-visible{opacity:1}}

/* Town > neighborhood > home world layers */
.layer-trail{position:absolute;z-index:12;top:92px;left:clamp(18px,3vw,46px);display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,241,212,.55);border-radius:999px;background:rgba(20,37,35,.52);backdrop-filter:blur(5px);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#fff2d5}.layer-trail a{text-decoration:none}.layer-trail a:hover{text-decoration:underline}.layer-trail span{color:#f0b865}.place-title{top:12%;width:min(760px,88vw)}.place-title h1{font-size:clamp(2.7rem,5.8vw,6rem)}.place-link{transform:translate(-50%,-50%)}.place-link:hover,.place-link:focus-visible{transform:translate(-50%,calc(-50% - 3px))}
.town-restaurants{left:17%;top:72%}.town-shops{left:27%;top:52%}.town-happenings{left:51%;top:57%}.town-parks{left:12%;top:31%}.town-resources{left:77%;top:34%}.town-merch{left:86%;top:70%}.town-neighborhood{left:90%;top:15%}
.hood-share{left:9%;top:47%}.hood-meet{left:22%;top:31%}.hood-events{left:51%;top:57%}.hood-families{left:88%;top:69%}.hood-board{left:16%;top:74%}.hood-home{left:68%;top:30%}
.is-zooming .place-stage{transform:scale(1.08);opacity:0;transition:transform .34s ease,opacity .34s ease}.place-stage{transition:transform .34s ease,opacity .34s ease;transform-origin:center}.content-trail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6d675d}.content-trail a{text-decoration:none;color:var(--red)}.content-trail.light{color:#fff1d5}.content-trail.light a{color:#ffba6d}.anchor-module{scroll-margin-top:24px}.town-page-hero,.hood-page-hero{background:#f3ead8}.town-page-hero .mini-collage img,.hood-page-hero .mini-collage img{aspect-ratio:16/10}.concept-badge{display:inline-block;margin-top:24px;padding:8px 12px;border:1px solid #f8d59c;background:rgba(32,46,38,.72);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.product{min-height:245px;padding:26px;border:2px solid var(--line);background:#fffaf0;box-shadow:5px 5px 0 rgba(23,63,53,.2)}.product:nth-child(2n){background:#d9e0d3}.product:nth-child(3n){background:#efb535}.product-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ink);color:#fff6dd;font:1.8rem Georgia,serif}.product h3{font:700 1.55rem/1.05 Georgia,serif;color:var(--ink);margin:28px 0 10px}.product p{margin:0;color:#5e5a52}.shop-hero{min-height:78svh}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.layer-trail{position:relative;top:auto;left:auto;margin:12px 14px 0;width:max-content}.place-title{padding-top:10px}.place-key{grid-template-columns:1fr 1fr}.place-frame{padding-bottom:0}.place-link{width:32px;height:32px;min-height:32px;transform:translate(-50%,-50%)}.place-link:hover,.place-link:focus-visible{transform:translate(-50%,-50%)}.town-restaurants{left:17%;top:72%}.town-shops{left:27%;top:52%}.town-happenings{left:51%;top:57%}.town-parks{left:12%;top:31%}.town-resources{left:77%;top:34%}.town-merch{left:86%;top:70%}.town-neighborhood{left:90%;top:15%}.hood-share{left:9%;top:47%}.hood-meet{left:22%;top:31%}.hood-events{left:51%;top:57%}.hood-families{left:88%;top:69%}.hood-board{left:16%;top:74%}.hood-home{left:68%;top:30%}.product-grid{grid-template-columns:1fr}.shop-hero .page-scene{object-position:62% center}.content-trail.light{margin-bottom:14px}}

/* Guided Town — Version B */
.guided-header{background:linear-gradient(#102b2bf5,rgba(16,43,43,.75) 70%,transparent)}.guided-nav{gap:clamp(10px,1.5vw,24px)}.guided-nav a.active{border-color:var(--red)}.guided-frame{padding-top:82px}.guided-title{top:10%;width:min(800px,90vw)}.guided-title h1{font-size:clamp(3rem,6vw,6.2rem)}.guided-title p{max-width:650px;margin:auto}.guided-actions{display:flex;justify-content:center;gap:10px;margin-top:18px;pointer-events:auto}.guided-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:2px solid #fff0d3;background:#e9ad28;color:#173f35;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:900;box-shadow:3px 3px 0 #173f35}.guided-button.ghost{background:rgba(23,63,53,.65);color:#fff0d3}.guided-button.dark{background:#173f35;color:#fff6dd;border-color:#173f35}.guided-home{left:89%;top:19%}.guided-town{left:23%;top:62%}.guided-club{left:53%;top:57%}.guided-member{left:86%;top:72%}.guided-key a{display:flex;flex-wrap:wrap;gap:8px}.guided-key small{display:block;width:100%;opacity:.7;font-weight:500}.mobile-dock{display:none}.guided-light-header{position:sticky;top:0}.guided-destination{min-height:76svh}.guided-content{max-width:1180px;margin:auto;padding:76px clamp(20px,4vw,48px) 100px}.guided-intro{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end;margin-bottom:40px}.guided-intro h2,.guided-bulletin h2,.member-layout h2{font:700 clamp(2.6rem,5vw,5rem)/.95 Georgia,serif;letter-spacing:-.045em;color:var(--ink);margin:8px 0 0}.guided-intro>p{font:1.18rem/1.55 Georgia,serif;margin:0}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.guided-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guided-card-grid.three,.member-tools{grid-template-columns:repeat(3,1fr)}.guided-card{min-height:260px;padding:26px;background:#fffaf0;border:2px solid var(--line);box-shadow:5px 5px 0 rgba(23,63,53,.2);text-decoration:none;display:flex;flex-direction:column}.guided-card.yellow{background:#efb535}.guided-card.blue{background:#c6d6df}.guided-card.red{background:#d95a42}.guided-card>span{font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.guided-card h3{font:700 1.8rem/1 Georgia,serif;color:var(--ink);margin:36px 0 12px}.guided-card p{margin:0;color:#373c37}.guided-card b{margin-top:auto;padding-top:24px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.guided-card:hover{transform:translateY(-4px);box-shadow:7px 9px 0 rgba(23,63,53,.26)}.guided-bulletin{margin-top:58px;padding:36px;border:3px solid var(--ink);background:#e9ad28;display:flex;align-items:end;justify-content:space-between;gap:40px;box-shadow:8px 8px 0 rgba(23,63,53,.2)}.guided-bulletin h2{font-size:clamp(2.4rem,4vw,4rem)}.guided-bulletin p{max-width:650px}.member-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;margin-bottom:58px}.member-card-preview{aspect-ratio:1.58/1;border-radius:20px;padding:28px;background:linear-gradient(135deg,#173f35,#234a72);color:#fff6dd;box-shadow:10px 12px 0 rgba(23,63,53,.2);display:flex;flex-direction:column;position:relative;overflow:hidden}.member-card-preview:after{content:"⌂";position:absolute;right:-8px;bottom:-54px;font:11rem Georgia,serif;color:rgba(255,255,255,.07)}.member-card-preview>span{font:700 .72rem Georgia,serif;letter-spacing:.14em}.member-card-preview>strong{font:700 clamp(1.5rem,3vw,2.8rem) Georgia,serif;margin-top:15%;position:relative;z-index:1}.member-card-preview>p{margin:4px 0 0;color:#f2c77b}.member-card-preview>div{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:15px;position:relative;z-index:1}.member-card-preview small{max-width:130px;text-align:right}.prototype-note,.form-note{color:#665f55;font-size:.82rem;margin-top:24px}.join-page{min-height:100svh}.join-shell{max-width:1080px;margin:auto;padding:70px clamp(20px,6vw,80px) 100px;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.join-copy{align-self:start;position:sticky;top:130px}.join-copy h1{font:700 clamp(3.4rem,7vw,6.6rem)/.88 Georgia,serif;color:var(--ink);letter-spacing:-.06em;margin:20px 0}.join-copy p{font:1.15rem/1.55 Georgia,serif}.join-form{background:#fffaf0;border:2px solid var(--line);padding:30px;box-shadow:8px 9px 0 rgba(27,53,45,.16)}.join-form fieldset{border:0;padding:0;margin:30px 0 0}.join-form legend,.name-field>span{font-weight:900;color:var(--ink);margin-bottom:12px;display:block}.name-field input{width:100%;min-height:50px;padding:12px;border:2px solid var(--line);background:white;font:1rem Arial,sans-serif}.stage-choice{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:16px 0;border-top:1px solid #c4b9a7;cursor:pointer}.stage-choice input{width:19px;height:19px;margin-top:3px;accent-color:var(--red)}.stage-choice b,.stage-choice small{display:block}.stage-choice small{color:#6d675d;margin-top:3px}.join-submit{width:100%;min-height:52px;border:2px solid var(--line);background:var(--red);color:white;box-shadow:4px 4px 0 var(--line);font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.join-submit:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}
@media(max-width:980px){.guided-nav a:not(.nav-cta){display:none}.guided-card-grid.three,.member-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:58px}.guided-header{position:relative;background:#102b2b}.guided-frame{padding-top:0}.guided-title{padding-top:16px}.guided-title h1{font-size:3.2rem}.guided-actions{justify-content:flex-start;flex-wrap:wrap}.guided-home{left:89%;top:19%}.guided-town{left:23%;top:62%}.guided-club{left:53%;top:57%}.guided-member{left:86%;top:72%}.guided-key{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);background:#102b2b;color:#fff6dd;border-top:1px solid #c99355}.mobile-dock a{padding:12px 4px;text-decoration:none;text-align:center;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.mobile-dock a.active{background:#8b432e}.guided-intro,.member-layout,.join-shell{grid-template-columns:1fr}.guided-card-grid,.guided-card-grid.three,.member-tools{grid-template-columns:1fr}.guided-intro{gap:22px}.guided-bulletin{display:block;padding:26px}.guided-bulletin .guided-button{margin-top:18px}.join-shell{padding-top:35px}.join-copy{position:static}.member-card-preview{max-width:520px}.guided-destination .page-scene{object-position:62% center}}

/* Town Know-It-All */
.know-bubble{position:absolute;z-index:9;left:71.2%;top:69.5%;transform:translate(-50%,-100%);display:flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border:2px solid rgba(255,246,221,.92);border-radius:18px 18px 18px 5px;background:rgba(25,64,54,.88);color:#fff5d9;box-shadow:0 0 0 4px rgba(239,181,53,.2),0 0 25px 8px rgba(239,181,53,.58);backdrop-filter:blur(5px);cursor:pointer;text-align:left;animation:know-glow 2.2s ease-in-out infinite}.know-bubble:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border-width:10px 10px 0 0;border-style:solid;border-color:rgba(25,64,54,.9) transparent transparent transparent}.know-bubble:hover,.know-bubble:focus-visible{background:#1f594a;outline:3px solid #efb535;outline-offset:4px;animation:none}.know-question{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#efb535;color:#173f35;font:900 1rem Georgia,serif}.know-bubble b,.know-bubble small{display:block}.know-bubble b{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.know-bubble small{font-size:.66rem;color:#f3d7a1;margin-top:2px}.know-key{display:none}.know-dialog{width:min(620px,calc(100vw - 28px));max-height:min(760px,calc(100svh - 30px));padding:0;border:0;background:transparent;color:#24342e}.know-dialog::backdrop{background:rgba(7,20,19,.7);backdrop-filter:blur(4px)}.retro-window{border:3px solid #173f35;background:#f4ead6;box-shadow:10px 12px 0 rgba(4,15,13,.55)}.retro-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:6px 7px 6px 12px;background:#173f35;color:#fff7df;border-bottom:3px solid #102a24;font-family:"Courier New",monospace;letter-spacing:.06em}.retro-titlebar>div{display:flex;align-items:center;gap:9px}.retro-icon{display:grid;place-items:center;width:23px;height:23px;background:#efb535;color:#173f35;border:2px outset #ffe1a0;font-weight:900}.retro-close{width:30px;height:30px;padding:0;border:2px outset #fff2d2;background:#d6583f;color:#fff;font-size:1.3rem;font-weight:900;line-height:1;cursor:pointer}.retro-content{max-height:calc(100svh - 160px);overflow:auto;padding:18px}.know-welcome{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:13px;border:2px inset #d8cbb4;background:#fffaf0}.know-welcome p{margin:3px 0 0;font-size:.9rem}.know-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#efb535;border:2px solid #173f35;font:2rem Georgia,serif}.retro-folders{margin-top:14px;border:2px solid #173f35}.retro-folders details{background:#fffaf0;border-bottom:1px solid #b9ae9b}.retro-folders details:last-child{border-bottom:0}.retro-folders summary{position:relative;padding:13px 38px 13px 42px;cursor:pointer;font:700 .9rem "Courier New",monospace;list-style:none}.retro-folders summary::-webkit-details-marker{display:none}.retro-folders summary:before{content:"▸";position:absolute;left:14px;color:#d6583f}.retro-folders details[open] summary:before{content:"▾"}.retro-folders details[open] summary{background:#efb535;color:#173f35}.retro-folders p{margin:0;padding:13px 16px 17px 42px;font-size:.94rem;line-height:1.55;background:#fffdf6}.retro-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border-top:3px double #827968;background:#d9cfbc;font:700 .72rem "Courier New",monospace}.retro-ok{min-width:90px;padding:7px 12px;border:2px outset #fff2d2;background:#efb535;color:#173f35;font-weight:900;cursor:pointer}@keyframes know-glow{0%,100%{box-shadow:0 0 0 4px rgba(239,181,53,.18),0 0 18px 5px rgba(239,181,53,.42);filter:brightness(1)}50%{box-shadow:0 0 0 7px rgba(239,181,53,.1),0 0 32px 12px rgba(239,181,53,.72);filter:brightness(1.12)}}
@media(max-width:720px){.know-bubble{left:71.2%;top:69.5%;width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;opacity:.88}.know-bubble>span:last-child{display:none}.know-bubble:after{display:block;left:50%;bottom:-8px;border-width:8px 8px 0 0}.know-question{width:24px;height:24px;flex-basis:24px}.know-key{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;background:#173f35;color:#fff0d3;border:1px solid #efb535;padding:10px;border-radius:8px;text-align:left;font-size:.75rem;font-weight:800}.know-key small{display:block;width:100%;opacity:.75}.know-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 82px);margin:auto auto 66px}.retro-window{box-shadow:5px 6px 0 rgba(4,15,13,.55)}.retro-content{max-height:calc(100svh - 210px);padding:12px}.retro-folders summary{padding-left:36px}.retro-folders p{padding-left:36px}}
@media(prefers-reduced-motion:reduce){.know-bubble{animation:none;box-shadow:0 0 0 5px rgba(239,181,53,.24),0 0 22px 7px rgba(239,181,53,.5)}}

/* Illustrated exploration system */
.experience-page{margin:0;min-height:100svh;background:#102a2a;color:#fff6dd;overflow-x:hidden}.experience-header{position:absolute;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,3vw,42px);background:linear-gradient(#102b2bf2,rgba(16,43,43,.72) 72%,transparent);border:0}.experience-header .logo{color:#fff6dd}.experience-header nav{display:flex;align-items:center;gap:10px}.experience-header nav a,.experience-header nav .member-logout{color:#fff6dd;text-decoration:none;font:900 .76rem Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:9px 11px;border:1px solid rgba(255,246,221,.32);border-radius:999px;background:rgba(16,43,43,.56)}.experience-header nav .member-logout{cursor:pointer}.experience-header nav a:hover,.experience-header nav a:focus-visible,.experience-header nav .member-logout:hover,.experience-header nav .member-logout:focus-visible{background:#efb535;color:#173f35;outline:2px solid #fff6dd}.experience-shell{min-height:100svh;display:grid;place-items:center;padding:72px 0 18px}.experience-stage{position:relative;width:min(100vw,calc((100svh - 90px) * 16 / 9));aspect-ratio:16/9;overflow:hidden;background:#162e2d;transition:transform .28s ease,opacity .28s ease}.scene-is-zooming .experience-stage{transform:scale(1.055);opacity:0}.experience-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.experience-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,17,20,.5),transparent 33%,rgba(5,17,20,.08) 75%,rgba(5,17,20,.34))}.experience-copy{position:absolute;z-index:4;left:4%;top:8%;width:min(470px,48%);text-shadow:0 3px 22px rgba(4,13,13,.9);pointer-events:none}.experience-copy .kicker{color:#ffd17d;justify-content:flex-start}.experience-copy h1{margin:8px 0 8px;font:700 clamp(2rem,4.2vw,4.8rem)/.9 Georgia,serif;letter-spacing:-.045em}.experience-copy p{margin:0;max-width:430px;font-size:clamp(.86rem,1.15vw,1.06rem);line-height:1.42}.experience-trail{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.experience-trail a{color:#ffd17d;text-decoration:none}.explore-bubble{position:absolute;z-index:8;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;min-height:47px;padding:8px 13px 8px 9px;border:2px solid #fff0d3;border-radius:999px;background:rgba(25,64,54,.9);color:#fff6dd;text-decoration:none;box-shadow:0 0 0 5px rgba(239,181,53,.16),0 8px 25px rgba(4,16,14,.55);backdrop-filter:blur(5px);transition:transform .2s,background .2s}.explore-bubble:before{content:"↗";display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#efb535;color:#173f35;font-weight:900}.explore-bubble span{display:block}.explore-bubble b{display:block;font-size:.77rem;line-height:1.05}.explore-bubble small{display:block;margin-top:3px;color:#f3d7a1;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.explore-bubble:hover,.explore-bubble:focus-visible{transform:translate(-50%,calc(-50% - 4px));background:#1f594a;outline:3px solid #efb535;outline-offset:3px}.question-bubble{position:absolute;z-index:9;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid #fff6dd;border-radius:50%;background:rgba(214,88,63,.9);color:white;font:900 1.08rem Georgia,serif;box-shadow:0 0 0 5px rgba(239,181,53,.2),0 0 22px rgba(239,181,53,.62);cursor:pointer;animation:question-glow 2.4s ease-in-out infinite}.question-bubble[data-icon="phone"]{font-family:Arial,sans-serif;font-size:1rem;background:rgba(25,64,54,.94)}.question-bubble span{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);min-width:max-content;padding:6px 8px;border-radius:6px;background:rgba(17,40,35,.94);color:#fff6dd;font:800 .64rem Arial,sans-serif;letter-spacing:.02em;box-shadow:0 4px 12px rgba(0,0,0,.3)}.question-bubble:hover,.question-bubble:focus-visible{animation:none;background:#efb535;color:#173f35;outline:3px solid #fff6dd;outline-offset:3px}.scene-legend{position:absolute;z-index:7;left:4%;bottom:4%;display:flex;gap:8px;padding:7px 9px;border:1px solid rgba(255,246,221,.38);border-radius:999px;background:rgba(12,38,33,.7);font-size:.63rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(5px)}.scene-legend span{display:flex;align-items:center;gap:5px}.scene-legend i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal}.scene-legend .legend-explore{background:#efb535;color:#173f35}.scene-legend .legend-answer{background:#d6583f;color:white}.scene-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 30px);padding:0;border:0;background:transparent;color:#24342e}.scene-dialog::backdrop{background:rgba(7,20,19,.72);backdrop-filter:blur(4px)}.scene-window{border:3px solid #173f35;background:#f4ead6;box-shadow:10px 12px 0 rgba(4,15,13,.55)}.scene-window header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:7px 8px 7px 12px;background:#173f35;color:#fff7df;border-bottom:3px solid #102a24;font:700 .82rem "Courier New",monospace;letter-spacing:.05em}.scene-window header span{display:flex;align-items:center;gap:8px}.scene-window header i{display:grid;place-items:center;width:24px;height:24px;background:#efb535;color:#173f35;border:2px outset #ffe1a0;font-style:normal;font-weight:900}.scene-window header button{width:30px;height:30px;padding:0;border:2px outset #fff2d2;background:#d6583f;color:#fff;font-size:1.25rem;font-weight:900;cursor:pointer}.scene-window article{padding:24px;background:#fffaf0}.scene-window h2{margin:0 0 10px;font:700 clamp(1.7rem,4vw,2.5rem)/1 Georgia,serif;color:#173f35}.scene-window p{margin:0;color:#494b45;font-size:1rem;line-height:1.58}.scene-window footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-top:3px double #827968;background:#d9cfbc;font:700 .7rem "Courier New",monospace}.scene-window footer a{color:#173f35;font-weight:900}.scene-window footer button{min-width:86px;padding:7px 11px;border:2px outset #fff2d2;background:#efb535;color:#173f35;font-weight:900;cursor:pointer}.experience-key{display:none}.redirect-page{min-height:100svh;display:grid;place-items:center;background:#102a2a;color:#fff6dd;text-align:center;padding:24px}.redirect-page a{color:#ffd17d}@keyframes question-glow{0%,100%{box-shadow:0 0 0 4px rgba(239,181,53,.16),0 0 18px rgba(239,181,53,.48)}50%{box-shadow:0 0 0 7px rgba(239,181,53,.08),0 0 29px rgba(239,181,53,.78)}}
@media(max-width:760px){.experience-header{position:relative;background:#102b2b}.experience-header nav a:not([data-context-back]){display:none}.experience-shell{display:block;min-height:0;padding:0 0 16px}.experience-stage{width:100%;aspect-ratio:16/9}.experience-copy{left:4%;top:3%;width:68%}.experience-copy .kicker{display:none}.experience-copy h1{margin:3px 0 0;font-size:clamp(1.2rem,5.8vw,2.15rem)}.experience-copy p{display:none}.experience-trail{margin:0;font-size:.52rem}.explore-bubble{width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;justify-content:center}.explore-bubble:before{width:29px;height:29px}.explore-bubble span{display:none}.question-bubble{width:32px;height:32px;font-size:.9rem}.question-bubble span{display:none}.scene-legend{display:none}.experience-key{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.experience-key a,.experience-key button{display:flex;align-items:center;gap:8px;min-height:46px;padding:9px;border:1px solid #c99355;border-radius:8px;background:#fff0d3;color:#35251d;text-decoration:none;text-align:left;font:800 .73rem Arial,sans-serif}.experience-key button{cursor:pointer}.experience-key b{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#efb535;color:#173f35}.experience-key button b{background:#d6583f;color:white}.scene-dialog{margin:auto auto 12px}.scene-window{box-shadow:5px 6px 0 rgba(4,15,13,.55)}}
@media(prefers-reduced-motion:reduce){.experience-stage,.explore-bubble{transition:none}.question-bubble{animation:none}}

/* Unmarked discoveries */
.secret-hitbox{position:absolute;z-index:7;display:block;background:transparent;border:0;border-radius:10px;text-decoration:none;color:transparent;cursor:pointer}
.secret-hitbox:focus{outline:0}
.secret-hitbox:focus-visible{outline:3px solid #fff6dd;outline-offset:3px;box-shadow:0 0 0 7px rgba(23,63,53,.72)}
.secret-tower{left:39%;top:17%;width:7%;height:16%}
.secret-turnaround{left:61%;top:79%;width:11%;height:13%}
.secret-page{margin:0;min-height:100svh;background:#102a2a;color:#fff6dd;overflow:hidden}
.secret-header{background:linear-gradient(#102b2bd9,rgba(16,43,43,.38) 70%,transparent)}
.secret-shell{height:100svh;display:grid;place-items:center;background:#102a2a}
.secret-stage{position:relative;width:100%;height:100svh;overflow:hidden;transition:transform .28s ease,opacity .28s ease}
.secret-image{width:100%;height:100%;object-fit:cover;animation:world-breathe 22s ease-in-out infinite alternate}
.secret-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,17,20,.25),transparent 25%,rgba(5,17,20,.08))}
.secret-window-return{left:0;top:7%;width:60%;height:66%}
.secret-bench-return{left:14%;bottom:0;width:74%;height:26%}
.secret-overlook-telescope{left:61%;top:29%;width:10%;height:20%}
.secret-explore-dot{position:absolute;z-index:9;display:grid;place-items:center;width:42px;height:42px;border:2px solid #fff0d3;border-radius:50%;background:#efb535;color:#173f35;text-decoration:none;font:900 1rem/1 Arial,sans-serif;box-shadow:0 0 0 5px rgba(239,181,53,.18),0 8px 24px rgba(4,16,14,.52);transition:transform .2s,background .2s}
.secret-explore-dot:hover,.secret-explore-dot:focus-visible{transform:translateY(-3px);background:#ffd477;outline:3px solid #fff6dd;outline-offset:3px}
.telescope-explore-dot{left:65.5%;top:27%;transform:translate(-50%,-50%)}
.telescope-explore-dot:hover,.telescope-explore-dot:focus-visible{transform:translate(-50%,calc(-50% - 3px))}
.telescope-stage .secret-image{animation:none}
.scene-is-zooming .secret-stage{transform:scale(1.055);opacity:0}
@media(max-width:760px){.secret-header{position:absolute;background:linear-gradient(#102b2be8,transparent)}.secret-header nav{display:flex}.secret-header nav a{display:block!important}.secret-image{object-position:center center}.secret-tower{left:38%;top:15%;width:10%;height:20%}.secret-turnaround{left:58%;top:76%;width:17%;height:18%}.secret-overlook-telescope{left:70%;top:25%;width:24%;height:24%}.telescope-explore-dot{left:78%;top:23%}}
@media(prefers-reduced-motion:reduce){.secret-stage{transition:none}.secret-image{animation:none}}

/* Exterior arrival and front-door entry */
.arrival-page{min-height:100svh;margin:0;overflow-x:hidden;background:#102a2a;color:#fff6dd}.arrival-header{position:absolute;z-index:30;inset:0 0 auto;border:0;background:linear-gradient(#102b2bf2,rgba(16,43,43,.62) 72%,transparent)}.arrival-header .logo{color:#fff6dd}.arrival-header .logo-mark{background:#8b432e;border:1px solid #ffd69a}.arrival-shell{position:relative;min-height:100svh;overflow:hidden;background:#102a2a}.arrival-visual{position:absolute;inset:0;overflow:hidden;transition:transform .5s ease,opacity .5s ease}.arrival-artboard{position:absolute;left:50%;top:50%;width:100%;height:100%;aspect-ratio:16/9;transform:translate(-50%,-50%)}.arrival-artboard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arrival-artboard:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,22,22,.82) 0,rgba(7,22,22,.52) 27%,rgba(7,22,22,.05) 52%,transparent 73%),linear-gradient(180deg,rgba(7,22,22,.28),transparent 32%,rgba(7,22,22,.1))}.arrival-copy{position:absolute;z-index:5;left:clamp(24px,6vw,94px);top:19%;width:min(640px,48vw);text-shadow:0 3px 24px rgba(4,13,13,.95)}.arrival-copy .kicker{color:#ffd17d}.arrival-copy h1{margin:15px 0 18px;font:700 clamp(3rem,5.8vw,6.3rem)/.88 Georgia,serif;letter-spacing:-.055em}.arrival-copy p{max-width:620px;margin:0;font:clamp(1.2rem,1.6vw,1.5rem)/1.42 Georgia,serif}.front-door-join{position:absolute;z-index:8;left:66.1%;top:56.3%;transform:translate(-50%,-50%);width:8.5%;height:26%;display:grid;place-items:center;text-decoration:none;color:#fff7df;border:2px solid rgba(255,218,153,.72);border-radius:5px;background:rgba(116,49,25,.08);box-shadow:0 0 0 4px rgba(239,181,53,.14),0 0 30px 12px rgba(255,185,74,.52);animation:front-door-glow 2.5s ease-in-out infinite;transition:transform .2s,background .2s,box-shadow .2s}.front-door-join span{min-width:max-content;padding:8px 11px;border:1px solid rgba(255,243,211,.9);background:rgba(23,63,53,.9);box-shadow:0 4px 14px rgba(0,0,0,.46);font-size:clamp(.62rem,.78vw,.78rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.front-door-join:hover,.front-door-join:focus-visible{transform:translate(-50%,calc(-50% - 4px));background:rgba(239,181,53,.16);outline:3px solid #fff3d6;outline-offset:4px;animation:none;box-shadow:0 0 0 7px rgba(239,181,53,.2),0 0 42px 18px rgba(255,190,84,.75)}.door-hint{position:absolute;z-index:4;left:66.1%;top:72%;transform:translateX(-50%);margin:0;padding:6px 9px;border-radius:999px;background:rgba(10,35,31,.68);color:#f8ddb0;font-size:.68rem;font-weight:800;letter-spacing:.05em}.door-is-opening .arrival-visual{transform:scale(1.035);opacity:.38}.door-is-opening .front-door-join{box-shadow:0 0 55px 28px rgba(255,204,112,.95);background:rgba(255,213,130,.35)}.signup-complete .join-shell{opacity:.35;transform:scale(.99);transition:.35s}.entry-arrival{position:fixed;z-index:100;inset:0;overflow:hidden;background:#102a2a;opacity:0;transition:opacity .28s ease,transform .75s ease}.entry-arrival img{width:100%;height:100%;object-fit:cover}.entry-arrival span{position:absolute;left:66.1%;top:56.3%;width:9%;height:26%;transform:translate(-50%,-50%);border-radius:8px;background:rgba(255,218,137,.05);box-shadow:0 0 18px 8px rgba(255,190,77,.4);transition:box-shadow .7s ease,background .7s ease}.entry-arrival.is-entering{opacity:1}.entry-arrival.is-entering span{box-shadow:0 0 70px 38px rgba(255,219,146,.94);background:rgba(255,231,174,.32)}.entry-arrival.is-open{opacity:0;transform:scale(1.045)}@keyframes front-door-glow{0%,100%{box-shadow:0 0 0 4px rgba(239,181,53,.14),0 0 24px 8px rgba(255,185,74,.42)}50%{box-shadow:0 0 0 7px rgba(239,181,53,.08),0 0 38px 17px rgba(255,190,84,.72)}}

@media(max-width:760px){.arrival-page{padding-bottom:0}.arrival-header{position:relative;background:#102b2b}.arrival-shell{min-height:calc(100svh - 68px);display:flex;flex-direction:column}.arrival-copy{position:relative;left:auto;top:auto;width:auto;padding:22px 20px 18px;background:#102b2b;text-shadow:none}.arrival-copy .kicker{font-size:.67rem}.arrival-copy h1{margin:10px 0 10px;font-size:clamp(2.55rem,12vw,4.2rem)}.arrival-copy p{font-size:1rem}.arrival-visual{position:relative;inset:auto;width:100%;aspect-ratio:16/9;flex:0 0 auto}.arrival-artboard>img{object-fit:contain}.arrival-artboard:after{background:linear-gradient(180deg,rgba(7,22,22,.08),transparent 40%,rgba(7,22,22,.18))}.front-door-join{left:66.1%;top:56.3%;width:18%;height:38%;border-width:1px}.front-door-join span{min-width:104px;padding:7px 8px;font-size:.62rem}.door-hint{display:none}.entry-arrival img{object-fit:contain;background:#102a2a}.entry-arrival span{left:66.1%;top:50%;width:18%;height:24%}}

@media(prefers-reduced-motion:reduce){.front-door-join{animation:none}.arrival-visual,.front-door-join,.entry-arrival,.entry-arrival span{transition:none}}
.front-door-join{padding:0;font-family:Arial,sans-serif;cursor:pointer}
/* Make the arrival brand read as a true heading above the main message. */
.arrival-copy .kicker{font-size:clamp(1.1rem,1.45vw,1.5rem);letter-spacing:.13em;line-height:1.2}
.arrival-copy .kicker:before{width:38px;height:10px}
@media(max-width:760px){.arrival-copy .kicker{font-size:1.05rem}}

/* A concise preview of what membership includes, integrated into the arrival copy. */
.inside-club{max-width:540px;margin-top:22px;padding:16px 20px 18px;border:1.5px solid rgba(255,200,92,.9);border-radius:12px;background:rgba(10,48,40,.86);box-shadow:0 10px 30px rgba(3,15,13,.28);backdrop-filter:blur(5px);text-shadow:none}
.inside-club h2{margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid rgba(255,200,92,.72);color:#ffd17d;font:900 .92rem/1.1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.inside-club ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin:0;padding:0;list-style:none}
.inside-club li{position:relative;padding-left:15px;color:#fff6dd;font:700 clamp(.88rem,1.05vw,1rem)/1.3 Georgia,serif}
.inside-club li:before{content:"•";position:absolute;left:0;color:#efb535}
.inside-club .inside-club-promise{max-width:none;margin:14px 0 0;padding-top:13px;border-top:1px solid rgba(255,200,92,.52);color:#ffd995;font:700 clamp(.92rem,1.08vw,1.05rem)/1.35 Georgia,serif}
@media(min-width:761px){.arrival-shell{min-height:max(100svh,820px)}.arrival-copy{top:clamp(135px,19svh,195px)}}
@media(max-width:760px){.inside-club{margin-top:17px;padding:14px 15px 15px}.inside-club h2{margin-bottom:11px;padding-bottom:9px;font-size:.84rem}.inside-club ul{gap:8px 14px}.inside-club li{padding-left:12px;font-size:.86rem}}

/* House-first MVP */
.room-purpose b{font-size:.82rem}.room-purpose small{font-size:.56rem}
.profile-bubble{position:absolute;z-index:9;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:2px solid #fff0d3;border-radius:999px;background:rgba(139,67,46,.92);color:#fff7df;text-decoration:none;box-shadow:0 0 0 5px rgba(239,181,53,.14),0 8px 22px rgba(4,16,14,.5)}
.profile-bubble span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#efb535;color:#173f35;font-weight:900}.profile-bubble b{font-size:.72rem}.profile-bubble:hover,.profile-bubble:focus-visible{background:#ad573c;outline:3px solid #efb535;outline-offset:3px}
.scenic-discovery{position:absolute;z-index:6;left:23%;top:9%;width:21%;height:22%;border-radius:50%;color:#fff6dd;text-decoration:none;opacity:.42;transition:opacity .25s,box-shadow .25s}
.scenic-discovery:after{content:"";position:absolute;inset:30% 24%;border:1px solid rgba(255,209,125,.65);border-radius:50%;box-shadow:0 0 18px rgba(255,209,125,.55);animation:scenic-shimmer 3s ease-in-out infinite}
.scenic-discovery span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);min-width:max-content;padding:5px 8px;border-radius:999px;background:rgba(16,43,43,.88);font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .2s}
.scenic-discovery:hover,.scenic-discovery:focus-visible{opacity:1;outline:2px dashed #ffd17d;outline-offset:2px}.scenic-discovery:hover span,.scenic-discovery:focus-visible span{opacity:1}
@keyframes scenic-shimmer{0%,100%{transform:scale(.9);opacity:.35}50%{transform:scale(1.15);opacity:1}}
.experience-key a span{display:flex;flex-direction:column;gap:2px}.experience-key a strong{font-size:.73rem}.experience-key a small{font-size:.64rem;font-weight:700;color:#756052}
.scenic-world .experience-copy{width:min(450px,43%)}

.journey-page{min-height:100svh;margin:0;background:#f4ead6;color:#24342e}.journey-shell{width:min(980px,calc(100% - 36px));margin:0 auto;padding:120px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.journey-intro{grid-column:1/-1;max-width:740px}.journey-intro h1{margin:10px 0 12px;font:700 clamp(2.7rem,7vw,5.6rem)/.93 Georgia,serif;letter-spacing:-.045em;color:#173f35}.journey-intro p{max-width:650px;font-size:1.05rem;line-height:1.6}.journey-card,.journey-preferences{padding:28px;border:1px solid #c9a76b;border-radius:18px;background:#fffaf0;box-shadow:0 14px 35px rgba(48,44,32,.1)}.journey-card h2{margin:10px 0;font:700 clamp(2rem,4vw,3.2rem)/1 Georgia,serif;color:#173f35}.journey-card p{line-height:1.6}.journey-primary,.journey-preferences>button{display:inline-flex;margin-top:12px;padding:12px 16px;border:0;border-radius:8px;background:#173f35;color:#fff7df;text-decoration:none;font-weight:900;cursor:pointer}.journey-preferences fieldset{display:grid;gap:9px;margin:0;padding:0;border:0}.journey-preferences legend{margin-bottom:14px;font:700 1.5rem Georgia,serif;color:#173f35}.journey-preferences label{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d7c7a9;border-radius:9px;background:#fff}.journey-preferences input{width:18px;height:18px;accent-color:#8b432e}

@media(max-width:760px){
  .member-world .experience-header nav,.experience-page[data-current-label="The Clubhouse"] .experience-header nav{display:flex;width:100%;justify-content:center;gap:6px;flex-wrap:wrap}
  .member-world .experience-header nav a,.experience-page[data-current-label="The Clubhouse"] .experience-header nav a{display:inline-flex!important;padding:7px 9px;font-size:.66rem}
  .profile-bubble{width:36px;height:36px;padding:0;justify-content:center}.profile-bubble span{width:27px;height:27px}.profile-bubble b{display:none}
  .scenic-discovery{left:21%;top:4%;width:25%;height:30%;opacity:.8}.scenic-discovery span{display:none}
  .journey-shell{display:block;width:min(100% - 28px,680px);padding:100px 0 46px}.journey-intro,.journey-card{margin-bottom:18px}.journey-intro h1{font-size:clamp(2.5rem,13vw,4.3rem)}.journey-card,.journey-preferences{padding:21px}
}
@media(prefers-reduced-motion:reduce){.scenic-discovery:after{animation:none}}

/* A public route to Clubhouse events, anchored to the illustrated mailbox. */
.mailbox-clubhouse{position:absolute;z-index:9;left:86.3%;top:77%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;min-width:max-content;padding:9px 13px 10px;color:#173f35;text-decoration:none;text-align:center;border:2px solid #5b281d;border-radius:10px;background:#fff1cb;box-shadow:0 5px 0 #5b281d,0 10px 24px rgba(5,20,18,.42);transition:transform .2s ease,box-shadow .2s ease}
.mailbox-clubhouse:after{content:"";position:absolute;left:50%;bottom:-13px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);border-right:2px solid #5b281d;border-bottom:2px solid #5b281d;background:#fff1cb}
.mailbox-clubhouse strong{font:900 .86rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mailbox-clubhouse span{margin-top:5px;font:700 .75rem/1.1 Arial,sans-serif;color:#8b432e}
.mailbox-clubhouse:hover,.mailbox-clubhouse:focus-visible{transform:translate(-50%,calc(-100% - 4px));outline:3px solid #fff3d6;outline-offset:4px;box-shadow:0 7px 0 #5b281d,0 14px 30px rgba(255,190,84,.46)}
.guest-view [hidden]{display:none!important}
@media(max-width:760px){.mailbox-clubhouse{left:86.3%;top:77%;padding:7px 9px 8px}.mailbox-clubhouse strong{font-size:.72rem}.mailbox-clubhouse span{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.mailbox-clubhouse{transition:none}}

/* Once inside, navigation follows the Home → Neighborhood → Around Town geography. */
.experience-header .world-layer-nav a.active{background:#efb535;color:#173f35;border-color:#ffe09b}
.experience-header .world-layer-nav .context-return{margin-right:5px;border-style:dashed}
@media(max-width:760px){.experience-header{flex-wrap:wrap;gap:7px;padding:10px 14px 11px}.experience-header .logo{width:100%;justify-content:center}.experience-header .world-layer-nav{display:flex;width:100%;justify-content:center;gap:6px;flex-wrap:wrap}.experience-header .world-layer-nav a{display:inline-flex!important;padding:7px 9px;font-size:.67rem}.experience-header .world-layer-nav .context-return{width:100%;justify-content:center;margin:0 0 1px}}

/* Welcome Home Game Plan — shared guide and RPG-inspired dialogue */
.whc-guide{position:absolute;z-index:10;padding:0;border:0;background:transparent;color:#fff6dd;cursor:pointer;font-family:Arial,sans-serif}
.whc-guide-arrival{left:74%;top:97%;bottom:auto;width:clamp(112px,12vw,190px);height:38%;transform:translate(-50%,-100%)}
.whc-guide.whc-guide-arrival img{animation:none}
.whc-guide img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(4,15,13,.48));animation:guide-breathe 3.2s ease-in-out infinite}
.whc-guide>span{position:absolute;left:56%;bottom:4%;transform:translateX(-50%);min-width:max-content;padding:8px 11px;border:2px solid #fff0d3;border-radius:9px;background:rgba(23,63,53,.94);box-shadow:4px 5px 0 rgba(72,34,24,.92);text-align:left}
.whc-guide>span:before{content:"";position:absolute;left:20%;top:-8px;width:12px;height:12px;transform:rotate(45deg);border-left:2px solid #fff0d3;border-top:2px solid #fff0d3;background:#173f35}
.whc-guide b{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.whc-guide small{display:block;margin-top:2px;color:#ffd17d;font-size:.6rem;font-weight:800}
.whc-guide:hover img,.whc-guide:focus-visible img{transform:translateX(-50%) translateY(-5px);filter:drop-shadow(0 0 18px rgba(255,201,97,.78))}.whc-guide:focus-visible{outline:3px solid #fff6dd;outline-offset:4px;border-radius:12px}
@keyframes guide-breathe{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}

.rpg-dialogue{position:absolute;z-index:20;left:5%;right:5%;bottom:3%;padding:0;border:3px solid #173f35;border-radius:8px;background:#fff8e8;color:#24342e;box-shadow:8px 9px 0 rgba(64,31,22,.88),0 18px 50px rgba(2,13,11,.55);font-family:Arial,sans-serif}
.rpg-dialogue[hidden]{display:none}
.rpg-dialogue>header{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 8px;background:#173f35;color:#fff7df;border-bottom:3px solid #efb535}.rpg-dialogue>header strong{font:900 .75rem/1 "Courier New",monospace;letter-spacing:.07em;text-transform:uppercase}.rpg-dialogue>header button{margin-left:auto;width:28px;height:28px;padding:0;border:2px outset #fff2d2;background:#d6583f;color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer}
.rpg-portrait{width:34px;height:34px;overflow:hidden;border:2px solid #ffd17d;border-radius:4px;background:#5b2f22}.rpg-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.85);transform-origin:50% 14%}
.rpg-message{min-height:0;padding:12px 14px 8px;font:700 clamp(1rem,1.35vw,1.2rem)/1.38 Georgia,serif}.rpg-choices{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 13px}.rpg-choices button,.rpg-choices a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:2px solid #173f35;border-radius:5px;background:#efb535;color:#173f35;text-decoration:none;font-size:.76rem;font-weight:900;cursor:pointer}.rpg-choices .secondary{background:#fffaf0}.rpg-choices button:hover,.rpg-choices button:focus-visible,.rpg-choices a:hover,.rpg-choices a:focus-visible{outline:3px solid #d6583f;outline-offset:2px}
.entry-dialogue{left:auto;right:4%;bottom:4%;width:min(620px,58%)}

.game-plan-room-guide{position:absolute;z-index:9;left:4%;bottom:0;width:27%;height:65%;color:#fff7df;text-decoration:none}
.game-plan-room-guide img{position:absolute;left:0;bottom:0;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 8px 11px rgba(2,12,10,.55));transition:transform .2s,filter .2s}
.game-plan-room-guide span{position:absolute;left:56%;bottom:10%;min-width:max-content;padding:9px 12px;border:2px solid #fff0d3;border-radius:999px;background:rgba(139,67,46,.95);box-shadow:0 0 0 5px rgba(239,181,53,.14),0 8px 22px rgba(4,16,14,.5)}
.game-plan-room-guide b,.game-plan-room-guide small{display:block}.game-plan-room-guide b{font-size:.76rem}.game-plan-room-guide small{margin-top:2px;color:#ffd995;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.game-plan-room-guide:hover img,.game-plan-room-guide:focus-visible img{transform:translateY(-5px);filter:drop-shadow(0 0 16px rgba(255,208,112,.7))}.game-plan-room-guide:focus-visible{outline:3px solid #fff6dd;outline-offset:3px}

.game-plan-page{min-height:100svh;margin:0;background:#102a2a;color:#fff6dd;overflow-x:hidden}.game-plan-header{position:relative;z-index:30;background:#102b2b;border:0;color:#fff6dd}.game-plan-header .logo{color:#fff6dd}.game-plan-header nav{display:flex;gap:9px;align-items:center}.game-plan-header nav a,.game-plan-header nav button{padding:8px 11px;border:1px solid rgba(255,246,221,.34);border-radius:999px;background:rgba(255,255,255,.05);color:#fff6dd;text-decoration:none;font:900 .7rem/1 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.game-plan-header nav a:hover,.game-plan-header nav button:hover{background:#efb535;color:#173f35}
.game-plan-shell{min-height:calc(100svh - 78px)}.game-plan-stage{position:relative;isolation:isolate;min-height:calc(100svh - 78px);overflow:hidden;background:#102a2a}.game-plan-stage:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,23,20,.28),rgba(6,23,20,.02) 55%,rgba(6,23,20,.22)),linear-gradient(180deg,rgba(6,23,20,.15),transparent 45%,rgba(6,23,20,.48))}
.game-plan-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.game-plan-guide{position:absolute;z-index:1;left:3%;bottom:-2%;height:78%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 17px rgba(3,14,12,.58))}
.game-plan-status{position:absolute;z-index:3;right:4%;top:4%;padding:7px 10px;border:1px solid rgba(255,242,211,.56);border-radius:999px;background:rgba(16,43,43,.82);backdrop-filter:blur(5px);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.game-plan-dialogue{position:absolute;z-index:5;right:4%;bottom:5%;width:min(700px,60%);border:3px solid #173f35;border-radius:9px;background:#fff8e8;color:#24342e;box-shadow:10px 12px 0 rgba(72,34,24,.88),0 20px 55px rgba(2,13,11,.5)}
.game-plan-dialogue>header{display:flex;align-items:center;gap:9px;min-height:46px;padding:6px 10px;background:#173f35;color:#fff7df;border-bottom:3px solid #efb535}.game-plan-dialogue>header strong{font:900 .76rem/1 "Courier New",monospace;letter-spacing:.07em;text-transform:uppercase}.game-plan-saved{margin-left:auto;color:#d8caa9;font-size:.63rem;font-weight:800}.game-plan-saved.is-saved{color:#ffd17d}
.game-plan-message{min-height:0;padding:14px 16px 10px;font:700 clamp(1.08rem,1.55vw,1.36rem)/1.38 Georgia,serif}
.game-plan-responses{padding:0 16px 15px}.game-plan-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:7px}.game-plan-choice-grid button,.game-plan-form-actions button,.assumption-choice button{min-height:42px;padding:8px 11px;border:2px solid #173f35;border-radius:6px;background:#efb535;color:#173f35;text-align:left;font-size:.75rem;font-weight:900;cursor:pointer}.game-plan-choice-grid button.secondary,.game-plan-form-actions .secondary{background:#fffaf0}.game-plan-choice-grid button:hover,.game-plan-choice-grid button:focus-visible,.game-plan-form-actions button:hover,.game-plan-form-actions button:focus-visible,.assumption-choice button:hover,.assumption-choice button:focus-visible{outline:3px solid #d6583f;outline-offset:2px}
.game-plan-back{margin-top:10px;padding:5px 0;border:0;background:transparent;color:#6d675d;font-weight:900;cursor:pointer}.game-plan-number{display:block}.game-plan-number>span{display:block;margin-bottom:7px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.game-plan-number small{display:block;margin-top:7px;color:#6d675d;font-size:.72rem}.number-entry{display:flex;align-items:center;min-height:50px;border:2px solid #173f35;border-radius:6px;background:white;overflow:hidden}.number-entry b,.number-entry em{padding:0 11px;color:#6d675d;font-style:normal;font-weight:900}.number-entry input{width:100%;min-width:0;padding:10px 4px;border:0;outline:0;background:transparent;color:#173f35;font:700 1.35rem Georgia,serif}.game-plan-form-actions{display:flex;gap:8px;margin-top:12px}.game-plan-form-actions button{min-width:130px;text-align:center}
.assumption-choice{display:grid;gap:10px}.assumption-choice>button{text-align:center}.assumption-choice details{padding:10px;border:1px solid #b9aa8d;border-radius:6px;background:#fffaf0}.assumption-choice summary{cursor:pointer;font-weight:900}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.advanced-grid label>span{display:block;margin-bottom:4px;font-size:.68rem;font-weight:900}.advanced-grid label>div{display:flex;align-items:center;border:1px solid #9d927e;background:#fff}.advanced-grid input{width:100%;min-width:0;padding:8px;border:0}.advanced-grid b,.advanced-grid em{padding:0 6px;color:#6d675d;font-size:.65rem;font-style:normal}
.game-plan-disclaimer{margin:0;padding:10px 20px;background:#0b211d;color:#d9cfbd;text-align:center;font-size:.68rem}

.game-plan-sheet{position:relative;z-index:6;width:min(1060px,calc(100% - 32px));margin:60px auto;padding:20px}.game-plan-sheet[hidden]{display:none}.plan-paper{border:3px solid #173f35;border-radius:12px;background:#fffaf0;color:#24342e;box-shadow:12px 14px 0 rgba(72,34,24,.82),0 20px 60px rgba(2,13,11,.5);overflow:hidden}.plan-paper-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:3px solid #173f35;background:#f1dfb9}.plan-paper-head span{font-size:.66rem;font-weight:900;letter-spacing:.14em;color:#8b432e}.plan-paper-head h1{margin:5px 0 0;font:700 clamp(2.1rem,5vw,4.4rem)/.95 Georgia,serif;color:#173f35;letter-spacing:-.045em}.plan-paper-head>b{padding:9px 12px;border:2px solid #8b432e;border-radius:50%;color:#8b432e;font-size:.62rem;letter-spacing:.08em;transform:rotate(5deg)}
.starter-summary,.full-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c2b59e}.starter-summary article,.full-plan-grid article{padding:20px 23px;background:#fffaf0}.starter-summary article.wide,.full-plan-grid article.wide{grid-column:1/-1}.starter-summary span,.full-plan-grid span{display:block;margin-bottom:8px;color:#8b432e;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.starter-summary strong,.full-plan-grid strong{display:block;font:700 clamp(1.2rem,2.5vw,1.85rem)/1.12 Georgia,serif;color:#173f35}.full-plan-grid small{display:block;margin-top:8px;color:#6d675d;font-size:.72rem;line-height:1.45}.next-steps{padding:26px 28px}.next-steps h2{margin:0 0 15px;font:700 1.8rem Georgia,serif;color:#173f35}.next-steps ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:steps}.next-steps li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;line-height:1.5}.next-steps li:before{content:counter(steps);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#efb535;color:#173f35;font-weight:900}
.plan-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 28px 24px}.plan-actions button,.kat-handoff button{min-height:47px;padding:10px 15px;border:2px solid #173f35;border-radius:7px;font-weight:900;cursor:pointer}.plan-actions .primary,.kat-handoff .primary{background:#173f35;color:#fff7df}.plan-actions .secondary{background:#fffaf0;color:#173f35}.plan-actions button:hover,.plan-actions button:focus-visible,.kat-handoff button:hover,.kat-handoff button:focus-visible{outline:3px solid #d6583f;outline-offset:2px}.plan-footnote{margin:0;padding:16px 28px;border-top:1px solid #c7baa3;background:#eee3cf;color:#6d675d;font-size:.7rem;line-height:1.5}.plan-assumptions{margin:0 28px 26px;padding:12px 14px;border:1px solid #c6b79d;border-radius:7px;background:#f5ead6}.plan-assumptions summary{cursor:pointer;font-weight:900;color:#173f35}.plan-assumptions p{font-size:.74rem;line-height:1.55}.kat-handoff{margin:0 28px 24px;padding:22px;border:2px solid #173f35;border-radius:10px;background:#f3c95e}.kat-handoff>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#8b432e}.kat-handoff h2{margin:6px 0 8px;font:700 1.8rem Georgia,serif;color:#173f35}.kat-handoff p{max-width:700px}.plan-notice{padding:11px 18px;background:#173f35;color:#fff7df;text-align:center;font-size:.76rem;font-weight:800}

.game-plan-capture{width:min(650px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:0;border:0;border-radius:10px;background:transparent;color:#24342e}.game-plan-capture::backdrop{background:rgba(5,18,16,.78);backdrop-filter:blur(5px)}.capture-window{border:3px solid #173f35;border-radius:10px;background:#fffaf0;box-shadow:10px 12px 0 rgba(72,34,24,.72);overflow:hidden}.capture-window>header{display:flex;align-items:center;padding:12px 15px;background:#173f35;color:#fff7df}.capture-window>header strong{font:900 .76rem "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}.capture-window>header button{margin-left:auto;width:30px;height:30px;border:2px outset #fff2d2;background:#d6583f;color:white;font-size:1.2rem;font-weight:900;cursor:pointer}.capture-body{padding:22px}.capture-body>p{margin-top:0}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.capture-grid label{display:grid;gap:5px}.capture-grid .wide{grid-column:1/-1}.capture-grid span{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.capture-grid input{min-height:45px;padding:9px;border:2px solid #173f35;border-radius:5px;background:white;font-size:1rem}.capture-check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid #c3b69f;border-radius:6px;background:#f5ead6}.capture-check[hidden]{display:none}.capture-check input{width:19px;height:19px;flex:0 0 auto;accent-color:#173f35}.capture-check span{font-size:.82rem;font-weight:700;line-height:1.45}.capture-note{margin:14px 0 0!important;color:#6d675d;font-size:.68rem;line-height:1.45}.capture-window>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 15px;border-top:2px solid #c3b69f;background:#eee3cf}.capture-window>footer button{min-height:42px;padding:8px 12px;border:2px solid #173f35;border-radius:5px;font-weight:900;cursor:pointer}.capture-window>footer .primary{background:#173f35;color:#fff7df}.capture-window>footer .secondary{background:#fffaf0;color:#173f35}

@media(max-width:760px){
  .whc-guide-arrival{left:74%;top:97%;bottom:auto;width:20%;height:48%;transform:translate(-50%,-100%)}.whc-guide>span{display:none}.entry-dialogue{position:fixed;left:10px;right:10px;bottom:10px;width:auto}.rpg-message{min-height:0;padding:10px 11px 7px;font-size:.92rem}.rpg-choices{display:grid;grid-template-columns:1fr 1fr;padding:0 11px 10px}.rpg-choices button,.rpg-choices a{min-height:36px;padding:6px 7px;font-size:.64rem}
  .game-plan-room-guide{display:none}
  .game-plan-header{flex-wrap:wrap;gap:7px;padding:10px 14px}.game-plan-header .logo{width:100%;justify-content:center}.game-plan-header nav{width:100%;justify-content:center}.game-plan-shell{min-height:calc(100svh - 116px)}.game-plan-stage{min-height:calc(100svh - 116px);padding:210px 12px 20px}.game-plan-backdrop{position:fixed;top:0;height:100svh}.game-plan-guide{position:absolute;left:50%;bottom:auto;top:12px;transform:translateX(-50%);height:235px}.game-plan-status{top:10px;right:10px;font-size:.55rem}.game-plan-dialogue{position:relative;right:auto;bottom:auto;width:100%;margin:0;box-shadow:6px 7px 0 rgba(72,34,24,.88)}.game-plan-message{min-height:0;padding:12px 13px 8px;font-size:1rem}.game-plan-responses{padding:0 13px 12px}.game-plan-choice-grid{grid-template-columns:1fr}.game-plan-choice-grid button{min-height:39px}.game-plan-saved{font-size:.54rem}.advanced-grid{grid-template-columns:1fr}
  .game-plan-sheet{width:100%;margin:0;padding:88px 10px 24px}.plan-paper{box-shadow:6px 7px 0 rgba(72,34,24,.82)}.plan-paper-head{padding:18px}.plan-paper-head>b{display:none}.starter-summary,.full-plan-grid{grid-template-columns:1fr}.starter-summary article.wide,.full-plan-grid article.wide{grid-column:1}.starter-summary article,.full-plan-grid article{padding:16px}.next-steps{padding:20px 18px}.plan-actions{padding:0 18px 18px}.plan-actions button{width:100%}.plan-assumptions,.kat-handoff{margin-left:18px;margin-right:18px}.plan-footnote{padding:14px 18px}
  .capture-grid{grid-template-columns:1fr}.capture-grid .wide{grid-column:1}.capture-body{padding:17px}.capture-window>footer{flex-direction:column-reverse}.capture-window>footer button{width:100%}
}

/* Mobile arrival is composed around the entrance rather than shrinking the desktop scene. */
@media(max-width:760px){
  .arrival-header{min-height:64px;padding:calc(9px + env(safe-area-inset-top)) 16px 9px}
  .arrival-header .logo{gap:9px;font-size:.78rem;letter-spacing:.04em}
  .arrival-header .logo-mark{width:42px;height:42px}
  .arrival-copy{padding:17px 18px 15px}
  .arrival-copy .kicker{font-size:.78rem;letter-spacing:.11em}
  .arrival-copy .kicker:before{width:24px;height:7px;margin-right:7px}
  .arrival-copy h1{margin:8px 0 9px;font-size:clamp(2.35rem,10.6vw,3.35rem);line-height:.92}
  .arrival-copy p{font-size:.92rem;line-height:1.4}
  .inside-club{margin-top:13px;padding:12px 13px 13px;border-radius:10px}
  .inside-club h2{margin-bottom:9px;padding-bottom:8px;font-size:.72rem}
  .inside-club ul{gap:6px 11px}
  .inside-club li{padding-left:10px;font-size:.74rem;line-height:1.22}
  .inside-club .inside-club-promise{margin-top:10px;padding-top:9px;font-size:.8rem;line-height:1.28}
  .arrival-visual{aspect-ratio:1/1;min-height:360px;max-height:500px}
  .arrival-artboard{left:12%}
  .front-door-join{left:66.1%;top:56.3%;width:9%;height:26%}
  .front-door-join span{min-width:72px;padding:5px 6px;font-size:.54rem;line-height:1.1}
  .mailbox-clubhouse{left:86.3%;top:77%;padding:6px 8px 7px;border-radius:7px;box-shadow:0 3px 0 #5b281d,0 7px 17px rgba(5,20,18,.4)}
  .mailbox-clubhouse strong{font-size:0}
  .mailbox-clubhouse strong:after{content:"Events";font-size:.6rem;letter-spacing:.08em}
  .mailbox-clubhouse span{display:none}
  .whc-guide-arrival{left:74%;top:97%;width:15%;height:38%}
  .whc-guide-arrival>span{display:block;left:12%;bottom:4%;min-width:94px;max-width:108px;padding:5px 7px;text-align:center;box-shadow:3px 4px 0 rgba(72,34,24,.9)}
  .whc-guide-arrival>span:before{top:-7px;bottom:auto;left:72%;transform:translateX(-50%) rotate(45deg);border:0;border-left:2px solid #fff0d3;border-top:2px solid #fff0d3}
  .whc-guide-arrival b{font-size:.55rem;line-height:1.18}
  .whc-guide-arrival small{display:none}
}
@media(prefers-reduced-motion:reduce){.whc-guide img{animation:none}.whc-guide:hover img,.whc-guide:focus-visible img{transform:translateX(-50%)}}

/* Public front porch: clear, crawlable information that still belongs to the illustrated world. */
.arrival-scroll-cue{display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:8px 11px;color:#fff2d6;text-decoration:none;border:1px solid rgba(255,210,126,.58);border-radius:999px;background:rgba(10,38,33,.64);font-size:.69rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 18px rgba(2,13,11,.25);transition:transform .2s,background .2s}
.arrival-scroll-cue span{color:#ffd17d;font-size:1rem;line-height:1}.arrival-scroll-cue:hover,.arrival-scroll-cue:focus-visible{transform:translateY(2px);background:rgba(139,67,46,.92);outline:2px solid #fff3d6;outline-offset:3px}
.front-porch-story{position:relative;z-index:2;padding:clamp(70px,8vw,118px) clamp(20px,6vw,92px);color:#fff4db;background:linear-gradient(180deg,#0e2d27 0,#173f35 52%,#102d27 100%);overflow:hidden}
.front-porch-story:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:radial-gradient(circle at 14% 18%,#efb535 0 2px,transparent 3px),radial-gradient(circle at 85% 74%,#efb535 0 1px,transparent 2px);background-size:68px 68px,47px 47px}
.porch-story-intro{position:relative;z-index:1;max-width:850px;margin:0 auto 46px;text-align:center}.porch-story-intro .kicker{justify-content:center;color:#ffd17d}.porch-story-intro h2,.porch-people-copy h2,.porch-questions h2{margin:15px 0 18px;font:700 clamp(2.7rem,5.5vw,5.7rem)/.92 Georgia,serif;letter-spacing:-.05em}.porch-story-intro p{max-width:720px;margin:auto;color:#e9dfcb;font:1.12rem/1.65 Georgia,serif}
.community-noticeboard{position:relative;z-index:1;max-width:1180px;margin:auto;padding:clamp(35px,5vw,68px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,38px);border:15px solid #713f29;border-radius:9px;background-color:#a86c42;background-image:radial-gradient(rgba(65,34,20,.18) 1px,transparent 1px),linear-gradient(115deg,rgba(255,220,165,.09),transparent 36%);background-size:7px 7px,100% 100%;box-shadow:inset 0 0 0 4px #c8935e,inset 0 0 42px rgba(48,22,12,.45),12px 16px 0 rgba(3,18,15,.45)}
.community-noticeboard:before{content:"COMMUNITY NOTICEBOARD";position:absolute;left:50%;top:-30px;transform:translateX(-50%) rotate(-1deg);padding:9px 17px;border:2px solid #173f35;background:#efb535;color:#173f35;box-shadow:4px 4px 0 #173f35;font-size:.68rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.pinned-note{position:relative;min-height:345px;padding:34px 27px 25px;color:#26362f;background:#fff7e4;box-shadow:7px 9px 0 rgba(65,31,20,.38);transform:rotate(-1.2deg);display:flex;flex-direction:column}.pinned-note:nth-child(2){background:#f1cf6e;transform:rotate(1.1deg)}.pinned-note:nth-child(3){background:#e88869;transform:rotate(-.4deg)}.note-pin{position:absolute;left:50%;top:12px;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:#a6402e;box-shadow:inset -3px -3px 0 rgba(71,24,16,.3),1px 4px 4px rgba(38,20,13,.35)}.note-label{margin-top:8px;color:#8b432e;font-size:.66rem;font-weight:900;letter-spacing:.16em}.pinned-note h3{margin:24px 0 13px;font:700 clamp(1.55rem,2.2vw,2.25rem)/1.02 Georgia,serif;color:#173f35;letter-spacing:-.03em}.pinned-note p{margin:0 0 24px;line-height:1.6}.pinned-note a{margin-top:auto;color:#173f35;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-underline-offset:5px}.pinned-note a:hover,.pinned-note a:focus-visible{color:#8b432e;outline-offset:4px}
.porch-conversation{padding:clamp(72px,9vw,125px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(45px,8vw,120px);background:#f3ead8;color:#24342e}.porch-people-copy{max-width:780px}.porch-people-copy .kicker,.porch-questions .kicker{color:#8b432e}.porch-people-copy h2,.porch-questions h2{color:#173f35}.porch-people-copy p{font:1.05rem/1.72 Georgia,serif;color:#4f554f}
.porch-event-flyer{position:relative;padding:38px 34px 34px;border:2px solid #173f35;background:#fff8e8;box-shadow:10px 12px 0 #173f35;transform:rotate(1.5deg)}.porch-event-flyer:before,.porch-event-flyer:after{content:"";position:absolute;top:-16px;width:78px;height:25px;background:rgba(230,181,45,.72)}.porch-event-flyer:before{left:11%;transform:rotate(-5deg)}.porch-event-flyer:after{right:9%;transform:rotate(4deg)}.porch-event-flyer>span{color:#8b432e;font-size:.66rem;font-weight:900;letter-spacing:.14em}.porch-event-flyer h3{margin:26px 0 14px;font:700 clamp(2rem,3.2vw,3.4rem)/.98 Georgia,serif;color:#173f35;letter-spacing:-.04em}.porch-event-flyer p{line-height:1.65;color:#545950}.porch-action{display:inline-flex;margin-top:12px;padding:12px 14px;border:2px solid #173f35;background:#efb535;color:#173f35;text-decoration:none;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 #173f35}.porch-action:hover,.porch-action:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 #173f35;outline:3px solid #d6583f;outline-offset:3px}
.porch-questions{padding:clamp(70px,8vw,115px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(45px,8vw,110px);background:#e6d6ba;color:#24342e}.porch-questions-heading{align-self:start;position:sticky;top:30px}.porch-questions-heading h2{font-size:clamp(2.5rem,4.7vw,4.8rem)}.porch-faqs{border-top:2px solid #173f35}.porch-faqs details{border-bottom:2px solid #173f35}.porch-faqs summary{padding:22px 45px 22px 0;position:relative;cursor:pointer;color:#173f35;font:700 1.25rem/1.25 Georgia,serif;list-style:none}.porch-faqs summary::-webkit-details-marker{display:none}.porch-faqs summary:after{content:"+";position:absolute;right:8px;top:18px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #173f35;border-radius:50%;font:700 1.2rem Arial,sans-serif}.porch-faqs details[open] summary:after{content:"−";background:#173f35;color:#fff6dd}.porch-faqs p{margin:0;padding:0 48px 24px 0;color:#555b54;line-height:1.65}
.arrival-footer{padding:30px clamp(20px,6vw,92px);display:flex;justify-content:space-between;align-items:center;gap:24px;background:#0c2923;color:#fff2d6;border-top:1px solid rgba(255,220,153,.28);font-size:.75rem;letter-spacing:.05em}.arrival-footer div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.arrival-footer a{color:#fff2d6;text-underline-offset:4px}
@media(max-width:900px){.community-noticeboard{grid-template-columns:1fr;max-width:680px}.pinned-note{min-height:0}.porch-conversation,.porch-questions{grid-template-columns:1fr}.porch-questions-heading{position:static}.porch-event-flyer{max-width:620px}}
@media(max-width:760px){.arrival-scroll-cue{margin-top:12px;font-size:.59rem}.front-porch-story{padding-top:72px}.porch-story-intro{text-align:left;margin-bottom:38px}.porch-story-intro .kicker{justify-content:flex-start}.porch-story-intro h2,.porch-people-copy h2,.porch-questions h2{font-size:2.65rem}.porch-story-intro p{font-size:1rem}.community-noticeboard{padding:28px 19px 24px;border-width:9px;gap:22px;box-shadow:inset 0 0 0 3px #c8935e,inset 0 0 30px rgba(48,22,12,.45),7px 9px 0 rgba(3,18,15,.45)}.community-noticeboard:before{top:-24px;padding:7px 11px;font-size:.56rem}.pinned-note{padding:31px 21px 22px}.pinned-note h3{font-size:1.72rem}.porch-conversation,.porch-questions{padding-top:72px;padding-bottom:78px}.porch-event-flyer{padding:33px 24px 27px;box-shadow:7px 8px 0 #173f35}.porch-faqs summary{font-size:1.08rem}.arrival-footer{align-items:flex-start;flex-direction:column}.arrival-footer div{justify-content:flex-start;gap:12px 17px}}
@media(prefers-reduced-motion:reduce){.arrival-scroll-cue{transition:none}}

/* Member access remains visible without competing with the illustrated front door. */
.arrival-header .member-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid rgba(255,225,174,.78);border-radius:999px;background:rgba(10,42,36,.72);color:#fff3d6;text-decoration:none;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 16px rgba(2,16,13,.24);transition:background .18s,transform .18s}
.arrival-header .member-login-link:hover,.arrival-header .member-login-link:focus-visible{background:#8b432e;transform:translateY(-1px);outline:2px solid #fff3d6;outline-offset:3px}
.member-login-form{align-self:start}.member-login-form .join-submit{margin-top:22px}.member-return-note{padding-top:18px;border-top:1px solid #c4b9a7}.member-return-note a{font-weight:900;color:#8b432e;text-underline-offset:3px}
@media(max-width:760px){
  .arrival-header .member-login-link{min-height:36px;padding:6px 10px;font-size:.57rem;letter-spacing:.055em;white-space:nowrap}
  .guided-light-header{align-items:flex-start;flex-wrap:wrap}.guided-light-header .guided-nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px}
}
@media(max-width:370px){.arrival-header .logo{font-size:.68rem}.arrival-header .logo-mark{width:38px;height:38px}.arrival-header .member-login-link{padding-inline:8px;font-size:.53rem}}

/* One continuous illustrated arrival: house → path → street → neighborhood green. */
.arrival-world-scroll{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:1004/4096;margin:0;min-height:0;overflow:hidden;background:#102a2a;color:#fff6dd}
.arrival-world-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;pointer-events:none}
.arrival-world-scroll:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,21,20,.62) 0,rgba(6,21,20,.18) 35%,transparent 62%),linear-gradient(180deg,transparent 29%,rgba(6,25,22,.08) 55%,rgba(6,25,22,.3) 100%)}
.arrival-world-scroll .arrival-shell{position:absolute;z-index:2;inset:0 0 auto;height:24.51%;min-height:0;overflow:visible;background:transparent}
.arrival-world-scroll .arrival-visual{overflow:visible}
.arrival-world-scroll .arrival-artboard{top:0;width:100%;height:100%;aspect-ratio:auto;transform:translateX(-50%)}
.arrival-world-scroll .arrival-artboard:after{background:linear-gradient(90deg,rgba(7,22,22,.78) 0,rgba(7,22,22,.46) 27%,rgba(7,22,22,.04) 52%,transparent 73%),linear-gradient(180deg,rgba(7,22,22,.2),transparent 45%)}
.arrival-world-scroll .arrival-copy{top:clamp(130px,9vw,188px)}
.arrival-world-scroll .front-door-join{left:65%;top:31.5%;width:8.5%;height:15%}
.arrival-world-scroll .mailbox-clubhouse{left:82.5%;top:42%}
.arrival-world-scroll .whc-guide-arrival{left:61.5%;top:82%;width:15%;height:29%}
.arrival-world-scroll .front-porch-story,.arrival-world-scroll .porch-conversation,.arrival-world-scroll .porch-questions{position:absolute;z-index:3;left:clamp(18px,5vw,78px);right:clamp(18px,5vw,78px);border:1px solid rgba(255,220,158,.42);border-radius:22px;box-shadow:0 20px 65px rgba(2,14,12,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.arrival-world-scroll .front-porch-story{top:35%;padding:clamp(34px,4vw,62px);background:rgba(12,47,39,.83)}
.arrival-world-scroll .front-porch-story:before{border-radius:22px}
.arrival-world-scroll .porch-story-intro{max-width:760px;margin-bottom:32px}
.arrival-world-scroll .porch-story-intro h2{font-size:clamp(2.35rem,4vw,4.7rem)}
.arrival-world-scroll .community-noticeboard{max-width:1120px;padding:clamp(27px,3.5vw,48px);border-width:11px;gap:clamp(17px,2vw,28px)}
.arrival-world-scroll .pinned-note{min-height:285px;padding:29px 22px 21px}
.arrival-world-scroll .pinned-note h3{margin-top:20px;font-size:clamp(1.35rem,1.8vw,1.95rem)}
.arrival-world-scroll .porch-conversation{top:63%;padding:clamp(38px,5vw,72px);background:rgba(246,237,217,.91);color:#24342e}
.arrival-world-scroll .porch-people-copy h2{font-size:clamp(2.45rem,4vw,4.65rem)}
.arrival-world-scroll .porch-event-flyer{background:rgba(255,248,232,.96)}
.arrival-world-scroll .porch-questions{top:81%;padding:clamp(36px,4.5vw,68px);background:rgba(235,217,184,.93);color:#24342e}
.arrival-world-scroll .porch-questions h2{font-size:clamp(2.35rem,4vw,4.35rem)}
.arrival-world-scroll + .arrival-footer{position:relative;z-index:4}

@media(max-width:900px){
  .arrival-world-scroll{height:auto;aspect-ratio:1004/4096}
  .arrival-world-art{width:100%;height:100%;object-fit:contain;object-position:center top}
  .arrival-world-scroll:after{background:linear-gradient(180deg,rgba(6,24,22,.3),rgba(6,24,22,.08) 25%,rgba(6,24,22,.28) 100%)}
  .arrival-world-scroll .arrival-shell{height:24.51%}
  .arrival-world-scroll .arrival-copy{position:absolute;left:16px;right:16px;top:76px;width:auto;padding:18px;background:rgba(10,43,37,.88);border:1px solid rgba(255,210,118,.58);border-radius:14px;text-shadow:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .arrival-world-scroll .arrival-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
  .arrival-world-scroll .arrival-artboard{left:50%;top:0;width:100%;height:100%;transform:translateX(-50%)}
  .arrival-world-scroll .front-door-join{left:65%;top:31.5%;width:8.5%;height:15%}
  .arrival-world-scroll .mailbox-clubhouse{left:82.5%;top:42%}
  .arrival-world-scroll .whc-guide-arrival{left:61.5%;top:82%;width:15%;height:29%}
  .arrival-world-scroll .front-porch-story{top:930px;left:14px;right:14px;padding:48px 18px 28px}
  .arrival-world-scroll .porch-story-intro{text-align:left;margin-bottom:34px}
  .arrival-world-scroll .porch-story-intro .kicker{justify-content:flex-start}
  .arrival-world-scroll .community-noticeboard{padding:27px 17px 23px}
  .arrival-world-scroll .porch-conversation{top:2270px;left:14px;right:14px;padding:34px 22px;gap:30px}
  .arrival-world-scroll .porch-questions{top:2905px;left:14px;right:14px;padding:34px 22px;gap:28px}
}

@media(max-width:760px){
  .arrival-world-scroll .arrival-copy .kicker{font-size:.74rem}
  .arrival-world-scroll .arrival-copy h1{font-size:clamp(2.15rem,10vw,3.15rem)}
  .arrival-world-scroll .arrival-copy p{font-size:1.05rem;line-height:1.42}
  .arrival-world-scroll .inside-club{padding:11px 12px 12px;background:rgba(9,48,39,.9)}
  .arrival-world-scroll .arrival-scroll-cue{display:none}
  .arrival-world-scroll .porch-story-intro h2,.arrival-world-scroll .porch-people-copy h2,.arrival-world-scroll .porch-questions h2{font-size:2.35rem}
  .arrival-world-scroll .pinned-note{min-height:0}
  .arrival-world-scroll .porch-event-flyer{transform:none}
}

/* The illustrated world is the interface: small object hotspots open compact information panels. */
.arrival-discovery{position:absolute;z-index:12;inset:0;pointer-events:none}
.discovery-prompt{position:absolute;left:67.6%;top:34%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;padding:10px 15px;border:1px solid rgba(255,231,181,.65);border-radius:999px;background:rgba(12,46,39,.78);color:#fff5dc;text-align:center;box-shadow:0 8px 25px rgba(2,14,12,.34);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
.discovery-prompt:after{content:"↓";position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,231,181,.65);border-radius:50%;background:rgba(12,46,39,.88);color:#ffd17d;font-size:1rem;line-height:1;box-shadow:0 5px 14px rgba(2,14,12,.28)}
.discovery-prompt span{color:#ffd17d;font-size:.56rem;font-weight:800}
.object-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 11px 6px 7px;border:2px solid #fff0d3;border-radius:999px;background:rgba(17,58,48,.9);color:#fff7df;text-decoration:none;box-shadow:0 0 0 5px rgba(239,181,53,.14),0 7px 20px rgba(4,16,14,.48);font:900 .68rem/1.1 Arial,sans-serif;letter-spacing:.035em;white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:.76;transition:opacity .25s,transform .25s,box-shadow .25s,background .25s}
.object-hotspot.is-visible{opacity:1;animation:object-invite 2.8s ease-in-out infinite}
.object-hotspot:hover,.object-hotspot:focus-visible{opacity:1;transform:translate(-50%,calc(-50% - 4px));background:#8b432e;box-shadow:0 0 0 7px rgba(239,181,53,.23),0 11px 27px rgba(4,16,14,.56);outline:3px solid #ffd17d;outline-offset:3px;animation:none}
.hotspot-mark{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#d6583f;color:#fff;font-size:.85rem}
/* Two-line hotspot labels pair each world destination with a clear visitor action. */
.hotspot-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.hotspot-copy b{font-size:.72rem;letter-spacing:.055em;text-transform:uppercase}.hotspot-copy small{color:#ffd17d;font-size:.59rem;font-weight:800;letter-spacing:0;text-transform:none}
.explore-object .hotspot-mark{background:#efb535;color:#173f35}
.hotspot-about{left:24%;top:19.5%}.hotspot-events{left:80.3%;top:29%}.hotspot-faq{left:76%;top:31.5%}.hotspot-buying{left:23%;top:43.5%}.hotspot-own{left:63%;top:74.5%}.hotspot-belong{left:33%;top:87%}.hotspot-contact{left:48%;top:95.6%}
.anchored-hotspot:after{content:"";position:absolute;left:50%;top:calc(100% - 1px);width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-right:2px solid #fff0d3;border-bottom:2px solid #fff0d3;background:rgba(17,58,48,.96)}
.object-hotspot.buying-hotspot{padding:8px 14px 8px 8px;background:rgba(139,67,46,.96);border-color:#fff7df;font-size:.74rem;box-shadow:0 0 0 6px rgba(239,181,53,.24),0 0 30px rgba(255,194,81,.64),0 8px 22px rgba(4,16,14,.5)}
.object-hotspot.buying-hotspot .hotspot-mark{background:#efb535;color:#173f35}
.object-hotspot.buying-hotspot.is-visible{animation:buying-invite 2.2s ease-in-out infinite}
@keyframes object-invite{0%,100%{box-shadow:0 0 0 4px rgba(239,181,53,.12),0 7px 20px rgba(4,16,14,.45)}50%{box-shadow:0 0 0 8px rgba(239,181,53,.2),0 0 27px rgba(255,194,81,.54)}}
@keyframes buying-invite{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 6px rgba(239,181,53,.2),0 0 24px rgba(255,194,81,.55),0 8px 22px rgba(4,16,14,.5)}50%{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 0 0 10px rgba(239,181,53,.1),0 0 38px rgba(255,208,112,.82),0 10px 28px rgba(4,16,14,.54)}}

.story-scrim{position:fixed;z-index:79;inset:0;padding:0;border:0;background:rgba(3,16,14,.28);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);cursor:pointer;pointer-events:auto}
.story-scrim[hidden],.story-panel[hidden]{display:none}
.story-panel{position:fixed;z-index:80;top:88px;right:24px;bottom:24px;width:min(470px,calc(100vw - 48px));overflow:auto;border:3px solid #173f35;border-radius:14px;background:#fff8e8;color:#26362f;box-shadow:11px 13px 0 rgba(72,34,24,.86),0 24px 70px rgba(2,13,11,.62);pointer-events:auto;transform:translateX(calc(100% + 50px));opacity:0;transition:transform .28s ease,opacity .22s ease}
.story-panel.is-open{transform:translateX(0);opacity:1}
.story-panel>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:12px;min-height:49px;padding:7px 9px 7px 15px;border-bottom:3px solid #efb535;background:#173f35;color:#fff7df}
.story-panel>header span{font:900 .68rem/1 "Courier New",monospace;letter-spacing:.11em}
.story-panel>header button{margin-left:auto;width:31px;height:31px;padding:0;border:2px outset #fff1d1;background:#d6583f;color:#fff;font-size:1.2rem;font-weight:900;cursor:pointer}
.story-panel-body{padding:27px 27px 31px}.story-panel-body .kicker{color:#8b432e;font-size:.68rem}.story-panel-body h2{margin:12px 0 16px;color:#173f35;font:700 clamp(2rem,3.7vw,3.4rem)/.96 Georgia,serif;letter-spacing:-.045em}.story-panel-body>p{color:#525950;font:1rem/1.65 Georgia,serif}
.story-paths{display:grid;gap:10px;margin-top:24px}.story-paths article{padding:16px;border:1px solid #cfb98f;border-radius:8px;background:#f6ecd8}.story-paths article>strong{color:#8b432e;font-size:.61rem;letter-spacing:.14em}.story-paths h3{margin:7px 0 7px;color:#173f35;font:700 1.25rem/1.05 Georgia,serif}.story-paths p{margin:0 0 10px;color:#62655e;font-size:.82rem;line-height:1.5}.story-paths a,.story-primary{color:#173f35;font-size:.69rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-underline-offset:4px}
.story-primary{display:inline-flex;margin-top:13px;padding:12px 14px;border:2px solid #173f35;background:#efb535;text-decoration:none;box-shadow:4px 4px 0 #173f35}
.story-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.story-secondary{display:inline-flex;margin-top:13px;color:#173f35;font-size:.69rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-underline-offset:4px}
.buying-stat{display:grid;gap:5px;margin:18px 0;padding:15px 17px;border-left:6px solid #efb535;background:#edf0df!important}.buying-stat strong{color:#173f35;font:700 clamp(1.65rem,3vw,2.45rem)/1 Georgia,serif}.buying-stat span{color:#4e574f;font:700 .8rem/1.45 Arial,sans-serif}.buying-support-actions{margin-top:5px}.game-plan-return-link{display:inline-block;margin-top:21px;color:#8b432e;font-size:.72rem;font-weight:900;text-underline-offset:4px}.story-source{margin-top:22px!important;padding-top:13px;border-top:1px solid #c9bca3;color:#72736c!important;font: .65rem/1.5 Arial,sans-serif!important}.story-source a{font-weight:800}
.buying-stat .bay-area-starter{display:grid;gap:3px;margin-top:11px;padding-top:12px;border-top:1px solid #bac3aa}.buying-stat .bay-area-starter b{color:#8b432e;font:700 clamp(1.05rem,2vw,1.35rem)/1.12 Georgia,serif}.buying-stat .bay-area-starter small{color:#5f665f;font-size:.72rem;font-weight:800}
.owning-overlook{margin:20px 0 8px;padding:17px 18px;border-left:6px solid #efb535;background:#edf0df}.owning-overlook strong{display:block;margin-bottom:8px;color:#173f35;font:700 1.2rem Georgia,serif}.owning-overlook p{margin:0;color:#505950;font-size:.82rem;font-weight:800;line-height:1.65}.owning-support-actions{margin-top:5px}
.belonging-stat{display:grid;gap:7px;margin:20px 0;padding:17px 18px;border-left:6px solid #efb535;background:#edf0df}.belonging-stat strong{color:#173f35;font:700 clamp(1.15rem,2.2vw,1.5rem)/1.15 Georgia,serif}.belonging-stat span{color:#505950;font-size:.8rem;font-weight:800;line-height:1.5}.belonging-support-actions{margin-top:5px}
.story-faqs{margin-top:20px;border-top:2px solid #173f35}.story-faqs details{border-bottom:2px solid #173f35}.story-faqs summary{position:relative;padding:17px 34px 17px 0;cursor:pointer;color:#173f35;font:700 1.03rem/1.25 Georgia,serif;list-style:none}.story-faqs summary::-webkit-details-marker{display:none}.story-faqs summary:after{content:"+";position:absolute;right:1px;top:13px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #173f35;border-radius:50%;font-family:Arial,sans-serif}.story-faqs details[open] summary:after{content:"−";background:#173f35;color:#fff6dd}.story-faqs p{margin:0;padding:0 30px 17px 0;color:#5b615b;font-size:.84rem;line-height:1.55}

@media(max-width:760px){
  .arrival-world-scroll{--mobile-intro-height:320px;width:100%;max-width:none;height:calc(var(--mobile-intro-height) + 407.97vw);aspect-ratio:auto;min-height:0;background:#102a2a}
  .arrival-world-art{top:var(--mobile-intro-height);width:100%;height:auto;object-fit:contain;object-position:center top}
  .arrival-world-scroll:after{background:linear-gradient(180deg,#102a2a 0,#102a2a var(--mobile-intro-height),rgba(6,24,22,.04) calc(var(--mobile-intro-height) + 95px),rgba(6,24,22,.12) 100%)}
  .arrival-world-scroll .arrival-shell{height:100%}
  .arrival-world-scroll .arrival-copy{left:14px;right:14px;top:14px;padding:15px;transform:none}
  .arrival-world-scroll .arrival-visual{height:100%}
  .arrival-world-scroll .front-door-join{left:65%;top:calc(var(--mobile-intro-height) + 31.5vw);width:13%;height:15vw}
  .arrival-world-scroll .mailbox-clubhouse{left:82.5%;top:calc(var(--mobile-intro-height) + 42vw)}
  .arrival-world-scroll .whc-guide-arrival{left:61.5%;top:calc(var(--mobile-intro-height) + 82vw);width:16%;height:29vw;transform:translate(-50%,-100%)}
  .discovery-prompt{display:none}
  .object-hotspot{min-height:34px;padding:4px 7px 4px 4px;gap:4px;font-size:.55rem;box-shadow:0 0 0 3px rgba(239,181,53,.13),0 4px 12px rgba(4,16,14,.48)}
  .hotspot-mark{width:23px;height:23px;flex-basis:23px;font-size:.7rem}
  .hotspot-about{left:24%;top:calc(var(--mobile-intro-height) + 79.6vw)}.hotspot-events{left:81.5%;top:calc(var(--mobile-intro-height) + 118.2vw)}.hotspot-faq{left:70%;top:calc(var(--mobile-intro-height) + 126.5vw)}.hotspot-buying{left:23%;top:calc(var(--mobile-intro-height) + 177.5vw)}.hotspot-own{left:63%;top:calc(var(--mobile-intro-height) + 303.9vw)}.hotspot-belong{left:33%;top:calc(var(--mobile-intro-height) + 354.9vw)}.hotspot-contact{left:48%;top:calc(var(--mobile-intro-height) + 390vw)}
  .story-scrim{background:rgba(3,16,14,.42)}
  .story-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:min(68svh,650px);border-radius:14px;transform:translateY(calc(100% + 30px));box-shadow:7px 8px 0 rgba(72,34,24,.86),0 -15px 55px rgba(2,13,11,.48)}
  .story-panel.is-open{transform:translateY(0)}
  .story-panel-body{padding:20px 18px 23px}.story-panel-body h2{font-size:2rem}.story-panel-body>p{font-size:.93rem}.story-paths article{padding:13px}
}

@media(prefers-reduced-motion:reduce){.object-hotspot.is-visible,.object-hotspot.buying-hotspot.is-visible{animation:none}.object-hotspot,.story-panel{transition:none}}

/* MVP cleanup: clear controls, compact content, preserve the illustrated world. */
.home-next-step{display:inline-block;max-width:34ch;font-size:.85rem;line-height:1.45;color:inherit;text-decoration:underline;text-underline-offset:3px}
.clubhouse-empty{position:absolute;left:60%;top:20%;width:min(260px,35%);padding:14px 16px;border:1px solid #d8bf8f;border-radius:12px;background:#fff5dfed;color:#244b3d;box-shadow:0 4px 18px #172f3522;display:grid;gap:8px;font-size:.85rem}
.clubhouse-empty a{color:inherit;font-weight:700}
.join-form .consent-check{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;line-height:1.5}.consent-check input{width:22px;height:22px;flex-shrink:0}
.join-form input[type=email],.join-form input[type=text]{width:100%;padding:13px;border:1px solid #b8bcae;border-radius:8px;font:inherit;background:#fffdf6}
.join-status{padding:12px;border-radius:8px;background:#edf1df;color:#244b3d}.join-status:empty{display:none}
.honey-field{position:absolute;left:-10000px}
:where(button,a,input,summary):focus-visible{outline:3px solid #d38a31;outline-offset:4px}
@media(max-width:600px){.experience-header{flex-wrap:wrap;gap:12px}.experience-header nav{flex-wrap:wrap}.experience-key>a,.experience-key>button{min-height:48px}.object-hotspot,.question-bubble,[data-close],[data-story-close]{min-width:44px;min-height:44px}.clubhouse-empty{top:auto;bottom:16px;left:16px;width:min(260px,calc(100% - 32px));font-size:.8rem}.home-next-step{font-size:.75rem}.story-panel{max-width:100vw}.join-shell{padding-inline:18px}.join-form{min-width:0}.arrival-porch-footer>div{flex-wrap:wrap}}

/* Complete scenes meet the page edges; navigation remains above, not over the artwork. */
.experience-page{min-height:0;padding-bottom:0}
.experience-header{position:relative}
.experience-shell{display:block;min-height:0;padding:0}
.experience-stage{width:100%;max-width:none}
.scene-viewport{width:100%;height:max(var(--scene-height),56.25vw);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
.scene-viewport .experience-stage{height:100%;width:max(100%,calc(var(--scene-height) * 16 / 9));aspect-ratio:16/9}
.scene-viewport:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}

/* Keep every entrance control in the same coordinate system as the square top of the continuous artwork. */
.arrival-world-scroll .arrival-artboard{display:contents}

[hidden]{display:none!important}

/* A personal letter tucked into the illustrated welcome. */
@font-face{font-family:WHCHand;src:url('fonts/caveat-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
#story-people.personal-note{width:min(590px,calc(100vw - 48px));border:1px solid #cbb992;border-radius:3px 3px 12px 3px;background-color:#fff9e9;background-image:radial-gradient(ellipse at 5% 0%,#d9bd7830,transparent 60%),repeating-linear-gradient(0deg,#b4915510 0,#b4915510 1px,transparent 1px,transparent 5px);box-shadow:3px 5px 0 #e1d2b0,6px 9px 0 #f2e7ce,0 22px 65px #071d1766;color:#354a45}
#story-people>header{background:#f5ecd6ed;backdrop-filter:blur(8px);color:#6f684f;border-bottom:1px solid #d5c9ac;min-height:44px}
#story-people>header span{font:600 .63rem/1.4 Arial,sans-serif;letter-spacing:.16em}
#story-people>header button{background:transparent;border:1px solid #9e967b;border-radius:50%;color:#526047;font-size:1.3rem}
#story-people .story-panel-body{padding:27px clamp(22px,4vw,42px) 35px}
#story-people h2{font:400 clamp(2.7rem,6vw,3.6rem)/1.1 WHCHand,'Segoe Print','Bradley Hand',cursive;letter-spacing:0;margin:0 0 22px;color:#294b43;transform:rotate(-1.5deg)}
.note-tabs{display:flex;gap:5px;border-bottom:1px solid #c9b999;margin-bottom:23px}
.note-tabs [role=tab]{flex:1;min-height:43px;padding:9px 5px;border:1px solid transparent;border-bottom:0;border-radius:7px 7px 0 0;background:transparent;color:#625e50;font:600 .8rem/1.3 Arial,sans-serif;cursor:pointer}
.note-tabs [aria-selected=true]{background:#e9d9af;color:#234d42;border-color:#c9b999;box-shadow:inset 0 -3px #647b5c}
.note-tabs [role=tab]:hover{background:#ede0c1}
#story-people :focus-visible{outline:2px solid #346b60;outline-offset:3px}
.note-page[hidden]{display:none}
.note-page{font:400 1.4rem/1.5 WHCHand,'Segoe Print','Bradley Hand',cursive;color:#344d49}
.note-page p{margin:0 0 20px}
.note-page strong{font-weight:400;color:#163e34;text-decoration:underline;text-decoration-color:#b88f5366;text-decoration-thickness:1px;text-underline-offset:5px}
.note-page .note-greeting{font-size:1.75rem;margin-bottom:15px}
.note-page .note-signature{font-size:2rem;transform:rotate(-3deg);margin:24px 0 12px}
.note-page h3{font:400 2.5rem/1.1 WHCHand,cursive;margin:0 0 8px;color:#294b43}
.note-page .note-subtitle{font-size:1.45rem;color:#756044;margin-bottom:25px}
.note-link{font:600 .8rem/1.5 Arial,sans-serif;text-underline-offset:5px;color:#315e50}
.note-heading-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 8px}
.note-heading-row h3{margin:0}
.note-social-bubble{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#fff3d6;border:2px solid #294b43;color:#294b43;font:600 .8rem/1.2 Arial,sans-serif;text-decoration:none;box-shadow:0 2px 0 #294b43;transition:transform .15s ease,box-shadow .15s ease}
.note-social-bubble:hover,.note-social-bubble:focus-visible{transform:translateY(-1px);box-shadow:0 3px 0 #294b43}
.note-social-bubble svg{flex:none}

/* Compact labeled bubbles keep destinations visible without requiring hover. */
:root{--scene-marker-shadow:0 2px 6px color-mix(in srgb,var(--ink) 35%,transparent);--scene-label-background:var(--ink);--scene-label-foreground:var(--cream)}
.explore-bubble,.question-bubble,.know-bubble,.secret-explore-dot{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;gap:0;display:grid;place-items:center;border-radius:50%;box-shadow:var(--scene-marker-shadow);animation:none;backdrop-filter:none}
.explore-bubble:before{width:22px;height:22px;flex-basis:22px;font-size:.9rem}
.question-bubble,.question-bubble[data-icon="phone"]{font-size:.9rem}
.know-question{width:22px;height:22px;flex-basis:22px;font-size:.9rem}
.know-bubble:after{display:none}
.explore-bubble,.know-bubble{display:flex;width:max-content;max-width:160px;height:auto;min-height:32px;padding:4px 7px;gap:5px;border-radius:999px}
.explore-bubble>span,.know-bubble>span:last-child{display:block;min-width:0;white-space:normal;line-height:1.2}
.explore-bubble b,.know-bubble b{font-size:.66rem;letter-spacing:0}
.explore-bubble small,.know-bubble small{display:block;font-size:.5rem;letter-spacing:0;margin-top:2px}
.question-bubble>span{display:block;min-width:0;width:max-content;max-width:130px;top:calc(100% + 5px);padding:4px 6px;font-size:.58rem;white-space:normal;line-height:1.2;opacity:1}
.object-hotspot,.object-hotspot.buying-hotspot{min-height:32px;padding:4px 7px;gap:5px;box-shadow:var(--scene-marker-shadow);animation:none}
.object-hotspot.is-visible,.object-hotspot.buying-hotspot.is-visible{animation:none}
.hotspot-mark{width:22px;height:22px;flex-basis:22px}
.hotspot-copy b{font-size:.65rem;letter-spacing:0}
.hotspot-copy small{display:block;font-size:.5rem}
.room-link{padding:6px 8px;gap:5px;font-size:.7rem;box-shadow:var(--scene-marker-shadow)}
.question-bubble{top:calc(var(--y) + 7%)}
.member-world[data-current-label="Home"] .question-bubble{top:var(--y)}
@media(max-width:760px){
  .question-bubble,.secret-explore-dot{width:28px;height:28px;min-width:28px;min-height:28px}
  .explore-bubble,.know-bubble{width:max-content;max-width:100px;height:auto;min-height:28px;padding:3px 5px;gap:3px}
  .explore-bubble>span,.question-bubble>span,.know-bubble>span:last-child{display:block}
  .explore-bubble b,.know-bubble b{font-size:.56rem}
  .explore-bubble small,.know-bubble small{font-size:.45rem}
  .question-bubble>span{max-width:85px;font-size:.5rem}
  .object-hotspot,.object-hotspot.buying-hotspot{min-width:32px;min-height:32px;padding:4px 6px}
}
@media(max-width:760px){#story-people.personal-note{top:78px;right:12px;bottom:16px;width:calc(100vw - 24px)}#story-people .story-panel-body{padding:24px 23px 30px}.note-page{font-size:1.3rem}.note-tabs [role=tab]{font-size:.76rem}}

/* Community introductions retain the world and all destination anchors. */
.discovery-prompt{left:49%;top:35.5%;width:min(340px,35%);border-radius:8px;text-transform:none;letter-spacing:0;font-size:.95rem;line-height:1.35}
.discovery-prompt span{font-size:.78rem;line-height:1.45;color:var(--scene-label-foreground);font-weight:400}
.hotspot-copy{min-width:0;max-width:180px;white-space:normal}
.hotspot-copy small{line-height:1.3}
.affordability-context{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
.affordability-context summary{cursor:pointer;font-weight:700;color:var(--ink)}
.desk-woman-hotspot{position:absolute;left:48%;top:19%;width:21%;height:36%;z-index:8;border-radius:45%;cursor:pointer;outline:none;box-shadow:none}
.desk-woman-hotspot:focus-visible+.desk-plan-button{outline:2px solid var(--yellow);outline-offset:4px}
.desk-plan-button{left:59%;top:59%;max-width:210px;z-index:9;animation:desk-plan-invite 2.4s ease-in-out infinite}
@keyframes desk-plan-invite{0%,100%{scale:1}50%{scale:1.08}}
.clubhouse-listings{max-width:900px;margin:0 auto;padding:28px 24px 50px;color:var(--cream)}
.clubhouse-listings h2,.clubhouse-listings h3{font-family:Georgia,serif;line-height:1.2}
.clubhouse-listings p{max-width:70ch}
[data-community-entry-dialog]{z-index:81;max-height:70svh;overflow:auto}
@media(max-width:760px){
  .discovery-prompt{display:flex;left:49%;top:calc(var(--mobile-intro-height) + 145vw);width:calc(100% - 36px);max-width:360px;font-size:.85rem;padding:10px 12px}
  .discovery-prompt span{font-size:.73rem}
  .hotspot-copy{max-width:118px}
  .desk-plan-button{max-width:144px;top:62%}
  .desk-plan-button b{font-size:.56rem}
  .whc-guide-arrival>span{max-width:120px}
}
@media(prefers-reduced-motion:reduce){.desk-plan-button{animation:none}}

/* Keep the single guide invitation above her head, not over her feet. */
.arrival-world-scroll .whc-guide-arrival>span{left:50%;top:auto;bottom:calc(100% + 12px);transform:translateX(-50%);min-width:max-content;max-width:none}
.arrival-world-scroll .whc-guide-arrival>span:before{top:auto;bottom:-8px;left:50%;transform:translateX(-50%) rotate(45deg);border:0;border-right:2px solid var(--scene-label-foreground);border-bottom:2px solid var(--scene-label-foreground);background:var(--scene-label-background)}
@media(min-width:761px){
  .arrival-world-scroll .whc-guide-arrival{top:min(82vw,calc(100svh - 16px));height:min(29vw,30svh)}
}
@media(min-width:761px) and (max-height:1100px){
  .arrival-world-scroll .whc-guide-arrival{left:78%}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:1100px){
  .arrival-world-scroll .whc-guide-arrival{left:82%}
}
@media(max-width:760px){
  .arrival-world-scroll .whc-guide-arrival>span{bottom:calc(100% + 10px);min-width:112px;max-width:120px}
  .hotspot-events{max-width:35%;white-space:normal;font-size:.5rem;letter-spacing:0}
}

/* Enlarge only landing scene controls, keeping their existing center anchors. */
.arrival-discovery > .object-hotspot{
  transform:translate(-50%,-50%) scale(1.3);
  transform-origin:center;
  width:max-content;
  max-width:calc((35% - 12px) / 1.3);
  white-space:normal;
}
.arrival-discovery > .object-hotspot:hover,
.arrival-discovery > .object-hotspot:focus-visible{
  transform:translate(-50%,calc(-50% - 4px)) scale(1.3);
}
.arrival-discovery > .hotspot-buying{max-width:calc((46% - 12px) / 1.3)}
.arrival-discovery > .hotspot-own{max-width:calc((74% - 12px) / 1.3)}
.arrival-discovery > .hotspot-belong{max-width:calc((66% - 12px) / 1.3)}
.arrival-discovery > .object-hotspot > span:last-child{min-width:0;overflow-wrap:anywhere}
.arrival-discovery > .hotspot-events > span:last-child{overflow-wrap:normal}
@media(max-width:360px){
  .arrival-discovery > .hotspot-events{gap:2px;padding:3px 4px;line-height:.9}
  .arrival-discovery > .hotspot-events > span:last-child{width:47px;flex-shrink:0}
}