:root{--map-ink:#12100c;--map-paper:#f3efe4;--map-sea:#8fd4c9;--map-coral:#e8542f;--map-muted:#bfb8aa;--map-line:rgba(243,239,228,.2)}
*{box-sizing:border-box}
html{background:var(--map-ink);scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 78% 7%,#095e70 0,transparent 34%),var(--map-ink);color:var(--map-paper);font-family:"Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{opacity:.8}::selection{background:var(--map-coral);color:var(--map-ink)}
.map-grain{position:fixed;z-index:3;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none}
.map-top{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,72px);background:linear-gradient(180deg,rgba(18,16,12,.92),rgba(18,16,12,0))}
.map-back{color:var(--map-sea);font:700 11px/1.4 "Archivo",sans-serif;letter-spacing:.08em}
.map-main{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:clamp(110px,15vw,150px) clamp(22px,5vw,72px) 120px}
.map-eyebrow{color:var(--map-sea);font:900 12px/1.4 "Archivo",sans-serif;letter-spacing:.18em}.map-eyebrow i{margin-right:11px;color:var(--map-coral);font-style:normal}
.map-main h1{margin:18px 0;font:700 clamp(45px,7vw,96px)/1.05 "Zen Old Mincho",serif;letter-spacing:.02em;white-space:pre-line}
.map-lead{max-width:650px;margin:0;color:#d6d0c4;font-size:16px;line-height:2;text-wrap:pretty}
.map-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);gap:clamp(36px,7vw,100px);align-items:center;margin-top:clamp(48px,8vw,106px)}
.map-art{position:relative;display:grid;place-items:center;min-height:680px;overflow:hidden;border:1px solid var(--map-line);background:linear-gradient(135deg,rgba(143,212,201,.1),rgba(7,82,99,.18))}
.map-art::before{position:absolute;width:130%;height:68%;border:1px solid rgba(143,212,201,.18);border-radius:50%;content:"";transform:rotate(-28deg)}
.map-art img{position:relative;width:min(74%,400px);max-height:600px;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.25))}
.map-embed{display:block;background:#0d1110}
.map-embed::before{display:none}
.map-embed iframe{display:block;width:100%;height:680px;min-height:680px;border:0}
.map-note{position:absolute;bottom:20px;left:22px;color:rgba(243,239,228,.6);font:700 10px/1.4 "Archivo",sans-serif;letter-spacing:.16em}
.map-venues{display:grid;gap:14px}
.map-venue{position:relative;padding:28px 30px 29px 39px;border:1px solid var(--map-line);background:rgba(13,17,16,.42);transition:transform .25s ease,border-color .25s ease}
.map-venue:hover{border-color:var(--map-sea);transform:translateX(5px)}
.map-venue::before{position:absolute;top:29px;bottom:29px;left:18px;width:3px;background:var(--map-coral);content:""}
.map-venue__kicker{color:var(--map-sea);font:700 11px/1.4 "Archivo",sans-serif;letter-spacing:.12em}
.map-venue h2{margin:9px 0 10px;font:700 clamp(20px,2.2vw,29px)/1.35 "Zen Old Mincho",serif;text-wrap:pretty}
.map-venue p{margin:0;color:#d0cabc;font-size:13px;line-height:1.85;text-wrap:pretty}
.map-venue small{display:block;margin-top:12px;color:#918b80;font:700 10px/1.4 "Archivo",sans-serif;letter-spacing:.08em}
.map-legend{display:flex;flex-wrap:wrap;gap:17px;margin:30px 0 0;color:#aaa396;font:700 10px/1.4 "Archivo",sans-serif;letter-spacing:.09em}
.map-legend span::before{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--map-coral);content:""}.map-legend span:last-child::before{background:var(--map-sea)}
@media(min-width:801px){
  .map-layout{align-items:start}
  .map-embed{position:sticky;top:104px;align-self:start;min-height:min(680px,calc(100vh - 150px))}
  .map-embed iframe{height:min(680px,calc(100vh - 150px));min-height:560px}
  .map-venue-column,.map-layout>section:not(.map-embed){min-width:0}
  .map-venue-column .map-venues,.map-layout>section:not(.map-embed) .map-venues{max-height:calc(100vh - 220px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
  .map-venue-column .map-venue,.map-layout>section:not(.map-embed) .map-venue{padding:22px 24px 23px 32px}
  .map-venue-column .map-venue::before,.map-layout>section:not(.map-embed) .map-venue::before{top:23px;bottom:23px;left:15px;width:2px}
  .map-venue-column .map-venue h2,.map-layout>section:not(.map-embed) .map-venue h2{margin:7px 0 8px;font-size:clamp(18px,1.8vw,24px)}
  .map-venue-column .map-venue p,.map-layout>section:not(.map-embed) .map-venue p{font-size:12px;line-height:1.7}
  .map-venue-column .map-venue small,.map-layout>section:not(.map-embed) .map-venue small{margin-top:9px}
}
.map-footer{position:relative;z-index:1;border-top:1px solid rgba(243,239,228,.1);background:rgba(14,12,9,.7)}
.map-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;max-width:1240px;margin:0 auto;padding:62px clamp(20px,5vw,44px) 120px;color:#f3efe4;font-family:"Archivo","Noto Sans JP",sans-serif}
.map-footer__identity{grid-column:1/-1;display:flex;align-items:baseline;gap:18px;padding-bottom:28px;border-bottom:1px solid rgba(243,239,228,.14)}.map-footer__identity>a{font-size:28px;font-weight:900;line-height:1;letter-spacing:.03em}.map-footer__identity p{margin:0;color:#c9c3b6;font-size:12px;letter-spacing:.18em}
.map-footer__info{max-width:520px;color:#9a9488;font-family:"Noto Sans JP",sans-serif;font-size:12px;line-height:2;text-wrap:pretty}.map-footer__social{justify-self:end}.map-footer__social>span{display:block;margin-bottom:14px;color:#9a9488;font-size:10px;font-weight:700;letter-spacing:.16em}.map-footer__social div{display:flex;gap:10px}.map-footer__social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(243,239,228,.34);border-radius:50%;font-size:11px}.map-footer__copy{grid-column:1/-1;margin-top:14px;padding-top:18px;border-top:1px solid rgba(243,239,228,.1);color:#6b665c;font-size:10px}
.map-floating-nav{position:fixed;z-index:80;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:14px clamp(10px,3vw,20px) max(14px,env(safe-area-inset-bottom));pointer-events:none}.map-floating-nav>div{display:flex;align-items:center;gap:2px;width:100%;max-width:460px;padding:6px;border-radius:100px;background:rgba(21,19,16,.92);box-shadow:0 20px 40px rgba(0,0,0,.45);backdrop-filter:blur(10px);pointer-events:auto}.map-floating-nav a{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:100px;color:#f3efe4}.map-floating-nav b{font-size:17px;font-weight:500;line-height:1}.map-floating-nav span{font:700 9.5px/1 "Archivo",sans-serif}
@media(max-width:800px){.map-top{padding:20px}.site-brand span{display:none}.map-main{padding:110px 20px 90px}.map-layout{grid-template-columns:1fr;gap:34px;margin-top:50px}.map-art{min-height:470px}.map-art img{height:400px}.map-embed iframe{height:470px;min-height:470px}.map-venue{padding:24px 24px 24px 36px}.map-venue::before{top:25px;bottom:25px;left:16px}.map-footer__inner{grid-template-columns:1fr;gap:30px;padding-top:46px}.map-footer__identity{display:block}.map-footer__identity p{margin-top:10px;font-size:9px}.map-footer__social{justify-self:start}.map-footer__copy{font-size:9px}}
@media(max-width:420px){.map-main h1{font-size:clamp(40px,13vw,58px)}.map-lead{font-size:14px}.map-art{min-height:430px}.map-art img{height:360px}.map-embed iframe{height:430px;min-height:430px}.map-floating-nav span{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.map-venue{transition:none}}