body .page{--access-card-bg: radial-gradient(circle at 12% 8%, rgba(240, 209, 139, .2), transparent 34%), linear-gradient(180deg, rgba(255, 253, 247, .86), rgba(255, 248, 223, .66));--access-card-border: rgba(255,255,255,.72);--access-card-shadow: 0 18px 38px -30px rgba(16,29,49,.36);--access-ink: #1a2940;--access-muted: #5b6478;--access-gold: #7f560b}body .page .screen,body .page .access-hero,body .page .route-steps,body .page .info-grid{font-family:var(--font-serif)}body .page .access-hero{display:grid;gap:14px;margin:0 0 22px;padding:18px 14px 16px;border-radius:22px;background:var(--access-card-bg);border:1px solid var(--access-card-border);box-shadow:var(--access-card-shadow);backdrop-filter:blur(14px);overflow:hidden;isolation:isolate;text-align:center;position:relative}body .page .access-hero:before{content:"";position:absolute;inset:-28px -42px auto;height:220px;background:url(/images/about/jazz-namazu-wide.webp) 12% 52% / auto 100% no-repeat;opacity:.12;filter:blur(.1px) saturate(.92);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%);pointer-events:none;z-index:-1}body .page .access-hero__copy{color:var(--access-ink);padding:0 4px}body .page .access-hero__copy span{display:block;color:var(--access-gold);font-size:10.5px;font-weight:900;letter-spacing:.16em;white-space:nowrap}body .page .access-hero__copy strong{display:block;margin-top:9px;color:var(--access-ink);font-size:24px;line-height:1.35;letter-spacing:.08em;-webkit-text-stroke:.25px currentColor;white-space:nowrap}body .page .access-hero__copy p{margin:8px 0 0;color:var(--access-muted);font-size:13.5px;font-weight:650;line-height:1.7;letter-spacing:.05em}body .page .route-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}body .page .route-steps li{position:relative;min-height:104px;padding:18px 16px;border-radius:18px;background:var(--access-card-bg);border:1px solid var(--access-card-border);box-shadow:var(--access-card-shadow);backdrop-filter:blur(14px);text-align:center;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo)}body .page .route-steps li:before,body .page .info-grid article:before{content:"";position:absolute;inset:auto -22px -46px auto;width:210px;height:190px;background:var(--access-art) center bottom / cover no-repeat;opacity:.2;filter:blur(.25px) saturate(.9);-webkit-mask-image:radial-gradient(circle at center,#000 36%,transparent 78%);mask-image:radial-gradient(circle at center,#000 36%,transparent 78%);pointer-events:none;z-index:-1;transition:opacity .28s var(--ease-out-expo),transform .34s var(--ease-out-expo),filter .28s var(--ease-out-expo)}body .page .route-steps li:nth-child(1){--access-art: url(/images/access/deco/crystal.webp)}body .page .route-steps li:nth-child(2){--access-art: url(/images/access/deco/sax.webp)}body .page .route-steps li:nth-child(3){--access-art: url(/images/access/deco/trumpet.webp)}body .page .step-no{display:inline-grid;place-items:center;margin:0 auto 8px;color:var(--access-gold);font-family:"Cinzel",var(--font-serif);font-size:14px;font-weight:900;letter-spacing:.08em;white-space:nowrap}body .page .route-steps strong{display:block;color:var(--access-ink);font-size:18px;line-height:1.45;letter-spacing:.04em}body .page .route-steps p{margin:4px 0 0;color:var(--access-muted);font-size:13px;line-height:1.55;font-weight:650}body .page .map-card{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;background:#f1ead8;border:1px solid rgba(255,255,255,.66);box-shadow:0 18px 38px -28px #101d3161}body .page .map-card iframe{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}body .page .map-open-link{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:12px;min-height:48px;padding:12px 18px 13px;border-radius:16px;border:1px solid rgba(255,255,255,.78);border-bottom-color:#9a63055c;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #9a63051f,0 16px 30px -24px #101d3152;font-family:var(--font-serif);font-size:13.5px;font-weight:900;line-height:1;letter-spacing:.08em;text-decoration:none;color:var(--access-ink)!important;background:linear-gradient(90deg,#9a630575,#daae4fbd,#9a63055c) left bottom / 100% 2px no-repeat,linear-gradient(180deg,#ffffffb8,#ffffff6b);backdrop-filter:blur(14px) saturate(1.05);text-shadow:0 1px 0 rgba(255,255,255,.52);touch-action:manipulation;transition:transform .24s var(--ease-out-expo),box-shadow .24s var(--ease-out-expo),border-color .24s var(--ease-out-expo),background-size .24s var(--ease-out-expo)}body .page .map-open-link:hover{text-decoration:none}body .page .map-open-link:active{border-color:#ffffffa8;border-bottom-color:#9a63056b;box-shadow:inset 0 2px 7px #61410c1f,0 8px 18px -20px #101d314d}body .page .map-open-link:focus-visible{outline:2px solid rgba(154,99,5,.58);outline-offset:3px}body .page .info-grid{display:grid;gap:10px}body .page .info-grid article{position:relative;padding:18px 16px;min-height:110px;display:grid;align-content:center;text-align:center;border-radius:18px;background:var(--access-card-bg);border:1px solid var(--access-card-border);box-shadow:var(--access-card-shadow);backdrop-filter:blur(14px);overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo)}body .page .info-grid article:nth-child(1){--access-art: url(/images/access/deco/ornament.webp)}body .page .info-grid article:nth-child(2){--access-art: url(/images/access/deco/moon-01.webp)}body .page .info-grid article:nth-child(3){--access-art: url(/images/access/deco/moon-02.webp)}@media(hover:hover)and (pointer:fine){body .page .route-steps li:hover,body .page .info-grid article:hover{transform:translateY(-4px);border-color:#ffffffe6;box-shadow:0 22px 48px -28px #101d3170}body .page .route-steps li:hover:before,body .page .info-grid article:hover:before{opacity:.32;transform:translate(-8px,-8px) scale(1.06) rotate(-1.5deg);filter:blur(0) saturate(1.04)}body .page .map-open-link:hover{transform:translateY(-3px);border-color:#fffffff0;border-bottom-color:#b176127a;background-size:100% 3px,auto;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #9a630529,0 22px 42px -26px #101d316b}}body .page .info-grid span{width:fit-content;margin-inline:auto;padding-bottom:4px;border-bottom:1px solid rgba(154,99,5,.28);color:var(--access-gold);font-size:11px;font-weight:900;line-height:1;letter-spacing:.16em;white-space:nowrap}body .page .info-grid strong{display:block;margin-top:8px;color:var(--access-ink);font-size:18px;line-height:1.45;letter-spacing:.04em}body .page .info-grid p{margin:5px 0 0;color:var(--access-muted);font-size:13px;line-height:1.55;font-weight:650}@media(max-width:640px),(pointer:coarse){body .page{--access-card-bg: radial-gradient(circle at 12% 8%, rgba(240, 209, 139, .2), transparent 34%), linear-gradient(180deg, rgba(255, 253, 247, .97), rgba(255, 248, 223, .92))}body .page .access-hero,body .page .route-steps li,body .page .info-grid article{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body .page .map-open-link{background:linear-gradient(90deg,#9a630575,#daae4fbd,#9a63055c) left bottom / 100% 2px no-repeat,linear-gradient(180deg,#fffffff2,#ffffffe0);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}