@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@500;700;900&display=swap";:root{--orange:#ff7a00;--orange-bright:#ff9630;--orange-pale:rgba(255,122,0,.12);--white:rgba(255,255,255,.9);--dim:rgba(255,255,255,.35)}@property --beam-angle{syntax:"<angle>"; inherits:false; initial-value:0deg;}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;scroll-snap-type:y mandatory}html.is-jump-scrolling,html.is-jump-scrolling body{scroll-snap-type:none!important}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001f,#ffffff08 34%,#ffffff03 60%,#0000002e)}.hero__bg img{object-position:center 35%}.hero__kanji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Noto Serif JP",serif;font-size:clamp(12rem,26vw,28rem);font-weight:900;color:#ffffff0a;pointer-events:none;z-index:1;animation:kanjiBreathe 6s ease-in-out infinite}@keyframes kanjiBreathe{0%,to{opacity:.6}50%{opacity:1}}.hero__content{position:relative;z-index:2;text-align:center;padding:0 1.5rem;width:100%;max-width:100vw}.hero__title{font-family:"Noto Serif JP",Times New Roman,serif;font-size:clamp(5.4rem,12vw,10.5rem);font-weight:900;letter-spacing:.045em;line-height:.86;color:#111;text-shadow:0 2px 10px rgba(255,255,255,.46),0 10px 36px rgba(255,255,255,.18),0 18px 60px rgba(0,0,0,.12);animation:fadeUp 1.2s cubic-bezier(0,0,.2,1) both}.hero__title .accent{color:#d45d00;text-shadow:0 2px 12px rgba(255,255,255,.36),0 10px 34px rgba(255,122,0,.16)}.hero__tagline{display:inline-block;margin-top:1rem;padding:.42rem .9rem;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);font-size:clamp(1rem,1.7vw,1.35rem);font-weight:500;letter-spacing:.14em;color:#000000b8;text-shadow:0 1px 8px rgba(255,255,255,.45);animation:fadeUp 1.2s .2s cubic-bezier(0,0,.2,1) both}.hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:fadeUp 1.2s .6s cubic-bezier(0,0,.2,1) both}.hero__scroll span{font-size:.68rem;letter-spacing:.18em;color:#fff6}.hero__scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.hero__bg:after{background:radial-gradient(ellipse at 50% 51%,#fff6e2b8,#fff6e294 24%,#fff6e22e 43%,#0000001a 72%,#0000003d),linear-gradient(180deg,#0003,#00000005 34%,#0000000a 62%,#00000038)}.hero__content{margin-top:2.5rem}.hero__title{font-family:Barlow Condensed,"Noto Serif JP",serif;font-size:clamp(6.2rem,11vw,9.4rem);letter-spacing:.025em;line-height:.82;color:#080808;text-shadow:0 1px 0 rgba(255,255,255,.68),0 12px 38px rgba(255,246,226,.34),0 26px 70px rgba(0,0,0,.18)}.hero__title .accent{color:#df6400;text-shadow:0 1px 0 rgba(255,255,255,.55),0 12px 34px rgba(255,122,0,.22),0 24px 62px rgba(0,0,0,.16)}.hero__tagline{margin-top:.72rem;padding:.5rem 1.15rem;border-color:#00000038;background:#fff8e838;color:#080808c7;text-shadow:0 1px 10px rgba(255,255,255,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hero__scroll span{color:#ffffff9e;text-shadow:0 1px 12px rgba(0,0,0,.45)}.hero__scroll-line{background:linear-gradient(to bottom,rgba(255,255,255,.62),transparent)}}.team{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;scroll-snap-align:start;scroll-margin-top:0}.team__bg{position:absolute;top:0;right:0;bottom:0;left:0}.team__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.team__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#0003,#00000005 45%,#00000005 65%,#00000026)}.team--even .team__overlay{background:linear-gradient(225deg,#0003,#00000005 45%,#00000005 65%,#00000026)}.team__kanji{position:absolute;top:50%;font-family:"Noto Serif JP",serif;font-size:clamp(10rem,22vw,24rem);font-weight:900;color:#ffffff09;pointer-events:none;z-index:0;animation:kanjiBreathe 7s ease-in-out infinite}.team:not(.team--even) .team__kanji{left:50%;transform:translate(-50%,-50%)}.team--even .team__kanji{right:50%;transform:translate(50%,-50%)}.team__content{position:relative;z-index:2;padding:3rem;max-width:640px}.team--even .team__content{margin-left:auto;text-align:right}.team__num{font-family:Barlow Condensed,sans-serif;font-size:6rem;font-weight:900;line-height:1;color:#ffffff12}.team__name{font-family:Barlow Condensed,sans-serif;font-size:clamp(3.2rem,6vw,5.2rem);font-weight:900;letter-spacing:.055em;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.58)}.team__ja{margin-top:.3rem;font-size:.9rem;letter-spacing:.12em;color:#ffffff80}.team__tagline{margin-top:.75rem;font-size:clamp(1.08rem,2vw,1.5rem);font-weight:500;letter-spacing:.08em;color:var(--orange-bright);text-shadow:0 2px 18px rgba(0,0,0,.45)}.team__enter{--team-accent:var(--orange);--magnet-x:0px;--magnet-y:0px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:46px;margin-top:2.2rem;padding:.82rem 1.15rem .82rem 1.65rem;border:0;border-radius:999px;color:#fff;font-family:Barlow Condensed,Noto Sans SC,sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.1em;line-height:1;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#ffffff29,#ffffff09 42%,#00000052);box-shadow:0 14px 36px #00000047,0 0 0 1px color-mix(in srgb,var(--team-accent) 42%,rgba(255,255,255,.24)),inset 0 1px #ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate3d(var(--magnet-x),var(--magnet-y),0);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,color .25s ease}.team__enter:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;z-index:-2;background:conic-gradient(from var(--beam-angle,0deg),transparent 0 32%,color-mix(in srgb,var(--team-accent) 88%,white) 39%,transparent 47% 100%);animation:teamBorderBeam 2.8s linear infinite}.team__enter:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#0c0c0cdb,#1e1e1e94);box-shadow:inset 0 0 18px color-mix(in srgb,var(--team-accent) 18%,transparent)}.team__enter:hover,.team__enter:focus-visible{box-shadow:0 18px 46px #0000005c,0 0 0 1px color-mix(in srgb,var(--team-accent) 72%,rgba(255,255,255,.32)),0 0 34px color-mix(in srgb,var(--team-accent) 38%,transparent),inset 0 1px #ffffff47;color:#fff}.team__enter:focus-visible{outline:2px solid color-mix(in srgb,var(--team-accent) 74%,white);outline-offset:4px}.team__enter-label{position:relative;z-index:1;white-space:nowrap;background:linear-gradient(100deg,#ffffffc7,#fff 42%,color-mix(in srgb,var(--team-accent) 64%,white),#fff 58%,#ffffffc7);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:teamTextShine 3.4s ease-in-out infinite}.team__enter-icon{position:relative;z-index:1;width:30px;height:30px;min-width:30px;border-radius:50%;background:color-mix(in srgb,var(--team-accent) 82%,white 8%);box-shadow:0 0 18px color-mix(in srgb,var(--team-accent) 42%,transparent);transition:transform .22s cubic-bezier(.16,1,.3,1)}.team__enter-icon:before,.team__enter-icon:after{content:"";position:absolute;top:50%;left:50%;background:#070707;transform:translate(-50%,-50%)}.team__enter-icon:before{width:11px;height:2px;border-radius:999px}.team__enter-icon:after{width:7px;height:7px;border-top:2px solid #070707;border-right:2px solid #070707;background:transparent;transform:translate(-38%,-50%) rotate(45deg)}.team__enter:hover .team__enter-icon,.team__enter:focus-visible .team__enter-icon{transform:translate(3px) scale(1.04)}.team--even .team__enter:hover .team__enter-icon,.team--even .team__enter:focus-visible .team__enter-icon{transform:translate(-3px) scale(1.04)}.team--even .team__enter-icon{order:-1;transform:rotate(180deg)}.team--even .team__enter:hover .team__enter-icon,.team--even .team__enter:focus-visible .team__enter-icon{transform:rotate(180deg) translate(3px) scale(1.04)}.team__enter-spark{position:absolute;left:0;top:0;z-index:2;width:8px;height:8px;border-radius:50%;pointer-events:none;background:color-mix(in srgb,var(--team-accent) 78%,white);box-shadow:0 0 color-mix(in srgb,var(--team-accent) 62%,transparent),0 0 20px color-mix(in srgb,var(--team-accent) 70%,transparent);transform:translate(-50%,-50%);animation:teamClickSpark .56s ease-out forwards}@keyframes teamBorderBeam{to{--beam-angle:360deg}}@keyframes teamTextShine{0%,58%,to{background-position:115% 0}78%{background-position:-65% 0}}@keyframes teamClickSpark{0%{opacity:1;transform:translate(-50%,-50%) scale(.3);box-shadow:0 0 color-mix(in srgb,var(--team-accent) 62%,transparent)}to{opacity:0;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 28px transparent}}#karasuno .team__overlay{background:linear-gradient(135deg,#00000026,#00000005,#0000001f)}#karasuno .team__bg img{object-position:10% center}#karasuno .team__name{text-shadow:0 4px 30px rgba(0,0,0,.8)}#karasuno .team__ja{text-shadow:0 2px 12px rgba(0,0,0,.6)}#karasuno .team__tagline{text-shadow:0 2px 16px rgba(0,0,0,.5)}#nekoma .team__bg img{object-position:50% 12%}.team__enter--disabled{cursor:default}.team__enter--disabled:hover{transform:none}.reveal{opacity:1;transform:none}.reveal .team__content{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(0,0,.2,1),transform .8s cubic-bezier(0,0,.2,1)}.reveal.visible .team__content{opacity:1;transform:translateY(0)}.footer{padding:3rem;text-align:center;background:#060606;color:#fff3}.footer__logo{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:.08em;color:#ffffff4d}.footer p{margin-top:.5rem;font-size:.7rem;letter-spacing:.1em}@media(max-width:768px){.hero__kanji{font-size:8rem!important}.hero__content{position:absolute;left:0;right:auto;width:100%;max-width:390px}.hero__title{font-size:clamp(1.35rem,6vw,1.45rem);letter-spacing:0;white-space:nowrap}.hero__tagline{font-size:clamp(.75rem,3vw,.95rem);letter-spacing:.12em}.team__kanji{font-size:6rem!important}.team{height:100vh}.team__content{padding:2rem 1.2rem}.team--even .team__content{margin-left:0;text-align:left}.team__enter{min-height:44px;padding:.76rem 1rem .76rem 1.35rem;font-size:.82rem}.team__enter-icon{width:28px;height:28px;min-width:28px}}@media(max-width:400px){.hero__title{font-size:clamp(1.25rem,6vw,1.4rem);letter-spacing:0}.hero__content{padding:0 1rem}}@media(max-width:768px){.pill-nav-container{background:#0a0a0a4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 16px 16px;padding:.3em 0}.pill-nav{padding:0 .6rem!important}.mobile-menu-button{margin-right:2px}.mobile-menu-popover{border:1px solid rgba(255,255,255,.06)}}@media(max-width:360px){.pill-nav-container{padding:.2em 0}.pill-nav{padding:0 .3rem!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.team__enter{--magnet-x:0px!important;--magnet-y:0px!important}}