:root{--navy:#071a3d;--blue:#2878ff;--ink:#13213a;--muted:#5c6980;--pale:#eef3fa;--line:#dce4f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffc;backdrop-filter:blur(14px);z-index:5;border-bottom:1px solid var(--line)}header strong{font-size:1.2rem}header small{display:block;font-size:.66rem;font-weight:600}nav{display:flex;gap:1.1rem;align-items:center}nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.88rem}.btn{display:inline-block;padding:.78rem 1.1rem;border-radius:999px;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:800}.hero{padding:6vw 7vw 0;min-height:650px;display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:center;background:radial-gradient(circle at 80% 20%,#17498b,transparent 32%),linear-gradient(125deg,#06152f,#0a214a 60%,#143b74);color:white;overflow:hidden}.hero h1{font-size:clamp(3rem,5.6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.4rem 0 1rem}.hero h1 span{color:#66aaff}.hero .lead{font-size:1.16rem;color:#d7e5f8;max-width:800px}.hero>img{width:min(100%,450px);align-self:end;filter:drop-shadow(0 20px 28px #0006)}.eyebrow{color:#8ac7ff;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:900}.blue{color:var(--blue)}.section{padding:6rem 7vw}.section>h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:.3rem 0 2.3rem}.pale{background:var(--pale)}.dark{background:var(--navy);color:#fff}.grid{display:grid;gap:1rem}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.grid article{border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:#fff;color:var(--ink)}.three b{font-size:3rem;color:var(--blue);letter-spacing:-.05em}.timeline{max-width:960px}.timeline>div{display:grid;grid-template-columns:190px 1fr 1.2fr;border-top:1px solid var(--line);padding:1.35rem 0;gap:1rem;align-items:center}.timeline time{color:var(--muted);font-weight:800}.timeline h3,.timeline h4{margin:0}.credential{display:flex;gap:2rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem;max-width:850px}.credential img{width:150px;height:100px;object-fit:contain}.credential a{color:var(--blue);font-weight:800}.personal{background:linear-gradient(135deg,#f7f9fd,#eaf2ff)}.intro{font-size:1.1rem;max-width:850px}.life-visual{margin:2rem 0 1.2rem;background:#071a3d;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #071a3d24}.life-visual img{width:100%;display:block}.life-visual figcaption{padding:.75rem 1.2rem;color:#cbd9ed;font-size:.84rem;letter-spacing:.05em}.personalgrid{grid-template-columns:repeat(4,1fr)}.personalgrid p,.ai-card p{color:var(--muted)}.ai-card{display:grid;grid-template-columns:1.15fr .85fr;margin-top:1.2rem;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #071a3d14}.ai-card img{width:100%;height:100%;min-height:390px;object-fit:cover}.ai-card>div{padding:2.2rem}.ai-card h3{font-size:2rem;margin:.2rem 0}.contact{text-align:center}.contact h2{max-width:850px;margin:0 auto 1.5rem}footer{padding:2rem 7vw;background:#06152f;color:#becde1}@media(max-width:900px){nav a:not(.btn){display:none}.hero{grid-template-columns:1fr}.three,.personalgrid{grid-template-columns:1fr 1fr}.ai-card{grid-template-columns:1fr}.timeline>div{grid-template-columns:150px 1fr}}@media(max-width:620px){header{padding:0 1rem}.hero,.section{padding-left:1.2rem;padding-right:1.2rem}.hero h1{font-size:2.7rem}.three,.two,.personalgrid{grid-template-columns:1fr}.timeline>div{grid-template-columns:1fr;gap:.2rem}.credential{flex-direction:column;align-items:flex-start}.ai-card>div{padding:1.4rem}.life-visual{border-radius:16px}}

.interest-title{display:flex;align-items:center;gap:.85rem}.interest-title h3{margin:.2rem 0}.leeds-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 8px #071a3d22)}

.ai-link{display:inline-block;margin-top:.5rem;color:var(--blue);font-weight:800;text-decoration:none}.ai-link:hover{text-decoration:underline}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;font-size:1.05rem}.about-grid p{margin:0}.timeline article{display:grid;grid-template-columns:190px 1fr;gap:2rem;border-top:1px solid var(--line);padding:2rem 0}.timeline time{color:var(--muted);font-weight:800;font-size:.9rem}.timeline .role h3{font-size:1.4rem;margin:.35rem 0 .55rem}.timeline .role p{max-width:800px}.timeline .role ul{color:var(--muted);padding-left:1.2rem}.company{display:flex;align-items:center;gap:1rem;min-height:58px;color:var(--blue);font-weight:850}.company img{width:110px;height:56px;object-fit:contain;object-position:left center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}.text-logo{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:54px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font-weight:900;font-size:1.05rem}.talktalk{color:#6d2077}.barclaycard{color:#00a2df}.homeserve{color:#e31e24}.lloyds{color:#006a4d}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:150px 1fr}}@media(max-width:620px){.timeline article{grid-template-columns:1fr;gap:.35rem}.company{align-items:flex-start;flex-direction:column}.company img{width:96px;height:50px}}

.three article p{margin:.55rem 0 0;color:var(--muted);font-size:.96rem;line-height:1.55}.three article h3{margin:.15rem 0 0;font-size:1.15rem;line-height:1.25}