/* Page additions use the V51 production palette, type and shell unchanged. */
main.page-main{padding:0}
.hero--experience{min-height:400px;padding:clamp(54px,7vw,88px) 0 clamp(58px,7vw,90px)}
.hero--experience .hero-copy{max-width:var(--max)}
.hero--experience h1{max-width:900px}
.hero--experience .hero-deck{max-width:720px}
.experience-main{padding-top:1.5rem}
.crumb{margin:0 0 2rem;padding:0 0 1rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.83rem}
.crumb a{color:var(--night);text-decoration:none}
.crumb a:hover,.crumb a:focus-visible{color:var(--red);text-decoration:underline}
.intro{max-width:900px;margin:0 auto;padding:1.5rem 0 4.5rem}
.intro>.eyebrow,.section-heading .eyebrow,.evidence-note .eyebrow,.bridge-copy .eyebrow{margin:0 0 .8rem;color:var(--red);font-size:.72rem;letter-spacing:.15em;font-weight:700}
.intro h2,.evidence-note h2{max-width:760px;margin-bottom:1rem}
.intro-copy{max-width:68ch}
.experience-section{padding:3rem 0 4rem;border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);gap:2rem;align-items:end;margin-bottom:1.4rem}
.section-heading h2{margin:0;max-width:720px}
.section-heading>p{max-width:45ch;margin:0 0 .4rem;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.profile-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:0 0 4rem}
.profile-example{min-width:0;padding:1.6rem 1.5rem 1.4rem;background:#fbfbf9;border:1px solid var(--line)}
.example-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--red);font-size:.66rem;font-weight:700;letter-spacing:.12em}
.profile-example h2{margin:.85rem 0 .6rem;color:var(--night);font:500 1.5rem/1.2 var(--serif)}
.profile-example p{font-size:.91rem}
.profile-example .source-line{margin:.9rem 0 0;padding-top:.85rem;border-top:1px solid var(--line);color:#59687a;font-size:.77rem;line-height:1.55}
.profile-example .source-line strong{color:var(--night)}
.experience-card{display:flex;min-height:290px;flex-direction:column;align-items:flex-start;padding:1.7rem 1.8rem 1.5rem;background:#fbfbf9;border:1px solid var(--line);border-top:3px solid var(--red);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.experience-card:hover,.experience-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,33,60,.09)}
.experience-card:focus-visible{outline:3px solid #b51d33;outline-offset:3px}
body.page-experience main .content a.experience-card{text-decoration:none}
body.page-experience main .content a.experience-card .card-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.card-index{color:var(--red);font-size:.72rem;font-weight:700;letter-spacing:.13em}
.card-index span{color:#98a1aa;padding:0 .25rem}
.card-kicker{margin-top:1.5rem;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.card-title{display:block;max-width:26ch;margin:.55rem 0 .6rem;color:var(--night);font:500 clamp(1.45rem,2.3vw,2rem)/1.18 var(--serif);letter-spacing:-.02em}
.card-copy{display:block;max-width:54ch;color:#3c4a5d;font-size:.94rem;font-weight:400;line-height:1.6}
.card-link{display:block;margin-top:auto;padding-top:1.3rem;color:var(--red-dark);font-size:.82rem;font-weight:700}
.card-link span{margin-left:.3rem}
.card-note{display:block;margin-top:auto;padding-top:1.3rem;color:#5d6a79;font-size:.78rem;font-weight:700}
.experience-bridge{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:1.5rem 0 4rem;padding:clamp(1.6rem,4vw,3.2rem);background:#10213d;color:#fff}
.bridge-copy h2{max-width:480px;margin:0 0 .7rem;color:#fff;font:500 clamp(1.8rem,3vw,2.8rem)/1.12 var(--serif)}
.bridge-copy>p:not(.eyebrow){max-width:48ch;margin:0 0 1.2rem;color:#d5deea}
.bridge-copy .eyebrow{color:#f1a2af}
.arrow-link{color:#fff;font-weight:700;text-decoration:none}
.arrow-link:hover,.arrow-link:focus-visible{color:#f1a2af;text-decoration:underline}
.arrow-link span{padding-left:.3rem;color:#f1a2af}
.bridge-graphic svg{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.28)}
.evidence-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:2.4rem 0 4rem;border-top:1px solid var(--line)}
.evidence-note h2{font-size:clamp(1.55rem,2.8vw,2.2rem)}
.evidence-note>p{max-width:68ch;margin:.4rem 0;color:#3c4a5d}
.placement-main{padding:0 0 5.5rem}
.placement-main>.content{width:min(var(--max),calc(100% - var(--gutter)*2));margin:0 auto;max-width:none}
.placement-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.6fr);gap:2rem;align-items:center;margin:2rem 0 4rem;padding:clamp(1.5rem,3vw,2.6rem);background:#fbfbf9;border:1px solid var(--line);border-left:4px solid var(--red)}
.placement-feature .eyebrow{margin:0 0 .75rem;color:var(--red);font-size:.7rem;font-weight:700;letter-spacing:.15em}
.placement-feature h2{margin:0 0 .7rem;color:var(--night);font:500 clamp(1.7rem,3vw,2.5rem)/1.12 var(--serif)}
.placement-feature p{max-width:62ch;margin:.5rem 0;color:#3c4a5d}
.placement-feature .arrow-link{color:var(--red-dark)}
.placement-feature .arrow-link span{color:var(--red)}
.placement-aside{padding:1.25rem 1.4rem;background:#f0efeb;border:1px solid var(--line)}
.placement-aside .eyebrow{margin:0 0 .6rem;color:var(--red);font-size:.68rem;letter-spacing:.12em}
.placement-aside ul{margin:.4rem 0 0;padding-left:1.2rem;color:#3c4a5d;font-size:.87rem}
.placement-aside li{margin:.35rem 0}
.satellite-main{padding-top:1.5rem}
.satellite-intro{max-width:850px;padding:1.6rem 0 3.2rem}
.satellite-intro h2{max-width:760px}
.example-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:3.3rem 0;border-top:1px solid var(--line)}
.example-block.reverse .example-visual{order:2}
.example-block > .example-copy{grid-column:1 / -1}
.example-visual{margin:0;background:#e7e7e2;border:1px solid #d5dce3}
.example-visual svg{display:block;width:100%;height:auto}
.example-copy .eyebrow{margin:0 0 .75rem;color:var(--red);font-size:.7rem;letter-spacing:.14em;font-weight:700}
.example-copy h2{margin:0 0 .8rem;color:var(--night);font:500 clamp(1.7rem,3vw,2.5rem)/1.12 var(--serif)}
.example-copy p{max-width:62ch}
.source-tag{display:inline-flex;margin:.4rem 0 .3rem;padding:.38rem .65rem;background:#e7e9e8;color:#33445a;font-size:.72rem;font-weight:700;letter-spacing:.035em}
.source-caveat{margin-top:1rem;padding:1rem 1.15rem;border-left:3px solid var(--red);background:#f0efeb;color:#37485d;font-size:.86rem}
.source-caveat strong{color:var(--night)}
.method-section{margin:1.4rem 0 4rem;padding:2.5rem 0 2.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method-section>header{max-width:780px;margin-bottom:1.5rem}
.method-section h2{margin:0 0 .7rem;color:var(--night);font:500 clamp(1.8rem,3vw,2.6rem)/1.12 var(--serif)}
.method-section>header p{max-width:62ch}
.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:method}
.method-step{position:relative;padding:1.2rem 1.25rem 1rem 0;border-top:1px solid #aeb8c2;counter-increment:method}
.method-step:before{content:"0" counter(method);display:block;margin-bottom:.85rem;color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.14em}
.method-step h3{margin:0 0 .45rem;color:var(--night);font:600 1.08rem/1.25 var(--serif)}
.method-step p{margin:0;color:#475568;font-size:.86rem;line-height:1.6}
.limits-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;margin:0 0 4rem;padding:2rem;background:#10213d;color:#fff}
.limits-panel h2{margin:0;color:#fff;font:500 clamp(1.55rem,2.5vw,2.15rem)/1.15 var(--serif)}
.limits-panel p{margin:.2rem 0;color:#d5deea}
.satellite-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 0 1rem;padding:2rem 2.2rem;background:#f3f2ed;border:1px solid var(--line)}
.satellite-cta h2{margin:0 0 .35rem;color:var(--night);font:500 1.65rem/1.2 var(--serif)}
.satellite-cta p{margin:0;color:#53647a}
.satellite-cta .button{flex:none}
@media(max-width:740px){
  .hero--experience{min-height:0;padding:3.3rem 0 3.5rem}
  .hero--experience h1{max-width:18ch;font-size:clamp(2.35rem,8vw,2.7rem)}
  .hero--experience>.wrap>.eyebrow{display:block;max-width:62ch;margin-bottom:.7rem;font-size:clamp(10px,1vw,14px);letter-spacing:.09em}
  .hero--experience>.wrap>.eyebrow>span{display:block}
  .experience-main,.satellite-main{padding-top:.75rem}
  .placement-main>.content{width:calc(100% - var(--gutter)*2)}
  .crumb{margin-bottom:1.4rem}
  .intro{padding:1.1rem 0 3rem}
  .section-heading,.evidence-note{grid-template-columns:1fr;gap:.6rem}
  .experience-grid{grid-template-columns:1fr}
  .profile-examples{grid-template-columns:1fr;padding-bottom:3rem}
  .experience-card{min-height:250px;padding:1.4rem}
  .experience-bridge{grid-template-columns:1fr;margin:0 calc(var(--gutter)*-1) 3rem;padding:2rem var(--gutter)}
  .placement-feature{grid-template-columns:1fr;margin:1.1rem 0 3rem;padding:1.35rem}
  .bridge-graphic{order:-1}
  .example-block{grid-template-columns:1fr;gap:1.3rem;padding:2.2rem 0}
  .example-block.reverse .example-visual{order:0}
  .method-section{padding:2rem 0;margin-bottom:3rem}
  .method-steps{grid-template-columns:1fr 1fr;gap:.6rem 1rem}
  .method-step{padding-right:.5rem}
  .limits-panel{grid-template-columns:1fr;gap:.75rem;padding:1.5rem}
  .satellite-cta{align-items:flex-start;flex-direction:column;padding:1.5rem}
  .draft-note{margin-top:.8rem}
}
@media(max-width:390px){.method-steps{grid-template-columns:1fr}.hero--experience h1{font-size:2.35rem}}
@media(max-width:360px){.hero--experience>.wrap>.eyebrow{letter-spacing:.025em}}
@media(prefers-color-scheme:dark){
  .crumb{color:#aab5c3;border-color:#334258}.crumb a{color:#fff}
  .intro>.eyebrow,.section-heading .eyebrow,.evidence-note .eyebrow,.bridge-copy .eyebrow,.example-copy .eyebrow{color:#f1a2af}
  .intro-copy,.section-heading>p,.evidence-note>p{color:#d0d8e2}
  .experience-section,.evidence-note,.method-section{border-color:#46536a}
  .experience-card,.profile-example{background:#1b2c46;border-color:#47556b}
  .card-title,.profile-example h2,.method-section h2,.method-step h3{color:#f2f4f6}
  .card-copy,.profile-example p,.profile-example .source-line,.method-section>header p,.method-step p{color:#d0d8e2}
  .card-note{color:#c4cfdb}.card-index,.card-link{color:#f1a2af}.card-kicker{color:#aab5c3}.profile-example .source-line{border-color:#45536a}.example-label{color:#f1a2af}
  .evidence-note>p{color:#d0d8e2}.placement-feature{background:#17263b;border-color:#47556b}
  .placement-feature h2{color:#f2f4f6}.placement-feature p,.placement-aside ul{color:#d0d8e2}.placement-feature>.eyebrow,.placement-feature .eyebrow{color:#f1a2af}
  .placement-feature .arrow-link{color:#f1a2af}
  .placement-aside{background:#1b2c46;border-color:#47556b}
  .placement-aside .eyebrow{color:#f1a2af}
  .experience-card:focus-visible{outline-color:#f1a2af}
  .source-caveat{background:#1b2c46;color:#d0d8e2}.source-caveat strong{color:#f2f4f6}
  .source-tag{background:#1b2c46;color:#d7dfe9}
  .satellite-cta{background:#17263b;border-color:#47556b}.satellite-cta h2{color:#f2f4f6}.satellite-cta p{color:#d0d8e2}
  .example-visual{border-color:#47556b}
  .example-copy h2{color:#f2f4f6}
  .card-link{color:#f1a2af}
  .method-step:before{color:#f1a2af}
}