/* V4 — individual transitions, clearer hierarchy, less visual repetition. */
.band-intro .intro{padding-bottom:120px}.band-intro .district-watermark{color:#8b72a506}.intro-visual{border-radius:22px}.intro-visual>img{border-radius:22px;box-shadow:0 24px 55px #25143a20}.visual-note{border:1px solid #ffffffcc;box-shadow:0 16px 35px #32194918;border-radius:12px}.intro-copy h2{letter-spacing:-.8px}.intro-copy .eyebrow:before{content:'';width:25px;height:1px;background:#ad7bd9;flex-shrink:0}.text-link{transition:color .2s,gap .2s}.text-link:hover{gap:28px;color:#ab70e2}
.arrival{background:radial-gradient(ellipse at 90% 0%,#63368050,transparent 55%),#191222;color:white;border-radius:44px 44px 0 0;padding-top:60px;padding-bottom:85px;isolation:isolate}.arrival>.shell{position:relative;z-index:1}.arrival:before{background:url('assets/district-map.svg') right top/1000px auto;opacity:.12}.arrival:after{content:'';bottom:0;left:0;right:0;top:auto;height:1px;background:linear-gradient(90deg,transparent,#ad72ed80,#e3719a55,transparent)}.arrival-orbit{position:absolute;width:640px;height:640px;border:1px solid #bd8fed12;border-radius:50%;right:-230px;top:-240px;box-shadow:0 0 0 60px #bd8fed06,0 0 0 120px #bd8fed04;pointer-events:none}.section-index{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2.8px;color:#a490b9;border-bottom:1px solid #ffffff0e;padding-bottom:23px;margin-bottom:37px}.arrival .eyebrow{color:#b88ee4}.arrival h2 span{color:#c59aef}.arrival .section-heading>p{color:#aa9ab9}.arrival .section-heading{margin-bottom:36px}.arrival-grid{gap:20px}.arrival-card,.arrival-card:nth-child(2),.arrival-card:nth-child(3){background:linear-gradient(145deg,#ffffff09,#ffffff02);border:1px solid #ffffff12;box-shadow:none;border-radius:17px;padding:30px;--card-accent:#b38aff;--card-tint:#a66af51a}.arrival-card:nth-child(2){--card-accent:#9eabff;--card-tint:#7589ff1a}.arrival-card:nth-child(3){--card-accent:#f69dbb;--card-tint:#f476a21a}.arrival-card:before{content:'';position:absolute;top:0;left:29px;width:45px;height:2px;background:var(--card-accent);box-shadow:0 0 20px var(--card-accent)}.arrival-card>i{background:var(--card-tint);color:var(--card-accent);border:1px solid #ffffff0a}.arrival-card .step-number{top:22px;right:28px;font-size:65px;font-weight:700;color:#ffffff0d}.arrival-card h3{font-size:35px;font-weight:700;line-height:1.03;letter-spacing:.1px}.arrival-card p{color:#b4a6c1;font-size:13px;margin:20px 0 28px}.arrival-card .button.paper{background:#ffffff09;border:1px solid #ffffff19;color:#e8ddf3;border-radius:11px;font-size:11px;box-shadow:none}.arrival-card:hover{background:linear-gradient(145deg,var(--card-tint),#ffffff03);border-color:#b18ace55;box-shadow:0 16px 30px #09050d33;transform:translateY(-6px)}.arrival-card .button.paper:hover{background:var(--card-tint);border-color:var(--card-accent);transform:translateY(-2px)}
.band-stories{background:#eeecf5;border-radius:0;overflow:hidden}.band-stories .district-decor{background-image:none;background-color:transparent}.band-stories .district-decor:before{background:radial-gradient(ellipse at 0% 65%,#bd95e312,transparent 55%)}.band-stories .district-watermark{display:none}.band-stories .paths{padding-top:95px;padding-bottom:90px}.band-stories .section-heading .eyebrow:before{content:'03';width:25px;height:25px;border:1px solid #cdb9dd;border-radius:50%;display:grid;place-items:center;font-size:8px;letter-spacing:0;margin-right:2px}.role-panel{box-shadow:0 22px 50px #24132e1c;border:1px solid #ffffff40;border-radius:20px}.scene-mark{position:absolute;top:24px;right:30px;color:#ffffffaa;font:800 italic 24px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;pointer-events:none}.scene-mark>span{display:inline-block;color:#d6adff;font-size:12px;vertical-align:top;margin-left:3px;margin-top:4px}.role-overlay{background:linear-gradient(90deg,#130e20e8,#130e2060 52%,#130e2008),linear-gradient(0deg,#130e2070,transparent)}.role-tabs button{box-shadow:0 4px 12px #39264a05}.role-copy>span{display:inline-block;padding:7px 10px;border-left:2px solid #bc87f0;background:#21132b50;font-size:8px}.role-copy h3{margin-top:17px}.art-label{font-size:7px;letter-spacing:2.3px}
.band-moments{background:#f7f5fa;border-top:1px solid #e3dce9}.band-moments .district-decor{background-image:none;background-color:transparent}.band-moments .district-decor:before{background:radial-gradient(ellipse at 95% 75%,#d4b5e719,transparent 60%)}.band-moments .leaf-one{top:38%;left:-190px;opacity:.075}.band-moments .leaf-two{bottom:-150px;opacity:.065}.band-moments .district-watermark{display:none}.band-moments .moments{padding-top:36px;padding-bottom:85px}.gallery-divider{display:flex;align-items:center;gap:20px;margin-bottom:46px;color:#9b7cb6}.gallery-divider>span{font-size:8px;letter-spacing:3px;white-space:nowrap}.gallery-divider i{height:1px;flex:1;background:linear-gradient(90deg,#d7c4e3,transparent)}.gallery-divider b{font-size:22px;font-weight:400;color:#b989db}.band-moments h2{font-size:clamp(40px,4.8vw,70px)}.gallery-grid{gap:19px}.gallery-shot{border-radius:15px;border:1px solid #fff;box-shadow:0 8px 24px #2f1e4010}.gallery-main{border-radius:18px}.gallery-main .gallery-caption{bottom:30px;left:28px}.gallery-caption strong{letter-spacing:.2px}.gallery-tag{background:#18101b88;font-size:7px;backdrop-filter:blur(7px)}.gallery-invite{background:linear-gradient(125deg,#a268e5,#ba5aab 60%,#d35a7c);border-radius:16px;border:1px solid #fff8}.gallery-invite .button{box-shadow:0 5px 15px #6b267b20}.gallery-note{font-size:9px;color:#9b90a4}.welcome-bonus{margin-top:70px;border:1px solid #76489e44;box-shadow:0 18px 50px #2b143017;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#42215f,#170f23 70%)}.welcome-bonus .bonus-emblem{width:270px;transform:rotate(3deg)}.bonus-emblem img{box-shadow:0 12px 40px #8a36d33a;border:1px solid #bf8fea25}.faq{padding-top:85px;padding-bottom:85px;gap:85px}.faq-list details{border-bottom:1px solid #ddd5e6;padding:0 18px;transition:background .25s}.faq-list details[open]{background:#f6f3fa;border-radius:12px;border-bottom-color:transparent}.faq-list summary{font-size:14px}.faq-list summary span{font-weight:400}.faq-list details p{font-size:13px}.community-section{position:relative;isolation:isolate;padding:80px 0;background:#15101d}.community-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15101d 5%,#15101dc9 45%,#15101d77),url('assets/story-community.webp') center 35%/cover;opacity:.45;z-index:-1}.community-section:after{content:'';height:1px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#aa71de60,transparent)}.community-art:after{background:radial-gradient(ellipse,transparent 30%,#15101d 73%)}.community-layout h2{font-size:clamp(44px,4.7vw,69px)}.closing{overflow:hidden;padding-top:85px;padding-bottom:85px;isolation:isolate}.closing:before{display:none}.closing-orbit{position:absolute;right:23%;top:-65px;z-index:-1;font:800 330px/1 'Barlow Condensed',Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #be9ddc25;transform:rotate(12deg);pointer-events:none}.closing h2{font-size:clamp(40px,4.2vw,58px)}.footer-top{padding-bottom:27px}.footer-bottom{color:#94899f}
@media(max-width:1100px){.arrival-card{padding:25px}.arrival-card h3{font-size:32px}.arrival-card .step-number{font-size:55px;right:22px}.arrival-card p{font-size:12px}.welcome-bonus .bonus-emblem{width:225px}.faq{gap:40px}}@media(max-width:800px){.band-intro .intro{padding-bottom:90px}.arrival{border-radius:28px 28px 0 0;padding-top:40px;padding-bottom:55px}.section-index{margin-bottom:28px;font-size:7px;letter-spacing:2px}.arrival-grid{gap:15px}.arrival-card,.arrival-card:nth-child(2),.arrival-card:nth-child(3){padding:25px;min-height:0}.arrival-card h3 br{display:initial}.arrival-card h3{font-size:34px}.arrival-card p{font-size:13px;max-width:100%;margin:17px 0 22px}.arrival-card .step-number{font-size:90px;top:15px;right:25px}.arrival-card .button.paper{width:100%}.arrival-card>i{margin-bottom:20px}.band-stories .paths{padding-top:65px;padding-bottom:60px}.band-moments .moments{padding-top:26px;padding-bottom:60px}.gallery-divider{margin-bottom:30px;gap:15px}.gallery-divider>span{font-size:7px;letter-spacing:2px}.band-moments .gallery-grid{gap:15px}.welcome-bonus{margin-top:45px}.faq{padding-top:60px;padding-bottom:60px;gap:20px}.community-section{padding:45px 0}.closing{padding-top:65px;padding-bottom:65px}.closing-orbit{right:-20px;font-size:260px;top:5px}.scene-mark{right:20px;top:19px;font-size:20px}.role-copy{top:55px}.role-copy h3{margin-top:17px}.faq-list details{padding:0 12px}.role-overlay{background:linear-gradient(90deg,#130e20dc,#130e2060),linear-gradient(0deg,#130e2080,transparent)}}
@media(prefers-reduced-motion:reduce){.arrival-card,.faq-list details{transition:none}}