:root{--paper:#fff8e8;--ink:#19252d;--muted:#53616a;--red:#f85d3d;--yellow:#ffdf55;--blue:#2256d8;--mint:#a9dfd2;--line:#19252d;--lime:#ffdf55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;width:100%;height:auto}.wrap{max-width:1320px;padding-left:65px;padding-right:65px;margin:auto}.draft{background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:2px;text-align:center;padding:6px}header{height:100px;max-width:1450px;padding:0 65px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:2px solid var(--ink)}.brand{font-weight:950;letter-spacing:-1px;font-size:25px}.brand span{color:var(--red);margin-left:7px}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.nav-contact{background:var(--yellow);border:2px solid;padding:10px 17px;box-shadow:3px 3px 0 var(--ink)}.menu{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:80px;overflow:hidden}.eyebrow{font:700 10px/1.6 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 20px}h1{font-size:clamp(55px,6.7vw,91px);line-height:.98;letter-spacing:-5px;font-weight:950;margin:20px 0 28px}h1>span{color:var(--red)}h2{font-size:clamp(36px,4.2vw,57px);line-height:1.05;letter-spacing:-2.7px;font-weight:900;margin:0 0 30px}h2 em{font-style:normal;color:var(--red)}h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:12px 0;font-weight:800}p{color:var(--muted)}.intro{font-size:17px;max-width:450px}.actions{display:flex;gap:26px;align-items:center;margin:30px 0}.button{background:var(--yellow);border:2px solid var(--ink);padding:14px 20px;box-shadow:5px 5px 0 var(--ink);font-size:12px;font-weight:800;display:inline-flex;gap:40px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-tags{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;font-weight:800;margin-top:45px}.hero-tags span{border:1px solid;padding:5px 9px;border-radius:20px}.hero-portrait{position:relative;padding:25px 5px 15px 10px}.portrait-frame{border:3px solid var(--ink);background:var(--blue);padding:12px;transform:rotate(3deg);box-shadow:12px 12px 0 var(--yellow)}.portrait-frame img{height:510px;object-fit:cover;object-position:55% 27%;filter:saturate(.85)}.sticker{position:absolute;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:900;text-align:center;line-height:1.1}.sticker-top{top:0;left:-30px;background:var(--yellow);padding:15px 20px;font-size:16px;transform:rotate(-8deg)}.sticker-bottom{bottom:0;right:-15px;background:var(--red);color:var(--paper);padding:20px 12px;font-size:36px;transform:rotate(8deg)}.sticker small{display:block;font-size:8px;margin-top:7px}.scribble{position:absolute;top:-17px;right:-17px;font-size:80px;color:var(--red);line-height:1;-webkit-text-stroke:2px var(--ink)}.ticker{display:flex;justify-content:center;gap:35px;white-space:nowrap;overflow:hidden;background:var(--yellow);border-block:2px solid var(--ink);padding:18px 20px;font-size:11px;font-weight:900;letter-spacing:1px}.ticker b{color:var(--red)}.section{padding-top:95px;padding-bottom:95px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.large{font-size:22px;font-weight:700;color:var(--ink);margin-top:0}.about-grid p:not(.large){font-size:15px}.identity-strip{display:flex;justify-content:space-between;margin-top:40px;border-top:2px solid;padding-top:20px;font-size:14px;font-weight:900}.journey{background:#b3dfd0;border-block:2px solid var(--ink);background-image:radial-gradient(#19252d17 1px,transparent 1px);background-size:12px 12px}.section-intro{max-width:480px}.roadmap{position:relative;margin-top:55px;padding:15px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:25px 120px}.road{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.road-stop{position:relative;z-index:1;padding:20px 0}.road-stop:nth-of-type(even){transform:translateY(100px)}.stop-card{border:2px solid;background:var(--paper);padding:26px;box-shadow:6px 6px 0 var(--ink);position:relative}.stop-card .eyebrow{font-size:9px;margin-bottom:10px}.stop-card h3{font-size:23px}.stop-card p:not(.eyebrow){font-size:13px}.stop-card img{height:160px;object-fit:cover;object-position:center;border:1px solid var(--ink);margin-top:18px}.mile{display:grid;place-items:center;width:47px;height:47px;border:2px solid;background:var(--yellow);border-radius:50%;font-weight:900;position:absolute;top:-6px;left:-21px;z-index:2}.road-stop:nth-of-type(even) .mile{left:auto;right:-21px;background:var(--red);color:white}.road-end{position:relative;grid-column:1/-1;justify-self:center;background:var(--ink);color:var(--yellow);font-size:12px;font-weight:900;padding:10px 20px;top:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading>p{font-size:13px;max-width:330px}.filters,.photo-filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.filters button,.photo-filters button{background:transparent;border:2px solid var(--ink);padding:7px 16px;border-radius:30px;font-size:11px;font-weight:700}.filters button[aria-pressed=true],.photo-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project{border:2px solid;background:var(--paper);padding:20px;box-shadow:6px 6px 0 var(--ink)}.project-art{position:relative;height:270px;border:2px solid;overflow:hidden;background:var(--yellow)}.project-art img{height:100%;object-fit:cover}.project-art>span:last-child{position:absolute;bottom:10px;left:10px;background:var(--paper);border:1px solid;padding:4px 8px;font-size:8px;font-weight:700;letter-spacing:1px}.kart-art{background:var(--mint)}.kart-art svg{width:100%;height:100%}.battery-art{background:var(--blue);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white}.voltage{font-size:50px;font-weight:900;letter-spacing:-2px}.battery-bars{font-size:55px;color:var(--yellow);line-height:1}.battery-art>span:last-child{color:var(--ink)}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:700;letter-spacing:.8px;margin:20px 0}.project h3{font-size:25px}.project p{font-size:14px}.project-open{border:0;border-bottom:2px solid;background:none;padding:8px 0;font-size:12px;font-weight:700;text-align:left}.reference-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.reference-links a{font-size:10px}.engineering-note{margin-top:40px;padding:25px;border:2px solid;background:var(--yellow);max-width:850px}.engineering-note .eyebrow{margin-bottom:10px}.engineering-note p{font-size:14px;margin:0;color:var(--ink)}.factory-section{background:var(--ink);color:var(--paper);border-block:2px solid}.factory-section h2 em{color:var(--yellow)}.factory-section p{color:#c3d3d7}.factory-scene{border:2px solid #79929c;background:#223947;box-shadow:8px 8px 0 #0c151b}.factory-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px;background:#15232d;padding:15px 22px;color:var(--yellow)}.factory-scene svg{display:block;width:100%;height:auto}.factory-scene>p{font-size:10px;padding:0 20px;margin:8px 0 12px}.mobile-robot{animation:shuttle 5s ease-in-out infinite}.factory-car{animation:idle 4s ease-in-out infinite}.factory-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.factory-details article>span{font-size:9px;letter-spacing:1.5px;color:var(--yellow)}.factory-details h3{font-size:25px}.factory-details p{font-size:13px}.internship{border-top:1px solid #667d85;margin-top:35px;padding-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.internship p{font-size:14px;margin:0}.wins-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin-top:40px;align-items:start}figure{margin:0}.wins-grid figure{border:2px solid;background:var(--yellow);padding:12px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink)}.wins-grid img{height:360px;object-fit:cover}.wins-grid figcaption{font-size:9px;font-weight:800;padding:15px 5px 5px}.wins-list article{display:flex;gap:25px;padding:20px 0;border-top:2px solid}.wins-list article>span{font-weight:900;color:var(--red);font-size:22px}.wins-list h3{font-size:21px;margin:0 0 10px}.wins-list p{font-size:13px;margin:0}.beyond{background:var(--red);border-block:2px solid}.beyond h2 em{color:var(--paper)}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.life-grid article{border:2px solid;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.life-grid img{height:330px;object-fit:cover;object-position:center 30%}.life-grid article:first-child img{object-position:center 30%}.life-grid article>div{padding:25px}.life-grid .eyebrow{font-size:8px;margin:0}.life-grid h3{font-size:26px}.life-grid p:not(.eyebrow){font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.photo-item{background:white;border:2px solid var(--ink);padding:8px;text-align:left;box-shadow:3px 3px 0 var(--ink);transition:transform .18s}.photo-item:hover{transform:rotate(-2deg) translateY(-4px)}.photo-item img{height:225px;object-fit:cover}.photo-item>span{display:flex;justify-content:space-between;font-size:10px;line-height:1.4;padding:12px 3px 5px;min-height:45px}.photo-item b{margin-left:5px}.photo-item[hidden],.project[hidden]{display:none}.resume-section{background:var(--blue);color:white;padding:55px 0;border-block:2px solid var(--ink)}.resume-section h2 em{color:var(--yellow)}.resume-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.resume-inner h2{margin-bottom:0}.resume-inner p{color:white;font-size:14px}.resume-pending{display:block;border:2px solid white;padding:12px 18px;font-size:11px;font-weight:700}.contact h2{font-size:clamp(45px,6vw,80px)}.contact-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.contact-pending{font-size:10px;font-weight:800;border-bottom:2px solid;padding-bottom:10px}.contact-row p{font-size:14px}footer{display:flex;align-items:center;gap:30px;border-top:2px solid;padding-top:30px;padding-bottom:35px}footer p{font-size:8px;letter-spacing:1px}footer>a:last-child{margin-left:auto;font-size:10px;font-weight:800}.skip{position:absolute;left:15px;top:-100px;background:var(--yellow);padding:10px;z-index:100}.skip:focus{top:10px}dialog{border:3px solid var(--ink);background:var(--paper);color:var(--ink);max-width:650px;width:calc(100% - 30px);padding:40px;max-height:85vh;overflow-y:auto;box-shadow:10px 10px 0 var(--red)}dialog::backdrop{background:#101c26df}dialog h2{font-size:40px}dialog h3{font-size:22px;margin-top:25px}dialog p{font-size:14px}.close,.photo-close{position:absolute;top:8px;right:14px;border:0;background:var(--paper);font-size:29px;line-height:1;width:35px;height:35px;z-index:2}#photo-dialog{max-width:1000px;padding:15px;background:var(--ink);color:white;box-shadow:none}#full-photo{height:70vh;object-fit:contain}.photo-controls{display:flex;align-items:center;gap:15px}.photo-controls p{color:white;text-align:center;flex:1;font-size:12px}.photo-controls button{background:var(--yellow);border:0;padding:8px 17px;font-size:22px}@keyframes shuttle{0%,100%{transform:translateX(0)}50%{transform:translateX(-65px)}}@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(min-width:1500px){.wrap{max-width:1400px}}@media(max-width:1000px){.wrap{padding-left:35px;padding-right:35px}header{padding:0 35px}.hero{gap:40px}h1{font-size:68px}.portrait-frame img{height:480px}.hero-tags{font-size:8px;gap:8px}nav{gap:18px}.roadmap{gap:25px 65px}.stop-card{padding:22px}.life-grid{gap:18px}.life-grid article>div{padding:20px}.photo-grid{grid-template-columns:repeat(3,1fr)}.section{padding-top:75px;padding-bottom:75px}.wins-grid{gap:35px}.project-meta{font-size:7px}}@media(max-width:700px){html{scroll-padding-top:15px}.wrap{padding-left:24px;padding-right:24px}header{padding:0 24px;height:78px;position:relative}.brand{font-size:22px}.menu{display:block;background:var(--yellow);border:2px solid;padding:8px 11px;font-size:10px;font-weight:800}nav{display:none;position:absolute;left:0;right:0;top:78px;z-index:20;background:var(--paper);padding:25px;border-bottom:2px solid;box-shadow:0 8px 0 #19252d22}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:60px}h1{font-size:clamp(54px,12vw,80px);letter-spacing:-3px;line-height:1}.hero .eyebrow{font-size:9px}.intro{font-size:16px}.hero-portrait{max-width:440px;width:calc(100% - 22px);margin:auto}.portrait-frame img{height:470px}.sticker-top{left:-5px;font-size:13px}.sticker-bottom{right:-8px;font-size:30px}.scribble{font-size:65px;right:-10px}.hero-tags{margin-top:28px;font-size:8px}.actions{gap:20px}.button{gap:25px;font-size:11px}.text-link{font-size:10px}.ticker{justify-content:start;gap:25px;font-size:9px;padding:15px 20px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:39px;letter-spacing:-1.7px}.about-grid{grid-template-columns:1fr;gap:0}.large{font-size:21px}.identity-strip{gap:15px;flex-wrap:wrap;font-size:10px}.roadmap{display:block;margin-top:40px;padding-left:33px;padding-bottom:35px}.road{display:none}.roadmap:before{content:'';position:absolute;left:2px;top:0;bottom:0;width:19px;background:var(--ink);border:3px solid var(--paper)}.roadmap:after{content:'';position:absolute;top:0;bottom:0;left:12px;border-left:2px dashed var(--yellow)}.road-stop{padding:10px 0 35px}.road-stop:nth-of-type(even){transform:none}.stop-card{padding:23px;box-shadow:4px 4px 0 var(--ink)}.mile,.road-stop:nth-of-type(even) .mile{left:-44px;right:auto;top:28px;width:42px;height:42px;font-size:13px}.road-stop:nth-of-type(even) .mile{color:var(--ink);background:var(--yellow)}.stop-card img{height:180px}.stop-card h3{font-size:23px}.road-end{display:table;margin:0 auto;top:0;z-index:2}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:240px}.project{padding:15px}.project-meta{font-size:7px}.project h3{font-size:25px}.filters,.photo-filters{gap:8px}.filters button,.photo-filters button{font-size:10px;padding:7px 12px}.factory-heading{padding:12px;font-size:7px;gap:20px}.factory-heading>span:last-child{max-width:110px;text-align:right}.factory-scene{margin-inline:-10px;box-shadow:5px 5px 0 #0c151b}.factory-details{grid-template-columns:1fr;gap:20px}.factory-details article{border-bottom:1px solid #617780;padding-bottom:15px}.factory-details h3{margin:8px 0}.internship{grid-template-columns:1fr;gap:5px}.wins-grid{grid-template-columns:1fr;gap:35px}.wins-grid img{height:280px}.wins-grid figure{margin:0 5px}.wins-list article{gap:20px}.life-grid{grid-template-columns:1fr;gap:30px}.life-grid img{height:370px}.life-grid article>div{padding:25px}.photo-grid{grid-template-columns:1fr 1fr;gap:15px}.photo-item img{height:190px}.photo-item{padding:5px}.photo-item>span{font-size:9px}.resume-inner{align-items:start;flex-direction:column;gap:20px}.contact-row{align-items:start;flex-direction:column}.contact h2{font-size:46px}.contact-pending{font-size:9px}footer{flex-wrap:wrap;gap:15px}footer p{max-width:150px;font-size:7px}footer>a:last-child{font-size:9px}.engineering-note{padding:20px}dialog{padding:35px 24px}dialog h2{font-size:34px}#full-photo{height:65vh}}@media(max-width:360px){h1{font-size:49px}.photo-item img{height:150px}.actions{gap:15px}.hero-tags{font-size:7px}.portrait-frame img{height:400px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:0}.brand .dr-mark{display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);width:48px;height:48px;font-size:21px;font-weight:950;letter-spacing:-2px;margin:0;box-shadow:3px 3px 0 var(--ink);transform:rotate(-5deg)}.brand .brand-name{color:var(--ink);font-size:13px;font-weight:900;line-height:1.1;letter-spacing:.5px;margin:0}@media(max-width:400px){.brand .brand-name{font-size:11px}.brand .dr-mark{width:40px;height:40px}}
.family-prologue{margin:45px 0 60px;padding:35px;background:var(--paper);border:2px solid;box-shadow:7px 7px 0 var(--ink)}.family-prologue>div:first-child{max-width:700px}.family-prologue h3{font-size:32px}.family-prologue p{font-size:14px}.family-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.family-art{background-image:url('photos/family-story-illustration.png');background-size:200% 100%;background-repeat:no-repeat;aspect-ratio:1/1;border:2px solid}.wedding-art{background-position:left center}.newborn-art{background-position:right center}.family-panels figcaption{font-size:8px;font-weight:800;padding-top:10px;letter-spacing:.6px}.family-real{display:flex;align-items:center;gap:25px;border-top:1px solid;margin-top:30px;padding-top:25px}.family-real img{width:200px;border:2px solid}.milestone-badge{background:#fff;border:2px solid var(--ink);color:#c5232c;padding:35px 15px;text-align:center;margin-top:20px}.milestone-badge>span{font-size:30px;font-weight:900;letter-spacing:2px;display:block}.milestone-badge small{font-size:10px;font-weight:800;letter-spacing:2px}.career-growth{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.career-growth article{border:1px solid #79929c;padding:25px}.career-growth .eyebrow{color:var(--yellow)}.career-growth p{font-size:14px}.chapter-photo-strip{max-width:1190px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 25px}.chapter-photo-strip img{height:240px;object-fit:cover;border:2px solid}.chapter-photo-strip figcaption,.trip-story figcaption{font-size:9px;font-weight:800;padding-top:12px}.trip-story{border-bottom:2px solid}.trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.trip-grid>figure img{height:500px;object-fit:cover;border:2px solid;box-shadow:6px 6px 0 var(--yellow)}.trip-grid p{font-size:15px}.travel-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.travel-pair img{height:230px;object-fit:cover;border:2px solid}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.video-grid video{width:100%;max-height:390px;background:var(--ink);border:2px solid}.brand .dr-mark{width:76px;height:48px;letter-spacing:0}.dr-mark svg{width:100%;height:100%}@media(max-width:700px){.family-prologue{padding:22px;margin:35px 0 45px}.family-panels{gap:12px}.family-panels figcaption{font-size:7px}.family-real{align-items:start;gap:15px}.family-real img{width:110px}.family-real p{font-size:11px}.career-growth,.trip-grid,.video-grid{grid-template-columns:1fr}.career-growth article{padding:20px}.chapter-photo-strip{gap:12px;padding:0 24px;margin-bottom:50px;grid-template-columns:1fr}.chapter-photo-strip img{height:270px}.trip-grid{gap:25px}.trip-grid>figure img{height:450px}.travel-pair img{height:210px}.brand .dr-mark{width:65px;height:42px}.brand{gap:9px}.family-prologue h3{font-size:28px}}

.road-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stop-card .road-photo-pair img{height:110px;object-fit:cover;margin-top:12px}.chapter-placeholder{border:2px dashed var(--ink);background:var(--yellow);padding:35px 15px;font-weight:800;text-align:center;font-size:14px;margin-top:20px}.chapter-placeholder small{font-size:10px}
/* Open, illustrated journey — no timeline cards. */
.illustrated-journey{background:var(--paper);background-image:none;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.origin-bridge{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin:25px 0 70px}.origin-bridge>.journey-icon{width:100%;max-width:470px;height:auto;aspect-ratio:1;margin:auto}.origin-bridge p:not(.large){font-size:15px}.family-opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:950px;margin:0 auto 45px}.family-opening>.journey-icon{width:100%;height:auto;aspect-ratio:1;max-width:330px;margin:auto}.family-opening h3{font-size:35px;letter-spacing:-1px}.family-opening p:not(.eyebrow){font-size:15px}.illustration-note{text-align:center;font-size:10px;color:#66746e;margin:0 auto 30px;max-width:500px}.journey-icon{width:280px;height:280px;background-image:url('photos/journey-sprites-v1.png');background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 12px 7px #19252d0d)}.icon-0{background-position:0% 0%}.icon-1{background-position:33.333333% 0%}.icon-2{background-position:66.666667% 0%}.icon-3{background-position:100% 0%}.icon-4{background-position:0% 50%}.icon-5{background-position:33.333333% 50%}.icon-6{background-position:66.666667% 50%}.icon-7{background-position:100% 50%}.icon-8{background-position:0% 100%}.icon-9{background-position:33.333333% 100%}.icon-10{background-position:66.666667% 100%}.icon-11{background-position:100% 100%}.story-route{position:relative}.flow-road{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;opacity:.6}.journey-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:25px;align-items:center;min-height:340px;padding:25px 0}.chapter-art{grid-column:1;grid-row:1;display:flex;justify-content:center}.chapter-copy{grid-column:3;grid-row:1;max-width:420px;padding:15px 0;background:var(--paper)}.chapter-copy h3{font-size:31px;letter-spacing:-1px;margin:10px 0 17px}.chapter-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.chapter-copy .eyebrow{font-size:9px;margin-bottom:10px;color:#b1472d}.route-pin{grid-column:2;grid-row:1;justify-self:center;background:var(--paper);border:2px solid #c57d49;border-radius:50%;font-size:10px;font-weight:800;width:36px;height:36px;display:grid;place-items:center;z-index:1}.chapter-right .chapter-art{grid-column:3}.chapter-right .chapter-copy{grid-column:1;justify-self:end}.memory-link{border:0;border-bottom:1px solid;background:none;font-size:11px;padding:6px 0;font-weight:700;margin-top:7px}.memory-link>span{margin-left:20px}.memory-link:hover{color:var(--red)}.route-finish{text-align:center;font-size:10px;letter-spacing:1px;margin:45px 0 0}.route-finish strong{display:block;font-size:19px;letter-spacing:0;color:var(--red);margin-top:8px}.brand .dr-mark{background:transparent;border:0;box-shadow:none;transform:none;width:48px;height:46px;margin:0}.brand .brand-name{font-size:12px;letter-spacing:.7px}.brand .dr-mark svg{width:48px;height:46px}@media(min-width:1400px){.journey-icon{width:320px;height:320px}}@media(max-width:850px){.journey-chapter{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:15px}.journey-icon{width:240px;height:240px}.chapter-copy h3{font-size:27px}.family-opening{gap:35px}.origin-bridge{gap:30px}.chapter-copy>p:not(.eyebrow){font-size:13px}}@media(max-width:600px){.origin-bridge{grid-template-columns:1fr;gap:0;margin-bottom:45px}.origin-bridge>.journey-icon{max-width:340px;margin-top:-30px}.origin-bridge .large{font-size:23px}.family-opening{grid-template-columns:1fr;gap:5px;margin-bottom:35px}.family-opening>.journey-icon{max-width:260px}.family-opening h3{font-size:30px}.family-opening>div:last-child{padding-left:25px;border-left:2px solid #d39c60}.illustration-note{text-align:left;font-size:9px}.flow-road{display:none}.story-route:before{content:'';position:absolute;left:10px;top:0;bottom:0;border-left:2px dashed #d39c60}.journey-chapter{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:15px 0 30px 40px;min-height:0}.chapter-art{justify-content:flex-start}.journey-icon{width:230px;height:230px}.chapter-copy,.chapter-right .chapter-copy{max-width:none;padding:0;background:none}.chapter-copy h3{font-size:28px}.chapter-copy>p:not(.eyebrow){font-size:14px}.route-pin{position:absolute;left:-7px;top:110px;width:36px;height:36px}.route-finish{text-align:left;padding-left:40px;margin-top:20px}.brand .dr-mark,.brand .dr-mark svg{width:43px;height:43px}.brand .brand-name{font-size:11px}}
/* Broad road, shorter captions, standalone artwork. */
.story-route{isolation:isolate}.flow-road.broad-road{opacity:1;z-index:-1;overflow:visible}.journey-chapter{min-height:340px;padding:20px 0;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:32px}.chapter-copy{background:var(--paper);max-width:360px;padding:12px 5px}.chapter-copy h3{font-size:27px;line-height:1.15;margin:8px 0 12px;letter-spacing:-.8px}.chapter-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;margin:0 0 10px}.chapter-copy .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}.chapter-art{align-self:center;overflow:visible;min-width:0}.standalone-scene{display:block;width:100%;height:310px;max-width:360px;object-fit:contain;object-position:center;margin:auto;border:0;filter:drop-shadow(0 10px 5px #19252d09)}.chapter-art .journey-icon{width:280px;height:280px;max-width:100%;flex-shrink:0}.chapter-kart .standalone-scene{height:350px;max-width:420px}.chapter-kart{min-height:380px}.chapter-leadership .standalone-scene{height:380px;max-width:440px}.chapter-leadership{min-height:420px}.route-pin{width:38px;height:38px;background:var(--yellow);border:3px solid var(--ink);font-size:10px;box-shadow:0 0 0 4px var(--paper)}.chapter-memories{display:flex;gap:12px;flex-wrap:wrap}.memory-link{font-size:10px;margin-top:0;padding-top:4px}.memory-link>span{margin-left:7px}.illustration-note{font-size:10px;margin-bottom:35px}.compact-projects{padding-top:65px;padding-bottom:65px}.compact-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compact-projects .project{padding:14px;box-shadow:4px 4px 0 var(--ink)}.compact-projects .project-art{height:180px}.compact-projects .project h3{font-size:21px}.compact-projects .project p{font-size:12px}.compact-projects .project-meta{font-size:7px;display:block;line-height:1.8}.compact-projects .project-meta span{display:block}.compact-projects .project-open{font-size:10px}.compact-projects .reference-links{gap:8px;margin-top:10px}.compact-projects .reference-links a{font-size:9px}.compact-projects .engineering-note{padding:17px;margin-top:30px}.compact-projects .engineering-note p{font-size:12px}.compact-projects .section-heading h2{font-size:44px}@media(max-width:950px){.journey-chapter{gap:20px;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}.chapter-art .journey-icon{width:240px;height:240px}.standalone-scene{height:270px}.chapter-copy h3{font-size:24px}.compact-projects .project-grid{gap:15px}.compact-projects .project h3{font-size:19px}}@media(max-width:700px){.compact-projects .project-grid{grid-template-columns:1fr}.compact-projects .project-art{height:210px}.compact-projects .project h3{font-size:24px}.compact-projects .project p{font-size:13px}.compact-projects .project-meta{display:flex;justify-content:space-between;gap:10px}.compact-projects .section-heading h2{font-size:36px}}@media(max-width:600px){.story-route:before{left:0;top:0;bottom:0;width:29px;border-left:0;background:#263540;border-inline:4px solid #e7d8bc;border-radius:15px;z-index:-1}.story-route:after{content:'';position:absolute;top:0;bottom:0;left:17px;border-left:2px dashed var(--yellow);z-index:-1}.journey-chapter{display:flex;min-height:0;padding:20px 0 30px 51px;gap:0}.route-pin{left:-1px;top:130px}.chapter-copy{max-width:none;padding:5px 0}.chapter-copy h3{font-size:25px}.chapter-copy>p:not(.eyebrow){font-size:13px}.chapter-art{align-self:stretch;justify-content:center}.standalone-scene{max-width:320px;height:270px}.chapter-art .journey-icon{width:250px;height:250px;max-width:none}.chapter-kart .standalone-scene{height:290px}.chapter-leadership .standalone-scene{height:310px}.chapter-kart,.chapter-leadership{min-height:0}.memory-link{font-size:10px}.route-finish{padding-left:51px}}@media(prefers-reduced-motion:no-preference){.road-centre{animation:road-dashes 5s linear infinite}@keyframes road-dashes{to{stroke-dashoffset:-64}}}
.chapter-memories .school-memory{border:0;width:76px;text-align:left;line-height:1.3;padding:0}.school-memory img{height:57px;width:76px;object-fit:cover;border-radius:6px;margin:0 0 6px}.school-memory>span{font-size:8px;margin:0;display:block}.chapter-memories:has(.school-memory){margin-top:14px;gap:12px}
:root{--work-border:#c8c9c4}
.work-experience{background:#f2f1eb;border-block:1px solid var(--work-border)}
.work-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}.work-heading h2{font-size:clamp(32px,3.8vw,50px);margin-bottom:18px}.work-role{font-size:18px;font-weight:700;color:var(--ink);margin:0}.work-employer{font-size:13px;line-height:1.8;border-left:2px solid var(--red);padding-left:22px}.work-employer strong{color:var(--ink);font-size:16px}.work-intro{max-width:850px;font-size:16px;margin:30px 0 40px}.work-method{border-block:1px solid var(--work-border);padding:26px 0}.work-experience h3{font-size:22px;line-height:1.3}.engineering-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;list-style:none;padding:0;counter-reset:stage;margin:25px 0}.engineering-flow li{position:relative;font-size:12px;line-height:1.5;font-weight:700;counter-increment:stage;min-width:0}.engineering-flow li:before{content:'0' counter(stage);display:block;color:var(--blue);font-size:11px;margin-bottom:10px}.engineering-flow li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:0;color:var(--muted)}.work-caption{font-size:12px;max-width:850px;margin-bottom:0}.work-principles{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:35px 0}.work-principles p{font-size:14px}.work-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.work-area{border-top:3px solid var(--ink);padding-top:22px;min-width:0}.work-area .eyebrow{margin-bottom:12px;color:var(--blue)}.work-area>p:not(.eyebrow),.work-detail{font-size:14px}.work-area details{margin-top:22px;border-block:1px solid var(--work-border)}.work-area summary{cursor:pointer;padding:16px 4px;font-size:13px;font-weight:700;line-height:1.5}.work-area summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.work-detail{padding:0 4px 15px}.work-detail h4{margin:18px 0 5px;font-size:14px}.work-detail ul{padding-left:20px;color:var(--muted)}.work-detail li{margin-bottom:9px}.work-learning{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--work-border);margin-top:45px;padding-top:35px}.work-learning p{font-size:14px}.work-learning .eyebrow{font-size:10px}.work-learning strong{color:var(--ink)}.work-reflection{border-left:2px solid var(--red);padding-left:25px;margin-top:40px;max-width:850px}.work-reflection p{font-size:16px;color:var(--ink)}.work-disclosure{font-size:11px;margin-top:35px;max-width:800px}
@media(max-width:900px){.engineering-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.work-areas{grid-template-columns:1fr;gap:28px}.work-heading{grid-template-columns:1fr;gap:15px}.work-employer{margin-top:0}.work-principles{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.engineering-flow{grid-template-columns:1fr;gap:0}.engineering-flow li{padding:0 0 24px 38px;min-height:55px}.engineering-flow li:before{position:absolute;left:0;top:0}.engineering-flow li:not(:last-child):after{content:'↓';left:5px;right:auto;top:23px}.engineering-flow li:last-child{padding-bottom:0;min-height:0}.work-learning{grid-template-columns:1fr;gap:20px}.work-heading h2{font-size:34px;letter-spacing:-1.4px}.work-intro{font-size:15px}.work-reflection{padding-left:18px}}

/* Focused engineering opening and compact work overview. */
.engineer-hero{gap:45px;padding-top:50px;padding-bottom:45px;grid-template-columns:1fr 1fr}.engineer-hero h1{font-size:clamp(42px,4.6vw,64px);letter-spacing:-2.7px;line-height:1.08}.engineer-hero h1>span{color:var(--blue)}.engineer-hero .intro{font-size:16px}.engineer-hero .button{background:var(--ink);color:white;box-shadow:none;border-radius:4px;font-size:11px}.builder-portrait{margin:0}.builder-portrait img{aspect-ratio:4/3;object-fit:contain;background:#17222c;border-radius:8px}.builder-portrait figcaption{font-size:11px;padding-top:10px;color:var(--muted)}.builder-portrait figcaption span{float:right;font-size:9px}.builder-signature{font-size:12px}.concise-about{padding-top:35px;padding-bottom:40px;border-top:1px solid #c8c9c4}.concise-about h2{font-size:32px;letter-spacing:-1px}.concise-about .about-grid{gap:35px;align-items:start}.concise-about .about-grid p{font-size:14px;margin-top:0}.concise-about .eyebrow{margin-bottom:15px}.work-experience{padding-top:45px;padding-bottom:35px}.work-heading h2{font-size:35px;letter-spacing:-1px}.work-role{font-size:15px}.work-employer{position:relative;padding-left:70px;font-size:11px}.toyota-emblem{position:absolute;left:12px;top:5px;width:44px;height:32px;color:#c32028}.work-employer strong{font-size:14px}.work-intro{font-size:14px;margin:16px 0 22px}.work-method{padding:14px 0}.work-experience h3{font-size:19px}.engineering-flow{margin:15px 0;gap:18px}.engineering-flow li{font-size:11px}.engineering-flow li:before{margin-bottom:5px}.work-caption{font-size:11px}.work-areas{margin-top:23px;gap:25px}.work-area{padding-top:12px;border-top-width:2px}.work-area>p:not(.eyebrow){font-size:13px}.work-area .eyebrow{font-size:9px;margin-bottom:7px}.work-area details{margin-top:12px}.work-area summary{padding:10px 4px;font-size:12px}.work-extra{border-bottom:1px solid var(--work-border);padding:10px 0}.work-extra>summary{font-size:12px;font-weight:700;cursor:pointer}.work-extra:has(.work-learning){margin-top:20px}.work-extra .work-learning{border:0;margin-top:10px;padding-top:10px}.work-extra .work-principles{margin:10px 0}.work-bridge{font-size:13px;margin:25px 0 0}.work-disclosure{font-size:10px;margin-top:15px}.road-centre{animation:none!important}html{scroll-behavior:auto}
@media(max-width:700px){.engineer-hero{grid-template-columns:1fr;gap:22px}.engineer-hero h1{font-size:46px}.concise-about .about-grid{grid-template-columns:1fr;gap:5px}.work-heading h2{font-size:30px}.engineering-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.engineering-flow li{padding:0 0 0 24px;min-height:45px}.engineering-flow li:before{position:absolute;left:0;top:0}.engineering-flow li:not(:last-child):after{display:none}.work-experience{padding-top:35px}.work-areas{gap:18px}.work-area h3{font-size:19px}}

/* Sport / technology identity and a quieter, shorter portfolio. */
.brand .dr-mark,.brand .dr-mark svg{width:70px;height:48px}.brand .brand-name{font-style:italic;letter-spacing:1px}.engineer-hero{grid-template-columns:1.35fr .8fr;gap:65px}.engineer-hero h1{font-size:clamp(48px,5.6vw,76px);line-height:.98}.builder-portrait{max-width:380px;justify-self:end}.builder-portrait figcaption{display:flex;flex-direction:column;gap:5px}.builder-portrait figcaption strong{font-size:14px;color:var(--ink)}.builder-portrait figcaption span{float:none}.work-mini-flow{font-size:12px;border-block:1px solid var(--work-border);padding:12px 0;margin:15px 0}.work-mini-flow strong{margin-right:15px;color:var(--ink)}.work-mini-flow span{display:block;font-size:10px;margin-top:4px}.work-area>p:not(.eyebrow){margin-bottom:8px}.work-area h3{font-size:18px}.compact-projects{padding-block:45px}.compact-projects .section-heading h2,.wins h2,.compact-life h2{font-size:34px;letter-spacing:-1px}.compact-projects .project{padding:16px 0;border:0;border-top:2px solid var(--ink);box-shadow:none;background:transparent;transform:none}.compact-projects .project h3{font-size:19px}.compact-projects .project p{font-size:13px}.compact-projects .filters{margin-bottom:22px}.wins{padding-block:40px}.wins-grid{grid-template-columns:150px 1fr;gap:35px}.wins-grid>figure{margin:0;align-self:start}.wins-grid>figure img{height:125px;width:150px;object-fit:cover}.wins-grid>figure figcaption{font-size:8px}.wins-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wins-list article{padding:12px 0;gap:12px}.wins-list h3{font-size:17px}.wins-list p{font-size:12px}.compact-life{padding-block:45px}.interest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.interest-grid article{border-top:1px solid currentColor;padding-top:15px;min-width:0}.interest-grid article>span{font:700 10px Arial;color:var(--red)}.interest-grid h3{font-size:18px}.interest-grid p{font-size:13px}.collection{padding-block:30px}.gallery-disclosure{border-block:1px solid var(--ink)}.gallery-disclosure>summary{cursor:pointer;padding:22px 0;font-size:21px;font-weight:700}.gallery-disclosure>summary span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:5px 0 0 22px}.gallery-content{padding:20px 0}.gallery-disclosure>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.gallery-content .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-content .photo-item img{height:170px;object-fit:cover}
@media(max-width:850px){.engineer-hero{gap:30px}.interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wins-list{grid-template-columns:1fr}.gallery-content .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.engineer-hero{grid-template-columns:1fr}.builder-portrait{max-width:290px;justify-self:start}.engineer-hero h1{font-size:53px}.interest-grid{grid-template-columns:1fr 1fr;gap:20px}.wins-grid{grid-template-columns:1fr;gap:20px}.wins-grid>figure{display:flex;gap:15px;align-items:center}.wins-grid>figure img{height:70px;width:90px}.wins-grid>figure figcaption{max-width:160px}.gallery-content .photo-grid{grid-template-columns:1fr 1fr}.gallery-content .photo-item img{height:140px}.brand .dr-mark,.brand .dr-mark svg{width:58px;height:43px}}

/* Final production-led work overview. */
.work-areas{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.work-area h3{font-size:18px;letter-spacing:-.3px}.work-area .work-detail{font-size:13px}.work-employer{padding-left:115px}.official-toyota{width:94px;height:auto;top:12px;left:8px;object-fit:contain;background:white;padding:5px}.work-heading{grid-template-columns:1fr 1.2fr}
@media(max-width:1000px){.work-areas{grid-template-columns:1fr 1fr}.work-heading{grid-template-columns:1fr;gap:12px}}@media(max-width:600px){.work-areas{grid-template-columns:1fr}.work-employer{padding-left:105px}.official-toyota{width:85px}}

.official-toyota{width:60px;height:39px;padding:0;background:transparent;left:12px;top:12px}.work-employer{padding-left:90px}

/* Education stops without illustrations, ready for future photos. */
.journey-chapter.chapter-text-only{min-height:180px;padding-block:25px}@media(max-width:600px){.journey-chapter.chapter-text-only{min-height:0;padding-top:25px;padding-bottom:30px}.chapter-text-only .route-pin{top:30px}}
