/*
Theme Name: Jayasiri
Theme URI: https://jayasiri.me
Author: Rajiv Jayasiri
Description: Lightweight custom block theme for Rajiv Jayasiri's personal career website.
Version: 0.5.4
Text Domain: jayasiri
*/
:root{--bg:#f4f7fb;--surface:#fff;--surface-soft:#eef3f8;--text:#142033;--muted:#607086;--line:#dfe6ee;--accent:#173f6b;--accent-dark:#0f2d4d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-shell{max-width:var(--max);margin:0 auto;padding:0 28px}.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:1.75rem;line-height:1;letter-spacing:-.045em}.nav{display:flex;gap:22px;font-size:.88rem;color:var(--muted)}.nav a:hover{color:var(--text)}
.hero{padding:64px 0 48px}.hero-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center}.hero-content{min-width:0}.hero-portrait{align-self:center;max-width:340px;justify-self:end}.hero-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 38%;border-radius:20px;border:1px solid var(--line);box-shadow:0 16px 44px rgba(20,32,51,.12);background:var(--surface)}.eyebrow,.section-label{margin:0 0 15px;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.13em}.hero h1{margin:0;font-size:clamp(2.65rem,4vw,3.65rem);line-height:1.09;letter-spacing:-.052em;max-width:850px}.hero-copy{max-width:700px;margin:26px 0 0;font-size:1.06rem;color:var(--muted)}.meta{margin:18px 0 0;font-size:.9rem;font-weight:650}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:9px;font-weight:750;font-size:.88rem;border:1px solid var(--line)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:var(--accent-dark)}.secondary{background:var(--surface)}.secondary:hover{border-color:#b9c6d4}.metrics{display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.metrics div{padding:19px 18px;border-right:1px solid var(--line)}.metrics div:last-child{border-right:0}.metrics strong{display:block;font-size:1.42rem;letter-spacing:-.04em}.metrics span{display:block;margin-top:2px;color:var(--muted);font-size:.8rem}
.section{padding:52px 0;border-bottom:1px solid var(--line)}.section h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.04em;max-width:820px}.about-compact{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.about-summary{margin:2px 0 0;color:var(--muted);font-size:1rem}.section-heading-row{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.section-intro{margin:0 0 2px;color:var(--muted);font-size:.9rem}.role{background:var(--surface);border:1px solid var(--line);border-radius:14px}.featured-role{margin-top:22px;padding:22px}.role-head,.compact-role{display:flex;justify-content:space-between;gap:24px}.role h3{margin:0;font-size:1.1rem;letter-spacing:-.025em}.role p{color:var(--muted)}.promotion{color:var(--accent)!important;font-weight:700;font-size:.84rem}.role-head>span,.compact-role>span{color:var(--muted);white-space:nowrap;font-size:.84rem}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.role-grid div{padding:14px;background:var(--surface-soft);border-radius:10px}.role-grid h4{margin:0 0 5px;font-size:.89rem}.role-grid p{margin:0;font-size:.84rem}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.compact-role{padding:14px 15px;align-items:flex-start}.compact-role p{margin:2px 0 0;font-size:.82rem}.compact-role>span{font-size:.78rem}
.recruiter-band{display:grid;grid-template-columns:.62fr 1.38fr;gap:52px;align-items:start}.band-heading h2{font-size:clamp(1.7rem,2.7vw,2.3rem)}.impact-list{display:grid;border-top:1px solid var(--line)}.impact-list article{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.impact-list strong{color:var(--accent);font-size:1.48rem;letter-spacing:-.04em}.impact-list h3{margin:0 0 2px;font-size:.94rem}.impact-list p{margin:0;color:var(--muted);font-size:.83rem}.expertise-compact{display:grid;grid-template-columns:.32fr 1.68fr;gap:42px;align-items:start}.expertise-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-list article{padding:15px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.45)}.expertise-list h3{margin:0 0 4px;font-size:.92rem}.expertise-list p{margin:0;color:var(--muted);font-size:.81rem}
.final-cta{display:grid;grid-template-columns:.78fr 1.22fr;gap:0;padding:0}.final-cta-block{padding:46px 42px 46px 0}.final-cta-block+.final-cta-block{padding-left:42px;border-left:1px solid var(--line)}.final-cta h2{font-size:clamp(1.65rem,2.5vw,2.2rem)}.final-cta p{margin:12px 0 0;color:var(--muted);font-size:.9rem;max-width:620px}.final-cta .button{margin-top:18px}.final-cta .actions{margin-top:18px}.final-cta .actions .button{margin-top:0}.site-footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.82rem}
@media(max-width:1000px){.hero-split{grid-template-columns:1fr 290px;gap:32px}.hero h1{font-size:clamp(2.55rem,5vw,3.65rem)}.hero-portrait{max-width:320px}.section-heading-row{grid-template-columns:1fr}.section-intro{margin-top:-24px}.timeline{grid-template-columns:1fr}}
@media(max-width:800px){.nav{display:none}.hero{padding-top:54px}.hero-split{grid-template-columns:1fr;gap:28px}.hero-content{order:1}.hero-portrait{order:2;max-width:340px;justify-self:start}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div{border-bottom:1px solid var(--line)}.metrics div:nth-child(2n){border-right:0}.metrics div:last-child{grid-column:1/-1;border-bottom:0}.about-compact,.section-heading-row,.role-grid,.recruiter-band,.expertise-compact,.expertise-list,.final-cta{grid-template-columns:1fr}.about-compact,.recruiter-band,.expertise-compact{gap:24px}.section-intro{margin:0}.impact-list article{grid-template-columns:120px 1fr}.final-cta-block{padding:40px 0}.final-cta-block+.final-cta-block{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){
.site-shell{padding:0 16px}.site-header{min-height:56px}.brand{font-size:1.22rem;letter-spacing:-.04em}
.hero{padding:25px 0 22px}.hero-split{gap:16px}.eyebrow,.section-label{font-size:.67rem;margin-bottom:9px}.hero h1{font-size:1.92rem;line-height:1.08;letter-spacing:-.045em}.hero-copy{margin-top:16px;font-size:.91rem;line-height:1.45}.meta{margin-top:11px;font-size:.79rem;line-height:1.4}.actions{margin-top:16px;gap:7px}.button{min-height:38px;padding:0 13px;font-size:.81rem}.hero-portrait{max-width:195px;justify-self:start}.hero-portrait img{border-radius:14px;box-shadow:0 8px 24px rgba(20,32,51,.09)}
.metrics{grid-template-columns:repeat(2,1fr);border-radius:12px}.metrics div,.metrics div:nth-child(2n){padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div:nth-child(2n){border-right:0}.metrics div:nth-last-child(2){border-bottom:0}.metrics div:last-child{grid-column:1/-1;border-right:0;border-bottom:0;padding-top:9px;padding-bottom:9px}.metrics strong{font-size:1.13rem}.metrics span{font-size:.7rem}
.section{padding:27px 0}.section h2{font-size:1.55rem}.about-compact,.recruiter-band,.expertise-compact{gap:10px}.about-summary{font-size:.87rem;line-height:1.46}.section-intro{display:none}
.featured-role{margin-top:12px;padding:14px}.role-head,.compact-role{flex-direction:column;gap:4px}.role h3{font-size:.96rem}.role-head p{margin:4px 0 0;font-size:.79rem}.promotion{margin-top:6px!important;font-size:.74rem!important}.role-head>span{margin-top:4px;font-size:.74rem}.role-grid{grid-template-columns:1fr;gap:5px;margin-top:9px}.role-grid div{padding:8px 10px;border-radius:8px}.role-grid h4{margin:0 0 2px;font-size:.8rem}.role-grid p{font-size:.73rem;line-height:1.35}.timeline{gap:5px;margin-top:6px}.compact-role{padding:9px 11px}.compact-role h3{font-size:.9rem}.compact-role p{font-size:.72rem}.compact-role>span{font-size:.7rem}
.impact-list article{grid-template-columns:88px 1fr;gap:10px;padding:11px 0}.impact-list strong{font-size:1.28rem}.impact-list h3{font-size:.86rem}.impact-list p{display:none}
.expertise-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.expertise-list article{padding:11px 12px}.expertise-list h3{font-size:.82rem;line-height:1.3}.expertise-list p{font-size:.72rem;line-height:1.42}
.final-cta{padding:0}.final-cta-block{padding:27px 0}.final-cta-block+.final-cta-block{padding-top:27px}.final-cta h2{font-size:1.55rem}.final-cta p{margin-top:9px;font-size:.84rem;line-height:1.45}.final-cta .button,.final-cta .actions{margin-top:14px}.final-cta .actions{gap:7px}.final-cta .actions .button{padding:0 12px}.site-footer{min-height:58px;flex-direction:row;justify-content:space-between;gap:8px;align-items:center;font-size:.75rem}
}