/*! NBC v6.673 · About + Göttingen final layout/design polish
   Scope: only page-about and page-regional-gateway. No global component redesign. */

/* ===== ÜBER / ABOUT ===== */
body.page-about[data-about-layout-qa="v6673"] .nbc-about-portrait figcaption{
  position:relative;
  z-index:2;
}
@media (min-width:761px){
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-portrait figcaption{
    width:calc(100% - 48px)!important;
    margin:-40px 0 0 24px!important;
    padding:18px 20px 17px!important;
    background:rgba(7,16,11,.965)!important;
    border:1px solid rgba(242,240,233,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-portrait figcaption blockquote{
    margin:0!important;
    font-size:clamp(18px,1.35vw,20px)!important;
    line-height:1.30!important;
    letter-spacing:-.02em!important;
  }
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-portrait figcaption>span{
    display:block!important;
    margin-top:12px!important;
    color:rgba(242,240,233,.58)!important;
    font:500 10px/1.45 "IBM Plex Mono",monospace!important;
    letter-spacing:.10em!important;
  }
}

@media (max-width:760px){
  /* These three surfaces were designed as paper/evidence sections. The global ambient
     transparency contract must not remove their paper background while their text remains dark. */
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-proofstrip,
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-global-role,
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-voices{
    background-color:var(--p7-paper,#f2f0e9)!important;
    background-image:none!important;
    color:var(--p7-ink,#101713)!important;
  }
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-hero h1{
    max-width:100%!important;
    font-size:clamp(44px,11vw,48px)!important;
    line-height:.955!important;
    letter-spacing:-.048em!important;
  }
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-portrait figcaption>span{
    display:block!important;
    margin-top:10px!important;
    color:rgba(242,240,233,.54)!important;
    font:500 9px/1.45 "IBM Plex Mono",monospace!important;
    letter-spacing:.09em!important;
  }
}

/* ===== IT-BERATUNG GÖTTINGEN ===== */
@media (min-width:1181px){
  /* Undo the legacy forced column placement that compressed the region map to ~216px. */
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid>.local-direct-copy{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    max-width:860px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid>.goe-presence-visual{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    grid-template-columns:minmax(460px,.92fr) minmax(0,1.08fr)!important;
    gap:clamp(22px,2.4vw,34px)!important;
    align-items:stretch!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split article{
    height:100%!important;
    padding:24px 22px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split article h3{
    margin-top:16px!important;
    font-size:clamp(22px,1.75vw,27px)!important;
    line-height:1.05!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-region-map__canvas{
    min-height:410px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-visit-panel{
    margin-top:30px!important;
    padding:30px 32px!important;
    grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
    gap:clamp(38px,4vw,64px)!important;
    border-radius:20px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-visit-panel h3{
    margin-top:10px!important;
    font-size:clamp(27px,2.2vw,34px)!important;
  }
}

@media (max-width:760px){
  body.page-regional-gateway[data-local-layout-qa="v6673"] #local-hero-title{
    max-width:100%!important;
    font-size:41px!important;
    line-height:.98!important;
    letter-spacing:-.043em!important;
    text-wrap:balance!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .m5-local__title{
    font-size:clamp(38px,9.45vw,40px)!important;
    line-height:.99!important;
    letter-spacing:-.041em!important;
    text-wrap:balance!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .m5-local__intro{
    margin-top:16px!important;
    font-size:15.5px!important;
    line-height:1.60!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .m5-local__section{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .regional-service-bridge{
    margin:0!important;
  }
}


/* v6.672 · tablet completion for the regional presence composition */
@media (min-width:761px) and (max-width:1180px){
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid>.local-direct-copy,
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid>.goe-presence-visual{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-direct-grid>.goe-presence-visual{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-region-map__canvas{
    min-height:390px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split article{
    min-width:0!important;
    padding:22px 18px!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split article h3{
    font-size:clamp(20px,2.55vw,25px)!important;
    line-height:1.06!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-visit-panel{
    grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr)!important;
    gap:34px!important;
    padding:28px!important;
  }
}
@media (min-width:761px) and (max-width:800px){
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .goe-work-split article:last-child{
    grid-column:1 / -1!important;
  }
  body.page-regional-gateway[data-local-layout-qa="v6673"] .local-visit-panel{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}

/* v6.672 · paper-surface ink completion on About mobile */
@media (max-width:760px){
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-global-role .nbc-about-global-copy h2,
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-global-role .nbc-about-global-takeaway p,
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-global-role .nbc-about-global-takeaway p strong{
    color:var(--p7-ink,#101713)!important;
  }
  body.page-about[data-about-layout-qa="v6673"] .nbc-about-global-role .nbc-about-global-copy h2{
    font-size:clamp(38px,10.2vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
}
