Resource Hub

:root{ --bw-navy:#0b3b52; --bw-blue:#005377; --bw-cyan:#0087a1; --ink:#13212a; --muted:#5d707f; --bg:#f4f7fb; --card:#ffffff; --radius:1.2rem; --shadow:0 14px 40px rgba(11,34,80,.12); --shadowHover:0 26px 70px rgba(11,34,80,.18); --ring:0 0 0 .25rem rgba(0,83,119,.20); } body{ background:var(--bg); color:var(--ink); -webkit-tap-highlight-color:transparent; } .page-wrap{ padding:2rem 0 5rem; } /* ===== Top intro ===== */ .top{ margin-bottom:2rem; } .kicker{ letter-spacing:.14em; text-transform:uppercase; font-weight:900; font-size:.78rem; color:rgba(19,33,42,.62); } .top h1{ font-weight:1000; letter-spacing:-.03em; margin:.35rem 0 .55rem; font-size:clamp(1.7rem, 5vw, 2.6rem); } .top p{ max-width:62rem; color:var(--muted); font-weight:650; font-size:1rem; margin:0; } /* ===== Quick nav chips ===== */ .quick{ margin-top:1.1rem; display:flex; flex-wrap:nowrap; gap:.5rem; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:.4rem; scrollbar-width:none; } .quick::-webkit-scrollbar{ display:none; } .quick a{ text-decoration:none; color:var(--bw-blue); background:rgba(0,83,119,.06); border:1px solid rgba(0,83,119,.18); border-radius:999px; padding:.5rem .9rem; font-weight:900; font-size:.88rem; white-space:nowrap; transition:background .15s, border-color .15s, transform .15s; flex-shrink:0; } .quick a:hover{ background:rgba(0,83,119,.10); border-color:rgba(0,83,119,.32); transform:translateY(-1px); } .quick a:active{ transform:scale(.97); } /* ===== Section headings ===== */ .section-head{ margin:2.5rem 0 1.1rem; display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; } .section-head h2{ font-weight:1000; letter-spacing:-.02em; margin:0; font-size:clamp(1.25rem, 3.5vw, 1.75rem); } .section-head p{ margin:0; color:rgba(19,33,42,.62); font-weight:650; } /* ===== Landing Cards ===== */ .landing-card{ background:var(--card); border-radius:var(--radius); border:1px solid rgba(0,0,0,.06); box-shadow:var(--shadow); overflow:hidden; height:100%; display:flex; flex-direction:column; text-decoration:none; color:inherit; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; position:relative; } .landing-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--bw-blue), var(--bw-cyan)); opacity:.95; } .landing-card:hover{ transform:translateY(-4px); box-shadow:var(--shadowHover); border-color:rgba(0,83,119,.18); } .landing-card:active{ transform:scale(.99); } .landing-card:focus-visible{ outline:none; box-shadow:var(--ring),var(--shadowHover); border-color:rgba(0,83,119,.35); } /* Card media */ .media{ position:relative; background:#eaf1f6; } .media img{ width:100%; height:180px; object-fit:cover; display:block; } .badge-top{ position:absolute; top:.85rem; left:.85rem; padding:.4rem .8rem; border-radius:999px; font-weight:1000; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:rgba(0,83,119,.92); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px) saturate(150%); } /* Card body */ .body{ padding:1.1rem 1.2rem .9rem; flex:1; } .body h3{ margin:0 0 .45rem; font-weight:1000; letter-spacing:-.01em; font-size:1.15rem; } .body p{ margin:0 0 .75rem; color:var(--muted); font-weight:650; line-height:1.5; font-size:.95rem; } .bullets{ margin:0; padding-left:1.1rem; color:rgba(19,33,42,.72); font-weight:650; font-size:.92rem; } .bullets li{ margin:.2rem 0; } /* Footer */ .footer{ padding:.9rem 1.2rem 1.1rem; border-top:1px solid #e9eff5; background:linear-gradient(180deg,#fff 0%,#f9fbfd 65%); display:flex; align-items:center; justify-content:flex-end; gap:.75rem; } .cta{ border-radius:999px; padding:.5rem .9rem; font-weight:1000; font-size:.9rem; color:var(--bw-blue); background:#fff; border:1px solid rgba(0,83,119,.28); display:inline-flex; align-items:center; gap:.5rem; } .landing-card:hover .cta{ background:rgba(0,83,119,.06); border-color:rgba(0,83,119,.45); } .cta .arrow{ transition:transform .15s ease; } .landing-card:hover .cta .arrow{ transform:translateX(3px); } /* ===== Sidebar callouts ===== */ .callout{ background:rgba(255,255,255,.85); border:1px solid rgba(0,0,0,.06); border-radius:calc(var(--radius) + .2rem); box-shadow:var(--shadow); padding:1.25rem; } .callout h3{ margin:0 0 .5rem; font-weight:1000; font-size:1.1rem; letter-spacing:-.01em; } .callout p{ margin:0 0 1rem; color:var(--muted); font-weight:650; line-height:1.55; } .callout .btn-stack{ display:flex; flex-direction:column; gap:.6rem; } /* ===== Mobile accordion sidebar ===== */ .sidebar-accordion{ display:none; margin-top:2.5rem; } .accordion-item{ border:1px solid rgba(0,0,0,.08) !important; border-radius:var(--radius) !important; overflow:hidden; margin-bottom:.75rem; } .accordion-button{ font-weight:900 !important; font-size:1rem !important; background:#fff !important; color:var(--ink) !important; box-shadow:none !important; padding:1rem 1.2rem !important; } .accordion-button:not(.collapsed){ color:var(--bw-blue) !important; background:rgba(0,83,119,.04) !important; } .accordion-button::after{ filter:hue-rotate(180deg) brightness(.5); } .accordion-body{ padding:1rem 1.2rem 1.2rem; } /* ===== Shared button styles ===== */ .btn-pill{ border-radius:999px; font-weight:1000; padding:.8rem 1rem; width:100%; text-align:center; display:block; font-size:.95rem; transition:filter .15s, background .15s, border-color .15s; } .btn-brand{ background:linear-gradient(90deg, var(--bw-blue), var(--bw-cyan)); color:#fff !important; border:none; box-shadow:0 10px 24px rgba(0,83,119,.2); text-decoration:none; } .btn-brand:hover{ filter:brightness(.96); } .btn-brand:active{ filter:brightness(.93); transform:scale(.99); } .btn-outline-brand{ background:#fff; color:var(--bw-blue) !important; border:1px solid rgba(0,83,119,.35); text-decoration:none; } .btn-outline-brand:hover{ background:rgba(0,83,119,.06); border-color:rgba(0,83,119,.55); } .btn-outline-brand:active{ background:rgba(0,83,119,.1); } /* ===== CTA band ===== */ .band{ margin-top:3rem; border-radius:calc(var(--radius) + .25rem); overflow:hidden; color:#fff; background:linear-gradient(90deg, var(--bw-blue), var(--bw-cyan)); box-shadow:var(--shadowHover); } .band .inner{ padding:2rem; display:flex; flex-direction:column; gap:1rem; } .band h3{ margin:0; font-weight:1000; letter-spacing:-.02em; color:#fff; } .band p{ margin:0; opacity:.95; font-weight:650; color:#fff; } .band .actions{ display:flex; flex-wrap:wrap; gap:.6rem; } .band .actions .btn-outline-band{ border-radius:999px; padding:.75rem 1.1rem; font-weight:1000; font-size:.9rem; background:rgba(255,255,255,.12); color:#fff !important; text-decoration:none; border:1px solid rgba(255,255,255,.45); transition:background .15s; white-space:nowrap; } .band .actions .btn-outline-band:hover{ background:rgba(255,255,255,.22); } /* ===== Responsive ===== */ @media (max-width:991px){ .desktop-sidebar{ display:none; } .sidebar-accordion{ display:block; } } @media (max-width:575px){ .page-wrap{ padding:1.5rem 0 4rem; } .section-head{ align-items:flex-start; flex-direction:column; } .media img{ height:160px; } .band .inner{ padding:1.5rem; } .band .actions{ flex-direction:column; } .band .actions .btn-outline-band{ width:100%; text-align:center; } } Bluewater • Patient Education Resource Hub Your shortcut to education, real results, videos, reviews, and next steps. Education Results Videos Reviews About Next Steps Education Learn options and feel confident before you book. Articles Articles & Guides Clear answers to common questions — practical, not overwhelming. Procedure explainers Recovery timelines What to ask at consult Explore Articles → Team About the Practice Meet Dr. Clark and the patient-first approach behind every recommendation. Credentials & expertise Safety & quality standards What to expect Meet the Team → Results Browse real patient transformations. Galleries Before & After Galleries Outcomes across face, breast, body, and male procedures — by category. Real patient photos Easy category browsing Clear visual examples View Galleries → Reviews Patient Reviews What patients say about communication, comfort, and the overall experience. Consultation experience Care team support Post-op follow-through Read Reviews → Videos Quick visual explanations when you want the fast version. Watch Video Library Walkthroughs, provider insights, and education — easy to scan. Procedure explainers Provider Q&A What to expect Watch Videos → Next Step Request a Consultation Get a personalized plan and honest recommendations for your goals. Fast scheduling Clear guidance Personalized options Request Appointment → ✦ Recommended Path Most patients start with results, then read one guide, then book a consultation. Start with Results Read a Guide About Bluewater Learn who we are, what we stand for, and what to expect throughout your journey. Meet the Team Meet the Dr. Read Reviews Ready for Next Steps? Request an appointment when you're ready — we'll help you choose the best path. Request Appointment Recommended path Most patients start with results, then read one guide, then book a consultation. Start with Results Read a Guide About Bluewater Learn who we are, what we stand for, and what to expect throughout your journey. Meet the Team Meet the Dr. Read Reviews Ready for next steps? Request an appointment when you're ready — we'll help you choose the best path. Request Appointment Still deciding? Browse results and education first — then book when you're ready for a personalized plan. Browse Results Read Guides Request Appointment

Bluewater Resource Hub

Resource Hub

Education

Articles & Guides

About the Practice

Results

Before & After Galleries

Patient Reviews

Videos

Video Library

Request a Consultation

✦ Recommended Path

About Bluewater

Ready for Next Steps?

Recommended path

About Bluewater

Ready for next steps?

Still deciding?