/* ==========================================================================
   Block adapter
   The page stylesheets are the originals from the static site. WordPress wraps
   content in its own block markup (figure around images, <p> instead of <span>,
   button blocks, details blocks …). These rules bridge the difference so the
   pages look the same as before, and keep editor-made changes on-brand.
   ========================================================================== */

/* accessibility + WordPress admin bar */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:var(--petrol-900);padding:10px 16px;border-radius:4px;font-weight:600;text-decoration:none}
.skip-link:focus{left:12px;top:12px}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
@media(max-width:600px){.admin-bar .nav{top:0}}
.navlinks li{list-style:none}

/* ---------- images: WordPress puts every image in a <figure> ---------- */
/* zero specificity: removes the browser's default figure margin without overriding the page styles */
:where(figure.wp-block-image){margin:0}
.wp-block-image img{vertical-align:top}
/* images that fill their frame (absolute + cover) must keep height:100% */
:is(.phero-art,.wd-art,.bandart,.svc-photo,.work-art,.whyart) .wp-block-image img,
.wp-block-image:is(.phero-art,.wd-art,.bandart,.svc-photo,.work-art) img{height:100%}
.person-line .wp-block-image img{width:78px;height:78px}
@media(max-width:900px){
  .whyart .wp-block-image img,.who-art .wp-block-image img{height:auto}
}
/* show a different image on phones / desktops */
@media(min-width:901px){.only-mobile{display:none!important}}
@media(max-width:900px){.only-desktop{display:none!important}}

/* ---------- text blocks that used to be <span>/<div> ---------- */
.eyebrow.dk{color:var(--petrol-700)}
.cta p.eyebrow{color:var(--gold);max-width:none;margin:0 0 18px;font-size:12.5px}
.phero-grid p.eyebrow{color:var(--gold);font-size:12.5px}
.gm-layout-index p.eyebrow{margin-bottom:16px}
mark.has-inline-color{background:transparent}

/* home: fact band, cards, people, contact */
.fact p{margin:0}
.fact .fact-num{font-family:var(--serif);font-size:30px;color:var(--gold);line-height:1.1}
.fact .fact-label{font-size:14px;line-height:28px;color:rgba(255,255,255,.75)}
.card p.more{margin-bottom:0}
.card .more a{text-decoration:none;color:inherit}
.person p.pname{font-size:16px;font-weight:600;margin:0}
.person-line p{margin:0}
.person-line .wp-block-image{flex:0 0 auto}
.person-line .pl-name{font-size:16px;font-weight:600;color:#fff}
.person-line .pl-note{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.5;margin-top:3px}
.contact-title{font-size:clamp(28px,3.4vw,42px);max-width:18ch}
.contact-lines a{color:inherit;text-decoration:none}
.contact-lines a:hover{text-decoration:underline}
.faq-list{margin-top:20px}
.mt-34{margin-top:34px;margin-bottom:1.1rem}

/* about */
.prompts p.prompt{margin:0}
p.prompts-label,p.items-label{margin-bottom:0}

/* services */
.svc-head p.num{margin:0}
.item.wide{grid-column:1/-1}
.phero-grid p.intro-1{margin-top:28px}
.phero-grid p.intro-2{margin-bottom:0}

/* team: language chips, name chips */
ul.langs{list-style:none;padding:0}
.langs li{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 13px}
p.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0}

/* quotes in the photo bands */
.band blockquote p{margin:0}
.band blockquote p.q2{margin-top:16px}

/* ---------- FAQ (details blocks) ---------- */
details.wp-block-details > p{font-size:16.5px;color:var(--ink-soft);margin-bottom:.9rem;max-width:72ch}
details.wp-block-details > p:last-child{margin-bottom:0}
details.wp-block-details[open]{padding-bottom:16px}
.gm-layout-faq details.wp-block-details > p{max-width:74ch}
.gm-layout-faq details.wp-block-details[open]{padding-bottom:22px}
details.wp-block-details > :is(ul,ol){color:var(--ink-soft);font-size:16.5px;margin:0 0 .9rem}

/* ---------- buttons (Button block styles: Gold / Outline on dark / Outline on light) ---------- */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.wp-block-buttons > .wp-block-button{margin:0}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;height:auto;border-radius:4px;font-family:var(--sans);font-size:15px;font-weight:500;line-height:1.65;padding:13px 24px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s;background:var(--petrol-900);color:#fff;word-break:normal}
.wp-block-button .wp-block-button__link:hover{background:var(--petrol-700)}
.wp-block-button.is-style-gold .wp-block-button__link{background:var(--gold);color:var(--petrol-900)}
.wp-block-button.is-style-gold .wp-block-button__link:hover{background:var(--gold-soft)}
.wp-block-button.is-style-outline-light .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover{background:rgba(255,255,255,.1)}
.wp-block-button.is-style-outline-dark .wp-block-button__link{background:transparent;border-color:var(--petrol-900);color:var(--petrol-900)}
.wp-block-button.is-style-outline-dark .wp-block-button__link:hover{background:var(--petrol-900);color:#fff}
.herobanner-cta .wp-block-button .wp-block-button__link{padding:10px 18px;font-size:14px}

/* ---------- contact form ---------- */
.gm-contact-form .gm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.gm-contact-form{position:relative}
.gm-contact-form .form-status{padding:14px 16px;border-radius:4px;font-size:15px;line-height:1.5}
.gm-contact-form .form-ok{background:rgba(217,164,65,.16);border:1px solid var(--gold);color:#fff}
.gm-contact-form .form-error{background:rgba(220,80,60,.16);border:1px solid #e0826f;color:#fff}
.gm-contact-form .consent label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;margin:0}
.gm-contact-form .consent input{width:auto;margin-top:3px;flex:0 0 auto}
.gm-contact-form .consent a{color:var(--gold-soft)}

/* ---------- footer ---------- */
.footer-inner{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0}
.footer-links a{color:rgba(255,255,255,.72);text-decoration:none}
.footer-links a:hover{color:#fff;text-decoration:underline}


/* Footer social icons */
.footer-end{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.footer-social{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line-dark,rgba(255,255,255,.16));border-radius:50%;color:rgba(255,255,255,.72);transition:color .2s ease,border-color .2s ease,background-color .2s ease}
.footer-social a:hover,.footer-social a:focus-visible{color:var(--gold,#D9A441);border-color:var(--gold,#D9A441);background:rgba(217,164,65,.08)}
.footer-social a:focus-visible{outline:2px solid var(--gold,#D9A441);outline-offset:2px}
.footer-social svg{width:15px;height:15px;display:block}