@font-face{font-family:Jura;src:url('assets/Jura-Variable.ttf');font-weight:300 700;font-display:swap}
body[data-room=home] #home,body[data-room=home] #home :is(p,strong,span,small,a),body[data-room=home] .name-invitation{font-family:Jura,sans-serif!important;font-weight:300!important}
body[data-room=home][data-world=cosmic] header{background:linear-gradient(100deg,#f9dfb833,transparent 65%),url('assets/portal-header-sky.png') center/100% 100% no-repeat;isolation:isolate}
body[data-room=home][data-world=cosmic] header:before{display:block;content:'';position:absolute;inset:auto 0 0;height:60px;z-index:-1;background:url('assets/selected-cosmic.png') center top/100% auto no-repeat;mask-image:linear-gradient(#000,transparent);transform:scaleY(-1);pointer-events:none}
body[data-room=home][data-atmosphere=golden] header{background:linear-gradient(110deg,#ffe8be,#e5d8ca 55%,#adbdce)}
body[data-room=home][data-atmosphere=pearl] header{background:linear-gradient(110deg,#fff6df,#f2eee9 55%,#dfece7)}
body[data-room=home][data-atmosphere=golden] header:before{background-image:url('assets/selected-golden.png')}
body[data-room=home][data-atmosphere=pearl] header:before{background-image:url('assets/selected-pearl.png')}
body[data-room=home][data-atmosphere=golden]{background-image:linear-gradient(#fae9d899,transparent 85%),url('assets/ridge-water-desktop.png')}
body[data-room=home][data-atmosphere=pearl]{background-image:linear-gradient(#fff9efdd,#f7f1e9bb 65%,transparent 90%),url('assets/ridge-water-desktop.png')}
body[data-room=home][data-atmosphere=pearl] :is(.name-invitation,.orientation,.orientation strong,.orientation span,.section-title p),body[data-room=home][data-atmosphere=golden] .name-invitation{color:#514334!important;text-shadow:0 1px 1px #fff7e7!important}
body[data-room=home][data-atmosphere=pearl] .phoenix-tagline{color:#8c601e!important;text-shadow:0 1px #fff2c8!important}
.atmosphere-chooser{position:relative;width:max-content;margin:8px auto 16px;font-family:Jura,sans-serif;font-weight:300;z-index:10;color:#443315}
.atmosphere-chooser summary{cursor:pointer;list-style:none;padding:9px 22px;border-radius:24px;border:1px solid #b99240;background:linear-gradient(#fff0b8,#d6b363);font-size:14px;box-shadow:inset 0 1px #fff8d7,0 2px 4px #523a2633}
.atmosphere-chooser summary::-webkit-details-marker{display:none}.atmosphere-chooser summary:after{content:' ⌄';margin-left:8px}.atmosphere-chooser>div{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;padding:6px;gap:4px;white-space:nowrap;border-radius:30px;background:#fff4d9;border:1px solid #b99240;box-shadow:0 8px 24px #1a263c44}
.atmosphere-chooser button{font-family:Jura,sans-serif;font-size:13px;font-weight:300;padding:8px 14px;min-height:40px}.atmosphere-chooser button[aria-pressed=true]{background:#dac086;box-shadow:inset 0 1px 3px #70552155}
.atmosphere-chooser :focus-visible{outline:2px solid #617c89;outline-offset:4px}body:not([data-room=home]) .atmosphere-chooser{display:none}
@media(max-width:750px){body[data-room=home][data-atmosphere=golden]{background-image:linear-gradient(#fae9d899,transparent 85%),url('assets/ridge-water-mobile.png')}body[data-room=home][data-atmosphere=pearl]{background-image:linear-gradient(#fff9efdd,#f7f1e9bb 65%,transparent 90%),url('assets/ridge-water-mobile.png')}.atmosphere-chooser summary{font-size:12px;padding:8px 18px}body[data-room=home][data-world=cosmic] header:before{height:35px}}
/* Latest direction: quiet header; the lighter left clouds belong to the portal scene. */
body[data-room=home][data-atmosphere=cosmic] header{background:radial-gradient(ellipse at left bottom,#7896b0,transparent 75%),linear-gradient(120deg,#244d73,#102e51 65%,#142a45)}
body[data-room=home][data-world=cosmic] header:before{display:none}
/* Pearl exception: simple creamy ivory header and a soft lower edge. */
body[data-room=home][data-atmosphere=pearl] header{background:#faf4e7}
body[data-room=home][data-atmosphere=pearl] header:after{content:'';position:absolute;left:0;right:0;top:100%;height:32px;background:linear-gradient(#faf4e7,transparent);pointer-events:none;z-index:2}
body[data-room=home][data-atmosphere=pearl]{background-image:linear-gradient(#fff8eaf5,#fff8eaf0 65%,transparent 91%),url('assets/ridge-water-desktop.png')}
body[data-room=home][data-atmosphere=pearl] .cosmic-reading .section-title p{color:#514334!important;text-shadow:0 1px #fff8ea!important}
body[data-room=home][data-atmosphere=pearl] .accessibility-menu summary,body[data-room=home][data-atmosphere=golden] .accessibility-menu summary{color:#514334!important;text-shadow:none!important}
@media(max-width:750px){body[data-room=home][data-atmosphere=pearl]{background-image:linear-gradient(#fff8eaf5,#fff8eaf0 65%,transparent 91%),url('assets/ridge-water-mobile.png')}}

/* Fourth unpublished atmosphere: soft daylight forest across the whole page. */
body[data-room=home][data-atmosphere=forest]{background-image:url('assets/forest-background.png');background-size:cover;background-position:center top;background-attachment:scroll;background-color:#eef1df}
body[data-room=home][data-atmosphere=forest] header{background:linear-gradient(110deg,#f2efdb,#e4eddb 65%,#d4e3ce)}
body[data-room=home][data-atmosphere=forest] header:after{content:'';position:absolute;left:0;right:0;top:100%;height:32px;background:linear-gradient(#e4eddb,transparent);pointer-events:none;z-index:2}
body[data-room=home][data-atmosphere=forest] :is(.name-invitation,.orientation,.orientation strong,.orientation span,.accessibility-menu summary),body[data-room=home][data-atmosphere=forest] .cosmic-reading .section-title p{color:#364b37!important;text-shadow:0 1px 1px #f5f2df!important}
body[data-room=home][data-atmosphere=forest] .phoenix-tagline{color:#8c601e!important;text-shadow:0 1px #fff2c8!important}
@media(max-width:750px){.atmosphere-chooser>div{white-space:normal;flex-wrap:wrap;width:290px;border-radius:18px;justify-content:center}.atmosphere-chooser button{min-width:120px}}

/* Selected three-atmosphere review: Golden default, Forest, midnight Cosmic. */
body[data-room=home] #home :is(p,strong,span,small,a),body[data-room=home] .cosmic-reading .welcome .orientation,body[data-room=home] .cosmic-reading .section-title p{font-family:Jura,sans-serif!important;font-weight:300!important}
body[data-room=home][data-atmosphere=cosmic]{background-color:#05121f;background-image:linear-gradient(#061323f5 0%,#071c2bf0 60%,#062432d9 100%),url('assets/ridge-water-desktop.png');background-size:100% 100%;background-position:center top;background-attachment:scroll}
body[data-room=home][data-atmosphere=cosmic] header{background:linear-gradient(115deg,#06101e,#08212c)}
body[data-room=home][data-atmosphere=cosmic] #home:after{content:'';display:block;position:absolute;inset:0;z-index:-1;background:url('assets/reading-stars.svg') center/1100px auto repeat;opacity:.1;mask-image:none;pointer-events:none}
body[data-room=home][data-atmosphere=cosmic] :is(.name-invitation,.accessibility-menu summary,.phoenix-tagline),body[data-room=home][data-atmosphere=cosmic] .cosmic-reading :is(.orientation,.welcome-lead,.welcome-body,.section-title p){color:#fff4dc!important;text-shadow:0 1px 2px #020c17!important}
body[data-room=home][data-atmosphere=cosmic] .door span{color:#fff2ce!important;background:#102533!important;border:1px solid #c9a866;text-shadow:none!important;box-shadow:0 2px 10px #0008}
body[data-room=home][data-atmosphere=cosmic] footer{background:#071b28;color:#fff4dc;text-shadow:none}
.atmosphere-chooser button{min-height:44px}
.atmosphere-chooser :focus-visible{outline:3px solid #157b8a;outline-offset:4px}
body[data-atmosphere=cosmic] .atmosphere-chooser :focus-visible{outline-color:#fff1bc}
@media(max-width:750px){.atmosphere-chooser>div{width:270px}.atmosphere-chooser button{width:100%;min-height:44px}body[data-room=home][data-atmosphere=cosmic]{background-image:linear-gradient(#061323f5 0%,#071c2bf0 60%,#062432d9 100%),url('assets/ridge-water-mobile.png')}}
@media(prefers-reduced-motion:reduce){.atmosphere-chooser *,#arrival>img{transition:none!important;animation:none!important}}
/* Keep gold parchment controls readable in every atmosphere. */
body[data-room=home] #home .direct :is(span,small){color:#4b3c22!important;text-shadow:none!important}
.atmosphere-chooser summary,.atmosphere-chooser button{color:#443315!important;text-shadow:none!important}

/* Approved refined Pearl, fourth visitor atmosphere. */

body[data-room=home][data-atmosphere=pearl]{background-color:#faf7f0;background-image:radial-gradient(ellipse at 0 28%,#e8f1edbb,transparent 45%),radial-gradient(ellipse at 100% 50%,#f3e6ef88,transparent 48%),linear-gradient(#fffcf7f5,#f7f3eced 72%,#f2eee8b8),url('assets/ridge-water-desktop.png');background-size:100% 100%}
body[data-room=home][data-atmosphere=pearl] header{background:radial-gradient(ellipse at 10% 30%,#e9f0eb99,transparent 50%),radial-gradient(ellipse at 90% 70%,#eee5f099,transparent 50%),#fffcf6}
body[data-room=home][data-atmosphere=pearl] header:after{background:linear-gradient(#fffcf6,transparent)}
body[data-room=home][data-atmosphere=pearl] #home:after{content:'';display:block;position:absolute;inset:38% 0 0;z-index:-1;background:url('assets/pearl-geometry.svg') center/240px repeat;opacity:.45;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent);pointer-events:none}
body[data-room=home][data-atmosphere=pearl] .cosmic-reading .welcome .orientation,body[data-room=home][data-atmosphere=pearl] .cosmic-reading :is(.welcome-lead,.welcome-body,.section-title p){color:#514334!important;text-shadow:0 1px #fffdf8!important}
body[data-room=home][data-atmosphere=pearl] .phoenix-tagline{color:#805d26!important;text-shadow:0 1px #fffdf8!important}
body[data-room=home][data-atmosphere=pearl] footer{background:linear-gradient(transparent,#f9f5ec);color:#514334;text-shadow:none}
/* Expanded atmosphere choices stay above the adjacent accessibility control. */
.atmosphere-chooser[open]{z-index:30}

/* Mobile-only readability preview; retain Jura Light 300 and desktop styling. */
@media(max-width:750px){
 body[data-room=home] header .name-invitation{font-size:20px!important;line-height:1.45!important;letter-spacing:.015em;margin:10px auto 8px;max-width:calc(100% - 24px);text-align:center}
 body[data-room=home] .atmosphere-chooser summary,body[data-room=home] .atmosphere-chooser button{font-size:16px!important;font-weight:300!important}
 body[data-room=home] .accessibility-menu summary{font-family:Jura,sans-serif;font-size:14px;font-weight:300}
 body[data-room=home] .cosmic-reading .welcome .orientation{font-size:22px!important;line-height:1.65!important;font-weight:300!important}
 body[data-room=home] .welcome-lead{font-size:26px!important;line-height:1.4!important}
 body[data-room=home] .phoenix-tagline{font-size:24px!important;font-weight:300!important}
 body[data-room=home] .cosmic-reading .section-title p{font-size:22px!important;font-weight:300!important}
 body[data-room=home] #contents .direct .scroll-title{font-size:21px!important;line-height:1.3}
 body[data-room=home] #contents .direct small{font-size:13px!important;line-height:1.5}
 body[data-room=home] footer{font-family:Jura,sans-serif;font-size:13px;font-weight:300}
 body[data-room=home][data-world] .door span{font-size:12px!important;font-weight:300!important;line-height:1.2;min-height:32px;padding:4px;width:calc(20vw - 8px);max-width:108px;letter-spacing:0}
}

/* Review: sculpted gold filigree, with a slender outlined sparkle. */
.name-divider .mobile-sparkle{display:none}
@media(max-width:750px){
.name-divider .desktop-star{display:none}
.name-divider .mobile-sparkle{display:block}
.name-divider:before,.name-divider:after{height:2px;background:linear-gradient(90deg,transparent,#c78a26 35%,#ffedac 62%,#a86112 85%,#e7bd60);box-shadow:0 -0.5px 0 #fff3cb,0 .75px 0 #94602166}
.name-divider svg{width:21px;height:25px;fill:none;stroke:url(#dividerGold);stroke-width:1.05;stroke-linecap:round;filter:drop-shadow(0 -.5px 0 #fff4ca) drop-shadow(0 1px .4px #8a571b66)}
}
@media(max-width:750px){
 body[data-room=home] .atmosphere-chooser summary{font-size:18px!important;font-weight:300!important;line-height:1.35;padding:12px 24px;min-height:48px;box-sizing:border-box}
 body[data-room=home] .atmosphere-chooser button{font-size:18px!important;font-weight:300!important;padding:10px 16px;min-height:46px}
}
/* Mobile-only exception: stronger doorway names on their small scrolls. */
@media(max-width:750px){body[data-room=home][data-world] #home .door span{font-weight:600!important}}
/* Phone readability: a modest weight increase for small controls and captions. */
@media(max-width:750px){
 body[data-room=home] .atmosphere-chooser summary,body[data-room=home] .atmosphere-chooser button,
 body[data-room=home] .accessibility-menu summary,body[data-room=home] #contents .direct small,
 body[data-room=home] footer{font-weight:400!important}
}
/* Mobile middle-section presence review; desktop deliberately unchanged. */
@media(max-width:750px){
 body[data-room=home][data-world] #home .cosmic-reading .welcome .orientation{font-size:24px!important;line-height:1.6!important}
 body[data-room=home][data-world] #home .cosmic-reading .welcome :is(.orientation,.welcome-body){font-weight:500!important}
 body[data-room=home][data-world] #home .cosmic-reading .welcome .welcome-lead{font-size:30px!important;line-height:1.35!important;font-weight:600!important}
 body[data-room=home][data-world] #home .phoenix-tagline{font-size:28px!important;line-height:1.45!important;font-weight:600!important}
 body[data-room=home][data-world] #home .cosmic-reading .section-title p{font-size:25px!important;font-weight:500!important}
 body[data-room=home][data-atmosphere=golden] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p),
 body[data-room=home][data-atmosphere=cosmic] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#fff4d9!important;text-shadow:0 1px 0 #614725,0 2px 2px #112238b3,0 0 5px #142d4555!important;-webkit-text-stroke:.2px #634b3277}
 body[data-room=home][data-atmosphere=forest] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#293f31!important;text-shadow:0 -1px 0 #fff8e5,0 1px 0 #fff3d9,0 2px 2px #52653d33!important}
 body[data-room=home][data-atmosphere=pearl] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#574329!important;text-shadow:0 -1px 0 #fffdf0,0 1px 0 #fff7e1,0 2px 2px #805e3533!important}
}
@media(max-width:750px){
 body[data-room=home][data-world] header .name-invitation{font-family:Jura,sans-serif!important;font-weight:500!important;background-image:linear-gradient(175deg,#fff1a0,#d68a19 35%,#9b5108 55%,#ffd274 75%,#a45a0c)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;color:#c28a2b!important;text-shadow:none!important;-webkit-text-stroke:.2px #94661c;filter:drop-shadow(0 -.5px 0 #fff1c6) drop-shadow(0 1px 0 #925415) drop-shadow(0 2px 1px #173c5266)}
}
@media(max-width:750px){
 body[data-room=home][data-atmosphere][data-world] #home .phoenix-tagline{background-image:linear-gradient(175deg,#fff1a0,#d68a19 35%,#9b5108 55%,#ffd274 75%,#a45a0c)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;color:#c28a2b!important;text-shadow:none!important;-webkit-text-stroke:.25px #94661c;filter:drop-shadow(0 -.5px 0 #fff1c6) drop-shadow(0 1px 0 #925415) drop-shadow(0 2px 1px #173c5280)}
}

/* Desktop equivalents with proportions adapted for wide screens. */
@media(min-width:751px){
 body[data-room=home][data-world] #home .cosmic-reading .welcome .orientation{font-size:30px!important;line-height:1.6!important}
 body[data-room=home][data-world] #home .cosmic-reading .welcome :is(.orientation,.welcome-body){font-weight:500!important}
 body[data-room=home][data-world] #home .cosmic-reading .welcome .welcome-lead{font-size:38px!important;line-height:1.35!important;font-weight:600!important}
 body[data-room=home][data-world] #home .phoenix-tagline{font-size:34px!important;line-height:1.45!important;font-weight:600!important}
 body[data-room=home][data-world] #home .cosmic-reading .section-title p{font-size:30px!important;font-weight:500!important}
 body[data-room=home][data-atmosphere=golden] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p),
 body[data-room=home][data-atmosphere=cosmic] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#fff4d9!important;text-shadow:0 1px 0 #614725,0 2px 2px #112238b3,0 0 5px #142d4555!important;-webkit-text-stroke:.2px #634b3277}
 body[data-room=home][data-atmosphere=forest] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#293f31!important;text-shadow:0 -1px 0 #fff8e5,0 1px 0 #fff3d9,0 2px 2px #52653d33!important}
 body[data-room=home][data-atmosphere=pearl] #home :is(.orientation,.welcome-lead,.welcome-body,.phoenix-tagline,.section-title p){color:#574329!important;text-shadow:0 -1px 0 #fffdf0,0 1px 0 #fff7e1,0 2px 2px #805e3533!important}
}
@media(min-width:751px){
 body[data-room=home][data-world] header .name-invitation{font-family:Jura,sans-serif!important;font-weight:500!important;background-image:linear-gradient(175deg,#fff1a0,#d68a19 35%,#9b5108 55%,#ffd274 75%,#a45a0c)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;color:#c28a2b!important;text-shadow:none!important;-webkit-text-stroke:.2px #94661c;filter:drop-shadow(0 -.5px 0 #fff1c6) drop-shadow(0 1px 0 #925415) drop-shadow(0 2px 1px #173c5266)}
}
@media(min-width:751px){
 body[data-room=home][data-atmosphere][data-world] #home .phoenix-tagline{background-image:linear-gradient(175deg,#fff1a0,#d68a19 35%,#9b5108 55%,#ffd274 75%,#a45a0c)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;color:#c28a2b!important;text-shadow:none!important;-webkit-text-stroke:.25px #94661c;filter:drop-shadow(0 -.5px 0 #fff1c6) drop-shadow(0 1px 0 #925415) drop-shadow(0 2px 1px #173c5280)}
}

@media(min-width:751px){
 body[data-room=home] header .name-invitation{font-size:26px!important;line-height:1.45!important;max-width:calc(100% - 40px);margin:12px auto;text-align:center}
 body[data-room=home] .atmosphere-chooser summary,body[data-room=home] .atmosphere-chooser button{font-size:18px!important;font-weight:400!important;padding:12px 24px;line-height:1.35;min-height:48px;box-sizing:border-box}
 body[data-room=home] .accessibility-menu summary{font-family:Jura,sans-serif;font-size:16px;font-weight:400}
 body[data-room=home][data-world] #home .door span{font-size:18px!important;font-weight:600!important;line-height:1.25;padding:6px 10px}
 body[data-room=home] #contents .direct .scroll-title{font-size:28px!important;font-weight:500!important}
 body[data-room=home] #contents .direct small{font-size:17px!important;font-weight:400!important;line-height:1.5}
 body[data-room=home] footer{font-family:Jura,sans-serif;font-size:15px;font-weight:400}
 .name-divider .desktop-star{display:none}
 .name-divider .mobile-sparkle{display:block}
 .name-divider:before,.name-divider:after{height:2px;background:linear-gradient(90deg,transparent,#c78a26 35%,#ffedac 62%,#a86112 85%,#e7bd60);box-shadow:0 -.5px 0 #fff3cb,0 .75px 0 #94602166}
 .name-divider svg{width:24px;height:28px;fill:none;stroke:url(#dividerGold);stroke-width:1.05;stroke-linecap:round;filter:drop-shadow(0 -.5px 0 #fff4ca) drop-shadow(0 1px .4px #8a571b66)}
}
/* Cosmic review: evening Blue Ridge Mountains and winding river. */
body[data-room=home][data-atmosphere=cosmic]{background-image:url('assets/cosmic-blue-ridge-river.png')!important;background-color:#05121f;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;background-attachment:scroll}
body[data-room=home][data-atmosphere=cosmic] #home:before,body[data-room=home][data-atmosphere=cosmic] #home:after{display:none!important}
body[data-room=home][data-atmosphere=cosmic] footer{background:linear-gradient(transparent,#05121f99);color:#fff4dc}
@media(max-width:750px){body[data-room=home][data-atmosphere=cosmic]{background-image:linear-gradient(#05121f,transparent 18%),url('assets/cosmic-blue-ridge-river.png')!important;background-size:100% 1100px,auto 1100px;background-position:center bottom;background-repeat:no-repeat}}
/* Clean Pearl review: one continuous iridescent interior, no exterior scenery. */
body[data-room=home][data-atmosphere=pearl]{background-color:#fbf1e5;background-image:url('assets/pearl-floor-continuation.png')!important;background-size:100% 100%;background-position:center bottom;background-repeat:no-repeat;background-attachment:scroll}
body[data-room=home][data-atmosphere=pearl] #home:before,body[data-room=home][data-atmosphere=pearl] #home:after{display:none!important}
body[data-room=home][data-atmosphere=pearl] header{background:radial-gradient(ellipse at 12% 40%,#e4eee880,transparent 45%),radial-gradient(ellipse at 88% 35%,#eadbe966,transparent 45%),#fff8ee}
body[data-room=home][data-atmosphere=pearl] header:after{background:linear-gradient(#fff8ee,transparent)}
body[data-room=home][data-atmosphere=pearl] footer{background:linear-gradient(transparent,#fff8ee66);color:#514334}
/* A continuous translucent pearl finish keeps the inlay quiet behind copy. */
body[data-room=home][data-atmosphere=pearl]{background-image:linear-gradient(#fffaf344,#fffaf388),url('assets/pearl-floor-continuation.png')!important}
