:root{--teal:#17596a;--teal2:#2e5d6c;--box:#47717d;--green:#8cc83e;--bright:#75c900;--cyan:#12bcc3;--white:#fff;--grey:#666}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Quicksand,Arial,sans-serif;color:var(--teal);background:#fff;font-size:18px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{height:154px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:#fff;z-index:20;border-top:12px solid var(--green)}.logo img{width:360px;max-width:42vw;height:auto}.footer-logo img{width:420px;max-width:44vw;height:auto}.appointment{position:absolute;right:0;top:0;background:#155d6d;color:#fff;height:70px;width:370px;display:grid;place-items:center;font-size:20px;letter-spacing:.03em}.mainnav{height:66px;background:#2e5d6c;display:flex;align-items:center;justify-content:center;gap:64px;color:#fff;position:sticky;top:154px;z-index:19}.mainnav a{font-size:18px;font-weight:600}.hero{min-height:680px;background:linear-gradient(90deg,rgba(23,89,106,.9),rgba(23,89,106,.18) 52%,rgba(23,89,106,.05)),url('assets/building.jpg') center/cover no-repeat;display:flex;align-items:center;padding:80px max(8vw,30px)}.hero-copy{max-width:740px;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.28)}.hero-copy h1{font-family:Montserrat,sans-serif;font-size:72px;line-height:1.04;margin:0 0 22px;font-weight:800;letter-spacing:1px}.hero-copy p{font-size:30px;line-height:1.35;margin:0 0 42px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.hero-actions a{background:var(--green);color:#fff;padding:18px 32px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:1px}.hero-actions a:last-child{background:#fff;color:var(--teal)}.quick-links{width:min(1320px,80vw);min-height:190px;margin:-95px auto 0;background:rgba(23,89,106,.88);border-bottom:12px solid var(--teal);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;position:relative;z-index:2}.quick-links a{color:#fff;font-family:Montserrat,sans-serif;font-size:34px;font-weight:700;letter-spacing:2px}.quick-links .active{height:100%;display:grid;place-items:center;background:rgba(140,200,62,.78)}.about.split{padding:120px max(8vw,30px) 95px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,640px);gap:70px;align-items:center;max-width:1560px;margin:0 auto;text-align:left}.about h2,.contact h2,.team-section h2{font-family:Montserrat,sans-serif;font-size:72px;font-weight:500;letter-spacing:4px;margin:0;text-align:center}.about .dot,.team-section .dot{margin-left:auto;margin-right:auto}.about p{color:#6d6d6d;font-size:25px;line-height:1.55;margin:0 0 32px}.about img{border-radius:0;box-shadow:0 24px 60px rgba(23,89,106,.18)}.dot{width:18px;height:18px;background:var(--green);margin:38px auto 56px}.green-btn{margin-top:20px;display:inline-block;background:var(--bright);color:#fff;padding:18px 46px;font-family:Montserrat,sans-serif;letter-spacing:2px}.services{background:#2e5d6c;color:#fff;text-align:center;padding:130px 20px 92px;border-bottom:13px solid var(--green)}.services h2,.testimonials h2{font-family:Montserrat,sans-serif;font-size:76px;line-height:1.1;letter-spacing:3px;margin:0;font-weight:800}.dot.light{background:#fff;margin-bottom:95px}.service-grid{width:min(1360px,84vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.service-grid a{background:var(--box);padding:39px 18px;color:#fff;font-size:38px;line-height:1.1}.service-grid .wide{grid-column:1/3;width:49%;justify-self:center}.feature-photo{min-height:760px;background:linear-gradient(var(--green) 0 66px,transparent 66px calc(100% - 74px),var(--green) calc(100% - 74px)),url('assets/ear-clinic.jpg') center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff}.feature-photo div{background:rgba(23,89,106,.86);padding:40px 64px;margin-bottom:74px;max-width:760px}.feature-photo h2{font-family:Montserrat,sans-serif;font-size:48px;margin:0 0 12px}.feature-photo p{font-size:24px;margin:0}.team-section{text-align:center;padding:115px max(8vw,30px);max-width:1600px;margin:auto}.team-section p{font-size:25px;color:#666;line-height:1.55;max-width:950px;margin:0 auto 58px}.photo-grid{display:grid;grid-template-columns:1.2fr 1fr 0.78fr;gap:24px;align-items:stretch}.photo-grid img{width:100%;height:480px;object-fit:cover}.photo-grid img:first-child{height:480px}.testimonials{background:var(--green);color:#fff;text-align:center;padding:100px 20px 130px}.testimonials h2{font-size:72px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;max-width:1200px;margin:0 auto}.quotes blockquote{margin:0;color:var(--teal)}.quotes span{font-family:Georgia,serif;font-size:130px;font-weight:700;line-height:.6}.quotes p{font-size:29px;line-height:1.25;max-width:260px;margin:25px auto 50px}.quotes cite{font-style:normal;font-size:20px}.contact{text-align:center;padding:130px 20px 86px}.contact h2{color:var(--cyan);font-weight:800}.dot.cyan{background:var(--cyan);margin:40px auto 72px}.contact-wrap{display:grid;grid-template-columns:320px minmax(0,740px);gap:58px;align-items:start;justify-content:center}.contact-card{text-align:left;background:#f0f8ea;padding:34px;color:#17596a;font-size:22px;line-height:1.35}.contact-card h3{font-family:Montserrat,sans-serif;margin:0 0 20px}.contact form{max-width:740px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px 34px;text-align:left;color:#46805b;font-family:Montserrat,sans-serif;font-size:16px}.contact input,.contact textarea{display:block;width:100%;border:0;background:#e5f5d8;height:58px;margin-top:10px;font:inherit;padding:10px}.contact textarea{height:130px;resize:vertical}.contact .full,.contact button{grid-column:1/3}.contact button{border:0;background:#17596a;color:#fff;height:58px;font-family:Montserrat,sans-serif;font-size:20px;letter-spacing:1px}footer{min-height:440px;background:#17596a;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(8vw,30px);position:relative}.footer-contact{font-size:26px;line-height:1.35}.footer-contact a{color:#fff}.socials span{display:inline-grid;place-items:center;background:#fff;color:#17596a;width:42px;height:42px;border-radius:50%;font-weight:800;margin-right:12px}.backtop{position:absolute;bottom:52px;left:50%;font-size:56px;color:#218bd6}.chat{position:fixed;right:28px;bottom:28px;background:#2d6070;color:#fff;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 18px rgba(0,0,0,.12);padding:22px 38px;font-size:24px;z-index:50;display:flex;gap:16px;align-items:center}@media(max-width:1000px){.logo img{width:250px;max-width:58vw}.footer-logo img{width:290px;max-width:80vw}.topbar{height:auto;padding:28px 16px 18px;justify-content:flex-start}.appointment{position:static;margin-left:auto;width:auto;height:auto;padding:14px 18px;font-size:14px}.mainnav{top:0;position:relative;height:auto;flex-wrap:wrap;gap:18px;padding:16px}.hero{min-height:530px;padding:60px 24px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:22px}.quick-links{position:static;margin:0;width:100%;min-height:auto;grid-template-columns:1fr}.quick-links a{font-size:24px;padding:28px 10px}.about.split,.contact-wrap,.quotes,footer,.contact form,.photo-grid{grid-template-columns:1fr}.about.split{padding-top:70px}.about h2,.contact h2,.services h2,.testimonials h2,.team-section h2{font-size:42px}.about p,.team-section p{font-size:20px}.service-grid{grid-template-columns:1fr}.service-grid a{font-size:24px;padding:28px 10px}.service-grid .wide,.contact .full,.contact button{grid-column:auto;width:auto}.feature-photo{min-height:560px}.feature-photo div{padding:28px;margin:0 20px 74px}.feature-photo h2{font-size:32px}.photo-grid img{height:320px}.chat{display:none}}
