:root{--navy:#082f4b;--blue:#086d96;--aqua:#67b8c7;--ivory:#f7f4ec;--paper:#fff;--yellow:#f3bd3f;--ink:#102f40;--muted:#61757e;--line:#d8e2e2;--shadow:0 22px 55px rgba(8,47,75,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
.site-header{height:72px;background:rgba(255,255,255,.97);display:flex;align-items:center;padding:0 3vw;gap:3vw;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(8,47,75,.08);backdrop-filter:blur(14px)}
.logo{display:flex;align-items:center;gap:12px;min-width:max-content}.logo-bowl{width:62px;height:32px;background:var(--blue);border-radius:0 0 34px 34px;position:relative}.logo-bowl:after{content:"";position:absolute;width:22px;height:4px;background:inherit;bottom:-5px;left:20px}.logo strong{display:block;font-family:Georgia,serif;font-size:20px;letter-spacing:.1em;line-height:1.05}.logo small{display:block;font-size:9px;letter-spacing:.16em}.site-header nav{display:flex;gap:2.7vw;margin-left:auto}.site-header nav a{font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--blue)}.header-map{border:1px solid #cbd8dc;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;background:#f7faf9}.header-map span{margin-left:12px}.menu{display:none;background:none;border:0;font-size:23px}
.image-slot{background-color:#c8d9d7;background-image:var(--image);background-position:center;background-size:cover;position:relative;overflow:hidden}.image-slot:before{content:attr(data-placeholder);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;background:rgba(255,255,255,.85);font-size:10px;font-weight:700;white-space:nowrap}.image-slot.has-image:before{display:none}
.hero{height:630px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background-position:center 54%}.hero-overlay{background:linear-gradient(90deg,rgba(4,22,31,.92),rgba(4,22,31,.67) 42%,rgba(4,22,31,.08) 76%)}.hero-content{position:relative;z-index:2;width:min(760px,58vw);margin-left:clamp(28px,4vw,68px)}.eyebrow,.kicker{font:700 12px Georgia,serif;letter-spacing:.22em;color:#7ed0dd}.hero h1,.access-copy h2,.section-heading h2,.news h2{font-family:"Zen Old Mincho",serif;font-weight:600}.hero h1{font-size:clamp(34px,3.45vw,52px);line-height:1.55;margin:12px 0 13px;letter-spacing:.015em;text-shadow:0 2px 22px rgba(0,0,0,.18)}.hero-lead{font-size:16px;max-width:580px;margin:0;color:rgba(255,255,255,.92)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.primary{background:var(--yellow);color:var(--ink);padding:15px 22px;min-width:250px;font-weight:700;display:flex;justify-content:space-between;box-shadow:0 10px 25px rgba(0,0,0,.14)}.primary:hover{background:#ffd05d}.secondary{font-weight:600;border-bottom:1px solid rgba(255,255,255,.75);padding:7px 2px}.hero-note{position:absolute;z-index:2;right:4vw;bottom:28px;font-family:"Zen Old Mincho",serif;transform:rotate(-4deg);letter-spacing:.1em}
.access-guide{min-height:510px;position:relative;display:grid;grid-template-columns:minmax(300px,.83fr) 1.1fr minmax(300px,.87fr);align-items:center;gap:20px;padding:46px max(34px,calc((100vw - 1400px)/2));background:#fbfaf6;overflow:hidden;border-bottom:1px solid #e1e7e5}.access-guide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 28%,rgba(116,200,209,.16),transparent 33%),linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.1));pointer-events:none}.access-copy,.access-map,.access-card{position:relative;z-index:2}.access-copy{align-self:center;padding:24px 0}.access-copy h2{font-size:clamp(34px,3vw,47px);line-height:1.45;margin:8px 0 12px}.access-copy>p:not(.kicker){color:var(--muted);max-width:390px;font-size:15px}.origin-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.origin-list span{border:1px solid #bdd5d9;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 5px 14px rgba(8,47,75,.05)}.origin-list b{color:var(--blue);font:700 10px Georgia,serif;margin-right:4px}.access-map{height:390px;min-width:430px;background:url('assets/images/access-map-routes.png') center/cover no-repeat;mix-blend-mode:multiply}.access-card{background:rgba(255,255,255,.96);padding:27px 28px;border-radius:18px;box-shadow:var(--shadow);border:1px solid rgba(8,47,75,.08)}.card-label{color:var(--blue);font:700 10px Georgia,serif;letter-spacing:.18em;margin:0}.access-card h3{font-family:"Zen Old Mincho",serif;font-size:27px;margin:4px 0 7px}.access-card>p:not(.card-label){font-size:13px;color:var(--muted);margin:0}.access-points{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.access-points span{background:#eef5f4;padding:5px 8px;font-size:10px;font-weight:700}.access-card>a{display:flex;justify-content:space-between;background:var(--navy);color:#fff;padding:12px 15px;font-size:12px;font-weight:700;margin:16px 0 12px}.access-card small{display:block;color:#75878d;font-size:10px;line-height:1.6}.access-wave{position:absolute;left:3%;bottom:23px;width:310px;height:44px;border-top:1px solid var(--blue);border-radius:50%;transform:rotate(-4deg);opacity:.55}
.map-links{max-width:1180px;margin:0 auto;padding:34px 30px 0;display:flex;align-items:center;gap:28px}.map-links>p{font-family:"Zen Old Mincho",serif;font-size:20px;white-space:nowrap}.map-links>div{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;width:100%}.map-links a{background:#fff;border:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.map-links a:hover{border-color:var(--blue);box-shadow:0 8px 20px rgba(8,47,75,.07)}.map-links strong{font-family:"Zen Old Mincho",serif}.map-links span{font-size:11px;color:var(--blue)}
.section{max-width:1180px;margin:auto;padding:84px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px}.section-heading h2{font-size:43px;line-height:1.5;margin:10px 0}.section-heading>p{max-width:430px;color:var(--muted)}.filter-row{display:flex;gap:10px;margin:32px 0 25px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.studio-card,.story-card{background:#fff;box-shadow:0 10px 36px rgba(8,47,75,.08)}.studio-card[hidden],.story-card[hidden]{display:none}.card-image{aspect-ratio:4/3;background-position:center}.card-body{padding:21px}.category{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.08em}.card-body h3{font-family:"Zen Old Mincho",serif;font-size:21px;margin:5px 0}.card-body>p:not(.category){font-size:12px;color:var(--muted);min-height:62px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.tags span{font-size:9px;background:#eef2ef;padding:4px 7px}.card-body>a{display:inline-block;color:var(--blue);font-size:12px;font-weight:700;margin-top:10px}.more{display:flex;width:220px;background:var(--navy);color:#fff;padding:13px 18px;justify-content:space-between;margin:38px auto 0}.news{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;border-top:1px solid var(--line)}.news h2{font-size:38px}.news-list a{display:grid;grid-template-columns:120px 1fr auto;border-bottom:1px solid var(--line);padding:20px 0}.news-list time{font-size:12px;color:var(--muted)}.news-list i{font-style:normal}.news-list a:hover span{color:var(--blue)}footer{background:#061f30;color:#fff;text-align:center;padding:55px 20px}.footer-logo{justify-content:center;margin-bottom:20px}.footer-logo .logo-bowl{background:#fff}footer p{color:#a8bec7;font-size:12px}footer>a{color:#77c7d5;font-size:12px;font-weight:700}
@media(max-width:1100px){.site-header nav{display:none}.header-map{margin-left:auto}.access-guide{grid-template-columns:.9fr 1.1fr;padding:45px 34px}.access-map{min-width:0;grid-column:1/-1;grid-row:1;opacity:.48}.access-copy{grid-column:1;grid-row:1}.access-card{grid-column:2;grid-row:1;max-width:360px;justify-self:end}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:64px;padding:0 16px}.logo-bowl{width:42px;height:22px}.logo-bowl:after{left:13px;width:16px}.logo strong{font-size:14px}.logo small{font-size:8px}.header-map{display:none}.menu{display:block;margin-left:auto}.hero{height:650px;align-items:flex-end}.hero-photo{background-position:62% center}.hero-overlay{background:linear-gradient(0deg,rgba(5,25,34,.96),rgba(5,25,34,.5) 62%,rgba(5,25,34,.08))}.hero-content{width:100%;margin:0;padding:70px 20px 54px}.hero h1{font-size:clamp(29px,8.4vw,37px);line-height:1.5}.hero-lead{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px;margin-top:23px}.primary{width:100%}.secondary{align-self:flex-start}.hero-note{display:none}.access-guide{display:block;min-height:auto;padding:55px 20px}.access-copy{padding:0}.access-copy h2{font-size:34px}.origin-list{margin-bottom:22px}.access-map{height:330px;width:calc(100% + 40px);margin-left:-20px;opacity:.82;background-position:center}.access-card{margin-top:-34px;padding:23px 21px;border-radius:14px}.access-wave{display:none}.map-links{display:block;padding:40px 18px 0}.map-links>div{grid-template-columns:1fr}.map-links a{align-items:flex-start;flex-direction:column;gap:2px}.section{padding:70px 18px}.section-heading{display:block}.section-heading h2{font-size:34px}.filter-row{overflow:auto;white-space:nowrap}.card-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.studio-card,.story-card{min-width:84vw;scroll-snap-align:start}.news{display:block}.news-list a{grid-template-columns:92px 1fr auto}.image-slot:before{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The access map is shown uncropped at every viewport. */
.access-map{position:absolute;z-index:1;inset:10px 18%;height:auto;min-width:0;background:none;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}
.access-map img{display:block;width:100%;height:100%;object-fit:contain}
.access-copy{position:relative;z-index:2;grid-column:1}
.access-card{position:relative;z-index:2;grid-column:3}
@media(max-width:1100px){.access-map{inset:10px 7%;grid-column:auto;grid-row:auto}.access-copy{grid-column:1}.access-card{grid-column:2}}
@media(max-width:700px){.access-map{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:16/9;margin-left:-20px;opacity:1}.access-map img{object-fit:contain}.access-card{margin-top:10px}}

.access-map {
    padding: 3%;
}
(max-width: 700px) {
    .access-map {
        padding: 0%;
    }
}