:root{--navy:#132c43;--ink:#182c3d;--muted:#5d6b75;--teal:#087c7c;--line:#dce3e8;--pale:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #11a4a1;outline-offset:6px}p,h1,h2,h3,h4{margin-top:0}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}header{height:100px;width:min(1360px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-1.5px;font-weight:750}.brand span{color:var(--teal)}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}nav a:hover,.hero-social a:hover,.text-link:hover{color:var(--teal)}.nav-contact{border:1px solid var(--line);padding:10px 20px;border-radius:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:72px;padding-bottom:80px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:var(--teal);margin-bottom:24px}h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-3.9px;line-height:1.08;font-weight:650;margin-bottom:30px}h1 span{font-family:Georgia,serif;font-style:italic;color:var(--teal);font-weight:400} .intro{max-width:470px;font-size:18px;line-height:1.8}.intro strong{color:var(--ink);font-weight:600}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{border:1px solid var(--navy);border-radius:5px;padding:13px 23px;background:var(--navy);color:white;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#24506d}.button.secondary{background:white;color:var(--navy);border-color:#c6d1da}.hero-social{display:flex;gap:18px;font-size:14px;margin-top:28px}.hero-social span{color:#a6b0b7}.portrait-area{position:relative;padding-top:31px}.portrait-area img{display:block;width:100%;height:auto;aspect-ratio:1/1.12;object-fit:cover;object-position:center;border-radius:120px 8px 8px 8px}.portrait-label{position:absolute;top:0;right:0;letter-spacing:2px;font-size:11px;color:var(--muted)}.portrait-caption{margin:0 20px;background:var(--navy);color:#fff;padding:18px 24px;position:relative;margin-top:-28px;display:flex;flex-direction:column;border-radius:5px;box-shadow:0 8px 24px #102b4317}.portrait-caption span:first-child{font-size:17px;font-weight:600}.portrait-caption span:last-child{font-size:13px;color:#c3d2dd}.expertise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pale)}.expertise-inner{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;font-size:12px;letter-spacing:2px;font-weight:650}.expertise i{color:var(--teal);font-style:normal;font-size:22px}.section{padding-top:96px;padding-bottom:96px}h2{font-size:clamp(32px,3.2vw,44px);line-height:1.2;letter-spacing:-1.6px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head p:last-child{font-size:15px}.section-head .eyebrow{margin-bottom:14px}.project{border:1px solid var(--line);border-radius:9px;overflow:hidden}.featured{display:grid;grid-template-columns:1fr 1fr}.project-art{min-height:430px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.aqua{background:#dfeeed;color:#164c50}.art-label,.art-foot{font-size:11px;letter-spacing:1.8px;font-weight:600}.project-word{font-size:48px;line-height:1.1;font-weight:700;letter-spacing:-2px}.project-word span{font-weight:350}.project-word small{display:block;font-size:15px;font-weight:400;letter-spacing:0;margin-top:18px}.architecture{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.architecture span{padding:10px 13px;border:1px solid #adc9c9;font-size:12px;border-radius:5px}.architecture b{font-weight:400;color:#698e90}.project-copy{padding:36px}.project-copy .eyebrow{margin-bottom:18px;font-size:11px}h3{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin-bottom:18px}.project-copy p{font-size:15px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:12px;padding:4px 10px;border-radius:4px;background:#f1f4f6;color:#425764}details{margin-top:27px;border-top:1px solid var(--line);padding-top:17px}summary{font-weight:600;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;line-height:1}details[open] summary:after{content:'−'}.detail-body{padding-top:20px}.detail-body h4{font-size:14px;margin-bottom:8px}.detail-body p:last-child{margin-bottom:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.small-art{height:225px;padding:26px 32px;display:flex;flex-direction:column;justify-content:space-between}.small-art .project-word{font-size:42px}.pos{background:#18374f;color:#f0f5f8}.slt{background:#e5eaf4;color:#314870}.safedrive{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:1fr 2.25fr auto;gap:32px}.safedrive .eyebrow{font-size:11px;margin-bottom:12px}.safedrive h3{margin:0}.safedrive p{font-size:15px;margin-bottom:0}.safedrive .tags{margin-top:16px}.research-label{font-size:12px;color:var(--muted)}.about-band{background:var(--pale);padding:90px 0}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.about-grid h2 span{color:var(--teal)}.about-lead{font-size:24px;color:var(--ink);letter-spacing:-.4px;line-height:1.5}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;border-top:1px solid var(--line);padding-top:28px}.skill-groups h4{font-size:14px;margin-bottom:8px}.skill-groups p{font-size:14px;margin:0}.journey{display:grid;grid-template-columns:1fr 1.75fr;gap:70px}.text-link{font-size:14px;border-bottom:1px solid #8195a2;padding-bottom:5px}.timeline-label{font-size:12px;letter-spacing:1.5px;color:var(--teal);font-weight:650}.timeline article{padding:24px 0;border-bottom:1px solid var(--line)}.timeline .row{display:flex;justify-content:space-between;gap:20px}.timeline h3{font-size:19px;margin-bottom:8px}.timeline .row span{font-size:12px;white-space:nowrap;color:var(--muted)}.timeline h4{font-size:14px;color:var(--teal);font-weight:500;margin-bottom:12px}.timeline p{font-size:14px;margin-bottom:0}.timeline .education-label{margin-top:38px}.contact{background:var(--navy);color:white;padding:88px 0}.contact .eyebrow{color:#83cfce}.contact h2{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}.contact p{color:#c2cfda}.email{font-size:clamp(20px,3vw,34px);display:inline-block;border-bottom:1px solid #688297;padding-bottom:10px;margin-top:14px;overflow-wrap:anywhere}.contact-links{display:flex;gap:30px;margin-top:36px;font-size:14px}.contact a:hover{color:#a9e4e2}footer{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px}footer p,footer>a:last-child{font-size:12px;margin:0}.skip{position:fixed;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}@media(min-width:1500px){.hero{gap:100px}.portrait-area img{max-height:550px}}@media(max-width:1000px){.wrap,header{width:calc(100% - 56px)}.hero{gap:35px}.hero h1{font-size:56px;letter-spacing:-2.7px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px}.project-copy{padding:26px}.project-art{padding:26px}.project-word{font-size:38px}.about-grid{gap:40px}.journey{gap:35px;grid-template-columns:1fr 1.6fr}.timeline .row{display:block}.safedrive{grid-template-columns:1fr 2fr}.research-label{display:none}}@media(max-width:700px){.wrap,header{width:calc(100% - 40px)}header{height:80px}nav{gap:18px;font-size:13px}.nav-contact{display:none}.brand{font-size:28px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:50px;gap:36px}.hero h1{font-size:57px}.hero .eyebrow{font-size:10px}.intro{font-size:17px}.portrait-area{max-width:460px;width:100%;margin:auto}.portrait-area img{aspect-ratio:1/1}.expertise-inner{flex-wrap:wrap;gap:12px;justify-content:center;font-size:10px;letter-spacing:1px}.expertise i{font-size:14px}.expertise i:last-of-type{display:none}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin:20px 0 0}.featured,.project-grid,.about-grid,.journey{grid-template-columns:1fr}.project-art{min-height:320px}.project-copy{padding:26px}.small-art{height:200px}.project-grid{gap:22px;margin-top:22px}.safedrive{grid-template-columns:1fr;gap:20px}.about-band{padding:60px 0}.about-grid{gap:20px}.about-lead{font-size:22px}.skill-groups{gap:20px}.journey{gap:40px}.timeline .row{display:block}.timeline .row span{display:block;margin-bottom:8px}.contact{padding:60px 0}.contact h2{letter-spacing:-1.5px}.contact-links{gap:24px}footer{flex-wrap:wrap;gap:16px}footer p{width:calc(100% - 90px);text-align:right}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refinements for the detailed portfolio brief. */
body{background:#fdfcf9}.supporting-line{font-size:16px;font-weight:600;color:var(--teal);margin-bottom:20px}.hero h1{font-size:clamp(42px,5.3vw,72px);overflow-wrap:anywhere}.hero .intro{font-size:17px}.hero-copy,.portrait-area,.project-copy,.timeline{min-width:0}.hero.text-only{grid-template-columns:1fr}.portrait-area img{aspect-ratio:1/1;object-fit:contain}.project-copy p,.safedrive p,.timeline p,.skill-groups p{font-size:16px}.tags span,.art-label,.art-foot,.timeline .row span,.research-label{font-size:14px;letter-spacing:0}.eyebrow,.project-copy .eyebrow,.safedrive .eyebrow{font-size:13px}.hero-copy{animation:appear .6s ease-out}.portrait-area{animation:appear .8s ease-out}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:700px){.hero h1{font-size:clamp(38px,11vw,57px);letter-spacing:-2px}.expertise-inner{font-size:12px}.portrait-label{font-size:12px;letter-spacing:1px}nav{gap:14px}.section-head p:last-child{font-size:16px}}