/* Vatan Dental — reference-inspired healthcare design */
:root{--ink:#143d36;--orange:#f09339;--paper:#fff;--sage:#e9f4ed;--line:#dfeae4;--muted:#5b716c;--heading:'Manrope',sans-serif;--font:'DM Sans',sans-serif}
html{scroll-padding-top:90px}body{background:#fff;color:#153b35;font-family:var(--font)}h1,h2,h3{font-family:var(--heading);letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:#72a787}a{text-decoration:none}.container{width:min(1260px,calc(100% - 80px))}.topbar{display:none}.site-header{background:#fff;border:0;box-shadow:0 1px 8px #183d3310;position:sticky}.nav-wrap{min-height:76px}.brand img{width:130px}.site-header nav{font-size:13px;gap:35px}.site-header nav a:not(.nav-contact):hover{color:#4f8069}.nav-contact,.btn-dark{background:#245c4e;border-radius:28px;color:#fff}.nav-contact:hover,.ref-btn-dark:hover{background:#153d34;color:white}.nav-contact span{margin-left:15px}.ref-hero{position:relative;overflow:hidden;background:#e9f4ef;min-height:544px}.ref-hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#f3f9f5 0%,#f3f9f5ed 23%,#f3f9f54d 47%,#dcece54d 78%,#dcece5 100%),url('assets/smile.jpg');background-size:cover;background-position:50% 42%;filter:saturate(.82)}.ref-hero-layout{position:relative;display:grid;grid-template-columns:minmax(380px,1fr) 320px;gap:30px;align-items:center;min-height:544px;padding-top:32px;padding-bottom:32px}.ref-hero-copy{max-width:470px}.ref-kicker{font-size:11px;letter-spacing:.15em;color:#4f836b;font-weight:800;margin:0 0 18px}.ref-hero h1{font-family:var(--heading);font-size:clamp(49px,5.3vw,72px);line-height:.99;font-weight:800;letter-spacing:-.052em;margin:0 0 18px;color:#153e36}.ref-hero h1 span{color:#79ad8b}.ref-hero-lead{font-size:17px;line-height:1.55;max-width:310px;color:#30564f;margin-bottom:22px}.ref-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ref-btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:44px;padding:11px 21px;border-radius:26px;font-size:12px;font-weight:700;transition:background .2s ease,color .2s ease;border:1px solid transparent;cursor:pointer}.ref-btn-dark{background:#255e50;color:#fff}.ref-btn-light{background:#fffffff0;color:#255e50;box-shadow:0 3px 10px #254b3e12}.ref-btn-light span{color:#39816a;font-size:10px}.ref-btn-outline{background:#fff;border-color:#dce9e2;color:#28594d}.ref-highlights{display:flex;gap:28px;margin-top:30px}.ref-highlights>div{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;color:#547169}.ref-highlights b{font-weight:700;color:#254e44}.ref-highlights svg,.appointment-icon svg,.ref-service-icon svg{stroke:#316c5b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.ref-highlights svg{width:29px;height:29px}.appointment-card{background:#d9eae2ed;border:1px solid #ffffffb8;padding:20px;border-radius:17px;box-shadow:0 12px 45px #1c40311e;scroll-margin-top:96px;backdrop-filter:blur(5px)}.appointment-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.appointment-heading h2{font-family:var(--heading);font-size:19px;line-height:1.13;margin:0 0 5px;color:#163e35;font-weight:800;letter-spacing:-.025em}.appointment-heading p{font-size:11px;color:#56746a;line-height:1.35;margin:0}.appointment-icon svg{width:30px;height:30px}.appointment-card form{display:grid;gap:5px}.appointment-card label{font-size:10px;font-weight:700;color:#3f6258;margin-top:3px}.appointment-card input,.appointment-card select{width:100%;height:36px;border:1px solid #d8e8df;border-radius:6px;background:#fff;color:#203e36;padding:0 10px;font-family:inherit;font-size:12px}.appointment-card input::placeholder{color:#8d9e98}.appointment-submit{width:100%;min-height:40px;margin-top:8px;border:0}.form-explainer{font-size:10px;line-height:1.4;color:#486b60;text-align:center;margin:5px 0 0}.ref-services{padding:34px 0 46px;background:white}.ref-section-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.ref-section-header h2{font-size:25px;line-height:1.15;margin:0 0 4px;font-weight:800;color:#163a34}.ref-section-header p{font-size:13px;color:#61766d;margin:0}.ref-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ref-service-card{min-height:168px;background:#f0f7f2;border-radius:12px;text-align:center;padding:17px 10px 15px;color:#173d35;transition:transform .2s ease,background .2s ease}.ref-service-card:hover{background:#e3f1e8;transform:translateY(-3px)}.ref-service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#dcefe3;margin:0 auto 10px}.ref-service-icon svg{width:29px;height:29px}.ref-service-card h3{font-family:var(--heading);font-size:13px;line-height:1.3;font-weight:800;margin:0 0 6px;color:#153b34;letter-spacing:-.02em}.ref-service-card p{font-size:11px;line-height:1.4;color:#607970;margin:0 auto;max-width:155px}.intro{background:#f0f7f2}.section{padding:78px 0}.intro h2,.section-heading h2,.clinic h2,.contact h2{font-family:var(--heading);font-weight:800;letter-spacing:-.045em;font-size:clamp(34px,3.5vw,52px)}.intro h2 em,.section-heading h2 em,.clinic h2 em{color:#70a483}.eyebrow{color:#668c78}.dot{background:#79ad8b}.values{margin-top:45px}.values p{font-family:var(--font)}.clinic{background:#fff}.clinic-image img{border-radius:16px}.clinic-caption{border-radius:8px 0 0 0}.clinic h2 em{color:#75a98a}.team{background:#f3f8f4}.doctor-grid:not(.team-extra){grid-template-columns:repeat(5,minmax(0,1fr))}.team-extra{grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-photo{aspect-ratio:4/5;height:auto;background:#e8f0e9;border-radius:12px;overflow:hidden}.doctor-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}.doctor-info h3{font-family:var(--heading);font-size:17px;font-weight:800}.contact{background:#235849}.contact h2 em{color:#b6dfc3}.btn-white{border-radius:24px}.treatment-page-head{background:#eef7f0}.treatment-page-head h1,.treatment-detail h2{font-family:var(--heading);font-weight:800}.treatment-page-head h1 em{color:#6c9f7c}.footer-brand img{max-width:142px}.footer-main{padding-top:55px;padding-bottom:55px}.footer-main .footer-mark{display:none}:focus-visible{outline:3px solid #f2943d;outline-offset:3px}
@media(max-width:1100px){.site-header nav{gap:17px}.ref-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-grid:not(.team-extra),.team-extra{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.nav-wrap{min-height:70px}.brand img{width:118px}.site-header nav{background:#fff}.ref-hero{min-height:0}.ref-hero-image{background-image:linear-gradient(90deg,#f2f8f4f5 0%,#f2f8f4c7 42%,#e3f1eb45 100%),url('assets/smile.jpg');background-size:auto 400px;background-position:65% top;background-repeat:no-repeat}.ref-hero-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch;min-height:0;padding-top:35px;padding-bottom:28px}.ref-hero-copy{min-height:340px;max-width:100%}.ref-kicker{font-size:10px;margin-bottom:15px}.ref-hero h1{font-size:clamp(42px,10vw,61px);max-width:430px}.ref-hero-lead{font-size:15px;max-width:265px}.ref-highlights{gap:16px;margin-top:24px}.ref-highlights svg{width:25px;height:25px}.ref-highlights>div{font-size:9px}.appointment-card{max-width:none}.appointment-card form{grid-template-columns:1fr 1fr;gap:7px 10px}.appointment-card form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.appointment-card form input,.appointment-card form select{height:42px}.appointment-submit,.form-explainer{grid-column:1/-1}.ref-services{padding:30px 0 38px}.ref-section-header h2{font-size:22px}.ref-section-header .ref-btn{font-size:11px;padding:8px 12px;min-height:38px}.ref-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-service-card{min-height:152px}.section{padding:62px 0}.intro h2,.section-heading h2,.clinic h2,.contact h2{font-size:clamp(30px,8vw,44px)}.doctor-grid:not(.team-extra),.team-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-info h3{font-size:15px}.footer-main{padding:45px 0}.ref-highlights>div:nth-child(3){display:none}}
@media(max-width:380px){.ref-hero h1{font-size:40px}.ref-highlights{gap:10px}.ref-service-card h3{font-size:12px}.appointment-card form{grid-template-columns:1fr}.appointment-submit,.form-explainer{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.ref-btn,.ref-service-card{transition:none}.ref-service-card:hover{transform:none}}
@media(max-width:760px){.appointment-card form{grid-template-columns:1fr;gap:5px}.appointment-card form label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.appointment-card form input,.appointment-card form select{height:38px}.appointment-submit,.form-explainer{grid-column:auto}}
/* Keep the entire source photograph visible in the hero. */
.ref-hero-image{background-color:#edf7f0;background-image:linear-gradient(90deg,#f3f9f5 0%,#f3f9f5e8 25%,transparent 43%,transparent 70%,#e5f1e9 88%),url('assets/smile.jpg');background-size:100% 100%,auto 100%;background-position:center center,56% center;background-repeat:no-repeat}
.contact-details a[href^="mailto:"]{font-size:clamp(14px,1.3vw,19px);white-space:nowrap}
@media(max-width:760px){.ref-hero-image{background-image:linear-gradient(90deg,#f2f8f4ef 0%,#f2f8f4c7 35%,#e3f1eb22 75%,#e3f1eb55 100%),url('assets/smile.jpg');background-size:100% 400px,auto 400px;background-position:center top,65% top;background-repeat:no-repeat}.contact-details a[href^="mailto:"]{white-space:normal;font-size:16px;overflow-wrap:anywhere}}

/* A soft light travels across the existing smile in the Vatan Dental logo. */
.site-header .brand,.footer-brand{position:relative;display:inline-block;line-height:0}
.site-header .brand::after,.footer-brand::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.82) 49%,transparent 63%);
  background-size:240% 100%;background-position:150% 0;
  -webkit-mask-image:url("assets/logo-alt.png");mask-image:url("assets/logo-alt.png");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  clip-path:polygon(27.2% 58.4%,31.4% 43%,32.2% 52.3%,38% 58.5%,46% 61.4%,54% 59.4%,60.5% 53.8%,63.2% 44%,65.1% 31%,66% 43%,68.4% 54%,64.2% 49%,60% 61.1%,53% 68.5%,46% 70%,38% 66%,31% 55.4%,29% 58.7%);
  animation:vatan-smile-light 5.5s ease-in-out infinite;
}
@keyframes vatan-smile-light{0%,16%{background-position:150% 0}58%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.site-header .brand::after,.footer-brand::after{display:none;animation:none}}