/*
Theme Name: Dr Shruthi Guruswamy
Author: JP IT Solutions
Description: Responsive recreation of the original practice website.
Version: 1.0.1
Text Domain: dr-shruthi-guruswamy
*/
:root{--purple:#4a2168;--lavender:#8d6da2;--ink:#3b3540;--muted:#766f79;--paper:#faf9fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f6f8;color:var(--ink);font:16px/1.75 Arial,Helvetica,sans-serif}a{color:var(--purple)}a:hover,a:focus{text-decoration:underline}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;z-index:999;padding:8px}.wrap{max-width:1170px;margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(250,249,251,.97);box-shadow:0 2px 12px #44245618}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;color:var(--purple);line-height:1.15;white-space:nowrap}.brand strong{display:block;font-size:19px;letter-spacing:.22em;text-transform:uppercase}.brand small{display:block;font-size:10px;letter-spacing:.19em;font-weight:bold;color:#302a35}.site-header nav{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.site-header nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;color:var(--purple)}.site-body{background:#fff}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);min-height:480px}.hero>img{width:100%;height:100%;max-height:590px;object-fit:cover}.hero-copy{background:#8a6b9b;color:white;padding:34px 22px;font-size:13px;line-height:1.65;letter-spacing:.035em}.hero-copy p{margin:0 0 14px}.section{padding:64px 60px;scroll-margin-top:100px}.section:nth-of-type(even){background:#fbfafc}.section h1,.section h2{color:var(--purple);text-transform:uppercase;letter-spacing:.19em;line-height:1.3;font-size:26px;margin:0 0 34px}.section h1{text-align:center}.section h1 span{display:block}.section h3{font-size:18px;color:var(--purple);text-transform:uppercase;letter-spacing:.12em;margin:28px 0 10px}.profile-grid{display:grid;grid-template-columns:250px 1fr;gap:55px;align-items:start}.portrait{padding:12px;border:10px solid var(--lavender);width:max-content}.portrait img{display:block;width:225px;height:285px;object-fit:cover}.prose{color:#635f67;max-width:880px}.prose p{margin:0 0 18px}.lead{font-size:18px;color:#66606b;max-width:950px}.expertise{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 36px}.expertise li{background:#f1ebf4;padding:20px;border-left:4px solid var(--lavender);font-size:15px}.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:30px}.logos img{max-width:160px;max-height:70px;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:75px}.contact-grid p{color:#655f69}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:13px;color:#5b5360}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4){grid-column:1/-1}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #c5bdc8;padding:11px;margin-top:6px;font:inherit;color:#333;background:white}.contact-form button{border:1px solid var(--purple);background:white;color:var(--purple);padding:11px 35px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.contact-form button:hover{background:var(--purple);color:#fff}.hp{position:absolute;left:-9999px}.note{font-size:13px}.notice{grid-column:1/-1;color:var(--purple);font-weight:bold}.legal{min-height:60vh}.legal h1{text-align:left}.legal h2{font-size:18px;letter-spacing:.1em;margin:32px 0 10px}.legal .prose{max-width:950px}.site-footer{padding:35px 60px 65px;font-size:12px;letter-spacing:.06em;color:#9a949c}.site-footer>div{display:flex;justify-content:space-between;gap:20px}.site-footer span:last-child{display:flex;gap:35px}.site-footer a{text-decoration:none;color:#867a8c;text-transform:uppercase}@media(max-width:900px){.header-inner{padding:18px;display:block}.site-header nav{gap:14px;margin-top:14px}.site-body{width:100%}.hero{grid-template-columns:1fr}.hero>img{height:390px}.hero-copy{padding:25px}.section{padding:45px 25px}.profile-grid{grid-template-columns:1fr;gap:25px}.expertise{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.brand strong{font-size:15px;letter-spacing:.14em}.site-header nav a{font-size:10px}.hero>img{height:270px}.section h1,.section h2{font-size:22px}.expertise,.contact-grid,.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.site-footer{padding:25px}.site-footer>div{display:block}.site-footer span:last-child{margin-top:15px;flex-wrap:wrap;gap:15px}}