@layer sections{.intro-sec{position:relative;overflow:clip;padding-block:clamp(92px,12vw,156px);background:transparent;color:var(--col-ink);isolation:isolate}.intro-sec[data-world-tone=story]:after{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - clamp(180px,22vw,360px)),transparent 100%)}.intro-sec__inner{position:relative;z-index:1;display:grid;gap:clamp(52px,7vw,96px);width:min(100%,1040px);max-width:calc(100vw - clamp(28px,6vw,76px));margin-inline:auto}.page .intro-sec .section-heading__en{color:var(--col-cream);text-shadow:3px 3px 0 var(--col-ink),6px 6px 0 var(--neon-lime),0 0 22px color-mix(in srgb,var(--neon-lime) 48%,transparent)}.page .intro-sec .section-heading__jp{color:color-mix(in srgb,var(--col-cream) 70%,transparent)}.intro-sec__header{display:grid;gap:clamp(14px,2vw,22px);justify-items:center;text-align:center}.intro-sec__stage{display:grid;gap:clamp(44px,6.5vw,80px)}.intro-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,22px);align-items:start}.intro-story__panel{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;border:var(--keyline-bold) solid var(--col-ink);border-radius:14px;background:#fffdf6;box-shadow:5px 6px 0 var(--col-ink);overflow:hidden;transform:rotate(var(--story-rot, 0deg)) translateY(var(--story-y, 0));transition:transform .18s var(--ease-pop),box-shadow .18s ease}.intro-story__panel--1{--story-rot: -1.8deg;--story-y: 8px}.intro-story__panel--2{--story-rot: 1.2deg;--story-y: -6px}.intro-story__panel--3{--story-rot: -.8deg;--story-y: 5px}.intro-story__panel:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle,rgb(10 10 10 / 7%) 0 1px,transparent 1.4px),linear-gradient(135deg,#fff0 0 42%,#ffffff6b 50%,#fff0 58%);background-size:14px 14px,auto;mix-blend-mode:multiply;opacity:.28;pointer-events:none}.intro-story__panel:hover{transform:rotate(0) translate(-2px,-8px) scale(1.02);box-shadow:8px 9px 0 var(--col-ink)}.intro-story__image{position:relative;aspect-ratio:760 / 460;border-block-end:var(--keyline-bold) solid var(--col-ink);background:var(--col-cream);overflow:hidden}.intro-story__image img{display:block;width:100%;height:100%;object-fit:cover}.intro-story__body{position:relative;z-index:3;display:grid;gap:8px;padding:clamp(12px,1.4vw,16px);background:linear-gradient(rgb(10 10 10 / 4%) 1px,transparent 1px),#fffdf6;background-size:100% 10px}.intro-story__meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0}.intro-story__meta span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:24px;padding:2px 8px 0;border:var(--keyline-thin) solid var(--col-ink);border-radius:var(--radius-chip);background:var(--col-yellow);font-family:var(--font-mono);font-size:11px;font-weight:900;line-height:1;letter-spacing:.08em}.intro-story__copy{margin:0;color:var(--col-ink);font-size:clamp(12px,1vw,14px);font-weight:900;line-height:1.7}.intro-sec__circle-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vw,18px);text-align:center}.intro-sec__pre-text,.intro-sec__post-text{margin:0;font-family:var(--font-brand);font-size:clamp(22px,3.2vw,46px);font-weight:900;line-height:1.2;color:var(--col-ink)}.intro-sec__post-text{margin-block-start:clamp(-18px,-2.8vw,-10px)}.intro-sec__circle{position:relative;display:grid;place-items:center;width:clamp(220px,36vw,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 36%,color-mix(in srgb,var(--col-green-light) 44%,white) 0%,color-mix(in srgb,var(--col-green-light) 22%,transparent) 52%,transparent 72%);animation:intro-circle-breathe 4.8s ease-in-out infinite}.intro-sec__circle:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--neon-lime) 18%,transparent) 0%,transparent 68%);animation:intro-circle-glow 3.6s ease-in-out infinite;pointer-events:none}.intro-sec__floats{position:absolute;inset:-8%;z-index:2;pointer-events:none}.intro-sec__float{--float-dur: 4.2s;--float-delay: 0s;--float-amp: 14px;position:absolute;width:clamp(30px,5.2vw,52px);opacity:1;filter:drop-shadow(0 8px 12px rgb(0 0 0 / 32%));animation:intro-bug-float var(--float-dur) ease-in-out infinite;animation-delay:var(--float-delay)}.intro-sec__float img{display:block;width:100%;height:auto}.intro-sec__float--1{left:20%;top:30%;--float-dur: 3.8s;--float-delay: 0s;--float-amp: 12px}.intro-sec__float--2{right:18%;top:26%;--float-dur: 4.4s;--float-delay: .35s;--float-amp: 16px}.intro-sec__float--3{left:16%;bottom:32%;--float-dur: 4.9s;--float-delay: .7s;--float-amp: 18px}.intro-sec__float--4{right:22%;bottom:28%;--float-dur: 3.6s;--float-delay: 1.05s;--float-amp: 13px}.intro-sec__float--5{left:34%;top:16%;--float-dur: 5.1s;--float-delay: .55s;--float-amp: 15px}.intro-sec__float--6{right:32%;bottom:18%;--float-dur: 4.1s;--float-delay: 1.3s;--float-amp: 17px}.intro-sec__kanji{position:relative;z-index:1;display:block;font-family:var(--font-brand);font-size:clamp(140px,24vw,320px);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--neon-lime);text-shadow:4px 4px 0 var(--col-ink),8px 8px 0 color-mix(in srgb,var(--col-pink) 60%,transparent),0 0 30px color-mix(in srgb,var(--neon-lime) 48%,transparent);transform-origin:50% 62%;animation:intro-kanji-sway 3.6s ease-in-out infinite}.intro-sec__veteran{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,36px);width:min(100%,720px);margin-inline:auto}.intro-veteran__char{flex-shrink:0;align-self:center;translate:0 clamp(-28px,-3.6vw,-16px)}.intro-veteran__char img{display:block;width:clamp(96px,12vw,160px);height:auto;filter:drop-shadow(0 14px 18px rgb(0 0 0 / 18%))}.intro-veteran__quote{display:grid;gap:clamp(1rem,1.6vw,1.35rem);min-width:0}.intro-veteran__card{position:relative;padding:clamp(14px,2vw,22px) clamp(18px,2.6vw,32px) clamp(14px,2vw,22px);border-radius:clamp(18px,2.2vw,26px);background:#fffdf6;box-shadow:0 16px 40px #10120e14,0 0 0 1px #10120e0f;display:grid;gap:0}.intro-veteran__card:before{content:"";position:absolute;left:-9px;bottom:clamp(22px,3.6vw,34px);z-index:0;width:18px;height:18px;background:#fffdf6;border-left:1px solid rgb(16 18 14 / 6%);border-bottom:1px solid rgb(16 18 14 / 6%);transform:rotate(45deg);box-shadow:-4px 4px 10px #10120e0d}.intro-veteran__body{position:relative;z-index:1;margin:0;padding:0;font-family:var(--font-ui);font-size:clamp(13px,1.15vw,16px);font-weight:800;line-height:1.8;color:var(--col-ink)}.intro-veteran__body:before,.intro-veteran__body:after{content:none}.intro-veteran__attribution{position:relative;z-index:1;justify-self:end;margin-block-start:.15rem;margin-inline-end:clamp(4px,.8vw,10px);font-family:var(--font-mono);font-size:clamp(10px,.8vw,12px);font-weight:900;color:color-mix(in srgb,var(--col-ink) 56%,transparent);text-align:right;font-style:normal;letter-spacing:.04em}:root[data-time=night] .intro-sec{color:var(--col-cream)}:root[data-time=night] .intro-sec__pre-text,:root[data-time=night] .intro-sec__post-text{color:var(--col-cream)}:root[data-time=night] .intro-veteran__card{background:#1a1c14}@media(width<=760px){.intro-story{grid-template-columns:minmax(0,1fr)}.intro-story__panel,.intro-story__panel:hover{transform:none}.intro-sec__veteran{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:center;gap:clamp(12px,3vw,20px)}.intro-veteran__char{order:2}.intro-veteran__quote{order:1;width:100%}.intro-veteran__card:before{left:clamp(28px,12vw,48px);bottom:-9px;border-left:0;border-bottom:1px solid rgb(16 18 14 / 6%);border-right:1px solid rgb(16 18 14 / 6%);box-shadow:4px 4px 10px #10120e0d}.intro-veteran__attribution{justify-self:end;text-align:right}}@media(width<=540px){.intro-sec{padding-block:clamp(76px,16vw,104px)}.intro-sec__inner{max-width:calc(100vw - 28px);gap:clamp(38px,9vw,60px)}.intro-sec__kanji{font-size:clamp(100px,32vw,180px)}.intro-sec__circle{width:clamp(180px,72vw,320px)}}@media(prefers-reduced-motion:reduce){.intro-sec__circle,.intro-sec__circle:before,.intro-sec__kanji,.intro-sec__float,.intro-story__panel{animation:none;transition:none}.intro-sec__kanji{transform:rotate(-2deg)}.intro-veteran__char img{animation:none}}@keyframes intro-kanji-sway{0%,to{transform:rotate(-2.5deg) translateY(0)}25%{transform:rotate(2.8deg) translateY(-8px)}50%{transform:rotate(-3.2deg) translateY(3px)}75%{transform:rotate(1.6deg) translateY(-5px)}}@keyframes intro-circle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes intro-circle-glow{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes intro-bug-float{0%,to{transform:translate(0) rotate(-8deg) scale(1)}33%{transform:translate(6px,calc(var(--float-amp, 14px) * -1)) rotate(6deg) scale(1.04)}66%{transform:translate(-8px,calc(var(--float-amp, 14px) * -.45)) rotate(-4deg) scale(.98)}}}