@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#202522;--muted:#727a75;--paper:#f7f7f3;--white:#fff;--brand:#6f8f83;--accent:#d8bfa5;--line:#e5e8e3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,247,243,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.04)}.wordmark{font-family:var(--serif);font-size:23px;line-height:1.1;letter-spacing:-.7px}.wordmark span{display:block;font:600 8px var(--sans);letter-spacing:2px;color:var(--muted);margin-top:7px}.main-nav{display:flex;align-items:center;gap:34px;font-size:12px}.main-nav a:not(.nav-cta){color:#555e58}.main-nav a:hover,.site-footer a:hover{color:var(--brand)}.nav-cta{padding:11px 18px;border:1px solid var(--ink);border-radius:30px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:calc(100vh - 82px);padding:10vh 6vw 35px;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:1fr auto;gap:35px 5vw}.hero-copy{align-self:center;max-width:570px;padding:30px 0}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;color:var(--brand);margin:0 0 24px}.hero h1{font:500 clamp(48px,6vw,84px)/1.08 var(--serif);letter-spacing:-2.5px;margin:0 0 25px;max-width:650px}.hero-sub{font-size:16px;color:var(--muted);max-width:390px;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:26px;background:var(--brand);color:white;border:0;border-radius:30px;padding:14px 22px;font:600 12px var(--sans);cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#526f64}.hero-image{min-height:570px;border-radius:3px;background:linear-gradient(145deg,#e8e9e1,#d7ddd5);background-size:cover;background-position:center;position:relative;overflow:hidden}.image-caption{position:absolute;bottom:22px;left:24px;color:#fff;font-size:10px;letter-spacing:1px;text-shadow:0 1px 8px #333}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#858c86;font-size:9px;letter-spacing:1.6px}.section-pad{padding:130px 10vw}.intro{text-align:center;background:#fff}.intro .eyebrow{margin-bottom:28px}.display{font:500 clamp(39px,5.4vw,70px)/1.15 var(--serif);letter-spacing:-1.7px;margin:0}.display em{color:var(--brand);font-weight:500}.intro-text{max-width:580px;margin:30px auto 0;color:var(--muted);font-size:16px}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#eef0e9}.split-image{padding:8vw;display:flex;align-items:center}.image-placeholder{width:100%;min-height:390px;background:linear-gradient(140deg,#e2e6df,#cbd5cc);display:grid;place-items:center;color:#718078;font-size:12px;letter-spacing:.5px;text-align:center;padding:25px}.split-copy{align-self:center;padding:8vw;max-width:600px}.split-copy h2{font:500 clamp(38px,4.5vw,58px)/1.15 var(--serif);margin:0 0 22px}.split-copy p:not(.eyebrow){color:var(--muted);max-width:410px}.text-link{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;border-bottom:1px solid var(--brand);padding-bottom:5px}.treatments{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:35px}.section-note{max-width:270px;color:var(--muted);font-size:13px}.treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 22px}.treatment-card-image{height:245px;background:#e8ebe5;display:grid;place-items:center;overflow:hidden}.treatment-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.treatment-card:hover img{transform:scale(1.045)}.treatment-card-image span{font:italic 42px var(--serif);color:#a4b1a7}.treatment-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.treatment-card h3{font:500 22px var(--serif);margin:0}.treatment-card-meta span{color:var(--brand)}.treatment-card p{font-size:12px;color:var(--muted);margin:5px 0 0}.doctor-section{display:grid;grid-template-columns:1fr 1fr;background:#e9eee9}.doctor-copy{padding:12vw 8vw;align-self:center}.doctor-copy p:not(.eyebrow){max-width:420px;color:var(--muted)}.doctor-image{padding:7vw;display:flex;align-items:center}.doctor-image .image-placeholder{min-height:500px;background:linear-gradient(145deg,#dce4dc,#bdcec2)}.quote-section{text-align:center;background:#fff}.quote-section .display{max-width:850px;margin:auto}.quote-section>p:last-child{color:var(--muted);margin-top:22px}.appointment{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#e9eee9}.appointment>div{align-self:center}.appointment>div>p:not(.eyebrow){color:var(--muted);max-width:370px}.contact-line{margin-top:35px;font-size:13px}.appointment-form{background:#fff;padding:38px;display:grid;gap:17px}.appointment-form label,.editor-form label,.login-card label{font-size:11px;font-weight:600;display:grid;gap:7px}.appointment-form input,.appointment-form textarea,.appointment-form select,.editor-form input:not([type=checkbox]):not([type=color]):not([type=file]),.editor-form textarea,.editor-form select,.login-card input{width:100%;padding:12px 13px;border:1px solid var(--line);background:#fff;font:13px var(--sans);color:var(--ink);border-radius:2px}.appointment-form textarea,.editor-form textarea{resize:vertical}.form-note{font-size:10px;color:var(--muted);margin:0}.site-footer{padding:55px 6vw;background:#202722;color:#f6f6f1;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer .wordmark span{color:#a9b2ab}.site-footer p,.site-footer small{font-size:10px;color:#b5beb7}.site-footer div{display:flex;gap:22px;font-size:11px}.detail-page{max-width:1100px;margin:auto;padding:110px 7vw 130px}.detail-page h1{max-width:850px}.detail-lead{font-size:18px;color:var(--muted);max-width:680px;margin:25px 0 55px}.detail-image{height:480px;background:#e3e9e3;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.prose{max-width:720px;margin:65px auto;font-size:16px;line-height:2;color:#535c56;white-space:normal}.detail-cta{padding:45px;background:#e9eee9;text-align:center}.detail-cta h2{font:500 32px var(--serif);margin:0 0 20px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* Admin */
.admin-body{background:#f3f5f2;min-height:100vh}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-sidebar{background:#202722;color:#fff;padding:32px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-sidebar .wordmark{font-size:21px}.admin-sidebar .wordmark span{color:#aeb8b0}.admin-sidebar nav{display:grid;gap:7px;margin-top:55px}.admin-sidebar nav a,.logout{font-size:12px;color:#c1c9c2;padding:12px 13px;border-radius:4px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#34433a;color:#fff}.logout{margin-top:auto}.admin-main{padding:55px clamp(25px,5vw,75px);max-width:1400px;width:100%}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.admin-top h1,.login-card h1{font:500 clamp(32px,4vw,48px) var(--serif);margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.admin-stats>div,.admin-panel{background:#fff;padding:25px;border:1px solid #e8ebe6}.admin-stats span,.admin-stats strong{display:block}.admin-stats span{font-size:11px;color:var(--muted)}.admin-stats strong{font:500 34px var(--serif);margin-top:7px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h2,.editor-form h2{font:500 24px var(--serif);margin:0 0 15px}.panel-heading a,.admin-row>a{font-size:11px;color:var(--brand);font-weight:700}.admin-row{padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:13px}.admin-row small{font-size:10px;color:var(--muted);margin-top:4px}.status{font-size:10px;color:var(--brand)}.admin-help{font-size:11px;color:var(--muted);margin-top:20px}.editor-form{display:grid;gap:19px;max-width:850px}.editor-form h2{margin:10px 0 0;padding-top:15px;border-top:1px solid var(--line)}.editor-form small{font-size:10px;color:var(--muted);font-weight:400}.editor-form input[type=file]{font-size:11px}.editor-form input[type=color]{width:65px;height:42px;border:0;background:none}.colour-fields{display:flex;gap:40px}.check-label{display:flex!important;align-items:center;gap:10px}.form-actions{display:flex;align-items:center;gap:20px}.admin-preview{max-width:300px;max-height:180px;object-fit:cover}.login-card{background:#fff;width:min(460px,calc(100% - 32px));margin:9vh auto;padding:42px;box-shadow:0 15px 60px rgba(30,50,35,.06)}.login-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.login-card form{display:grid;gap:18px;margin:30px 0}.notice{padding:13px 15px;font-size:12px;margin:15px 0}.notice.error{background:#fff0ed;color:#9a3b2b}.notice.success{background:#edf7ef;color:#315e3c}.enquiry{padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.enquiry p{margin:7px 0;color:#5e675f}.enquiry-top{display:flex;justify-content:space-between}.enquiry-top small{color:var(--muted)}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-image{min-height:420px}.hero-bottom{margin-top:5px}.split-section,.doctor-section,.appointment{grid-template-columns:1fr}.split-image,.doctor-image{padding:8vw}.split-copy,.doctor-copy{padding:10vw}.doctor-image .image-placeholder{min-height:390px}.treatment-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.appointment{gap:40px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;padding:20px;display:block}.admin-sidebar nav{display:flex;flex-wrap:wrap;margin-top:20px}.logout{display:inline-block;margin-top:10px}.admin-main{padding:30px 20px}}
@media(max-width:600px){.site-header{height:72px;padding:0 5vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px 6vw;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:18px;flex-direction:column}.main-nav.is-open{display:flex}.hero{padding:55px 6vw 25px}.hero h1{font-size:49px}.hero-image{min-height:350px}.hero-bottom{font-size:8px}.section-pad{padding:85px 7vw}.display{font-size:43px}.split-image,.doctor-image{padding:7vw}.split-copy,.doctor-copy{padding:12vw 8vw}.treatment-grid{grid-template-columns:1fr;gap:30px}.treatment-card-image{height:250px}.appointment-form{padding:24px}.site-footer{padding:40px 7vw;display:grid}.site-footer div{flex-wrap:wrap}.detail-page{padding:75px 7vw}.detail-image{height:300px}.admin-stats{grid-template-columns:1fr}.admin-top{align-items:flex-start;flex-direction:column}.admin-row{grid-template-columns:1fr auto;gap:8px}.admin-row .status{grid-column:1}.admin-row>a{grid-column:2;grid-row:1/3}.login-card{padding:28px}.colour-fields{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
