/* Artwork-led presentation. All continuous movement uses transforms or opacity. */
.site-header{position:sticky;top:0;z-index:40;background:#f8fbfff2;border-bottom:1px solid #c8daeb75;backdrop-filter:blur(14px)}
html{scroll-padding-top:110px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-14px;left:0;width:100%;height:2px;background:#4c98de;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a[aria-current]:after{transform:scaleX(1)}
.hero.has-unit{height:720px;min-height:650px;max-height:none;background:#eff7ff}
.has-unit .hero-art{inset:0 0 0 28%;opacity:.7}.has-unit .hero-art>img{object-position:68% center}.has-unit .hero-wash{background:linear-gradient(90deg,#eff7ff 0%,#eff7ffa8 20%,#eff7ff22 60%),linear-gradient(0deg,#eff7ff 0%,transparent 60%)}
.has-unit .hero-grid{opacity:.45}.has-unit .hero-content{width:48%;max-width:720px;padding-top:68px;z-index:6;pointer-events:none}.has-unit .hero-content a,.has-unit .hero-content button{pointer-events:auto}
.has-unit h1{font-size:clamp(54px,5.5vw,82px);line-height:1.29;letter-spacing:-.04em;margin:28px 0 24px;font-weight:650}.has-unit h1>span{color:#2375c2}.has-unit .hero-description{font-size:13px;line-height:2.3;letter-spacing:.05em;color:#526b82}.has-unit .hero-actions{gap:22px;margin-top:29px}.has-unit .hero-actions .button{font-size:12px;gap:28px;padding:19px 24px}.has-unit .hero-actions .text-button{font-size:11px;gap:12px}.has-unit .hero-signature{margin-top:31px}.has-unit .portal-label{display:none}.has-unit .hero-bottom{z-index:8}
.invitation-stage{position:absolute;right:2.5%;bottom:77px;width:59%;height:510px;z-index:4;isolation:isolate;animation:stage-arrive 1.25s cubic-bezier(.16,1,.3,1) both}
.unit-invitation{position:absolute;inset:0 0 44px;display:block;outline-offset:6px;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:translate3d(var(--stage-x,0px),var(--stage-y,0px),0);will-change:auto}
.unit-invitation .unit-portrait{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 19px #21436026);pointer-events:none;z-index:2;mask-image:linear-gradient(#000 0%,#000 95%,transparent 100%)}
.unit-invitation .unit-portraits{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:end}.unit-portraits .unit-person{width:100%;height:100%;object-fit:contain;object-position:bottom}
.portal-halo{position:absolute;width:78%;aspect-ratio:1;right:2%;bottom:29px;z-index:-1;pointer-events:none;border:1px solid #8ab7da66;border-radius:50%;background:radial-gradient(circle at 60% 60%,#fff8 10%,#f6fbff44 50%,#acd5f828 70%,transparent 71%);box-shadow:inset 0 0 50px #fff8,0 0 40px #9ed5fa22;transform:rotate(-15deg)}
.portal-halo:before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid #9dbbd233}.portal-halo:after{content:"";position:absolute;inset:-3%;border-radius:50%;border:1px dashed #7cafd348;animation:halo-orbit 90s linear infinite}.portal-halo i{position:absolute;inset:0;border-radius:50%;border-top:2px solid #7dbef2;border-right:2px solid transparent;animation:halo-orbit 32s linear infinite}.portal-halo i:nth-child(2){inset:6%;border-color:transparent;border-bottom:2px solid #e6ac79;animation-duration:40s;animation-direction:reverse}.portal-halo>span{position:absolute;top:6%;left:20%;font:8px Arial,sans-serif;letter-spacing:.2em;color:#6287aa;transform:rotate(15deg)}
.stage-caption{position:absolute;right:5%;top:-8px;display:flex;align-items:center;gap:9px;font:9px Arial,sans-serif;letter-spacing:.15em;color:#486d90}.stage-caption i{width:5px;height:5px;background:#438cce;border-radius:50%;box-shadow:0 0 0 4px #57a3e21a}.stage-names{position:absolute;left:12%;right:6%;bottom:1px;display:flex;align-items:center;justify-content:center;gap:20px;padding:17px 22px;border:1px solid #fff;background:linear-gradient(100deg,#ffffffdf,#ffffff97);box-shadow:0 10px 30px #2a5b7d0a;border-radius:6px;font:12px/1.3 "Noto Sans JP",sans-serif;color:#305575;z-index:5}.stage-names>span{display:flex;align-items:center;gap:8px}.stage-names i{width:6px;height:6px;border-radius:50%;display:inline-block}.stage-names b{font-size:13px;font-weight:400;color:#9ab0c3}.stage-names>a{margin-left:auto;font:22px Arial,sans-serif;color:#5c88b0}.stage-names>span:first-child{font-family:Arial,sans-serif;letter-spacing:.03em}
.artwork-shine{position:absolute;bottom:0;left:17%;width:66%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);z-index:3;box-shadow:0 -2px 18px 2px #fff8}
@keyframes halo-orbit{to{transform:rotate(360deg)}}@keyframes stage-arrive{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}
.intro-strip{border-top:1px solid #d5e5f3;border-bottom:1px solid #d5e5f3;background:linear-gradient(90deg,#f6faff,#fff 55%,#fff9f2)}
.navigators{background:linear-gradient(180deg,#fff,#f7fbff)}.hosts{gap:34px}.host{min-width:0}.host-art.custom-host{height:490px;border-radius:10px;border:1px solid #bed5e780;box-shadow:0 16px 40px #173c5d0a;background:radial-gradient(ellipse at 75% 20%,#fff9,transparent 45%),linear-gradient(140deg,#e6f0fb,#ccdfef 70%,#dbeaf4)}.host-noah .host-art.custom-host{border-color:#edcfb080;background:radial-gradient(ellipse at 75% 20%,#fff9,transparent 45%),linear-gradient(140deg,#fff4e5,#f0d7b9 70%,#f9ead7)}
.custom-host:before{content:"";position:absolute;left:42%;top:5%;height:85%;width:65%;border:1px solid #ffffffb0;border-radius:50%;transform:rotate(-17deg);z-index:-1}.custom-host .host-grid{opacity:.27}.custom-host .host-orb{width:300px;height:300px;right:-40px;top:84px;opacity:.45}.custom-host .host-initial{display:none}.custom-host .host-wave{opacity:.25;bottom:38px}.custom-host .host-tag{top:26px;left:26px;bottom:auto;letter-spacing:.1em;font-size:8px;color:#597d9c;z-index:4}.host-noah .host-tag{color:#a17e52}
.custom-host .custom-logo{left:7%;top:28%;width:29%;height:32%;object-fit:contain;filter:drop-shadow(0 9px 9px #203d5112);z-index:3;transition:transform .6s}.custom-host.has-logo:not(.has-standing) .custom-logo{width:60%;height:60%;left:20%;top:20%}.host-noah .custom-logo{width:27%;left:8%}.custom-host .custom-logo.noah-logo-clean-edge{filter:none;-webkit-mask:url('/assets/noah-logo-edge-mask.svg') center / contain no-repeat;mask:url('/assets/noah-logo-edge-mask.svg') center / contain no-repeat}.portrait-art{position:absolute;inset:40px 2% 15px 37%;padding:0;border:0;background:none;z-index:2;border-radius:7px}.portrait-art .custom-standing{inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 14px #17314d20);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.host-info{padding:27px 6px 0}.host-info h3{font-size:29px;letter-spacing:-.025em}.host-info p{font-size:12px;line-height:2.1}.host-links a{border-bottom:1px solid #c6d7e4;padding-bottom:11px;gap:35px;min-height:40px}.host-noah .host-links a{border-color:#e9d7c4}.host-links a:hover{color:#1c70be}
.watch-youtube{display:inline-flex;align-items:center;gap:25px;padding:13px 22px;border:1px solid #ffffff40;border-radius:4px}.watch-youtube:hover{background:#ffffff14}
.section-obscured *, .page-hidden *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.host:hover .custom-logo{transform:translateY(-4px)}}
@media(min-width:1600px){.hero.has-unit{height:790px}.invitation-stage{right:5%;width:57%;height:570px;bottom:80px}.has-unit .hero-content{padding-top:83px}.has-unit h1{font-size:88px}}
@media(max-width:1150px) and (min-width:641px){.hero.has-unit{height:690px}.has-unit .hero-content{width:50%;padding-left:5%;padding-top:55px}.has-unit h1{font-size:61px}.has-unit .hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.has-unit .hero-signature{margin-top:24px}.invitation-stage{right:0;width:56%;height:440px;bottom:105px}.stage-names{left:4%;right:4%;gap:12px;font-size:10px;padding:15px}.stage-caption{top:8px}.host-art.custom-host{height:430px}.custom-host .host-tag{font-size:7px;left:20px}.host-info h3{font-size:25px}.portrait-art{left:32%;right:1%}.custom-host .custom-logo{left:6%;width:29%}}
@media(max-width:800px) and (min-width:641px){.has-unit h1{font-size:53px}.has-unit .hero-description{font-size:11px}.has-unit .hero-content{width:54%}.has-unit .hero-signature{font-size:8px}.invitation-stage{width:53%;height:365px;bottom:130px}.stage-caption{font-size:7px}.stage-names{gap:8px;font-size:9px}.stage-names i{display:none}.portal-halo>span{font-size:6px}.host-art.custom-host{height:385px}.host-info h3{font-size:22px}.custom-host .host-tag{font-size:6px;left:16px}}
@media(max-width:640px){html{scroll-padding-top:90px}.hero.has-unit{height:auto;min-height:0;max-height:none;padding-bottom:60px}.has-unit .hero-art{inset:280px -20% 0 0;opacity:.75}.has-unit .hero-wash{background:linear-gradient(180deg,#eff7ff,transparent 38%,#eff7ff 100%),linear-gradient(90deg,#eff7ff,transparent 80%)}.has-unit .hero-content{width:100%;max-width:none;padding:31px 7% 0;pointer-events:auto}.has-unit h1{font-size:clamp(33px,9.8vw,56px);line-height:1.35;margin:20px 0 17px;letter-spacing:-.025em}.has-unit h1 br:nth-of-type(2){display:none}.has-unit h1>span{display:inline;white-space:nowrap}.has-unit .hero-description{font-size:11px;line-height:2.1}.has-unit .hero-actions{gap:18px;margin-top:22px;flex-direction:row;align-items:center}.has-unit .hero-actions .button{font-size:10px;padding:15px 16px;gap:18px}.has-unit .hero-actions .text-button{font-size:9px;gap:9px}.has-unit .hero-signature{display:none}.invitation-stage{position:relative;inset:auto;width:100%;height:clamp(310px,78vw,430px);margin:38px auto 0}.unit-invitation{inset:12px 0 51px}.unit-invitation .unit-portrait{inset:0;width:100%;height:100%;object-position:center bottom}.portal-halo{width:70%;right:6%;bottom:45px}.portal-halo>span{font-size:6px}.stage-caption{top:-4px;right:8%;font-size:7px}.stage-names{left:7%;right:7%;bottom:1px;font-size:10px;padding:15px 16px;gap:16px}.stage-names>a{font-size:20px}.stage-names i{width:5px;height:5px}.has-unit .hero-bottom{bottom:19px;font-size:6px}.host-art.custom-host{height:470px}.custom-host .host-tag{font-size:8px;left:24px;top:25px}.custom-host .custom-logo{width:29%;height:30%;left:6%;top:30%}.portrait-art{inset:42px 2% 17px 34%}.portrait-art .custom-standing{width:100%;height:100%;inset:0}.host-info h3{font-size:26px}.hosts{gap:43px}.host-links{gap:35px}.host-links a{font-size:11px}.watch-youtube{font-size:10px;padding:13px 16px;gap:20px}}
@media(max-width:370px){.has-unit h1{font-size:35px}.has-unit .hero-actions{gap:12px}.has-unit .hero-actions .button{font-size:9px;padding:14px;gap:12px}.has-unit .hero-actions .text-button{font-size:8px}.stage-names{gap:11px;font-size:9px}.host-art.custom-host{height:410px}.custom-host .host-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){.invitation-stage{animation:none}.unit-invitation{transform:none!important}.portrait-art .custom-standing,.custom-logo{transition:none!important}}
.motion-paused .unit-invitation{transform:none!important}.motion-paused .invitation-stage{animation:none}.motion-paused .portrait-art .custom-standing{transform:none!important}

@media(max-width:900px){.mobile-nav:not([hidden]){position:fixed;top:80px;max-height:calc(100dvh - 80px);overflow:auto}}@media(max-width:640px){.mobile-nav:not([hidden]){top:73px;max-height:calc(100dvh - 73px)}}

.cluster-start-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 40px;margin-top:45px;border:1px solid #bed8ed;border-radius:7px;background:linear-gradient(115deg,#e8f4ff,#fff 62%,#fff5e9);transition:box-shadow .3s}.cluster-start-link h3{font-size:25px;line-height:1.7;margin:12px 0;color:#193a57}.cluster-start-link p{font-size:12px;line-height:2;color:#607a92}.cluster-start-action{display:flex;align-items:center;gap:28px;color:#246fae;font-size:13px;white-space:nowrap}.cluster-start-action b{font:29px Arial,sans-serif}.cluster-start-link:hover{box-shadow:0 10px 40px #3878a815}@media(max-width:640px){.cluster-start-link{display:block;padding:27px 24px;margin-top:36px}.cluster-start-link h3{font-size:21px}.cluster-start-link p{font-size:11px}.cluster-start-action{justify-content:space-between;margin-top:24px;font-size:12px}}
.has-combined-art .unit-portrait{filter:drop-shadow(0 13px 15px #1b426020);mask-image:linear-gradient(#000 0%,#000 97%,transparent 100%)}
.has-combined-art .stage-names{bottom:0;left:12%;right:6%}
@media(max-width:640px){
 .has-combined-art .invitation-stage{height:clamp(278px,calc(58vw + 62px),415px);margin-top:23px}
 .has-combined-art .unit-invitation{inset:0 0 58px}
 .has-combined-art .portal-halo{width:72%;right:6%;bottom:48px}
 .has-combined-art .stage-names{left:7%;right:7%;padding:13px 15px}
}