/*! NBC About Finalization · v7.036 · page-local release
    Scope: /ueber only. P0/P1/P2 responsive, rhythm and independence folio. */

/* Readability: lift secondary text slightly without flattening hierarchy. */
body.page-about-premium{--about-muted:rgba(247,245,242,.72);}
body.page-about-premium :is(.nbc-about-hero-lead,.nbc-about-section-intro>p:not(.ac-kicker),.nbc-about-side li,.nbc-about-record-list p,.nbc-about-global-copy>p:not(.nbc-about-global-lead):not(.nbc-about-global-thesis),.nbc-about-global-capabilities p,.nbc-about-method-list p,.nbc-about-expert-mini-grid>div:last-child p){color:var(--about-muted);}
body.page-about-premium .nbc-about-proofstrip span{color:rgba(247,245,242,.66);}

/* Desktop rhythm: keep the approved art direction, remove excess vertical drag. */
@media (min-width:1101px){
  body.page-about-premium .nbc-about-hero--proof{padding-bottom:clamp(54px,4.6vw,70px);}
  body.page-about-premium :is(.nbc-about-two-sides,.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method){padding-block:clamp(78px,6.4vw,96px)!important;}
}

/* Global role: one editorial thesis instead of three equally weighted paragraphs. */
body.page-about-premium .nbc-about-global-copy .nbc-about-global-thesis{
  max-width:620px;margin-top:26px;padding:18px 0 2px 22px;border-left:2px solid rgba(127,216,154,.56);
  color:var(--paper);font-size:clamp(18px,1.45vw,22px);line-height:1.48;letter-spacing:-.018em;
}

/* Experience is now three development lines; give each line a little more authority and less CV density. */
body.page-about-premium .nbc-about-record-list h3{max-width:27ch;}
body.page-about-premium .nbc-about-record-list li{padding-block:clamp(24px,2.5vw,34px);}

/* Signature light surface: the one material change on the About page. */
body.page-about-premium #independence.nbc-about-independence-folio{
  isolation:isolate;padding-block:clamp(86px,8vw,124px)!important;border-block:1px solid rgba(32,40,34,.13)!important;
  background:
    radial-gradient(circle at 13% 9%,rgba(50,94,61,.045) 0 1px,transparent 1.2px) 0 0/7px 7px,
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 25%),
    #eee9df!important;color:#171a17!important;
}
body.page-about-premium #independence>.wrap{width:min(calc(100% - (2 * var(--nbc-layout-gutter))),1180px)!important;max-width:1180px!important;margin-inline:auto!important;padding:0!important;}
body.page-about-premium #independence .nbc-about-independence-inner{display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:clamp(44px,6vw,88px);width:100%!important;max-width:none!important;}
body.page-about-premium #independence :is(h2,strong){color:#171a17!important;-webkit-text-fill-color:currentColor!important;}
body.page-about-premium #independence :is(p,span,li){-webkit-text-fill-color:currentColor!important;}
body.page-about-premium #independence .ac-kicker{margin:0 0 28px!important;color:#315c3b!important;font-size:10px!important;letter-spacing:.13em!important;}
body.page-about-premium #independence .about-independence-metric{margin:0!important;color:#171a17!important;font:540 clamp(86px,10vw,142px)/.84 Archivo,sans-serif!important;letter-spacing:-.07em!important;}
body.page-about-premium #independence .about-independence-label{margin:16px 0 0!important;color:#315c3b!important;font:650 10px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
body.page-about-premium #independence .nbc-about-independence-statement{align-self:end;padding-bottom:4px;}
body.page-about-premium #independence .about-independence-title{max-width:13ch!important;margin:0!important;color:#171a17!important;font:560 clamp(42px,5.2vw,70px)/.98 Archivo,sans-serif!important;letter-spacing:-.052em!important;}
body.page-about-premium #independence .about-independence-copy{max-width:66ch;margin:26px 0 0!important;color:#5d625c!important;font-size:15.5px!important;line-height:1.67!important;}
body.page-about-premium #independence .f3-independence-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(18px,2vw,30px)!important;border-block:1px solid rgba(32,40,34,.18)!important;}
body.page-about-premium #independence .f3-independence-options span{padding:20px 14px 21px 0!important;border:0!important;color:#315c3b!important;font:650 11px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.1em!important;text-transform:uppercase!important;}
body.page-about-premium #independence .nbc-about-independence-rules{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:clamp(34px,4vw,54px) 0 0;padding:0;list-style:none;border-top:1px solid rgba(32,40,34,.18);}
body.page-about-premium #independence .nbc-about-independence-rules li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:24px 28px 25px 0;border-bottom:1px solid rgba(32,40,34,.15);}
body.page-about-premium #independence .nbc-about-independence-rules li:nth-child(odd){border-right:1px solid rgba(32,40,34,.15);}
body.page-about-premium #independence .nbc-about-independence-rules li:nth-child(even){padding-left:28px;}
body.page-about-premium #independence .nbc-about-independence-rules li>span{padding-top:3px;color:#8a7545!important;font-size:10px;letter-spacing:.1em;}
body.page-about-premium #independence .nbc-about-independence-rules strong{display:block;font-size:clamp(18px,1.55vw,22px);line-height:1.2;letter-spacing:-.02em;}
body.page-about-premium #independence .nbc-about-independence-rules p{max-width:45ch;margin:8px 0 0;color:#646a63!important;font-size:14px;line-height:1.58;}

/* Method: quieter dividers, slightly more room for the proposition on mid-size screens. */
body.page-about-premium .nbc-about-method-list{border-top-color:rgba(255,255,255,.09);}
body.page-about-premium .nbc-about-method-list li{border-bottom-color:rgba(255,255,255,.07);}

/* Expert outreach is a utility close, not another full narrative chapter. */
body.page-about-premium .nbc-about-expert-mini{padding:clamp(34px,3.3vw,48px) 0!important;}
body.page-about-premium .nbc-about-expert-mini h2{max-width:25ch;font-size:clamp(27px,2.45vw,36px);line-height:1.08;}

/* P0/P1: compact laptop composition. Protect the long German hero word without forced breaks. */
@media (min-width:821px) and (max-width:1100px){
  body.page-about-premium .nbc-about-hero--proof{padding-top:clamp(118px,12vw,138px)!important;padding-bottom:58px!important;}
  body.page-about-premium .nbc-about-hero--proof .nbc-about-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;gap:clamp(26px,3.2vw,38px)!important;align-items:center!important;}
  body.page-about-premium .nbc-about-hero--proof .nbc-about-hero-copy h1{max-width:12.8ch!important;font-size:clamp(41px,4.45vw,49px)!important;line-height:.99!important;letter-spacing:-.048em!important;overflow-wrap:normal!important;}
  body.page-about-premium .nbc-about-hero-lead{margin-top:21px!important;font-size:16px!important;line-height:1.55!important;}
  body.page-about-premium .nbc-about-hero--proof .ac-actions{margin-top:25px!important;}
  body.page-about-premium .nbc-about-portrait .ac-portrait-frame{height:clamp(420px,48vw,500px)!important;min-height:0!important;aspect-ratio:auto!important;}
  body.page-about-premium .nbc-about-portrait .ac-portrait-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;}
  body.page-about-premium .nbc-about-portrait figcaption{margin-top:-48px!important;padding:18px 19px!important;}

  body.page-about-premium :is(.nbc-about-two-sides,.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method){padding-block:70px!important;}
  body.page-about-premium .nbc-about-section-intro{margin-bottom:34px!important;}
  body.page-about-premium .nbc-about-section-intro h2{max-width:17ch!important;font-size:clamp(38px,5vw,51px)!important;}
  body.page-about-premium .nbc-about-section-intro>p:not(.ac-kicker){margin-top:16px!important;font-size:15px!important;}

  body.page-about-premium .nbc-about-side{padding-block:22px!important;}
  body.page-about-premium .nbc-about-side ul{margin-top:18px!important;}
  body.page-about-premium .nbc-about-side li{padding-block:10px!important;font-size:13.5px!important;}
  body.page-about-premium .nbc-about-side-bridge{padding:20px 0!important;}
  body.page-about-premium .nbc-about-two-sides-conclusion{margin-top:26px!important;padding-top:20px!important;}

  body.page-about-premium .nbc-about-record-list li{grid-template-columns:54px minmax(0,1fr)!important;gap:22px!important;padding:24px 0!important;}

  body.page-about-premium .nbc-about-global-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:42px!important;}
  body.page-about-premium .nbc-about-global-copy h2{font-size:clamp(44px,5.2vw,58px)!important;}
  body.page-about-premium .nbc-about-global-takeaway{margin-top:38px!important;padding-top:22px!important;}

  body.page-about-premium .nbc-about-method-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:38px!important;}
  body.page-about-premium .nbc-about-method-grid .nbc-about-section-intro{position:static!important;}
  body.page-about-premium .nbc-about-method-list li{padding:19px 0!important;}
}

/* Tablet: explicit composition instead of a stretched desktop fall-through. */
@media (min-width:601px) and (max-width:820px){
  body.page-about-premium .nbc-about-hero--proof{padding-top:112px!important;padding-bottom:52px!important;}
  body.page-about-premium .nbc-about-hero--proof .nbc-about-hero-grid{grid-template-columns:1fr!important;gap:34px!important;}
  body.page-about-premium .nbc-about-hero--proof .nbc-about-hero-copy h1{max-width:13.5ch!important;font-size:clamp(47px,6.6vw,54px)!important;line-height:.99!important;letter-spacing:-.05em!important;}
  body.page-about-premium .nbc-about-hero-lead{max-width:670px!important;margin-top:20px!important;font-size:16px!important;}
  body.page-about-premium .nbc-about-hero--proof .ac-actions{margin-top:24px!important;}
  body.page-about-premium .nbc-about-portrait{width:min(100%,620px)!important;margin:0!important;}
  body.page-about-premium .nbc-about-portrait .ac-portrait-frame{height:520px!important;min-height:0!important;aspect-ratio:auto!important;}
  body.page-about-premium .nbc-about-portrait .ac-portrait-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;}
  body.page-about-premium .nbc-about-portrait figcaption{width:calc(100% - 34px)!important;margin:-52px 0 0 17px!important;padding:18px 20px!important;}

  body.page-about-premium .nbc-about-proofstrip article{padding-block:18px!important;}
  body.page-about-premium :is(.nbc-about-two-sides,.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method){padding-block:64px!important;}
  body.page-about-premium .nbc-about-section-intro{margin-bottom:30px!important;}
  body.page-about-premium .nbc-about-section-intro h2{font-size:clamp(38px,6.3vw,48px)!important;}
  body.page-about-premium .nbc-about-side{padding:20px 0!important;}
  body.page-about-premium .nbc-about-side ul{margin-top:16px!important;}
  body.page-about-premium .nbc-about-side li{padding:9px 0 9px 17px!important;}
  body.page-about-premium .nbc-about-side-bridge{padding:18px 0!important;gap:10px!important;}
  body.page-about-premium .nbc-about-two-sides-conclusion{margin-top:24px!important;padding:18px 0 0 20px!important;}
  body.page-about-premium .nbc-about-record-list li{grid-template-columns:48px minmax(0,1fr)!important;gap:16px!important;padding:22px 0!important;}
  body.page-about-premium .nbc-about-record-list p{margin-top:8px!important;font-size:14.5px!important;}
  body.page-about-premium .nbc-about-global-grid{grid-template-columns:1fr!important;gap:34px!important;}
  body.page-about-premium .nbc-about-global-copy h2{font-size:clamp(46px,7vw,58px)!important;}
  body.page-about-premium .nbc-about-global-copy .nbc-about-global-thesis{margin-top:22px!important;}
  body.page-about-premium .nbc-about-global-takeaway{margin-top:34px!important;padding-top:22px!important;}
  body.page-about-premium .nbc-about-method-grid{grid-template-columns:1fr!important;gap:28px!important;}
  body.page-about-premium .nbc-about-method-grid .nbc-about-section-intro{position:static!important;}
}

/* Folio response */
@media (max-width:820px){
  body.page-about-premium #independence.nbc-about-independence-folio{padding-block:72px!important;}
  body.page-about-premium #independence .nbc-about-independence-inner{grid-template-columns:1fr;gap:34px;}
  body.page-about-premium #independence .about-independence-title{max-width:15ch!important;}
  body.page-about-premium #independence .f3-independence-options{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px!important;}
  body.page-about-premium #independence .nbc-about-independence-rules{grid-column:auto;grid-template-columns:1fr;margin-top:8px;}
  body.page-about-premium #independence .nbc-about-independence-rules li,body.page-about-premium #independence .nbc-about-independence-rules li:nth-child(even){padding:21px 0!important;border-right:0!important;}
}

/* Preserve the already strong mobile portrait composition and only integrate the new folio. */
@media (max-width:600px){
  body.page-about-premium #independence.nbc-about-independence-folio{padding-block:60px!important;}
  body.page-about-premium #independence>.wrap{width:calc(100% - 40px)!important;}
  body.page-about-premium #independence .nbc-about-independence-inner{gap:28px;}
  body.page-about-premium #independence .ac-kicker{margin-bottom:20px!important;}
  body.page-about-premium #independence .about-independence-metric{font-size:clamp(78px,25vw,104px)!important;}
  body.page-about-premium #independence .about-independence-title{font-size:clamp(36px,10vw,46px)!important;line-height:1!important;}
  body.page-about-premium #independence .about-independence-copy{margin-top:20px!important;font-size:15px!important;}
  body.page-about-premium #independence .f3-independence-options span{padding:16px 10px 17px 0!important;font-size:10px!important;}
  body.page-about-premium #independence .nbc-about-independence-rules{margin-top:2px;}
  body.page-about-premium #independence .nbc-about-independence-rules li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px 0!important;}
  body.page-about-premium #independence .nbc-about-independence-rules strong{font-size:18px;}
  body.page-about-premium .nbc-about-expert-mini{padding:34px 0!important;}
}

/* P0 closure: the laptop hero title owns the full copy column. */
@media (min-width:821px) and (max-width:1100px){
  body.page-about-premium .nbc-about-hero--proof .nbc-about-hero-copy h1{
    width:100%!important;max-width:100%!important;font-size:clamp(39px,3.9vw,42px)!important;
  }
}