/*
Theme Name: Burien Dental Implants
Author: Caring Hands Dental
Description: Implant landing page with responsive treatment option cards and premium 3D illustrations.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: burien-dental-implants
*/

:root{--ink:#042351;--cream:#ffffff;--muted:#53667d;--lime:#e7f8fc;--line:#d9e7f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c59745;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6.7vw,88px);letter-spacing:-3px}h2{font-size:clamp(36px,4vw,54px);letter-spacing:-1.5px}h3{font-size:21px;line-height:1.3}.wrap{max-width:1250px;margin:auto;padding:0 42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:22px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:15px 22px;font-size:14px;font-weight:600;transition:.2s}.btn:hover{background:#0465d9;transform:translateY(-2px)}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.textlink{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding:6px 0;font-size:14px}.topline{background:var(--ink);color:#e7f8fc;text-align:center;font-size:11px;letter-spacing:1px;padding:9px}header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{border:1px solid var(--ink);height:42px;width:42px;border-radius:50%;display:grid;place-items:center;font:25px Georgia}.brand strong{font:22px Georgia}.brand small{display:block;font-size:9px;letter-spacing:2.3px;text-transform:uppercase}.navlinks{display:flex;gap:28px;font-size:13px}.hero{padding:60px 0 55px}.herogrid{display:grid;grid-template-columns:1.04fr 1fr;gap:70px;align-items:center}.hero h1 em{color:#0465d9;font-weight:400}.hero p{max-width:440px;color:var(--muted);margin:24px 0 30px;font-size:17px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.heroimg{position:relative;height:550px}.heroimg img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:140px 8px 8px 8px}.photolabel{position:absolute;right:16px;bottom:12px;font-size:10px;color:white;text-shadow:0 1px 5px black}.float{position:absolute;bottom:36px;left:-30px;width:242px;background:var(--cream);border:1px solid var(--line);border-radius:5px;padding:19px 24px;box-shadow:0 10px 40px #12342c12}.float .serif{font-size:24px;margin-bottom:7px}.float p{font-size:12px;margin:0}.heronote{font-size:11px;color:var(--muted);margin-top:24px}.trustbar{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:12px}.trustbar span:before{content:'✦';margin-right:10px;color:#1fadd7}.section{padding:100px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.intro p{color:var(--muted);padding-top:32px;font-size:17px}.options{background:#f4f9fc}.sectiontop{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.sectiontop p{max-width:360px;color:var(--muted)}.explorer{display:grid;grid-template-columns:310px 1fr;background:var(--cream);border-radius:8px;overflow:hidden;border:1px solid var(--line)}.tabs{padding:22px;border-right:1px solid var(--line)}.tab{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:23px 20px;color:var(--ink);border-radius:4px}.tab small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.tab[aria-selected=true]{background:var(--ink);color:white}.tab[aria-selected=true] small{color:#e7f8fc}.panel{padding:48px 50px;display:grid;grid-template-columns:1fr 175px;gap:35px;align-items:center}.panel h3{font:32px Georgia;margin-bottom:17px}.panel p{color:var(--muted);margin-bottom:22px}.panel ul{padding-left:18px;font-size:13px;line-height:2}.toothdrawing{height:205px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.crown{width:80px;height:65px;border-radius:30px 30px 15px 15px;background:linear-gradient(120deg,#fff,#d9e1d5);border:1px solid #bcc9b9;box-shadow:0 10px 20px #04235110;z-index:2}.implant{height:110px;width:28px;background:repeating-linear-gradient(-15deg,#819c93 0 6px,#bacbc4 7px 12px);border-radius:4px 4px 18px 18px}.toothdrawing:after{content:'Illustrative implant';font-size:10px;color:var(--muted);position:absolute;bottom:0}.optionnote{font-size:11px;color:var(--muted);margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:48px}.step{border-top:1px solid var(--ink);padding-top:20px}.number{font:42px Georgia;color:#1fadd7;margin-bottom:20px}.step p{color:var(--muted);font-size:14px;margin-top:14px}.doctor{background:var(--ink);color:var(--cream)}.doctorgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.monogram{background:#125e9a;border:1px solid #1fadd7;height:320px;display:grid;place-items:center;position:relative;border-radius:140px 140px 6px 6px}.monogram span{font:100px Georgia;color:#e7f8fc}.monogram small{position:absolute;bottom:26px;font-size:10px;letter-spacing:2px}.doctor p{color:#d9e7f0;margin:25px 0}.credentials{display:flex;flex-wrap:wrap;gap:10px}.credentials span{font-size:11px;border:1px solid #125e9a;border-radius:40px;padding:8px 13px}.faqlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary:after{content:'+';font-size:22px}details[open] summary:after{content:'−'}details p{padding:17px 26px 0 0;color:var(--muted);font-size:14px}.contact{background:var(--lime);padding:70px 0}.contactgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact p{margin:20px 0 25px;color:#53667d}.contactinfo{border-left:1px solid #a9d9ed;padding-left:50px}.contactinfo .phone{font:32px Georgia}.contactinfo address{font-style:normal;margin:18px 0;font-size:14px}.contactinfo small{display:block;margin-top:16px}footer{padding:40px 0 28px;font-size:11px;color:var(--muted)}.footerrow{display:flex;justify-content:space-between;gap:25px}.legal{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:10px}.mobilecall{display:none}@media(max-width:950px){.wrap{padding:0 24px}.navlinks{display:none}.herogrid{gap:30px}h1{letter-spacing:-2px}.heroimg{height:460px}.float{left:-15px;width:205px}.intro,.doctorgrid,.faqlayout{gap:40px}.panel{padding:30px;grid-template-columns:1fr}.toothdrawing{display:none}.explorer{grid-template-columns:270px 1fr}.contactgrid{gap:35px}.contactinfo{padding-left:28px}}@media(max-width:650px){nav{height:75px}.brand strong{font-size:18px}nav>.btn{padding:10px 13px;font-size:11px}.topline{font-size:9px}.hero{padding-top:36px}.herogrid,.intro,.doctorgrid,.faqlayout,.contactgrid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:55px}.heroimg{height:420px;margin-left:15px}.hero p{font-size:15px}.heroimg img{border-top-left-radius:100px}.float{bottom:25px}.trustbar{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px}.section{padding:65px 0}.intro p{padding-top:0}.sectiontop{display:block}.sectiontop p{margin-top:22px}.explorer{display:block}.tabs{display:flex;gap:5px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.tab{padding:12px 8px;font-size:11px;border:0}.tab small{display:none}.panel{padding:30px 25px}.panel h3{font-size:28px}.steps{grid-template-columns:1fr;gap:28px}.step{display:grid;grid-template-columns:50px 1fr;gap:20px}.step p{grid-column:2;margin-top:-10px}.number{font-size:32px;margin:0}.monogram{height:250px}.contactinfo{border-left:0;border-top:1px solid #a9d9ed;padding:25px 0 0}.footerrow{flex-direction:column}footer{padding-bottom:90px}.mobilecall{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--ink);color:white;justify-content:center;padding:15px;gap:15px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.clinicmark{width:46px;height:46px;object-fit:contain}.heroimg img{border-radius:24px;object-fit:contain;background:#011536}.heroimg{height:550px;border-radius:24px;background:#011536;box-shadow:0 22px 60px #01153620}.float{left:-25px;bottom:25px}.hero{background:linear-gradient(140deg,#ffffff 40%,#e7f8fc 100%)}.btn{background:#0465d9;border-color:#0465d9;border-radius:14px}.btn:hover{background:#042351}.heroimg .photolabel{right:15px;bottom:8px}.contact{background:linear-gradient(115deg,#e7f8fc,#f4f9fc)}.monogram{background:linear-gradient(145deg,#125e9a,#011536);border-color:#1fadd7}.options{background:#f4f9fc}header{background:#ffffffed}.hero h1 em{color:#0465d9}@media(max-width:650px){.heroimg{height:auto;aspect-ratio:1/1;margin-left:0}.heroimg img{border-radius:24px}.float{left:12px;bottom:27px;width:200px;padding:13px 17px}.float .serif{font-size:21px}.clinicmark{width:38px;height:38px}}

.explorer{display:block;background:transparent;border:0;overflow:visible}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;border:0;margin-bottom:28px}.tab.optioncard{position:relative;background:white;border:1px solid #d9e7f0;border-radius:20px;padding:22px 24px 24px;text-align:left;color:#042351;transition:border-color .2s,box-shadow .2s,transform .2s}.optioncard:hover{transform:translateY(-4px);box-shadow:0 14px 35px #04235110}.tab.optioncard[aria-selected=true]{background:white;border:2px solid #0465d9;box-shadow:0 14px 35px #0465d91a;padding:21px 23px 23px}.optionnum{display:block;font-size:11px;letter-spacing:2px;color:#53667d}.optioncard img{display:block;width:100%;height:210px;object-fit:contain;margin:0 auto 12px}.cardtitle{display:block;font:29px Georgia}.tab.optioncard small{display:block;color:#53667d;font-size:13px;margin:8px 0 24px}.cardaction{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9e7f0;padding-top:17px;font-size:12px;color:#0465d9;font-weight:700}.cardaction span{font-size:20px}.panel{background:white;border:1px solid #d9e7f0;border-radius:20px;grid-template-columns:1fr 280px;padding:38px 45px;gap:40px}.treatmentvisual{border-radius:15px;background:linear-gradient(140deg,#e7f8fc,#f4f9fc);text-align:center;padding:15px}.treatmentvisual img{display:block;width:100%;height:230px;object-fit:contain}.treatmentvisual span{font-size:10px;color:#53667d}.optionnote{margin-top:20px}@media(max-width:950px){.tabs{gap:12px}.tab.optioncard{padding:18px}.tab.optioncard[aria-selected=true]{padding:17px}.cardtitle{font-size:24px}.optioncard img{height:170px}.panel{grid-template-columns:1fr 210px;padding:30px;gap:20px}}@media(max-width:650px){.tabs{display:grid;grid-template-columns:1fr;gap:14px}.tab.optioncard{display:grid;grid-template-columns:105px 1fr;column-gap:20px;padding:18px}.tab.optioncard[aria-selected=true]{padding:17px}.optionnum{position:absolute;top:16px;right:18px;font-size:9px}.optioncard img{grid-row:1/4;width:105px;height:125px;margin:0;align-self:center}.cardtitle{font-size:25px;margin-top:16px;padding-right:20px}.tab.optioncard small{font-size:12px;margin:6px 0 10px}.cardaction{padding-top:8px;font-size:11px}.panel{grid-template-columns:1fr;padding:26px}.treatmentvisual{order:-1}.treatmentvisual img{height:180px}}

.optioncard img{height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#011536;margin:12px auto 22px}.treatmentvisual{background:#011536;padding:0 0 12px;overflow:hidden}.treatmentvisual img{height:auto;aspect-ratio:1;object-fit:contain}.treatmentvisual span{color:#d9e7f0}.panel{grid-template-columns:1fr 300px}@media(max-width:950px){.panel{grid-template-columns:1fr 240px}}@media(max-width:650px){.optioncard img{width:105px;height:125px;aspect-ratio:auto;object-fit:contain;margin:0}.panel{grid-template-columns:1fr}.treatmentvisual img{height:auto;max-height:300px}}

body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}