.contact-hero{padding-block:90px 110px}.contact-hero h1{font:800 clamp(74px,10vw,145px)/.78 var(--display);letter-spacing:-7px;text-transform:uppercase;margin:0}.contact-hero h1 em{font-style:normal;color:var(--hot)}.contact-hero>p:last-child{max-width:650px;color:var(--muted);font-size:19px;margin:32px 0 0}.map-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center;padding-bottom:110px;scroll-margin-top:100px}.map-copy h2,.contact-grid h2{font:800 clamp(52px,6vw,84px)/.86 var(--display);letter-spacing:-3px;text-transform:uppercase;margin:0}.map-copy address{margin:26px 0 0;padding-left:18px;border-left:3px solid var(--hot);font-style:normal;color:#eee5dc;line-height:1.55}.map-copy address strong{font:700 23px var(--display);letter-spacing:.2px}.map-copy address span{color:var(--muted);font-size:15px}.map-copy>p:not(.eyebrow){color:var(--muted);margin:24px 0}.map-panel{min-width:0;border:1px solid var(--line);background:var(--surface);box-shadow:0 28px 80px #0007;transition:width .35s ease}.map-toolbar{min-height:70px;padding:14px 16px 14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.map-toolbar div{display:flex;flex-direction:column;gap:5px}.map-toolbar small{color:var(--hot);font:700 10px var(--code);letter-spacing:1.4px}.map-toolbar strong{font:700 18px var(--display)}.map-toggle{border:1px solid #76462f;background:#251b16;color:#f4e9df;padding:11px 15px;min-height:44px;font:700 11px var(--code);letter-spacing:.3px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.map-toggle:hover,.map-toggle:focus-visible{background:#38241a;border-color:var(--hot);transform:translateY(-1px)}.map-frame{height:390px;padding:9px;transition:height .4s ease}.map-panel.is-expanded{grid-column:1/-1}.map-panel.is-expanded .map-frame{height:min(72vh,720px)}.map-frame iframe{border:0;width:100%;height:100%;filter:saturate(.65) contrast(1.05)}.contact-section{padding-block:100px;border-block:1px solid var(--line);background:var(--surface)}.contact-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.contact-intro{max-width:410px;color:var(--muted);font-size:17px;line-height:1.7;margin-top:25px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.contact-cards a{min-height:190px;background:#1a1714;padding:25px;display:flex;flex-direction:column;transition:background .2s}.contact-cards a:hover{background:#29211c}.contact-cards small{color:var(--hot);font:700 9px var(--code);letter-spacing:1.2px}.contact-cards strong{font:700 clamp(20px,2vw,29px) var(--display);margin-top:18px;overflow-wrap:anywhere}.contact-cards span{margin-top:auto;color:var(--muted);font:700 11px var(--code)}.contact-nav{display:flex;gap:25px;font:700 11px var(--code)}
@media(max-width:980px){.contact-nav{display:flex!important;position:static!important;padding:0!important;border:0!important;flex-direction:row!important}.map-section,.contact-grid{grid-template-columns:1fr}.contact-hero h1{font-size:93px}.map-frame{height:430px}.map-panel.is-expanded{grid-column:auto}.map-panel.is-expanded .map-frame{height:min(70vh,640px)}}
@media(max-width:650px){.contact-nav a:not(:first-child){display:none}.contact-hero{padding-block:55px 70px}.contact-hero h1{font-size:58px;letter-spacing:-3px}.contact-hero>p:last-child{font-size:16px}.map-section{gap:35px;padding-bottom:65px}.map-panel{margin-inline:-14px;border-inline:0}.map-toolbar{align-items:flex-start}.map-toolbar strong{font-size:16px}.map-toggle{padding-inline:12px}.map-frame{height:310px}.map-panel.is-expanded .map-frame{height:68vh}.contact-section{padding-block:60px}.contact-grid{gap:35px}.contact-cards{grid-template-columns:1fr}.contact-cards a{min-height:155px}}
.map-frame{position:relative;display:block;overflow:hidden;transition:none}.map-frame iframe{pointer-events:none;filter:saturate(.58) contrast(1.09) brightness(.8)}.map-panel.is-expanded{grid-column:auto}.map-panel.is-expanded .map-frame{height:390px}.venue-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;z-index:2;filter:drop-shadow(0 0 8px #ff6a26) drop-shadow(0 0 22px #ff6a26)}.venue-pin i{display:block;width:34px;height:34px;border:8px solid #ff7a32;background:#a8d676;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 0 4px #201611,0 0 20px #ff7a32;animation:venue-pin-glow 1.7s ease-in-out infinite}.venue-pin b{margin-top:13px;padding:7px 10px;background:#17110edb;border:1px solid #ff7a32;color:#fff;font:800 11px var(--code);letter-spacing:.6px;white-space:nowrap;text-transform:uppercase}.map-open-hint{position:absolute;right:20px;bottom:18px;padding:9px 11px;background:#17110ee8;border:1px solid #a8d676;color:#dfffb9;font:700 10px var(--code);letter-spacing:.4px;z-index:2}.map-link:hover iframe{filter:saturate(.72) contrast(1.1) brightness(.9)}@keyframes venue-pin-glow{0%,100%{filter:brightness(.95);transform:rotate(-45deg) scale(1)}50%{filter:brightness(1.4);transform:rotate(-45deg) scale(1.09)}}
@media(max-width:980px){.map-panel.is-expanded .map-frame{height:430px}}
@media(max-width:650px){.map-panel.is-expanded .map-frame{height:310px}.map-open-hint{right:14px;bottom:14px}.venue-pin{top:52%}}
.map-frame iframe{filter:saturate(.7) contrast(1.06) brightness(.92)}.map-link{position:absolute;inset:9px;display:block;z-index:2}.venue-pin,.map-open-hint{opacity:.6}
.contact-cards>.pending-social{min-height:190px;background:#1a1714;padding:25px;display:flex;flex-direction:column}.contact-cards>.pending-social small{color:var(--hot);font:700 9px var(--code);letter-spacing:1.2px}.contact-cards>.pending-social strong{font:700 clamp(20px,2vw,29px) var(--display);margin-top:18px}.contact-cards>.pending-social span{margin-top:auto;color:var(--muted);font:700 11px var(--code)}
.contact-form{margin-top:18px;background:#1a1714;border:1px solid var(--line);padding:22px}.contact-form .eyebrow{margin-bottom:16px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:6px;color:var(--muted);font:700 10px var(--code);letter-spacing:.8px;text-transform:uppercase}.contact-form-wide{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;background:#171412;border:1px solid #51453d;color:var(--ink);padding:10px 11px;font:400 14px var(--body);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--hot);border-color:var(--hot)}.contact-form .button{margin-top:15px;min-height:42px}
.contact-grid>div:last-child{display:contents}.contact-form{grid-column:1/-1}
.contact-form .eyebrow{font-size:0}.contact-form .eyebrow:after{content:"SKICKA MEDDELANDE";font-size:11px}
.contact-sent{border:1px solid #83ff4f;background:#171c16;color:var(--ink);padding:22px 26px;box-shadow:0 16px 50px #000b}.contact-sent::backdrop{background:#0008}.contact-sent strong{display:block;color:#83ff4f;font:800 22px var(--display);text-transform:uppercase}.contact-sent button{margin-top:16px;background:transparent;border:1px solid #83ff4f;color:#83ff4f;padding:8px 12px;cursor:pointer}
@media(max-width:650px){.contact-cards>.pending-social{min-height:155px}}
.map-frame{background:#d8d1bd}.map-frame iframe{display:none}.map-fallback{position:absolute;z-index:2;inset:9px;overflow:hidden;background:linear-gradient(32deg,transparent 0 43%,#d7b37a 43% 46%,transparent 46%),linear-gradient(108deg,transparent 0 51%,#e7dfca 51% 56%,transparent 56%),repeating-linear-gradient(0deg,#c7d1b2 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#c7d1b2 0 1px,transparent 1px 54px),#dce2cc;color:#52584c}.map-fallback:before,.map-fallback:after{content:"";position:absolute;background:#f4eee0;border:2px solid #b7a88e;border-radius:999px}.map-fallback:before{width:125%;height:25px;left:-12%;top:48%;transform:rotate(-8deg)}.map-fallback:after{width:24px;height:130%;left:58%;top:-15%;transform:rotate(12deg)}.fallback-district,.fallback-street{position:absolute;z-index:1;font-family:var(--code);letter-spacing:1px}.fallback-district{left:7%;top:10%;font-size:20px;font-weight:900;color:#64705a}.fallback-street{padding:3px 6px;background:#e7e1d3c7;font-size:8px;font-weight:800}.street-main{left:28%;top:44%;transform:rotate(-8deg)}.street-cross{left:61%;top:24%;transform:rotate(12deg)}.street-park{right:7%;bottom:10%;color:#5b7851;background:#c7dbb7d9}.map-link{z-index:3}
.map-frame{padding:9px;background:#171412}.map-frame iframe{position:relative;display:block;pointer-events:auto;width:100%;height:100%;filter:saturate(.82) contrast(1.02);background:#ddd}.map-fallback,.map-link{display:none}

/* Keep a useful map visible when Google's third-party embed is blocked or slow. */
.map-frame iframe{display:none!important}
.map-frame .map-fallback{display:block!important;text-decoration:none;color:inherit;cursor:pointer}
.map-frame:before{content:"YEA PINBALL";position:absolute;left:calc(14.7% - 72px);top:calc(18% - 3mm);z-index:5;display:flex;align-items:center;width:145px;height:48px;padding-left:50px;box-sizing:border-box;background:#111a12e8 url('/yea-pinball-logo-instagram.webp') 7px center/34px 34px no-repeat;border:1px solid #83ff4f;box-shadow:0 0 14px #83ff4f88;color:#83ff4f;font:900 14px var(--display);letter-spacing:.4px;text-transform:uppercase;text-shadow:0 0 10px #83ff4f;opacity:.6;pointer-events:none}
.map-frame:after{display:none!important}
.map-frame .venue-arrow{display:none!important}
.walk-info{color:var(--acid)!important;font-weight:700}
.venue-arrow{position:absolute;right:18%;bottom:20%;z-index:3;display:flex;align-items:center;gap:8px;filter:drop-shadow(0 3px 5px #0008)}.venue-arrow i{display:block;width:38px;height:38px;border-right:5px solid #f26a2b;border-bottom:5px solid #f26a2b;transform:rotate(45deg)}.venue-arrow b{padding:7px 9px;background:#201612e8;border:1px solid #f26a2b;color:#fff1e7;font:800 9px var(--code);letter-spacing:.7px;white-space:nowrap}.venue-arrow:before{content:"";position:absolute;left:-18px;top:17px;width:44px;height:4px;background:#f26a2b;transform:rotate(-45deg);transform-origin:right center;box-shadow:0 0 10px #f26a2b}.venue-arrow i{box-shadow:0 0 12px #f26a2b}
@media(max-width:650px){.venue-arrow{right:8%;bottom:18%;transform:scale(.84);transform-origin:right bottom}}

/* Keep the fallback map straight and readable at every size. */
.map-frame .map-fallback{background:repeating-linear-gradient(0deg,transparent 0 54px,#b8c9b2 54px 57px),repeating-linear-gradient(90deg,transparent 0 74px,#b8c9b2 74px 77px),#dce5d4}
.map-frame .map-fallback{background-image:url('/media/google-maps-yea.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.map-frame .map-fallback:before,.map-frame .map-fallback:after{display:none}
.map-frame .map-fallback>.fallback-district,.map-frame .map-fallback>.fallback-street{display:none}
.map-frame .map-fallback:before{width:120%;height:20px;left:-10%;top:55%;transform:none;background:#f4eee0;border:2px solid #b7a88e}
.map-frame .map-fallback:after{width:20px;height:120%;left:62%;top:-10%;transform:none;background:#f4eee0;border:2px solid #b7a88e}
.map-direct-overlay{position:absolute;z-index:4;right:22px;bottom:22px;padding:10px 13px;border:1px solid #ff7a32;background:#17110eee;color:#fff;font:800 10px var(--code);letter-spacing:.5px;box-shadow:0 5px 18px #0008}.map-direct-overlay:hover{background:#ff7a32;color:#160e0a}
.contact-form{display:none!important}