/* Phone reading layouts. Hero, navigation, IC gallery, and robotics stay independently scoped. */
@media (max-width:760px) {
  #about-profile,#credentials-profile{padding:112px 20px 48px;min-width:0}
  #about-profile .profile-section-heading,#credentials-profile .profile-section-heading{margin-bottom:24px;min-width:0}
  #about-profile .profile-section-heading h2,#credentials-profile .profile-section-heading h2{font-size:31px;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere}
  #about-profile .section-eyebrow,#credentials-profile .section-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.09em}
  #credentials-profile .profile-section-heading>p{font-size:15px;line-height:1.75;max-width:none;margin-top:16px}
  #about-profile .about-introduction{grid-template-columns:minmax(0,1fr);gap:25px;padding:8px 0 0}
  #about-profile .about-portrait{width:min(62vw,230px);max-width:230px;aspect-ratio:4/5}
  #about-profile .about-portrait .sample-mark{font-size:10px;line-height:1.5;max-width:calc(100% - 24px);white-space:normal}
  #about-profile .about-copy{min-width:0;max-width:none}
  #about-profile .about-copy h3{font-size:30px;line-height:1.2;margin-bottom:9px}
  #about-profile .about-copy .formal-name{font-size:12px;line-height:1.65;letter-spacing:.015em;margin-bottom:20px;overflow-wrap:anywhere}
  #about-profile .about-copy>p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
  #about-profile .profile-tag-row{gap:7px;margin-top:19px;margin-bottom:19px}
  #about-profile .profile-tag-row>span{font-size:11px;line-height:1.5;padding:6px 10px;max-width:100%;overflow-wrap:anywhere}
  #about-profile .profile-text-link{font-size:14px;line-height:1.5;white-space:normal;min-height:44px;padding:10px 0}
  #about-profile .profile-subheading,#credentials-profile .profile-subheading{margin:42px 0 21px}
  #about-profile .profile-subheading h3{font-size:26px;line-height:1.3;margin-top:10px;letter-spacing:-.5px}
  #about-profile .education-record{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:21px;border-radius:13px}
  #about-profile .education-record>div{min-width:0}
  #about-profile .education-monogram{width:58px;height:58px;margin:0;font-size:19px;border-radius:13px}
  #about-profile .education-record h3{font-size:22px;line-height:1.35;margin:0 0 12px;overflow-wrap:anywhere}
  #about-profile .education-record p{font-size:15px;line-height:1.75;margin-bottom:16px;overflow-wrap:anywhere}
  #about-profile .education-record .education-project{margin-top:19px;margin-bottom:0}
  #about-profile .about-skill-list{padding:21px;margin-top:20px}
  #about-profile .about-skill-list h4{font-size:20px;line-height:1.35;margin-bottom:15px}
  #about-profile .about-skill-list p{font-size:15px;line-height:1.75;margin-bottom:13px;overflow-wrap:anywhere}
  #about-profile .about-skill-list p:last-child{margin-bottom:0}

  /* Every role retains a full-width card, its own image, and all of its text. */
  #about-profile .career-card-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  #about-profile .career-card{min-width:0;border-radius:13px}
  #about-profile .career-card:hover{transform:none}
  #about-profile .career-card-media{height:auto;min-height:0;aspect-ratio:16/10}
  #about-profile .career-card-image{width:100%;height:100%;max-width:100%}
  #about-profile .career-card-image-label{font-size:11px;line-height:1.5;letter-spacing:.025em;padding:6px 8px;left:12px;top:12px;max-width:calc(100% - 24px);overflow-wrap:anywhere}
  #about-profile .career-card-content{padding:21px;min-width:0}
  #about-profile .career-card-meta{gap:7px 12px;margin-bottom:15px}
  #about-profile .career-card-kicker{font-size:11px;line-height:1.6;letter-spacing:.055em}
  #about-profile .career-card-meta time{font-size:12px;line-height:1.6;white-space:normal}
  #about-profile .career-card-title{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:0 0 11px;overflow-wrap:anywhere}
  #about-profile .career-card-employer{font-size:13px;line-height:1.7;margin-bottom:16px;overflow-wrap:anywhere}
  #about-profile .career-card-summary{font-size:15px;line-height:1.75;margin-bottom:15px;overflow-wrap:anywhere}
  #about-profile .career-card-summary:last-child{margin-bottom:0}
  #about-profile .career-card-tags{font-size:12px;line-height:1.7;margin-top:17px;overflow-wrap:anywhere}
  #about-profile .career-media-note,#about-profile .leadership-media-note{font-size:12px;line-height:1.75;margin:18px 0 0}
  #about-profile .leadership-language-row{display:block;margin-top:24px;padding-top:22px}
  #about-profile .leadership-language-row>span{display:block;font-size:11px;line-height:1.6;margin:0 0 12px;letter-spacing:.1em}
  #about-profile .leadership-language-row>p{font-size:15px;line-height:1.75;margin:0;overflow-wrap:anywhere}
  #about-profile .leadership-language-row>p+p{margin-top:9px}

  #credentials-profile .credential-notice{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:18px;margin-bottom:24px}
  #credentials-profile .credential-notice>span{font-size:24px;line-height:1.4}
  #credentials-profile .credential-notice p{font-size:14px;line-height:1.75}
  #credentials-profile .credential-records{grid-template-columns:minmax(0,1fr);gap:20px}
  #credentials-profile .credential-records article{min-width:0;padding:21px;border-radius:13px}
  #credentials-profile .credential-symbol{width:42px;height:42px;margin-bottom:19px}
  #credentials-profile .entry-label{font-size:11px;line-height:1.65;letter-spacing:.055em;overflow-wrap:anywhere}
  #credentials-profile .credential-records h3{font-size:22px;line-height:1.35;letter-spacing:-.3px;margin:14px 0 15px;overflow-wrap:anywhere}
  #credentials-profile .credential-type{font-size:12px;line-height:1.5;padding:6px 10px;white-space:normal}
  #credentials-profile .credential-records p{font-size:15px;line-height:1.75;margin:18px 0 22px;overflow-wrap:anywhere}
  #credentials-profile .credential-evidence{font-size:12px;line-height:1.7;padding-top:16px;overflow-wrap:anywhere}
  #credentials-profile .training-list>div{display:block;padding:17px 0;font-size:15px;line-height:1.65}
  #credentials-profile .training-list>div>span{display:block;min-width:0;overflow-wrap:anywhere}
  #credentials-profile .training-list>div>span:last-child{text-align:left;font-size:12px;line-height:1.65;margin-top:6px}

  #portfolio-image-guidance{margin:18px 16px 42px;padding:0 16px;min-width:0}
  #portfolio-image-guidance>summary{min-height:52px;padding:17px 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
  #portfolio-image-guidance .image-guide{padding:26px 0 20px;min-width:0}
  #portfolio-image-guidance .guide-intro{display:block;margin-bottom:23px;min-width:0}
  #portfolio-image-guidance .section-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.06em}
  #portfolio-image-guidance .guide-intro h2{font-size:29px;line-height:1.25;letter-spacing:-.7px;margin-top:11px}
  #portfolio-image-guidance .guide-intro>p{font-size:15px;line-height:1.75;max-width:none;margin-top:15px;overflow-wrap:anywhere}
  #portfolio-image-guidance .photo-filters{gap:8px;margin:22px 0 17px;min-width:0}
  #portfolio-image-guidance .photo-filters button{min-height:44px;min-width:44px;max-width:100%;font-size:12px;line-height:1.5;padding:10px 13px;white-space:normal;overflow-wrap:anywhere}
  #portfolio-image-guidance .photo-filters button span{font-size:11px;opacity:.85;margin-left:6px}
  #portfolio-image-guidance .photo-filter-description{font-size:13px;line-height:1.7;margin-bottom:21px;overflow-wrap:anywhere}
  #portfolio-image-guidance .photo-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  #portfolio-image-guidance .photo-card{min-width:0}
  #portfolio-image-guidance .photo-card-body{padding:18px}
  #portfolio-image-guidance .photo-place{font-size:11px;line-height:1.6;letter-spacing:.035em}
  #portfolio-image-guidance .photo-card-body h3{font-size:22px;line-height:1.35;margin-top:12px;overflow-wrap:anywhere}
  #portfolio-image-guidance .photo-card-body>p{font-size:15px;line-height:1.7;margin-bottom:15px}
  #portfolio-image-guidance .photo-meta{flex-wrap:wrap;gap:8px}
  #portfolio-image-guidance .photo-meta>span{font-size:12px;line-height:1.5;padding:5px 8px}
  #portfolio-image-guidance .photo-meta button{min-height:44px;min-width:44px;font-size:13px;line-height:1.5;padding:9px 0;white-space:normal}
  #portfolio-image-guidance .photo-guidance p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
  #portfolio-image-guidance .photo-guidance small{font-size:12px;line-height:1.75;color:#adbfce;overflow-wrap:anywhere}
  #portfolio-image-guidance .sample-mark{font-size:10px;line-height:1.5;max-width:calc(100% - 28px);white-space:normal}
  #portfolio-image-guidance .before-after span{font-size:11px;line-height:1.5}
  #portfolio-image-guidance .photo-disclaimer{font-size:12px;line-height:1.75;margin-top:23px}
  .sample-dialog{width:calc(100% - 24px);max-width:600px;max-height:90dvh;border-radius:14px}
  .sample-dialog-close{width:44px;height:44px;min-width:44px;min-height:44px;font-size:28px;top:10px;margin:10px 10px -54px 0}
  .sample-dialog-text{padding:23px 20px}
  .sample-dialog-text h2{font-size:24px;line-height:1.3;margin-bottom:17px;overflow-wrap:anywhere}
  .sample-dialog-text p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
  .sample-dialog-text small{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
  .sample-dialog-text .ratio{font-size:11px;line-height:1.65;letter-spacing:.055em}

  #life.life-intro{padding:56px 20px}
  #life .section-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.09em}
  #life h2{font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:17px 0}
  #life p{font-size:15px;line-height:1.75;margin-bottom:16px}
  #life a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;line-height:1.5}
  #values.values-showcase{padding:56px 0 48px}
  #values .values-inner{width:calc(100% - 40px);min-width:0}
  #values .values-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:26px}
  #values .values-heading .section-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.09em}
  #values .values-heading h2{font-size:31px;line-height:1.25;margin-top:15px;letter-spacing:-.6px}
  #values .values-introduction{padding-top:0;min-width:0}
  #values .values-introduction p{font-size:15px;line-height:1.75;margin-bottom:13px;max-width:none}
  #values .values-track{gap:12px;margin-right:0;min-height:0;padding:4px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7b8f9f #25333f;align-items:stretch}
  #values .value-panel,#values .value-panel.is-active{flex:0 0 min(86vw,390px);min-height:450px;padding:25px 22px 42px;border:1px solid #526474;border-radius:13px;scroll-snap-align:start}
  #values .value-content{transform:translateY(60px)}
  #values .value-panel.is-active .value-content{transform:translateY(0)}
  #values .value-icon{width:32px;height:32px;margin-bottom:22px}
  #values .value-name{font-size:24px;line-height:1.3;overflow-wrap:anywhere}
  #values .value-panel.is-active .value-copy{max-height:420px;margin-top:20px;gap:13px}
  #values .value-copy strong{font-size:15px;line-height:1.55}
  #values .value-copy>span{font-size:15px;line-height:1.7}
  #values .value-copy small{font-size:12px;line-height:1.65;letter-spacing:0;opacity:1;color:#c1d0dc}
  #values .value-number{font-size:12px;opacity:1;bottom:16px;right:18px}
  #values .values-controls{gap:11px;flex-wrap:wrap;margin-top:19px}
  #values .values-hint{display:block;flex-basis:100%;font-size:12px;line-height:1.65;white-space:normal;opacity:1;margin-bottom:3px}
  #values .values-progress{min-width:35px}
  #values .values-count{font-size:12px;line-height:1.5}
  #values .values-controls button{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;font-size:21px}

  #contact.contact-reference{padding:58px 20px 34px}
  #contact .contact-reference-inner{min-width:0;max-width:600px}
  html body #contact.contact-reference h2{font-size:34px!important;line-height:1.2;letter-spacing:-.7px;margin-bottom:22px!important}
  html body #contact.contact-reference h3{font-size:23px;line-height:1.4;letter-spacing:-.35px;margin-bottom:21px;overflow-wrap:anywhere}
  #contact .contact-introduction{font-size:15px;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere}
  #contact .contact-reference-email{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;font-size:clamp(19px,5.2vw,24px);line-height:1.5;padding:6px 0;overflow-wrap:anywhere;word-break:break-word}
  #contact .contact-profile-links{display:flex;flex-wrap:wrap;gap:17px;justify-content:center;align-items:center;margin:26px 0 19px}
  #contact .contact-profile-links>a{min-width:48px;min-height:66px;gap:9px;padding:5px 1px}
  #contact .contact-profile-links>a>span{font-size:12px;line-height:1.5;letter-spacing:0}
  #contact .contact-signature{font-size:13px;line-height:1.7;margin-top:21px}
}