/* V3: transparent navigation, quiet controls and coastal district sections. */
.header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent;box-shadow:none;transition:background .35s,box-shadow .35s,border-color .35s,backdrop-filter .35s}.header.is-scrolled{background:#11101bea;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#ffffff0f;box-shadow:0 8px 35px #100c2220}.header:not(.is-scrolled) .brand,.header:not(.is-scrolled) nav{text-shadow:0 2px 18px #090716b0}.header:not(.is-scrolled) nav button{color:#ddd8e6}.hero-image{top:0;height:100%;object-position:center top}.hero-shade{background:linear-gradient(90deg,#0e0d1ad9,#12101e65 43%,transparent 78%),linear-gradient(0deg,#111017,transparent 43%),linear-gradient(180deg,#11101a77,transparent 23%)}.hero{min-height:850px}.hero-particles{top:0}.hero .brand img{background:transparent}
.role-tabs{gap:12px;margin-bottom:22px;padding:0;background:none}.role-tabs button{min-height:84px;padding:17px 18px;gap:13px;border:1px solid #e0dbe9;border-radius:13px;background:#faf9fd;color:#302938;box-shadow:0 3px 7px #29203204;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.role-tabs button span{font-size:14px;font-weight:700;letter-spacing:0}.role-tabs button small{font-size:10px;line-height:1.45;color:#96899f;margin-top:4px}.role-tabs button>i:first-child{width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:#eee7f8;color:#9562ce;border-radius:11px;transition:background .25s,transform .3s,color .25s}.role-tabs button>i:first-child svg{width:19px;height:19px}.role-tabs button>i:last-child{color:#aa9ab8;transition:transform .3s,color .3s}.role-tabs button[aria-selected=true]{background:linear-gradient(115deg,#292036,#39274c);border-color:#77519e;color:white;box-shadow:0 7px 20px #3520471a}.role-tabs button[aria-selected=true] small{color:#c8b5d8}.role-tabs button[aria-selected=true]>i:first-child{background:#a975eb28;color:#c99aff}.role-tabs button[aria-selected=true]>i:last-child{color:#d9b7ff}.role-tabs button:hover{transform:translateY(-4px);border-color:#bfa4dd;box-shadow:0 10px 25px #4f2c771a}.role-tabs button:hover>i:first-child{transform:translateY(-2px) rotate(-6deg);background:#e8dbf8}.role-tabs button[aria-selected=true]:hover>i:first-child{background:#a975eb40}.role-tabs button:hover>i:last-child{transform:translateX(4px)}.role-tabs button:after{background:linear-gradient(90deg,transparent,#bc84ff55,transparent);width:42%;z-index:5}.role-tabs button[aria-selected=true]:after{background:linear-gradient(90deg,transparent,#ffffff60,transparent)}.role-tabs button:hover:after{animation:tab-hover-sheen .75s ease-out}.role-tabs button.shining:after{animation:tab-click-sheen .85s ease-out}.role-tabs button:before{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#af72ff,#e57aa7);transform:scaleX(0);transform-origin:left;transition:transform .3s}.role-tabs button[aria-selected=true]:before{transform:scaleX(1)}
.district-band{position:relative;isolation:isolate;overflow:hidden;background:#eeecf5}.district-band>section{position:relative;z-index:1}.district-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-image:url('assets/district-map.svg');background-size:1250px 830px;background-position:15% center;background-repeat:repeat-x;opacity:1}.district-decor:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#eeecf5e6 25%,#eeecf5ee 68%,transparent)}.district-decor{background-blend-mode:multiply;background-color:#eeecf5ef}.coastal-leaf{position:absolute;background:url('assets/coastal-leaves.svg') center/contain no-repeat;width:270px;height:520px;opacity:.12;filter:saturate(.6)}.leaf-one{left:-135px;top:15%;transform:rotate(16deg)}.leaf-two{right:-130px;bottom:0;transform:scaleX(-1) rotate(14deg)}.district-watermark{position:absolute;bottom:15px;left:3%;font:800 clamp(80px,12vw,190px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;color:#8b72a509;white-space:nowrap}.band-intro .intro:before{display:none}.band-intro .intro{padding-top:105px;padding-bottom:115px}.band-intro .district-decor{background-position:center top}.band-intro .leaf-two{right:-90px;bottom:20%;opacity:.14}.band-stories{background:#ece8f2}.band-stories .district-decor{background-color:#ece8f2f5;background-size:1500px 1000px;transform:none}.band-stories .district-decor:before{background:linear-gradient(90deg,transparent,#ece8f2f2 23%,#ece8f2ed 75%,transparent)}.band-stories .paths{padding-top:92px;padding-bottom:96px}.band-stories .leaf-one{top:auto;bottom:-120px;width:340px;height:600px;opacity:.08;transform:rotate(-15deg)}.band-stories .leaf-two{display:none}.band-moments{background:#f1eef6}.band-moments .district-decor{background-color:#f1eef6f4;background-position:80% 60%;background-size:1450px 1000px}.band-moments .district-decor:before{background:linear-gradient(90deg,transparent,#f1eef6ed 28%,#f1eef6f2 73%,transparent)}.band-moments .moments{padding-top:92px;padding-bottom:100px}.band-moments .leaf-one{top:17%;left:-125px;height:650px;width:340px;opacity:.14;transform:rotate(25deg)}.band-moments .leaf-two{bottom:-70px;right:-130px;opacity:.13;height:590px;width:310px}.band-moments .district-watermark{left:auto;right:1%;bottom:30px;color:#8b72a50b}.chapter-break{position:relative;background:#15111d;min-height:82px;padding:30px max(50px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;color:#b2a1c5;isolation:isolate;font-size:8px;letter-spacing:2px}.chapter-break:before{content:'';position:absolute;top:-1px;left:0;right:0;height:15px;background:#eeecf5;clip-path:polygon(0 0,0 15%,15% 15%,16% 100%,42% 100%,43% 15%,100% 15%,100% 0);z-index:-1}.chapter-break:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:12px;background:#eeecf5;clip-path:polygon(0 100%,0 90%,68% 90%,69% 0,89% 0,90% 90%,100% 90%,100% 100%);z-index:-1}.chapter-break i{height:1px;flex:1;max-width:550px;background:linear-gradient(90deg,#a272cf55,#d8659455);position:relative}.chapter-break i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:#c289ee;transform:rotate(45deg)}.chapter-break.reverse{background:linear-gradient(100deg,#191220,#23162d)}.chapter-break.reverse:before{transform:scaleX(-1)}.arrival{background:#eeecf5}.arrival:before{content:'';position:absolute;inset:0;background:url('assets/district-map.svg') left center/1200px auto;opacity:.055;pointer-events:none}.arrival:after{font-size:160px;color:#a27fba08}.welcome-bonus{margin-top:65px}.faq{position:relative}.closing{position:relative}.closing:before{content:'';position:absolute;inset:0;background:url('assets/district-map.svg') center/cover;opacity:.055;z-index:-1;pointer-events:none}
@keyframes tab-hover-sheen{0%{left:-85%;opacity:0}20%{opacity:.85}100%{left:145%;opacity:0}}@keyframes tab-click-sheen{0%{left:-85%;opacity:0}15%{opacity:1}100%{left:145%;opacity:0}}
@media(min-width:1400px){.leaf-one{left:-70px}.leaf-two{right:-70px}.band-moments .leaf-one{left:-75px}.band-moments .leaf-two{right:-75px}}@media(max-width:1100px){.role-tabs button{padding:15px 12px;gap:10px}.role-tabs button small{display:none}.role-tabs button>i:first-child{width:30px;height:32px}.role-tabs button span{font-size:13px}}@media(max-width:800px){.hero-image{top:0;height:100%;object-position:65% top}.hero-shade{background:linear-gradient(0deg,#100d18,#100d18bf 36%,#100d1814 85%),linear-gradient(180deg,#13102070,transparent 25%)}.hero{min-height:800px}.role-tabs button{min-height:78px;padding:14px 12px}.role-tabs button small{display:block;font-size:9px}.role-tabs button>i:last-child{display:none}.chapter-break{padding:28px 32px;min-height:72px;font-size:7px;letter-spacing:1px;gap:18px}.band-intro .intro,.band-stories .paths,.band-moments .moments{padding-top:65px;padding-bottom:75px}.coastal-leaf{opacity:.07!important}.band-moments .leaf-one{left:-230px}.band-moments .leaf-two{right:-225px}.district-watermark{font-size:70px}.district-decor{background-size:900px 600px}.welcome-bonus{margin-top:45px}}@media(max-width:480px){.role-tabs{gap:9px}.role-tabs button{gap:9px;padding:12px 10px;min-height:76px}.role-tabs button span{font-size:12px}.role-tabs button small{font-size:8px}.role-tabs button>i:first-child{width:28px;height:30px;flex-shrink:0;border-radius:9px}.chapter-break{padding:26px 20px;font-size:6px;gap:12px}.chapter-break span{white-space:nowrap}.header nav.open{background:#15101ff5}.district-watermark{font-size:60px}.band-intro .intro{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.header,.role-tabs button,.role-tabs button:before{transition:none}.role-tabs button:after{animation:none!important}}
/* Readable transparent hero lettering with one light sweep every five seconds. */
.hero .hero-outline{left:28%;top:145px;font-size:16vw;white-space:nowrap;-webkit-text-stroke:1px #dfc5fa70;color:transparent;background-image:linear-gradient(110deg,#e4cdff08 38%,#d9b6ff44 46%,#ffffffa3 50%,#cf9aff55 54%,#e4cdff08 62%);background-size:300% 100%;background-repeat:no-repeat;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;animation:nightlife-light-sweep 5s ease-in-out infinite;text-shadow:0 0 26px #c38aff12}
@keyframes nightlife-light-sweep{0%,8%{background-position:100% 50%}42%,100%{background-position:0% 50%}}
.motion-paused .hero .hero-outline{animation:none;background-position:100% 50%}
@media(max-width:800px){.hero .hero-outline{left:5%;top:135px;font-size:20vw}}
@media(prefers-reduced-motion:reduce){.hero .hero-outline{animation:none;background-position:100% 50%}}
@media(min-width:801px){.hero .hero-outline{left:34%}}
/* Old-English street lettering; a slower sweep within the five-second cycle. */
.hero .hero-outline{font-family:'Pirata One','Barlow Condensed',Impact,sans-serif;font-weight:400;font-size:14vw;letter-spacing:.01em;-webkit-text-stroke:1px #e2c8fc80}
@keyframes nightlife-light-sweep{0%,5%{background-position:100% 50%}78%,100%{background-position:0% 50%}}
@media(max-width:800px){.hero .hero-outline{font-size:20vw;letter-spacing:0}}
@media(min-width:801px){.hero .hero-outline{left:44%}}
@media(max-width:800px){.hero .hero-outline{left:15%}}
/* A slower light pass, followed by a longer quiet pause. */
.hero .hero-outline{animation-duration:12s}
@keyframes nightlife-light-sweep{0%,5%{background-position:100% 50%}55%,100%{background-position:0% 50%}}