@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d1120;--surface:#151b2d;--surface2:#1a233a;--text:#f6f7fc;--muted:#aeb8cf;--line:#2b3449;--blue:#91adff;--yellow:#f8cb6a;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow)}button:disabled{opacity:.4;cursor:default}img{max-width:100%;height:auto;display:block}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(2rem,4.4vw,3.9rem);font-weight:700}h3{font-size:1.65rem}p{color:var(--muted)}.wrap{max-width:var(--max);margin:auto;padding-left:36px;padding-right:36px}.skip-link{position:fixed;z-index:99;top:-100px;left:20px;background:var(--yellow);color:#111;padding:12px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - 1168px)/2));border-bottom:1px solid var(--line);background:#0d1120ee;backdrop-filter:blur(14px)}.identity{display:flex;gap:16px;align-items:center;font-weight:600;font-size:1rem}.monogram{font-family:Manrope,sans-serif;font-weight:800;font-size:1.7rem;color:var(--blue)}nav{display:flex;align-items:center;gap:32px;font-size:.9rem}nav a{color:var(--muted)}nav a:hover{color:white}.contact-link{border:1px solid #52607b;border-radius:100px;padding:8px 22px;color:white}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.16em;color:var(--blue)}.small-rule{display:inline-block;vertical-align:middle;width:30px;height:1px;background:var(--blue);margin-right:10px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;min-height:740px;align-items:center;padding-top:55px;padding-bottom:55px}.hero h1{font-size:clamp(3rem,5.6vw,5.2rem);margin:28px 0 22px;font-weight:800;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{font-size:1.3rem;line-height:1.5;color:#edf0f8;margin-bottom:22px}.hero-role{max-width:430px;font-size:1rem}.primary-link{display:inline-flex;gap:35px;align-items:center;padding:15px 23px;background:var(--blue);color:#101628;border-radius:6px;font-weight:700;margin-top:30px}.primary-link:hover{background:#b1c5ff}.primary-link span{font-weight:500;font-size:.8rem}.hero-facts{display:flex;gap:25px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.hero-facts strong{display:block;font-size:1.03rem}.hero-facts span{display:block;font-size:.78rem;color:var(--muted);line-height:1.5;max-width:125px;margin-top:5px}.hero-art{position:relative;min-height:620px;background:radial-gradient(ellipse at 50% 42%,#334778 0%,#17223b 44%,transparent 72%);display:flex;justify-content:center;align-items:center}.art-label{position:absolute;top:8px;right:14px;font-size:.75rem;letter-spacing:.2em;color:#8490a8;writing-mode:vertical-rl}.phone-frame{border:7px solid #272d42;border-radius:30px;overflow:hidden;box-shadow:0 20px 70px #0006;background:#14142c}.hero-phone{width:263px;transform:rotate(5deg)}.hero-character{position:absolute;width:195px;object-fit:contain;filter:drop-shadow(0 20px 15px #0007)}.hero-gizmo{left:-20px;bottom:32px;transform:rotate(-9deg)}.hero-captain{right:-20px;bottom:60px;width:205px;transform:rotate(7deg)}.art-caption{position:absolute;bottom:0;left:20px;font-size:.8rem;color:#9ca9c1}.watch-button{position:absolute;top:48px;left:0;border:1px solid #7487ac;background:#18253ee8;border-radius:100px;padding:12px 18px;font-size:.87rem;box-shadow:0 12px 30px #0004}.watch-button span{color:var(--yellow);padding-right:10px}.chapter-index{padding-top:35px;padding-bottom:65px}.index-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px}.index-heading>p:last-child{font-size:.9rem}.chapter-links{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chapter-links a{position:relative;padding:22px 24px;min-height:158px;border-right:1px solid var(--line);background:#121829;transition:background .2s}.chapter-links a:last-child{border-right:0}.chapter-links a:hover{background:#202c47}.chapter-links span{display:block;font-size:.72rem;letter-spacing:.1em;color:#a8b6d3;margin-bottom:18px}.chapter-links strong{font-size:1.1rem;font-weight:500;line-height:1.4;display:block;position:relative;z-index:1}.chapter-links img{position:absolute;right:12px;bottom:12px;width:58px;max-height:65px;object-fit:contain;opacity:.82}.section{padding-top:85px;padding-bottom:85px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;margin-bottom:46px}.section-head h2{margin-top:15px}.section-head>p{align-self:end;max-width:480px}.subhead{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.subhead p{font-size:.9rem}.stage{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.character-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:470px}.character-canvas{display:flex;align-items:center;justify-content:center;position:relative;min-height:440px;background:radial-gradient(ellipse at 50% 65%,#38456d,#1d2841 43%,#131b2d 75%);border-right:1px solid var(--line)}.character-canvas::after{content:'';position:absolute;bottom:25px;left:15%;right:15%;border-top:1px solid #697b9b40}.character-canvas>img{height:350px;width:350px;object-fit:contain;filter:drop-shadow(0 25px 17px #0006);transition:transform .25s}.character-canvas>img:hover{transform:translateY(-7px)}.canvas-label{position:absolute;top:23px;left:26px;font-size:.75rem;letter-spacing:.1em;color:#99a9c6}.canvas-count{position:absolute;bottom:24px;right:26px;color:#92a0bc;font-size:.8rem}.character-info{padding:38px;display:flex;flex-direction:column;justify-content:center;gap:20px}.character-info h3{font-size:2.5rem}.character-info .tag{align-self:flex-start}.tag{display:inline-flex;padding:4px 11px;border:1px solid #485776;color:#b8caff;border-radius:100px;font-size:.75rem;letter-spacing:.04em}.character-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px;border-top:1px solid var(--line);background:#101726}.character-picker{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#1b253a;border:1px solid transparent;border-radius:8px;padding:9px 4px;color:#bfcbe0;font-size:.78rem;min-width:0}.character-picker img{width:60px;height:65px;object-fit:contain}.character-picker:hover{background:#283553}.character-picker[aria-pressed=true]{border-color:var(--blue);background:#303f60;color:white}.note{font-size:.84rem;line-height:1.7}.attribution{margin-top:14px;font-size:.8rem;color:#8592ad}.bubble-section{margin-top:62px}.bubble-layout{display:grid;grid-template-columns:.85fr 1.15fr}.bubble-canvas{display:flex;align-items:center;justify-content:center;min-height:270px;background:radial-gradient(ellipse at center,#303b67,#151b2d 70%)}.bubble-canvas img{width:155px;height:180px;object-fit:contain}.bubble-info{padding:35px}.bubble-info h3{font-size:2rem;margin:13px 0}.bubble-pickers{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.bubble-pickers button{width:62px;height:62px;display:grid;place-items:center;background:#202c43;border:1px solid var(--line);border-radius:10px}.bubble-pickers button[aria-pressed=true]{border-color:var(--yellow);background:#3a3b3f}.bubble-pickers img{width:44px;height:44px;object-fit:contain}.text-button{background:none;border-bottom:1px solid var(--blue);padding:4px 0;color:var(--blue);font-size:.9rem;margin-top:12px}.experience-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.menu-image-wrap{position:relative;max-width:350px;margin:auto;border:6px solid #2b344b;border-radius:26px;overflow:hidden;box-shadow:0 25px 65px #0006}.menu-image-wrap img{width:100%;height:auto}.hotspot{position:absolute;width:34px;height:34px;border-radius:50%;background:#11182c;border:2px solid white;color:white;display:grid;place-items:center;font-weight:700;box-shadow:0 2px 12px #0009;transform:translate(-50%,-50%);font-size:.9rem}.hotspot[aria-pressed=true]{background:var(--yellow);color:#17191f;border-color:var(--yellow);box-shadow:0 0 0 6px #f8cb6a45}.hotspot:hover{background:#5267a0}.feature-tabs{display:grid;gap:10px;margin:22px 0}.feature-tab{display:flex;text-align:left;align-items:center;gap:18px;padding:16px 18px;background:#151d30;border:1px solid var(--line);border-radius:8px;font-size:1rem}.feature-tab span{color:#9daecc;font-size:.8rem}.feature-tab[aria-pressed=true]{border-color:var(--yellow);background:#242a38}.feature-copy{padding:25px 0 10px;min-height:170px}.feature-copy h3{margin-bottom:14px;font-size:1.8rem}.lens{padding-top:25px;margin-top:15px;border-top:1px solid var(--line)}.lens h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin:0 0 10px}.systems-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.system-map{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:32px;background:#131b2d;border:1px solid var(--line);border-radius:16px;position:relative}.system-map button{background:#23334f;border:1px solid #455773;padding:26px 12px;border-radius:10px;text-align:center;font-weight:600;min-height:105px}.system-map button small{display:block;font-weight:400;font-size:.8rem;color:#b8c5df;margin-top:6px}.system-map button[aria-pressed=true]{background:#365081;border-color:#a9bfff}.map-centre{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:25px;margin:5px 0}.map-centre img{width:52px;height:52px;object-fit:contain}.map-centre p{color:#ced9ef;letter-spacing:.12em;font-size:.78rem}.system-detail{padding:30px 5px}.system-detail h3{font-size:2rem;margin:14px 0}.system-detail ul{padding-left:22px;color:var(--muted);margin-top:20px}.role-summary{display:grid;grid-template-columns:1.35fr 1fr;gap:50px}.ownership{padding:35px;border-radius:14px;border:1px solid var(--line);background:#161f32}.ownership h3{font-size:1.8rem;margin:16px 0 24px}.ownership dl{margin:0}.ownership dl div{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:14px 0}.ownership dt{color:var(--muted)}.ownership dd{margin:0;text-align:right;max-width:65%;font-weight:500}.ownership dd small{display:block;font-size:.8rem;font-weight:400;color:var(--muted)}.responsibilities{display:grid;gap:24px;align-content:center}.responsibility{display:flex;gap:21px}.responsibility>span{font-size:.8rem;color:var(--blue);border:1px solid #4c5a76;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.responsibility h3{font-size:1.15rem;margin:3px 0 8px}.responsibility p{font-size:.94rem}.scope-line{margin-top:35px;padding:20px 0;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between}.scope-line span{color:var(--muted);font-size:.86rem}footer{padding-top:80px;padding-bottom:25px;border-top:1px solid var(--line)}footer h2{margin:20px 0 30px}footer .email{display:inline-block;color:var(--blue);font-size:clamp(1rem,2.3vw,1.5rem);border-bottom:1px solid #55698e;padding-bottom:6px}.footer-bottom{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:70px;padding-top:25px;font-size:.85rem;color:var(--muted)}.footer-bottom span{margin-right:auto}.credits{font-size:.76rem;margin-top:20px;color:#8490a8}dialog{max-width:920px;width:calc(100% - 32px);max-height:92dvh;background:#131b2d;border:1px solid #53627c;border-radius:15px;padding:24px;color:white;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#030817d9;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.dialog-header h2{font-size:1.25rem;letter-spacing:-.02em}.close-button{height:42px;width:42px;border-radius:50%;background:#2b3650;flex-shrink:0}#media-content{display:flex;justify-content:center}#media-content video,#media-content img{max-width:100%;max-height:70dvh;object-fit:contain;border-radius:8px}#media-caption{font-size:.84rem;margin-top:12px;text-align:center}
@media(min-width:1600px){.hero-art{min-height:650px}.hero-phone{width:285px}}@media(max-width:1000px){.hero{gap:10px;min-height:650px}.hero-art{min-height:540px}.hero-phone{width:220px}.hero-character{width:140px}.hero-captain{width:155px;right:-8px}.hero-gizmo{left:-3px}.hero-facts{gap:14px}.chapter-links strong{font-size:1rem}.chapter-links a{padding:19px 17px}.chapter-links img{width:44px;opacity:.5}.experience-layout{gap:35px}.section-head{gap:30px}.character-info{padding:26px}.systems-layout{gap:25px}.system-map{padding:22px;gap:12px}.role-summary{gap:30px}}
@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:72px;padding:0 22px}.identity{gap:10px;font-size:.9rem}.monogram{font-size:1.4rem}nav{gap:14px}.contact-link{padding:7px 15px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:30px;gap:30px}.hero h1{font-size:clamp(3rem,10vw,4.5rem)}.hero-description{font-size:1.2rem}.hero-role{max-width:100%}.hero-facts{justify-content:space-between}.hero-facts strong{font-size:.95rem}.hero-facts span{font-size:.75rem}.hero-art{min-height:560px;margin:0 0 10px}.hero-phone{width:240px}.hero-character{width:150px}.hero-gizmo{left:0}.hero-captain{right:0;width:150px}.watch-button{top:14px}.chapter-index{padding-top:10px;padding-bottom:50px}.index-heading{display:block}.index-heading>p:last-child{margin-top:12px}.chapter-links{grid-template-columns:1fr 1fr}.chapter-links a{min-height:145px}.chapter-links a:nth-child(2){border-right:0}.chapter-links a:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter-links img{width:50px;opacity:.75}.section{padding-top:55px;padding-bottom:55px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.subhead{display:block}.subhead p{margin-top:10px}.character-layout{grid-template-columns:1fr}.character-canvas{border-right:0;border-bottom:1px solid var(--line);min-height:350px}.character-canvas>img{width:280px;height:280px}.character-info{padding:24px;gap:13px}.character-info h3{font-size:2rem}.character-grid{grid-template-columns:repeat(4,1fr);padding:12px;gap:7px}.character-picker{font-size:.73rem;line-height:1.35}.character-picker img{width:50px;height:57px}.bubble-layout{grid-template-columns:1fr}.bubble-canvas{min-height:200px}.bubble-canvas img{height:145px;width:145px}.bubble-info{padding:24px}.bubble-pickers{gap:8px}.bubble-pickers button{width:55px;height:55px}.experience-layout{grid-template-columns:1fr;gap:35px}.menu-image-wrap{max-width:290px}.feature-copy{min-height:140px}.systems-layout,.role-summary{grid-template-columns:1fr;gap:25px}.system-detail{padding:5px}.system-map{padding:20px}.ownership{padding:25px}.scope-line{flex-direction:column;gap:7px}.footer-bottom{flex-wrap:wrap;gap:16px;margin-top:50px}.footer-bottom span{width:100%}footer{padding-top:55px}dialog{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.game-logo{position:absolute;top:0;right:0;width:180px;z-index:2;filter:drop-shadow(0 10px 18px #0005)}.design-lenses{display:flex;flex-wrap:wrap;gap:8px}.design-lenses span{font-size:.78rem;border:1px solid var(--line);border-radius:5px;padding:5px 9px;color:#c4cfe4}@media(max-width:720px){.game-logo{width:145px;top:-8px}.hero-art{overflow:visible}}

.case-snapshot{margin-top:70px;padding-top:40px;border-top:1px solid var(--line)}.case-intro{max-width:900px}.case-intro h3{font-size:2.2rem;margin:16px 0 22px}.case-intro>p:not(.eyebrow){max-width:700px}.case-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0 35px}.case-flow span{padding:9px 15px;background:#1b2943;border:1px solid #3c4d6b;border-radius:7px;font-size:.86rem}.case-flow b{color:var(--blue)}.case-evidence{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.spec-excerpt{background:#edf0f5;color:#152039;padding:32px 36px;border-radius:6px 6px 20px 6px;box-shadow:0 18px 45px #0003;transform:rotate(-1deg)}.doc-top{display:flex;justify-content:space-between;color:#586477;font-size:.66rem;letter-spacing:.1em;border-bottom:1px solid #c5cdd8;padding-bottom:16px}.spec-excerpt h4{font-family:Manrope,sans-serif;font-size:1.65rem;letter-spacing:-.035em;margin:22px 0 4px}.spec-excerpt p{color:#43516a;font-size:.9rem}.spec-excerpt .doc-role{font-size:.78rem}.spec-excerpt h5{font-size:.9rem;margin:22px 0 7px}.spec-excerpt ul{padding-left:20px;font-size:.88rem;color:#43516a;margin:8px 0}.spec-excerpt .doc-foot{font-size:.72rem;margin-top:25px;padding-top:14px;border-top:1px solid #c5cdd8}.case-context h4{font-family:Manrope,sans-serif;font-size:1.6rem;line-height:1.3;letter-spacing:-.035em;margin:15px 0 20px}.case-context .note{margin-top:20px;color:#95a3bd}@media(max-width:720px){.case-evidence{grid-template-columns:1fr;gap:35px}.spec-excerpt{padding:25px}.case-flow{gap:9px}.case-flow span{font-size:.8rem;padding:7px 10px}.case-flow b{font-size:.8rem}.case-intro h3{font-size:1.8rem}}

@media(max-width:720px){.case-flow{display:grid;grid-template-columns:1fr;justify-items:start;gap:3px}.case-flow b{transform:rotate(90deg);margin-left:22px}}
/* Interactive portfolio expansion */
[hidden]{display:none!important}button{touch-action:manipulation}.modal-open{overflow:hidden}.section-head>div>p:last-child:not(.eyebrow){margin-top:20px}.section-head [tabindex],#library-title{outline-offset:8px}.case-status{margin-bottom:5px}.screen-explorer{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:start}.annotated-figure{margin:0;display:flex;flex-direction:column;align-items:center;padding:24px 20px 18px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#253653,#121a2c 78%)}.annotated-image{position:relative;width:min(100%,320px);border:4px solid #34415a;border-radius:19px;background:#111b32;isolation:isolate}.annotated-image>img{width:100%;border-radius:14px}.hotspot-layer{position:absolute;inset:0}.hotspot-layer .hotspot{width:30px;height:30px;font-size:13px;z-index:2}.hotspot::before{content:'';position:absolute;inset:-7px;border-radius:50%}.hotspot[aria-pressed=true]{z-index:3}.annotated-figure figcaption{font-size:.78rem;line-height:1.5;color:#a8b4ca;margin-top:18px;text-align:center;max-width:380px}.enlarge-screen{display:inline;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:3px 5px;font-size:.85rem}.explorer-content{padding-top:12px;min-width:0}.point-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 28px}.point-choices button{display:flex;align-items:center;text-align:left;gap:9px;min-height:46px;padding:10px 12px;border-radius:7px;border:1px solid var(--line);background:#151d30;font-size:.87rem;line-height:1.25}.point-choices button span{color:#9aabc9;font-size:.75rem}.point-choices button[aria-pressed=true]{border-color:var(--yellow);background:#2b2d38}.screen-explanation{border-top:1px solid var(--line);padding-top:24px;min-height:250px}.point-counter{color:var(--yellow);font-size:.75rem;letter-spacing:.1em}.screen-explanation h3{font-size:1.7rem;line-height:1.25;margin:14px 0 18px}.micro-detail{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.micro-detail summary{cursor:pointer;color:var(--blue);font-size:.88rem;padding:5px 0}.micro-detail p{margin-top:12px;font-size:.94rem}.context-link{color:var(--blue);background:none;border-bottom:1px solid #586b91;padding:8px 0;text-align:left;font-size:.9rem;line-height:1.4;margin-top:20px;min-height:40px}.context-link:hover{color:white}.screen-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.screen-tabs button{border-radius:100px;border:1px solid #3c4a63;background:#141d30;padding:11px 18px;font-size:.88rem;min-height:44px}.screen-tabs button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#0d1730}.wide-screen{grid-template-columns:1.12fr 1fr;gap:35px}.wide-screen .annotated-image{width:100%;max-width:540px;border-radius:6px;border-width:2px}.wide-screen .annotated-image>img{border-radius:3px}.wide-screen .annotated-figure{padding:22px}.library-section{padding-top:75px;scroll-margin-top:100px}.library-section .subhead{align-items:end}.library-section .subhead h3{margin-top:13px;max-width:470px;line-height:1.25;font-size:1.9rem}.library-section .subhead>p{max-width:300px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.category-tabs button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #3b4b66;background:#172137;padding:10px 20px;border-radius:7px;font-size:.94rem}.category-tabs button>span{border-radius:20px;padding:1px 8px;background:#0e1729;font-size:.75rem;color:#bac8e3}.category-tabs button[aria-pressed=true]{background:#30466e;border-color:var(--blue)}.library-layout{display:grid;grid-template-columns:.95fr 1.05fr;min-height:455px}.library-visual{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#354774,#17233d 65%,#121a2c);border-right:1px solid var(--line);padding:55px 25px 45px;min-width:0}.library-visual>img{object-fit:contain;width:330px;height:330px;filter:drop-shadow(0 20px 16px #0004)}.library-visual.video-poster{background:#101625}.library-visual.video-poster>img{width:auto;height:360px;max-width:100%;filter:none;border-radius:8px}.library-copy{padding:35px;min-width:0}.library-copy h3{font-size:2.4rem;line-height:1.15;margin:12px 0 17px}.library-copy>.eyebrow{letter-spacing:.08em}.upgrade-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.upgrade-note h4{margin:0 0 7px;color:#c4d4f7;font-size:.87rem}.upgrade-note p{font-size:.94rem}.library-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.library-actions .context-link{margin:0;font-size:.85rem}.play-clip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:10px 17px;border-radius:7px;background:var(--blue);color:#101a31;font-weight:600;font-size:.9rem}.play-clip:hover{background:#bbcbff}.play-clip span{font-size:.8rem}.library-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:17px;border-top:1px solid var(--line);background:#101726}.library-picker{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-width:0;min-height:110px;padding:10px 6px;border:1px solid transparent;border-radius:9px;background:#1a253b;color:#c8d2e7;font-size:.87rem;line-height:1.25}.library-picker img{width:66px;height:65px;object-fit:contain}.library-picker[aria-pressed=true]{border-color:var(--blue);background:#2b4066;color:white}.library-picker:hover{background:#2a3a58}.gadget-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.gadget-rail .library-picker{min-height:55px}.expand-library{display:block;width:100%;min-height:46px;border-top:1px solid var(--line);background:#172136;font-size:.88rem;color:var(--blue);padding:14px}.expand-library:hover{background:#22314e}#media-options{display:flex;justify-content:center;gap:10px;margin-bottom:16px}#media-options:empty{margin:0}#media-options button{background:#263853;border:1px solid #485c7e;border-radius:6px;padding:9px 18px;font-size:.9rem}#media-options button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.case-framing{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0 0 45px}.case-framing>div{padding:20px 0;border-top:2px solid #506eaa}.case-framing span{font-size:.73rem;letter-spacing:.1em;color:var(--blue)}.case-framing p{color:#d5ddec;margin-top:10px;line-height:1.55}.proof-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.proof-heading h3{max-width:630px;font-size:1.6rem;line-height:1.3}.proof-heading p{font-size:.87rem;white-space:nowrap}.case-comparison{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.case-spec{background:#eef1f6;color:#18243e;padding:35px}.case-spec h3{font-size:1.9rem;line-height:1.25;margin:22px 0}.case-spec blockquote{margin:0;border-left:3px solid #5575b8;padding:5px 0 5px 18px;color:#172747;font-size:1.05rem;line-height:1.6}.case-spec p{color:#4d5c75;font-size:.94rem}.case-spec .spec-caption{font-size:.75rem;margin:12px 0 24px;color:#63718a}.case-spec ul{padding-left:20px;color:#334767;font-size:.9rem;margin-top:24px}.case-spec li{margin-top:6px}.case-proof{margin:0;background:#121b2d;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.case-proof>.eyebrow{align-self:flex-start;margin-bottom:20px;font-size:.72rem}.proof-media{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:320px;max-height:460px;border-radius:8px;overflow:hidden;background:#0c1423}.proof-media img,.proof-media video{width:100%;height:390px;object-fit:contain}.proof-play,.proof-enlarge{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:10px;min-height:46px;background:var(--blue);color:#10192d;border:1px solid #c1d0ff;padding:10px 18px;border-radius:50px;font-weight:600;font-size:.87rem;box-shadow:0 8px 25px #0008}.proof-play span{font-size:.8rem}.case-proof figcaption{font-size:.82rem;line-height:1.5;margin-top:18px;color:var(--muted);align-self:flex-start}.case-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px}.case-bottom h3{font-size:1.6rem;line-height:1.3;margin:13px 0 17px}.delivery-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.delivery-chips span{border:1px solid var(--line);border-radius:5px;padding:5px 9px;font-size:.78rem;color:#bed0ee}.deep-dive{align-self:start;border:1px solid var(--line);border-radius:10px;background:#141e32;padding:5px 22px}.deep-dive summary{cursor:pointer;padding:18px 0;color:#d5e0f7;font-weight:500}.deep-dive>div{padding:0 0 24px}.deep-dive h4{font-size:1rem;line-height:1.45;margin:20px 0 8px;color:#dce5f8}.deep-dive p{font-size:.94rem}.career-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.career-timeline{border-left:1px solid #465c86;margin-left:8px;padding-left:32px}.career-timeline>div{position:relative;padding:12px 0 32px}.career-timeline>div+div{padding-top:22px}.career-timeline>div::before{content:'';position:absolute;left:-39px;top:20px;width:12px;height:12px;border:2px solid var(--blue);border-radius:50%;background:var(--bg)}.career-timeline>div+div::before{top:30px;background:var(--blue)}.career-date{font-size:.75rem;letter-spacing:.09em;color:var(--blue)}.career-timeline h3{font-size:1.8rem;margin:16px 0}.career-timeline p{max-width:420px}.career-layout .ownership{padding:30px}.career-layout .ownership dd{max-width:62%}
@media(max-width:1000px){.screen-explorer{gap:30px;grid-template-columns:.9fr 1.1fr}.annotated-figure{padding:16px 12px}.point-choices button{padding:9px;gap:7px}.library-copy{padding:27px}.library-visual>img{width:280px;height:300px}.library-visual .canvas-label{font-size:.65rem;letter-spacing:.05em;left:20px}.library-copy h3{font-size:2rem}.library-actions{gap:12px}.case-spec{padding:27px}.case-proof{padding:22px}.case-bottom{gap:28px}.career-layout{gap:35px}.proof-heading{display:block}.proof-heading p{margin-top:10px}}
@media(max-width:720px){.screen-explorer,.wide-screen{grid-template-columns:1fr;gap:25px}.annotated-image{max-width:270px}.annotated-figure{padding:18px 14px}.annotated-figure figcaption{font-size:.75rem}.point-choices{margin-top:16px;margin-bottom:22px}.point-choices button{min-height:47px;font-size:.88rem;padding:10px}.screen-explanation{min-height:0}.screen-explanation h3{font-size:1.55rem}.explorer-content{padding-top:0}.library-section{padding-top:55px}.library-section .subhead>p{margin-top:15px;max-width:none}.library-section .subhead h3{font-size:1.65rem}.category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-tabs button{padding:10px 8px;font-size:.88rem;gap:6px}.category-tabs button>span{padding:1px 5px;font-size:.7rem}.library-layout{grid-template-columns:1fr}.library-visual{min-height:310px;border-right:0;border-bottom:1px solid var(--line);padding:35px 20px}.library-visual>img{height:255px;width:255px}.library-visual.video-poster>img{height:300px}.library-copy{padding:24px}.library-copy h3{font-size:2rem}.library-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}.library-picker{font-size:.85rem;min-height:110px}.library-picker img{width:58px;height:58px}.gadget-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.gadget-rail .library-picker:last-child{grid-column:1/-1}.screen-tabs{gap:7px;margin-bottom:24px}.screen-tabs button{font-size:.86rem;padding:9px 13px}.wide-screen .annotated-image{max-width:none}.case-framing{grid-template-columns:1fr;gap:0;margin-bottom:32px}.case-framing>div{padding:17px 0;border-top-width:1px}.case-framing p{margin-top:6px}.case-comparison,.case-bottom,.career-layout{grid-template-columns:1fr}.case-spec{padding:25px}.case-spec h3{font-size:1.65rem}.case-proof{padding:23px}.proof-media{min-height:260px}.proof-media img,.proof-media video{height:340px}.case-bottom{gap:28px}.case-bottom h3{font-size:1.5rem}.career-layout{gap:25px}.career-timeline{padding-left:26px}.career-timeline>div::before{left:-33px}.career-date{font-size:.69rem}.career-timeline h3{font-size:1.7rem}.career-layout .ownership{padding:24px}.career-layout .ownership dl div{font-size:.9rem}#case-tabs button{font-size:.8rem}#media-content video,#media-content img{max-height:66dvh}}

/* Feature evidence, inline motion and unobstructed annotations. */
.annotated-figure{padding:24px 10px;overflow:visible;min-width:0}
.annotated-image{max-width:386px;padding:0 32px;overflow:visible;border-radius:0}
.screen-picture{position:relative;isolation:isolate}
.screen-picture>img{display:block;width:100%;border-radius:9px;height:auto}
.hotspot-layer{position:absolute;inset:0;pointer-events:none}
.hotspot-layer .hotspot{position:absolute;width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0;transform:translate(-50%,-50%);border:1px solid #9aa9c8;background:#182238;color:#e1e8f5;font-size:13px;line-height:1;box-shadow:none;pointer-events:auto;z-index:3}
.hotspot-layer .rail-left{left:-21px!important}.hotspot-layer .rail-right{left:calc(100% + 21px)!important}
.hotspot-layer .hotspot[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#142035;box-shadow:0 0 0 3px #f3bd4520}
.hotspot-layer .hotspot::after{inset:-7px}
.callout-pointer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.callout-pointer path{fill:none;stroke:#ffe39a;stroke-width:1.4;stroke-dasharray:3 3;filter:drop-shadow(0 1px 1px #000)}
.callout-pointer circle{fill:none;stroke:#ffe39a;stroke-width:1.6}
.wide-screen .annotated-image{max-width:650px}
.source-detail{margin-top:22px;border:1px solid #566381;border-radius:9px;overflow:hidden;background:#192339}
.source-detail>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.94rem;color:#e3eafb;list-style:none}
.source-detail>summary::before{content:'+';font-size:1.25rem;color:var(--blue)}
.source-detail[open]>summary::before{content:'−'}.source-detail summary span{flex:1}
.source-detail summary small{font-size:.75rem;color:#b8c5df}
.source-pages{background:#edf0f6;color:#192842;padding:22px}
.source-page+.source-page{border-top:1px solid #ccd3df;margin-top:22px;padding-top:22px}
.source-page .source-name{color:#526787;font-size:.75rem;line-height:1.5;letter-spacing:.025em}
.source-page h4{margin:8px 0 15px;font-size:1rem;line-height:1.45}
.source-page blockquote{margin:0;border-left:2px solid #6b85bd;padding-left:15px;line-height:1.65;font-size:.96rem;color:#20324c}
.source-page .source-note{font-size:.79rem;color:#53647c;line-height:1.55;margin:14px 0 0}
.source-image{display:block;width:100%;padding:10px;background:white;color:#233c60;border-radius:6px;margin-top:20px;font-size:.8rem}
.source-image img{max-height:230px;object-fit:contain;margin:0 auto 12px}.source-credit{display:block;font-size:.8rem;color:#35589a;text-decoration:underline;margin-top:12px}
.return-context{display:block;padding:9px 0;margin-bottom:14px;background:none;color:var(--blue);text-decoration:underline;font-size:.87rem;text-underline-offset:4px}
.category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.category-tabs button{justify-content:center}.library-visual{padding:45px 20px 20px;flex-direction:column;min-height:450px;min-width:0}
.feature-media{width:100%;display:flex;justify-content:center;align-items:center;min-height:340px}
.feature-media>img{object-fit:contain;width:300px;height:340px}
.inline-motion{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%;gap:9px}
.inline-motion video{display:block;width:100%;height:410px;object-fit:contain;border-radius:8px;background:#090f1b}
.inline-motion .motion-toggle{position:static;align-self:center;min-height:36px;padding:5px 14px;background:#263651;border:1px solid #637596;border-radius:50px;font-size:.8rem;color:#e5edff}
.feature-media-controls,.clip-choices,.media-view-switch{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.feature-media-controls button,.clip-choices button,.media-view-switch button{min-height:38px;border:1px solid #596b8a;background:#172239;color:#c5d4ed;padding:6px 12px;font-size:.82rem;border-radius:5px}
.feature-media-controls button[aria-pressed=true],.clip-choices button[aria-pressed=true],.media-view-switch button[aria-pressed=true]{background:#9fb6ff;color:#14223d;border-color:#b1c7ff}
.feature-media-controls .expand-media{background:none;border-color:transparent;text-decoration:underline}
.library-visual>.motion-caption,.motion-caption{font-size:.76rem;line-height:1.5;color:#aebbd1;text-align:center;max-width:400px;margin:14px auto 0}
.media-view-switch{margin:0 0 22px}.explorer-visual .inline-motion video{height:530px;background:transparent}
.explorer-visual .clip-choices{margin-top:12px}.explorer-visual+.figcaption{margin-top:18px}
.proof-media{max-height:none;min-height:0;background:transparent;overflow:visible}
.proof-media>.inline-motion video{height:390px}.proof-media .inline-motion{max-height:none}
.library-actions{align-items:flex-start;flex-direction:column;gap:10px}.library-actions .context-link{font-size:.87rem;text-align:left}
.spawn-note{font-size:.8rem;margin-top:16px;color:#b8c9e8}
.mode-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-rail .library-picker{min-height:55px;padding:10px;font-size:.9rem}
.mode-overview{grid-column:1/-1;min-height:42px;border:1px solid #596b8a;background:#18253b;border-radius:7px;color:#c5d4ed;font-size:.9rem}
.mode-overview[aria-pressed=true]{border-color:var(--blue);background:#303f67}
.mode-diagram{width:100%;padding:30px 5px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:24px}
.slot-diagram{display:grid;grid-template-columns:.85fr 1.3fr .85fr;gap:7px;align-items:center;width:100%}
.slot-diagram>div{padding:19px 6px;border:1px solid #516b93;border-radius:9px;background:#192d49;font-size:.85rem;line-height:1.4}
.slot-diagram small{display:block;font-size:.66rem;letter-spacing:.14em;color:#adc3ee;margin-bottom:13px}
.slot-diagram .major-slot{padding:32px 6px;border-color:#e1bb66;background:#423823;color:#ffe1a0}
.slot-diagram strong{display:block;font-size:1.1rem;line-height:1.35}.mode-diagram p{font-size:.86rem;max-width:240px}
.mode-bubble{width:85px;height:85px;object-fit:contain}.diagram-label{font-size:.7rem;color:#93a5c4}
.mode-entry{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 24px;padding:16px 20px;border:1px solid #3b4d71;border-radius:9px;background:#152035}.mode-entry p{font-size:.9rem}.mode-entry button{background:none;color:var(--blue);font-size:.87rem;text-decoration:underline}
.library-rail{border-bottom:1px solid var(--line)}
#media-content:has(img){max-height:70dvh;overflow:auto;display:block}#media-content img{max-height:none;width:auto;max-width:100%;margin:0 auto}
.reference-link{font-size:.8rem;color:var(--blue);text-decoration:underline;display:inline-block;margin-top:10px}
@media(max-width:720px){.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.annotated-image{max-width:334px;padding:0 31px}.annotated-figure{padding:20px 3px}.screen-picture>img{border-radius:6px}.library-visual{padding:42px 16px 20px;min-height:360px}.feature-media{min-height:300px}.feature-media>img{width:260px;height:300px}.inline-motion video{height:360px}.explorer-visual .inline-motion video{height:460px}.library-visual .canvas-label{font-size:.7rem}.source-pages{padding:18px}.source-detail>summary{padding:13px;font-size:.87rem}.mode-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-rail .library-picker{min-height:55px}.mode-entry{align-items:flex-start;flex-direction:column;gap:9px}.slot-diagram strong{font-size:1rem}.slot-diagram>div{font-size:.8rem}.callout-pointer circle{r:1.8}.proof-media>.inline-motion video{height:340px}}

.annotated-image,.wide-screen .annotated-image{width:100%;border:0;background:transparent}.screen-picture>img{box-shadow:0 8px 25px #0004}

#media-content img.full-size{max-width:none;width:auto;min-width:100%;margin:0}#media-content:has(img){overscroll-behavior:contain;touch-action:pan-x pan-y}

.slot-diagram img{width:100%;height:78px;object-fit:contain;margin:0 auto 14px;border-radius:5px}.slot-diagram .major-slot{padding:25px 8px}.mode-rail .library-picker img{width:62px;height:62px}.mode-rail .library-picker{min-height:110px}.library-visual:has(.mode-diagram) .canvas-label{font-size:.7rem;letter-spacing:.06em}.mode-diagram .eyebrow{font-size:.7rem}.library-visual:has(.mode-diagram){padding-left:14px;padding-right:14px}

.mode-rail{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:720px){.mode-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-rail .library-picker{font-size:.85rem;padding:8px 5px}}

/* Contribution-first editorial pass. */
.source-page .evidence-note{font-size:.94rem;line-height:1.65;color:#334763}
.design-decision{font-size:1.08rem;line-height:1.75}
.hero-role{max-width:475px}.hero-facts{gap:48px}.hero h1{font-size:clamp(3rem,6vw,5.5rem)}
#case-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.career-layout .ownership dl div{align-items:flex-start}.career-layout .ownership dd{line-height:1.65}
@media(max-width:720px){.hero-facts{gap:28px}.source-detail summary small{display:none}.design-decision{font-size:1rem}#case-tabs button{padding:10px 5px}}

.leadership-example h3{font-size:1.5rem;line-height:1.3;margin:16px 0}.leadership-example+.leadership-example{border-top:1px solid var(--line);margin-top:28px;padding-top:12px}.leadership-example>p{font-size:.95rem}.hero-facts{gap:25px}.career-layout{align-items:start}
@media(max-width:400px){.hero-facts{gap:12px}.hero-facts strong{font-size:.92rem}.hero-facts span{font-size:.7rem}}

.media-credit{color:var(--blue);text-decoration:underline;text-underline-offset:3px;white-space:normal}.source-page .source-kind{color:#53647c;font-size:.65rem;letter-spacing:.1em;margin:0 0 8px}.case-source-link{background:transparent;color:#35589a;text-decoration:underline;padding:0;margin-top:18px;font-size:.86rem}.annotated-figure .media-caption{line-height:1.6}

.work-nav{display:flex;gap:2rem;justify-content:space-between;padding-block:26px;border-top:1px solid #34364b;border-bottom:1px solid #34364b;scroll-margin-top:100px}.work-nav a{color:inherit;font-size:14px;text-decoration:none}.work-nav a:hover{color:#f3bd45}@media(max-width:700px){.work-nav{flex-direction:column;gap:18px}}

/* Selected work and a single, shared evidence surface. */
.section{padding-block:72px}.section-head{gap:46px;margin-bottom:34px}.section-head>p{font-size:1rem;line-height:1.75}.work-nav{align-items:flex-start}.work-nav a{font-size:.83rem}.hero{min-height:650px;padding-block:35px}.hero-art{min-height:580px}.hero-role{max-width:475px}.screen-explorer{grid-template-columns:.82fr 1.18fr;align-items:center}.annotated-figure{padding-block:25px}.annotated-image{max-width:320px}.point-choices{grid-template-columns:1fr 1fr}.explorer-content{padding:30px}.screen-explanation{min-height:0}.screen-explanation h3{font-size:1.75rem}.screen-explanation>p{margin:17px 0}.evidence-link{display:inline-flex;align-items:center;gap:18px;padding:10px 0;background:transparent;color:var(--blue);font-size:.88rem;text-align:left;border-bottom:1px solid #536784;line-height:1.4}.evidence-link:hover{color:#d8e3ff;border-color:#d8e3ff}.evidence-link span{font-size:1.1rem}.ability-section{margin-top:50px;scroll-margin-top:110px}.ability-section .subhead h3{font-size:1.6rem;letter-spacing:-.03em}.ability-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0}.ability-tabs button{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#151d30;text-align:left}.ability-tabs button[aria-pressed=true]{border-color:var(--blue);background:#24334e}.ability-tabs img{width:68px;height:68px;object-fit:contain}.ability-tabs span{font-weight:600}.ability-tabs small{display:block;color:var(--muted);font-weight:400;font-size:.75rem;line-height:1.5;margin-top:4px}.selected-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;margin-top:20px;background:#131b2c;border:1px solid var(--line);border-radius:14px;padding:30px;align-items:center}.ability-copy h3{font-size:2.5rem;margin:15px 0}.ability-copy>p:not(.eyebrow){max-width:460px;margin-bottom:22px;font-size:1.05rem}.selected-media .inline-motion{background:transparent;overflow:hidden;border-radius:12px;width:100%}.selected-media .inline-motion video{width:100%;height:340px;object-fit:contain}.selected-media>img{object-fit:contain;width:100%;max-height:440px;margin:auto}.media-footnote{font-size:.72rem;line-height:1.55;max-width:420px;margin:12px auto 0;color:#9aa9c3}.media-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.media-switch:empty{display:none}.media-switch button{font-size:.75rem;background:#202d45;border:1px solid #405271;border-radius:5px;padding:7px 10px}.media-switch button[aria-pressed=true]{border-color:var(--blue)}.feature-cases{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature-case{overflow:hidden;background:#131b2c;border:1px solid var(--line);border-radius:14px}.case-media{padding:25px 25px 0;background:radial-gradient(ellipse at 50% 45%,#26365a,transparent 80%)}.case-media .selected-media video{height:370px}.case-copy{padding:28px 30px 32px}.case-copy h3{font-size:1.8rem;line-height:1.25;margin:13px 0 17px}.case-copy>p:not(.eyebrow){font-size:.95rem;margin-bottom:18px}.career-strip{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;border-block:1px solid var(--line);padding:28px 0}.career-strip>div{position:relative;padding-left:24px;border-left:2px solid var(--blue)}.career-strip span{display:block;font-size:.8rem;letter-spacing:.1em;color:var(--blue)}.career-strip strong{display:block;font-size:1.25rem;margin:8px 0}.career-strip p{font-size:.9rem}.leadership-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:38px 0}.leadership-grid h3{font-size:1.65rem}.leadership-grid p{margin:15px 0;font-size:.96rem}.secondary-evidence{margin-left:16px}.activity-section{margin-top:16px;padding:30px;background:#141b2c;border:1px solid var(--line);border-radius:14px}.activity-heading{display:grid;grid-template-columns:1fr .85fr;gap:40px}.activity-heading h3{font-size:1.55rem;line-height:1.35;margin-top:12px}.activity-heading>p{font-size:.87rem}.activity-legend{display:flex;gap:24px;margin:25px 0 20px;font-size:.73rem;color:#b2bfd7}.activity-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--mark);margin-right:8px}[data-kind=Design]{--mark:#acbaff}[data-kind=Planning]{--mark:#77cdd2}[data-kind=Review]{--mark:#edb870}[data-kind=Production]{--mark:#c396e9}.activity-year{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.activity-year>strong{font-size:.8rem;color:#b9c7e0;padding-top:2px}.activity-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.activity-month>span{font-size:.63rem;display:block;color:#8e9db9;margin-bottom:9px}.activity-marks{display:flex;gap:5px;flex-wrap:wrap;min-height:40px;align-content:flex-start}.activity-mark{position:relative;width:18px;height:18px;min-width:18px;border-radius:3px;background:var(--mark);border:1px solid #ffffff30;padding:0;transition:transform .15s}.activity-mark:hover,.activity-mark:focus-visible{transform:scale(1.15);z-index:2}.empty-month{width:18px;height:18px;border:1px solid #334159;border-radius:3px;background:#1c263c}.mark-tooltip{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);background:#e5eafa;color:#17203a;font-size:.7rem;line-height:1.4;width:max-content;max-width:200px;padding:9px 12px;border-radius:5px;pointer-events:none;opacity:0;box-shadow:0 5px 15px #0007}.activity-mark:hover .mark-tooltip,.activity-mark:focus-visible .mark-tooltip{opacity:1}.activity-note{font-size:.73rem;margin-top:16px;max-width:800px}.activity-mark:focus-visible{outline-offset:3px}#evidence-dialog{width:min(1100px,calc(100% - 32px));padding:0;border:1px solid #53627d;border-radius:14px;background:#11192b;max-height:92dvh;color:var(--text)}#evidence-dialog .dialog-header{position:sticky;top:0;background:#11192bf5;z-index:3;padding:20px 26px;border-bottom:1px solid var(--line)}#evidence-title{font-size:1.15rem;letter-spacing:-.02em}.close-evidence{background:#28344b;width:36px;height:36px;border-radius:50%;flex-shrink:0}.evidence-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;padding:34px}.evidence-copy>h3{font-size:1.9rem;line-height:1.2;margin:15px 0 18px}.evidence-copy>p:not(.eyebrow){font-size:.96rem}.evidence-media{position:sticky;top:96px;align-self:start;min-width:0}.evidence-media .selected-media video{height:470px}.evidence-media .selected-media>img{max-height:500px;width:100%;object-fit:contain}.excerpt{background:#edf0f8;color:#182742;border-radius:8px;padding:22px;margin-top:25px}.excerpt .source-label{color:#536583;font-size:.72rem;line-height:1.5;letter-spacing:.02em}.excerpt h4{color:#203653;font-size:.9rem;margin:14px 0 10px}.excerpt blockquote{border:0;padding:0;margin:14px 0 0;font-size:1.04rem;line-height:1.65;color:#203450}.excerpt>p:not(.source-label){color:#425778}.excerpt .source-note{font-size:.74rem;line-height:1.6;margin-top:15px;color:#5b6b83}.excerpt .evidence-link{color:#345b94;border-color:#91a3bf}.context-detail{margin-top:20px;border-top:1px solid #39455c;padding-top:16px}.context-detail>summary{font-size:.86rem;color:#b8c9ed;cursor:pointer}.context-detail>p{font-size:.87rem;margin-top:16px}.related-evidence{margin-top:25px}.related-evidence>.source-label{font-size:.67rem;letter-spacing:.1em}.related-evidence .evidence-link{margin-right:16px;font-size:.8rem}.archive-links{display:grid;gap:8px;margin-top:15px}.archive-links button{display:flex;gap:14px;text-align:left;background:#1d2a42;border-radius:5px;padding:12px;font-size:.78rem;line-height:1.5}.archive-links button>span{color:#8ca6ce;flex-shrink:0}.back-to-work{margin-top:26px;background:transparent;border:0;padding:8px 0;font-size:.8rem;color:var(--blue);text-align:left}.workflow-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:35px 18px;min-height:340px;background:radial-gradient(ellipse,#27365c,transparent 75%)}.workflow-visual span{padding:15px;border:1px solid #596d96;border-radius:7px;width:100%;text-align:center;font-size:.85rem;background:#22314e}.workflow-visual i{color:#809bd5;font-style:normal}#evidence-dialog::backdrop{background:#060a15d9;backdrop-filter:blur(5px)}.work-nav+.section{border-top:0}
@media(max-width:850px){.ability-tabs small{display:none}.ability-tabs button{gap:5px}.ability-tabs img{width:50px;height:55px}.selected-feature{gap:22px;padding:22px}.feature-cases{gap:18px}.case-copy{padding:24px}.activity-section{padding:24px}.activity-months{gap:6px}.activity-mark,.empty-month{width:15px;height:15px;min-width:15px}.activity-heading{grid-template-columns:1fr;gap:15px}.evidence-layout{gap:22px;padding:25px}.secondary-evidence{margin-left:0;display:flex;width:fit-content}}
@media(max-width:650px){.section{padding-block:48px}.section-head{grid-template-columns:1fr;gap:22px}.hero-art{min-height:535px}.screen-explorer{grid-template-columns:1fr}.explorer-content{padding:25px 22px}.point-choices{grid-template-columns:1fr 1fr}.screen-explanation h3{font-size:1.55rem}.ability-tabs{gap:7px}.ability-tabs button{flex-direction:column;padding:10px 4px;text-align:center;font-size:.8rem}.ability-tabs img{height:62px;width:62px}.selected-feature{grid-template-columns:1fr;gap:22px;padding:24px}.selected-media .inline-motion video{height:330px}.ability-copy h3{font-size:2rem}.ability-copy>p:not(.eyebrow){font-size:.96rem}.feature-cases{grid-template-columns:1fr;gap:28px}.case-media .selected-media video{height:340px}.career-strip{grid-template-columns:1fr;gap:28px}.leadership-grid{grid-template-columns:1fr;gap:32px}.activity-section{padding:20px 15px}.activity-year{grid-template-columns:1fr;gap:10px}.activity-months{gap:4px}.activity-legend{gap:14px;flex-wrap:wrap;font-size:.67rem}.activity-mark,.empty-month{width:16px;height:16px;min-width:16px}.activity-marks{gap:4px;flex-direction:column}.activity-month>span{font-size:.57rem}.activity-note{font-size:.68rem}.mark-tooltip{display:none}.evidence-layout{grid-template-columns:1fr;padding:24px}.evidence-media{position:static;grid-row:1}.evidence-media .selected-media video{height:350px}.evidence-media .selected-media>img{max-height:380px}.evidence-copy>h3{font-size:1.6rem}#evidence-dialog .dialog-header{padding:17px}#evidence-title{font-size:1rem}.excerpt{padding:18px}.excerpt blockquote{font-size:.95rem}.archive-links button{flex-direction:column;gap:4px}.hero-facts{gap:20px}.work-nav{gap:15px}.subhead{display:block}.ability-section .subhead h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.activity-mark{transition:none}}
.related-caption{font-size:.67rem;letter-spacing:.12em;color:#90a8d0;margin:24px 0 12px}.evidence-media>.related-caption{margin-top:0}.activity-mark{width:24px;height:24px;min-width:24px}.activity-mark::after{content:'';position:absolute;inset:3px;border:1px solid #ffffff25;border-radius:2px;pointer-events:none}.activity-months{gap:3px}.activity-marks{gap:5px}.activity-note{line-height:1.7}@media(max-width:650px){.activity-section{padding-inline:12px;margin-inline:-12px}.activity-months{gap:1px}.activity-mark{width:24px;height:24px;min-width:24px}.activity-marks{gap:5px}.empty-month{width:24px;height:24px;min-width:24px}}

@media(max-width:650px){.archive-view .evidence-media{grid-row:auto}.archive-view .evidence-copy{grid-row:1}}
/* Evidence navigation and resilient media. */
.evidence-back{background:transparent;color:var(--blue);white-space:nowrap;font-size:.9rem;padding:8px 0;margin-right:14px}.dialog-header #evidence-title{margin-right:auto}.dialog-header{gap:14px}.screen-explorer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.annotated-figure{padding:22px 9px;margin:0}.annotated-image{max-width:100%;padding:0 34px}.screen-picture{width:100%;max-width:420px;margin:auto}.screen-picture>img{width:100%;max-height:760px;object-fit:contain}.explorer-content{padding:30px}.selected-media{display:flex;justify-content:center;align-items:center;min-width:0}.selected-media .video-stage,.selected-media .still-stage,#media-content .still-stage{position:relative;display:block;width:fit-content;max-width:100%;margin:auto;border-radius:9px;overflow:visible;background:transparent}.video-stage>.video-fallback,.still-stage>img{width:auto;max-width:100%;max-height:540px;height:auto;object-fit:contain;display:block;margin:auto;border-radius:8px}.selected-media .video-stage>video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;opacity:0;border-radius:8px;transition:opacity .15s}.selected-media .video-stage.has-frame>video{opacity:1}.ability-media .video-fallback{max-height:410px}.case-media .video-fallback{max-height:400px}.evidence-media .video-fallback,.evidence-media .still-stage>img{max-height:650px}.evidence-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px}.evidence-layout.text-only{display:block;max-width:860px;margin:auto}.evidence-media{top:100px}.evidence-copy{min-width:0}.excerpt-body>p{color:#263a57;font-size:.93rem;line-height:1.7;margin:0 0 13px;overflow-wrap:anywhere}.excerpt-body>p:last-child{margin-bottom:0}.excerpt h4{line-height:1.45}.source-kind{font-size:.68rem!important;color:#65748d!important;margin:12px 0!important}.source-note{font-size:.72rem!important}.document-relevance{font-size:1rem;line-height:1.8;margin-top:20px}.dev-alias{font-size:.75rem!important;margin-top:14px!important;color:#99afd1}.design-insight{border-left:2px solid var(--blue);padding-left:18px;margin:26px 0}.design-insight h4{font-size:.9rem;margin:0 0 10px}.design-insight p{font-size:.89rem}.archive-links button{display:block}.archive-links span,.archive-links strong,.archive-links small{display:block}.archive-links strong{font-weight:500;margin:6px 0}.archive-links small{font-size:.75rem;color:#adbbd1;line-height:1.6}.archive-links button:hover{background:#283a57}.visual-focus{position:absolute;border:2px solid #ffdc7e;border-radius:7px;box-shadow:0 0 0 3px #ffdc7e20;pointer-events:none;z-index:2}.visual-focus>span{position:absolute;left:0;bottom:calc(100% + 5px);font-size:.67rem;line-height:1.35;padding:4px 6px;background:#15213be8;color:#ffdf91;max-width:220px;min-width:85px;border-radius:4px}.system-steps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.system-steps>span{width:100%;font-size:.67rem;color:#a9bddf;letter-spacing:.1em}.system-steps button{background:#21314a;border:1px solid #465777;border-radius:6px;padding:9px 12px;font-size:.78rem}.system-steps button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.feature-cases{grid-template-columns:1fr 1fr}.system-case{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center}.system-case .case-media{padding:28px}.system-case .still-stage>img{max-height:430px}.system-case .case-copy{padding:36px}.system-case .case-copy h3{font-size:2.15rem}.system-case .case-copy>p{max-width:530px}.activity-legend{gap:8px;flex-wrap:wrap}.activity-legend button{font-size:.75rem;padding:6px 12px;border:1px solid #41506d;background:#1c2941;border-radius:20px;color:#b8c6de}.activity-legend button[aria-pressed=true]{border-color:var(--blue);background:#334766;color:white}.activity-legend button:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--mark,#98a5bd);margin-right:7px}[data-kind=Prototype]{--mark:#73cf9c}.activity-months{display:flex;flex-wrap:wrap;gap:14px}.activity-month{width:64px;min-width:64px}.activity-marks{display:flex;flex-direction:row;gap:4px;align-content:flex-start;min-height:24px}.activity-mark{width:24px;height:24px;min-width:24px}.activity-month>span{font-size:.73rem}.activity-year{grid-template-columns:54px 1fr}.activity-year>strong{font-size:.8rem}.mark-tooltip{max-width:240px}.activity-note{margin-top:18px}#media-content .still-stage img{max-height:77dvh;max-width:100%;width:auto;margin:auto}#media-content:has(img){max-height:80dvh}.media-unavailable{font-size:.8rem;padding:24px;min-height:100px}.media-footnote{font-size:.7rem;line-height:1.5}.media-footnote:empty{display:none}.context-detail>summary{padding-bottom:4px}
@media(max-width:700px){.screen-explorer{grid-template-columns:1fr}.screen-picture{max-width:390px}.annotated-figure{padding:22px 0}.annotated-image{padding-inline:30px}.explorer-content{padding:24px}.system-case{grid-template-columns:1fr}.system-case .case-copy{padding:26px}.system-case .case-copy h3{font-size:1.8rem}.evidence-layout{grid-template-columns:1fr;padding:23px;gap:28px}.evidence-media{position:static;grid-row:2}.evidence-copy{grid-row:1}.evidence-media .video-fallback,.evidence-media .still-stage>img{max-height:580px}.video-stage>.video-fallback{max-height:500px}.evidence-back{font-size:.8rem;margin-right:0}.dialog-header #evidence-title{font-size:.95rem}.activity-year{grid-template-columns:1fr;gap:15px}.activity-months{gap:13px}.activity-month{width:58px;min-width:58px}.activity-marks{flex-direction:row}.mark-tooltip{display:none}.visual-focus>span{font-size:.62rem}.excerpt{padding:18px}.excerpt-body>p{font-size:.89rem}.document-relevance{font-size:.95rem}.system-steps button{font-size:.73rem;padding:8px}.system-case .case-media{padding:24px}.media-footnote{max-width:300px}}
@media(prefers-reduced-motion:reduce){.selected-media .video-stage>video{transition:none}}

/* Range-based activity atlas and compact introduction. */
[data-kind=Build]{--mark:#eeae77}
.activity-preview{margin:0 0 32px;padding:23px 27px;border:1px solid #3b4967;border-radius:12px;background:linear-gradient(100deg,#172238,#111829)}
.activity-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.activity-preview-label{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.activity-preview-label strong{font-size:1.1rem;font-weight:500;color:#e9efff}.activity-preview-label span{font-size:.8rem;color:#a9bad9}.activity-preview-top .evidence-link{padding:5px 0;font-size:.83rem;flex-shrink:0}
.mini-log{display:grid;grid-template-columns:1fr 1.25fr 1.25fr .8fr .45fr;gap:18px;align-items:end}.mini-period{display:block;min-width:0}.mini-marks{height:39px;display:grid;grid-template-rows:repeat(3,1fr);grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;align-items:stretch}.mini-marks i{display:block;background:var(--mark,#8d9bb6);border-radius:2px;opacity:.85}.mini-label{display:block;color:#92a4c5;font-size:.71rem;margin-top:9px}.mini-log:hover .mini-marks i{opacity:1}
.activity-band{display:grid;grid-template-columns:165px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line);align-items:start}.band-date{font-size:.79rem;color:#b9c7e0;padding-top:7px;line-height:1.5}.band-marks{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}.band-marks .activity-mark{width:100%;min-width:0;height:auto;aspect-ratio:1;border-radius:4px}.build-symbol{font-size:.65rem;color:#253047;line-height:1;display:block}.activity-section{scroll-margin-top:105px}.activity-legend button{font-size:.77rem}.activity-note{font-size:.78rem}.activity-band:last-child{padding-bottom:8px}
.excerpt-body h5{font-size:.96rem;color:#1e3555;margin:24px 0 10px;font-weight:700;line-height:1.5}.excerpt-body h5:first-child{margin-top:10px}.excerpt-body ul{padding-left:21px;margin:9px 0 18px;color:#263a57;font-size:.93rem;line-height:1.7}.excerpt-body li{margin:5px 0}.excerpt-body code{font-family:ui-monospace,monospace;font-size:.86em;overflow-wrap:anywhere}.excerpt-body pre{background:#dfe6f1;padding:15px;border-radius:5px;overflow:auto;white-space:pre-wrap;font-size:.8rem}.spec-table-scroll{overflow:auto;margin:18px 0}.excerpt-body table{border-collapse:collapse;width:100%;font-size:.8rem;line-height:1.55;color:#263a57}.excerpt-body th,.excerpt-body td{padding:9px 10px;border:1px solid #c6cfde;text-align:left;vertical-align:top;overflow-wrap:anywhere}.excerpt-body th{background:#dce4f0;font-weight:700}
@media(max-width:1000px){.band-marks{grid-template-columns:repeat(12,minmax(0,1fr))}.activity-band{grid-template-columns:135px minmax(0,1fr);gap:16px}.mini-log{gap:11px}}
@media(max-width:700px){.activity-preview{padding:18px;margin-bottom:24px}.activity-preview-top{align-items:flex-start;gap:10px}.activity-preview-label{display:block}.activity-preview-label strong{font-size:1rem;display:block}.activity-preview-label span{display:block;font-size:.73rem;margin-top:4px}.activity-preview-top .evidence-link{font-size:.75rem;max-width:95px}.mini-log{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-period:last-child{display:none}.mini-label{font-size:.64rem;line-height:1.35}.mini-marks{height:36px;gap:2px}.activity-band{display:block;padding:19px 0}.band-date{font-size:.82rem;padding:0;margin-bottom:12px}.band-marks{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.band-marks .activity-mark{max-width:38px}.excerpt-body ul{font-size:.89rem}.excerpt-body table{font-size:.76rem}.excerpt-body th,.excerpt-body td{padding:8px 6px}}

@media(max-width:700px){.evolution-view .evidence-layout{gap:17px}.evolution-view .evidence-copy{display:contents}.evolution-view .evidence-copy>.eyebrow{grid-row:1}.evolution-view .evidence-copy>h3{grid-row:2;margin:0}.evolution-view .evidence-copy>p:not(.eyebrow){grid-row:3}.evolution-view .system-steps{grid-row:4;margin:4px 0}.evolution-view .evidence-media{grid-row:5}.evolution-view .excerpt{grid-row:6;margin-top:0}.evolution-view .related-evidence{grid-row:7;margin-top:0}.evolution-view .evidence-media .video-fallback,.evolution-view .evidence-media .still-stage>img{max-height:420px}}

.mini-log{display:flex;gap:18px}.mini-period{flex:var(--columns) 1 0;min-width:34px}.mini-period:last-child{max-width:65px}.mini-marks{grid-auto-columns:minmax(0,1fr)}
@media(max-width:700px){.mini-log{display:flex;gap:10px}.mini-period{min-width:28px}.mini-label{font-size:.68rem}}
/* Feature summaries and their source trail */
.ability-section .subhead{display:block;max-width:780px}.ability-section .subhead p{color:var(--muted,#b0bad4);max-width:650px;line-height:1.65;margin:12px 0 24px}
.feature-excerpt .excerpt-body{font-size:15px;line-height:1.65}.feature-excerpt .excerpt-body ul{padding-left:20px}.feature-excerpt .excerpt-body li+li{margin-top:8px}
.record-link{margin-top:14px;background:none;border:0;border-bottom:1px solid #49649f;color:#213e80;font:inherit;font-weight:650;padding:5px 0;cursor:pointer;text-align:left}.record-link:hover{color:#000}.record-link:focus-visible{outline:3px solid #304fa8;outline-offset:5px}
.record-context{border-left:2px solid #7294e3;padding:10px 16px;background:#202940;line-height:1.65}.record-context strong{color:#fff}.source-note{font-size:12px;line-height:1.5;color:#b8c2dc}
.evidence-timeline{margin-top:32px;padding:28px 0 4px;border-top:1px solid #39435d;clear:both;min-width:0}.evidence-timeline-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.evidence-timeline-heading h3{font-size:20px!important;margin:4px 0!important}.evidence-timeline-heading p:not(.eyebrow){font-size:12px;color:#b7c3df;max-width:210px;line-height:1.5}.timeline-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#c1cce5;margin:14px 0 22px}.key-related,.key-source{display:inline-block;width:13px;height:13px;border:2px solid #d0dcff;border-radius:3px}.key-source{background:#f8ce69;border-color:#f8ce69;margin-left:12px}
.detail-timeline-band{display:grid;grid-template-columns:148px 1fr;gap:14px;margin:16px 0;align-items:start}.detail-timeline-band>span{font-size:12px;color:#c0cce5;line-height:28px}.detail-timeline-marks{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:8px;min-width:0}.detail-timeline-marks .activity-mark{width:100%;min-height:26px;aspect-ratio:1;border:1px solid #57637e;opacity:.42;position:relative}.detail-timeline-marks .activity-mark.is-related{opacity:1;outline:2px solid #d0dcff;outline-offset:1px}.detail-timeline-marks .activity-mark.is-source{opacity:1;outline:3px solid #f8ce69;outline-offset:2px}.detail-timeline-marks .activity-mark:hover,.detail-timeline-marks .activity-mark:focus-visible{opacity:1;z-index:2}.source-symbol{font-size:10px;color:#fff;position:absolute;inset:0;display:grid;place-items:center}.detail-timeline-marks .mark-tooltip{max-width:220px;white-space:normal}
@media(max-width:650px){.evidence-timeline-heading{display:block}.evidence-timeline-heading p:not(.eyebrow){max-width:none}.detail-timeline-band{grid-template-columns:1fr;gap:5px}.detail-timeline-marks{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.detail-timeline-marks .activity-mark{min-height:26px}.evidence-timeline{padding-top:20px}.evolution-view .evidence-timeline{order:6;width:100%}}
.evidence-timeline{margin:0 34px 28px}.detail-timeline-marks .activity-mark{height:auto;min-width:0}.detail-timeline-marks .mark-tooltip{display:none}.detail-timeline-marks .activity-mark:hover .mark-tooltip,.detail-timeline-marks .activity-mark:focus-visible .mark-tooltip{display:block}#evidence-dialog{overflow-x:hidden}
@media(max-width:700px){.evidence-timeline{margin:0 23px 23px}.detail-timeline-marks .mark-tooltip{display:none!important}}
/* Portfolio scope, contextual activity preview and career history */
.activity-preview-label{display:block}.activity-preview-label strong{display:block;font-size:1.35rem;line-height:1.4}.activity-preview-label>span{display:block;font-size:.78rem;margin-top:4px}.activity-preview-label strong .preview-years{font-size:inherit;color:#b4c5ea;display:inline;margin:0}
.mini-log{cursor:default}.mini-mark{background:var(--mark,#94a7cb);border:0;min-width:0;min-height:0;display:block;width:100%;height:100%;padding:0;border-radius:2px;opacity:.8}.mini-mark:hover,.mini-mark:focus-visible{opacity:1;outline:2px solid var(--yellow);outline-offset:2px;z-index:1}.mini-marks{position:relative}.mini-mark[data-kind=Prototype]{--mark:#9babe8}
#record-tooltip{position:fixed;z-index:100;background:#eef2ff;color:#1e2a43;border:1px solid #b9c9f4;box-shadow:0 8px 28px #0005;border-radius:7px;padding:12px 15px;max-width:290px;pointer-events:none;font-size:12px;line-height:1.5}#record-tooltip strong,#record-tooltip span{display:block}#record-tooltip strong{font-size:13px;margin-bottom:5px}
.design-scope{display:flex;gap:26px;flex-wrap:wrap;padding:0 0 26px;font-size:.85rem}.design-scope strong{font-size:1.1rem;color:#e5ecff;margin-right:5px}.more-characters{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:18px 0}.more-characters>span{font-size:.78rem;color:var(--muted)}
.gallery-intro{padding:30px 34px 16px;max-width:740px}.gallery-intro h3{margin:12px 0}.gallery-intro>p:last-child{font-size:.9rem}.roster-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 34px 34px}.roster-gallery button{display:flex;flex-direction:column;text-align:left;padding:18px;border-radius:10px;border:1px solid #3d4967;background:#1a2339;gap:12px}.roster-gallery button:hover{background:#27344f;border-color:#96b3ed}.roster-gallery img{height:145px;width:100%;object-fit:contain}.roster-gallery strong{font-size:1rem}.roster-gallery span{font-size:.78rem;line-height:1.55;color:#b8c6df;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.career-history{border-top:1px solid var(--line)}.career-entry{display:grid;grid-template-columns:220px minmax(0,1fr);padding:30px 0;border-bottom:1px solid var(--line);gap:34px}.career-date{font-size:.85rem;color:#b3c6e8}.career-entry h3{font-size:1.35rem;line-height:1.35;margin:9px 0 12px}.career-entry .eyebrow{font-size:.73rem}.career-entry div>p:last-child{max-width:650px;font-size:.93rem}
.current-project{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;border:1px solid #3a4965;border-radius:12px;background:#141d30;align-items:center}.current-project h3{font-size:1.8rem;margin:12px 0 18px}.current-project img{border-radius:7px;width:100%}.current-project p{font-size:.9rem}.current-project figcaption{font-size:.72rem;color:#aab8d2;margin-top:9px}.current-project figure{margin:0}.current-project .current-focus{margin-top:14px;color:#d7e1f5}
@media(max-width:700px){.activity-preview-label strong{font-size:1.05rem}.activity-preview-label>span{font-size:.72rem}.mini-period:last-child{display:flex}.mini-log{gap:8px;flex-wrap:wrap}.mini-period{min-width:55px}.mini-marks{min-height:44px}.design-scope{gap:12px;font-size:.75rem}.more-characters{align-items:start}.more-characters>span{max-width:120px;text-align:right}.roster-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 20px 24px;gap:10px}.roster-gallery button{padding:12px}.roster-gallery img{height:110px}.gallery-intro{padding:25px 20px 8px}.career-entry{grid-template-columns:1fr;gap:12px;padding:25px 0}.career-entry h3{font-size:1.2rem}.current-project{grid-template-columns:1fr;padding:20px;gap:22px}.current-project h3{font-size:1.5rem}}
.record-outcome{display:inline-block;border:1px solid #7d7390;background:#2f293e;color:#ebddff!important;padding:5px 10px;border-radius:5px;font-size:.75rem!important;margin:12px 0!important}[data-kind=Prototype]{--mark:#9ba9eb}

/* v12: readable scope, continuous evidence, and a compact career path. */
.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px;padding-top:24px}.hero-facts strong{font-size:clamp(2rem,3.3vw,3rem);line-height:1.1;color:#f3cf75;letter-spacing:-.05em}.hero-facts span{font-size:.72rem;line-height:1.4;margin-top:8px}.hero-tenure{font-size:.75rem;color:#a7b8d3;margin-top:20px;line-height:1.6}
[data-kind=Design]{--mark:#b5a3f5}[data-kind=Prototype],.mini-mark[data-kind=Prototype]{--mark:#68d6b4}[data-kind=Production],[data-kind=Planning]{--mark:#efc66a}[data-kind=Review]{--mark:#79bdf5}[data-kind=Build]{--mark:#f69b85}
.mini-log{align-items:start;flex-wrap:nowrap;gap:15px}.mini-period,.mini-period:last-child{display:grid;grid-template-rows:48px auto;min-width:58px;max-width:none;align-self:start}.mini-period:last-child{flex:2 1 0;min-width:58px}.mini-marks{height:48px;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));align-content:start}.mini-label{white-space:nowrap;margin-top:10px;line-height:1.4}.mini-mark{opacity:1}.mini-key{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:#b8c6dc;font-size:.66rem;line-height:1.5}.mini-key span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--mark);margin-right:6px}
.full-spec{margin-top:16px}.full-spec>summary{cursor:pointer;color:#345b94;font-size:.84rem;padding:8px 0;border-top:1px solid #bfcbdd;list-style:none}.full-spec>summary::-webkit-details-marker{display:none}.full-spec .collapse-spec{display:none}.full-spec[open] .expand-spec{display:none}.full-spec[open] .collapse-spec{display:inline}.feature-excerpt:has(.full-spec[open]) .excerpt-summary{display:none}.full-spec>summary:focus-visible{outline:2px solid #345b94;outline-offset:4px}.full-spec .excerpt-body{margin-top:18px}
.feature-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-case,.feature-case.system-case{display:flex;flex-direction:column;grid-column:auto;align-items:stretch}.feature-case .case-media,.system-case .case-media{height:330px;padding:22px 20px 0;display:flex;flex-direction:column;justify-content:center;min-width:0}.feature-case .case-media .video-fallback,.feature-case .case-media .still-stage>img{height:270px;max-height:270px;width:auto;object-fit:contain}.feature-case .case-media .media-footnote{max-height:34px;overflow:hidden}.feature-case .case-copy,.system-case .case-copy{padding:25px;display:flex;flex-direction:column;flex:1}.feature-case .case-copy h3,.system-case .case-copy h3{font-size:1.6rem;line-height:1.2;margin:13px 0 16px}.feature-case .case-copy .eyebrow{font-size:.64rem}.feature-case .case-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.65}.case-copy .evidence-link{margin-top:auto;align-self:start;font-size:.82rem}
.career-hint{color:#a9bddb;font-size:.82rem;margin-bottom:28px}.career-hint span{color:var(--yellow)}.career-history{border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding-bottom:10px}.career-stop{position:relative;text-align:left;background:none;color:var(--text);padding:0 18px 22px 0;display:flex;flex-direction:column;align-items:start;border-radius:0;min-width:0}.career-stop:after{content:'';position:absolute;height:1px;background:#566684;left:9px;right:0;top:48px;z-index:0}.career-stop:last-child:after{background:linear-gradient(90deg,#566684,transparent)}.career-year{font-size:.86rem;color:#9eafd0;display:block;margin-bottom:21px}.career-node{display:block;width:13px;height:13px;background:#11192b;border:2px solid #8ba6da;border-radius:50%;position:relative;z-index:1;margin-bottom:22px}.career-stop:last-child .career-node{background:#f3cf75;border-color:#f3cf75;box-shadow:0 0 0 5px #f3cf7518}.career-stop strong{font-size:1.2rem;line-height:1.3;letter-spacing:-.025em}.career-role{font-size:.75rem;line-height:1.6;color:#a9bbd9;margin-top:10px;max-width:165px}.career-open{color:#a7bfff;font-size:1.2rem;margin-top:14px}.career-stop:hover strong,.career-stop:focus-visible strong{color:#f3cf75}.career-stop:hover .career-node{background:#a7bfff;transform:scale(1.15)}.career-stop:focus-visible{outline:2px solid #a7bfff;outline-offset:7px}.career-detail .evidence-layout{padding-block:44px}.career-detail .evidence-media{position:static;align-self:center}.career-detail .still-stage>img{max-height:500px}.career-focus{margin-top:22px}.career-chapters{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding:22px 34px}.career-chapters button{background:none;border:1px solid #425674;border-radius:20px;color:#a9bfdf;padding:8px 14px;font-size:.75rem}.career-chapters button[aria-current]{background:#2e3e5c;color:#f3cf75;border-color:#bca264}
@media(max-width:900px){.feature-cases{gap:12px}.feature-case .case-copy,.system-case .case-copy{padding:20px}.feature-case .case-copy h3,.system-case .case-copy h3{font-size:1.35rem}.career-stop strong{font-size:1rem}.career-role{font-size:.7rem}.mini-log{gap:9px}.mini-label{font-size:.64rem}}
@media(max-width:700px){.hero-facts{gap:10px}.hero-facts strong{font-size:2.4rem}.hero-facts span{font-size:.65rem}.hero-tenure{font-size:.7rem}.mini-log{overflow-x:auto;padding:3px 2px 10px;gap:13px}.mini-period{min-width:66px}.mini-period:last-child{min-width:58px;display:grid}.mini-label{font-size:.64rem}.mini-key{gap:8px 14px;font-size:.64rem;margin-top:10px}.feature-cases{grid-template-columns:1fr;gap:22px}.feature-case .case-media{height:330px}.feature-case .case-copy h3,.system-case .case-copy h3{font-size:1.6rem}.career-history{grid-template-columns:1fr}.career-stop{display:grid;grid-template-columns:58px 24px 1fr 24px;column-gap:12px;align-items:start;padding:0 0 27px}.career-year{grid-column:1;grid-row:1;margin:0;line-height:22px}.career-node{grid-column:2;grid-row:1;margin:5px 0 0}.career-stop strong{grid-column:3;grid-row:1;font-size:1.15rem;line-height:22px}.career-role{grid-column:3;grid-row:2;max-width:none;font-size:.76rem;margin-top:6px}.career-open{grid-column:4;grid-row:1;margin:0;font-size:1rem}.career-stop:after{left:76px;top:12px;bottom:0;width:1px;height:auto;right:auto}.career-stop:last-child:after{background:linear-gradient(#566684,transparent)}.career-detail .evidence-layout{padding:26px}.career-chapters{padding:20px 26px}.career-hint{font-size:.78rem}}

.embedded-motion{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#101728}.embedded-motion>img{width:100%;height:100%;object-fit:contain}.embedded-motion>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0}.embedded-motion.has-frame>iframe{opacity:1}

/* v13: career chapters read as tappable project cards. */
.career-history{gap:14px;position:relative;align-items:stretch}.career-history:before{content:'';position:absolute;left:0;right:0;top:25px;height:1px;background:#465775}.career-stop.career-card{display:flex;flex-direction:column;align-items:stretch;padding:20px 16px 16px;border:1px solid #415474;border-radius:12px;background:#151e32;box-shadow:0 6px 20px #0002;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.career-card:after{display:none}.career-card .career-node{display:none}.career-card .career-year{font-size:.78rem;color:#efcb7c;margin:0 0 16px;line-height:1.2}.career-card-media{display:block;position:relative;aspect-ratio:16/10;background:#0c1425;margin:0 -16px 17px;overflow:hidden}.career-card-media>img{width:100%;height:100%;object-fit:cover;object-position:center}.career-card[data-career="3"] .career-card-media>img{object-position:center 40%}.career-media-count{position:absolute;right:8px;bottom:8px;font-size:.62rem;line-height:1.3;padding:5px 7px;background:#0b1528df;border:1px solid #516584;border-radius:4px;color:#d5e2fa}.career-code-art{display:flex;align-items:center;justify-content:center;gap:9px;background:radial-gradient(ellipse at 30% 80%,#304774,#152239 75%);color:#b9c9f3;font-size:1rem;letter-spacing:-.03em}.career-code-art i{font-style:normal;color:#f1cc75}.career-card .career-card-company{color:#a8bbdb;font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}.career-card strong{font-size:1.12rem;line-height:1.3}.career-card .career-role{font-size:.69rem;line-height:1.55;margin-top:10px;max-width:none;min-height:45px;color:#b7c8e1}.career-card-summary{font-size:.76rem;line-height:1.65;color:#c2cfe4;margin:14px 0 20px}.career-card .career-open{font-size:.73rem;line-height:1.5;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #3a4b67;margin-top:auto;color:#c6d8ff}.career-card:hover,.career-card:focus-visible{border-color:#a5bbf6;background:#202e48;transform:translateY(-5px)}.career-card:focus-visible{outline:2px solid #f3cf75;outline-offset:4px}.career-card:hover .career-open{color:#f3cf75}.career-contributions{padding-left:20px;margin:24px 0;color:#bbcbe5;font-size:.88rem;line-height:1.7}.career-contributions li{padding-left:3px;margin:8px 0}.career-detail .evidence-copy>h3{font-size:1.7rem}.mini-period:last-child{flex:4 1 0;min-width:68px}
@media(min-width:701px) and (max-width:1050px){.career-history{grid-template-columns:repeat(3,minmax(0,1fr))}.career-card .career-role{min-height:0}.career-card-media{aspect-ratio:16/9}}
@media(max-width:700px){.career-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.career-stop.career-card{padding:17px 14px 14px}.career-card-media{margin-inline:-14px;aspect-ratio:16/10}.career-card .career-year{margin-bottom:15px}.career-card strong{font-size:1.05rem}.career-card .career-role{font-size:.69rem;min-height:44px}.career-card-summary{font-size:.74rem}.career-card .career-open{font-size:.68rem;gap:8px}.career-card .career-card-company{font-size:.58rem}.career-history:before{display:none}.career-card:last-child{grid-column:1/-1}.career-card:last-child .career-card-media{aspect-ratio:2.5}.career-card:last-child .career-role{min-height:0}}
@media(max-width:370px){.career-history{grid-template-columns:1fr}.career-card .career-role{min-height:0}.career-card-media,.career-card:last-child .career-card-media{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.career-card:hover,.career-card:focus-visible{transform:none}.career-stop.career-card{transition:none}}

/* v14: compact career cards; supporting information stays in the popup. */
.career-history{gap:12px}.career-history:before{display:none}.career-stop.career-card{padding:10px 12px 11px;border-radius:9px;box-shadow:none;min-height:0}.career-card .career-year{font-size:.7rem;margin:0 0 8px;line-height:1.3}.career-card .career-card-media,.career-card:last-child .career-card-media{height:68px;min-height:68px;aspect-ratio:auto;margin:0 -12px 10px}.career-card strong{font-size:.96rem;line-height:1.25;margin:0;letter-spacing:-.02em}.career-card .career-card-company{font-size:.68rem;line-height:1.4;text-transform:none;letter-spacing:0;color:#a9bddb;margin:5px 0 0}.career-code-art{font-size:.88rem}.career-card:hover,.career-card:focus-visible{transform:translateY(-2px)}
@media(min-width:701px) and (max-width:1050px){.career-history{grid-template-columns:repeat(5,minmax(0,1fr))}.career-card strong{font-size:.85rem}.career-stop.career-card{padding-inline:10px}.career-card .career-card-media{margin-inline:-10px}}
@media(max-width:700px){.career-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-card:last-child{grid-column:auto}.career-card .career-card-media,.career-card:last-child .career-card-media{height:68px;min-height:68px;aspect-ratio:auto}.career-card .career-year{margin-bottom:8px}.career-card strong{font-size:.94rem}.career-card .career-card-company{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.career-card:hover,.career-card:focus-visible{transform:none}}

/* Consistent company / project hierarchy and a unified project scope. */
.career-card .career-company-name{display:flex;align-items:center;gap:7px;min-height:24px;font-size:.96rem;line-height:1.3}.career-logo{width:23px;height:23px;object-fit:contain;border-radius:4px;flex-shrink:0}.career-card-project{font-size:.75rem;color:#a9bddb;line-height:1.35;margin-top:4px}.career-card .career-year{font-size:.75rem}.project-scope{border-top:1px solid var(--line);margin-top:30px;padding-top:19px}.scope-label{font-size:.75rem;color:#afbfda;margin:0 0 16px}.project-scope .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:0;gap:19px 22px}.project-scope .hero-facts strong{font-size:2.2rem}.project-scope .hero-facts span{font-size:.75rem;line-height:1.35;margin-top:5px}.mini-period:last-child{flex:1 1 0}
@media(max-width:700px){.project-scope .hero-facts{gap:20px 12px}.project-scope .hero-facts strong{font-size:2rem}.career-card .career-company-name{font-size:.92rem}.mini-label{font-size:.7rem}}

/* v15: compact cards anchored to a continuous career timeline. */
.career-history{position:relative;gap:16px;align-items:start}.career-history:before{content:'';display:block;position:absolute;left:18px;right:18px;top:35px;height:2px;background:linear-gradient(90deg,#6d80b0,#a6b9ed 85%,#eaca7c);pointer-events:none}.career-milestone{position:relative;min-width:0;padding-top:65px}.career-milestone>.career-year{position:absolute;top:0;left:0;margin:0;color:#c8d5f0;font-size:.78rem;line-height:20px}.career-pin{position:absolute;left:12px;top:29px;width:14px;height:14px;border:2px solid #b5c7f2;border-radius:50%;background:#11192b;z-index:1}.career-pin:after{content:'';position:absolute;left:4px;top:12px;width:2px;height:22px;background:#687da8}.career-milestone:last-child .career-pin{background:#efcc75;border-color:#efcc75;box-shadow:0 0 0 5px #efcc7515}.career-milestone:has(.career-card:hover) .career-pin,.career-milestone:has(.career-card:focus-visible) .career-pin{background:#c7d6ff}.career-milestone .career-card{width:100%;min-height:158px;padding-top:0;overflow:hidden}.career-milestone .career-card .career-card-media{margin-top:0;height:72px;min-height:72px}.career-card-project{font-size:.75rem;line-height:1.45}.career-milestone .career-card:hover,.career-milestone .career-card:focus-visible{transform:none}
@media(max-width:700px){.career-history{grid-template-columns:1fr;gap:22px;padding-left:29px}.career-history:before{left:6px;right:auto;top:9px;bottom:70px;height:auto;width:2px;background:linear-gradient(#6d80b0,#a6b9ed 85%,#eaca7c)}.career-milestone{padding-top:27px}.career-milestone>.career-year{left:0;font-size:.78rem}.career-pin{left:-29px;top:3px}.career-pin:after{left:12px;top:4px;height:2px;width:15px}.career-milestone .career-card{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center;align-items:center;min-height:92px;padding:10px 12px 10px 0}.career-milestone .career-card .career-card-media,.career-milestone:last-child .career-card .career-card-media{grid-column:1;grid-row:1/3;width:90px;height:92px;min-height:92px;margin:-10px 0;align-self:center}.career-milestone .career-company-name{grid-column:2;grid-row:1;align-self:end}.career-milestone .career-card-project{grid-column:2;grid-row:2;align-self:start;margin-top:5px}.career-code-art{flex-direction:column;gap:2px;font-size:.75rem}.career-card-project{font-size:.75rem}}
.career-detail .evidence-media:has(video[src*="playworks-highlight"]){max-width:310px;justify-self:center;width:100%}.career-detail .evidence-media:has(video[src*="playworks-highlight"]) .video-fallback{max-height:480px;width:auto;max-width:100%;margin:auto}.career-detail .media-switch:empty{display:none}

.callout-target{position:absolute;width:14px;height:14px;box-sizing:border-box;border:2px solid #ffe39a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px #000)}

/* Compact evolution preview, reusing the existing entry point. */
.evolution-teaser{display:flex;align-items:center;gap:13px;flex-shrink:0;text-align:left;padding:7px 15px 7px 7px;border:1px solid #40516f;border-radius:9px;background:#182139;color:#c5d4f4;font-size:.88rem;line-height:1.45}.evolution-teaser:hover{border-color:#a5b9f0;background:#202d46}.evolution-teaser:focus-visible{outline:2px solid #f3cf75;outline-offset:4px}.evolution-teaser-media{display:block;width:46px;height:100px;overflow:hidden;border-radius:4px}.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:46px!important;height:100px!important;max-height:100px!important;object-fit:contain;gap:0;border-radius:4px}.evolution-teaser-media .inline-motion{padding:0}.activity-preview-top{align-items:center}
@media(max-width:700px){.evolution-teaser{gap:8px;padding:5px 9px 5px 5px;font-size:.75rem}.evolution-teaser-media,.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:35px!important;height:76px!important;max-height:76px!important}.activity-preview-top{gap:14px}}
.evolution-teaser-media .video-stage>video{position:absolute;inset:0;opacity:0}.evolution-teaser-media .video-stage.has-frame>video{opacity:1}

/* v18: clearer reading order, relevant evidence first, and usable small-screen navigation. */
.evidence-intro>h3{margin:14px 0 20px;font-size:1.7rem;line-height:1.2}
.evidence-intro>p:not(.eyebrow){font-size:1rem;line-height:1.7}
.evidence-intro .dev-alias{font-size:.8rem;margin-top:14px}
#evidence-dialog .dialog-header{background:#141a2b;z-index:10}
#evidence-title:focus{outline:none}
.timeline-current{font-size:.8rem;line-height:1.6;margin:16px 0}.timeline-current .key-source{margin:0 7px 0 0;vertical-align:middle}.timeline-current strong{font-weight:500;color:#e3eafa}
.full-timeline{margin-top:22px;border-top:1px solid #39435d;padding-top:14px}.full-timeline>summary{cursor:pointer;color:#c3d4f5;font-size:.875rem;padding:8px 0;min-height:44px}
.detail-timeline-marks{display:flex;flex-wrap:wrap;gap:9px}.detail-timeline-marks .activity-mark{width:28px;height:28px;flex:0 0 28px}
.source-label,.source-kind,.source-note,.media-footnote{font-size:.75rem;line-height:1.6}
.evidence-link,.full-spec>summary,.media-switch button,.system-steps button,.activity-legend button,.career-chapters button{font-size:.875rem;min-height:44px}
.case-copy .evidence-link{font-size:.875rem}.case-copy .eyebrow{font-size:.75rem!important}
.case-copy>p:not(.eyebrow),.ability-copy>p:not(.eyebrow),.subhead p{font-size:1rem!important}
.mini-key{font-size:.75rem}.career-card-project{font-size:.8125rem}.contact-context{margin:22px 0 0;font-size:1rem}
.record-context{margin-top:14px}.document-relevance{margin-top:10px}
@media(max-width:700px){
 .site-header{padding-inline:20px;gap:12px}.site-header .identity{gap:0}.site-header .identity>span:not(.monogram){display:none}.site-header nav{gap:14px;font-size:.8125rem}.site-header nav a{display:inline-flex}.site-header .contact-link{padding:7px 12px}
 .work-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:8px}.work-nav a{display:block;padding:12px 0;font-size:.875rem;min-height:44px}.work-nav a+a{border-top:1px solid var(--line)}
 .mini-log{overflow-x:auto;gap:18px;padding:5px 3px 12px}.mini-period,.mini-period:last-child{flex:none;min-width:0;grid-template-rows:78px auto;max-width:none}.mini-marks{height:78px;grid-template-rows:repeat(3,24px);grid-auto-columns:24px;gap:3px}.mini-label{font-size:.75rem}.mini-key{font-size:.75rem}
 .evidence-layout>.evidence-copy:has(.evidence-intro){display:contents}.evidence-intro{grid-row:1;min-width:0}.evidence-layout>.evidence-media{grid-row:2;min-width:0;width:100%}.evidence-detail{grid-row:3;min-width:0}.text-only .evidence-detail{grid-row:2}
 .evidence-media .video-fallback,.evidence-media .still-stage>img{max-height:360px;margin:auto}.evidence-media .selected-media{max-width:100%}
 .evidence-intro>h3{font-size:1.45rem}.evidence-layout{gap:24px}.evidence-detail .feature-excerpt{margin-top:0}
 .evidence-intro .system-steps button{font-size:.8125rem}.excerpt-body>p,.excerpt-body ul{font-size:1rem}.visual-focus>span{font-size:.7rem}.project-scope .hero-facts span{font-size:.8rem}
 .detail-timeline-band{grid-template-columns:1fr;gap:5px}.detail-timeline-marks .activity-mark{width:28px;height:28px;flex-basis:28px}.timeline-current{font-size:.8rem}
 .career-card-project{font-size:.8125rem}.evidence-link{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.review-layout{row-gap:24px}.review-layout>.evidence-intro{grid-column:1;grid-row:1}.review-layout>.evidence-detail{grid-column:1;grid-row:2}.review-layout>.evidence-media{grid-column:2;grid-row:1/3}.review-layout.text-only>.evidence-detail{margin-top:24px}.review-layout .feature-excerpt{margin-top:0}
@media(max-width:700px){.review-layout>.evidence-intro{grid-column:1;grid-row:1}.review-layout>.evidence-media{grid-column:1;grid-row:2}.review-layout>.evidence-detail{grid-column:1;grid-row:3}.review-layout.text-only>.evidence-detail{margin-top:24px}}
@media(max-width:360px){.site-header{padding-inline:14px;gap:8px}.site-header nav{gap:10px}.site-header .contact-link{padding-inline:9px}}
.review-layout{grid-template-rows:min-content 1fr;align-items:start}@media(max-width:700px){.review-layout{grid-template-rows:auto auto auto}}

.evidence-intro>.eyebrow{margin-bottom:12px}

.site-header nav a{white-space:nowrap}

/* v19: side-by-side records and visual evolution; intentional career artwork. */
.activity-preview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch;padding:0;border:0;background:none}
.activity-records{min-width:0;padding:26px;border:1px solid var(--line);border-radius:12px;background:#141b2d}
.activity-records .activity-preview-top{margin-bottom:22px}.activity-records .activity-preview-label{display:block}.activity-records .activity-preview-label strong{font-size:1.2rem;font-weight:600;line-height:1.4}.activity-records .activity-preview-label>span{display:block;margin-top:6px;font-size:.8rem}
.activity-records .mini-log{gap:12px}.activity-records .mini-period,.activity-records .mini-period:last-child{min-width:36px}.activity-records .mini-label{font-size:.69rem}.activity-records .mini-key{font-size:.75rem;gap:7px 14px;margin-top:18px}
.evolution-teaser{display:flex;justify-content:space-between;gap:14px;padding:23px 18px 23px 23px;border:1px solid #5c688a;border-radius:12px;background:linear-gradient(125deg,#232c48,#151d30);width:100%;min-width:0;overflow:hidden}
.evolution-teaser-copy{display:flex;flex-direction:column;gap:13px;min-width:0}.evolution-kicker{font-size:.68rem;letter-spacing:.09em;color:#efcd80}.evolution-teaser-copy strong{font-family:Manrope,system-ui,sans-serif;font-size:1.45rem;line-height:1.2;color:#f2f5ff;letter-spacing:-.035em}.evolution-teaser-copy>span:last-child{font-size:.8rem;line-height:1.55;color:#b9c9e4}
.evolution-teaser-media{flex:0 0 76px;width:76px;height:165px;border-radius:6px;border:1px solid #536180;transform:rotate(3deg);background:#111729}
.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:76px!important;height:165px!important;max-height:165px!important;border-radius:5px}
.career-milestone>.career-year{left:0;right:0;text-align:center}.career-pin{left:50%;transform:translateX(-50%)}.career-history:before{left:calc((100% - 64px)/10);right:calc((100% - 64px)/10)}
.career-milestone .career-card .career-card-media{height:84px;min-height:84px;background:#222c46}.career-card[data-career="1"] .career-card-media>img{object-position:70% 50%}.career-card[data-career="2"] .career-card-media>img{object-fit:cover;object-position:center 53%}.career-card[data-career="3"] .career-card-media{background:radial-gradient(ellipse at center,#33448b,#17203c)}.career-card[data-career="3"] .career-card-media>img{object-fit:contain;padding:7px 15px;object-position:center}.career-card[data-career="4"] .career-card-media{background:radial-gradient(ellipse at center,#425a67,#1b2b37)}.career-card[data-career="4"] .career-card-media>img{object-fit:contain;padding:0;object-position:center}
.feature-case .case-media,.system-case .case-media{height:auto;min-height:330px;justify-content:flex-start}.feature-case .case-media .selected-media{min-height:270px;display:flex;align-items:center;justify-content:center}.feature-case .case-media .media-footnote{max-height:none;overflow:visible;line-height:1.6;font-size:.75rem;margin-top:12px}.feature-case .case-media .media-switch:empty{display:none}
@media(min-width:701px) and (max-width:1000px){.activity-preview{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.activity-records{padding:22px}.evolution-teaser{padding:20px 15px;gap:10px}.evolution-teaser-copy strong{font-size:1.3rem}.evolution-teaser-media{flex-basis:65px;width:65px;height:141px}.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:65px!important;height:141px!important;max-height:141px!important}.activity-records .mini-log{overflow-x:auto;padding-bottom:10px}.activity-records .mini-period{min-width:70px}.activity-records .mini-period:last-child{min-width:60px}}
@media(max-width:700px){.activity-preview{grid-template-columns:1fr;gap:14px}.activity-records{padding:20px}.activity-records .mini-period,.activity-records .mini-period:last-child{min-width:0}.activity-records .mini-label{font-size:.75rem}.evolution-teaser{padding:18px 24px;min-height:170px;gap:22px}.evolution-teaser-copy strong{font-size:1.35rem}.evolution-teaser-media{flex-basis:60px;width:60px;height:130px}.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:60px!important;height:130px!important;max-height:130px!important}.evolution-teaser-copy{gap:8px}.evolution-teaser-copy>span:last-child br{display:none}.career-milestone>.career-year{text-align:center;left:0;right:0}.career-pin{left:-29px;transform:none}.career-history:before{left:6px;right:auto}.career-milestone .career-card .career-card-media,.career-milestone:last-child .career-card .career-card-media{height:92px;min-height:92px}.career-card[data-career="3"] .career-card-media>img{padding:8px}.career-card[data-career="1"] .career-card-media>img{object-position:84% center}.career-card[data-career="2"] .career-card-media>img{object-fit:contain;padding:0}.feature-case .case-media{height:auto}}
.career-card[data-career="4"] .career-card-media>img{transform:scale(1.85)}@media(max-width:700px){.career-card[data-career="4"] .career-card-media>img{transform:scale(1.08)}}

/* v20: linked evolution milestones and consistent career-card geometry. */
.career-history{align-items:stretch}.career-milestone{display:flex;flex-direction:column}.career-milestone .career-card{flex:1;justify-content:flex-start}.career-milestone .career-company-name{flex-shrink:0}.career-milestone .career-card-project{margin-bottom:2px}
.evolution-story{padding:24px 34px 30px}.evolution-overview{font-size:1rem;line-height:1.65;color:#c2cfe5;margin:0 0 22px;max-width:76ch}
.evolution-rail-wrap{overflow-x:auto;padding:7px 0 14px;margin-bottom:22px;scrollbar-width:thin;scrollbar-color:#697ca5 #172035}
.evolution-rail{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));min-width:600px;position:relative}
.evolution-rail:before{content:'';position:absolute;height:2px;background:#61769b;left:8.333%;right:8.333%;top:10px}
.evolution-rail button{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:3px 8px 8px;color:#b6c6e2;background:none;border:0;min-height:87px;font-size:.8125rem;line-height:1.4;text-align:center;border-radius:5px}
.evolution-dot{display:block;width:16px;height:16px;flex-shrink:0;border:2px solid #a2b6de;border-radius:50%;background:#171f33;z-index:1}
.evolution-rail button[aria-selected="true"]{color:#f4d785;font-weight:600}.evolution-rail button[aria-selected="true"] .evolution-dot{background:#f4d785;border-color:#f4d785;box-shadow:0 0 0 5px #f4d78520}.evolution-rail button:hover{color:#fff;background:#ffffff06}.evolution-rail button:focus-visible{outline:2px solid #f4d785;outline-offset:-2px}
.evolution-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;outline-offset:6px;min-height:460px}
.evolution-screen{min-width:0}.evolution-screen .selected-media{display:flex;align-items:center;justify-content:center;height:400px;background:#0e1525;border:1px solid #35435e;border-radius:10px;overflow:hidden}.evolution-screen .still-stage,.evolution-screen .inline-motion{max-height:400px;max-width:100%}.evolution-screen .video-fallback,.evolution-screen .still-stage>img{max-height:400px;max-width:100%;width:auto;object-fit:contain;margin:auto}.evolution-screen .media-switch:empty{display:none}.evolution-screen .media-footnote{font-size:.75rem;line-height:1.5;color:#a8bad8;margin:12px 0 0}
.evolution-description{min-width:0;padding-top:5px}.evolution-description h3{font-size:1.55rem;line-height:1.25;margin:12px 0 20px}.evolution-description .excerpt-body{color:#c2cfe5}.evolution-description .excerpt-body p{font-size:1rem;line-height:1.7;margin:0 0 16px}.evolution-source{border-top:1px solid #3b4863;margin-top:26px;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.evolution-source>span{color:#9eafd0;font-size:.75rem}.evolution-source .record-link{color:#efd27f;text-align:left;font-size:.875rem;line-height:1.5;white-space:normal;max-width:100%;height:auto}.evolution-source small{font-size:.75rem;color:#a9bbd8;line-height:1.5}
@media(max-width:700px){.career-milestone .career-card{min-height:114px}.career-milestone .career-card .career-card-media,.career-milestone:last-child .career-card .career-card-media{height:114px;min-height:114px}.evolution-story{padding:20px 23px}.evolution-overview{font-size:.9375rem}.evolution-rail-wrap{margin-inline:-7px;margin-bottom:18px}.evolution-panel{grid-template-columns:1fr;gap:22px;min-height:0}.evolution-screen .selected-media{height:330px}.evolution-screen .still-stage,.evolution-screen .inline-motion,.evolution-screen .video-fallback,.evolution-screen .still-stage>img{max-height:330px}.evolution-description h3{font-size:1.35rem}.evolution-source{margin-top:20px}}
.evolution-description .excerpt-body p,.evolution-description .excerpt-body li{color:#c2cfe5}.evolution-source .record-link{margin:0;padding-block:2px}.evolution-screen .selected-media{height:360px}.evolution-screen .still-stage,.evolution-screen .inline-motion,.evolution-screen .video-fallback,.evolution-screen .still-stage>img{max-height:360px}@media(max-width:700px){.evolution-screen .selected-media{height:330px}.evolution-screen .still-stage,.evolution-screen .inline-motion,.evolution-screen .video-fallback,.evolution-screen .still-stage>img{max-height:330px}}
.evolution-view .evidence-timeline{width:auto}

.release-tasks{margin-top:24px}.release-tasks h3{font-size:1.15rem;margin-bottom:9px}.release-tasks .source-kind{color:#adbfdb;font-size:.8rem}.release-task{border-top:1px solid #3d4b67;padding:0}.release-task summary,.release-task-static{padding:15px 0;font-size:.95rem;line-height:1.5;color:#e2eafa}.release-task summary{cursor:pointer}.release-task summary small,.release-task-static small{display:block;font-size:.75rem;color:#aebfda;margin:4px 0 0 16px}.release-task .excerpt-body{padding:2px 16px}.release-task .excerpt-body p,.release-task .excerpt-body li{color:#c4d1e8;font-size:.95rem}.release-task .evidence-link{margin:6px 16px 20px;max-width:calc(100% - 32px);white-space:normal;text-align:left}.release-task[open]{padding-bottom:8px}.release-task summary:focus-visible{outline:2px solid #f2ce79;outline-offset:3px}

.feature-case .case-media .media-footnote{display:none}.feature-case .case-media,.system-case .case-media{min-height:0;padding-bottom:14px}.feature-case .case-media .selected-media{min-height:240px}.feature-case .case-media .video-fallback,.feature-case .case-media .still-stage>img{max-height:240px}
.activity-mark .mark-tooltip{display:none}.activity-mark:hover .mark-tooltip,.activity-mark:focus-visible .mark-tooltip{display:block}#evidence-content .release-tasks>.source-kind{color:#adbfdb}

/* v21: optional, interruptible chronological playback. */
.evolution-playback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;color:#adbfdb;font-size:.8125rem}.evolution-playback button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 9px;background:none;border:1px solid #526382;border-radius:6px;color:#bed0ed;font-size:.8125rem}.evolution-playback button[hidden]{display:none}.evolution-playback button[aria-pressed="true"]{border-color:#b5a46d;color:#f0d487}.auto-indicator{width:9px;height:9px;border:1px solid currentColor;border-radius:50%}.evolution-playback button[aria-pressed="true"] .auto-indicator{background:currentColor}.auto-interval{font-size:.75rem;color:#a9bad8}.evolution-panel{animation:evolution-enter .28s ease-out}@keyframes evolution-enter{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.evolution-panel{animation:none}}

.expandable-image{padding:0;border:0;cursor:zoom-in;color:#eaf0ff;text-align:inherit}.expand-image-icon{position:absolute;right:7px;top:7px;width:30px;height:30px;display:grid;place-items:center;background:#101a30de;border:1px solid #a8bce380;border-radius:6px;font-size:22px;line-height:1;z-index:4;pointer-events:none}.expandable-image:hover .expand-image-icon,.screenshot-expand:hover .expand-image-icon{background:#33486b;border-color:#d8e6ff}.expandable-image:focus-visible{outline:3px solid #f2ce79;outline-offset:4px}.hero-phone{position:relative}.screenshot-expand{position:absolute;right:7px;top:7px;width:36px;height:36px;background:none;padding:0;z-index:5;cursor:zoom-in}.screenshot-expand .expand-image-icon{inset:3px;width:30px;height:30px}.video-stage>.video-fallback{visibility:visible}#media-content .still-stage{max-width:100%;width:fit-content}

/* v23: mobile records have readable labels and explicit tap targets. */
.touch-periods,.touch-record-browser,.mobile-stage-label{display:none}
.evolution-dot{font-size:0}
.record-browser-view{padding:24px 30px}
.record-browser-view>.touch-record-browser{display:block}
.browser-intro{margin-bottom:22px;color:#bfcee7}
.record-field{display:flex;flex-direction:column;gap:7px;color:#c5d3eb;font-size:.875rem;line-height:1.4;min-width:0;margin-bottom:14px}
.record-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.record-field input,.record-field select{width:100%;min-width:0;min-height:46px;padding:10px 9px;background:#1d273e;border:1px solid #687999;border-radius:7px;color:#eef3ff;font:inherit;font-size:16px;color-scheme:dark}
.record-field input:focus-visible,.record-field select:focus-visible{outline:2px solid #f2cf7d;outline-offset:2px}
.record-list-status{font-size:.875rem;color:#bdcbe3;margin:6px 0 12px}
.touch-record-list{display:grid;gap:9px}
.touch-record{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:88px;padding:13px 30px 13px 14px;border:1px solid #43526d;border-left:4px solid var(--mark);border-radius:7px;background:#1b253b;text-align:left;color:#eaf0ff;white-space:normal;overflow-wrap:anywhere}
.touch-record strong{font-size:1rem;line-height:1.45;font-weight:600}
.record-type,.record-date{font-size:.875rem;color:#b8c9e7;line-height:1.4}
.record-type{color:var(--mark)}
.record-open{position:absolute;right:12px;top:50%;font-size:24px;color:#a9bfed;transform:translateY(-50%)}
.record-badge{font-size:.8rem;color:#f0d282}
.touch-record.current-source{border-color:#eaca79;background:#292b37}
.touch-record:focus-visible,.touch-period:focus-visible{outline:2px solid #f0d282;outline-offset:3px}
.record-more{width:100%;min-height:46px;padding:11px 16px;margin-top:14px;border:1px solid #6c82ad;border-radius:7px;background:#26334f;color:#e6eeff;font-size:.95rem}
.record-more[hidden]{display:none}
@media(max-width:700px),(hover:none) and (pointer:coarse){
 .activity-records .mini-log,.activity-records .mini-key,#activity .activity-legend,#activity .activity-note,.desktop-record-grid,.detail-timeline-bands,.evidence-timeline>.timeline-key{display:none}
 .touch-periods,.touch-record-browser{display:block}
 .touch-periods>p{font-size:.875rem;color:#b8c9e7;margin:0 0 9px}
 .touch-period{display:flex;flex-direction:column;width:100%;gap:10px;padding:13px 0;background:none;border-top:1px solid #35415a;border-radius:0;color:#e7edfa;text-align:left}
 .touch-period>span:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}
 .touch-period strong{font-size:.9375rem;font-weight:500}
 .touch-period small{font-size:.875rem;color:#bbcbe6;white-space:nowrap}
 .touch-period small span{margin-left:8px;font-size:20px}
 .period-mosaic{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:3px;width:100%}
 .period-mosaic i{height:7px;border-radius:1px;background:var(--mark)}
 .evidence-timeline .touch-record-browser{margin-top:20px}
 .evidence-timeline .timeline-current{font-size:.875rem;line-height:1.6}
 #activity .touch-record-browser{margin-top:24px}
}
@media(max-width:700px){
 html{scroll-padding-top:80px}
 .site-header nav{gap:10px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.8125rem}
 .site-header .identity{min-height:44px;display:flex;align-items:center}
 .work-nav a{min-height:44px;display:flex;align-items:center;font-size:.875rem}
 .activity-records{padding:18px}.activity-records .activity-preview-top{margin-bottom:16px}
 .activity-preview-label .preview-years{white-space:nowrap}
 .point-choices button{min-height:48px;font-size:.875rem;padding:10px;text-align:left}
 .screen-explanation{scroll-margin-top:85px}.screen-explanation .evidence-link{min-height:48px}
 .hotspot-layer .hotspot{width:36px;height:36px;min-width:36px;min-height:36px;font-size:14px}
 .hotspot-layer .hotspot::before{inset:-4px}
 .ability-tabs{gap:8px}.ability-tabs button{flex-direction:column;gap:7px;padding:10px 6px;text-align:center}
 .ability-tabs img{width:56px;height:56px}.ability-tabs small{display:none}.ability-tabs span{font-size:.9375rem}
 .evidence-link{min-height:44px;line-height:1.5;white-space:normal}
 .secondary-evidence{margin-left:0;display:flex;width:fit-content}
 #evidence-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 #evidence-dialog .dialog-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));gap:8px;min-height:64px;align-items:center}
 #evidence-dialog .dialog-header #evidence-title{font-size:1rem;line-height:1.4;overflow-wrap:anywhere;min-width:0}
 .evidence-back,.close-evidence,.close-button{min-width:44px;min-height:44px;flex-shrink:0}
 #evidence-dialog .evidence-back{padding:8px 4px;font-size:.875rem}
 .evidence-layout,.career-detail .evidence-layout{padding:20px 18px;gap:22px}
 .evidence-intro>p,.evidence-copy>p,.evidence-copy li,.excerpt-body>p,.excerpt-body>ul>li,.excerpt-body>ol>li{font-size:1rem;line-height:1.65}
 .excerpt{padding:18px 16px}.excerpt .source-label,.source-note{overflow-wrap:anywhere}
 .system-steps button,.media-switch button,.career-chapters button{min-height:44px;font-size:.875rem;white-space:normal;line-height:1.45}
 .system-steps{gap:8px}.system-steps button{flex:1 1 45%;padding:10px;text-align:left}
 .media-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .media-switch button:only-child{grid-column:1/-1}
 .evidence-timeline{margin:4px 18px 24px;padding-top:24px}
 .evidence-timeline-heading{display:block}.evidence-timeline-heading>p{margin-top:8px;font-size:.875rem}
 .evidence-timeline-heading h3{font-size:1.3rem}
 .record-browser-view{padding:20px 18px}
 .record-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .record-field select{padding-left:8px;font-size:16px}
 .evolution-story{padding:20px 18px}.evolution-overview{font-size:1rem;line-height:1.65}
 .evolution-playback{align-items:flex-start;font-size:.875rem;gap:10px}
 .mobile-stage-label{display:block;max-width:65%;text-align:right;color:#efd183}
 .evolution-rail-wrap{overflow:visible;margin:0 0 18px;padding:6px 0}
 .evolution-rail{min-width:0;grid-template-columns:repeat(6,minmax(0,1fr))}
 .evolution-rail button{min-height:48px;min-width:0;padding:8px 0;justify-content:center;gap:0}
 .evolution-rail button>span:last-child{display:none}
 .evolution-dot{width:26px;height:26px;display:grid;place-items:center;font-size:.8125rem;background:#172035;color:#e2eaff}
 .evolution-rail button[aria-selected=true] .evolution-dot{color:#182034}
 .evolution-rail:before{top:24px}
 .evolution-screen .selected-media{height:auto;min-height:230px}
 .evolution-screen .still-stage,.evolution-screen .inline-motion,.evolution-screen .video-fallback,.evolution-screen .still-stage>img{max-height:min(420px,53dvh)}
 .evolution-panel{min-height:0}.evolution-description h3{font-size:1.5rem}
 .evolution-source .record-link{min-height:44px;padding-block:10px;font-size:.9375rem}
 .roster-gallery{padding:16px 18px 24px}.roster-gallery span{font-size:.875rem;-webkit-line-clamp:4}
 .career-chapters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px 18px}
 .career-chapters button{padding:10px;text-align:left}
 #media-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:14px;margin:auto;overscroll-behavior:contain}
 #media-dialog .dialog-header{align-items:flex-start;gap:8px}#media-dialog h2{font-size:1rem;line-height:1.4}
 #media-content .still-stage>img{max-height:calc(100dvh - 140px)}
 .spec-table-scroll{position:relative;overflow-x:auto;border:1px solid #b5bfd1;border-radius:4px;margin-block:14px;padding-bottom:8px;scrollbar-width:thin}
 .spec-table-scroll:before{content:'Swipe to view table';display:block;position:sticky;left:0;padding:8px 10px;font-size:.8125rem;color:#385174;background:#e8edf6}
 .full-spec summary,.context-detail summary,.release-task summary{padding-block:13px;min-height:44px;font-size:.9375rem}
 .footer-bottom{gap:16px}.footer-bottom>a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:360px){.site-header{padding-inline:14px;gap:6px}.site-header nav{gap:7px}.site-header nav a{font-size:.75rem}.site-header .contact-link{padding-inline:9px}.record-filters{grid-template-columns:1fr}.evolution-playback{font-size:.8125rem}}
.roster-gallery .gallery-mobile-summary{display:none}
.career-detail .evidence-layout{grid-template-areas:'intro media' 'notes media';grid-template-rows:auto auto;row-gap:12px}
.career-detail .evidence-copy{grid-area:intro}.career-detail .career-detail-notes{grid-area:notes;min-width:0}
.career-detail .evidence-media{grid-area:media}.career-detail .text-only{grid-template-areas:'intro' 'notes'}
.career-detail-notes .career-focus{margin-top:0}.career-detail-notes .career-contributions{margin-top:16px}
@media(max-width:700px){
 .roster-gallery .gallery-full-summary{display:none}.roster-gallery .gallery-mobile-summary{display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.5}
 .career-detail .evidence-layout{grid-template-areas:'intro' 'media' 'notes';row-gap:22px}
.career-detail .text-only{grid-template-areas:'intro' 'notes'}.career-detail-notes p,.career-detail-notes li{font-size:1rem;line-height:1.65}
}

/* v26: concise entry, readable evidence and shareable details. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.copy-case-link{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;min-width:44px;background:transparent;color:#bdceed;font-size:.875rem;padding:8px;flex-shrink:0}
.copy-case-link>span:first-child{font-size:22px}.copy-link-fallback{padding:12px 24px}.copy-link-fallback[hidden]{display:none}
.copy-link-fallback label{font-size:.875rem}.copy-link-fallback input{display:block;width:100%;padding:12px;background:#26334f;color:white;border:1px solid #8a9cbe;font-size:16px;margin-top:8px}
#evidence-title{min-width:0;flex:1}.case-conclusion{border-left:3px solid #9aabd7;padding:3px 0 3px 16px;margin-bottom:24px}
.case-conclusion h4{margin:0 0 10px;font-size:1rem;color:#ecf1fc}.case-conclusion p{font-size:1rem;line-height:1.7}
.career-intro-links{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.career-intro-links .career-hint{margin:0}
.cv-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#c4d2fa;border-bottom:1px solid #6b7b9f;font-size:.9375rem;white-space:nowrap}.cv-link span{font-size:.8rem;color:#a8b9d8}
.touch-overview{display:block;width:100%;background:transparent;border:0;padding:0;text-align:left;color:#d8e5ff}
.touch-overview>span:last-child{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:.9375rem}
.overview-mosaic{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:3px;margin-bottom:4px}
.overview-mosaic i{height:6px;background:var(--mark);border-radius:1px}
@media(max-width:700px){
 .hero{min-height:0;padding-top:24px;padding-bottom:24px;gap:18px;grid-template-columns:1fr}
 .hero h1{font-size:2.7rem;margin:16px 0 12px;line-height:1.05}.hero h1 br{display:none}.hero h1 em:before{content:none}
 .hero .eyebrow{font-size:.75rem;letter-spacing:.1em}.hero .small-rule{display:none}
 .hero-description{font-size:1.06rem;line-height:1.45;margin-bottom:12px}.hero-role{font-size:1rem;line-height:1.6}
 .project-scope{margin-top:18px;padding-top:14px}.scope-label{margin-bottom:12px}.project-scope .hero-facts{gap:12px 10px}
 .project-scope .hero-facts strong{font-size:1.7rem}.project-scope .hero-facts span{font-size:.75rem;line-height:1.4}
 .hero-art{min-height:230px;height:230px;max-width:360px;width:100%;margin:auto}.hero-phone{width:106px;border-width:4px;border-radius:14px}
 .hero-character{width:92px}.hero-gizmo{left:calc(50% - 122px);bottom:18px}.hero-captain{right:calc(50% - 126px);bottom:29px;width:96px}
 .hero-art .game-logo{width:100px;right:14px;top:3px}.hero-art .watch-button{left:0;top:12px;font-size:.8125rem;padding:10px 12px;min-height:44px}.hero-art .art-caption{font-size:.75rem;left:0;bottom:0}
 .activity-preview{gap:10px;margin-bottom:16px}.activity-records{padding:14px 16px}.activity-records .activity-preview-top{margin-bottom:12px}
 .activity-records .activity-preview-label strong{font-size:1.05rem}.activity-records .activity-preview-label>span{font-size:.8rem;margin-top:3px}
 .evolution-teaser{min-height:104px;padding:12px 16px;gap:14px}.evolution-teaser-copy{gap:5px}.evolution-kicker{font-size:.65rem}.evolution-teaser-copy strong{font-size:1.18rem}
 .evolution-teaser-copy strong br{display:none}.evolution-teaser-copy strong br:after{content:' '}.evolution-teaser-copy>span:last-child{font-size:.8rem}
 .evolution-teaser-media{flex-basis:38px;width:38px;height:82px}.evolution-teaser-media .inline-motion,.evolution-teaser-media .video-fallback,.evolution-teaser-media .inline-motion video{width:38px!important;height:82px!important;max-height:82px!important}
 .copy-case-link{padding:6px}.copy-label{display:none}.career-intro-links{display:block}.career-intro-links .cv-link{margin-top:10px}
 .case-conclusion{padding-left:13px}.case-conclusion p{font-size:1rem}.copy-link-fallback{padding:12px 18px}
}