/* Festival-only art direction. Native SVG, typography, and motion share one palette. */
.fes-experience {
  --festival-ink:#22134c; --festival-pink:#f3d5df; --festival-paper:#fffaf5;
  --festival-lime:#c5df36; --festival-blue:#bce7fa; --festival-violet:#cf80ad;
  background:var(--festival-paper); color:var(--festival-ink); font-family:'Noto Sans JP',sans-serif;
}
.fes-experience .site-wrapper { display:block; width:100%; max-width:none; box-shadow:none; background:var(--festival-paper); }
.fes-experience .main-wrapper { width:100%; margin:0; }
.fes-experience main, .fes-experience footer { margin-left:0; width:100%; }
.fes-experience main > .container { max-width:1320px; padding:0 40px; }
.fes-experience .page-content-wrapper { display:block; padding:0; }
.fes-experience .content-area { width:100%; min-width:0; flex:none; }
.fes-experience a { color:inherit; }
.fes-experience button { font-family:inherit; }
.fes-experience :where(a,button,summary):focus-visible { outline:3px solid #6934ac; outline-offset:5px; }
.fes-experience [hidden] { display:none!important; }
.fes-experience .fes-masthead {
  position:sticky!important; top:0; width:100%; height:76px!important; padding:0 36px; display:flex; flex-direction:row;
  align-items:center; justify-content:space-between; gap:24px; overflow:visible;
  border:0; border-bottom:1px solid #22134c33; background:#fffaf5f2; backdrop-filter:blur(14px); z-index:30; view-transition-name:festival-nav;
}
.fes-school { display:flex; gap:10px; align-items:center; font-size:11px; font-weight:700; line-height:1.55; text-decoration:none; min-height:44px; }
.fes-school img { width:32px; height:32px; object-fit:contain; }
.fes-wordmark { font-family:Arial,sans-serif; font-size:21px; font-weight:900; letter-spacing:-1px; text-decoration:none; }
.fes-wordmark span { display:inline-block; font-size:12px; padding:4px 6px; background:var(--festival-lime); letter-spacing:0; transform:rotate(-5deg); }
.fes-quick-nav { display:flex; gap:22px; }
.fes-quick-nav a { display:flex; min-height:44px; align-items:center; font-size:13px; font-weight:700; text-decoration:none; gap:8px; }
.fes-quick-nav a:nth-child(2) { border-bottom:2px solid var(--festival-ink); }
.fes-hero { position:relative; display:grid; grid-template-columns:1.18fr 1fr; gap:0 32px; padding:54px max(40px,calc((100vw - 1240px)/2)) 0; overflow:hidden; background:var(--festival-pink); isolation:isolate; }
.fes-hero-grid { position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#22134c0b 1px,transparent 1px),linear-gradient(90deg,#22134c0b 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(100deg,transparent 18%,#000 100%); }
.fes-eyebrow { font-family:Arial,sans-serif; font-size:11px; letter-spacing:1.6px; font-weight:700; }
.fes-cross { display:inline-flex; width:23px; height:23px; border:1px solid var(--festival-ink); border-radius:50%; align-items:center; justify-content:center; font-size:17px; vertical-align:middle; margin-right:9px; }
.fes-hero-edition { font-size:20px; font-weight:900; margin:26px 0 18px; letter-spacing:4px; }
.fes-hero-edition span { font-family:Arial,sans-serif; font-size:14px; letter-spacing:2px; padding-left:8px; }
.fes-hero h1 { margin:0; line-height:1.16; font-size:clamp(60px,8.6vw,124px); font-weight:900; letter-spacing:-5px; }
.fes-title-line { display:block; width:max-content; max-width:100%; }
.fes-title-outline { color:var(--festival-paper); -webkit-text-stroke:2px var(--festival-ink); paint-order:stroke fill; text-shadow:5px 6px 0 var(--festival-violet); }
.fes-title-dot { color:var(--festival-lime); -webkit-text-stroke:2px var(--festival-ink); text-shadow:none; font-family:Arial,sans-serif; margin-left:6px; }
.fes-hero-letter { display:inline-block; transform-origin:50% 100%; }
.fes-hero-intro { margin:28px 0; font-size:15px; font-weight:500; line-height:1.9; }
.fes-hero-actions { display:flex; gap:12px; margin-bottom:40px; }
.fes-action { display:flex; gap:22px; align-items:center; justify-content:space-between; min-height:54px; padding:12px 22px; border:2px solid var(--festival-ink); border-radius:4px; text-decoration:none; font-size:14px; font-weight:700; background:var(--festival-paper); box-shadow:3px 4px 0 var(--festival-ink); transition:box-shadow .2s,background .2s,transform .2s; }
.fes-action span { font-size:23px; line-height:1; }
.fes-action-primary { background:var(--festival-lime); }
.fes-action:hover { transform:translate(2px,2px); box-shadow:1px 2px 0 var(--festival-ink); }
.fes-hero-scene { position:relative; min-width:0; align-self:center; height:520px; }
.fes-hero-drawing { position:absolute; inset:0; width:100%; height:100%; stroke:var(--festival-ink); stroke-width:2; }
.fes-hero-drawing circle { fill:var(--festival-blue); }
.fes-flow-star { fill:var(--festival-lime); stroke-width:3; }
.fes-poster-window { position:absolute; inset:75px 64px 81px 64px; transform:rotate(5deg); border:3px solid var(--festival-ink); background:var(--festival-blue); box-shadow:11px 12px 0 var(--festival-ink); overflow:hidden; }
.fes-poster-window img { width:100%; height:100%; object-fit:cover; object-position:center 16%; }
.fes-window-caption { position:absolute; left:14px; bottom:15px; padding:5px 10px; font-size:14px; font-weight:900; border:2px solid var(--festival-ink); background:var(--festival-paper); transform:rotate(-8deg); }
.fes-hero-stamp { position:absolute; left:18px; bottom:72px; display:flex; align-items:center; gap:8px; padding:16px 20px; border:2px solid var(--festival-ink); border-radius:50%; background:var(--festival-lime); transform:rotate(-12deg); box-shadow:4px 5px 0 var(--festival-violet); }
.fes-hero-stamp strong { font-family:Arial,sans-serif; font-size:58px; font-weight:900; letter-spacing:-4px; line-height:1; }
.fes-hero-stamp span { font-size:12px; font-weight:900; line-height:1.5; }
.fes-scene-label { position:absolute; bottom:6px; right:30px; font-family:Arial,sans-serif; font-size:10px; letter-spacing:1.8px; }
.fes-date-ticket { position:relative; grid-column:1/-1; display:flex; align-items:stretch; margin:0 0 -1px; border:2px solid var(--festival-ink); border-radius:20px 20px 0 0; background:var(--festival-paper); }
.fes-ticket-date { display:flex; align-items:center; gap:18px; padding:15px 28px; border-right:1px dashed var(--festival-ink); }
.fes-ticket-date strong { font-family:Arial,sans-serif; font-size:48px; line-height:1.1; letter-spacing:-2px; }
.fes-ticket-date span { font-family:Arial,sans-serif; font-size:12px; font-weight:700; }
.fes-ticket-time { display:flex; flex-direction:column; justify-content:center; padding:14px 28px; gap:5px; }
.fes-ticket-time strong { font-family:Arial,sans-serif; font-size:25px; letter-spacing:-.5px; }
.fes-ticket-time span { font-size:12px; }
.fes-date-ticket > a { align-self:center; margin-left:auto; padding:18px 28px; font-size:13px; text-decoration:none; font-weight:700; }
.fes-date-ticket > a span { padding-left:30px; font-size:24px; vertical-align:middle; }
.fes-discovery { padding:88px 0 84px; scroll-margin-top:96px; }
.fes-experience .fes-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:34px; }
.fes-experience .fes-section-heading .fes-eyebrow { font-size:11px; margin:0 0 15px; color:var(--festival-ink); }
.fes-experience .fes-section-heading h2 { font-size:clamp(27px,3.5vw,42px); margin:0; border:0; padding:0; background:none; color:var(--festival-ink); font-weight:900; letter-spacing:-1px; }
.fes-experience .fes-section-heading > p { font-size:13px; line-height:1.8; margin:0 0 3px; color:#655374; }
.fes-discover-filters { display:flex; flex-wrap:wrap; gap:8px; }
.fes-discover-filters button { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px 20px; font-size:14px; font-weight:700; border:1.5px solid var(--festival-ink); border-radius:50%; color:var(--festival-ink); background:transparent; cursor:pointer; transition:background .2s,box-shadow .2s; }
.fes-discover-filters button[aria-pressed="true"] { background:var(--festival-ink); color:var(--festival-paper); box-shadow:3px 3px 0 var(--festival-violet); }
.fes-discover-filters .fes-filter-dot { width:10px; height:10px; border:1px solid currentColor; border-radius:2px; background:var(--category-color,var(--festival-paper)); transform:rotate(45deg); }
.fes-discover-status { display:flex; justify-content:space-between; align-items:center; min-height:55px; gap:10px; }
.fes-discover-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.fes-flow-toggle { min-height:44px; padding:8px 12px; font:inherit; font-size:13px; color:var(--festival-ink); background:var(--festival-paper); border:1px solid var(--festival-ink); border-radius:8px; cursor:pointer; }
.fes-flow-hint { margin:0 0 12px; color:#655374; font-size:13px; line-height:1.75; }
.fes-discover-viewport.is-flowing { height:min(62svh,640px); overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; overflow-anchor:none; scroll-behavior:auto; scrollbar-color:#655374 #f3d5df; scrollbar-width:thin; padding:4px 8px 4px 4px; border-block:1px solid #22134c33; }
.fes-discover-viewport:focus-visible { outline:3px solid var(--festival-violet); outline-offset:4px; }
.fes-discover-viewport.is-flowing .fes-discover-grid { padding-bottom:4px; }
.fes-experience .fes-discover-count { margin:0; font-size:12px; color:#655374; }
.fes-motion-toggle { background:none; border:0; border-bottom:1px solid #655374; color:#655374; cursor:pointer; font-size:11px; min-height:44px; }
.fes-discover-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.fes-discover-card { display:flex; flex-direction:column; min-width:0; padding:0; text-align:left; border:2px solid var(--festival-ink); border-radius:10px; background:var(--festival-paper); color:var(--festival-ink); cursor:pointer; overflow:hidden; box-shadow:0 0 0 var(--festival-ink); transition:box-shadow .2s,border-radius .2s; }
.fes-discover-card:hover { box-shadow:5px 6px 0 var(--festival-ink); border-radius:10px 10px 28px 10px; }
.fes-card-art { position:relative; display:grid; place-items:center; width:100%; height:178px; border-bottom:2px solid var(--festival-ink); overflow:hidden; background:var(--category-color); }
.fes-card-art::before { content:''; position:absolute; inset:0; background-image:linear-gradient(#22134c12 1px,transparent 1px),linear-gradient(90deg,#22134c12 1px,transparent 1px); background-size:24px 24px; }
.fes-card-art svg { position:relative; width:170px; height:134px; stroke:var(--festival-ink); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.fes-card-art .fes-art-fill { fill:var(--festival-paper); }
.fes-card-art .fes-art-accent { fill:var(--festival-lime); }
.fes-card-art .fes-art-shadow { fill:var(--festival-violet); stroke:none; }
.fes-card-art .fes-art-ink { fill:var(--festival-ink); stroke:none; }
.fes-card-art .fes-art-blue { fill:var(--festival-blue); }
.fes-discover-badge { position:absolute; top:10px; left:10px; display:grid; place-items:center; width:37px; height:37px; border:1.5px solid var(--festival-ink); border-radius:50%; background:var(--festival-paper); font-family:Arial,sans-serif; font-size:15px; font-weight:700; }
.fes-art-tag { position:absolute; right:11px; bottom:10px; font-size:10px; font-weight:700; letter-spacing:.6px; padding:3px 6px; border:1px solid var(--festival-ink); background:var(--festival-paper); transform:rotate(-4deg); }
.fes-discover-card[data-category="stage"] .fes-card-art { background:var(--festival-ink); }
.fes-discover-card[data-category="stage"] .fes-card-art::before { opacity:.3; background-image:linear-gradient(#fffaf540 1px,transparent 1px),linear-gradient(90deg,#fffaf540 1px,transparent 1px); }
.fes-discover-card[data-category="stage"] svg { stroke:var(--festival-paper); }
.fes-discover-card[data-category="stage"] .fes-art-fill { fill:var(--festival-pink); stroke:var(--festival-ink); }
.fes-card-copy { display:flex; flex-direction:column; align-items:stretch; gap:8px; padding:17px 16px 14px; width:100%; flex:1; }
.fes-card-group { font-size:11px; color:#655374; }
.fes-card-copy strong { font-size:17px; font-weight:900; line-height:1.6; overflow-wrap:anywhere; }
.fes-card-description { font-size:12px; line-height:1.7; color:#655374; }
.fes-card-place { margin-top:auto; padding-top:10px; font-size:11px; line-height:1.5; color:#655374; }
.fes-card-link { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #22134c25; padding-top:10px; font-size:12px; font-weight:700; }
.fes-card-link span { font-size:18px; line-height:1; }
.fes-experience #venue-guide { border-top:1px solid #22134c33; padding-top:70px; scroll-margin-top:96px; }
.fes-experience #venue-guide > h2 { margin:0 0 28px; padding:0; border:0; background:none; color:var(--festival-ink); font-weight:900; font-size:34px; }
.fes-experience .fes-map { margin-bottom:54px; scroll-margin-top:92px; }
.fes-experience .fes-section { scroll-margin-top:96px; }
.fes-experience .fes-section > h2 { color:var(--festival-ink); border-left-color:var(--festival-ink); }
.fes-practical { padding-top:30px; }
.fes-experience .outline-list { background:var(--festival-pink); border:1px solid #22134c33; border-radius:14px; font-size:14px; line-height:1.8; padding:24px; }
.fes-experience .outline-list dt { color:var(--festival-ink); }
.fes-official-poster { margin-top:20px; border:1px solid #22134c33; border-radius:14px; overflow:hidden; }
.fes-official-poster summary { display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:15px 24px; font-size:14px; font-weight:700; cursor:pointer; list-style:none; }
.fes-official-poster summary::-webkit-details-marker { display:none; }
.fes-official-poster .fes-poster { padding:20px; margin:0; background:var(--festival-pink); }
.fes-official-poster img { max-width:600px; }
.fes-experience .notice-box { border-left-color:var(--festival-ink); font-size:14px; }
.fes-experience .table-scroll { content-visibility:auto; contain-intrinsic-size:auto 360px; }
.fes-experience :is(#sec-outline,#sec-access,#sec-news,#sec-notes,#sec-contact,.footer) { content-visibility:auto; contain-intrinsic-size:auto 240px; }
.fes-number-transfer { position:fixed; display:grid; place-items:center; width:44px; height:44px; background:var(--festival-lime); color:var(--festival-ink); border:2px solid var(--festival-ink); border-radius:50%; font:700 20px Arial,sans-serif; pointer-events:none; z-index:60; }
::view-transition-group(festival-number) { animation-duration:.55s; animation-timing-function:cubic-bezier(.22,.75,.2,1); }
::view-transition-old(root) { animation:festival-page-out .15s both; }
::view-transition-new(root) { animation:festival-page-in .3s .08s both; }
::view-transition-old(festival-nav) { display:none; }
::view-transition-new(festival-nav) { animation:none; }
@keyframes festival-page-out { to { opacity:0; transform:translateY(-8px); } }
@keyframes festival-page-in { from { opacity:0; transform:translateY(10px); } }
@media (max-width:1100px) {
  .fes-wordmark { display:none; }
  .fes-hero { grid-template-columns:1.2fr 1fr; gap:0 8px; padding-top:42px; }
  .fes-hero h1 { font-size:8.6vw; }
  .fes-hero-scene { height:435px; }
  .fes-poster-window { inset:70px 35px 88px; }
  .fes-hero-stamp { left:0; bottom:70px; }
  .fes-discover-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .fes-ticket-date { padding:15px 18px; gap:12px; }
  .fes-ticket-date strong { font-size:40px; }
  .fes-ticket-date span, .fes-ticket-time strong { white-space:nowrap; }
  .fes-ticket-time { padding:14px 18px; }
  .fes-ticket-time strong { font-size:21px; }
  .fes-date-ticket > a { padding:15px 18px; font-size:12px; white-space:nowrap; }
  .fes-date-ticket > a span { padding-left:14px; }
}
@media (max-width:760px) {
  .fes-experience .fes-masthead { height:64px!important; padding:0 18px; gap:12px; }
  .fes-school { font-size:10px; gap:7px; }
  .fes-school img { width:28px; height:28px; }
  .fes-quick-nav { gap:12px; }
  .fes-quick-nav a { font-size:11px; }
  .fes-quick-nav a:first-child, .fes-quick-nav a:last-child { display:none; }
  .fes-experience main > .container { padding:0 20px; }
  .fes-hero { display:block; padding:28px 20px 0; }
  .fes-hero .fes-eyebrow { font-size:9px; letter-spacing:1px; }
  .fes-hero-edition { margin:20px 0 16px; font-size:15px; }
  .fes-hero h1 { font-size:clamp(51px,17.4vw,92px); letter-spacing:-3px; line-height:1.16; }
  .fes-title-outline { -webkit-text-stroke:1.5px var(--festival-ink); text-shadow:3px 4px 0 var(--festival-violet); }
  .fes-hero-intro { margin:19px 0 20px; font-size:12px; }
  .fes-hero-actions { margin:0 0 28px; gap:10px; }
  .fes-action { min-height:48px; font-size:12px; padding:10px 14px; gap:15px; }
  .fes-hero-scene { position:relative; width:100%; height:134px; margin:-10px 0 24px; opacity:1; }
  .fes-hero-drawing { top:-36px; height:204px; opacity:.7; }
  .fes-poster-window { inset:0 24px 0 37px; box-shadow:5px 6px 0 var(--festival-ink); transform:rotate(3deg); }
  .fes-poster-window img { object-position:center 8%; }
  .fes-hero-stamp { display:flex; left:-3px; bottom:-8px; padding:7px 10px; gap:5px; box-shadow:2px 3px 0 var(--festival-violet); }
  .fes-hero-stamp strong { font-size:31px; letter-spacing:-2px; }
  .fes-hero-stamp span { font-size:8px; }
  .fes-window-caption, .fes-scene-label { display:none; }
  .fes-date-ticket { display:grid; grid-template-columns:1fr 1fr; margin:0; }
  .fes-ticket-date { padding:16px 14px; gap:7px; flex-wrap:wrap; }
  .fes-ticket-date strong { font-size:37px; order:2; width:100%; }
  .fes-ticket-date span { font-size:10px; }
  .fes-ticket-time { padding:14px; gap:6px; }
  .fes-ticket-time strong { font-size:16px; }
  .fes-ticket-time span { font-size:10px; }
  .fes-date-ticket > a { grid-column:1/-1; margin:0; border-top:1px solid #22134c33; padding:10px 14px; min-height:44px; display:flex; align-items:center; justify-content:space-between; font-size:11px; }
  .fes-date-ticket > a span { font-size:18px; }
  .fes-discovery { padding:56px 0 52px; scroll-margin-top:84px; }
  .fes-experience .fes-section-heading { display:block; margin-bottom:24px; }
  .fes-experience .fes-section-heading .fes-eyebrow { font-size:10px; margin-bottom:12px; }
  .fes-experience .fes-section-heading > p { margin-top:12px; font-size:12px; }
  .fes-discover-filters { gap:7px; }
  .fes-discover-filters button { min-height:44px; font-size:11px; padding:8px 12px; gap:7px; }
  .fes-discover-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .fes-card-art { height:130px; }
  .fes-card-art svg { width:130px; height:110px; }
  .fes-discover-badge { width:29px; height:29px; top:7px; left:7px; font-size:12px; }
  .fes-art-tag { right:7px; bottom:7px; font-size:8px; }
  .fes-card-copy { padding:13px 11px 12px; gap:6px; }
  .fes-card-copy strong { font-size:14px; line-height:1.55; }
  .fes-card-description { font-size:11px; }
  .fes-card-group, .fes-card-place { font-size:10px; }
  .fes-card-link { font-size:10px; }
  .fes-motion-toggle { font-size:10px; }
  .fes-experience #venue-guide { padding-top:48px; }
  .fes-experience #venue-guide > h2 { font-size:27px; }
  .fes-experience .fes-map { scroll-margin-top:80px; }
  .fes-experience .fes-section { scroll-margin-top:84px; }
  .fes-experience .outline-list { padding:18px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  html:has(.fes-experience) { scroll-behavior:auto; }
  .fes-experience *, .fes-experience *::before, .fes-experience *::after { animation:none!important; transition:none!important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation:none!important; }
}
.fes-experience[data-fes-motion="off"] *, .fes-experience[data-fes-motion="off"] *::before, .fes-experience[data-fes-motion="off"] *::after { animation:none!important; transition:none!important; }
.fes-experience[data-fes-hidden="true"] *, .fes-map[data-fes-offscreen="true"] * { animation-play-state:paused!important; }