.between-dreams-page{--between-accent:#7561a8;--fg-laser:var(--between-accent);background:#050505}
.between-dreams-page:before{background-color:#050505;background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url("assets/between-dreams-bg.webp");background-size:cover;background-position:center 22%;background-repeat:no-repeat}
.between-dreams-page .site-header .nav a:after{background:var(--between-accent);box-shadow:0 0 7px rgba(117,97,168,.42)}
.between-dreams-page .section-no:before{background:var(--between-accent);box-shadow:0 0 6px rgba(117,97,168,.52),0 0 12px rgba(117,97,168,.2);transition:box-shadow .3s ease}
.bd-hero{position:relative;display:flex;min-height:min(860px,100svh);align-items:flex-end;padding:clamp(140px,18vh,210px) var(--pad) clamp(75px,10vh,120px);overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 36%,rgba(117,97,168,.16),transparent 27%),linear-gradient(135deg,rgba(5,5,8,.34),rgba(18,8,24,.32),rgba(5,5,5,.4))}
.bd-hero:before{content:"03";position:absolute;right:-.03em;bottom:-.22em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);font:500 clamp(280px,38vw,620px)/1 "Space Grotesk";letter-spacing:-.1em}
.bd-hero-copy{position:relative;z-index:1}.bd-hero h1{margin:34px 0 32px;font:500 clamp(68px,10vw,150px)/.8 "Space Grotesk";letter-spacing:-.075em}.bd-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.bd-lead{margin:0 0 22px;color:#eee;font:400 clamp(16px,1.7vw,24px)/1.7 "Noto Sans JP";letter-spacing:.05em}.bd-description{margin:0;color:#aaa;font:300 12px/1.9 "Noto Sans JP";letter-spacing:.04em}.bd-tagline{margin:28px 0 0;color:#888;font:500 8px/1 "Space Grotesk";letter-spacing:.28em}
.bd-portals{position:relative;padding:clamp(100px,12vw,180px) var(--pad) clamp(120px,14vw,210px);background:linear-gradient(180deg,rgba(16,8,22,.42),rgba(5,5,5,.28) 18%,rgba(5,5,5,.38))}
.bd-portals-heading{margin-bottom:clamp(55px,7vw,95px);padding-bottom:22px;border-bottom:1px solid var(--line)}.bd-portals-heading h2{margin:25px 0 0;font:500 clamp(46px,7vw,102px)/.9 "Space Grotesk";letter-spacing:-.06em}
.bd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px);align-items:start}.bd-card{justify-self:center;width:min(100%,calc(61vh * .5625));overflow:hidden;background:rgba(0,0,0,.24);border-bottom:1px solid var(--line)}.bd-media{width:100%;aspect-ratio:9/16}.bd-info{position:relative;isolation:isolate;display:flex;min-height:245px;flex-direction:column;padding:18px 18px 20px;overflow:hidden;border-top:1px solid rgba(117,97,168,.3);background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bd-info:before{content:"";position:absolute;z-index:0;top:-1px;left:0;width:48px;height:2px;background:var(--between-accent);box-shadow:0 0 6px rgba(117,97,168,.58),0 0 12px rgba(117,97,168,.22);transition:width .45s ease,box-shadow .35s ease}.bd-info>*{position:relative;z-index:1}.bd-index{color:var(--between-accent);font:500 7px/1 "Space Grotesk";letter-spacing:.2em}.bd-info h3{margin:12px 0 6px;color:#f2f0eb;font:500 clamp(22px,2vw,32px)/.92 "Space Grotesk";letter-spacing:-.04em}.bd-info small{color:#bbb;font:400 9px/1 "Noto Sans JP";letter-spacing:.12em}.bd-info p{margin:13px 0 18px;color:#929292;font:300 9px/1.65 "Noto Sans JP"}.bd-info a{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,154px);min-height:25px;margin-top:auto;padding:3px 10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--between-accent) 76%,transparent);border-left:3px solid var(--between-accent);background:rgba(3,3,3,.68);box-shadow:0 0 6px color-mix(in srgb,var(--between-accent) 12%,transparent);color:#fff;font:650 10px/1 "Space Grotesk";letter-spacing:.12em;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.bd-info a:after{content:"";position:absolute;right:auto;bottom:0;left:0;width:0;height:2px;background:var(--between-accent);box-shadow:0 0 8px color-mix(in srgb,var(--between-accent) 42%,transparent);pointer-events:none;transition:width .4s ease}.bd-info a b{margin-left:7px;color:var(--between-accent);font-size:17px;line-height:1;text-shadow:0 0 6px color-mix(in srgb,var(--between-accent) 38%,transparent);transition:transform .3s ease,text-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.between-dreams-page .section-no:hover:before{box-shadow:0 0 8px rgba(117,97,168,.74),0 0 16px rgba(117,97,168,.3)}.bd-card:hover .bd-media video{transform:scale(1.03)}.bd-card:hover .bd-info:before{width:100%;box-shadow:0 0 8px rgba(117,97,168,.82),0 0 17px rgba(117,97,168,.34)}.bd-info a:hover{color:#fff;border-color:var(--between-accent);background:color-mix(in srgb,var(--between-accent) 7%,rgba(3,3,3,.76));box-shadow:0 4px 12px rgba(0,0,0,.24),0 0 9px color-mix(in srgb,var(--between-accent) 20%,transparent);transform:translateY(-1px)}.bd-info a:hover:after{width:32%}.bd-info a:hover b{transform:translateX(2px);text-shadow:0 0 9px color-mix(in srgb,var(--between-accent) 58%,transparent)}}
@media(hover:none){.bd-info:before{transition:none}}
.bd-subpage main{min-height:calc(100svh - 130px)}.bd-coming{display:flex;min-height:100svh;align-items:center;padding:130px var(--pad) 90px}.bd-coming-inner{width:100%}.bd-coming h1{margin:28px 0 12px;font:500 clamp(54px,9vw,132px)/.82 "Space Grotesk";letter-spacing:-.07em}.bd-coming h2{margin:0;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62);font:500 clamp(34px,5vw,72px)/1 "Space Grotesk";letter-spacing:-.04em}.bd-coming-status{margin:54px 0;color:var(--between-accent);font:500 9px/1 "Space Grotesk";letter-spacing:.3em}.bd-coming .fg-back{margin-top:25px}
.bd-prelude-page{--bd-page-bg:url("assets/between-dreams-prelude-bg.webp");--bd-page-bg-mobile:url("assets/between-dreams-prelude-bg-mobile.webp");--bd-page-bg-position:center 31%;--bd-page-bg-mobile-position:center}
.bd-main-page{--bd-page-bg:url("assets/between-dreams-main-bg.webp");--bd-page-bg-mobile:url("assets/between-dreams-main-bg-mobile.webp");--bd-page-bg-position:center 31%;--bd-page-bg-mobile-position:center 78%}
.bd-promo-page{--bd-page-bg:url("assets/between-dreams-promo-bg.webp");--bd-page-bg-mobile:url("assets/between-dreams-promo-bg-mobile.webp");--bd-page-bg-position:center 27%;--bd-page-bg-mobile-position:center}
.bd-music-page{--bd-page-bg:url("assets/between-dreams-music-bg.webp");--bd-page-bg-mobile:url("assets/between-dreams-music-bg-mobile.webp");--bd-page-bg-position:center 20%;--bd-page-bg-mobile-position:center}
.bd-subpage:before{background-color:#050505;background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--bd-page-bg);background-position:center,var(--bd-page-bg-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat}
@media(max-width:1100px) and (min-width:761px){.bd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px clamp(22px,4vw,48px)}}
@media(max-width:760px){body.between-dreams-page:not(.bd-subpage):before{background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url("assets/between-dreams-bg-mobile.webp");background-position:center,center bottom;background-size:cover,auto 112%;background-repeat:no-repeat,no-repeat}.bd-hero{min-height:760px;align-items:center;padding-top:120px;padding-bottom:90px}.bd-hero h1{font-size:clamp(58px,17vw,82px)}.bd-lead{font-size:15px}.bd-portals{padding-top:95px}.bd-portals-heading h2{font-size:clamp(40px,12vw,58px)}.bd-grid{grid-template-columns:1fr;gap:34px}.bd-card{display:flex;width:100%;max-width:620px}.bd-media{flex:0 0 44%;width:auto}.bd-info{flex:1;min-width:0;min-height:0;padding:13px 12px 14px}.bd-info h3{margin:9px 0 5px;font-size:clamp(19px,5.4vw,27px)}.bd-info p{margin:10px 0 13px;font-size:8px;line-height:1.55}.bd-info a{width:min(100%,132px);min-height:24px;padding:2px 8px;border-left-width:2px;font-size:8.5px;letter-spacing:.08em}.bd-info a b{font-size:14px}.bd-index{font-size:6px}.bd-coming{padding-top:110px}.bd-coming h1{font-size:clamp(48px,15vw,72px)}}

/* Match the HOW TO guide card button while retaining the page accent. */
.bd-info a{width:100%;min-height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--between-accent) 62%,transparent);box-shadow:none;font-size:8px;font-weight:600;letter-spacing:.12em;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,transform .3s ease}.bd-info a:after{display:none}.bd-info a b{font-size:13px;transition:transform .3s ease,text-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.bd-info a:hover{border-color:var(--between-accent);background:color-mix(in srgb,var(--between-accent) 8%,rgba(3,3,3,.68));box-shadow:0 0 12px color-mix(in srgb,var(--between-accent) 20%,transparent);transform:translateY(-1px)}.bd-info a:hover b{transform:translateX(3px);text-shadow:0 0 8px color-mix(in srgb,var(--between-accent) 55%,transparent)}}
@media(max-width:760px){.bd-info a{width:100%;min-height:38px;padding-inline:9px;border-left-width:1px;transition:none}.bd-info a b{transition:none}.bd-info a:hover{background:rgba(3,3,3,.68);box-shadow:none;transform:none}}
@media(max-width:760px) and (orientation:landscape){body.between-dreams-page:not(.bd-subpage):before{background-position:center,center bottom;background-size:cover,cover}}
@media(max-width:760px){.bd-subpage:before{background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--bd-page-bg-mobile);background-position:center,var(--bd-page-bg-mobile-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat}}
@media(max-width:340px){.bd-card{display:block;width:min(100%,260px)}.bd-media{width:100%}.bd-info{min-height:210px}}