:root{color-scheme:light;--paper:#f6f5ef;--ink:#1a241f;--accent:#335d47;--line:#d5d8cd;--quiet:#516056}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}
a{color:inherit}a:focus-visible{outline:3px solid #356b4d;outline-offset:4px}.wrap,.masthead,.foot{width:min(1160px,calc(100% - 68px));margin-inline:auto}
.masthead{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.signature,.mast-link{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.9rem;font-weight:650}
.signature span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font:600 12px/1 system-ui}
.mast-link span{color:var(--accent)}.intro{padding:67px 0 55px}
.eyebrow,.section-label{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#528363}
h1,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}
h1{font-size:clamp(3.15rem,8.3vw,7.2rem);line-height:.96;letter-spacing:-.062em;margin:0 0 24px}h1 em{color:var(--accent);font-weight:500}
.lede{color:var(--quiet);font-size:1.05rem;max-width:480px;margin:0}
.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-bottom:15px;padding-top:13px}.section-label h2{font-size:inherit;letter-spacing:inherit;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column}
.cover{display:block;position:relative;overflow:hidden;background:#d6e8e0;aspect-ratio:13/8}.dentistry .cover{background:#dbe9f3}.diagnostics .cover{background:#122e31}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.cover:hover img{transform:scale(1.045)}
.cover span{position:absolute;left:13px;bottom:13px;display:block;background:#172d25;color:#fff;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:650}
.case-body{padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.case h3{font-size:clamp(1.28rem,2.25vw,1.76rem);line-height:1.08;margin:0 0 10px;letter-spacing:-.034em}.case p{color:var(--quiet);font-size:.9rem;margin:0 0 22px;max-width:290px}.open{margin-top:auto;display:inline-flex;align-items:center;gap:14px;background:var(--accent);color:#fff;text-decoration:none;padding:8px 13px;border-radius:999px;font-size:.83rem;font-weight:650}.open:hover{background:#204431}.open span{font-size:1.05rem}
.foot{margin-top:44px;margin-bottom:22px;display:flex;gap:14px;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:.8rem;color:var(--quiet)}.foot p{margin:0}
@media(max-width:850px){.wrap,.masthead,.foot{width:calc(100% - 40px)}.grid{gap:11px}.case-body{padding:15px}.intro{padding-top:52px}}
@media(max-width:650px){.wrap,.masthead,.foot{width:calc(100% - 34px)}.grid{grid-template-columns:1fr;gap:14px}.masthead{height:61px}.mast-link{font-size:.75rem}.intro{padding:42px 0 36px}h1{font-size:clamp(2.55rem,10.1vw,4.2rem);margin-bottom:18px}.lede{font-size:.93rem}.case h3{font-size:1.56rem}.foot{display:block}.foot p{margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}
