@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#f7fbfc;--paper:#ffffff;--ink:#102a33;--muted:#667b82;--line:#d7e5e8;--teal:#118f8a;--teal2:#0d7773;--blue:#3d78b8;--soft:#e9f5f5;--sans:"DM Sans",Arial,sans-serif;--head:"Manrope",Arial,sans-serif;--ease:cubic-bezier(.2,.78,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.site-header{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:17px 3.4vw;background:rgba(247,251,252,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid #a7cfd0;border-radius:12px;display:grid;place-items:center;font:700 17px var(--head);color:var(--teal2);background:white}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy strong{font:700 14px var(--head);letter-spacing:.12em}.brand-copy small{font-size:8px;letter-spacing:.27em;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;gap:25px}.desktop-nav a,.header-cta{font-size:12px;font-weight:600}.desktop-nav a:hover{color:var(--teal)}.header-cta,.btn-primary{background:var(--teal2);color:white;padding:13px 18px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-weight:700}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px;align-self:flex-start}
main{padding:28px 3.4vw 64px}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;min-height:620px;align-items:stretch}.hero-copy{background:linear-gradient(180deg,#f0f8f8,#eaf5f5);padding:42px;display:flex;flex-direction:column;justify-content:center;border-radius:30px}.hero-copy h1,.page-intro h1,.booking-copy h1,.smile-copy h1,.about-copy h1,.contact-copy h1,.treatment-detail-copy h1,.doctor-detail-copy h1{font:700 clamp(48px,5.7vw,82px)/.94 var(--head);letter-spacing:-.04em;margin:0 0 18px}.hero-copy p,.page-intro p,.booking-copy p,.smile-copy p,.about-copy p,.contact-copy p,.treatment-detail-copy p,.doctor-detail-copy p{color:var(--muted);line-height:1.65;max-width:620px}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:24px}.hero-visual{position:relative;padding:12px;background:white;border-radius:30px}.hero-image{background-image:url('https://images.unsplash.com/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=1800&q=90');min-height:100%;border-radius:24px}.hero-hours{position:absolute;right:28px;bottom:28px;background:rgba(255,255,255,.94);padding:18px 20px;border-radius:16px;box-shadow:0 14px 35px rgba(16,42,51,.12);display:flex;flex-direction:column;gap:6px}.hero-hours strong{font:700 14px var(--head)}.hero-hours span{font-size:11px;color:var(--muted)}
.care-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:28px 0 72px;border-radius:18px;overflow:hidden}.care-ribbon>div{background:white;padding:20px}.care-ribbon strong{display:block;font:700 15px var(--head)}.care-ribbon span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.treatment-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start;margin-bottom:74px}.feature-copy{padding-top:18px}.feature-copy h2,.practice-copy h2,.dentist-intro h2,.smile-consult h2{font:700 clamp(38px,4.6vw,64px)/.98 var(--head);letter-spacing:-.03em;margin:0 0 14px}.feature-copy p,.practice-copy p,.dentist-intro p,.smile-consult p{color:var(--muted);line-height:1.65}.treatment-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.treatment-panel{background:white;padding:10px;border-radius:22px}.treatment-panel.offset{margin-top:54px}.panel-image{height:280px;background-size:cover;background-position:center;border-radius:16px}.general{background-image:url('https://images.unsplash.com/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=1300&q=90')}.cosmetic{background-image:url('https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1300&q=90')}.ortho{background-image:url('https://images.unsplash.com/photo-1609840114035-3c981b782dfe?auto=format&fit=crop&w=1300&q=90')}.implants{background-image:url('https://images.unsplash.com/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1300&q=90')}.emergency{background-image:url('https://images.unsplash.com/photo-1581585099402-5b7a74f7ecaa?auto=format&fit=crop&w=1300&q=90')}.treatment-panel>div:last-child{padding:14px 4px 4px}.treatment-panel strong{display:block;font:700 22px var(--head)}.treatment-panel span{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.practice-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;margin-bottom:74px}.practice-photo{padding:10px;background:white;border-radius:26px}.practice-image{background-image:url('https://images.unsplash.com/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1600&q=90');min-height:520px;border-radius:20px}.practice-copy{background:linear-gradient(180deg,#eaf5f5,#f4fafa);padding:36px;border-radius:26px;display:flex;flex-direction:column;justify-content:center}
.dentist-stage{margin-bottom:74px}.dentist-intro{max-width:760px;margin-bottom:22px}.dentist-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dentist-card{background:white;padding:10px;border-radius:22px}.dentist-photo{height:390px;background-size:cover;background-position:center;border-radius:16px}.amelia{background-image:url('https://images.unsplash.com/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=1300&q=90')}.julian{background-image:url('https://images.unsplash.com/photo-1537368910025-700350fe46c7?auto=format&fit=crop&w=1300&q=90')}.samira{background-image:url('https://images.unsplash.com/photo-1594824476967-48c8b964273f?auto=format&fit=crop&w=1300&q=90')}.dentist-card>div:last-child{padding:14px 4px}.dentist-card strong{display:block;font:700 21px var(--head)}.dentist-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.smile-consult{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:34px;background:linear-gradient(135deg,#0f7d79,#1d9e98);color:white;border-radius:26px}.smile-consult p{color:#d9f0ef}.smile-consult>div{max-width:760px}
.page-intro{max-width:980px;padding:22px 0 38px}.treatment-list{display:grid;gap:18px}.treatment-row{display:grid;grid-template-columns:420px 1fr;gap:22px;background:white;padding:10px;border-radius:24px;align-items:center}.treatment-row.reverse{grid-template-columns:1fr 420px}.treatment-row.reverse .row-image{order:2}.row-image{height:270px;background-size:cover;background-position:center;border-radius:18px}.treatment-row>div:last-child{padding:22px}.treatment-row strong{font:700 34px/1.05 var(--head)}.treatment-row p{color:var(--muted);line-height:1.55}.treatment-row span{font-size:11px;color:var(--teal2);font-weight:700}
.doctor-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.doctor-profile{background:white;padding:10px;border-radius:24px}.doctor-profile.stagger{margin-top:58px}.profile-img{height:500px;background-size:cover;background-position:center;border-radius:18px}.doctor-profile>div:last-child{padding:15px 5px}.doctor-profile strong{font:700 24px var(--head)}.doctor-profile span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.booking-layout,.smile-layout,.about-stage,.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:start}.booking-copy,.smile-copy,.about-copy,.contact-copy{background:linear-gradient(180deg,#eff8f8,#f7fbfb);padding:34px;border-radius:26px}.booking-form,.smile-copy form{background:white;padding:28px;border-radius:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-form label,.smile-copy label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700}.booking-form input,.booking-form select,.booking-form textarea,.smile-copy select{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.wide{width:100%}.form-status{margin-top:12px;color:var(--muted);font-size:12px}
.smile-photo,.about-photo,.contact-photo{padding:10px;background:white;border-radius:24px}.smile-image{background-image:url('https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1600&q=90');min-height:590px;border-radius:18px}.about-image{background-image:url('https://images.unsplash.com/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1600&q=90');min-height:560px;border-radius:18px}.contact-image{background-image:url('https://images.unsplash.com/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=1600&q=90');min-height:560px;border-radius:18px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:24px;border-radius:20px;overflow:hidden}.about-principles div{background:white;padding:24px;min-height:160px}.about-principles strong{display:block;font:700 22px var(--head)}.about-principles span{display:block;color:var(--muted);font-size:11px;margin-top:8px}.contact-lines{margin:24px 0}.contact-lines div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.contact-lines span{color:var(--muted)}
.treatment-detail,.doctor-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.treatment-detail-image,.doctor-detail-image{padding:10px;background:white;border-radius:24px}.treatment-detail-copy,.doctor-detail-copy{background:linear-gradient(180deg,#eef8f8,#f7fbfb);padding:34px;border-radius:24px;display:flex;flex-direction:column;justify-content:center}.detail-media{min-height:610px;background-size:cover;background-position:center;border-radius:18px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:22px 0;border-radius:14px;overflow:hidden}.detail-meta div{background:white;padding:14px}.detail-meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.detail-meta strong{font-size:12px}.doctor-focus{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:22px 0}.doctor-focus span{background:white;padding:12px;font-size:11px}
.site-footer{padding:34px 3.4vw 44px;border-top:1px solid var(--line);background:#0e3140;color:white;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.site-footer>div{display:flex;flex-direction:column;gap:8px}.site-footer span,.site-footer a{font-size:11px;color:#b9cbd0}.footer-brand strong{font:700 16px var(--head);letter-spacing:.06em}
.media{background-size:cover;background-position:center;--py:0px;background-position:center calc(50% + var(--py))}
.reveal-block,.reveal-item{opacity:0;transform:translateY(14px)}.is-visible{opacity:1!important;transform:none!important;transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-item:nth-child(2).is-visible{transition-delay:.06s}.reveal-item:nth-child(3).is-visible{transition-delay:.12s}
.frame-left,.frame-right,.frame-top,.frame-bottom,.frame-corner,.frame-diagonal{position:relative}.frame-left:before,.frame-right:before,.frame-top:before,.frame-bottom:before,.frame-corner:before,.frame-diagonal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(17,143,138,.22);border-radius:inherit;pointer-events:none;transition:transform .85s var(--ease),inset .85s var(--ease)}.frame-left:before{transform:translateX(-20px) scaleX(.94)}.frame-right:before{transform:translateX(20px) scaleX(.94)}.frame-top:before{transform:translateY(-20px) scaleY(.94)}.frame-bottom:before{transform:translateY(20px) scaleY(.94)}.frame-corner:before{transform:translate(16px,-16px) scale(.94)}.frame-diagonal:before{transform:translate(-16px,16px) scale(.94) rotate(-.7deg)}.frame-left.is-visible:before,.frame-right.is-visible:before,.frame-top.is-visible:before,.frame-bottom.is-visible:before,.frame-corner.is-visible:before,.frame-diagonal.is-visible:before{transform:none;inset:12px}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.site-header{grid-template-columns:1fr auto}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:100%;left:18px;right:18px;background:white;border:1px solid var(--line);padding:18px;flex-direction:column;border-radius:16px}.hero,.treatment-feature,.practice-stage,.booking-layout,.smile-layout,.about-stage,.contact-layout,.treatment-detail,.doctor-detail{grid-template-columns:1fr}.care-ribbon,.dentist-rail,.about-principles{grid-template-columns:1fr 1fr}.treatment-row,.treatment-row.reverse{grid-template-columns:300px 1fr}.treatment-row.reverse .row-image{order:0}.doctor-gallery{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:18px 20px 50px}.site-header{padding:16px 20px}.hero-copy{padding:30px}.hero-copy h1,.page-intro h1,.booking-copy h1,.smile-copy h1,.about-copy h1,.contact-copy h1,.treatment-detail-copy h1,.doctor-detail-copy h1{font-size:48px}.care-ribbon,.dentist-rail,.about-principles,.doctor-gallery{grid-template-columns:1fr}.treatment-gallery{grid-template-columns:1fr}.treatment-panel.offset,.doctor-profile.stagger{margin-top:0}.treatment-row,.treatment-row.reverse{grid-template-columns:1fr}.row-image{height:240px}.smile-consult{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.site-footer{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-block,.reveal-item{opacity:1!important;transform:none!important}.frame-left:before,.frame-right:before,.frame-top:before,.frame-bottom:before,.frame-corner:before,.frame-diagonal:before{transform:none!important;inset:12px!important;transition:none!important}}