/* Theme Name: Pioneer Dental Atelier
Version: 1.0 */
:root{--ink:#173f40;--teal:#246b69;--cream:#f8f6ef;--line:#d9e2dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 Arial,sans-serif}a{color:inherit}header{padding:22px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}a{text-decoration:none}.brand{font:32px Georgia,serif}.brand small{display:block;font:10px Arial;letter-spacing:3px;text-transform:uppercase}nav{display:flex;gap:26px;align-items:center;font-size:14px}.button{display:inline-block;background:var(--ink);color:white;padding:15px 25px;border-radius:4px;font-size:14px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:bold;color:var(--teal)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(44px,6.8vw,88px);margin:25px 0}h2{font-size:clamp(34px,4vw,54px);margin:16px 0 26px}h3{font-size:27px}p{max-width:740px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:75px 6% 85px;align-items:center}.hero p{max-width:520px;color:#52706c}.hero-art{min-height:460px;border-radius:220px 220px 14px 14px;background:#dce8de;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #a9c5b6;width:320px;height:420px;border-radius:50%;transform:rotate(28deg)}.hero-art:after{transform:rotate(-28deg)}.hero-art span{font:italic 66px/1.2 Georgia;text-align:center;z-index:1}.hero-art small{font:11px Arial;letter-spacing:3px;display:block;margin-top:25px;text-transform:uppercase}.strip{padding:24px 6%;display:flex;justify-content:space-between;background:var(--ink);color:white;font-size:13px}.section{padding:85px 6%}.white{background:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{border:1px solid var(--line);padding:30px;background:white;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card p{font-size:15px;color:#52706c}.card .number{font-size:12px;letter-spacing:2px;color:var(--teal)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.quote{font:italic 38px/1.4 Georgia;padding:45px;background:#e5ece3;border-radius:5px}.contact{background:var(--ink);color:white}.contact .eyebrow{color:#b8d5c5}.contact .button{background:#e9edda;color:var(--ink)}footer{padding:35px 6%;font-size:12px;display:flex;justify-content:space-between}article{max-width:900px;margin:auto;padding:75px 6%}article h1{font-size:60px}.mobile-call{display:none}@media(max-width:760px){header{align-items:flex-start}.brand{font-size:25px}nav{gap:12px;flex-wrap:wrap;max-width:160px;font-size:12px}nav .button{display:none}.hero,.split{grid-template-columns:1fr}.hero{padding-top:40px}.hero-art{min-height:320px;margin-top:25px}.hero-art span{font-size:48px}.strip{gap:15px;flex-wrap:wrap}.grid{grid-template-columns:1fr}.section{padding:55px 6%}article h1{font-size:42px}footer{display:block;padding-bottom:80px}.mobile-call{display:block;position:fixed;bottom:0;background:var(--ink);color:#fff;text-align:center;width:100%;padding:12px;z-index:5}}
.contact.split{grid-template-columns:1fr 1fr 1.1fr;gap:4%;align-items:start}.contact h2{font-size:clamp(32px,3vw,46px)}.contact h3{margin-top:0}.office-map{min-width:0}.office-map iframe{display:block;width:100%;height:310px}@media(max-width:900px){.contact.split{grid-template-columns:1fr}.office-map{margin-top:24px}}
.treatment-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.treatment-directory .card h3{font-size:24px}.treatment-directory .card span{font-size:13px}@media(max-width:650px){.treatment-directory{grid-template-columns:1fr}}
/* Custom homepage portrait */
.hero-art{height:500px;min-height:0;background:#eeeae0}.hero-art:before,.hero-art:after{display:none}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}@media(max-width:760px){.hero-art{height:380px;margin-top:12px;border-radius:180px 180px 14px 14px}}

.care-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin:0 0 24px}.card:has(.care-photo){padding-top:24px}

/* Shared treatment imagery */
article{display:flow-root}article .treatment-photo{float:right;width:44%;height:auto;margin:8px 0 28px 36px;border-radius:14px;aspect-ratio:3/2;object-fit:cover}article>p:last-child{clear:both}
/* Full-width photographic hero */
.hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:620px;padding:74px 6%;background:#f8f6ef}.hero>div:first-child{position:relative;z-index:2;width:50%;max-width:650px}.hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.08}.hero .hero-art{position:absolute;z-index:0;inset:0 0 0 auto;width:69%;height:100%;margin:0;border-radius:0;background:none;overflow:hidden}.hero .hero-art img{object-fit:cover;object-position:50% 40%}.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#f8f6ef 0%,#f8f6ef 31%,rgba(248,246,239,.96) 40%,rgba(248,246,239,.65) 49%,rgba(248,246,239,0) 63%);pointer-events:none}
@media(max-width:760px){article .treatment-photo{float:none;width:100%;margin:0 0 24px}.hero{padding:40px 6% 360px;min-height:0}.hero>div:first-child{width:100%;max-width:none}.hero h1{font-size:44px}.hero .hero-art{inset:auto 0 0;width:100%;height:360px}.hero .hero-art img{object-position:center 38%}.hero:after{background:linear-gradient(to bottom,#f8f6ef 0%,rgba(248,246,239,0) 35%);inset:auto 0 260px;height:100px}}

/* Compact homepage hero */
@media(min-width:761px){.hero{min-height:500px;padding-top:38px;padding-bottom:38px}.hero h1{margin:18px 0}.hero .hero-art img{object-position:50% 32%}}
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:300px}.hero .hero-art{height:300px}.hero:after{bottom:200px}.hero h1{margin:18px 0}}
