/* NBC P3 cascade containment v7329 */
@layer nbc.legacy{
@media (max-width: 760px){
  
  body:is(.page-contact,.page-about,.page-legal,.page-404,.page-styleguide) main > :is(section,.nbc-hero-bridge){
    scroll-margin-top: 122px;
  }

  
  body.page-contact .ac-intake-hero{
    min-height: 0 !important;
    padding-block: 30px 22px !important;
  }
  body.page-contact .nbc-contact-hero-grid{
    display: block !important;
  }
  body.page-contact .ac-intake-heading .editorial-title{
    margin-block: 14px 14px !important;
    max-width: 12ch;
  }
  body.page-contact .ac-intake-lede{
    max-width: 34ch;
    margin: 0 !important;
    font-size: clamp(1rem, 4.35vw, 1.08rem) !important;
    line-height: 1.55 !important;
  }
  body.page-contact .nbc-hero-actions{
    margin-top: 22px !important;
    gap: 10px !important;
  }
  body.page-contact .nbc-hero-actions .btn{
    min-height: 48px;
  }
  body.page-contact .ac-person-stage{
    margin-top: 24px !important;
    padding: 16px 0 13px !important;
    min-height: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.18) !important;
    border-bottom: 1px solid rgba(238,233,223,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-contact .ac-personal-contact{
    display: grid !important;
    grid-template-columns: 64px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }
  body.page-contact .ac-personal-contact img{
    width: 64px !important;
    height: 72px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: 50% 24% !important;
    border-radius: 0 !important;
  }
  body.page-contact .ac-personal-contact strong{
    display: block;
    font-size: 1.08rem !important;
    line-height: 1.15 !important;
  }
  body.page-contact .ac-personal-contact span{
    display: block;
    margin-top: 5px;
    font-size: .68rem !important;
    letter-spacing: .11em;
    line-height: 1.4;
  }
  body.page-contact .ac-personal-contact p{
    display: none !important;
  }
  body.page-contact .ac-person-stage-meta{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 14px !important;
    margin-top: 12px !important;
    padding-top: 11px !important;
    border-top: 1px solid rgba(238,233,223,.1) !important;
  }
  body.page-contact .ac-direct-links,
  body.page-contact .ac-contact-trust{
    margin: 0 !important;
  }
  body.page-contact .ac-direct-links span,
  body.page-contact .ac-contact-trust span{
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    color: rgba(238,233,223,.68) !important;
    font-size: .7rem !important;
    line-height: 1.4 !important;
  }
  body.page-contact .ac-contact-trust{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }
  body.page-contact .ac-contact-trust span + span::before{
    content: "·";
    margin-inline: 7px;
    color: rgba(238,233,223,.35);
  }
  body.page-contact > main > .nbc-hero-bridge{
    display: none !important;
  }
  body.page-contact .ac-intake-workflow{
    padding-block: var(--nbc-mobile-section-compact,48px) !important;
  }
  body.page-contact .ac-contact-sequence{
    gap: 28px !important;
  }
  body.page-contact :is(.ac-intake-panel,.ac-question-box,.ac-intake-workspace){
    min-height: 0 !important;
  }
  body.page-contact .ac-intake-panel{
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-contact .ac-question-box{
    padding: 0 0 22px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(238,233,223,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.page-contact .ac-intake-panel-head h2{
    margin-top: 8px !important;
    font-size: clamp(1.65rem, 7vw, 2rem) !important;
    line-height: 1.08 !important;
  }
  body.page-contact .ac-question-support{
    margin-top: 10px !important;
  }
  body.page-contact .ac-topic-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }
  body.page-contact .ac-topic-grid button{
    min-height: 92px !important;
    padding: 13px !important;
    align-content: start;
  }
  body.page-contact .ac-topic-grid button > span{
    margin-bottom: 8px !important;
  }
  body.page-contact .ac-topic-grid small{
    line-height: 1.35 !important;
  }
  body.page-contact .ac-form-column,
  body.page-contact .ac-lead-form{
    gap: 16px !important;
  }
  body.page-contact .ac-form-identity{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body.page-contact .ac-field input,
  body.page-contact .ac-field textarea{
    width: 100%;
    min-height: 48px;
    font-size: 16px !important;
  }
  body.page-contact .ac-field textarea{
    min-height: 148px;
  }
  body.page-contact .nbc-contact-preflight{
    margin-top: 2px !important;
    padding: 16px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.page-contact .nbc-contact-preflight ul{
    margin-block: 10px 8px !important;
    padding-left: 1.2rem !important;
  }
  body.page-contact .ac-decision-note{
    margin-top: 0 !important;
    padding: 19px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-contact .ac-note-flow{
    gap: 0 !important;
  }
  body.page-contact .ac-note-flow > i{
    display: none !important;
  }
  body.page-contact .ac-note-flow article{
    padding-block: 12px !important;
    border-bottom: 1px solid rgba(238,233,223,.1);
  }
  body.page-contact .nbc-contact-after{
    padding-block: var(--nbc-mobile-section-compact,48px) !important;
  }
  body.page-contact .nbc-contact-after-frame,
  body.page-contact .nbc-contact-fit{
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-contact .nbc-contact-after-frame{
    padding: 0 !important;
    border: 0 !important;
  }
  body.page-contact .nbc-contact-after-grid{
    gap: 28px !important;
  }
  body.page-contact .nbc-contact-steps li{
    padding-block: 15px !important;
  }
  body.page-contact .nbc-contact-fit{
    padding: 20px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
  }

  
  body.page-about .ac-founder-hero{
    min-height: 0 !important;
    padding: calc(var(--nbc-mobile-header,66px) + 22px) 0 28px !important;
  }
  body.page-about .ac-founder-grid,
  body.page-about .nbc-about-hero-grid{
    display: block !important;
  }
  body.page-about .ac-founder-copy h1{
    margin-block: 14px 16px !important;
    max-width: 11ch;
  }
  body.page-about .ac-founder-statement{
    max-width: 35ch;
    font-size: clamp(1rem,4.4vw,1.08rem) !important;
    line-height: 1.58 !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"]{
    display: block !important;
    margin: 22px 0 20px !important;
    width: 100% !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"] .ac-portrait-frame{
    height: clamp(210px,58vw,248px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"] img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 29% !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"] figcaption{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"] blockquote{
    margin: 0 !important;
    font-size: .96rem !important;
    line-height: 1.48 !important;
  }
  body.page-about .ac-founder-portrait[data-m7-mobile-hero="true"] figcaption .mono{
    font-size: .65rem !important;
  }
  body.page-about .ac-actions{
    margin-top: 18px !important;
    gap: 10px !important;
  }
  body.page-about > main > .nbc-hero-bridge{
    display: none !important;
  }
  body.page-about :is(.nbc-about-translation,.nbc-about-value,.nbc-about-background,.nbc-about-final){
    padding-block: 44px !important;
  }
  body.page-about .nbc-about-translation-grid{
    gap: 24px !important;
  }
  body.page-about .nbc-about-translation-copy p + p{
    margin-top: 12px !important;
  }
  body.page-about .nbc-about-flow{
    min-height: 0 !important;
    padding: 16px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  body.page-about .nbc-about-flow svg{
    width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
  }
  body.page-about .nbc-about-value-grid{
    display: block !important;
  }
  body.page-about .nbc-about-value-grid article{
    padding: 17px 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.page-about .nbc-about-value-grid article:last-child{
    border-bottom: 1px solid rgba(238,233,223,.14) !important;
  }
  body.page-about .nbc-about-value-grid article h3{
    margin-block: 7px 6px !important;
  }
  body.page-about .nbc-about-collaboration{
    margin-top: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.page-about .nbc-about-steps{
    display: block !important;
    margin-top: 18px !important;
  }
  body.page-about .nbc-about-steps li{
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    gap: 2px 10px !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(238,233,223,.12) !important;
  }
  body.page-about .nbc-about-steps li > span{ grid-row: 1 / span 2; }
  body.page-about .nbc-about-steps li p{ margin: 3px 0 0 !important; }
  body.page-about :is(.nbc-about-proof,.nbc-about-detail-quote){
    margin-top: 28px !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.page-about .nbc-about-background-intro{
    display: block !important;
  }
  body.page-about .nbc-about-background-intro > p{
    margin-top: 12px !important;
  }
  body.page-about .nbc-about-register-tabs{
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding: 2px 0 9px !important;
    margin-top: 20px !important;
  }
  body.page-about .nbc-about-register-tabs::-webkit-scrollbar{ display:none; }
  body.page-about .nbc-about-register-tabs button{
    flex: 0 0 auto !important;
    min-height: 42px !important;
    white-space: nowrap !important;
  }
  body.page-about .nbc-about-detail-section{
    padding: 22px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  body.page-about .nbc-about-ledger [role="row"],
  body.page-about .nbc-about-experience li,
  body.page-about .nbc-about-rules article{
    padding-block: 13px !important;
  }
  body.page-about .ac-final-cta-grid{
    gap: 22px !important;
  }

  
  body.page-legal:not(.page-styleguide) .legal-hero{
    min-height: 0 !important;
    padding-block: 30px 25px !important;
  }
  body.page-legal:not(.page-styleguide) .legal-hero h1{
    margin-block: 13px 14px !important;
    font-size: var(--nbc-mobile-hero-editorial,40px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere;
  }
  body.page-legal:not(.page-styleguide) .legal-hero .lede,
  body.page-legal:not(.page-styleguide) .legal-hero p:last-child{
    max-width: 34ch;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }
  .m7-document-nav{
    position: sticky;
    top: 66px;
    z-index: 18;
    background: rgba(8,17,13,.94);
    border-top: 1px solid rgba(238,233,223,.1);
    border-bottom: 1px solid rgba(238,233,223,.14);
    backdrop-filter: blur(14px);
  }
  .m7-document-nav__rail{
    display: flex;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding: 9px max(22px,env(safe-area-inset-left)) 10px;
  }
  .m7-document-nav__rail::-webkit-scrollbar{ display:none; }
  .m7-document-nav a{
    flex: 0 0 auto;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgba(238,233,223,.16);
    color: rgba(238,233,223,.78);
    text-decoration: none;
    font-family: "IBM Plex Mono",monospace;
    font-size: .68rem;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .m7-document-nav a:focus-visible,
  .m7-document-nav a:active{
    border-color: rgba(131,201,150,.72);
    color: #eee9df;
  }
  body.page-legal:not(.page-styleguide) .legal-content{
    padding-block: 24px 44px !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body{
    max-width: none !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body h2{
    scroll-margin-top: 126px;
    margin: 38px 0 12px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(238,233,223,.13);
    font-size: clamp(1.45rem,6.2vw,1.72rem) !important;
    line-height: 1.13 !important;
    letter-spacing: -.025em !important;
    text-wrap: pretty;
  }
  body.page-legal:not(.page-styleguide) .legal-body h2:first-child{
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body h3{
    margin: 24px 0 9px !important;
    font-size: 1.15rem !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body :is(p,li){
    font-size: 1rem !important;
    line-height: 1.68 !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body p + p{
    margin-top: 14px !important;
  }
  body.page-legal:not(.page-styleguide) .legal-body ul{
    padding-left: 1.2rem !important;
  }
  body.page-legal:not(.page-styleguide) .local-data-reset{
    margin-block: 22px !important;
    padding: 18px 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14) !important;
    border-bottom: 1px solid rgba(238,233,223,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.page-legal:not(.page-styleguide) .legal-version-note{
    margin-top: 32px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(238,233,223,.12);
  }

  
  body.page-404 .page-hero{
    min-height: 0 !important;
    padding-block: 34px 30px !important;
  }
  body.page-404 .error-watermark{
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 8px !important;
    font-family: "IBM Plex Mono",monospace !important;
    font-size: .82rem !important;
    letter-spacing: .08em;
    color: rgba(238,233,223,.62) !important;
    opacity: 1 !important;
    transform: none !important;
  }
  body.page-404 .page-hero h1{
    margin-block: 13px 14px !important;
    font-size: var(--nbc-mobile-hero-editorial,40px) !important;
    line-height: 1 !important;
  }
  body.page-404 .page-hero .lede{
    margin-bottom: 22px !important;
    font-size: 1.03rem !important;
    line-height: 1.55 !important;
  }
  body.page-404 .hero-ctas{
    gap: 10px !important;
  }
  body.page-404 .nbc-hero-bridge{
    padding-block: 28px 36px !important;
  }
  body.page-404 .nbc-hero-bridge-copy{
    margin-bottom: 20px !important;
    font-size: .96rem !important;
    line-height: 1.5 !important;
  }
  body.page-404 .mobile-trustline{
    display: none !important;
  }
  body.page-404 .notfound-nav{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid rgba(238,233,223,.14);
  }
  body.page-404 .notfound-nav > span{
    grid-column: 1/-1;
    padding: 0 0 10px !important;
  }
  body.page-404 .notfound-nav a{
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 9px 10px 9px 0 !important;
    border-bottom: 1px solid rgba(238,233,223,.12) !important;
    color: rgba(238,233,223,.88) !important;
  }

  
  body.page-styleguide .styleguide-hero{
    min-height: 0 !important;
    padding-block: 30px 26px !important;
  }
  body.page-styleguide .styleguide-hero h1{
    margin-block: 13px 14px !important;
    font-size: clamp(2.05rem,9.4vw,2.45rem) !important;
    line-height: 1.03 !important;
  }
  body.page-styleguide :is(.styleguide-section,.ss,.sg-section){
    padding-block: var(--nbc-mobile-section-compact,48px) !important;
  }
  body.page-styleguide :is(.nbc-section-heading,.styleguide-section header) h2{
    font-size: clamp(1.65rem,7vw,2rem) !important;
    line-height: 1.08 !important;
    text-wrap: pretty !important;
  }
  body.page-styleguide .nbc-section-intro{
    max-width: 35ch;
    font-size: .98rem !important;
    line-height: 1.58 !important;
  }
  body.page-styleguide :is(.styleguide-component-grid,.styleguide-atmo-compare,.styleguide-atmo-seeds,.cu-grid.three){
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    margin-inline: -22px !important;
    padding-inline: 22px !important;
    padding-bottom: 7px !important;
  }
  body.page-styleguide :is(.styleguide-component-grid,.styleguide-atmo-compare,.styleguide-atmo-seeds,.cu-grid.three)::-webkit-scrollbar{ display:none; }
  body.page-styleguide :is(.styleguide-component-grid,.styleguide-atmo-compare,.styleguide-atmo-seeds,.cu-grid.three) > *{
    flex: 0 0 min(82vw,330px) !important;
    min-width: 0 !important;
    scroll-snap-align: start;
  }
  body.page-styleguide :is(.styleguide-token-panel,.cu-card,.atmo-demo){
    padding: 17px !important;
  }
  body.page-styleguide .styleguide-section > .wrap > :is(.styleguide-component-grid,.styleguide-atmo-compare,.styleguide-atmo-seeds){
    margin-top: 20px !important;
  }
  body.page-styleguide .styleguide-deprecated ul{
    padding-left: 1.2rem !important;
  }
}@media (max-width: 360px){
  body.page-contact .ac-topic-grid{ grid-template-columns: 1fr !important; }
  body.page-contact .ac-topic-grid button{ min-height: 72px !important; }
  body.page-404 .notfound-nav{ grid-template-columns: 1fr !important; }
}@media (max-width: 760px){
  body.page-contact .ac-person-stage-meta{ align-items: flex-start !important; }
  body.page-contact .ac-contact-trust{
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  body.page-contact .ac-contact-trust span{ white-space: nowrap !important; }

  body.page-styleguide .styleguide-swatches{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin-top: 20px !important;
    border-top: 1px solid rgba(238,233,223,.14);
  }
  body.page-styleguide .styleguide-swatches article{
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
    align-content: start !important;
    padding: 13px 10px 13px 0 !important;
    border-bottom: 1px solid rgba(238,233,223,.12) !important;
  }
  body.page-styleguide .styleguide-swatches b,
  body.page-styleguide .styleguide-swatches small{
    display: block !important;
    line-height: 1.25 !important;
  }


  body.page-styleguide :is(.styleguide-component-grid,.styleguide-atmo-compare,.styleguide-atmo-seeds,.cu-grid.three){
    width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 8px !important;
  }
}
}