@font-face {
  font-family:DM;
  src:url('/fonts/dm-sans-regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:DM;
  src:url('/fonts/dm-sans-semibold.ttf') format('truetype');
  font-weight:600 800;
  font-display:swap
}
@font-face {
  font-family:Instrument;
  src:url('/fonts/instrument-serif-italic.ttf') format('truetype');
  font-weight:400;
  font-style:italic;
  font-display:swap
}
:root {
  --paper:#f7f7f2;
  --mist:#e8eeeb;
  --ink:#182a27;
  --forest:#244b45;
  --accent:#b7442e;
  --muted:#56645f;
  --line:#c9d1ca;
  --gutter:clamp(24px,5vw,88px);
  --ease:cubic-bezier(.2,.7,.2,1)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:32px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 17px/1.6 DM,Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  font:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button {
  color:inherit
}
img {
  max-width:100%;
  height:auto;
  display:block
}
figure,p,h1,h2,h3 {
  margin:0
}
button {
  cursor:pointer
}
button:focus-visible,a:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:6px
}
::selection {
  background:#b7442e;
  color:white
}
.wrap {
  width:calc(100% - var(--gutter)*2);
  max-width:1480px;
  margin-inline:auto
}
.eyebrow {
  font-size:12px;
  line-height:1.5;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:600
}
.muted {
  color:var(--muted)
}
em {
  font-family:Instrument,Georgia,serif;
  font-weight:400
}
h1,h2,h3 {
  font-weight:400;
  letter-spacing:-.055em;
  line-height:1.03
}
.skip-link {
  position:absolute;
  top:-100px;
  left:24px;
  background:var(--ink);
  color:#fff;
  padding:12px;
  z-index:99
}
.skip-link:focus {
  top:12px
}
.hero-surface {
  background:var(--mist)
}
.site-header {
  height:95px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line)
}
.wordmark {
  font-size:25px;
  font-weight:600;
  letter-spacing:-.08em
}
.wordmark span {
  color:var(--accent)
}
.site-header nav {
  display:flex;
  gap:38px;
  align-items:center;
  font-size:14px
}
.site-header nav a {
  position:relative
}
.site-header nav a:after {
  content:'';
  position:absolute;
  bottom:-4px;
  left:0;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s
}
.site-header nav a:hover:after {
  transform:scaleX(1)
}
.nav-contact {
  margin-left:28px
}
.nav-contact span {
  padding-left:8px
}
.menu-toggle {
  display:none
}
.hero {
  padding-top:30px;
  padding-bottom:60px
}
.hero-meta {
  display:flex;
  justify-content:space-between
}
.hero h1 {
  font-size:clamp(70px,10.7vw,170px);
  line-height:1.2;
  letter-spacing:-.068em;
  margin:3px 0 22px;
  white-space:nowrap
}
.hero h1>span {
  color:var(--accent)
}
.hero-grid {
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:7.5%;
  align-items:stretch
}
.hero-copy {
  padding-top:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.hero-copy h2 {
  font-size:clamp(40px,4.3vw,69px);
  letter-spacing:-.045em;
  line-height:1.07
}
.hero-copy h2 em {
  font-size:1.15em
}
.hero-copy>p {
  max-width:410px;
  margin-top:28px;
  color:var(--muted);
  font-size:17px;
  line-height:1.7
}
.round-link {
  display:inline-flex;
  gap:17px;
  align-items:center;
  font-size:14px
}
.hero-copy>.round-link {
  margin-top:31px
}
.circle-arrow {
  width:46px;
  height:46px;
  border:1px solid var(--ink);
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:23px;
  transition:background .25s,color .25s,transform .3s
}
.round-link:hover .circle-arrow {
  background:var(--ink);
  color:var(--paper);
  transform:rotate(8deg)
}
.hero-foot {
  display:flex;
  width:100%;
  justify-content:space-between;
  margin-top:auto;
  padding-top:48px;
  font-size:12px;
  line-height:1.5
}
.issue-mark {
  text-align:right;
  color:var(--muted)
}
.hero-portrait {
  position:relative;
  overflow:hidden;
  aspect-ratio:1/.98;
  background:#424645
}
.hero-portrait img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 30%
}
.hero-portrait figcaption {
  position:absolute;
  bottom:20px;
  left:24px;
  color:white;
  font-size:12px;
  text-shadow:0 1px 6px #000
}
.section-label {
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--line);
  padding-top:18px
}
.work-section {
  padding-top:104px
}
.section-heading {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:10%;
  align-items:end;
  padding:50px 0 63px
}
.section-heading h2 {
  font-size:clamp(42px,5.1vw,76px)
}
.section-heading h2 em {
  font-size:1.13em
}
.section-heading>p {
  color:var(--muted);
  max-width:360px;
  padding-bottom:3px
}
.signature-project {
  background:var(--forest);
  color:var(--paper);
  padding:38px 42px 25px
}
.project-top,.project-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center
}
.project-year {
  font-size:13px;
  color:#c6d2cc
}
.project-title-row {
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  margin:36px 0 38px
}
.project-title-row h3 {
  font-size:clamp(40px,4.3vw,66px)
}
.light .circle-arrow {
  border-color:#b7c8bd
}
.light:hover .circle-arrow {
  background:var(--paper);
  color:var(--forest)
}
.signature-body {
  display:grid;
  grid-template-columns: .8fr 2fr;
  gap:36px;
  align-items:center
}
.signature-copy>p {
  font-size:14px;
  color:#cdd8d2
}
.signature-copy .project-name {
  font-size:19px;
  line-height:1.35;
  color:var(--paper);
  margin-bottom:18px
}
.project-kpi {
  margin-top:30px
}
.project-kpi>span {
  font-size:76px;
  line-height:1;
  letter-spacing:-.07em
}
.kpi-divider {
  font-family:Instrument;
  font-size:85%;
  color:#adbbb4;
  margin:0 8px
}
.project-kpi p {
  font-size:13px;
  line-height:1.5;
  margin-top:9px
}
.signature-copy .small-note {
  font-size:12px;
  margin-top:20px;
  color:#bbcfc5
}
.project-visual {
  padding:22px;
  background:#d7e0db;
  color:var(--ink);
  transform:translateY(var(--image-shift,0px));
  transition:transform .6s var(--ease)
}
.project-visual figcaption {
  font-size:12px;
  line-height:1.5;
  margin-top:16px
}
.image-button {
  display:block;
  border:0;
  background:transparent;
  padding:0;
  width:100%;
  cursor:zoom-in;
  text-align:left
}
.image-button img {
  width:100%
}
.project-bottom {
  border-top:1px solid #53716a;
  margin-top:34px;
  padding-top:22px;
  font-size:12px
}
.text-link {
  display:inline-flex;
  gap:20px;
  align-items:center;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
  font-size:14px;
  line-height:1.5
}
.text-link span {
  display:inline-block;
  transition:transform .25s
}
.text-link:hover span {
  transform:translate(3px,-3px)
}
.bank-project {
  display:grid;
  grid-template-columns: .9fr 1.5fr;
  gap:6%;
  padding:95px 0 108px;
  align-items:center
}
.bank-copy h3 {
  font-size:clamp(36px,3.5vw,54px);
  margin:24px 0
}
.bank-copy>p:not(.eyebrow) {
  font-size:14px;
  margin-bottom:18px
}
.bank-stat {
  margin:30px 0 18px
}
.bank-stat>span {
  font-size:76px;
  line-height:1;
  letter-spacing:-.07em
}
.bank-stat>span>span {
  font-family:Instrument;
  font-size:.65em
}
.bank-stat>p {
  font-size:14px;
  margin-top:10px
}
.bank-copy .small-note {
  font-size:12px;
  max-width:335px;
  line-height:1.6
}
.bank-copy .text-link {
  margin-top:12px
}
.bank-project figure {
  background:#fff;
  padding:24px 20px 20px
}
.bank-project figcaption {
  border-top:1px solid var(--line);
  font-size:12px;
  padding-top:15px;
  margin-top:15px
}
.image-dialog {
  border:0;
  background:var(--paper);
  max-width:min(1400px,95vw);
  width:95vw;
  padding:60px 28px 25px;
  max-height:93dvh;
  overflow:auto
}
.image-dialog::backdrop {
  background:#10201ed9;
  backdrop-filter:blur(5px)
}
.dialog-close {
  position:absolute;
  right:24px;
  top:16px;
  background:none;
  border:0;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:18px
}
.dialog-close span {
  font-size:25px
}
.image-dialog img {
  max-height:72dvh;
  width:auto;
  max-width:100%;
  margin:auto;
  object-fit:contain
}
.image-dialog p {
  font-size:14px;
  text-align:center;
  margin-top:20px
}
.case-page {
  padding-top:70px;
  padding-bottom:90px
}
.case-page h1 {
  font-size:clamp(54px,7vw,105px);
  max-width:1000px;
  margin:35px 0
}
.case-name {
  font-size:20px
}
.case-intro {
  max-width:760px;
  margin-top:30px;
  font-size:23px;
  color:var(--muted)
}
.case-image {
  margin:60px 0;
  background:#e3e9e3;
  padding:30px
}
.case-image img {
  max-height:850px;
  object-fit:contain
}
.case-grid {
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:10%;
  margin-top:60px
}
.case-metric {
  font-size:90px;
  letter-spacing:-.06em;
  line-height:1.2
}
.case-grid h2 {
  font-size:38px;
  margin-bottom:25px
}
.case-grid p {
  margin-bottom:22px
}
.scope,.evidence-note {
  font-size:14px
}
.evidence-note {
  border-left:2px solid var(--accent);
  padding-left:20px;
  color:var(--muted)
}
.phase-note {
  margin-top:70px;
  margin-bottom:20px;
  font-size:13px;
  color:var(--muted)
}
.simple-footer {
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--line);
  padding:25px 0;
  font-size:14px
}
@media(min-width:1700px) {
  .hero h1 {
    font-size:173px
  }
}
@media(max-width:1000px) {
  .hero-copy {
    padding-top:10px
  }
  .hero-copy h2 {
    font-size:42px
  }
  .hero-copy>p {
    font-size:15px;
    margin-top:20px
  }
  .hero-foot {
    padding-top:25px
  }
  .hero-portrait {
    aspect-ratio:3/4
  }
  .signature-project {
    padding:30px
  }
  .signature-body {
    grid-template-columns:1fr 1.6fr;
    gap:22px
  }
  .project-visual {
    padding:12px
  }
  .bank-project {
    gap:4%
  }
  .bank-copy h3 {
    font-size:38px
  }
  .bank-stat>span {
    font-size:64px
  }
}
@media(max-width:700px) {
  body {
    font-size:16px
  }
  .site-header {
    height:76px;
    position:relative
  }
  .wordmark {
    font-size:25px
  }
  .menu-toggle {
    display:flex;
    background:none;
    border:0;
    align-items:center;
    gap:20px;
    font-size:14px;
    padding:10px 0
  }
  .menu-toggle span {
    font-size:23px
  }
  .site-header nav {
    display:none;
    position:absolute;
    top:75px;
    left:calc(-1*var(--gutter));
    right:calc(-1*var(--gutter));
    background:var(--mist);
    z-index:5;
    padding:30px var(--gutter);
    border-bottom:1px solid var(--line);
    gap:24px;
    flex-direction:column;
    align-items:flex-start;
    font-size:19px
  }
  .site-header nav.is-open {
    display:flex
  }
  .nav-contact {
    margin-left:0
  }
  .hero {
    padding-top:22px;
    padding-bottom:35px
  }
  .hero-meta {
    align-items:center
  }
  .hero-meta .eyebrow {
    font-size:10px;
    letter-spacing:.05em
  }
  .hero-meta .eyebrow:last-child {
    max-width:120px;
    text-align:right
  }
  .hero h1 {
    font-size:11.15vw;
    margin:20px 0 28px;
    letter-spacing:-.07em
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:32px
  }
  .hero-copy {
    display:contents
  }
  .hero-copy h2 {
    grid-row:1;
    font-size:clamp(39px,8.8vw,60px);
    line-height:1.04
  }
  .hero-copy>p {
    grid-row:3;
    margin:0;
    font-size:16px;
    max-width:440px
  }
  .hero-portrait {
    grid-row:2;
    aspect-ratio:1/.94;
    margin-left:18%;
  }
  .hero-portrait img {
    object-position:50% 28%
  }
  .hero-portrait figcaption {
    font-size:10px;
    bottom:14px;
    left:15px
  }
  .hero-copy>.round-link {
    grid-row:4;
    margin-top:0
  }
  .hero-foot {
    grid-row:5;
    padding-top:0;
    font-size:11px
  }
  .work-section {
    padding-top:64px
  }
  .section-label>.eyebrow {
    font-size:10px
  }
  .section-heading {
    display:block;
    padding:34px 0 38px
  }
  .section-heading h2 {
    font-size:45px
  }
  .section-heading>p {
    margin-top:25px;
    font-size:15px
  }
  .signature-project {
    margin-inline:calc(-1*var(--gutter));
    padding:27px var(--gutter)
  }
  .project-top .eyebrow {
    font-size:10px
  }
  .project-title-row {
    display:block;
    margin:27px 0
  }
  .project-title-row h3 {
    font-size:46px
  }
  .project-title-row .round-link {
    margin-top:24px
  }
  .signature-body {
    display:flex;
    flex-direction:column;
    gap:28px
  }
  .signature-copy {
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:15px;
    width:100%
  }
  .signature-copy .project-name {
    font-size:16px;
    margin:0
  }
  .signature-copy>p:nth-child(2) {
    grid-column:1;
    grid-row:2;
    font-size:13px
  }
  .project-kpi {
    grid-column:2;
    grid-row:1/3;
    margin:0;
    padding-left:10px
  }
  .project-kpi>span {
    font-size:66px
  }
  .project-kpi p {
    font-size:12px
  }
  .signature-copy .small-note {
    grid-column:1/3;
    margin:0;
    font-size:11px
  }
  .project-visual {
    padding:12px;
    transform:none;
    max-width:100%
  }
  .project-visual figcaption {
    font-size:11px
  }
  .project-bottom {
    align-items:flex-start;
    gap:20px
  }
  .project-bottom>span {
    max-width:180px;
    font-size:11px
  }
  .project-bottom .text-link {
    font-size:12px;
    white-space:nowrap
  }
  .bank-project {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:60px 0;
    gap:35px
  }
  .bank-copy h3 {
    font-size:43px
  }
  .bank-copy>p:not(.eyebrow) {
    max-width:340px
  }
  .bank-stat>span {
    font-size:82px
  }
  .bank-project figure {
    padding:12px;
    margin-inline:-10px
  }
  .case-page {
    padding-top:42px
  }
  .case-page h1 {
    font-size:54px
  }
  .case-intro {
    font-size:19px
  }
  .case-image {
    margin:35px -10px;
    padding:10px
  }
  .case-grid {
    grid-template-columns:1fr;
    gap:25px;
    margin-top:35px
  }
  .simple-footer {
    flex-direction:column;
    gap:12px
  }
  .image-dialog {
    padding:58px 10px 20px
  }
  .image-dialog p {
    font-size:12px
  }
  .image-dialog img {
    max-height:68dvh
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
    transform:none!important
  }
}
.automotive-section {
  background:#e8eae1;
  padding:70px 0 95px
}
.automotive-grid {
  display:grid;
  grid-template-columns: .85fr 1.4fr;
  gap:10%;
  padding-top:64px;
  align-items:start
}
.automotive-copy h2 {
  font-size:clamp(54px,6.3vw,94px);
  line-height:.97;
  margin-bottom:35px
}
.automotive-copy h2 em {
  font-size:1.15em
}
.large-copy {
  font-size:24px;
  line-height:1.4;
  letter-spacing:-.025em
}
.automotive-copy>p:not(.large-copy) {
  font-size:16px;
  color:var(--muted);
  margin-top:25px
}
.domain-note {
  border-top:1px solid #b9c4b9;
  margin-top:40px;
  padding-top:22px
}
.domain-note>p {
  font-size:20px;
  line-height:1.5;
  margin-top:15px
}
.news-feature figure {
  padding:18px;
  background:#f8faf6
}
.news-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:22px 0
}
.news-caption .eyebrow {
  font-size:11px
}
.news-count {
  font-size:23px;
  white-space:nowrap;
  letter-spacing:-.05em
}
.news-count>span {
  padding:0 8px;
  color:var(--muted)
}
.news-feature h3 {
  font-size:clamp(40px,4.4vw,65px);
  margin-bottom:24px
}
.news-feature>p {
  font-size:16px;
  max-width:510px
}
.news-feature .small-note {
  font-size:12px;
  margin-top:20px;
  color:var(--muted)
}
.news-feature>.text-link {
  margin-top:25px
}
.approach-section {
  padding:74px 0 90px;
  background:var(--ink);
  color:var(--paper)
}
.approach-section .section-label {
  border-color:#52635c
}
.approach-section .section-label .eyebrow {
  color:#c6d4ca
}
.approach-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:14%;
  padding-top:75px
}
.approach-copy h2 {
  font-size:clamp(48px,5.4vw,80px);
  margin-bottom:45px
}
.approach-copy h2 em {
  color:#c4d4bb
}
.approach-copy>.large-copy {
  margin-bottom:23px
}
.approach-copy>p:not(.large-copy) {
  font-size:16px;
  color:#c0cdc3;
  max-width:450px
}
.practice-note {
  border-left:1px solid #79907f;
  padding-left:23px;
  margin-top:43px;
  max-width:445px
}
.practice-note p {
  font-size:13px;
  color:#bacbbe;
  line-height:1.7
}
.practice-note p+p {
  margin-top:18px
}
.practice-note span {
  color:var(--paper);
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:3px
}
.method-list {
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:methods
}
.method-list li {
  display:flex;
  gap:24px;
  border-top:1px solid #435951;
  padding:21px 0 22px
}
.method-list li:last-child {
  border-bottom:1px solid #435951
}
.method-number {
  color:#9caf9c;
  font-size:12px;
  padding-top:7px
}
.method-list h3 {
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.035em
}
.method-list p {
  font-size:13px;
  color:#bfcdc4;
  margin-top:8px;
  max-width:350px
}
.further-section {
  padding-top:100px;
  padding-bottom:105px
}
.further-layout {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:9%
}
.sap-image {
  background:#e7eae3;
  height:350px;
  padding:20px;
  overflow:hidden;
  margin-bottom:24px
}
.sap-image img {
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .5s var(--ease)
}
.sap-feature:hover .sap-image img {
  transform:scale(1.025)
}
.sap-feature h3 {
  font-size:42px;
  margin:17px 0 15px;
  position:relative
}
.sap-feature h3>span {
  position:absolute;
  right:0;
  bottom:4px;
  font-size:30px;
  transition:transform .3s
}
.sap-feature:hover h3>span {
  transform:translate(3px,-3px)
}
.sap-feature>p:not(.eyebrow) {
  font-size:15px
}
.sap-feature .small-note {
  font-size:12px!important;
  margin-top:15px;
  color:var(--muted)
}
.project-index-item {
  display:block;
  padding:25px 0 38px;
  border-top:1px solid var(--line)
}
.project-index-item+ .project-index-item {
  padding-bottom:0
}
.project-index-item h3 {
  position:relative;
  font-size:41px;
  margin:23px 0
}
.index-arrow {
  position:absolute;
  right:0;
  bottom:8px;
  font-size:28px;
  transition:transform .3s
}
.project-index-item:hover .index-arrow {
  transform:translate(3px,-3px)
}
.project-index-item>p {
  font-size:15px
}
.project-index-item .small-note {
  font-size:12px;
  color:var(--muted);
  margin-top:15px;
  max-width:360px
}
.about-section {
  padding:70px 0 85px;
  background:var(--mist)
}
.about-grid {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:15%;
  padding-top:60px
}
.about-intro h2 {
  font-size:clamp(40px,4.4vw,68px);
  margin-bottom:35px
}
.about-intro>.large-copy {
  max-width:500px
}
.about-intro>p:not(.large-copy) {
  max-width:480px;
  color:var(--muted);
  margin:24px 0 30px;
  font-size:16px
}
.about-details>div+div {
  border-top:1px solid var(--line);
  padding-top:22px;
  margin-top:25px
}
.about-details h3 {
  font-size:31px;
  margin:15px 0;
  letter-spacing:-.04em
}
.about-details p:not(.eyebrow) {
  font-size:14px;
  line-height:1.7;
  margin-top:10px
}
.about-details .small-note {
  font-size:12px;
  color:var(--muted)
}
.reading-note {
  margin-top:18px!important;
  font-size:12px!important
}
.credentials-section {
  padding-top:100px;
  padding-bottom:80px
}
.credentials-layout {
  display:grid;
  grid-template-columns:1fr 1.12fr;
  gap:7%;
  align-items:start
}
.credential-row {
  border-top:1px solid var(--line);
  position:relative;
  padding:20px 0 18px;
  transition:background .3s
}
.credential-row:last-child {
  border-bottom:1px solid var(--line)
}
.credential-link {
  display:flex;
  align-items:start;
  gap:20px;
  padding:2px 0
}
.credential-year {
  font-size:12px;
  padding-top:5px;
  color:var(--muted)
}
.credential-link strong {
  font-weight:400;
  font-size:21px;
  line-height:1.2;
  letter-spacing:-.025em
}
.credential-link small {
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:7px
}
.credential-arrow {
  margin-left:auto;
  font-size:23px;
  color:var(--muted);
  transition:transform .3s
}
.credential-row.is-active .credential-link strong {
  color:var(--accent)
}
.credential-row.is-active .credential-arrow {
  transform:translate(2px,-2px);
  color:var(--accent)
}
.certificate-button {
  border:0;
  background:none;
  font-size:12px;
  padding:5px 0 0;
  margin-left:50px;
  text-decoration:underline;
  text-underline-offset:4px;
  color:var(--muted)
}
.credential-stage {
  background:#e7eae1;
  padding:25px 28px 22px;
  position:sticky;
  top:25px
}
.credential-stage>.eyebrow {
  color:var(--muted);
  margin-bottom:26px
}
.credential-stage img {
  box-shadow:0 10px 35px #21382b12;
  transition:opacity .18s ease
}
.credential-stage img.is-changing {
  opacity:.3
}
.stage-caption {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:15px;
  margin-top:28px;
  border-top:1px solid #bdc9bd;
  padding-top:20px
}
.credential-stage .small-note {
  font-size:12px;
  color:var(--muted);
  margin-top:14px;
  max-width:330px
}
.supporting-learning {
  display:flex;
  align-items:baseline;
  gap:35px;
  border-top:1px solid var(--line);
  padding-top:25px;
  margin-top:40px
}
.supporting-learning .eyebrow {
  white-space:nowrap
}
.supporting-learning>p {
  font-size:13px;
  color:var(--muted);
  max-width:700px
}
.certificate-dialog {
  width:min(1000px,94vw);
  max-height:92dvh;
  border:0;
  padding:55px 35px 30px;
  background:var(--paper);
  color:var(--ink);
  overflow:auto
}
.certificate-dialog::backdrop {
  background:#10201ed9;
  backdrop-filter:blur(5px)
}
.certificate-dialog>h2 {
  font-size:34px;
  margin:12px 0 25px
}
.certificate-dialog>img {
  max-height:58dvh;
  object-fit:contain
}
.certificate-actions {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:25px
}
body:has(dialog[open]) {
  overflow:hidden
}
.contact-section {
  background:#dbe4d7;
  padding:65px 0 0
}
.contact-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  margin:65px 0 30px
}
.contact-heading h2 {
  font-size:clamp(52px,6.8vw,101px)
}
.contact-circle {
  display:grid;
  place-items:center;
  width:125px;
  height:125px;
  border:1px solid #667866;
  border-radius:50%;
  font-size:60px;
  flex-shrink:0;
  transition:background .3s,color .3s,transform .3s
}
.contact-circle:hover {
  background:var(--ink);
  color:var(--paper);
  transform:rotate(5deg)
}
.contact-section>.wrap>p {
  font-size:16px;
  color:#485b4b
}
.email-link {
  display:inline-block;
  font-size:clamp(24px,3.4vw,50px);
  letter-spacing:-.04em;
  margin:36px 0 75px;
  border-bottom:1px solid #849581;
  line-height:1.3;
  transition:border-color .3s
}
.email-link:hover {
  border-color:var(--ink)
}
.footer {
  border-top:1px solid #b1c0ae;
  padding:25px 0 30px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:12px
}
.footer>div {
  display:flex;
  gap:30px
}
.footer a>span {
  margin-left:7px
}
[data-reveal] {
  transition:opacity .8s var(--ease),translate .8s var(--ease)
}
[data-reveal].will-reveal {
  opacity:0;
  translate:0 24px
}
[data-reveal].is-visible {
  opacity:1;
  translate:0 0
}
@media(max-width:1000px) {
  .automotive-grid {
    gap:5%
  }
  .approach-grid {
    gap:8%
  }
  .further-layout {
    gap:6%
  }
  .about-grid {
    gap:8%
  }
  .credentials-layout {
    gap:4%
  }
  .credential-link {
    gap:12px
  }
  .credential-link strong {
    font-size:18px
  }
  .certificate-button {
    margin-left:43px
  }
  .credential-stage {
    padding:20px
  }
  .sap-image {
    height:310px
  }
}
@media(max-width:700px) {
  .automotive-section {
    padding:35px 0 60px
  }
  .automotive-grid {
    display:block;
    padding-top:42px
  }
  .automotive-copy h2 {
    font-size:68px;
    margin-bottom:25px
  }
  .large-copy {
    font-size:23px
  }
  .automotive-copy>p:not(.large-copy) {
    font-size:15px
  }
  .domain-note {
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:15px;
    margin-top:28px;
    padding-top:20px
  }
  .domain-note>p {
    margin-top:0;
    font-size:18px
  }
  .news-feature {
    margin-top:40px
  }
  .news-feature figure {
    padding:10px;
    margin-inline:-10px
  }
  .news-caption {
    align-items:flex-start
  }
  .news-caption .eyebrow {
    max-width:160px;
    font-size:10px
  }
  .news-count {
    font-size:21px
  }
  .news-feature h3 {
    font-size:45px
  }
  .news-feature>p {
    font-size:15px
  }
  .approach-section {
    padding:40px 0 55px
  }
  .approach-section .section-label>.eyebrow:last-child {
    max-width:140px;
    text-align:right
  }
  .approach-grid {
    display:block;
    padding-top:42px
  }
  .approach-copy h2 {
    font-size:53px;
    margin-bottom:30px
  }
  .approach-copy>p:not(.large-copy) {
    font-size:15px
  }
  .practice-note {
    margin-top:25px
  }
  .method-list {
    margin-top:40px
  }
  .method-list li {
    padding:18px 0
  }
  .method-list h3 {
    font-size:24px
  }
  .further-section {
    padding-top:60px;
    padding-bottom:60px
  }
  .further-layout {
    display:block
  }
  .sap-image {
    height:300px
  }
  .sap-feature h3 {
    font-size:40px
  }
  .further-index {
    margin-top:38px
  }
  .project-index-item {
    padding:25px 0 30px
  }
  .project-index-item h3 {
    font-size:39px
  }
  .about-section {
    padding:40px 0 55px
  }
  .about-grid {
    display:block;
    padding-top:35px
  }
  .about-intro h2 {
    font-size:43px
  }
  .about-intro>.large-copy {
    font-size:22px
  }
  .about-intro>p:not(.large-copy) {
    font-size:15px
  }
  .about-details {
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid var(--line)
  }
  .about-details h3 {
    font-size:31px
  }
  .credentials-section {
    padding-top:60px;
    padding-bottom:45px
  }
  .credentials-layout {
    display:block
  }
  .credential-stage {
    display:none
  }
  .credential-row {
    padding:21px 0 19px
  }
  .credential-link {
    gap:17px
  }
  .credential-link strong {
    font-size:21px;
    line-height:1.25
  }
  .credential-link small {
    font-size:12px
  }
  .credential-year {
    font-size:12px
  }
  .certificate-button {
    margin-left:47px;
    font-size:13px;
    padding-top:10px;
    padding-bottom:5px;
    min-height:38px
  }
  .supporting-learning {
    display:block;
    margin-top:28px;
    padding-top:20px
  }
  .supporting-learning>p {
    margin-top:14px;
    font-size:13px
  }
  .certificate-dialog {
    padding:55px 16px 25px
  }
  .certificate-dialog>h2 {
    font-size:29px
  }
  .certificate-dialog>img {
    max-height:none
  }
  .certificate-actions {
    flex-direction:column;
    align-items:flex-start;
    gap:23px
  }
  .contact-section {
    padding-top:38px
  }
  .contact-heading {
    margin-top:40px;
    gap:15px
  }
  .contact-heading h2 {
    font-size:48px;
    max-width:340px
  }
  .contact-circle {
    width:54px;
    height:54px;
    font-size:29px;
    align-self:flex-end;
    margin-bottom:3px;
    display:none
  }
  .contact-section>.wrap>p {
    font-size:15px
  }
  .desktop-break {
    display:none
  }
  .email-link {
    font-size:clamp(23px,6vw,38px);
    margin:30px 0 50px
  }
  .footer {
    flex-direction:column;
    gap:20px
  }
  .footer>div {
    justify-content:space-between;
    gap:15px
  }
  .footer {
    font-size:11px
  }
}
@media(prefers-reduced-motion:reduce) {
  [data-reveal].will-reveal {
    opacity:1;
    translate:none
  }
  [data-reveal] {
    translate:none!important
  }
}
.signature-project a:focus-visible,.signature-project button:focus-visible {
  outline-color:#f7f7f2
}
.image-button {
  position:relative
}
.image-button[data-image]:after {
  content:'View larger ↗';
  display:block;
  background:var(--ink);
  color:var(--paper);
  font:400 12px/1.3 DM,Arial,sans-serif;
  position:absolute;
  right:10px;
  bottom:10px;
  padding:7px 10px;
  opacity:0;
  transition:opacity .2s
}
.image-button[data-image]:hover:after,.image-button[data-image]:focus-visible:after {
  opacity:1
}
@media(hover:none) {
  .image-button[data-image]:after {
    opacity:1;
    font-size:10px;
    right:5px;
    bottom:5px;
    padding:5px 8px
  }
}
[data-reveal]:focus-within {
  opacity:1;
  translate:0 0
}

/* Phase 3: extend the established editorial system. */
.education-feature {
  display:grid;
  grid-template-columns:1.4fr .7fr;
  gap:10%;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:38px 0 42px;
  margin-bottom:55px;
}
.education-feature h3 {
  font-size:clamp(30px,3.7vw,56px);
  margin-top:20px;
  line-height:1.1;
  position:relative;
}
.degree-mark {
  display:inline-block;
  font:400 12px/1 DM,Arial,sans-serif;
  letter-spacing:0;
  margin-left:16px;
  vertical-align:middle;
  border:1px solid var(--line);
  padding:8px 10px;
}
.education-detail>p:nth-child(2) {
  font-size:26px;
  line-height:1.3;
  margin:16px 0;
  letter-spacing:-.03em;
}
.education-detail .small-note {font-size:13px;color:var(--muted);max-width:300px}
.credentials-layout {grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:5%}
.credential-stage {padding:28px;top:30px}
#stage-preview {width:100%;aspect-ratio:1600/1237;display:grid;place-items:center}
#credential-preview {width:100%;height:100%;object-fit:contain}
.certificate-button {min-height:36px;padding-top:7px;padding-bottom:7px}
.verified-label {display:block;font-size:11px;letter-spacing:.025em;color:var(--forest);margin-top:9px}
.supporting-learning {justify-content:space-between;gap:40px}
.supporting-learning>p {max-width:610px}
.supporting-learning>a {flex-shrink:0;font-size:14px}
#certificate-verification-note {font-size:13px;line-height:1.6;margin-top:20px;max-width:720px;color:var(--muted)}
.credentials-page {padding-top:65px;padding-bottom:85px}
.credentials-page h1 {font-size:clamp(58px,7vw,100px);margin:24px 0 30px}
.credentials-page .case-intro {margin-bottom:60px}
.credential-group-title {font-size:25px;margin-bottom:25px}
.supporting-title {margin-top:55px}
.credentials-back {margin-top:55px}
.screening-note {border-top:1px solid #658379;margin-top:25px;padding-top:22px}
.screening-note .eyebrow {color:#c5d6c7;font-size:10px}
.screening-note>p {font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:16px 0}
.screening-note small {font-size:12px;line-height:1.6;display:block;max-width:250px;color:#d2ded5}
.academic-note {font-size:12px;line-height:1.7;border-left:1px solid var(--line);padding-left:17px;margin:22px 0!important}
.academic-note span {color:var(--muted);font-size:11px}
.selected-news {display:grid;grid-template-columns:1.45fr 1fr;gap:6%;align-items:center;padding:40px 0 70px;border-top:1px solid var(--line)}
.selected-news figure {padding:15px;background:var(--mist)}
.selected-news .news-caption {margin-top:0;align-items:flex-start}
.selected-news .news-count {font-size:20px}
.selected-news h3 {font-size:clamp(38px,4vw,60px)}
.selected-news-copy>p {font-size:16px}
.selected-news-copy .small-note {font-size:12px;max-width:440px}
.selected-news-copy>.text-link {margin-top:24px;font-size:14px}
.work-section .further-section {padding-top:45px;padding-bottom:95px}
.further-section .section-heading h3 {font-size:clamp(40px,4.5vw,68px)}
.index-chart {width:100%;margin:24px 0 17px;background:white}
.domain-editorial {padding-top:10px}
.domain-statement {font-size:clamp(38px,4.5vw,67px);letter-spacing:-.045em;line-height:1.05;margin-bottom:35px}
.domain-editorial>p:not(.domain-statement) {max-width:520px;font-size:16px;color:var(--muted)}
.domain-links {display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:28px;font-size:14px}
.domain-editorial .domain-note>p {font-size:16px;max-width:475px;color:var(--muted)}
.case-question {margin-top:35px;max-width:790px}
.case-question .case-intro {margin-top:12px}
.case-scope {margin-top:25px;color:var(--muted)}
.case-image figcaption,.case-supporting figcaption {font-size:13px;color:var(--muted);margin-top:18px;max-width:880px}
.case-image .image-button {width:100%}
.case-image img {width:100%;max-height:760px}
.case-summary {padding-bottom:60px}
.case-takeaway h2 {font-size:clamp(36px,3.3vw,49px);margin:20px 0}
.case-summary p {font-size:16px}
.case-takeaway .eyebrow {font-size:12px}
.case-story>section {display:grid;grid-template-columns:1fr 1.6fr;gap:10%;border-top:1px solid var(--line);padding:45px 0 50px}
.case-story h2 {font-size:34px;margin-bottom:25px}
.case-story p:not(.eyebrow),.case-story li {font-size:16px;line-height:1.8;max-width:740px}
.case-story p+p {margin-top:20px}
.case-story ol {margin:0;padding-left:22px}
.case-story li {padding-left:10px}
.case-story li+li {margin-top:15px}
.case-story .text-link {margin-top:25px}
.case-supporting {padding:25px;background:#e8ede6;margin:0 0 55px}
.case-supporting .image-button {display:block;max-width:1000px;margin:auto}
.case-supporting img {max-height:680px;margin:auto;object-fit:contain}
.case-supporting figcaption {margin-inline:auto;text-align:center}
.case-next {display:flex;flex-direction:column;gap:22px;border-top:1px solid var(--line);padding-top:32px;margin-top:45px}
.case-next>span:last-child {font-size:clamp(27px,3.4vw,48px);letter-spacing:-.035em;line-height:1.2;max-width:950px}
@media(max-width:1100px) and (min-width:701px) {
  .education-feature {grid-template-columns:1.3fr 1fr;gap:7%}
  .credentials-layout {grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4%}
  .credential-link {gap:12px}
  .credential-link strong {font-size:18px}
  .credential-stage {padding:18px}
  .selected-news {grid-template-columns:1.2fr 1fr;gap:4%}
  .selected-news .news-caption {display:block}
  .selected-news .news-count {display:block;margin-top:10px}
  .selected-news h3 {font-size:38px}
  .automotive-grid {gap:7%}
}
@media(max-width:700px) {
  .education-feature {display:block;padding:28px 0;margin-bottom:25px}
  .education-feature h3 {font-size:34px;line-height:1.12;max-width:440px}
  .degree-mark {font-size:11px;margin-left:10px;padding:6px 8px}
  .education-detail {margin-top:28px}
  .education-detail>p:nth-child(2) {font-size:24px;margin:10px 0}
  .education-detail>p:nth-child(2)>br {display:none}
  .education-detail .small-note {max-width:400px}
  .credential-row {padding:18px 0 12px}
  .certificate-button {min-height:44px}
  .supporting-learning>a {display:inline-flex;margin-top:20px}
  .credentials-page {padding-top:45px;padding-bottom:55px}
  .credentials-page h1 {font-size:58px}
  .credentials-page .case-intro {font-size:18px;margin-bottom:40px}
  .screening-note {grid-column:1 / -1;max-width:100%;margin-top:0;padding-top:18px}
  .screening-note>p {font-size:27px}
  .screening-note>p br {display:none}
  .screening-note>p br:after {content:' '}
  .screening-note small {max-width:350px}
  .signature-copy {display:block}
  .signature-copy>p:nth-child(2) {font-size:15px;margin:18px 0}
  .signature-copy .small-note {margin-top:20px}
  .selected-news {display:flex;flex-direction:column;margin-top:0;padding:35px 0 45px;gap:25px;align-items:stretch}
  .selected-news figure {margin-inline:-10px;padding:10px}
  .selected-news h3 {font-size:44px}
  .selected-news-copy>p {font-size:15px}
  .work-section .further-section {padding-top:15px;padding-bottom:60px}
  .further-section .section-heading h3 {font-size:39px}
  .domain-editorial {margin-top:40px;padding-top:35px;border-top:1px solid #b9c4b9}
  .domain-statement {font-size:43px;margin-bottom:25px}
  .domain-editorial .domain-note {display:block}
  .domain-editorial .domain-note>p {margin-top:14px;font-size:15px}
  .case-scope {font-size:12px}
  .case-summary {padding-bottom:25px}
  .case-story>section {display:block;padding:30px 0 35px}
  .case-story h2 {font-size:30px;margin:20px 0}
  .case-story p:not(.eyebrow),.case-story li {font-size:15px}
  .case-supporting {margin-inline:-10px;padding:12px;margin-bottom:35px}
  .case-image figcaption,.case-supporting figcaption {font-size:11px}
  .case-next {margin-top:20px}
}
@media(max-width:370px) {
  .education-feature h3 {font-size:29px}
  .credentials-page h1 {font-size:49px}
  .credential-link strong {font-size:19px}
  .credential-link {gap:12px}
  .certificate-button {margin-left:42px}
  .selected-news h3 {font-size:39px}
  .domain-statement {font-size:38px}
}
@media(max-width:700px) {
  .case-page h1 {font-size:clamp(40px,12vw,54px)}
}

/* Phase 4: decision context, evidence and controlled exploration. */
html {scroll-padding-top:100px}
.sticky-header {position:sticky;top:0;z-index:30;background:var(--mist);transition:background .25s,box-shadow .25s}
.sticky-header.is-scrolled {background:var(--paper);box-shadow:0 1px 0 var(--line)}
.sticky-header .site-header {height:76px}
.site-header nav {gap:28px}
.site-header nav a[aria-current="location"]:after {transform:scaleX(1)}
.nav-contact {margin-left:0}
.nav-cv {border-left:1px solid var(--line);padding-left:24px}
.credential-category {margin-bottom:25px;color:var(--muted)}
.credential-info {width:100%;text-align:left;border:0;background:none}
.credential-parent {font-size:11px!important}
.supporting-explanation {font-size:13px;color:var(--muted);margin-bottom:25px}
.text-link.evidence-trigger {border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 5px;text-align:left;font:inherit;cursor:pointer}
.about-details .evidence-trigger {font-size:13px;margin-top:24px}
.evidence-dialog {width:min(850px,94vw);max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);border:0;padding:60px 45px 35px}
.evidence-dialog::backdrop {background:#10201ed9;backdrop-filter:blur(5px)}
.evidence-dialog h2 {font-size:clamp(34px,4vw,52px);margin:20px 0 30px}
.evidence-dialog>p {font-size:15px;line-height:1.8}
.evidence-dialog blockquote {font-size:25px;line-height:1.4;letter-spacing:-.03em;border-left:2px solid var(--accent);padding-left:25px;margin:30px 0 20px}
.evidence-dialog .quote-source {font-size:12px;color:var(--muted);line-height:1.7}
.evidence-dialog .evidence-context {font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:25px}
.thesis-title {color:var(--muted);margin-bottom:30px}
.thesis-facts {margin:0}
.thesis-facts>div {display:grid;grid-template-columns:155px 1fr;gap:25px;padding:20px 0;border-top:1px solid var(--line)}
.thesis-facts dt {font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.thesis-facts dd {margin:0;font-size:14px;line-height:1.8}
.evidence-detail {margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-detail summary {padding:20px 0;font-size:15px;cursor:pointer}
.evidence-detail p {font-size:14px;margin:15px 0;line-height:1.8}
.thesis-dialog>.text-link {margin-top:25px;font-size:14px}
summary:focus-visible,.project-track:focus-visible,.table-scroll:focus-visible {outline:2px solid var(--accent);outline-offset:5px}
[data-typography] {transform-origin:left center;transition:transform .7s var(--ease),opacity .7s var(--ease),translate .7s var(--ease)}
[data-typography].will-reveal {transform:scale(.97)}
.project-explorer {margin-top:5px}
.explorer-controls,.explorer-hint {display:none}
.is-enhanced .explorer-controls {display:flex;justify-content:space-between;align-items:stretch;border-top:1px solid var(--line);gap:20px}
.project-choices {display:flex;gap:30px}
.project-choices button {border:0;border-top:2px solid transparent;background:none;font-size:14px;text-align:left;padding:20px 0;color:var(--muted);min-height:64px}
.project-choices button span {font-size:11px;margin-right:8px}
.project-choices button[aria-pressed="true"] {border-color:var(--ink);color:var(--ink)}
.explorer-arrows {display:flex;align-items:center;gap:18px;flex-shrink:0}
.explorer-arrows button {background:none;border:1px solid var(--line);width:44px;height:44px;font-size:24px;line-height:1}
.explorer-arrows button:disabled {opacity:.3;cursor:default}
.explorer-arrows [data-position] {font-size:12px;font-variant-numeric:tabular-nums}
.is-enhanced .project-track {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;max-width:100%}
.is-enhanced .project-track::-webkit-scrollbar {display:none}
.project-scene {min-width:0;background:var(--forest);color:var(--paper);display:grid;grid-template-columns:.85fr 1.3fr;grid-template-rows:auto 1fr;grid-template-areas:'heading visual' 'copy visual';gap:28px 4%;padding:42px;margin-bottom:30px}
.is-enhanced .project-scene {flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;margin-bottom:0}
.scene-heading {grid-area:heading;min-width:0}
.scene-heading>.eyebrow {font-size:10px;color:#d2dfd6}
.scene-heading h3 {font-size:clamp(38px,4vw,60px);line-height:1.02;margin-top:30px}
.scene-copy {grid-area:copy;min-width:0}
.scene-copy .project-name {font-size:16px;line-height:1.5;margin:0 0 15px}
.scene-copy>p:not(.project-name) {font-size:14px;line-height:1.75;max-width:410px;color:#d3dfd7}
.scene-copy .scene-scope {font-size:12px!important;border-top:1px solid #678277;padding-top:18px;margin-top:22px}
.scene-actions {display:flex;flex-wrap:wrap;align-items:start;gap:20px;margin-top:24px;font-size:13px}
.scene-actions .evidence-trigger {font-size:12px}
.project-scene a:focus-visible,.project-scene button:focus-visible {outline-color:var(--paper)}
.project-scene>.analytical-visual {grid-area:visual;align-self:center;min-width:0;margin:0}
.analytical-visual {background:#eef0e9;padding:14px;color:var(--ink)}
.analytical-visual .image-button,.analytical-visual picture,.analytical-visual img {display:block;width:100%}
.analytical-visual figcaption {font-size:12px;line-height:1.7;color:var(--muted);padding:16px 6px 4px}
.scene-1 {background:#233d39}
.scene-2 {background:#2c4947}
.is-enhanced .explorer-hint {display:block;font-size:11px;color:var(--muted);text-align:right;margin-top:13px}
.secondary-work {padding:48px 0 28px}
.secondary-heading {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;padding:30px 0}
.secondary-heading h3 {font-size:clamp(30px,2.65vw,39px);line-height:1.12;letter-spacing:-.035em}
.secondary-heading>p {max-width:540px;font-size:15px;line-height:1.75;color:var(--muted)}
.secondary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);padding-top:24px}
.secondary-project {position:relative;display:flex;flex-direction:column;min-width:0}
.secondary-project+.secondary-project:before {content:'';position:absolute;left:-15px;top:0;bottom:0;width:1px;background:var(--line)}
.secondary-capability {display:flex;align-items:center;gap:13px;min-height:26px}
.secondary-capability .eyebrow {font-size:10px;letter-spacing:.06em}
.secondary-number {font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums}
.secondary-project h4 {font-size:clamp(23px,1.9vw,29px);font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:18px 0 14px}
.secondary-project h4 a {display:block;width:fit-content}
.secondary-project .secondary-context {font-size:14px;line-height:1.7;margin:0 0 22px;color:var(--muted);min-height:4.9em}
.secondary-project .analytical-visual {padding:8px;margin:0 0 18px}
.secondary-project .analytical-visual figcaption {font-size:11px;line-height:1.7;padding:12px 6px}
.secondary-project>.text-link {font-size:12px;margin-top:auto;align-self:flex-start;min-height:44px}
.secondary-proof-bridge {display:flex;justify-content:space-between;align-items:baseline;gap:22px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:13px;color:var(--muted)}
.secondary-proof-bridge .eyebrow {font-size:10px;color:var(--ink)}
.secondary-proof-bridge>span:last-child>span {margin-left:12px;color:var(--ink)}
.case-source {font-size:13px;margin-top:20px}
.case-page>.analytical-visual {margin:45px 0 35px;padding:25px}
.case-page>.analytical-visual .image-button {max-width:1000px;margin:auto}
.case-page>.analytical-visual figcaption {max-width:1000px;margin:auto}
.decision-context {display:grid;grid-template-columns:.8fr 1.4fr;gap:10%;padding:25px 0 40px;border-bottom:1px solid var(--line)}
.decision-context>div>p:last-child {font-size:21px;line-height:1.5;letter-spacing:-.025em;margin-top:15px}
.case-reading {width:min(850px,100%);margin:0 auto}
.case-reading>section {padding:40px 0;border-bottom:1px solid var(--line)}
.case-reading h2 {font-size:35px;margin-bottom:25px;line-height:1.12}
.case-reading p {font-size:16px;line-height:1.85}
.case-reading p+p {margin-top:20px}
.case-reading .eyebrow {font-size:11px;margin-bottom:18px}
.case-reading .evidence-trigger {font-size:14px;margin-top:22px}
.case-disclosure {border-bottom:1px solid var(--line)}
.case-disclosure summary {font-size:17px;padding:24px 0;cursor:pointer}
.disclosure-body {padding:0 0 30px}
.disclosure-body h3 {font-size:23px;margin:25px 0 18px}
.disclosure-body ol {padding-left:23px;margin:0}
.disclosure-body li {padding-left:8px;font-size:15px;line-height:1.85;margin:15px 0}
.case-result {border-left:2px solid var(--accent);padding-left:24px;font-size:21px!important;line-height:1.6!important;margin-bottom:30px}
.original-output {background:var(--mist);padding:15px;margin:25px 0}
.original-output figcaption {font-size:12px;color:var(--muted);line-height:1.7;padding-top:15px}
.original-output .image-button {width:100%}
.original-output img {margin:auto;max-height:800px;object-fit:contain}
.case-next-step .text-link {margin-top:25px;font-size:14px}
.case-navigation {display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-top:32px;margin-top:60px}
.case-navigation a {display:flex;flex-direction:column;gap:20px}
.case-navigation a:last-child {text-align:right}
.case-navigation a>span:last-child {font-size:28px;letter-spacing:-.035em;line-height:1.2}
.table-scroll {overflow-x:auto;margin:25px 0}
.table-scroll table {border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:460px}
.table-scroll caption {text-align:left;font-size:12px;margin-bottom:15px;color:var(--muted)}
.table-scroll td,.table-scroll th {padding:12px 10px;border-bottom:1px solid var(--line);font-weight:400}
.table-scroll thead th {font-weight:600}
@media(max-width:1100px) {
 .project-choices {gap:20px}
 .project-choices button {font-size:12px}
 .project-scene {padding:30px;grid-template-columns:.8fr 1fr;gap:22px 4%}
 .scene-heading h3 {font-size:39px}
 .secondary-grid {gap:24px}
 .secondary-project+.secondary-project:before {left:-13px}
 .secondary-capability {align-items:start}
 .secondary-project h4 {font-size:23px}
}
@media(max-width:800px) {
 .project-scene {display:flex;flex-direction:column;gap:25px}
 .scene-heading h3 {font-size:48px;max-width:650px}
 .scene-copy>p:not(.project-name) {max-width:650px}
 .scene-copy .scene-scope {max-width:650px}
 .is-enhanced .explorer-controls {flex-wrap:wrap;gap:0;padding-bottom:15px}
 .project-choices {width:100%;justify-content:space-between}
 .explorer-arrows {margin-left:auto}
 .project-scene>.analytical-visual {align-self:stretch}
 .secondary-heading {gap:5%}
 .secondary-heading h3 {font-size:31px}
 .secondary-grid {display:block;padding-top:0}
 .secondary-project {display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto 1fr auto;align-items:start;gap:0 5%;padding:28px 0}
 .secondary-project+.secondary-project {border-top:1px solid var(--line)}
 .secondary-project+.secondary-project:before {display:none}
 .secondary-project>.secondary-capability,.secondary-project>h4,.secondary-project>.secondary-context,.secondary-project>.text-link {grid-column:1}
 .secondary-project .analytical-visual {grid-column:2;grid-row:1/5;align-self:center;margin:0}
 .secondary-project h4 {font-size:26px}
 .secondary-project .secondary-context {min-height:0}
 .secondary-project>.text-link {justify-self:start}
}
@media(max-width:700px) {
 .nav-cv {border-left:0;padding-left:0}
 .site-header nav {gap:22px}
 .sticky-header .site-header {height:76px}
 .credential-category {font-size:10px;margin-bottom:18px}
 .project-scene {padding:25px 18px}
 .project-choices {gap:14px}
 .project-choices button {font-size:11px;line-height:1.4;flex:1;padding:15px 0}
 .project-choices button span {display:block;margin:0 0 5px}
 .scene-heading h3 {font-size:43px;margin-top:20px}
 .scene-heading>.eyebrow {font-size:9px}
 .scene-actions {gap:18px;flex-direction:column}
 .project-scene .analytical-visual {margin-inline:-8px;padding:8px}
 .analytical-visual figcaption {font-size:11px;line-height:1.7}
 .scene-copy .project-name {font-size:15px}
 .scene-copy>p:not(.project-name) {font-size:14px}
 .secondary-work {padding:40px 0 26px}
 .secondary-heading {display:block;padding:25px 0}
 .secondary-heading h3 {font-size:31px}
 .secondary-heading>p {margin-top:18px;font-size:14px}
 .secondary-project {display:block;padding:26px 0}
 .secondary-project h4 {font-size:27px;margin:14px 0}
 .secondary-project .secondary-context {margin-bottom:20px}
 .secondary-project .analytical-visual {margin:0 0 17px}
 .secondary-project>.text-link {font-size:13px}
 .secondary-proof-bridge {display:block;margin-top:0;padding-top:21px}
 .secondary-proof-bridge>span {display:block}
 .secondary-proof-bridge>span+span {margin-top:9px;max-width:310px;line-height:1.7}
 .evidence-dialog {padding:58px 22px 28px}
 .evidence-dialog h2 {font-size:35px;line-height:1.1}
 .evidence-dialog>p {font-size:14px}
 .evidence-dialog blockquote {font-size:21px;padding-left:17px}
 .thesis-facts>div {display:block;padding:18px 0}
 .thesis-facts dd {margin-top:12px}
 .thesis-facts dt {font-size:11px}
 .case-page>.analytical-visual {padding:8px;margin:35px -10px 20px}
 .decision-context {display:block;padding-top:15px}
 .decision-context>div+div {margin-top:25px}
 .decision-context>div>p:last-child {font-size:19px;margin-top:10px}
 .case-reading>section {padding:30px 0}
 .case-reading h2 {font-size:30px}
 .case-reading p {font-size:15px}
 .case-result {font-size:19px!important;padding-left:18px}
 .case-disclosure summary {font-size:16px;line-height:1.5}
 .case-navigation {gap:25px;margin-top:45px}
 .case-navigation a>span:last-child {font-size:20px}
 .case-navigation .eyebrow {font-size:10px}
}
@media(max-width:370px) {
 .scene-heading h3 {font-size:36px}
 .project-scene {padding:22px 14px}
 .scene-heading>.eyebrow {font-size:8px}
 .project-choices {gap:9px}
 .project-choices button {font-size:10px}
 .evidence-dialog h2 {font-size:30px}
}
@media(prefers-reduced-motion:reduce) {
 .project-track {scroll-behavior:auto!important}
 [data-typography] {transform:none!important}
}

/* Keep navigation and chart annotations readable with or without motion. */
.site-header nav a:after {transform:none;opacity:0;transition:opacity .2s}
.site-header nav a:hover:after,.site-header nav a[aria-current="location"]:after {opacity:1}
.analytical-visual .image-button[data-image]:after {position:static;display:block;width:fit-content;margin:9px 0 0 auto;opacity:1;transform:none;background:transparent;color:var(--ink);padding:4px 0;font-size:11px;box-shadow:none}
.text-link.evidence-trigger {min-height:44px}
.case-page>.decision-context {margin-top:30px;border-top:1px solid var(--line);padding-bottom:25px}

/* Phase 4.1: a compact process, a team proof, and individual research feedback. */
.approach-section {padding:52px 0 58px}
.approach-grid {padding-top:36px;gap:9%;grid-template-columns:1fr 1.15fr}
.approach-copy h2 {margin-bottom:26px}
.approach-copy>.large-copy {margin-bottom:18px}
.approach-copy .approach-evidence-note {font-size:12px;margin-top:28px;color:#c0cdc3;border-left:1px solid #79907f;padding-left:18px}
.method-list li {padding:12px 0;gap:20px;position:relative}
.method-list p {max-width:460px;margin-top:5px;line-height:1.6}
.method-list a {text-decoration:underline;text-underline-offset:3px;text-decoration-color:#79907f}
.method-list h3,.method-list .method-number {transition:color .18s,transform .18s}
.method-list.is-scroll-driven h3 {color:#b8c9bf}
.method-list.is-scroll-driven li[aria-current="step"] h3 {color:var(--paper);transform:translateX(7px)}
.method-list.is-scroll-driven li[aria-current="step"] .method-number {color:#f0b094;transform:scale(1.2)}
.method-list.is-scroll-driven li:before {content:'';position:absolute;left:-13px;top:16px;bottom:16px;width:2px;background:#f0b094;opacity:0;transition:opacity .18s}
.method-list.is-scroll-driven li[aria-current="step"]:before {opacity:1}
.scroll-story {--grade-focus:1;--quote-focus:1;--detail-focus:1;--spotlight:0;--release:0;position:relative;isolation:isolate}
.story-sticky {padding:70px 0;position:relative}
.bank-proof {background:#eeeee5;color:var(--ink)}
.bank-proof .story-sticky:before {content:'';position:absolute;inset:0;background:#e0e7dd;opacity:var(--spotlight);z-index:-1}
.bank-proof-layout {display:grid;grid-template-columns:.65fr 1.45fr;column-gap:10%;align-content:center}
.proof-context {grid-column:1/-1;border-top:1px solid #becabf;padding-top:24px;margin-bottom:25px}
.proof-context h2 {font-size:28px;line-height:1.15;margin-top:18px;letter-spacing:-.025em}
.bank-grade {grid-row:2/4;align-self:center;transform-origin:left center;transform:scale(calc(.69 + .31 * var(--grade-focus)))}
.grade-value {font-size:clamp(125px,15vw,228px);line-height:.86;letter-spacing:-.085em;color:var(--accent);font-variant-numeric:lining-nums}
.grade-value span {font-size:.4em;letter-spacing:-.065em}
.grade-caption {font-size:13px;margin-top:25px}
.bank-voice {align-self:end;transform-origin:left center;transform:translateY(calc((1 - var(--quote-focus))*20px)) scale(calc(.84 + .16*var(--quote-focus)))}
.bank-voice blockquote {margin:0;font-size:clamp(32px,3.5vw,51px);line-height:1.12;letter-spacing:-.035em;max-width:850px}
.proof-attribution {font-size:15px;margin-top:25px;line-height:1.5}
.proof-attribution span {display:block;font-size:12px;margin-top:6px}
.bank-contribution {grid-column:2;margin-top:25px;border-top:1px solid #becabf;padding-top:20px}
.bank-contribution>.eyebrow {font-size:10px;color:var(--muted)}
.bank-contribution>p:nth-child(2) {font-size:23px;margin-top:7px}
.proof-qualification {font-size:12px;color:#485950;line-height:1.7;max-width:600px;margin-top:15px}
.bank-contribution .evidence-trigger {font-size:12px;margin-top:15px}
.thesis-public-link {font-size:13px;margin-top:23px;margin-right:20px}
.about-details .evidence-trigger {display:block;margin-top:16px;width:fit-content}
.thesis-proof {background:#213c36;color:var(--paper)}
.thesis-proof .story-sticky:before {content:'';position:absolute;inset:0;background:#142c28;opacity:calc(var(--spotlight)*.85);z-index:-1}
.thesis-proof-context {display:flex;justify-content:space-between;gap:30px;border-top:1px solid #60766a;padding-top:23px;margin-bottom:38px;color:#d3dfd5}
.thesis-proof-context h2 {font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.thesis-proof-context>p {font-size:12px;line-height:1.7}
.thesis-voice {margin:0}
.feedback-opening {font-size:clamp(18px,1.6vw,23px);line-height:1.55;max-width:720px;color:#d3dfd5;opacity:calc(1 - var(--quote-focus)*.13)}
.feedback-main {font-size:clamp(43px,5.3vw,79px);line-height:1.05;letter-spacing:-.025em;margin-top:25px;max-width:1250px;transform-origin:left center;transform:translateY(calc((1 - var(--quote-focus))*24px)) scale(calc(.79 + .21*var(--quote-focus)))}
.feedback-main em {font-family:Instrument,Georgia,serif;font-weight:400}
.thesis-proof-footer {display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px;opacity:calc(.76 + .24*var(--detail-focus));transform:translateY(calc((1 - var(--detail-focus))*10px))}
.thesis-proof-footer .proof-attribution {margin-top:0;font-size:17px}
.thesis-proof-footer .proof-attribution span {font-size:12px;color:#d3dfd5}
.thesis-proof-source {max-width:460px;justify-self:end;font-size:12px;line-height:1.7;color:#d3dfd5}
.thesis-proof-source .text-link {margin-top:15px;font-size:13px;color:var(--paper)}
.thesis-proof a:focus-visible {outline-color:#f0b094}
@media(min-width:901px) and (min-height:760px) {
 .scroll-story.is-scroll-driven.bank-proof {min-height:135svh}
 .scroll-story.is-scroll-driven.thesis-proof {min-height:155svh}
 .scroll-story.is-scroll-driven .story-sticky {position:sticky;top:76px;min-height:calc(100svh - 76px);display:flex;align-items:center;padding-block:45px}
 /* Small provenance text stays at full contrast as the larger proof receives emphasis. */
}
@media(max-width:900px) {
 .bank-proof-layout {grid-template-columns:.7fr 1.3fr;gap:0 6%}
 .bank-voice blockquote {font-size:34px}
 .grade-value {font-size:132px}
 .proof-context h2 {font-size:26px}
 .feedback-main {font-size:clamp(40px,6vw,57px)}
 .thesis-proof-context {display:block;margin-bottom:28px}
 .thesis-proof-context>p {margin-top:15px}
 .story-sticky {padding-block:55px}
}
@media(max-width:700px) {
 .approach-section {padding:40px 0 44px}
 .approach-grid {display:block;padding-top:32px}
 .approach-copy h2 {font-size:53px}
 .approach-copy .approach-evidence-note {margin-top:22px}
 .method-list {margin-top:30px}
 .method-list li {padding:15px 0;gap:16px}
 .method-list h3 {font-size:23px}
 .method-list p {font-size:13px}
 .bank-proof-layout {display:block}
 .proof-context {margin-bottom:32px;padding-top:20px}
 .proof-context .eyebrow {font-size:10px}
 .proof-context h2 {font-size:29px}
 .bank-grade {margin-block:36px}
 .grade-value {font-size:clamp(124px,35vw,180px)}
 .grade-caption {margin-top:18px}
 .bank-voice blockquote {font-size:clamp(30px,8vw,39px);line-height:1.13}
 .bank-contribution {margin-top:24px;padding-top:20px}
 .bank-contribution>p:nth-child(2) {font-size:23px}
 .proof-attribution {font-size:15px;margin-top:22px}
 .thesis-proof .story-sticky {padding-block:45px}
 .feedback-opening {font-size:17px;line-height:1.55}
 .feedback-main {font-size:clamp(34px,9.3vw,46px);line-height:1.09;margin-top:24px;transform:translateY(calc((1 - var(--quote-focus))*12px)) scale(calc(.92 + .08*var(--quote-focus)))}
 .thesis-proof-footer {display:block;margin-top:28px}
 .thesis-proof-source {margin-top:25px}
}
@media(prefers-reduced-motion:reduce) {
 .scroll-story {--grade-focus:1!important;--quote-focus:1!important;--detail-focus:1!important;--spotlight:0!important}
 .scroll-story .story-sticky {position:relative;min-height:0}
 .scroll-story.is-scroll-driven {min-height:0!important}
 .method-list h3 {color:var(--paper)!important}
}

/* Final continuation: direct process evidence and shorter proof passages. */
.method-list li {padding:0}
.method-list .method-step {display:flex;gap:20px;width:100%;padding:8px 0;text-decoration:none;color:inherit;min-height:64px}
.method-list .method-step>div {min-width:0;flex:1}
.method-step .method-arrow {flex-shrink:0;font-size:17px;line-height:1.5;color:#9caf9c;padding-top:1px}
.method-step:hover .method-arrow,.method-step:focus-visible .method-arrow {color:#f0b094}
.method-list .method-step:focus-visible {outline-color:#f0b094;outline-offset:3px}
.method-list li[aria-current="step"] h3 {color:var(--paper);transform:translateX(7px)}
.method-list li[aria-current="step"] .method-number {color:#f0b094;transform:scale(1.2)}
.method-list li:before {content:'';position:absolute;left:-13px;top:13px;bottom:13px;width:2px;background:#f0b094;opacity:0;transition:opacity .18s}
.method-list li[aria-current="step"]:before {opacity:1}
.method-list li[aria-current="step"] p {color:#e2e9e1}
.approach-section {padding:44px 0 46px}
.approach-copy h2 {margin-bottom:22px}
.proof-context {padding-top:18px;margin-bottom:22px}
.proof-context h2 {font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0;line-height:1.5}
.proof-context>p {font-size:12px;color:var(--muted);margin-top:7px}
.bank-proof .story-sticky {padding-block:38px}
.bank-voice blockquote {font-size:clamp(31px,3.1vw,45px)}
.grade-value {font-size:clamp(125px,13.2vw,194px)}
.bank-contribution {margin-top:20px;padding-top:16px}
.bank-contribution>.proof-qualification {margin-top:9px}
.bank-contribution .evidence-trigger {margin-top:5px}
.bank-voice .proof-attribution {margin-top:18px}
.thesis-proof .story-sticky {padding-block:45px}
.thesis-proof-context {margin-bottom:26px;padding-top:18px}
.feedback-main {margin-top:0;font-size:clamp(43px,5.1vw,74px);max-width:1200px}
.thesis-proof-footer {margin-top:26px}
.thesis-proof-footer .proof-attribution a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7e9588}
.graduation-photo {margin:0 0 24px}
.graduation-photo img {width:100%;height:auto}
.graduation-photo figcaption {font-size:11px;color:var(--muted);line-height:1.6;padding-top:9px}
.about-details>.graduation-photo+div {border-top:0;padding-top:0;margin-top:0}
@media(min-width:901px) and (min-height:760px) {
 .scroll-story.is-scroll-driven.bank-proof,.scroll-story.is-scroll-driven.thesis-proof {min-height:0}
 .scroll-story.is-scroll-driven .story-sticky {position:relative;top:auto;min-height:0;display:block;padding-block:40px}
}
@media(min-width:701px) {
 .credentials-section {padding-top:72px;padding-bottom:56px}
 .section-heading {padding:36px 0 44px}
 .work-section {padding-top:72px}
 .secondary-work {padding:48px 0 28px}
 .automotive-section {padding:52px 0 60px}
 .automotive-grid {padding-top:42px}
 .about-section {padding:52px 0 54px}
 .about-grid {padding-top:40px;gap:10%}
 .contact-heading {margin-top:44px}
}
@media(max-width:700px) {
 .approach-section {padding-block:36px}
 .method-list .method-step {gap:16px;padding:11px 0}
 .bank-proof .story-sticky {padding-block:32px}
 .bank-grade {margin-block:25px}
 .grade-value {font-size:128px}
 .grade-caption {margin-top:12px}
 .bank-voice blockquote {font-size:clamp(29px,7.8vw,36px)}
 .proof-context {margin-bottom:20px}
 .proof-context h2 {font-size:10px}
 .thesis-proof .story-sticky {padding-block:34px}
 .thesis-proof-context {margin-bottom:23px}
 .feedback-main {font-size:clamp(33px,9.2vw,43px);line-height:1.1}
 .thesis-proof-footer {margin-top:25px}
 .thesis-proof-source {margin-top:19px}
 .section-heading {padding-top:30px;padding-bottom:34px}
 .secondary-work {padding-bottom:26px}
 .about-grid {gap:30px}
 .graduation-photo {margin-bottom:23px}
}

/* Phase 4.2: concise copy and a compact mobile reading path. */
.approach-copy h2,.automotive-copy h2,.about-intro h2 {font-size:clamp(42px,4.6vw,68px);line-height:1.08}
.approach-grid {align-items:start;gap:9%}
.approach-copy>p:not(.approach-evidence-note) {max-width:430px;font-size:16px}
.approach-copy .approach-evidence-note {margin-top:22px;padding-left:14px}
.method-list .method-step {padding:15px 0}
.method-list h3 {font-size:25px}
.method-list p {margin-top:6px}
.method-example {display:block;color:#bfcdc4;font-size:11px;line-height:1.6;margin-top:7px}
.project-index {display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:0 0 28px}
.project-index>div>.eyebrow {font-size:11px;margin-bottom:9px}
.project-index ol {list-style:none;margin:0;padding:0}
.project-index a {display:grid;grid-template-columns:22px 1fr 14px;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding:12px 0;min-height:48px;font-size:15px;line-height:1.5}
.project-index .index-number {font-size:12px;color:var(--accent)}
.project-index a:hover {color:var(--accent)}
.project-index a:focus-visible {outline-offset:3px}
.featured-label {font-size:11px;margin:8px 0 12px}
.scene-heading h3 {font-size:clamp(32px,3.4vw,49px);line-height:1.12;margin-top:18px;overflow-wrap:break-word}
.scene-capability {font-size:14px;line-height:1.6;margin-top:16px;color:#d3dfd7}
.project-scene {gap:24px 4%}
.scene-copy .scene-scope {margin-top:16px;padding-top:16px}
.scene-copy .scene-credit {font-size:12px!important;line-height:1.6;margin-top:12px}
.scene-actions {margin-top:20px}
.secondary-heading {display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:0 0 24px}
.secondary-heading h3 {font-size:clamp(29px,2.65vw,39px)}
.secondary-project .secondary-context {min-height:4.8em;margin-bottom:14px}
.secondary-fact {font-size:14px;line-height:1.6;min-height:7.5em;margin:0 0 18px}
.secondary-fact>span {display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px}
.compact-visual-label {display:none}
.automotive-grid {align-items:start}
.automotive-copy h2 {margin-bottom:24px}
.automotive-copy>p {font-size:16px;line-height:1.75;max-width:500px}
.domain-editorial {padding-top:0}
.domain-editorial>p {font-size:16px;line-height:1.75}
.about-intro h2 {margin-bottom:24px}
.about-intro>p {margin:0 0 20px}
.about-languages {border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
.about-languages .eyebrow {font-size:11px;margin-bottom:8px}
.about-languages>p+p {font-size:14px;line-height:1.8;color:var(--muted)}
.about-intro>.text-link {margin-top:22px}
.about-details h3 {font-size:29px;margin-bottom:16px}
.case-page h1 {font-size:clamp(38px,5.2vw,76px);line-height:1.08}
@media (min-width:701px) and (max-width:800px) {
 .secondary-project {grid-template-rows:auto auto auto 1fr auto}
 .secondary-fact {grid-column:1;min-height:0}
 .secondary-project .analytical-visual {grid-row:1/6}
}
@media (max-width:700px) {
 .credentials-section {padding-top:40px;padding-bottom:34px}
 .section-heading {padding:25px 0 28px}
 .section-heading h2,.approach-copy h2,.automotive-copy h2,.about-intro h2 {font-size:40px;line-height:1.1}
 .section-heading>p {font-size:15px}
 .education-feature {padding:24px 0;margin-bottom:28px}
 .education-feature h3 {margin-top:14px}
 .credential-row {padding-top:16px;padding-bottom:14px}
 .supporting-learning {margin-top:20px;padding-top:14px}
 .approach-section {padding-block:30px}
 .approach-grid {padding-top:24px}
 .approach-copy h2 {margin-bottom:18px}
 .approach-copy>p:not(.approach-evidence-note) {font-size:15px}
 .approach-copy .approach-evidence-note {margin-top:16px}
 .method-list {margin-top:22px}
 .method-list .method-step {padding:13px 0;gap:12px}
 .method-list h3 {font-size:23px}
 .method-example {margin-top:5px}
 .work-section {padding-top:36px}
 .project-index {gap:18px;padding-bottom:24px}
 .project-index>div>.eyebrow {font-size:10px;line-height:1.5;letter-spacing:.04em;min-height:30px}
 .project-index a {grid-template-columns:17px 1fr;gap:7px;align-items:start;font-size:13px;padding:9px 0;min-height:78px}
 .project-index a>span:last-child {display:none}
 .project-index .index-number {font-size:11px;padding-top:1px}
 .featured-label {font-size:10px;margin:0 0 8px}
 .project-scene {gap:18px;padding:24px 18px}
 .scene-heading h3 {font-size:32px;margin-top:15px}
 .scene-capability {font-size:14px;margin-top:12px}
 .scene-copy .scene-scope {padding-top:12px;margin-top:14px}
 .scene-actions {margin-top:17px}
 .secondary-work {padding:28px 0 24px}
 .secondary-heading {padding-bottom:18px;gap:16px}
 .secondary-heading h3 {font-size:29px}
 .secondary-heading>.eyebrow {font-size:10px;white-space:nowrap}
 .secondary-project {display:grid;grid-template-columns:auto 1fr;gap:0 22px;padding:22px 0}
 .secondary-project>.secondary-capability,.secondary-project>h4,.secondary-project>.secondary-context,.secondary-project>.secondary-fact {grid-column:1/-1}
 .secondary-project h4 {font-size:25px;line-height:1.2;margin:10px 0 12px}
 .secondary-project .secondary-context {font-size:14px;min-height:0;margin:0 0 12px}
 .secondary-fact {min-height:0;font-size:14px;margin:0 0 12px}
 .secondary-fact>span {margin-top:5px}
 .secondary-project .analytical-visual {grid-column:2;grid-row:auto;align-self:end;justify-self:start;background:transparent;padding:0;margin:0}
 .secondary-project .analytical-visual picture,.secondary-project .analytical-visual figcaption,.secondary-project .analytical-visual .image-button:after {display:none}
 .secondary-project .analytical-visual .image-button {min-height:44px;width:auto;cursor:pointer;border-bottom:1px solid currentColor}
 .compact-visual-label {display:inline-flex;gap:14px;align-items:center;font-size:13px;line-height:1.5}
 .secondary-project>.text-link {grid-column:1;grid-row:5;align-self:end;margin:0;font-size:13px;min-height:44px}
 .secondary-proof-bridge {padding-top:17px}
 .automotive-section {padding:32px 0 36px}
 .automotive-grid {padding-top:24px}
 .automotive-copy h2 {margin-bottom:18px}
 .automotive-copy>p {font-size:15px}
 .domain-editorial {margin-top:20px;padding-top:0;border-top:0}
 .domain-editorial>p:not(.domain-statement) {font-size:15px}
 .domain-links {margin-top:18px;gap:14px 24px}
 .about-section {padding:32px 0 36px}
 .about-grid {padding-top:24px}
 .about-intro h2 {margin-bottom:20px}
 .about-intro>p {margin-bottom:16px}
 .about-languages {margin-top:20px;padding-top:15px}
 .about-details {margin-top:28px;padding-top:22px}
 .graduation-photo {margin-bottom:20px}
 .about-details h3 {font-size:27px;margin-bottom:12px}
 .case-page h1 {font-size:clamp(32px,8.5vw,48px)}
}
@media (max-width:360px) {
 .project-index {gap:14px}
 .project-index a {font-size:12px;min-height:83px}
 .scene-heading h3 {font-size:29px}
 .project-scene {padding-inline:14px}
 .method-list h3 {font-size:22px}
 .secondary-heading h3 {font-size:26px}
}

/* Weekly practice stays secondary to the three work examples. */
.ai-practice {border-top:1px solid #435a50;margin-top:24px;padding-top:18px;display:grid;grid-template-columns:1fr 2fr;gap:24px;color:#bfcdc4}
.ai-practice .eyebrow {font-size:11px;letter-spacing:.07em;line-height:1.5}
.ai-practice p {font-size:13px;line-height:1.7;max-width:760px}
.practice-framework {color:#e2e9e3}
@media (max-width:700px) {
 .ai-practice {display:block;margin-top:18px;padding-top:15px}
 .ai-practice p {font-size:13px;line-height:1.65;margin-top:8px}
 .domain-links {gap:12px 20px}
 .domain-links .text-link {font-size:13px}
}

/* Keep the added personal context readable without restoring excess mobile gaps. */
@media (max-width:700px) {
 .hero-grid {gap:28px}
 .credentials-section {padding-top:32px;padding-bottom:28px}
 .section-heading {padding:20px 0 24px}
 .credential-row {padding-top:12px;padding-bottom:12px}
 .approach-section {padding-block:26px}
 .ai-practice {margin-top:14px;padding-top:13px}
 .secondary-project {padding-block:18px}
 .automotive-section,.about-section {padding-block:28px}
}

/* Corrective human review: fewer labels and rules, compact credential evidence. */
.hero-grid {align-items:center}
.hero-copy {padding-top:0}
.hero-copy>p {margin-top:0;max-width:490px;font-size:clamp(18px,1.5vw,22px)}
.credentials-section {padding-top:48px;padding-bottom:42px}
.credentials-section .section-heading {display:block;padding:22px 0 26px}
.credentials-section .section-heading h2 {font-size:clamp(40px,4.6vw,66px)}
.education-feature {display:block;border-top:0;padding:0 0 24px;margin-bottom:22px}
.education-feature h3 {font-size:26px;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em}
.education-feature>p {font-size:14px;line-height:1.7;color:var(--muted)}
.education-feature>p+p {margin-top:3px}
.credentials-section .credentials-layout {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%}
.credentials-section .credential-row {border:0;padding:7px 0 9px}
.credentials-section .credential-link strong {font-size:20px}
.credentials-section .credential-link small {margin-top:4px}
.credentials-section .certificate-button {min-height:36px;padding-block:6px}
.credentials-section .credential-stage {max-width:480px;width:100%;justify-self:end;padding:18px;top:100px}
.credentials-section .stage-caption {border:0;padding-top:0;margin-top:14px;font-size:14px}
.credentials-section .credential-stage .small-note {margin-top:9px}
.credentials-section .supporting-learning {border:0;padding-top:0;margin-top:20px}
.approach-copy .approach-evidence-note {border:0;padding-left:0}
.method-list .method-step {padding:12px 0}
.method-list li:last-child {border-bottom:0}
.ai-practice {margin-top:20px}
.project-index a {border-bottom:0}
.project-index {border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:12px}
.is-enhanced .explorer-controls {border-top:0}
.scene-heading>.eyebrow {font-size:11px;line-height:1.6;letter-spacing:.055em}
.scene-copy .scene-scope {border-top:0;padding-top:0}
.secondary-grid {border-top:0;padding-top:0}
.secondary-capability {min-height:36px;align-items:start}
.secondary-capability .eyebrow {font-size:11px;line-height:1.5;letter-spacing:.03em}
.about-languages {border-top:0;padding-top:0}
.about-details {border-top:0}
.contact-heading {display:block;margin-top:0}
.contact-section .footer {border-top:0}
.ai-practice .practice-framework {margin-top:9px;font-size:12px;line-height:1.65}
.proof-context h2 a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#84988a}
.proof-context h2 a:hover {color:var(--accent)}
@media(max-width:700px) {
 .hero-grid {gap:24px}
 .hero-portrait {grid-row:1}
 .hero-copy>p {grid-row:2;font-size:16px}
 .hero-copy>.round-link {grid-row:3}
 .credentials-section {padding-top:28px;padding-bottom:28px}
 .credentials-section .section-heading {padding:18px 0 22px}
 .credentials-section .section-heading h2 {font-size:40px}
 .education-feature {padding-bottom:20px;margin-bottom:15px}
 .education-feature h3 {font-size:23px;line-height:1.25}
 .education-feature>p {font-size:13px;line-height:1.65}
 .credentials-section .credential-row {padding:6px 0}
 .credentials-section .credential-link {min-height:44px}
 .credentials-section .certificate-button {min-height:44px;padding-block:8px}
 .credentials-section .supporting-learning {margin-top:12px}
 .method-list .method-step {padding:11px 0}
 .method-list h3 {font-size:23px}
 .scene-heading>.eyebrow {font-size:11px}
 .secondary-capability {min-height:0}
 .about-details {padding-top:0}
 .contact-heading {margin-top:0}
}