/*
Theme Name: Pixel des Cimes
Theme URI: https://example.com/pixel-des-cimes
Author: Pixel des Cimes
Description: Thème WordPress sur mesure pour une activité de communication digitale dans les Hautes-Alpes et les environs.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pixel-des-cimes
*/

:root{--slate:#6096B4;--glacier:#93BFCF;--mist:#BDCDD6;--sand:#EEE9DA;--ink:#183342;--white:#fffdf7;--line:rgba(24,51,66,.16);--shadow:6px 6px 0 var(--ink);--font-code:'Fira Code',monospace;--font-body:'Open Sans',sans-serif;--font-note:'Caveat',cursive;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.7 var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#28536b}button,input,textarea{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:white;padding:10px;z-index:99}.skip-link:focus{left:8px}.site-header{position:relative;z-index:5;background:var(--sand);border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 17px/1.2 var(--font-code);letter-spacing:-1px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--slate);color:var(--sand);box-shadow:4px 4px 0 var(--ink);font-size:19px}.brand small{display:block;color:var(--slate);font:500 9px var(--font-code);letter-spacing:1.2px;text-transform:uppercase;margin-top:5px}.primary-nav ul{list-style:none;display:flex;align-items:center;gap:27px;margin:0;padding:0}.primary-nav a{text-decoration:none;font-size:13px;font-weight:700}.primary-nav a:hover,.primary-nav .current-menu-item>a{color:#386985}.primary-nav .menu-contact>a{background:var(--slate);color:white;padding:12px 17px;box-shadow:3px 3px 0 var(--ink)}.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:8px 11px;color:var(--ink);font:600 12px var(--font-code)}.hero{padding:76px 0 66px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px}.eyebrow{font:600 11px var(--font-code);letter-spacing:1.5px;text-transform:uppercase;color:#386985}.eyebrow:before{content:'// ';color:var(--slate)}h1,h2,h3,h4{font-family:var(--font-code);line-height:1.2;letter-spacing:-1.5px}h1{font-size:clamp(38px,5.1vw,66px);margin:15px 0 21px;max-width:720px}h1 em{font-style:normal;color:var(--slate)}.hero-copy{font-size:18px;max-width:570px;color:#38505c}.button{display:inline-flex;align-items:center;gap:12px;background:var(--slate);color:white;text-decoration:none;padding:14px 20px;font-size:13px;font-weight:700;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{color:white;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button.secondary{background:transparent;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:29px}.hero-art{position:relative;min-height:350px;background:var(--glacier);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);display:grid;place-items:center;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:15px 15px;opacity:.12}.hero-art img{position:relative;z-index:1;width:94%;image-rendering:pixelated}.hero-stamp{position:absolute;z-index:2;right:18px;bottom:16px;background:var(--sand);border:2px solid var(--ink);padding:8px 12px;font:600 10px var(--font-code);transform:rotate(-4deg)}.section{padding:76px 0}.section-tint{background:#e2e8e4}.section-dark{background:var(--ink);color:var(--sand)}.section-heading{max-width:650px;margin-bottom:35px}.section-heading h2{font-size:clamp(28px,3.4vw,42px);margin:10px 0 12px}.section-heading p{color:#4b626d}.section-dark .section-heading p{color:#bdcbd0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--white);border:1px solid var(--ink);padding:25px;box-shadow:5px 5px 0 var(--mist)}.card-index{font:600 11px var(--font-code);color:var(--slate)}.card h3{font-size:19px;margin:17px 0 10px}.card p{font-size:14px;color:#4b626d;margin:0}.card-link{display:inline-block;margin-top:18px;font-size:12px;font-weight:700}.note{font:24px var(--font-note);color:#386985}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split h2{font-size:clamp(28px,3.5vw,42px);margin:11px 0 17px}.pixel-panel{background:var(--mist);padding:30px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.pixel-panel img{width:100%;max-height:300px;object-fit:contain;image-rendering:pixelated}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border:1px solid var(--ink);background:var(--white);overflow:hidden}.post-card>a{text-decoration:none}.post-card .thumb{aspect-ratio:16/9;background:var(--mist);overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-body{padding:20px}.post-meta{font:10px var(--font-code);color:#527386;text-transform:uppercase;letter-spacing:.7px}.post-body h3{font-size:17px;margin:10px 0}.post-body p{font-size:13px;color:#4b626d}.cta-band{padding:43px;background:var(--slate);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(24px,3vw,34px);margin:0 0 8px}.cta-band p{margin:0}.cta-band .button{background:var(--sand);color:var(--ink);white-space:nowrap}.page-hero{padding:65px 0 45px;background:var(--glacier);border-bottom:2px solid var(--ink)}.page-hero h1{font-size:clamp(36px,5vw,56px);margin-bottom:10px}.content-layout{padding:55px 0 80px;max-width:820px}.entry-content>*{max-width:100%}.entry-content h2{font-size:28px;margin-top:1.7em}.entry-content h3{font-size:21px}.entry-content img{border:1px solid var(--line)}.entry-content blockquote{margin:28px 0;padding:10px 24px;border-left:4px solid var(--slate);font:26px var(--font-note)}.article-meta{font:11px var(--font-code);color:#527386}.article-featured{margin:28px 0}.article-featured img{width:100%;max-height:520px;object-fit:cover}.pagination{display:flex;gap:10px;margin-top:35px}.pagination a,.pagination span{padding:8px 13px;background:var(--white);border:1px solid var(--ink);text-decoration:none}.site-footer{background:var(--ink);color:var(--sand);padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.site-footer h2,.site-footer h3{font-size:14px;letter-spacing:0}.site-footer p,.site-footer li{font-size:13px;color:#cad4d4}.site-footer a{color:inherit}.footer-nav ul,.footer-widgets ul{list-style:none;margin:0;padding:0}.footer-nav li,.footer-widgets li{margin:8px 0}.footer-bottom{border-top:1px solid #536872;margin-top:38px;padding-top:17px;font:10px var(--font-code);color:#bdcbd0;display:flex;justify-content:space-between;gap:20px}.contact-form{display:grid;gap:17px;margin-top:25px}.contact-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid var(--ink);background:var(--white);color:var(--ink)}.contact-form textarea{min-height:150px;resize:vertical}.form-notice{padding:12px 15px;background:#dbe9de;border:1px solid #42684a;margin-bottom:18px}.form-error{background:#f7d8d3;border-color:#9b4438}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alignwide{max-width:var(--wrap);margin-inline:auto}.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
@media(max-width:800px){.header-inner{min-height:72px}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--sand);border-bottom:2px solid var(--ink);padding:18px 20px}.primary-nav.is-open{display:block}.primary-nav ul{display:flex;align-items:stretch;flex-direction:column;gap:0}.primary-nav li a{display:block;padding:12px 0}.primary-nav .menu-contact>a{display:inline-block;padding:11px 15px}.hero{padding:52px 0}.hero-grid{grid-template-columns:1fr;gap:37px}.hero-art{min-height:270px}.cards,.post-grid{grid-template-columns:1fr 1fr}.split{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.wrap{width:min(var(--wrap),calc(100% - 30px))}.hero-art{min-height:220px}.hero-copy{font-size:16px}.section{padding:55px 0}.cards,.post-grid,.split,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta-band{padding:26px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.brand{font-size:14px}.brand-mark{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand-logo{width:48px;height:48px;object-fit:contain;image-rendering:auto}.custom-logo-link{display:flex;align-items:center;max-width:260px}.custom-logo-link img{display:block;width:auto;height:auto;max-width:240px;max-height:64px;object-fit:contain}.site-footer .custom-logo-link img{max-height:56px}

/* Logo recadré pour une meilleure lisibilité dans l'en-tête. */
.brand-logo{width:70px;height:62px;object-fit:contain}.site-footer .brand-logo{width:62px;height:54px}@media(max-width:560px){.brand-logo{width:60px;height:54px}}

/* Services page: clearer rhythm and scannable service cards. */
.page-services .content-layout{max-width:980px;padding-top:42px}
.page-services .entry-content{counter-reset:service-section}
.page-services .entry-content>p:first-child{max-width:850px;margin:0 auto 42px;padding:24px 28px;background:var(--white);border:1px solid var(--line);border-left:6px solid var(--slate);box-shadow:5px 5px 0 var(--mist);font-size:18px;line-height:1.75}
.page-services .entry-content h2{display:flex;align-items:center;gap:14px;margin:46px 0 14px;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.8px}
.page-services .entry-content h2:before{counter-increment:service-section;content:'0' counter(service-section);flex:none;display:grid;place-items:center;width:40px;height:40px;background:var(--slate);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--white);font:600 12px var(--font-code);letter-spacing:0}
.page-services .entry-content h2+p{max-width:760px;color:#4b626d}
.page-services .entry-content ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 38px;padding:0;list-style:none}
.page-services .entry-content li{position:relative;margin:0;padding:14px 16px 14px 40px;background:var(--white);border:1px solid var(--line);box-shadow:3px 3px 0 rgba(189,205,214,.75);font-size:14px}
.page-services .entry-content li:before{content:'✓';position:absolute;left:15px;top:13px;color:#386985;font-weight:700}
.page-services .entry-content h2:last-of-type{margin-top:52px}
@media(max-width:600px){.page-services .entry-content>p:first-child{padding:20px;font-size:16px}.page-services .entry-content ul{grid-template-columns:1fr;gap:9px}.page-services .entry-content h2{margin-top:36px}}

.services-overview{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:800px){.services-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.services-overview{grid-template-columns:1fr}}

/* The homepage portrait keeps the complete pixel-art scene visible at every size. */
.hero-art-portrait{aspect-ratio:1.14;min-height:0;padding:8px}
.hero-art-portrait img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.about-photo{margin:0 0 42px}
.about-photo img{width:100%;height:auto;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--mist)}
@media(max-width:800px){.hero-art-portrait{min-height:0}}

/* More mountain relief and pixel accents, kept behind the readable content. */
.hero{position:relative;isolation:isolate}
.hero-grid{position:relative;z-index:1}
.hero .eyebrow:after{content:"";display:inline-block;width:6px;height:6px;margin-left:9px;background:var(--glacier);box-shadow:8px 0 var(--mist),0 8px var(--slate),16px 8px var(--glacier);vertical-align:middle}
.hero-art{outline:5px solid rgba(147,191,207,.35);outline-offset:5px}
.home-services,.home-approach{position:relative;isolation:isolate;overflow:hidden}
.home-services:after,.home-approach:after{content:"";position:absolute;z-index:-1;bottom:0;width:min(520px,55vw);height:130px;background:url("assets/images/mountain-ridge.svg") center bottom/contain no-repeat;opacity:.24;pointer-events:none}
.home-services:after{right:0}
.home-approach:after{left:0;transform:scaleX(-1);opacity:.16}
.home-services>.wrap,.home-approach>.wrap{position:relative;z-index:1}
.home-services .card{position:relative;overflow:hidden}
.home-services .card:after{content:"";position:absolute;top:15px;right:15px;width:7px;height:7px;background:var(--glacier);box-shadow:9px 0 var(--mist),18px 0 var(--slate),0 9px var(--slate),18px 9px var(--glacier),9px 18px var(--mist);opacity:.75}
.pixel-panel{position:relative;overflow:hidden}
.pixel-panel:after{content:"";position:absolute;right:8px;bottom:8px;width:8px;height:8px;background:var(--sand);box-shadow:12px 0 var(--glacier),24px 0 var(--slate),0 12px var(--slate),24px 12px var(--sand);opacity:.9}
@media(max-width:560px){.home-services:after,.home-approach:after{width:90vw;height:90px;opacity:.14}.hero-art{outline-width:3px;outline-offset:3px}}

.credential-badge{display:inline-flex;align-items:center;gap:11px;margin-top:15px;padding:10px 14px;background:var(--sand);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left}
.credential-badge-icon{flex:0 0 30px;width:30px;height:30px;color:#386985}
.credential-badge strong,.credential-badge small{display:block}
.credential-badge strong{font:600 12px/1.35 var(--font-code)}
.credential-badge small{margin-top:3px;font-size:11px;color:#4b626d}
.about-credential{margin:42px 0;padding:26px;background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--mist)}
.about-credential-head{display:flex;align-items:center;gap:15px}
.credential-seal{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;background:var(--glacier);border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.credential-seal svg{width:32px;height:32px}
.credential-kicker{font:600 10px var(--font-code);letter-spacing:1.2px;text-transform:uppercase;color:#386985}
.about-credential h2{margin:5px 0 0!important;font-size:clamp(20px,2.5vw,27px)!important}
.about-credential>p{margin:22px 0 16px;color:#38505c}
.credential-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.credential-skills li{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#edf2f0;border:1px solid var(--line);font-size:12px;font-weight:600}
.credential-skills li .skill-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;background:var(--glacier);color:var(--ink);border:1px solid var(--ink)}
.skill-icon svg{display:block;width:16px;height:16px}
@media(max-width:560px){.about-credential{padding:19px}.credential-skills{grid-template-columns:1fr}.credential-seal{flex-basis:46px;width:46px;height:46px}}

/* A few animated pixel sparks in the homepage illustration. */
.hero-art:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:15px 15px;opacity:.12;pointer-events:none}
.hero-art:after{content:"";position:absolute;inset:auto 9% 25% auto;z-index:2;width:7px;height:7px;background:var(--sand);background-image:none;box-shadow:12px 0 var(--glacier),24px 0 var(--slate),0 12px var(--slate),24px 12px var(--sand),12px 24px var(--glacier);opacity:1;animation:pdc-pixel-float 5s ease-in-out infinite;pointer-events:none}
@keyframes pdc-pixel-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-7px,-10px,0)}}
@media (hover:hover) and (pointer:fine){body{cursor:url("assets/images/pixel-cursor.png") 13 2,auto}a,button,[role=button],input[type=submit],input[type=button],summary{cursor:url("assets/images/pixel-cursor-hand.png") 13 2,pointer}}
@media(prefers-reduced-motion:reduce){.hero-art:after{animation:none!important}}

.home-services,.home-approach,.cta-band{position:relative}
.pdc-scroll-pixels{position:absolute;z-index:3;top:22px;right:25px;width:7px;height:7px;opacity:0;transform:translate3d(5px,12px,0) scale(.65);pointer-events:none}
.home-services>.pdc-scroll-pixels{background:var(--slate);box-shadow:12px 0 var(--glacier),24px 0 var(--mist),0 12px var(--glacier),24px 12px var(--slate),12px 24px var(--mist)}
.home-approach>.pdc-scroll-pixels{background:var(--glacier);box-shadow:12px 0 var(--slate),24px 0 var(--mist),0 12px var(--sand),24px 12px var(--glacier),12px 24px var(--slate)}
.cta-band>.pdc-scroll-pixels{top:14px;right:18px;background:var(--sand);box-shadow:12px 0 var(--glacier),24px 0 var(--sand),0 12px var(--glacier),24px 12px var(--sand)}
.pixels-in-view>.pdc-scroll-pixels{animation:pdc-scroll-pixel-burst 1.15s cubic-bezier(.2,.7,.25,1) both}
@keyframes pdc-scroll-pixel-burst{0%{opacity:0;transform:translate3d(7px,14px,0) scale(.65)}35%{opacity:1}75%{transform:translate3d(-3px,-4px,0) scale(1.08)}100%{opacity:.9;transform:translate3d(0,0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.pixels-in-view>.pdc-scroll-pixels{animation:none;opacity:.8;transform:none}}

/* Soft, pixel-shaped lights drifting behind the homepage introduction. */
.hero{overflow:hidden}
.hero .pdc-ambient-light{position:absolute;z-index:0;left:var(--light-x);top:var(--light-y);width:5px;height:5px;background:var(--glacier);opacity:0;pointer-events:none;box-shadow:8px 0 var(--mist),0 8px var(--slate),8px 8px var(--glacier);filter:drop-shadow(0 0 7px rgba(96,150,180,.52));animation:pdc-ambient-drift var(--light-duration) ease-in-out var(--light-delay) infinite}
.hero .pdc-ambient-light:nth-of-type(even){background:var(--sand);box-shadow:8px 0 var(--glacier),0 8px var(--mist),8px 8px var(--slate);filter:drop-shadow(0 0 8px rgba(147,191,207,.65))}
@keyframes pdc-ambient-drift{0%{opacity:0;transform:translate3d(0,12px,0) scale(.7)}18%{opacity:.7}50%{opacity:.42;transform:translate3d(12px,-14px,0) scale(1)}82%{opacity:.65}100%{opacity:0;transform:translate3d(-7px,-32px,0) scale(.75)}}
@media(max-width:560px){.hero .pdc-ambient-light:nth-of-type(n+5){display:none}.hero .pdc-ambient-light{filter:drop-shadow(0 0 5px rgba(96,150,180,.45))}}
@media(prefers-reduced-motion:reduce){.hero .pdc-ambient-light{display:none!important;animation:none!important}}
.contact-privacy-note{max-width:620px;margin:0;color:#4b626d;font-size:12px;line-height:1.6}
.contact-privacy-note a{font-weight:700;color:#386985}

/* Make the custom-quote information easy to spot on the Services page. */
.page-services .entry-content p:has(> strong:first-child){position:relative;margin:50px 0 14px!important;padding:17px 22px;background:var(--white);border:1px solid var(--ink);border-left:6px solid var(--slate);box-shadow:5px 5px 0 var(--mist);font:600 17px/1.45 var(--font-code);color:var(--ink)}
.page-services .entry-content p:has(> strong:first-child):after{content:"DEVIS SUR MESURE";display:inline-block;margin-left:12px;padding:4px 7px;background:#e2e8e4;color:#386985;font:600 9px/1.4 var(--font-code);letter-spacing:.7px;vertical-align:middle}
.services-quote-cta{margin:24px 0 48px}
@media(max-width:560px){.page-services .entry-content p:has(> strong:first-child){padding:15px 17px;font-size:15px}.page-services .entry-content p:has(> strong:first-child):after{display:table;margin:9px 0 0}}
.phone-icon{display:block;width:17px;height:26px;flex:none;image-rendering:pixelated}
.card-index{letter-spacing:.3px}

/* Hand-drawn 8-bit service icons and a few quiet collectibles. */
.home-services .service-card:after{display:none}
.service-card-top{display:flex;align-items:center;justify-content:space-between;min-height:42px}
.service-icon{width:38px;height:38px;image-rendering:pixelated;transition:transform .18s steps(3,end)}
.service-card:hover .service-icon{transform:translateY(-3px) scale(1.08)}
.hidden-pickup{position:absolute;z-index:2;width:22px;height:22px;object-fit:contain;image-rendering:pixelated;opacity:.72;pointer-events:none;filter:drop-shadow(2px 2px 0 rgba(23,55,70,.18));animation:pdc-pickup-float 4.8s ease-in-out infinite}
.home-services>.hidden-pickup{right:34px;bottom:37px;width:17px;height:17px;transform:rotate(-9deg)}
.pixel-panel .hidden-pickup{right:17%;top:13%;width:20px;height:20px;animation-delay:-1.7s}
.section-tint:not(.home-services)>.hidden-pickup{right:8%;top:38px;width:16px;height:16px;animation-delay:-2.8s}
.cta-band>.hidden-pickup{right:22px;bottom:17px;width:22px;height:15px;opacity:.78;animation-delay:-.9s}
@keyframes pdc-pickup-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(hover:hover){.hidden-pickup{opacity:.48;transition:opacity .2s,scale .2s}.home-services:hover>.hidden-pickup,.home-approach:hover .hidden-pickup,.section-tint:hover>.hidden-pickup,.cta-band:hover>.hidden-pickup{opacity:.92;scale:1.12}}
@media(max-width:560px){.service-icon{width:34px;height:34px}.hidden-pickup{width:16px;height:16px}.home-services>.hidden-pickup{right:20px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.hidden-pickup{animation:none!important}.service-icon{transition:none}}

.section-tint:not(.home-services){position:relative;overflow:hidden}


/* France locator styled like a compact retro game map. */
.pdc-map-panel{padding:0;background:#dce8e6;overflow:hidden}
.map-window-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;background:var(--ink);color:var(--sand);font:600 10px var(--font-code);letter-spacing:.8px}
.map-window-lights{color:var(--glacier);font-size:9px;letter-spacing:2px;white-space:nowrap}
.map-art{position:relative;display:grid;place-items:center;min-height:300px;padding:20px 35px;background-color:#c7dfe3;background-image:linear-gradient(rgba(24,51,66,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(24,51,66,.08) 1px,transparent 1px);background-size:16px 16px}
.map-art:before{content:'N';position:absolute;top:14px;left:16px;padding:4px 7px;border:1px solid rgba(24,51,66,.45);background:rgba(238,233,218,.85);font:700 10px var(--font-code)}
.map-art img{width:min(100%,520px);height:auto;max-height:none;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(5px 5px 0 rgba(24,51,66,.17))}
.map-location{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:13px 17px;background:var(--sand);border-top:2px solid var(--ink)}
.map-location-marker{display:grid;place-items:center;width:27px;height:27px;flex:none;background:var(--slate);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--white);font-size:13px}
.map-location strong,.map-location small{display:block}
.map-location strong{font:700 11px var(--font-code);letter-spacing:.3px}
.map-location small{margin-top:3px;color:#4b626d;font-size:11px}
.pdc-map-panel .hidden-pickup{top:53px;right:15px;z-index:2}
@media(max-width:560px){.map-art{min-height:250px;padding:15px}.map-art img{height:auto}}