/*
Theme Name: Visser Schaap & Kreijger
Theme URI: https://www.ipmc.nl/
Author: Tetrag
Description: Custom ACF-driven theme for Visser Schaap & Kreijger — IP, Media & Competition law, Amsterdam. All content is editable through ACF Pro fields, with paired EN/NL values for the in-page language switch.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vsk
*/

  :root{
    /* VSK house style
       Logo blue  PMS 647 U  #5f7a9d
       Warm grey  PMS 429  #a7b1b7
       Black      Black 6  #231f20 */
    --brand:#5f7a9d;--brand-deep:#4a6484;--warmgrey:#a7b1b7;--black:#231f20;
    --paper:#ffffff;--paper-2:#eef1f3;--ink:#231f20;--ink-soft:#6a7379;
    --dark:#5f7a9d;
    --accent:#4a6484;--accent-deep:#3b5069;--line:rgba(35,31,32,.18);--line-soft:rgba(35,31,32,.08);
    --serif:"Libre Baskerville",Georgia,"Times New Roman",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--maxw:1200px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  ::selection{background:var(--accent);color:var(--paper)}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
  .skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10000}
  .skip:focus{left:8px;top:8px}
  .vh{position:absolute!important;left:-9999px}

  /* NAV */
  header.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
  header.nav.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1.05rem clamp(1.25rem,4vw,3rem)}
  .brand{display:flex;align-items:baseline;gap:.55rem;font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
  .brand .mark{font-size:1.05rem;font-weight:700;color:var(--paper);background:var(--accent);width:2rem;height:2rem;display:grid;place-items:center;border-radius:2px}
  .brand .name{font-size:1.02rem}.brand .name b{font-weight:600}
  nav.links{display:flex;align-items:center;gap:clamp(1rem,2vw,2.1rem)}
  nav.links a{font-size:.8rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;position:relative;padding:.25rem 0}
  nav.links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--accent);transition:width .3s}
  nav.links a:hover::after,nav.links a.active::after{width:100%}
  nav.links a.active{color:var(--accent)}
  .lang{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;font-size:.72rem;font-weight:600}
  .lang button{background:none;border:none;font:inherit;cursor:pointer;padding:.3rem .55rem;color:var(--ink-soft);transition:.2s}
  .lang button.active{background:var(--ink);color:var(--paper)}
  .burger{display:none;background:none;border:none;cursor:pointer;width:30px;height:22px;position:relative;z-index:1000}
  .burger span{position:absolute;left:0;right:0;height:2px;background:var(--ink);transition:.3s}
  .burger span:nth-child(1){top:0}.burger span:nth-child(2){top:10px}.burger span:nth-child(3){top:20px}
  body.menu-open .burger span:nth-child(1){top:10px;transform:rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){top:10px;transform:rotate(-45deg)}

  /* BUTTONS */
  .btn{font-family:var(--sans);font-size:.83rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.9rem 1.6rem;border-radius:2px;cursor:pointer;border:1px solid var(--accent);transition:.25s;display:inline-block}
  .btn.solid{background:var(--accent);color:var(--paper)}
  .btn.solid:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
  .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
  .btn.on-ink{color:var(--paper);border-color:rgba(255,255,255,.35)}
  .btn.on-ink:hover{border-color:var(--paper);background:rgba(255,255,255,.06)}

  /* HERO (home) */
  .hero{background:var(--dark);color:var(--paper);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:5rem}
  .hero::after{content:"";position:absolute;right:-15%;top:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle at center,rgba(167,177,183,.45),transparent 62%);filter:blur(20px)}
  .hero .wrap{position:relative;z-index:2;width:100%}
  .eyebrow{display:flex;align-items:center;gap:.8rem;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.8rem}
  .eyebrow::before{content:"";width:42px;height:1px;background:var(--accent)}
  h1{font-family:var(--serif);font-weight:330;line-height:.98;letter-spacing:-.02em;font-size:clamp(2.1rem,5.6vw,4.4rem);max-width:14ch}
  h1 em{font-style:italic;color:var(--accent);font-weight:400}
  .hero p.lede{margin-top:2rem;max-width:46ch;font-size:clamp(1rem,1.5vw,1.2rem);color:rgba(255,255,255,.8);font-weight:300}
  .hero-cta{margin-top:2.6rem;display:flex;gap:1rem;flex-wrap:wrap}
  .recog{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem clamp(1.8rem,4vw,3.2rem);margin-top:4rem}
  .recog img{width:auto;height:auto;max-height:46px;max-width:190px;opacity:.92;transition:opacity .25s}
  .recog a:hover img{opacity:1}

  /* PHOTO BAND (home) */
  .photo-band{margin:0;background:var(--dark);line-height:0}
  .photo-band img{width:100%;height:clamp(220px,38vw,520px);object-fit:cover;object-position:center 72%}

  /* PAGE HERO (interior) */
  .page-hero{background:var(--dark);color:var(--paper);padding:9rem 0 4.5rem;position:relative;overflow:hidden}
  .page-hero::after{content:"";position:absolute;right:-10%;bottom:-40%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(167,177,183,.32),transparent 65%);filter:blur(20px)}
  .page-hero .wrap{position:relative;z-index:2}
  .crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1.4rem}
  .crumb a:hover{color:var(--accent)}
  .page-hero h1{font-size:clamp(1.9rem,4.4vw,3.4rem);max-width:18ch}
  .page-hero p{margin-top:1.5rem;max-width:52ch;color:rgba(255,255,255,.78);font-weight:300;font-size:1.08rem}

  /* SECTIONS */
  section{padding:clamp(4rem,8vw,7rem) 0}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}
  .sec-tag{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:.7rem}
  .sec-tag::before{content:"";width:30px;height:1px;background:var(--accent)}
  h2{font-family:var(--serif);font-weight:360;line-height:1.05;letter-spacing:-.02em;font-size:clamp(1.6rem,3.2vw,2.5rem);max-width:18ch}
  h3{font-family:var(--serif);font-weight:450}
  .sec-head p{max-width:42ch;color:var(--ink-soft);font-size:1.02rem}
  .alt{background:var(--paper-2)}
  .ink-sec{background:var(--dark);color:var(--paper)}
  .ink-sec h2,.ink-sec .sec-head>div>*{color:var(--paper)}
  .ink-sec .sec-head p{color:rgba(255,255,255,.7)}

  /* SERVICES */
  .svc-list{border-top:1px solid var(--line)}
  .svc{border-bottom:1px solid var(--line);padding:2.4rem 0;display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,4vw,3rem)}
  .svc-letter{font-family:var(--serif);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:500;color:var(--accent);line-height:1;min-width:1.2em}
  .svc h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.8rem}
  .svc .desc{color:var(--ink-soft);max-width:60ch;margin-bottom:1.4rem}
  /* Specialisms read as plain text, not as buttons. */
  /* Every item leads with a separator; the list is pulled left by one separator
     width and clipped, so no line starts or ends with a stray bar when it wraps. */
  .chips{list-style:none;display:flex;flex-wrap:wrap;row-gap:.35rem;font-size:.9rem;color:var(--ink);margin-left:-1.5rem;clip-path:inset(0 0 0 1.5rem)}
  .chips li::before{content:"|";display:inline-block;width:1.5rem;text-align:center;color:var(--warmgrey)}

  /* LAWYERS */
  .lawyer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem}
  .lcard{border:1px solid var(--line);background:var(--paper);border-radius:4px;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;position:relative}
  .lcard:hover{transform:translateY(-6px);box-shadow:0 22px 50px -28px rgba(35,31,32,.5);border-color:var(--accent)}
  .lphoto{aspect-ratio:1/1;width:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.03) brightness(1.02);transition:filter .5s}
  .lcard:hover .lphoto{filter:none}
  .lbody{padding:1.3rem}
  .lbody h3{font-size:1.28rem;margin-bottom:.1rem}
  .since{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.7rem}
  .focus{font-size:.88rem;color:var(--ink-soft);line-height:1.45;margin-bottom:1rem}
  .lcontact{font-size:.82rem;border-top:1px solid var(--line-soft);padding-top:.8rem;display:flex;flex-direction:column;gap:.3rem}
  .lcontact a:hover{color:var(--accent)}
  .lphoto-link{display:block}
  .lbody h3 a:hover{color:var(--accent)}

  /* JOURNAL */
  .journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem}
  .jcard{border:1px solid var(--line);border-radius:4px;padding:2rem;background:var(--paper);transition:.4s;cursor:pointer;display:flex;flex-direction:column}
  .jcard:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 22px 50px -30px rgba(35,31,32,.45)}
  .jmeta{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;display:flex;gap:.6rem;flex-wrap:wrap}
  .jmeta .date{color:var(--ink-soft)}
  .jcard h3{font-size:1.5rem;font-weight:400;line-height:1.18;margin:.9rem 0}
  .jcard p{font-size:.92rem;color:var(--ink-soft);flex:1}
  .more{margin-top:1.3rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;gap:.5rem;align-items:center;color:var(--accent)}
  .more i{font-style:normal;transition:transform .3s}.jcard:hover .more i,.article:hover .more i{transform:translateX(5px)}

  /* PRESS */
  .rank-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:3.5rem}
  .rank{background:var(--paper);padding:1.8rem 1.4rem;text-align:center}
  .rank b{font-family:var(--serif);display:block;font-size:1.5rem;color:var(--accent);font-weight:600}
  .rank span{font-size:.78rem;color:var(--ink-soft);letter-spacing:.06em}
  section.rank-sec{padding-bottom:clamp(2rem,4vw,3rem)}
  .rank-sec .rank-row{margin-bottom:0}
  .press-list{border-top:1px solid var(--line)}
  .pitem{border-bottom:1px solid var(--line);padding:1.8rem 0;display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;align-items:baseline}
  .pitem .pdate{font-size:.8rem;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase}
  .pitem h3{font-family:var(--serif);font-weight:450;font-size:1.25rem;line-height:1.25}
  .pitem .src{font-size:.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
  .quote-band blockquote{font-family:var(--serif);font-style:italic;font-weight:330;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.24;max-width:24ch;margin:0 auto;text-align:center}
  .quote-band .src{display:block;margin-top:1.5rem;font-style:normal;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;text-align:center}

  /* CONTACT */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
  .info .row{padding:1.25rem 0;border-bottom:1px solid var(--line)}
  .info .k{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.35rem}
  .info .v{font-family:var(--serif);font-size:1.3rem}
  .info .v a:hover{color:var(--accent)}
  .form label{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);margin:1.2rem 0 .5rem}
  .form input,.form textarea{width:100%;font:inherit;font-size:.98rem;padding:.85rem 1rem;border:1px solid var(--line);background:var(--paper);border-radius:3px;color:var(--ink);transition:border-color .25s}
  .form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
  .form textarea{min-height:130px;resize:vertical}
  .form .btn{margin-top:1.5rem;border:none}
  .form-note{margin-top:1rem;font-size:.82rem;color:var(--ink-soft)}

  /* CTA BAND */
  .cta{background:var(--accent);color:var(--paper);text-align:center}
  .cta h2{color:var(--paper);margin:0 auto 1.6rem;max-width:20ch}
  .cta .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
  .cta .btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

  /* FOOTER */
  footer.site{background:var(--dark);color:rgba(255,255,255,.7);padding:4rem 0 2rem}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.14)}
  .foot-grid h4{font-family:var(--serif);color:var(--paper);font-weight:500;font-size:1.05rem;margin-bottom:1.1rem}
  .foot-grid .brandblock p{font-size:.9rem;font-weight:300;max-width:34ch;margin-top:1rem}
  .foot-grid ul{list-style:none}.foot-grid li{margin-bottom:.6rem}
  .foot-grid li a{font-size:.9rem;transition:color .2s}.foot-grid li a:hover{color:var(--accent)}
  .foot-bottom{display:flex;justify-content:flex-end;align-items:center;padding-top:1.6rem;font-size:.8rem;flex-wrap:wrap;gap:1rem}

  /* LAWYER PROFILE */
  .page-hero .profile-since{margin-top:1rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--warmgrey);font-weight:600}
  .profile{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
  .profile-side .lphoto{border:1px solid var(--line);border-radius:4px}
  .profile-contact{margin-top:1.4rem;border-top:1px solid var(--line)}
  .profile-contact>div{padding:.8rem 0;border-bottom:1px solid var(--line)}
  .profile-contact dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.2rem}
  .profile-contact dd{font-size:.95rem;overflow-wrap:anywhere}
  .profile-contact a:hover{color:var(--accent)}
  .profile-main{max-width:68ch}
  .profile-main p{color:var(--ink-soft);font-size:1.02rem;line-height:1.75;margin-bottom:1.1rem}
  .profile-main .profile-focus{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.45;color:var(--ink);margin-bottom:1.8rem}
  .profile-main .profile-back{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem}
  .profile-back a{color:var(--accent)}
  @media(max-width:760px){
    .profile{grid-template-columns:1fr}
    .profile-side .lphoto{max-width:260px}
  }

  /* REVEAL */
  .fu{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
  .fu.in{opacity:1;transform:none}

  @media(max-width:860px){
    nav.links{position:fixed;inset:0;background:var(--dark);flex-direction:column;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform .4s;z-index:999}
    body.menu-open nav.links{transform:none}
    nav.links a{color:var(--paper);font-size:1.15rem}
    .lang{position:fixed;bottom:8vh;left:50%;transform:translateX(-50%)}
    body:not(.menu-open) .lang{display:none}
    .burger{display:block}
    .contact-grid,.foot-grid{grid-template-columns:1fr}
    .svc{grid-template-columns:1fr}
    .pitem{grid-template-columns:1fr;gap:.4rem}
    .recog img{max-height:36px;max-width:150px}
  }

  /* LEGAL / PROSE PAGES */
  .legal{max-width:760px}
  .legal h2{font-family:var(--serif);font-weight:450;font-size:clamp(1.4rem,3vw,2rem);margin:2.4rem 0 .9rem;line-height:1.15}
  .legal h2:first-child{margin-top:0}
  .legal h3{font-family:var(--serif);font-weight:500;font-size:1.15rem;margin:1.6rem 0 .5rem}
  .legal p,.legal li{color:var(--ink-soft);margin-bottom:1rem;font-size:1rem;line-height:1.7}
  .legal ul{padding-left:1.2rem;margin-bottom:1.2rem}
  .legal li{margin-bottom:.45rem}
  .legal a{color:var(--accent)}.legal a:hover{text-decoration:underline}
  .legal .note{background:var(--paper-2);border-left:3px solid var(--accent);padding:1rem 1.2rem;font-size:.9rem;border-radius:2px;color:var(--ink-soft);margin:1.4rem 0}
  .legal table{width:100%;border-collapse:collapse;margin:1.2rem 0}
  .legal td{border-bottom:1px solid var(--line);padding:.75rem 0;vertical-align:top;font-size:.95rem;color:var(--ink-soft)}
  .legal td:first-child{font-weight:600;color:var(--ink);width:38%;padding-right:1rem}

  /* LEGAL / PROSE PAGES */
  .legal{max-width:780px}
  .legal h2{font-family:var(--serif);font-weight:450;font-size:1.5rem;margin:2.4rem 0 .8rem}
  .legal h2:first-child{margin-top:0}
  .legal p{margin-bottom:1.1rem;color:var(--ink-soft)}
  .legal a{color:var(--accent)}
  .legal ol{margin:0 0 1.4rem 1.3rem;color:var(--ink-soft)}
  .legal ol li{margin-bottom:1rem;padding-left:.4rem;line-height:1.6}
  .legal ul{margin:0 0 1.4rem 1.3rem;color:var(--ink-soft)}
  .legal ul li{margin-bottom:.6rem}
  .legal .meta{font-size:.85rem;color:var(--ink-soft);margin-top:2.4rem;border-top:1px solid var(--line);padding-top:1.2rem}
  .facts{border-top:1px solid var(--line);margin-top:.5rem}
  .facts .frow{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
  .facts .frow dt{color:var(--accent);font-weight:600;letter-spacing:.02em}
  .facts .frow dd{color:var(--ink)}
  .notfound{min-height:70vh;display:flex;align-items:center;text-align:center}
  .notfound h1{margin:0 auto}
  .notfound .big{font-family:var(--serif);font-size:clamp(5rem,18vw,11rem);color:var(--accent);line-height:1;font-weight:400}
  @media(max-width:600px){.facts .frow{grid-template-columns:1fr;gap:.1rem}}

  /* ---- brand refinements: accents on dark bands use warm grey ---- */
  h1 em{color:inherit}
  .eyebrow::before{background:var(--warmgrey)}
  .ink-sec .sec-tag{color:var(--warmgrey)}
  .ink-sec .sec-tag::before{background:var(--warmgrey)}
  .ink-sec .more{color:var(--warmgrey)}
  .ink-sec .jmeta{color:var(--warmgrey)}
  .quote-band .src{color:var(--warmgrey)}
  .crumb a:hover{color:var(--warmgrey)}
  .cta{background:var(--brand-deep)}
  .foot-grid li a:hover{color:var(--warmgrey)}
  .foot-grid h4{color:#fff}
  footer.site{color:rgba(255,255,255,.78)}
  .lcard:hover .lphoto{filter:none}
  .rank b{color:var(--brand)}

  /* ---- logo lockup ---- */
  .brand{gap:0;align-items:center}
  .brand .logo{width:116px;height:auto;display:block}
  .brand .logo-white{display:none}
  header.nav:not(.scrolled) .brand .logo-blue{display:none}
  header.nav:not(.scrolled) .brand .logo-white{display:block}
  footer.site .brand .logo-blue{display:none}
  footer.site .brand .logo-white{display:block}
  footer.site .brand .logo{width:102px}
  @media(max-width:860px){
    .brand .logo{width:76px}
    body.menu-open .brand .logo-blue{display:none}
    body.menu-open .brand .logo-white{display:block}

    /* A backdrop-filter makes the header the containing block for its fixed
       children, which shrank the open menu into the header once the page was
       scrolled. Drop the blur while the menu is open, and stop the page behind
       it from scrolling. */
    body.menu-open{overflow:hidden}
    body.menu-open header.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border-bottom-color:transparent}
    .brand{position:relative;z-index:1000}
    body.menu-open .burger span{background:var(--paper)}
    nav.links a.active{color:var(--warmgrey)}
    nav.links a::after{background:var(--warmgrey)}
    .lang{border-color:rgba(255,255,255,.35)}
    .lang button{color:rgba(255,255,255,.75)}
    .lang button.active{background:var(--paper);color:var(--ink)}

    /* Clear the fixed header (~110px with the smaller logo). */
    .hero{padding-top:8.5rem;padding-bottom:3rem}
    .page-hero{padding-top:8.5rem}
  }



  /* ---- WordPress additions ---- */
  [hidden]{display:none!important}
  .item-figure{margin:0 0 2rem}
  .item-figure img{width:100%;height:auto;border-radius:3px}
  .legal .wp-caption-text,.legal figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:.5rem}
  .legal img{max-width:100%;height:auto;border-radius:3px}
  .legal blockquote{border-left:3px solid var(--accent);padding-left:1.2rem;margin:1.6rem 0;font-family:var(--serif);font-style:italic;color:var(--ink)}
  .legal h2 a,.legal h3 a{color:inherit}
  a.jcard{color:inherit}
  .alignwide,.alignfull{max-width:100%}
  .screen-reader-text{position:absolute!important;left:-9999px}
  .pagination,.nav-links{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.9rem}
  .pagination .page-numbers,.nav-links .page-numbers{border:1px solid var(--line);padding:.4rem .8rem;border-radius:2px}
  .pagination .current,.nav-links .current{background:var(--accent);color:var(--paper);border-color:var(--accent)}