*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0D1F3C;--navy-mid:#1A3358;--navy-light:#2A4A70;
  --slate:#4A6FA5;--slate-light:#7A9CC8;--silver:#B8C8D8;
  --off-white:#F4F7FA;--white:#FFFFFF;--text-muted:#8A9BB0;
  --accent:#C8A96E;--accent-soft:#F0E4C8;
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',sans-serif;
}
body{font-family:var(--sans);background:var(--off-white);color:var(--navy);font-size:15px;line-height:1.7;}

/* NAV */
nav{background:var(--navy);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100;}
.nav-left{display:flex;align-items:center;gap:20px;}
.nav-logo{font-family:var(--serif);color:var(--white);font-size:20px;text-decoration:none;}
.nav-logo span{color:var(--accent);}
.nav-affil{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;}
.nav-links{display:flex;gap:4px;list-style:none;}
.nav-links a{color:var(--silver);text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;padding:6px 11px;border-radius:4px;}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.07);}
.nav-links a.active{color:var(--white);background:rgba(255,255,255,.1);}

/* SHARED */
.s-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:12px;}
.s-title{font-family:var(--serif);font-size:34px;line-height:1.2;color:var(--navy);margin-bottom:16px;}
.s-intro{color:#5A6E85;max-width:560px;line-height:1.8;margin-bottom:40px;}
.ph{background:#EAF1F9;border-radius:10px;border:2px dashed #B8CDE0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.ph-dark{background:#1A3358;border:2px dashed var(--navy-light);}
.ph .ph-icon{font-size:24px;opacity:.4;}
.ph .ph-label{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.5;}
.ph-dark .ph-label{color:var(--slate-light);}

footer{background:#07121F;padding:24px 48px;display:flex;align-items:flex-start;justify-content:space-between;}
.f-name{font-family:var(--serif);color:var(--text-muted);font-size:14px;}
.f-affil{font-size:12px;color:#3A5070;margin-top:4px;}
.f-disclaimer{font-size:11px;color:#3A5070;margin-top:10px;max-width:560px;line-height:1.6;}

/* ===== HOME ===== */
.hero{background:var(--navy);padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.hero-eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;}
.hero h1{font-family:var(--serif);font-size:44px;line-height:1.15;color:var(--white);margin-bottom:24px;}
.hero h1 em{font-style:italic;color:var(--slate-light);}
.hero-sub{color:var(--silver);font-size:15px;line-height:1.85;max-width:420px;margin-bottom:36px;}
.hero-card{background:var(--navy-mid);border-radius:12px;padding:36px;border:1px solid var(--navy-light);}
.hero-card-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin-bottom:24px;}
.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.stat-box{background:var(--navy);border-radius:8px;padding:18px;border:1px solid var(--navy-light);}
.stat-num{font-family:var(--serif);font-size:28px;color:var(--white);line-height:1;margin-bottom:5px;}
.stat-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em;}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;}
.tag{background:var(--navy-light);color:var(--slate-light);font-size:11px;padding:5px 12px;border-radius:100px;}
.home-intro{background:var(--white);padding:64px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.home-intro-text p{color:#4A5E72;line-height:1.9;font-size:15px;margin-bottom:16px;}
.home-intro-text p:last-child{margin-bottom:0;}
.home-cards{background:var(--off-white);padding:56px 48px;}
.home-cards h2{font-family:var(--serif);font-size:28px;color:var(--navy);margin-bottom:32px;}
.nav-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.nav-card{background:var(--white);border:1px solid #D8E4EF;border-radius:12px;padding:28px;transition:all .2s;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;}
.nav-card:hover{border-color:var(--slate);transform:translateY(-2px);box-shadow:0 4px 20px rgba(13,31,60,.08);}
.nav-card-icon{font-size:24px;}
.nav-card-title{font-size:16px;font-weight:500;color:var(--navy);}
.nav-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6;}
.nav-card-link{font-size:12px;color:var(--slate);font-weight:500;letter-spacing:.04em;margin-top:4px;}

/* ===== ABOUT ===== */
.about-section{background:var(--white);padding:72px 48px;}
.about-top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:48px;}
.about-text p{color:#4A5E72;line-height:1.9;margin-bottom:18px;font-size:15px;}
.about-text p:last-child{margin-bottom:0;}
.swim-note{font-size:13px;color:var(--text-muted);border-left:2px solid #D8E4EF;padding-left:14px;margin-top:8px;font-style:italic;}
.hobby-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hobby-photo{aspect-ratio:4/3;}

/* ===== INTERESTS ===== */
.interests-hero{background:var(--navy);padding:72px 48px;}
.interests-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.interests-cards{display:flex;flex-direction:column;gap:16px;}
.interest-card{background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:10px;padding:24px;display:flex;gap:16px;}
.i-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px;}
.i-title{font-size:14px;font-weight:500;color:var(--white);margin-bottom:6px;}
.i-desc{font-size:13px;color:var(--text-muted);line-height:1.65;}
.clinical-photo{width:100%;aspect-ratio:3/4;}

/* ===== JOURNEY ===== */
.journey-section{background:var(--off-white);padding:72px 48px;}
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.timeline{display:flex;flex-direction:column;position:relative;}
.timeline::before{content:'';position:absolute;left:15px;top:8px;bottom:8px;width:1px;background:#D0DCE8;}
.tl-item{display:flex;gap:24px;padding-bottom:32px;position:relative;}
.tl-dot{width:32px;height:32px;border-radius:50%;background:var(--navy);border:3px solid var(--off-white);flex-shrink:0;position:relative;z-index:1;}
.tl-dot.active{background:var(--accent);}
.tl-content{padding-top:4px;}
.tl-date{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:5px;}
.tl-title{font-size:15px;font-weight:500;color:var(--navy);margin-bottom:5px;}
.tl-desc{font-size:13px;color:#5A6E85;line-height:1.75;}
.tl-badge{display:inline-block;margin-top:8px;font-size:11px;background:#EAF1F9;color:var(--slate);padding:3px 10px;border-radius:4px;}
.journey-photos{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px;}
.journey-photo{aspect-ratio:4/3;}

/* ===== CLINICAL EXPERIENCE ===== */
.experience-section{background:var(--white);padding:72px 48px;}
.procedure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.proc-card{background:var(--off-white);border:1px solid #D8E4EF;border-radius:12px;overflow:hidden;}
.proc-photo{aspect-ratio:16/9;}
.proc-body{padding:24px;}
.proc-tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#EAF1F9;color:var(--slate);padding:4px 10px;border-radius:4px;margin-bottom:12px;font-weight:500;}
.proc-title{font-size:16px;font-weight:500;color:var(--navy);margin-bottom:8px;}
.proc-desc{font-size:13px;color:#5A6E85;line-height:1.7;}
.exp-note{background:var(--navy);padding:40px 48px;}
.exp-note p{color:var(--silver);font-size:14px;line-height:1.8;max-width:640px;}
.exp-note strong{color:var(--white);}

/* ===== READING ===== */
.reading-hero{background:var(--navy);padding:64px 48px 48px;}
.reading-body{padding:56px 48px;}
.r-card{background:var(--white);border:1px solid #D8E4EF;border-radius:14px;overflow:hidden;margin-bottom:32px;display:grid;grid-template-columns:200px 1fr;}
.r-card-vis{background:var(--navy);padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;}
.r-card-num{font-family:var(--serif);font-size:52px;line-height:1;color:var(--navy-light);}
.r-card-journal{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);line-height:1.6;}
.r-card-body{padding:28px 32px;}
.r-tag{display:inline-block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;background:#EAF1F9;color:var(--slate);padding:4px 10px;border-radius:4px;margin-bottom:12px;font-weight:500;}
.r-title{font-family:var(--serif);font-size:19px;line-height:1.3;color:var(--navy);margin-bottom:12px;}
.r-summary{font-size:14px;color:#5A6E85;line-height:1.8;margin-bottom:18px;}
.r-why{background:var(--off-white);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 6px 6px 0;margin-bottom:18px;}
.r-why-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;}
.r-why p{font-size:13px;color:#4A5E72;line-height:1.7;font-style:italic;}
.r-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.r-authors{font-size:12px;color:var(--text-muted);}
.r-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--slate);text-decoration:none;border:1px solid #D0DCE8;padding:7px 14px;border-radius:4px;transition:all .2s;}
.r-link:hover{background:var(--navy);color:var(--white);border-color:var(--navy);}
.r-placeholder{background:var(--off-white);border:2px dashed #D0DCE8;border-radius:14px;padding:40px;text-align:center;margin-bottom:32px;}
.r-placeholder p{font-size:13px;color:var(--text-muted);font-style:italic;}

/* ===== CONNECT ===== */
.connect-hero{background:var(--navy);padding:72px 48px;text-align:center;}
.connect-body{background:var(--white);padding:64px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;}
.connect-info h3,.connect-form h3{font-family:var(--serif);font-size:24px;color:var(--navy);margin-bottom:24px;}
.c-link{display:flex;align-items:center;gap:14px;padding:16px;background:var(--off-white);border:1px solid #D8E4EF;border-radius:10px;text-decoration:none;margin-bottom:14px;transition:all .2s;}
.c-link:hover{border-color:var(--slate);background:#EAF1F9;}
.c-link-icon{width:40px;height:40px;border-radius:8px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.c-link-label{font-size:13px;color:var(--text-muted);margin-bottom:2px;}
.c-link-value{font-size:14px;font-weight:500;color:var(--navy);}
.c-who{margin-top:28px;padding:20px;background:var(--off-white);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;}
.c-who p{font-size:13px;color:#5A6E85;line-height:1.7;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:7px;}
.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #D8E4EF;border-radius:6px;font-family:var(--sans);font-size:14px;color:var(--navy);background:var(--off-white);transition:border-color .2s;outline:none;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--slate);background:var(--white);}
.form-group textarea{height:120px;resize:vertical;}
.form-submit{background:var(--accent);color:var(--navy);border:none;padding:13px 32px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;width:100%;}
.form-submit:hover{opacity:.88;}
.form-note{font-size:12px;color:var(--text-muted);margin-top:10px;text-align:center;}
