/* A continuous camera journey; ordinary content keeps its native document flow. */
body.ayden-space.journey-active main{overflow:visible}
/* Keep ordinary decorative arches inside their rooms without clipping the sticky journey. */
body.ayden-space :is(.room-stage,.room-practice,.room-challenge){overflow:hidden;overflow:clip}
#immersive-journey[hidden]{display:none!important}
#immersive-journey{position:relative;height:380vh;--journey-top:80px;background:#dce9f2;isolation:isolate}
.journey-sticky{position:sticky;top:var(--journey-top);height:calc(100dvh - var(--journey-top));min-height:500px;overflow:hidden;background:#dce9f2;isolation:isolate}
#journey-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y;outline-offset:-5px}
.journey-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
body.journey-active #immersive-journey :is(#home,#profile,#collage){position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;padding:0;margin:0;max-width:none;background:transparent!important;border:0;perspective:none;transform:none;overflow:visible;pointer-events:none;opacity:var(--journey-opacity,0);transition:none}
body.journey-active #home{z-index:3}
body.journey-active #immersive-journey #home :is(.scene-back,.scene-mist,.scene-arch,.scene-orbit,.scene-glints,.scene-foreground,.hero-person,#water-canvas,.hero-scroll){display:none!important}
body.journey-active #immersive-journey #home .hero-copy{top:15%;left:7%;width:43%;transform:translate3d(var(--intro-x,0px),0,0);pointer-events:none}
body.journey-active #immersive-journey #home .hero-copy>:is(.hero-actions,.skip-scene){pointer-events:auto}
body.journey-active #immersive-journey #home .hero-copy h1{font-size:clamp(75px,8.5vw,125px)}
body.journey-active #immersive-journey #home .hero-copy .skip-scene{position:relative;inset:auto;margin-top:20px;width:max-content;max-width:100%}
body.journey-active #immersive-journey #profile::after{display:none}
body.journey-active #immersive-journey #profile>.room-heading{position:absolute;left:57%;right:6%;top:5%;width:auto;margin:0;max-width:none}
body.journey-active #immersive-journey #profile>.room-heading h2{font-size:29px;margin:8px 0 10px;line-height:1.4}
body.journey-active #immersive-journey #profile>.room-heading>p:last-child{font-size:11px;line-height:1.9}
body.journey-active #immersive-journey #profile .profile-layout{display:contents;perspective:none}
body.journey-active #immersive-journey #profile .profile-portrait{display:none!important}
body.journey-active #immersive-journey #profile .profile-card{position:absolute;left:57%;right:6%;top:24%;width:auto;padding:23px 25px;background:#f8fbfd;border:1px solid #d3e3ee;box-shadow:8px 17px 40px #597f9d1c;transform:none;opacity:1;pointer-events:auto;max-height:69%;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#b4cbdc transparent}
body.journey-active #immersive-journey .profile-script{font-size:34px;margin-bottom:15px}
body.journey-active #immersive-journey .profile-card h3{font-size:28px}
body.journey-active #immersive-journey #profile-facts{font-size:11px;margin:19px 0 17px;gap:0 23px}
body.journey-active #immersive-journey #profile-facts>div{padding:10px 0}
body.journey-active #immersive-journey #profile-facts dt{font-size:9px}
body.journey-active #immersive-journey #profile-social{font-size:10px;gap:9px 14px;margin-top:12px}
body.journey-active #immersive-journey #collage>.section-wrap{padding:0;max-width:none;height:100%}
body.journey-active #immersive-journey #collage :is(.depth-collage,.collage-hint){display:none!important}
body.journey-active #immersive-journey #collage .room-heading{position:absolute;top:5%;left:6%;max-width:530px;margin:0;text-shadow:0 1px 16px #f5faff}
body.journey-active #immersive-journey #collage .room-heading h2{font-size:36px;margin:10px 0 13px}
body.journey-active #immersive-journey #collage .room-heading>p:last-child{font-size:12px}
.journey-gallery-label{position:absolute;top:3%;left:6%;width:min(780px,calc(100% - 110px));max-width:none;padding:13px 18px;background:#f6fafd;border:1px solid #d1e2ed;box-shadow:0 8px 25px #63839b14;opacity:var(--gallery-opacity,0);pointer-events:none}
.journey-gallery-label .room-heading{margin:0}
.journey-gallery-label h2{font-size:26px!important;line-height:1.4;margin:8px 0 9px!important}
.journey-gallery-label .room-heading>p:last-child{font-size:11px!important;line-height:1.8!important}
.journey-enter{position:absolute;bottom:43px;left:50%;translate:-50% 0;pointer-events:auto;opacity:var(--gallery-opacity,0);z-index:5;background:#f8fcfeec!important;white-space:nowrap;min-height:44px!important;box-shadow:0 7px 25px #4f759228}
.journey-progress{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:12px;color:#63849d;font:9px/1.6 var(--space-sans);letter-spacing:.09em;pointer-events:none;max-width:40%}
.journey-progress-track{display:block;width:80px;flex:none;height:1px;background:#a9c2d470}
.journey-progress-track::after{content:"";display:block;height:100%;width:calc(var(--journey-progress,0)*100%);background:#729bb8}
.journey-step-name{white-space:nowrap}
.journey-accessible{position:absolute;left:18px;bottom:60px;max-width:calc(100% - 100px);display:flex;flex-wrap:wrap;gap:7px;padding:12px;border:1px solid #aecbde;background:#f8fcfef2;z-index:8;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;pointer-events:auto}
.journey-accessible:focus-within{clip-path:none;width:auto;height:auto;overflow:visible}
.journey-accessible button{font-size:11px;line-height:1.5;padding:8px 12px;background:#e7f1f7;border:1px solid #bdd4e4;max-width:240px;text-align:left}
body.journey-active #immersive-journey [inert]{pointer-events:none!important;visibility:hidden}
body.journey-active #immersive-journey [data-space-reveal]{opacity:1!important;--reveal-y:0px!important}
body.ayden-space:not(.journey-active) [data-space-reveal]{opacity:1!important;--reveal-y:0px!important}
body.journey-active .quick-tools{z-index:45}
body.journey-active .journey-dock{z-index:46}
@media(max-width:1050px){#immersive-journey{--journey-top:74px}.journey-gallery-label{max-width:560px}body.journey-active #immersive-journey #home .hero-copy{left:5%;top:18%;width:45%}body.journey-active #immersive-journey #profile>.room-heading{left:54%;right:7%;top:4%}body.journey-active #immersive-journey #profile .profile-card{left:54%;right:7%;top:24%;padding:18px 20px}body.journey-active #immersive-journey #profile>.room-heading h2{font-size:25px}body.journey-active #immersive-journey .profile-script{font-size:29px}body.journey-active #immersive-journey #profile-facts{font-size:10px;gap:0 17px}}
@media(max-width:600px){
  #immersive-journey{height:320vh;--journey-top:66px}
  .journey-sticky{min-height:620px;height:calc(100dvh - 66px)}
  body.journey-active #immersive-journey #home .hero-copy{top:22px;left:20px;right:20px;width:auto;max-width:none;transform:translate3d(var(--intro-x,0px),0,0);text-align:center}
  body.journey-active #immersive-journey #home .hero-copy h1{font-size:65px}
  body.journey-active #immersive-journey #home .hero-actions{bottom:auto;position:absolute;left:0;right:0;top:calc(100dvh - 66px - 208px);width:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin:0}
  body.journey-active #immersive-journey #home .hero-copy .skip-scene{position:absolute;top:calc(100dvh - 66px - 147px);left:50%;translate:-50% 0;margin:0;font-size:9px;line-height:1.8;padding:6px 0}
  body.journey-active #immersive-journey #home .hero-lines{font-size:11px;max-width:325px;line-height:1.8}
  body.journey-active #immersive-journey #profile>.room-heading{top:3%;left:20px;right:20px;text-align:center}
  body.journey-active #immersive-journey #profile>.room-heading h2{font-size:24px;margin:7px 0 8px}
  body.journey-active #immersive-journey #profile>.room-heading>p:last-child{font-size:10px}
  body.journey-active #immersive-journey #profile .profile-card{top:52%;left:24px;right:24px;padding:15px 18px 16px;max-height:calc(48% - 83px);background:#f8fbfd}
  body.journey-active #immersive-journey .profile-script{font-size:21px;margin:0 0 8px}
  body.journey-active #immersive-journey .profile-card h3{font-size:23px;margin-bottom:3px}
  body.journey-active #immersive-journey .profile-latin{font-size:11px;line-height:1.6}
  body.journey-active #immersive-journey #profile-facts{font-size:10px;margin:11px 0 12px;gap:0 18px}
  body.journey-active #immersive-journey #profile-facts>div{padding:7px 0}
  body.journey-active #immersive-journey #profile-facts dt{font-size:8px;margin-bottom:2px}
  body.journey-active #immersive-journey #profile-social{font-size:9px;gap:5px 12px;margin-top:9px}
  body.journey-active #immersive-journey #collage .room-heading{top:3%;left:22px;right:22px;max-width:none}
  body.journey-active #immersive-journey #collage .room-heading h2{font-size:26px;margin:9px 0 10px}
  body.journey-active #immersive-journey #collage .room-heading>p:last-child{font-size:10px}
  .journey-gallery-label{top:3%;left:22px;right:22px;width:auto;max-width:none;padding:11px 13px}
  .journey-gallery-label h2{font-size:21px!important;margin:7px 0 8px!important;line-height:1.4!important}
  .journey-gallery-label .room-heading>p:last-child{font-size:10px!important;line-height:1.8!important}
  .journey-enter{bottom:91px;font-size:10px!important;max-width:calc(100% - 50px);min-height:42px!important;white-space:normal;text-align:center;gap:10px!important}
  .journey-progress{left:20px;bottom:19px;font-size:8px;gap:9px;max-width:calc(100% - 40px);display:none}
  .journey-progress-track{width:50px}
  .journey-accessible{bottom:154px;left:16px;max-width:calc(100% - 32px)}
  .journey-accessible button{font-size:10px;max-width:190px}
}
@media(max-width:600px) and (max-height:760px){body.journey-active #immersive-journey #home .hero-copy{top:16px}body.journey-active #immersive-journey #home .hero-copy h1{font-size:58px}body.journey-active #immersive-journey #home .hero-lines{font-size:10px}.journey-sticky{min-height:600px}}
@media(prefers-reduced-motion:reduce){#immersive-journey{display:none!important}}

/* 3.0: seaside light, a calm reading surface and three independently moving planes. */
#immersive-journey,.journey-sticky{background:#edf3f3}
body.journey-active #immersive-journey #home .hero-copy{top:15%;left:7%;width:42%;text-shadow:0 1px 18px #fffefa}
body.journey-active #immersive-journey #home .hero-copy::before{content:"";position:absolute;inset:-30px -36px -24px;background:linear-gradient(95deg,#fafbf6ed,#fafbf6c2 58%,#fafbf600);z-index:-1;pointer-events:none;border-radius:25% 48% 42% 14%}
body.journey-active #immersive-journey #home .hero-copy h1{font-size:clamp(82px,9.5vw,142px);color:#3f6175;margin-bottom:16px}
body.journey-active #immersive-journey #home .hero-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:20px}
body.journey-active #immersive-journey #home .hero-native{font-size:22px;margin-bottom:21px;color:#456477}
body.journey-active #immersive-journey #home .hero-lines{font-size:15px;line-height:1.9;color:#526c7b}
body.journey-active #immersive-journey #home .hero-copy .skip-scene{font-size:12px;min-height:44px;display:flex;align-items:center}
body.journey-active #immersive-journey #profile>.room-heading{ text-shadow:0 1px 20px #fffefa}
body.journey-active #immersive-journey #profile>.room-heading h2{font-size:31px}
body.journey-active #immersive-journey #profile>.room-heading>p:last-child{font-size:14px;line-height:1.8;color:#5a7280}
body.journey-active #immersive-journey #profile .profile-card{top:25%;padding:25px 28px;background:#f9fbf6;border:1px solid #ffffff;border-radius:22px 3px 22px 3px;box-shadow:9px 18px 45px #5a788c17,inset 0 0 0 1px #cad8dd6b;max-height:68%;scrollbar-color:#b4cbd0 transparent}
body.journey-active #immersive-journey .profile-script{font-size:31px;margin-bottom:12px;color:#7c9ba8}
body.journey-active #immersive-journey .profile-card h3{font-size:29px}
body.journey-active #immersive-journey .profile-latin{font-size:13px}
body.journey-active #immersive-journey #profile-facts{font-size:13px;line-height:1.75;margin:18px 0 17px;gap:0 23px}
body.journey-active #immersive-journey #profile-facts>div{padding:9px 0}
body.journey-active #immersive-journey #profile-facts dt{font-size:11px}
body.journey-active #immersive-journey #profile-facts dd{word-break:normal;overflow-wrap:break-word}
body.journey-active #immersive-journey #profile-social{font-size:12px;gap:9px 14px;margin-top:12px}
body.journey-active #immersive-journey #profile-social a{min-height:44px;align-items:center}
body.journey-active #immersive-journey #collage .room-heading{padding:12px 18px 16px;background:linear-gradient(110deg,#f9fbf5f0,#f9fbf5c2 68%,#f9fbf500);border-radius:0 30px 30px 0;text-shadow:0 1px 16px #f9fbf5}
body.journey-active #immersive-journey #collage .room-heading>p:last-child{font-size:14px;line-height:1.8}
.journey-gallery-label{padding:14px 20px;background:#f9fbf5ef;border:1px solid #ffffff;border-radius:20px 3px 20px 3px;box-shadow:0 10px 30px #68828c0e,inset 0 0 0 1px #cedce16b}
.journey-gallery-label h2{font-size:29px!important}
.journey-gallery-label .room-heading>p:last-child{font-size:13px!important}
.journey-enter{background:#fafcf7f2!important;min-height:44px!important;box-shadow:0 7px 25px #4f759218}
.journey-progress{color:#547282;font-size:11px;letter-spacing:.05em}
.journey-accessible{background:#f8fcf9f2}
.journey-accessible button{font-size:13px;min-height:44px;background:#e7f1f0}

/* Basic/file/noGL keeps native flow, the same background and independent CSS depth. */
body.ayden-space:not(.journey-active) #home{background:#eaf0ef;perspective:1200px;perspective-origin:63% 50%}
body.ayden-space:not(.journey-active) #home .scene-back{inset:-3%;background:url("assets/images/ayden_thalassa_hero_seaside_pavilion.webp") 50% 50%/cover no-repeat;transform:translate3d(0,calc(var(--seaside-basic-progress,0)*18px),-100px) scale(1.12)}
body.ayden-space:not(.journey-active) #home .scene-mist{inset:0;background:linear-gradient(90deg,#f9fbf6e8,#f9fbf684 40%,transparent 67%),linear-gradient(0deg,#f8faf580,transparent 20%);transform:translateZ(-20px)}
body.ayden-space:not(.journey-active) #home .scene-arch{display:none}
body.ayden-space:not(.journey-active) #home .scene-orbit{inset:4% -6% 12% -10%;border:1px solid #fdfefaa1;border-right-color:transparent;border-bottom-color:transparent;border-radius:60% 40% 0 0 / 80% 55% 0 0;box-shadow:0 -8px 0 #fffefa0b;transform:translate3d(0,calc(var(--seaside-basic-progress,0)*-35px),100px) rotate(-8deg)}
body.ayden-space:not(.journey-active) #home .scene-orbit::before{display:none}
body.ayden-space:not(.journey-active) #home .scene-foreground{left:-8%;right:auto;top:-6%;bottom:-6%;width:18%;height:auto;background:repeating-linear-gradient(95deg,#fffff600 0%,#fffefa20 12%,#fffefa70 25%,#fffefa05 41%);border:0;box-shadow:none;transform:translate3d(calc(var(--seaside-basic-progress,0)*-45px),0,125px) rotate(-8deg)}
body.ayden-space:not(.journey-active) #home :is(.scene-glints,#water-canvas){display:none}
body.ayden-space:not(.journey-active) #home .hero-person{transform:translate3d(0,calc(var(--seaside-basic-progress,0)*-28px),65px) rotate(-2deg)}
body.ayden-space:not(.journey-active) #home .hero-copy{transform:translateZ(0);text-shadow:0 1px 18px #fffefa}
body.ayden-space:not(.journey-active) #home .hero-copy h1{color:#3f6175}
@media(max-width:1050px){
 body.journey-active #immersive-journey #home .hero-copy{left:5%;top:18%;width:45%}
 body.journey-active #immersive-journey #profile>.room-heading h2{font-size:27px}
 body.journey-active #immersive-journey #profile .profile-card{padding:20px 22px}
 body.journey-active #immersive-journey #profile-facts{font-size:12px;gap:0 17px}
}
@media(max-width:600px){
 body.journey-active #immersive-journey #home .hero-copy{top:20px;left:20px;right:20px;width:auto;text-align:center}
 body.journey-active #immersive-journey #home .hero-copy::before{inset:-24px -20px -25px;background:linear-gradient(#f9fbf6dd,#f9fbf6bf 70%,#f9fbf600);border-radius:0}
 body.journey-active #immersive-journey #home .hero-kicker{font-size:10px;line-height:1.6;margin-bottom:10px;letter-spacing:.13em}
 body.journey-active #immersive-journey #home .hero-copy h1{font-size:72px;margin-bottom:10px}
 body.journey-active #immersive-journey #home .hero-native{font-size:17px;margin-bottom:11px;line-height:1.6}
 body.journey-active #immersive-journey #home .hero-lines{font-size:13px;max-width:325px;line-height:1.8;margin-inline:auto}
 body.journey-active #immersive-journey #home .hero-copy .skip-scene{top:calc(100dvh - 66px - 151px);font-size:11px;min-height:44px;padding:5px 0}
 body.journey-active #immersive-journey #profile>.room-heading h2{font-size:26px}
 body.journey-active #immersive-journey #profile>.room-heading>p:last-child{font-size:12px}
 body.journey-active #immersive-journey #profile .profile-card{top:52%;left:24px;right:24px;padding:17px 19px 18px;max-height:calc(48% - 83px);background:#fafcf6;border-radius:17px 3px 17px 3px}
 body.journey-active #immersive-journey .profile-script{font-size:23px;margin:0 0 8px}
 body.journey-active #immersive-journey .profile-card h3{font-size:24px;margin-bottom:3px}
 body.journey-active #immersive-journey .profile-latin{font-size:12px}
 body.journey-active #immersive-journey #profile-facts{font-size:12px;margin:13px 0 12px;gap:0 18px}
 body.journey-active #immersive-journey #profile-facts>div{padding:8px 0}
 body.journey-active #immersive-journey #profile-facts dt{font-size:10px;margin-bottom:3px}
 body.journey-active #immersive-journey #profile-social{font-size:11px}
 body.journey-active #immersive-journey #collage .room-heading{top:3%;left:20px;right:20px;max-width:none;padding:10px 13px 13px}
 body.journey-active #immersive-journey #collage .room-heading>p:last-child{font-size:12px}
 .journey-gallery-label{left:20px;right:20px;padding:12px 15px}
 .journey-gallery-label h2{font-size:23px!important}
 .journey-gallery-label .room-heading>p:last-child{font-size:12px!important}
 .journey-enter{font-size:12px!important}
 .journey-accessible button{font-size:12px;max-width:190px}
 body.ayden-space:not(.journey-active) #home .scene-back{background-position:58% 50%}
 body.ayden-space:not(.journey-active) #home .scene-mist{background:linear-gradient(#f9fbf6d9,#f9fbf680 35%,transparent 62%),linear-gradient(0deg,#f8faf5c9,transparent 26%)}
}
@media(max-width:600px) and (max-height:760px){body.journey-active #immersive-journey #home .hero-copy{top:14px}body.journey-active #immersive-journey #home .hero-copy h1{font-size:62px}body.journey-active #immersive-journey #home .hero-lines{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.ayden-space:not(.journey-active) #home{--seaside-basic-progress:0!important}}