.about-body{min-height:100vh;color:var(--ink);background:linear-gradient(rgba(180,207,236,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(180,207,236,.16) 1px,transparent 1px),radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--mc-pink) 12%,transparent),transparent 30%),radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--mc-blue) 12%,transparent),transparent 34%),radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--mc-yellow) 11%,transparent),transparent 34%),var(--paper);background-size:40px 40px,40px 40px,auto,auto,auto,auto}.about-page{width:min(1180px,calc(100% - clamp(1.2rem,5vw,7rem)));margin:0 auto;padding:clamp(2.4rem,6vw,5rem) 0 clamp(2.5rem,6vw,5rem)}.about-hero,.about-panel,.about-closing{border:1px solid var(--line);background:#ffffffc7;box-shadow:var(--shadow-soft)}.about-hero{position:relative;overflow:hidden;display:grid;gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.6rem,5vw,4rem)}.about-spectrum-rule{width:min(22rem,64%);height:4px;background:linear-gradient(90deg,var(--mc-red),var(--mc-orange),var(--mc-yellow),var(--mc-green),var(--mc-blue),var(--mc-violet),var(--mc-pink))}.about-hero h1,.about-panel h2,.about-closing h2{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-weight:700;letter-spacing:0}.about-heading-lines,.about-heading-line{display:block}.about-hero h1{max-width:12ch;font-size:clamp(3rem,8vw,6.6rem);line-height:.95}.about-hero-copy,.about-copy{display:grid;gap:.9rem;max-width:64rem;color:var(--ink-muted);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.9}.about-hero-copy p,.about-copy p{margin:0}.about-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(15rem,.36fr) minmax(0,.64fr);row-gap:clamp(1.8rem,4vw,3rem);column-gap:clamp(3rem,5vw,5rem);align-items:start;margin-top:clamp(1.2rem,3vw,2rem);padding:clamp(1.5rem,4vw,3rem)}.about-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--mc-red),var(--mc-orange),var(--mc-yellow),var(--mc-green),var(--mc-blue),var(--mc-violet),var(--mc-pink));opacity:.72}.about-panel-head{grid-column:1;min-width:0}.about-panel-body{grid-column:2;display:grid;gap:clamp(1rem,2vw,1.4rem);min-width:0}.about-panel-body .about-copy{max-width:64rem}.about-panel h2{max-width:12ch;font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.08}@media(min-width:881px){.about-routes .about-panel-head{min-width:max-content}#routes-title{max-width:none}#routes-title .about-heading-line{white-space:nowrap}}.about-kawaii-lines{color:var(--ink);font-weight:650}.about-color-line,.about-core-words{color:var(--ink);font-family:Space Mono,JetBrains Mono,Consolas,monospace;font-weight:700;letter-spacing:.04em}.about-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.2rem}.about-route-card{position:relative;display:grid;gap:.45rem;min-height:8rem;border:1px solid var(--line-soft);border-top:3px solid var(--route-accent, var(--mc-pink));border-radius:calc(var(--radius) * .75);padding:1rem;color:inherit;text-decoration:none;background:linear-gradient(135deg,#ffffffdb,#ffffff9e),var(--paper)}.about-route-card:before{content:"";position:absolute;top:1rem;right:1rem;width:.55rem;height:.55rem;border-radius:999px;background:var(--route-accent, var(--mc-pink));box-shadow:0 0 14px color-mix(in srgb,var(--route-accent, var(--mc-pink)) 35%,transparent)}.about-route-card:hover,.about-route-card:focus-visible{border-color:var(--route-accent, var(--mc-pink));outline:2px solid color-mix(in srgb,var(--route-accent, var(--mc-pink)) 35%,transparent);outline-offset:3px}.about-route-card span{color:var(--ink);font-family:Space Mono,JetBrains Mono,Consolas,monospace;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.about-route-card p{margin:0;color:var(--ink-muted);line-height:1.7}.about-core-words{margin:0;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.55}.about-closing{display:grid;gap:1.1rem;margin-top:clamp(1.5rem,4vw,3rem);padding:clamp(1.6rem,5vw,4rem);text-align:center}.about-closing p{margin:0;color:var(--ink-muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85}.about-closing h2{font-size:clamp(2rem,5vw,4.6rem);line-height:1.08}@media(max-width:880px){.about-panel{grid-template-columns:1fr}.about-panel-head,.about-panel-body{grid-column:1}.about-panel h2{max-width:none}}@media(max-width:560px){.about-page{width:min(100% - 1.4rem,1180px);padding-top:1.4rem}.about-heading-line{display:inline;white-space:normal}#kawaii-title .about-heading-line{white-space:nowrap}#kawaii-title .about-heading-line:nth-child(3){display:block}.about-hero,.about-panel,.about-closing{padding:1.2rem}.about-route-grid{grid-template-columns:1fr}}