/* Version 2: quieter first view, stronger type, and spatial image composition. */
:root{--bg:#020205;--panel:#08080d;--fg:#f4f3fa;--max:1040px;--pad:clamp(24px,9vw,144px);--line:#ffffff18}
body{background:var(--bg)}
body::before{content:'';position:fixed;inset:18% 9%;background:url('/assets/logo.webp') center/contain no-repeat;filter:invert(1) blur(8px);opacity:.045;pointer-events:none;z-index:0}
.site-header{position:fixed;height:104px;padding-inline:48px;pointer-events:none;overflow:clip}
.site-header>*{pointer-events:auto}
.home .site-header .brand{visibility:hidden}
.desktop-nav{display:none}
.menu-toggle{display:flex;gap:12px;font-size:11px;letter-spacing:.17em;min-width:72px;justify-content:flex-end;text-shadow:0 1px 8px #000}
.menu-lines{width:32px;height:18px}
.menu-lines::after{background:linear-gradient(#f4f3fa 0 1px,transparent 1px 15px,#f4f3fa 15px 16px)}
.menu-shell{width:min(880px,100%);padding-top:40px}
.mobile-nav a{padding:14px 0;border-color:#ffffff18}
.mobile-nav a>span:first-child{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(44px,7vw,86px);letter-spacing:-.045em;text-transform:uppercase}
.hero{height:100svh;min-height:640px;max-height:none}
.hero-poster,.hero-video{filter:brightness(.48) saturate(.72)}
.hero-shade{background:linear-gradient(180deg,#0009,#02020522 38%,#02020555 72%,#020205 100%)}
.hero-center{inset:0;top:0;width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:44px}
.hero-center h1{width:100%}
.hero-logo{width:min(82vw,1100px);filter:invert(1);opacity:.97}
.scroll-cue{left:50%;bottom:56px;transform:translateX(-50%);flex-direction:column;gap:8px;color:#f4f3fab3}
.scroll-cue>span{font-family:Space,sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.3em;text-transform:uppercase}
.scroll-cue svg{width:50px;height:65px;flex:none}
.scroll-cue .arrow-draw{stroke-dasharray:112.5;stroke-dashoffset:112.5px;opacity:0;animation:original-arrow-draw 2.6s ease-in-out infinite}
@keyframes original-arrow-draw{0%{stroke-dashoffset:112.5px;opacity:0}3%{opacity:1}50%{stroke-dashoffset:0}95%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:112.5px;opacity:0}}
.animations-paused .scroll-cue .arrow-draw,body[data-hero-visible='false'] .scroll-cue .arrow-draw{animation-play-state:paused}
.video-control{left:auto;right:48px;bottom:40px;border:0;background:none;padding:8px 0;font-size:10px;color:#b6b6c0}
.video-symbol{font-size:12px}
.social-rail{position:fixed;right:42px;top:50%;transform:translateY(-50%);display:grid;gap:20px;z-index:15}
.social-rail a{position:relative;display:grid;place-items:center;width:44px;height:44px;color:#fff;transition:transform .3s,opacity .3s}
.social-rail svg{width:23px;height:23px}
.social-rail a:hover{transform:translateY(-3px)}
.rail-label{position:absolute;right:48px;font-family:Space,sans-serif;font-size:11px;opacity:0;transition:opacity .2s;pointer-events:none}
.social-rail a:hover .rail-label,.social-rail a:focus-visible .rail-label{opacity:1}
.section-rail{position:fixed;left:38px;bottom:44px;z-index:15;display:flex;flex-direction:column;gap:16px;font-family:Space,sans-serif;font-size:9px;letter-spacing:.16em;color:#a2a0ad}
.section-rail a{min-height:28px;display:flex;align-items:center;gap:10px}
.section-rail a::before{content:'';width:12px;height:1px;background:currentColor;transition:width .25s}
.section-rail a:hover::before{width:22px}
.content-sections{background:radial-gradient(ellipse at 30% 12%,#15102040,transparent 58%)}
.particle-field{opacity:.85}
.inner-page .particle-field{opacity:.55}
.display{font-family:Arial,Helvetica,sans-serif;font-size:clamp(84px,10vw,148px);font-weight:900;letter-spacing:-.06em;line-height:.95;text-transform:uppercase;margin:0 0 22px;padding-right:.28em;overflow-wrap:normal}
.story-card>*,.live-card>*,.profile-detail>*,.social-info,.article-body,.event-details dd{min-width:0;overflow-wrap:anywhere}
.section-heading>.eyebrow{display:none}
.section-subtitle{font-size:12px;letter-spacing:.1em;color:#aaa7b5}
.split-heading{margin-bottom:74px;align-items:center}
.split-heading>.text-link{margin-top:30px}
.news-section,.live-section{padding-block:136px;border:0}
.story-card{grid-template-columns:1.15fr .85fr;gap:84px;align-items:center}
.story-media,.live-card-image{position:relative;isolation:isolate;overflow:visible;background:none;aspect-ratio:16/11}
.story-media::before,.live-card-image::before{content:'';position:absolute;inset:-18px 18px 18px -18px;border:1px solid #f4efffe6;box-shadow:0 0 3px #fff9,0 0 12px #e7dcff66,0 0 24px #cbb4ff30,inset 0 0 10px #e7dcff30;pointer-events:none;z-index:-1;transition:transform .5s}
.story-card:hover .story-media::before,.live-card:hover .live-card-image::before{transform:translate(5px,5px)}
.story-media img,.live-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:filter .5s,transform .5s}
.story-card:hover .story-media img,.live-card:hover .live-card-image img{transform:translate(3px,-3px);filter:saturate(1)}
.meta{font-size:12px;color:#edeaf4;gap:16px}
.meta>time{font-size:20px;font-weight:600;letter-spacing:-.04em}
.meta>span:not(.status){border:1px solid #ffffff60;padding:1px 9px;border-radius:20px;font-size:9px;letter-spacing:.08em}
.story-copy :is(h2,h3){font-size:19px;font-weight:400;margin:20px 0 22px;line-height:1.85}
.story-copy>p{display:none}
.text-link{font-size:11px;gap:24px;border-color:#ffffff24;letter-spacing:.05em}
.live-card{grid-template-columns:.9fr 1.1fr;gap:90px}
.live-card-image{grid-column:2;grid-row:1}
.live-card-copy{grid-column:1;grid-row:1}
.live-card-image::before{inset:-18px -18px 18px 18px}
.live-card-copy h3{font-size:22px;font-weight:400;line-height:1.75}
.section-note{font-size:12px;max-width:38em;margin:0 0 60px;color:#aaa7b5}
.status{font-size:10px;border-color:#ffffff70;background:#05050ba8;backdrop-filter:blur(8px)}
.sns-section{padding-block:150px 144px}
.sns-section .display{font-size:clamp(58px,8.3vw,118px)}
.sns-section .section-heading{margin-bottom:66px}
.social-grid{column-gap:72px}
.social-link{min-height:134px;background:none;border-color:#ffffff20;gap:22px}
.social-info strong{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:800;font-size:31px;letter-spacing:-.035em}
.social-info>span{font-size:10px;letter-spacing:.04em;margin-top:5px}
.social-icon svg:not(.social-ring){width:23px;height:23px}
.site-footer{border-color:#ffffff12;padding-top:64px;padding-bottom:8px}
.footer-brand{font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:800;letter-spacing:-.045em}
.footer-socials{gap:24px}
.page-header{padding-top:175px;margin-bottom:95px}
.page-header .display{font-size:clamp(80px,11vw,160px);margin-top:0}
.back-link{font-size:10px;margin-bottom:44px}
.profile-detail{gap:96px}
.profile-portrait{isolation:isolate}
.profile-portrait::before{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid #f4efffe6;box-shadow:0 0 3px #fff9,0 0 12px #e7dcff66,0 0 24px #cbb4ff30,inset 0 0 10px #e7dcff30;pointer-events:none;z-index:-1}
.profile-bio .eyebrow{letter-spacing:.25em;font-size:10px}
.profile-bio h2{font-size:30px}
.profile-bio p{color:#c1bfca}
.article{max-width:930px}
.article>h1{font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.7}
.article-body{max-width:720px;margin-inline:auto}
.button-light,.button-outline,.button-ghost{background:transparent;color:var(--fg);border-width:0 0 1px;border-color:#ffffff60;padding-inline:0;min-height:48px}
.button-light:hover,.button-outline:hover,.button-ghost:hover{background:transparent;color:#fff;border-color:#fff}
.next-live{border-color:#ffffff24;background:none}
.ended-note{background:#ffffff03;border-color:#ffffff30}
.archive-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:31px}
@media(max-width:1100px){.section-rail{display:none}.social-rail{right:16px;gap:10px}.site-header{padding-inline:32px}.story-card,.live-card{gap:56px}.wrap{width:calc(100% - 160px)}.footer-socials{gap:16px}}
@media(max-width:700px){
  .wrap{width:calc(100% - 48px)}.site-header{height:84px;padding-inline:24px}.brand{width:100px}.menu-toggle{font-size:10px;gap:10px}.menu-lines{width:27px}
  .hero-center{padding-bottom:60px}.hero-logo{width:89vw}.hero-poster,.hero-video{object-position:56% center;filter:brightness(.43) saturate(.72)}
  .home .social-rail{position:absolute;top:calc(max(100svh,640px) - 208px);left:50%;right:auto;transform:translateX(-50%);display:flex;gap:12px}.social-rail svg{width:20px;height:20px}.rail-label{display:none}.inner-page .social-rail{display:none}
  .scroll-cue{bottom:40px;gap:8px}.video-control{left:24px;right:auto;bottom:30px;font-size:9px}.video-label{display:none}
  .menu-shell{padding:24px 24px 44px}.mobile-nav a{padding-block:17px;gap:12px}.mobile-nav a>span:first-child{font-size:clamp(32px,10.2vw,47px);min-width:0;padding-right:.1em;white-space:nowrap}.nav-jp{font-size:11px;flex:0 0 auto;white-space:nowrap}
  .display{font-size:clamp(72px,20vw,112px);letter-spacing:-.06em}.section-subtitle{font-size:11px;letter-spacing:.06em}.split-heading{display:block;margin-bottom:48px}.split-heading>.text-link{margin-top:20px;font-size:10px;gap:16px}
  .news-section,.live-section{padding-block:90px 82px}.story-card,.live-card{grid-template-columns:1fr;gap:35px}.story-media,.live-card-image{width:calc(100% - 8px);margin-left:8px;aspect-ratio:16/11}.story-media::before{inset:-10px 10px 10px -10px}.live-card-image::before{inset:-10px -8px 10px 8px}
  .live-card-image,.live-card-copy{grid-column:auto;grid-row:auto}.live-card-image{order:0}.live-card-copy{order:1}.live-card-copy h3{font-size:21px}.meta>time{font-size:18px}.story-copy :is(h2,h3){font-size:18px;margin:15px 0 20px}.section-note{font-size:12px;line-height:1.85;margin-bottom:42px}
  .sns-section{padding-block:88px 80px}.sns-section .display{font-size:clamp(30px,9.6vw,68px);white-space:nowrap}.sns-section .section-heading{margin-bottom:44px}.social-link{min-height:105px;gap:19px}.social-info strong{font-size:28px}.social-info>span{font-size:10px}
  .site-footer{padding-top:40px}.footer-brand{font-size:32px}.footer-socials{column-gap:22px}.footer-bottom{margin-top:30px}
  .page-header{padding-top:124px;margin-bottom:68px}.page-header .display{font-size:clamp(52px,17vw,100px)}.back-link{margin-bottom:32px}.page-header .section-subtitle{margin-top:16px}.profile-detail{gap:44px}.profile-portrait{width:calc(100% - 10px);margin-left:10px}.profile-bio .bio-intro{font-size:20px}.profile-follow{margin-top:68px}
  .article{padding-top:124px}.article>h1{font-size:26px}.article-body{font-size:14px}.particle-field{opacity:.7}
}
@media(min-width:640px){.scroll-cue{bottom:56px}}
@media(prefers-reduced-motion:reduce){.hero-center{padding-bottom:44px}.scroll-cue .arrow-draw{stroke-dashoffset:0;opacity:1;animation:none}}