/* A station-side notice board: the loop and its pasted rooms are the hero. */
.map-board-preview .map-hero{display:block;position:relative;isolation:isolate;margin:0 22px;padding:27px 0 20px;overflow:hidden}
.map-headline{text-align:center;position:relative;z-index:2}
.map-board-preview .map-headline .eyebrow{font-size:14px;margin:0 0 9px}
.map-board-preview .map-headline h1{font-size:clamp(42px,5.5vw,73px);line-height:1.08;letter-spacing:-.09em;margin:0;-webkit-text-stroke:.8px}
.map-board-preview .map-headline h1 br{display:none}
.map-board-preview .map-headline h1 span{font-size:1em;transform:rotate(-2deg);text-decoration-thickness:4px}
.map-board-preview .map-headline .tokyo-copy{font-size:17px;letter-spacing:.08em;margin:18px auto 0;transform:none}
.map-pinboard{position:relative;height:655px;margin:5px auto 0;max-width:1130px;background:repeating-linear-gradient(90deg,transparent 0 79px,#302e1d0b 80px,transparent 81px)}
.hero-loop{position:absolute;left:50%;top:0;transform:translateX(-50%);width:550px;height:640px;max-width:62%;object-fit:contain;opacity:1;filter:contrast(1.1);pointer-events:none}
.board-corner-label{position:absolute;left:2%;top:0;font-size:13px;line-height:1.5;transform:rotate(-6deg);border:2px solid #222;padding:8px 13px;background:#e8df45}.board-corner-label b{font-size:20px;letter-spacing:-.08em}
.hero-flyers{position:absolute;inset:0;pointer-events:none}
.hero-flyer{pointer-events:auto;position:absolute;width:29%;border:1px solid #26251f;background:#f5f1df;padding:10px 9px 8px;box-shadow:3px 4px 0 #2225;cursor:pointer;color:#161713;text-align:left;font-family:inherit;transition:transform .15s,box-shadow .15s}
.hero-flyer-1{left:1%;top:112px;transform:rotate(-5deg)}
.hero-flyer-2{right:1%;top:55px;transform:rotate(5deg)}
.hero-flyer-3{left:6%;top:375px;transform:rotate(3deg)}
.hero-flyer-4{right:4%;top:343px;transform:rotate(-4deg)}
.hero-flyer:hover{transform:rotate(0) translateY(-4px);box-shadow:5px 7px 0 #2225;z-index:3}
.hero-flyer:focus-visible{outline:4px solid #a92312;outline-offset:4px;z-index:4}
.flyer-tape{position:absolute;width:76px;height:24px;left:calc(50% - 38px);top:-13px;background:#ab955b99;transform:rotate(-7deg);clip-path:polygon(2% 0,100% 4%,97% 100%,0 96%);z-index:1}
.hero-flyer img{display:block;width:100%;height:auto;aspect-ratio:1.414;object-fit:contain;background:#fff;border:1px solid #888;filter:none}
.flyer-neighborhood{display:block;font-size:12px;font-weight:bold;border-bottom:2px solid #222;padding:0 0 5px;margin-bottom:5px}
.flyer-price{display:flex;align-items:baseline;font-family:Impact,'Arial Black',sans-serif;font-size:30px;font-weight:900;color:#a92312;line-height:1.15;margin-top:6px;gap:4px}
.flyer-price small{font-family:var(--sans);font-size:10px;color:#222}
.flyer-price>span{margin-left:auto;font-family:var(--sans);font-size:11px;color:#222;white-space:nowrap}
.map-price-note{position:absolute;left:50%;bottom:32px;transform:translateX(-50%) rotate(-5deg);width:260px;background:#e8df45;border:3px double #222;text-align:center;padding:9px 10px;box-shadow:3px 4px #2224;pointer-events:none}
.map-price-note small,.map-price-note>span{display:block;font-size:10px;font-weight:bold}.map-price-note strong{display:block;font-size:21px;letter-spacing:-.08em;line-height:1.3}.map-price-note b{font-family:Impact,'Arial Black',sans-serif;font-size:56px;color:#a92312;vertical-align:-3px}
.map-geography-note{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;margin:0;color:#45463c}
.map-hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px 24px;margin:13px 0 0}
.map-board-preview .map-hero-actions .ink-button{box-shadow:3px 3px #a92312;padding:13px 20px;font-size:14px}
.form-preview-button{background:#e8df45;border:2px solid #222;font-family:inherit;font-weight:bold;font-size:14px;padding:13px 19px;cursor:pointer;min-height:46px;box-shadow:2px 3px #2224}
.map-hero-actions>p{width:100%;text-align:center;font-size:12px;margin:0;font-weight:bold}
@media(max-width:900px){.map-pinboard{height:590px}.hero-loop{height:580px;width:480px;max-width:66%}.hero-flyer{width:31%}.hero-flyer-1{top:90px}.hero-flyer-3{top:315px;left:2%}.hero-flyer-4{top:310px;right:2%}.board-corner-label{font-size:11px;padding:6px}.board-corner-label b{font-size:16px}.map-price-note{bottom:30px;width:225px}.map-board-preview .map-headline h1 br{display:block}.map-board-preview .map-headline h1{font-size:57px}.map-board-preview .map-headline .tokyo-copy{font-size:15px}}
@media(max-width:580px){.map-board-preview .map-hero{margin:0 12px;padding-top:24px}.map-board-preview .map-headline .eyebrow{font-size:10px;letter-spacing:-.03em}.map-board-preview .map-headline h1{font-size:clamp(35px,10.5vw,54px);line-height:1.12;-webkit-text-stroke:.5px}.map-board-preview .map-headline .tokyo-copy{font-size:13px;margin-top:12px}.map-pinboard{height:750px;margin-top:8px}.hero-loop{width:380px;max-width:96%;height:490px;top:0}.board-corner-label{left:0;top:12px;font-size:9px;padding:4px 6px;line-height:1.3}.board-corner-label b{font-size:12px}.hero-flyer{width:44%;padding:7px 5px 5px}.hero-flyer-1{left:2%;top:290px;transform:rotate(-5deg)}.hero-flyer-2{right:1%;top:250px;transform:rotate(5deg)}.hero-flyer-3{left:3%;top:480px;transform:rotate(3deg)}.hero-flyer-4{right:2%;top:455px;transform:rotate(-4deg)}.flyer-neighborhood{font-size:10px;padding-bottom:3px;margin-bottom:3px}.flyer-price{font-size:25px;gap:2px;margin-top:4px}.flyer-price small{font-size:8px}.flyer-price>span{font-size:9px}.flyer-tape{width:53px;left:calc(50% - 26px);height:18px;top:-10px}.map-price-note{top:185px;bottom:auto;left:53%;width:190px;padding:5px;transform:translateX(-50%) rotate(-5deg)}.map-price-note strong{font-size:17px}.map-price-note b{font-size:37px}.map-price-note small,.map-price-note>span{font-size:8px}.map-geography-note{font-size:8px;bottom:0}.map-hero-actions{gap:12px;margin-top:18px}.map-board-preview .map-hero-actions .ink-button,.form-preview-button{font-size:12px;padding:12px 10px;gap:8px}.map-hero-actions>p{font-size:10px}}
@media(max-width:360px){.map-pinboard{height:615px}.hero-flyer-3{top:450px}.hero-flyer-4{top:435px}.flyer-price{font-size:21px}.flyer-price small{font-size:7px}}

@media(max-width:420px){.map-pinboard{height:665px}}
@media(max-width:360px){.map-pinboard{height:615px}}