:root{--ink:#182333;--muted:#687181;--cream:#faf8f4;--white:#fff;--accent:#bc8a63;--line:#e9e4dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:rgba(250,248,244,.94);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font:700 34px 'Playfair Display',serif;letter-spacing:-3px}.brand span,.period{color:var(--accent)}nav{display:flex;align-items:center;gap:34px}nav a{font-size:13px;font-weight:700}nav a:hover{color:var(--accent)}.nav-cta{background:var(--ink);color:white;padding:14px 20px;border-radius:4px}.nav-cta:hover{color:white;background:var(--accent)}.menu{display:none}.hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:80px 7%;gap:50px;overflow:hidden}.eyebrow,.label{font-size:11px;letter-spacing:2.3px;font-weight:700;color:var(--accent)}.dot{display:inline-block;background:#72aa8e;width:8px;height:8px;border-radius:50%;margin-right:9px}.hero h1,h2{font-family:'Playfair Display',serif;letter-spacing:-2px;font-weight:600}.hero h1{font-size:clamp(70px,8vw,125px);line-height:1.02;margin:25px 0}.hero h1 em,h2 em{font-weight:500;color:var(--accent)}.hero-sub{font-size:17px;line-height:1.9;color:var(--muted);max-width:520px}.actions{display:flex;gap:15px;margin:35px 0}.btn{padding:17px 22px;font-size:13px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.ghost{border:1px solid #c9c4bd}.ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-meta{display:flex;gap:30px;font-size:12px;color:var(--muted);margin-top:65px}.hero-art{height:510px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb1{width:410px;height:410px;background:#e9ded1;right:0;top:20px}.orb2{width:280px;height:280px;background:#c4a88e;left:0;bottom:0;opacity:.45}.art-card{position:relative;width:320px;height:390px;background:#253247;box-shadow:35px 40px 0 #e5d9cb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(-4deg)}.art-monogram{font:600 130px 'Playfair Display',serif;color:#e2c2a4;letter-spacing:-15px;margin-left:-15px}.art-line{height:1px;width:90px;background:#caa585;margin:25px 0}.art-card span{text-align:center;letter-spacing:3px;line-height:2.2;font-size:10px}.floating-tag{position:absolute;bottom:30px;right:0;background:white;box-shadow:0 10px 40px #18233322;padding:17px 25px;font-size:12px;font-weight:700}.ticker{background:var(--ink);color:#eee;padding:22px 0;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:2px;font-weight:700}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker span{color:#c69c78;margin:0 35px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:125px 7%;scroll-margin-top:80px}.section-heading h2,.contact h2{font-size:clamp(43px,5vw,75px);line-height:1.18;margin:20px 0 50px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#fff}.about-body{padding-top:35px}.about-body p{font-size:17px;line-height:2;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill-row span,.skill-tags span{border:1px solid var(--line);padding:11px 15px;font-size:12px;background:#fff}.experience{background:var(--cream)}.timeline{border-top:1px solid #dcd5cb}.job{display:grid;grid-template-columns:28% 72%;border-bottom:1px solid #dcd5cb;padding:45px 0}.job-date{font-size:12px;letter-spacing:1.3px;color:var(--accent);font-weight:700;padding-top:10px}.current{font-size:10px;letter-spacing:2px;color:#4b9977}.job h3{font:600 clamp(24px,3vw,37px) 'Playfair Display',serif;margin:10px 0}.company{font-size:14px;font-weight:700}.company span{font-weight:400;color:var(--muted)}.job ul{padding-left:18px;max-width:720px;color:var(--muted);line-height:1.9;font-size:14px}.job li{margin:8px 0}.education{background:#fff}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edu-card{border:1px solid var(--line);padding:40px;min-height:320px;position:relative;transition:.3s}.edu-card:hover{border-color:var(--accent);transform:translateY(-5px)}.edu-year{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:1px}.edu-icon{font-size:50px;color:var(--accent);margin:22px 0}.edu-card h3{font:600 27px 'Playfair Display',serif;max-width:350px}.edu-card p{font-size:14px}.edu-place{font-size:12px;color:var(--muted)}.skills{background:#f0ece6}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px}.skill-group{border-top:1px solid #d3cbc0;padding-top:22px}.skill-num{font-size:12px;color:var(--accent)}.skill-group h3{font:600 26px 'Playfair Display',serif}.skill-tags{display:flex;flex-wrap:wrap;gap:9px}.skill-tags span{background:transparent;border-color:#d8d0c5}.contact{background:var(--ink);color:#fff;text-align:center;padding-top:130px;padding-bottom:130px}.contact h2{margin:25px 0}.contact>p{color:#c1c6ce;font-size:16px}.contact-email{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #9f8b7b;padding:16px 0;font:500 clamp(19px,3vw,37px) 'Playfair Display',serif;margin:45px 0}.contact-email:hover{color:#d7ae8c}.contact-details{display:flex;justify-content:center;gap:45px;color:#c1c6ce;font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 7%;font-size:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav{height:70px}.menu{display:block;background:none;border:0;font-size:24px;cursor:pointer}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:25px 7%;flex-direction:column;align-items:flex-start;box-shadow:0 15px 20px #0001}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{height:380px}.orb1{width:310px;height:310px;right:12%}.orb2{width:200px;height:200px;left:15%}.art-card{width:245px;height:290px}.art-monogram{font-size:90px}.about{grid-template-columns:1fr;gap:0}.about-body{padding-top:0}.section{padding:85px 7%}}@media(max-width:580px){.hero{padding:55px 6%}.hero h1{font-size:67px}.hero-sub{font-size:15px}.actions{flex-wrap:wrap}.hero-meta{margin-top:40px;gap:15px;flex-wrap:wrap}.hero-art{height:340px}.section{padding:75px 6%}.job{grid-template-columns:1fr;gap:10px}.edu-grid,.skills-grid{grid-template-columns:1fr}.edu-card{min-height:280px}.contact-details{flex-direction:column;gap:15px}.contact-email{gap:12px}footer{gap:20px;flex-wrap:wrap}.section-heading h2{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Neena Suwal brand logo */
.brand-logo{display:inline-flex;align-items:center;flex-shrink:0;letter-spacing:normal}
.brand-logo img{display:block;width:150px;height:70px;object-fit:contain}
.art-card{background:#faf8f4;padding:18px 12px;transform:rotate(-3deg);overflow:hidden}
.hero-brand-image{display:block;width:100%;max-height:265px;object-fit:contain}
.art-card .hero-brand-caption{color:#253247;font-weight:700;letter-spacing:1.8px;line-height:1.7;margin-top:12px}
footer .brand-logo img{width:125px;height:55px}
@media(max-width:850px){.brand-logo img{width:125px;height:60px}.hero-brand-image{max-height:190px}}

/* Floating WhatsApp contact button. Tawk.to adds its own chat widget after setup. */
.whatsapp-chat{position:fixed;right:22px;bottom:24px;z-index:90;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:50px;background:#168a58;color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 26px #18233344;transition:transform .2s,background .2s}
.whatsapp-chat:hover{transform:translateY(-3px);background:#106b44;color:white}
.whatsapp-chat span:first-child{font-size:21px;line-height:1}
/* Keep WhatsApp separate from the live chat bubble. */
body.tawk-enabled .whatsapp-chat{bottom:100px}
@media(max-width:580px){.whatsapp-chat{right:16px;bottom:16px;padding:12px 15px}body.tawk-enabled .whatsapp-chat{bottom:94px}}

/* Download CV button */
.cv-download{background:#c99070;color:#182333;border:1px solid #c99070;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.cv-download:hover{background:#182333;color:white;transform:translateY(-2px)}

/* Transparent logo: no opaque background or blend mode */
.brand-logo img,.hero-brand-image{background:transparent;mix-blend-mode:normal}

/* Portrait displayed in the hero, replacing the decorative logo card */
.portrait-card{padding:0;overflow:hidden;background:#e9ded1;transform:rotate(-3deg);border-radius:10px;box-shadow:25px 30px 0 #e5d9cb}
.hero-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
@media(max-width:580px){.portrait-card{width:min(78vw,300px);height:340px}.hero-art{height:420px}}

/* Place WhatsApp above Botpress's floating chat launcher on mobile and desktop. */
body.botpress-enabled .whatsapp-chat{bottom:105px}
@media(max-width:580px){body.botpress-enabled .whatsapp-chat{bottom:100px}}

/* Neena Studio live color controls */
:root{--studio-primary:#17243b;--studio-accent:#bd8c78;--studio-background:#fbf8f5;--studio-text:#273143}
body{color:var(--studio-text)}
.hero,.about,.experience,.education,.skills,.contact{--ns-accent:var(--studio-accent)}
.hero em,.section-heading em,.contact h2 em,.period{color:var(--studio-accent)!important}
.btn.primary,.nav-cta{background:var(--studio-primary)!important}
body{background-color:var(--studio-background)}
.neena-edit-mode [data-neena-selected],.neena-edit-mode h1:hover,.neena-edit-mode h2:hover,.neena-edit-mode p:hover,.neena-edit-mode h3:hover{outline:2px dashed var(--studio-accent);outline-offset:4px;cursor:pointer}