/*
Theme Name: Sujith S Portfolio
Author: Sujith S
Description: Modern one-page portfolio for Sujith S — Digital Marketer & E-Commerce Specialist.
Version: 1.0
*/
:root{--ink:#101827;--muted:#667085;--line:#e7eaf0;--paper:#f7f8fb;--accent:#2563eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(247,248,251,.9);border-bottom:1px solid var(--line)}.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:20px}.brand span{color:var(--accent)}.navlinks{display:flex;gap:24px;font-size:14px;color:#475467}.navlinks a:hover{color:var(--accent)}.hero{padding:78px 0 72px;background:radial-gradient(circle at 75% 20%,rgba(37,99,235,.13),transparent 28%),linear-gradient(#fff,#f7f8fb)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.eyebrow,.kicker{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.065em;margin:15px 0 24px}.hero h1 span{color:var(--accent)}.lead{font-size:20px;color:#475467;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:13px 19px;border-radius:12px;font-weight:750;border:1px solid var(--line);background:#fff}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.contact-mini{margin-top:28px;display:grid;gap:8px;color:#475467;font-size:14px}.photo-wrap{position:relative}.photo-wrap:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid #dbe2ee;border-radius:28px}.photo{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;display:block;box-shadow:0 25px 70px rgba(16,24,40,.16)}section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}h2{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:8px 0 0}.section-note{color:var(--muted);max-width:450px}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.about-card,.role,.project,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.about-card strong{display:block;font-size:32px}.timeline{display:grid;gap:18px}.role-top{display:flex;justify-content:space-between;gap:20px}.role h3{margin:0 0 4px;font-size:23px}.meta{color:var(--accent);font-weight:700;font-size:14px}.role ul{margin:18px 0 0;color:#475467}.projects{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{display:flex;gap:20px}.project-year{font-weight:850;color:var(--accent);min-width:44px}.project h3{margin:0 0 6px}.project p{margin:0;color:#667085}.pills{display:flex;flex-wrap:wrap;gap:10px}.pill{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:14px;font-weight:650}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.education{display:grid;gap:14px}.edu{padding:20px 0;border-bottom:1px solid var(--line)}.edu:last-child{border:0}.edu h3{margin:0 0 4px;font-size:18px}.edu p{margin:0;color:#667085}.panel ul{color:#475467}.site-footer{padding:55px 0;background:#101827;color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:end}.muted{color:#aab4c4}@media(max-width:800px){.navlinks{display:none}.hero{padding-top:50px}.hero-grid,.about,.two-col,.projects{grid-template-columns:1fr}.hero-grid{gap:40px}.section-head,.role-top,.footer-grid{display:block}.section-note{margin-top:12px}.hero h1{font-size:54px}}