:root{--brand: #bf1131;--brand-strong: #d91448;--gold: #CD9946;--nav-bg: #f0f1f2;--nav-text: #1b3659;--teal: #1f98a6;--text: #232722;--muted: #6B8BA4;--paper: #ffffff;--surface: #f7f8fa;--radius: 18px;--container: 1120px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--text);line-height:1.6}.container{max-width:var(--container);margin-inline:auto;padding:0 24px}.jp{font-family:Noto Sans JP,system-ui,Arial,sans-serif;opacity:.9}.site-header{position:sticky;top:0;z-index:10;background:var(--nav-bg);border-bottom:1px solid #dde0e4}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:var(--nav-text)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand span{color:var(--nav-text);font-size:1rem}.brand small{color:var(--muted);font-size:.8rem}.nav{display:flex;gap:22px}.nav a{color:var(--nav-text);text-decoration:none;font-weight:600;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--brand);transition:width .25s ease}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:999px;font-weight:700;border:none;cursor:pointer;text-decoration:none;background:var(--brand);color:#fff;transition:all .2s ease}.btn:hover{background:var(--brand-strong);transform:translateY(-1px)}.btn--ghost{background:transparent;border:2px solid var(--surface);color:var(--surface)}.btn--ghost:hover{background:var(--nav-text);color:var(--nav-bg)}.btn--exp{background:transparent;border:2px solid var(--gold);color:var(--gold)}.btn--exp:hover{background:var(--gold);color:var(--nav-bg)}.activities{background:#f7f8fa;padding:72px 0}.activities h2{margin:8px 0 32px}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{background:#fff;border-radius:20px;border:1px solid #e4e7eb;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.activity-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001a}.activity-media{height:160px;display:block;overflow:hidden}.activity-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.activity-card:hover .activity-media img{transform:scale(1.05)}.activity-media.sanshin{background:linear-gradient(135deg,#1b3659,#232722)}.activity-media.taichi{background:linear-gradient(135deg,#1f98a6,#1b3659)}.activity-media.kendo{background:linear-gradient(135deg,#bf1131,#232722)}.activity-content{padding:20px;display:flex;flex-direction:column;gap:10px}.activity-jp{font-size:1.1rem;font-weight:800;color:var(--gold)}.activity-content h3{margin:0}.activity-content p{margin:0;font-size:.95rem}.activity-link{margin-top:auto;font-weight:700;color:var(--nav-text);text-decoration:none}.activity-link:hover{text-decoration:underline}.member-link{text-decoration:none;color:inherit;cursor:pointer}.member-link:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.member-link:hover .avatar{background:var(--brand)}@media (max-width: 980px){.activities-grid{grid-template-columns:1fr}}.hero{transition:background .6s ease}.hero--sanshin{background:linear-gradient(180deg,#1b3659,#232722)}.hero--taichi{background:linear-gradient(180deg,#1f98a6,#1b3659)}.hero--kendo{background:linear-gradient(180deg,#bf1131,#232722)}.hero-dots{display:flex;gap:8px;margin-top:24px}.hero-dots button{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:transform .2s ease,background .2s ease}.hero-dots button.active{background:var(--gold);transform:scale(1.2)}.hero-media{display:grid;place-items:center;height:360px;border-radius:28px;overflow:hidden;background:#0002;border:1px solid #ffffff22}.hero-image{width:100%;height:100%;object-fit:cover}@media (max-width: 980px){.hero h1{font-size:1.6rem}.hero span{font-size:1.3rem}.hero-dots{justify-content:center}}.mobile-only{display:none}.hamburger{background:none;border:none;width:32px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger span{height:3px;background:var(--nav-text);border-radius:2px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--nav-bg);transform:translate(100%);transition:transform .3s ease;z-index:20;padding:80px 24px 24px;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu nav{display:flex;flex-direction:column;gap:22px}.mobile-menu a{color:var(--nav-text);font-size:1.25rem;font-weight:700;text-decoration:none}.mobile-menu a:hover{color:var(--brand)}.hero{background:linear-gradient(180deg,#1b3659,#232722);color:#fff;padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{color:var(--gold);letter-spacing:.12em;font-weight:800;font-size:.8rem;text-transform:uppercase}.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:12px 0}.hero h1 span{color:var(--gold)}.hero .sub{color:#e6ebf2;max-width:52ch}.hero-cta{display:flex;gap:12px;margin-top:22px}.hero-media{display:grid;place-items:center;height:360px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#1f98a655,transparent 60%);border:1px solid #ffffff22}.hero-media .play{width:72px;height:72px;border-radius:50%;background:#fff;border:none;font-size:24px;cursor:pointer}.about{padding:80px 0}.about-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.photo{height:220px;border-radius:22px;background:#f0f1f2;border:1px solid #e3e6ea}.activities{background:#f7f8fa;padding:60px 0}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.activity{background:#fff;border:1px solid #e4e7eb;border-radius:18px;overflow:hidden;transition:.25s}.activity:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a}.team{padding:60px 0}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0}.member{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid #e4e7eb;border-radius:18px;padding:14px;transition:.2s}.member:hover{transform:translateY(-2px)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:800;color:#fff}.site-footer{background:#1b3659;color:#e6ebf2;padding:40px 0 12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:20px}.footer-grid h4{color:#fff}.legal{text-align:center;color:var(--gold);margin-top:22px;font-size:.9rem}@media (max-width:980px){.nav{display:none}.mobile-only{display:flex}.header-inner{padding:10px 0}.hero{padding:48px 0 56px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-media{height:260px}.hero h1{font-size:1.75rem;line-height:1.2}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.activities-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.team-grid{grid-template-columns:1fr}}