@media(max-width:720px){
body.editorial{overflow-x:clip}
.editorial .shell{width:calc(100% - 40px);max-width:100%;margin-inline:auto}
.editorial header{padding:18px 0 12px;gap:12px;justify-content:center}
.editorial .wordmark{flex:0 1 300px;width:100%;margin:0}
.editorial .editorial-signature{width:100%;max-width:100%;height:auto;margin:0}
.editorial header nav{display:flex;gap:4px;justify-content:space-between;width:100%;flex-wrap:nowrap}
.editorial header nav button,.editorial header nav a{font-size:12px;min-height:44px;padding:8px 3px;white-space:nowrap}
.editorial .cinema-inner{display:flex;flex-direction:column-reverse;align-items:center;gap:12px;min-height:0}
.editorial .cinema-title{padding:14px 0 0;min-height:0;width:100%}
.editorial .cinema-title h1{font-size:43px;line-height:1.08;margin:0;letter-spacing:-.055em}
.editorial .cinema-portrait{height:330px;width:100%;align-self:center}
.editorial .cinema-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain}
.editorial .perspective,.editorial .atlas,.editorial .science,.editorial .life{padding:38px 0}
.editorial .perspective-heading{margin-bottom:22px}
.editorial .perspective-heading::before{display:none}
.editorial h2,.editorial .perspective-heading h2,.editorial .personality h2,.editorial .skills-themes .core-capabilities h2{font-size:30px;line-height:1.15;margin-bottom:22px}
.editorial .perspective .arc-statements{display:grid;grid-template-columns:1fr;gap:12px}
.editorial .quality-card{height:155px}
.editorial .quality-front{font-size:29px}
.editorial .quality-back{font-size:14px;line-height:1.5;padding:20px}
.editorial .quality-front::after{content:'Tap to explore';position:absolute;bottom:18px;font:11px 'Aileron',Arial,sans-serif;letter-spacing:.08em;opacity:.65}
.editorial .quality-card:hover .quality-flipper,.editorial .quality-card:focus .quality-flipper,.editorial .job-card:hover .job-flipper,.editorial .job-card:focus .job-flipper{transform:none}
.editorial .quality-card.is-flipped .quality-flipper,.editorial .job-card.is-flipped .job-flipper{transform:rotateY(180deg)}
.editorial .profile-depth{padding:0}
.editorial .profile-depth .personality{padding:38px 0}
.editorial .trait-list{width:100%;max-width:none}
.editorial .trait-list .trait{margin:0 0 20px}
.editorial .trait-description{font-size:14px;line-height:1.45}
.editorial .trait-label{gap:12px;height:auto}
.editorial .trait-track{height:24px;margin-top:8px}
.editorial .story-caption,.editorial .author-note{font-size:14px;line-height:1.5}
.editorial .story-tools{grid-template-columns:1fr;gap:18px}
.editorial .papers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.editorial .skills-themes{display:block;padding:38px 0}
.editorial .core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
.editorial .core-icon{width:80px;height:80px;margin-bottom:12px}
.editorial .core-grid h3{font-size:11px;line-height:1.5;letter-spacing:.07em}
.editorial .job-gallery{grid-template-columns:1fr;gap:18px}
.editorial .job-card{height:330px}
.editorial .job-back{font-size:15px;padding:22px}
.editorial .job-front::after{content:'Tap for the story ↗';position:absolute;bottom:12px;right:12px;border-radius:20px;padding:8px 12px;background:#eeefece8;color:#30332c;font-size:11px}
.editorial #detail,.editorial #detail.off-script-dialog,.editorial #tool-dialog{width:calc(100% - 20px);max-width:none;max-height:calc(100dvh - 24px);border-radius:14px;margin:auto}
.editorial #detail-body,.editorial .experience-dialog #detail-body{padding:24px 20px}
.editorial .dialog-top{position:sticky;top:0;z-index:3;padding:12px 20px}
.editorial .dialog-top button{min-width:44px;min-height:44px}
.editorial .career-row{grid-template-columns:1fr;gap:7px;padding:18px 0}
.editorial .career-row time{font-size:12px}
.editorial .career-row b,.editorial .career-row small{font-size:15px;line-height:1.5}
.editorial .detail-layout,.editorial .off-script-intro,.editorial .off-script-adventures{grid-template-columns:1fr}
.editorial #detail .off-script-intro>div>p{font-size:15px;line-height:1.65}
.editorial footer{padding:28px 0}
}
/* Compact mobile grids for the local design review. */
@media(max-width:720px){
.editorial .perspective .arc-statements{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.editorial .quality-card{height:190px}
.editorial .quality-front{font-size:22px;padding:10px}
.editorial .quality-front::after{font-size:10px;bottom:16px}
.editorial .quality-back{font-size:12px;line-height:1.45;padding:13px;overflow-y:auto}
.editorial .job-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.editorial .job-card{height:205px}
.editorial .job-back{display:block;overflow-y:auto;padding:14px;font-size:12px;line-height:1.5}
.editorial .job-back strong{display:block;font-size:18px;margin-bottom:10px}
.editorial .job-front::after{content:'Tap to explore';font-size:9px;padding:6px 8px;bottom:8px;right:8px}
.editorial .core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}
.editorial .core-icon{width:60px;height:60px;margin-bottom:10px}
.editorial .core-icon svg{width:34px;height:34px}
.editorial .core-grid h3{font-size:10px;line-height:1.4;letter-spacing:.04em;overflow-wrap:normal}
.editorial #off-script .eyebrow{font:inherit}
}
/* Nine action photos in a compact three-by-three mobile gallery. */
@media(max-width:720px){
.editorial .job-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.editorial .job-card{height:auto;aspect-ratio:3/4;min-width:0}
.editorial .job-front,.editorial .job-back{border-radius:10px}
.editorial .job-front::after{content:'Tap ↗';font-size:9px;padding:4px 6px;bottom:6px;right:6px}
.editorial .job-back{padding:9px;font-size:11px;line-height:1.4;overflow-y:auto;text-align:left}
.editorial .job-back strong{font-size:13px;line-height:1.2;margin-bottom:7px;overflow-wrap:anywhere}
}
/* Tighter mobile signature lockup and slightly smaller hero headline. */
@media(max-width:720px){
.editorial header{row-gap:0}
.editorial header nav{margin-top:-20px;position:relative}
.editorial .cinema-title h1{font-size:39px}
}
/* Keep the molecular detail within the mobile portrait area. */
@media(max-width:720px){
.editorial .editorial-top{background-size:auto 100%;background-position:right center}
}

@media(max-width:720px){
.editorial .mobile-cutout{height:100%;width:auto;max-width:100%;display:block;filter:drop-shadow(5px 9px 9px #353b2420)}
.editorial .education-row time{display:block;margin-top:8px}
.editorial #action-photo-dialog{width:calc(100% - 20px);max-width:600px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #b5b6a7;border-radius:14px;background:#eeefec;color:#30332c}
.editorial #action-photo-dialog figure{margin:0;padding:16px}
.editorial #action-photo-dialog img{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain}
.editorial #action-photo-dialog figcaption{font:400 15px/1.5 'Aileron',Arial,sans-serif;padding:18px 4px 8px}
.editorial #action-photo-dialog strong{display:block;font:400 24px/1.2 'Lora',Georgia,serif;margin-bottom:10px}
.editorial .job-card:hover .job-flipper,.editorial .job-card:focus .job-flipper{transform:none}
html:has(body.editorial){overflow-x:clip}
body.editorial{padding-bottom:0;margin-bottom:0;min-height:0}
.editorial .social-footer{margin-bottom:0;box-shadow:none;clip-path:none;width:100%;padding:24px 20px;flex-direction:row;justify-content:center}
}

/* Keep transformed cards inside the document and end cleanly at the footer. */
@media(max-width:720px){
html:has(body.editorial){background:#d0ccb6;overflow-x:hidden;overscroll-behavior-y:none}
body.editorial{display:flow-root;overflow-x:hidden;overscroll-behavior-y:none;padding:0;margin:0}
.editorial .quality-card{height:108px}
.editorial .quality-front{font-size:21px;border-radius:12px;padding:12px 8px 24px}
.editorial .quality-front::after{bottom:10px;font-size:9px}
.editorial .quality-back{display:block;text-align:left;border-radius:12px;font-size:12px;padding:12px;overflow:auto}
.editorial .quality-flipper,.editorial .job-flipper{contain:layout size}
.editorial .quality-back,.editorial .job-back{overflow:auto}
.editorial dialog:not([open]){display:none!important}
.editorial .social-footer{position:relative;clear:both;margin:0;padding:16px 20px;min-height:0;height:auto;background:#d0ccb6}
}

@media(max-width:720px){
.editorial .arc-statements{align-items:start}
.editorial .quality-card{height:auto;min-height:0}
.editorial .quality-flipper{display:grid;height:auto;contain:none}
.editorial .quality-front,.editorial .quality-back{grid-area:1/1;position:relative;inset:auto;min-height:0;height:auto}
.editorial .quality-back{overflow:visible;padding:14px;font-size:12px;line-height:1.45}
.editorial .quality-front{position:absolute;inset:0}
.editorial #work .eyebrow,.editorial #off-script .eyebrow{font-family:'Aileron',Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;font-style:normal!important;line-height:1.6!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#666c59!important;margin:0 0 18px!important}
.editorial .mobile-page-shell{display:flow-root;overflow:hidden;width:100%;margin:0;padding:0;background:#d0ccb6}
.editorial footer.social-footer{padding:16px 20px;margin:0}
}

@media(max-width:720px){
.editorial .perspective .arc-statements{grid-template-rows:auto auto auto;align-items:stretch;gap:12px}
.editorial .quality-card:nth-child(1){grid-column:1;grid-row:1 / 3}
.editorial .quality-card:nth-child(2){grid-column:2;grid-row:1}
.editorial .quality-card:nth-child(3){grid-column:1;grid-row:3}
.editorial .quality-card:nth-child(4){grid-column:2;grid-row:2 / 4}
.editorial .quality-flipper{height:100%}
.editorial .quality-back{align-content:center}
}