/* Waseda Aviation: restrained typography, photographic rhythm and fine rules. */
:root {
  --paper: #fbfaf7;
  --ink: #282622;
  --text-primary: var(--ink);
  --text-muted: #68635d;
  --off-white: #f2f0eb;
  --border: #ddd8cf;
  --gold: #bdad87;
  --gold-dark: #8a7955;
  --shadow-sm: none;
  --shadow-md: 0 6px 20px rgba(40, 38, 34, .05);
  --shadow-lg: 0 10px 28px rgba(40, 38, 34, .08);
  --display-font: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-size: calc(15px + var(--page-font-increase, 0pt));
  line-height: 1.95;
  -webkit-font-smoothing: antialiased;
}
.container { width: min(1120px, calc(100% - 80px)); }
.section-plain, .page-main, .news-section { background: var(--paper); }
.section-inner { padding-block: 76px; }
p { text-wrap: pretty; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--crimson); outline-offset: 5px; }

/* A compact, legible masthead with the club's existing identity. */
.site-header, .site-header.scrolled { background: #73041c; box-shadow: none; backdrop-filter: none; border-bottom: 1px solid rgba(255,255,255,.2); }
/* TOP overlays the slideshow; only scrolling adds the header background. */
.top-page .site-header {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  border-bottom: 0;
}
.top-page .site-header.scrolled {
  background: rgba(122,0,25,.97);
  box-shadow: 0 2px 16px rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
}
/* Give the initial transparent TOP header a little more presence. */
.top-page .site-header:not(.is-compact) .header-inner { padding-block: 23px; }
.top-page .site-header:not(.is-compact) .long-logo { width: 116px; }
.top-page .site-header:not(.is-compact) .logo-main { font-size: calc(20px + var(--page-font-increase, 0pt)); }
.top-page .site-header:not(.is-compact) .logo-sub { font-size: calc(10px + var(--page-font-increase, 0pt)); }
@media (max-width: 768px) {
  .top-page .site-header:not(.is-compact) .header-inner { padding-block: 16px; }
  .top-page .site-header:not(.is-compact) .long-logo { width: 84px; }
  .top-page .site-header:not(.is-compact) .logo-main { font-size: calc(17px + var(--page-font-increase, 0pt)); }
  .top-page .site-header:not(.is-compact) .logo-sub { font-size: calc(9px + var(--page-font-increase, 0pt)); }
}
@media (max-width: 420px) {
  .top-page .site-header:not(.is-compact) .logo-main { font-size: calc(15px + var(--page-font-increase, 0pt)); }
}
.site-header .header-inner { gap: 24px; padding-block: 17px; }
.site-header .logo-link { gap: 12px; flex-shrink: 0; }
.site-header .long-logo { width: 96px; }
.site-header .logo-main { font-size: calc(18px + var(--page-font-increase, 0pt)); letter-spacing: .02em; }
.site-header .logo-sub { font-size: calc(9px + var(--page-font-increase, 0pt)); letter-spacing: .04em; margin: 5px 0 0; }
.site-header .main-nav > ul { gap: 15px; font-size: calc(12px + var(--page-font-increase, 0pt)); }
.main-nav > ul > li > a { white-space: nowrap; }
.main-nav a::after { height: 1px; background: #d9c8a5; }
.main-nav .dropdown-menu { background: #73041c; border: 1px solid rgba(255,255,255,.2); box-shadow: none; }
.main-nav .dropdown-menu a { padding: 12px 20px; }
.site-header.is-compact .header-inner { padding-block: 12px; }
.site-header.is-compact .long-logo { width: 88px; }
.site-header.is-compact .logo-main { font-size: calc(18px + var(--page-font-increase, 0pt)); }
.site-header.is-compact .logo-sub { font-size: calc(9px + var(--page-font-increase, 0pt)); }
.page-main { padding-top: 90px; }

/* The photographs, rather than decorative effects, lead the page. */
.hero-swiper, .hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide { height: 100vh; height: 100dvh; min-height: 0; }
.hero-overlay { background: linear-gradient(90deg, rgba(16,22,27,.67), rgba(16,22,27,.2) 72%); }
.hero-inner { padding-block: 118px 64px; }
.hero-text { max-width: 660px; }
.hero-label { font-size: calc(11px + var(--page-font-increase, 0pt)); letter-spacing: .18em; margin-bottom: 26px; }
.hero .hero-headline { font-family: var(--display-font); font-size: calc(clamp(44px, 5.6vw, 76px) + var(--page-font-increase, 0pt)); font-weight: 600; letter-spacing: .025em; line-height: 1.45; margin-bottom: 24px; padding: 0; }
.hero .hero-headline::after { display: none; }
.hero .hero-headline-sky { color: #fff; font-size: 1em; line-height: inherit; margin: 0; }
.hero .hero-headline-together { font-size: 1em; }
.hero-desc { max-width: 580px; font-size: calc(14px + var(--page-font-increase, 0pt)); line-height: 2; margin-bottom: 32px; }
.hero .btn-primary { border: 1px solid rgba(255,255,255,.65); background: transparent; color: #fff; }
.hero .btn-primary:hover { background: #fff; color: var(--crimson); }
.page-hero .overlay { background: linear-gradient(90deg, rgba(22,28,31,.7), rgba(22,28,31,.38)); }
.page-hero-inner { padding-block: 72px 64px; }
.page-title { font-family: var(--display-font); font-weight: 600; font-size: calc(clamp(30px, 3.5vw, 46px) + var(--page-font-increase, 0pt)); line-height: 1.5; letter-spacing: .06em; }
.page-lead { margin-top: 18px; font-size: calc(14px + var(--page-font-increase, 0pt)); line-height: 1.95; }

.section-title { border-left: 0; padding-left: 0; font-family: var(--display-font); font-size: calc(clamp(25px, 2.8vw, 32px) + var(--page-font-increase, 0pt)); font-weight: 600; line-height: 1.5; letter-spacing: .04em; margin-bottom: 32px; }
.section-kicker { color: var(--crimson); font-family: Georgia, serif; font-size: calc(11px + var(--page-font-increase, 0pt)); letter-spacing: .19em; margin: 0 0 12px; }
.section-header { margin-bottom: 34px; }
.section-header .section-title { margin-bottom: 0; }
.news-more { font-size: calc(12px + var(--page-font-increase, 0pt)); font-weight: 500; border-bottom: 1px solid var(--border); padding-bottom: 4px; }
.btn-primary, .sns-follow-btn { padding: 12px 26px; background: var(--crimson); color: #fff; font-size: calc(13px + var(--page-font-increase, 0pt)); font-weight: 500; box-shadow: none; border-radius: 0; transition: background .2s ease, color .2s ease; }

/* News reads as a dated record, with quiet category markers. */
.news-list { gap: 0; border-top: 1px solid var(--border); }
.news-item, .news-archive-item { padding: 24px 0; gap: 30px; background: transparent; border: 0; border-bottom: 1px solid var(--border); box-shadow: none; }
.news-item:hover { transform: none; background: #f3f0ea; }
.news-date { min-width: 104px; font-family: Georgia, serif; font-size: calc(14px + var(--page-font-increase, 0pt)); font-weight: 400; font-variant-numeric: tabular-nums; }
.news-content h3 { margin: 7px 0; font-size: calc(16px + var(--page-font-increase, 0pt)); font-weight: 600; line-height: 1.7; }
.news-content p { font-size: calc(13px + var(--page-font-increase, 0pt)); line-height: 1.85; }
.news-tag, .news-tag.recruit, .news-tag.result, .news-tag.camp { color: var(--crimson); background: transparent; border: 1px solid #d8c5c7; padding: 1px 8px; font-size: calc(10px + var(--page-font-increase, 0pt)); font-weight: 500; }
.shinkan-highlight { background: var(--off-white); }
.top-voice-grid { gap: 40px; }
.top-voice { background: transparent; border: 0; border-top: 1px solid #c9bfb0; padding: 24px 0 0; }
.top-voice::before { display: none; }
.top-voice cite { font-weight: 500; }

/* A photo index, with copy beneath each image instead of repeated overlays. */
.feature-scroll { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; overflow: visible; padding: 8px 0 0; }
.feature-card { display: flex; flex-direction: column; height: auto; color: var(--ink); background: transparent; overflow: visible; box-shadow: none; min-width: 0; }
.feature-card::before, .feature-card::after { display: none; }
.feature-card-img { position: relative; inset: auto; aspect-ratio: 4 / 3; overflow: hidden; }
.feature-card-img img { display: block; transition: transform .4s ease; }
.feature-card-body { position: static; padding: 20px 0 0; }
.feature-label { color: var(--crimson); font-size: calc(10px + var(--page-font-increase, 0pt)); font-weight: 400; letter-spacing: .16em; }
.feature-card-body h3 { color: var(--ink); font-family: var(--display-font); font-size: calc(23px + var(--page-font-increase, 0pt)); font-weight: 600; text-shadow: none; margin: 8px 0 12px; }
.feature-card-body p { color: var(--text-muted); font-size: calc(13px + var(--page-font-increase, 0pt)); line-height: 1.85; }
.feature-btn { color: var(--crimson); font-size: calc(12px + var(--page-font-increase, 0pt)); font-weight: 500; }
.feature-card:hover { transform: none; box-shadow: none; filter: none; }
.feature-card:hover img { transform: scale(1.025); filter: none; }
.feature-card:hover .feature-card-body h3 { color: var(--crimson); text-shadow: none; }
.feature-card:hover .feature-btn { color: var(--crimson); transform: translateX(3px); }
.sns-card-shell { box-shadow: none; }
.sns-card-header { background: transparent; color: var(--crimson); border-bottom: 1px solid var(--border); }
.sns-card-header svg { fill: var(--crimson); }

/* Article pages have more distinct sections and a steady reading measure. */
.activity-block + .activity-block { margin-top: 64px; padding-top: 52px; border-top: 1px solid var(--border); }
.activity-text { max-width: 860px; }
.activity-text p { margin-block: 0 24px; }
.activity-block .role-grid, .activity-block .year-grid { gap: 44px; }
.role-card h3, .year-card h3 { font-family: var(--display-font); font-size: calc(22px + var(--page-font-increase, 0pt)); font-weight: 600; color: var(--crimson); margin-block: 0 20px; }
.role-card p, .year-card p { font-size: calc(14px + var(--page-font-increase, 0pt)); line-height: 2; }
.slider-caption { margin-top: 14px; font-size: calc(11px + var(--page-font-increase, 0pt)); letter-spacing: .035em; color: var(--text-muted); }
.activity-swiper .swiper-button-prev, .activity-swiper .swiper-button-next { border-radius: 0; box-shadow: none; border-color: rgba(122,0,25,.18); }
.slider-play { border-radius: 0; font-size: calc(10px + var(--page-font-increase, 0pt)); }

.member-grid { gap: 32px 24px; }
.member-card { background: transparent; border: 0; box-shadow: none; }
.member-card:hover { transform: none; box-shadow: none; }
.member-body { padding: 18px 0 24px; border-bottom: 1px solid var(--border); }
.member-name { font-family: var(--display-font); font-size: calc(21px + var(--page-font-increase, 0pt)); font-weight: 600; }
.member-meta { font-size: calc(12px + var(--page-font-increase, 0pt)); font-weight: 500; }
.member-text { font-size: calc(13px + var(--page-font-increase, 0pt)); line-height: 1.9; }
.coach-card .member-body { padding: 24px 0; }
.coaches-section-title { font-family: var(--display-font); font-weight: 600; }
.grade-group { background: transparent; border: 0; border-top: 1px solid var(--border); }
.grade-summary { background: transparent; padding: 22px 0; font-family: var(--display-font); font-size: calc(22px + var(--page-font-increase, 0pt)); }
.grade-content { padding: 12px 0 36px; }
.card, .contact-box, .equipment-card, .results-year, .results-competition { box-shadow: none; }
.equipment-grid { gap: 48px; }
.results-year-heading { background: #f0ede6; }
.results-competition { border-top-width: 1px; }
.faq-list { max-width: 920px; }
.site-footer { background: #eeebe4; color: var(--text-muted); border-top: 1px solid var(--border); }
.footer-inner { padding-block: 34px; }
.site-footer p { font-size: calc(11px + var(--page-font-increase, 0pt)); letter-spacing: .05em; }
.social-icons a { box-shadow: none; border: 1px solid #d8d1c6; background: transparent; }
.social-icons a:is(.ig, .fb, .x, .mail, .yt, .line) { color: var(--crimson); }
.social-icons a:is(:hover, :focus-visible) { transform: none; }
.fade-in { opacity: 1; transform: none; transition: none; }

@media (min-width: 769px) and (max-width: 1180px) {
  .site-header .header-inner { flex-direction: column; gap: 12px; padding-block: 12px; }
  .site-header.is-compact .header-inner { padding-block: 10px; }
  .site-header .main-nav > ul { gap: 22px; }
  .page-main { padding-top: 116px; }
}
@media (max-width: 768px) {
  body { font-size: calc(14px + var(--page-font-increase, 0pt)); }
  .container { width: calc(100% - 40px); }
  .section-inner { padding-block: 48px; }
  .site-header .header-inner { padding-block: 12px; gap: 12px; }
  .site-header .long-logo, .site-header.is-compact .long-logo { width: 78px; }
  .site-header .logo-main, .site-header.is-compact .logo-main { font-size: calc(16px + var(--page-font-increase, 0pt)); }
  .site-header .logo-sub, .site-header.is-compact .logo-sub { font-size: calc(8px + var(--page-font-increase, 0pt)); }
  .site-header .main-nav { display: none; }
  .page-main { padding-top: 72px; }
  .hero-swiper, .hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide { height: 100vh; height: 100dvh; min-height: 0; }
  .hero-inner { padding-block: 108px 68px; }
  .hero .hero-headline { font-size: calc(clamp(36px, 8vw, 54px) + var(--page-font-increase, 0pt)); }
  .hero-label { font-size: calc(9px + var(--page-font-increase, 0pt)); letter-spacing: .09em; margin-bottom: 20px; }
  .hero-desc { font-size: calc(13px + var(--page-font-increase, 0pt)); }
  .page-hero-inner { padding-block: 46px 40px; }
  .page-lead { font-size: calc(13px + var(--page-font-increase, 0pt)); }
  .section-header { gap: 18px; }
  .news-item, .news-archive-item { padding-block: 20px; gap: 8px; }
  .feature-scroll { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; }
  .feature-card { height: auto; }
  .feature-card-body { padding-top: 14px; }
  .feature-card-body h3 { font-size: calc(19px + var(--page-font-increase, 0pt)); }
  .feature-card-body p { font-size: calc(12px + var(--page-font-increase, 0pt)); }
  .activity-block + .activity-block { margin-top: 44px; padding-top: 36px; }
  .activity-block .role-grid, .activity-block .year-grid { gap: 36px; }
  .role-card p, .year-card p { font-size: calc(13px + var(--page-font-increase, 0pt)); }
  .taskbar { background: #73041c; box-shadow: none; border-top: 1px solid rgba(255,255,255,.25); }
  .footer-inner { padding-block: 28px; gap: 18px; }
}
@media (max-width: 420px) {
  .feature-scroll { grid-template-columns: minmax(0, 1fr); }
  .feature-card-img { aspect-ratio: 16 / 10; }
  .site-header .logo-main { font-size: calc(14px + var(--page-font-increase, 0pt)); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .feature-card-img img, .feature-btn { transition: none; }
}