/* Clinic and physician pages extend the selected B5 editorial identity. */
@font-face {
  font-family: "Gentium Home";
  src: url("fonts/gentium-basic-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.derm-practice-page {
  --practice-ink: #20282b;
  --practice-yellow: #e9bb3e;
  --practice-green: #184b3d;
  --practice-terra: #ab3e2b;
  --practice-rose: #f1c3ba;
  --practice-gutter: clamp(20px, 4vw, 64px);
  --practice-pad: max(var(--practice-gutter), calc((100vw - 1280px) / 2));
}
.derm-practice-page .derm-site-header { background: var(--practice-yellow); border: 0; }
.derm-practice-page .derm-site-nav a { font-weight: 500; text-transform: none; }
.derm-practice-page .derm-site-nav a:is(:hover, [aria-current="page"]) { background: var(--practice-ink); color: #fff; }
.derm-practice-page .derm-site-footer { background: #fff; }
.derm-practice {
  background: #fff;
  color: var(--practice-ink);
  font-family: "Avenir Next", "Trebuchet MS", sans-serif;
  overflow-wrap: break-word;
}
.derm-practice :is(h1, h2, h3) { color: inherit; font-family: "Gentium Home", Georgia, serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.06; margin: 0; text-wrap: balance; }
.derm-practice h1 { font-size: clamp(3.2rem, 6.4vw, 6rem); }
.derm-practice h2 { font-size: clamp(2.6rem, 4.5vw, 4.5rem); }
.derm-practice h3 { font-size: clamp(1.65rem, 2.4vw, 2.25rem); }
.derm-practice p { font-size: 1.0625rem; line-height: 1.65; margin: 0; max-width: 68ch; }
.derm-practice p + p { margin-top: 18px; }
.derm-practice figure { margin: 0; }
.derm-practice figcaption { color: inherit; font-size: 0.8125rem; font-style: normal; line-height: 1.5; padding-top: 10px; }
.derm-practice a { overflow-wrap: break-word; }
.derm-practice ::selection { background: var(--practice-yellow); color: var(--practice-ink); }
.derm-practice :is(a, button):focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.derm-practice [id] { scroll-margin-top: 28px; }
.derm-practice__wrap { padding-inline: var(--practice-pad); }
.derm-practice__lead { font-size: clamp(1.15rem, 1.7vw, 1.4rem) !important; }
.derm-practice__arrow { flex: 0 0 24px; height: 24px; width: 24px; }
.derm-practice__link { align-items: center; display: inline-flex; gap: 18px; min-height: 44px; }
.derm-practice__link:hover { text-decoration-thickness: 2px; }
.derm-practice__button { align-items: center; background: var(--practice-ink); border: 1px solid var(--practice-ink); color: #fff !important; display: inline-flex; gap: 28px; justify-content: space-between; min-height: 54px; padding: 14px 24px; text-decoration: none; transition: background-color 160ms ease; }
.derm-practice__button:hover { background: var(--practice-green); }
.derm-practice__jump { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 24px; }
.derm-practice__jump a { align-items: center; display: inline-flex; min-height: 44px; }
.derm-practice__opening { background: var(--practice-yellow); }
.derm-practice__opening-grid { align-items: end; display: grid; gap: 40px; grid-template-columns: 1.2fr 1fr; padding-block: 48px 44px; }
.derm-practice__opening-grid h1 { max-width: 14ch; }
.derm-practice__opening-grid > div > p + p { font-size: 0.9375rem; margin-top: 18px; }
.derm-practice__atrium img { aspect-ratio: 2.7; height: auto; object-fit: cover; object-position: 50% 43%; width: 100%; }
.derm-practice__atrium figcaption { background: #fff; padding: 12px var(--practice-pad); }
.derm-practice__laser { background: var(--practice-green); color: #fff; }
.derm-practice__laser-top { align-items: start; display: grid; gap: 48px; grid-template-columns: 1.25fr 1fr; padding-block: 64px 48px; }
.derm-practice__laser-top .derm-practice__link { margin-top: 20px; }
.derm-practice__equipment img { aspect-ratio: 3.2; height: auto; object-fit: cover; object-position: center; }
.derm-practice__equipment figcaption { padding-inline: var(--practice-pad); }
.derm-practice__laser-notes { display: grid; gap: 56px; grid-template-columns: 1fr 1fr; padding-block: 34px 56px; }
.derm-practice__laser-notes h3 { margin-bottom: 14px; }
.derm-practice__laser-notes .derm-practice__link { margin-top: 14px; }
.derm-practice__rooms { background: #fff; padding-block: 72px; }
.derm-practice__section-heading { align-items: end; display: grid; gap: 32px 56px; grid-template-columns: 1.15fr 1fr; margin-bottom: 36px; }
.derm-practice__room-grid { align-items: stretch; display: grid; gap: 24px; grid-template-columns: 1.5fr 1fr; }
.derm-practice__room-slot { align-items: center; aspect-ratio: 1.5; background: #eef0ee; border: 1px dashed #657269; color: #3a493f; display: flex; flex-direction: column; gap: 20px; justify-content: center; padding: 32px 20px; text-align: center; }
.derm-practice__room-slot + .derm-practice__room-slot { aspect-ratio: auto; background: #f1e8e4; border-color: #857167; color: #60473e; }
.derm-practice__room-slot > svg { height: 46px; width: 56px; }
.derm-practice__room-slot figcaption { display: grid; gap: 10px; }
.derm-practice__room-slot strong { font-size: 1.25rem; font-weight: 500; }
.derm-practice__care { background: var(--practice-rose); }
.derm-practice__care-grid { align-items: center; display: grid; grid-template-columns: 1.2fr 1fr; }
.derm-practice__care .derm-practice__photo img { aspect-ratio: 1.5; object-fit: cover; }
.derm-practice__care .derm-practice__photo figcaption { padding: 12px 20px; }
.derm-practice__care-copy { padding: 48px var(--practice-gutter); }
.derm-practice__care-copy h2 { margin-bottom: 24px; }
.derm-practice__care-copy .derm-practice__link { margin-top: 22px; }
.derm-practice__contact { background: var(--practice-yellow); padding-block: 56px; }
.derm-practice__contact-grid { align-items: center; display: grid; gap: 36px; grid-template-columns: 1fr auto; }
.derm-practice__contact h2 { max-width: 20ch; }
.derm-practice__contact p { margin-top: 24px; }
.derm-practice__contact-actions { align-items: start; display: flex; flex-direction: column; gap: 10px; }
.derm-practice__phone { display: inline-flex; align-items: center; min-height: 44px; }
.derm-practice__identity { align-items: center; background: var(--practice-yellow); display: grid; grid-template-columns: 0.82fr 1.18fr; padding-block: 40px; }
.derm-practice__identity-copy { padding: 20px var(--practice-gutter) 20px var(--practice-pad); }
.derm-practice__identity-copy h1 { max-width: 9ch; }
.derm-practice__identity .derm-practice__registration { font-size: 0.875rem; margin-top: 24px; }
.derm-practice__identity-copy .derm-practice__lead { margin-top: 20px; }
.derm-practice__identity .derm-practice__photo { padding-right: var(--practice-pad); }
.derm-practice__identity .derm-practice__photo img { aspect-ratio: 1.5; object-fit: cover; }
.derm-practice__consult { padding-block: 72px; }
.derm-practice__consult-grid { align-items: center; display: grid; gap: 48px; grid-template-columns: 1.2fr 0.8fr; }
.derm-practice__consult-copy h3 { margin-bottom: 20px; }
.derm-practice__consult-copy .derm-practice__link { margin-top: 18px; }
.derm-practice__credentials { background: var(--practice-green); color: #fff; padding-block: 64px; }
.derm-practice__credentials-grid { display: grid; gap: 48px; grid-template-columns: 0.9fr 1.1fr; }
.derm-practice__credentials h2 + p { margin-top: 24px; }
.derm-practice__credentials dl { margin: 0; }
.derm-practice__credentials dl > div { border-top: 1px solid #94aea4; padding-block: 22px; }
.derm-practice__credentials dt { color: var(--practice-yellow); font-size: 1rem; font-weight: 500; margin-bottom: 10px; }
.derm-practice__credentials dd { font-size: 1.125rem; line-height: 1.6; margin: 0; }
.derm-practice__areas { padding-block: 64px; }
.derm-practice__area-links { display: grid; grid-template-columns: 1fr 1fr; margin-top: 32px; }
.derm-practice__area-links a { align-items: center; border-top: 1px solid #9ca4a0; display: flex; font-size: 1.125rem; gap: 20px; justify-content: space-between; min-height: 76px; padding: 14px 22px 14px 0; text-decoration: none; }
.derm-practice__area-links a:nth-child(even) { padding-left: 28px; }
.derm-practice__area-links a:hover { text-decoration: underline; }
.derm-practice__videos { background: var(--practice-rose); padding-block: 64px; }
.derm-practice__video-grid { display: grid; gap: 40px; grid-template-columns: 1fr 1fr; }
.derm-practice__video-grid a { text-decoration: none; }
.derm-practice__video-grid a:hover h3 { text-decoration: underline; }
.derm-practice__video-grid img { aspect-ratio: 16 / 9; object-fit: cover; }
.derm-practice__video-time { display: block; font-size: 0.875rem; margin: 18px 0 10px; }
.derm-practice__video-grid h3 { margin-bottom: 16px; }
.derm-practice__videos > .derm-practice__wrap > .derm-practice__link { margin-top: 30px; }
.derm-practice__clinic-link { background: var(--practice-terra); color: #fff; padding-block: 52px; }
.derm-practice__clinic-link .derm-practice__wrap { align-items: center; display: grid; gap: 24px; grid-template-columns: 1fr 1fr auto; }
.derm-practice__clinic-link h2 { font-size: clamp(2.4rem, 3.5vw, 3.8rem); }
@media (max-width: 1000px) {
  .derm-practice__identity { grid-template-columns: 1fr 1.15fr; }
  .derm-practice__identity h1 { font-size: 4rem; }
  .derm-practice__care-grid { grid-template-columns: 1fr 1fr; }
  .derm-practice__care-copy { padding: 32px 24px; }
  .derm-practice__care-copy h2 { font-size: 2.8rem; }
  .derm-practice__clinic-link .derm-practice__wrap { grid-template-columns: 1fr 1fr; }
  .derm-practice__clinic-link .derm-practice__button { justify-self: start; grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .derm-practice__opening-grid, .derm-practice__laser-top, .derm-practice__section-heading,
  .derm-practice__care-grid, .derm-practice__contact-grid, .derm-practice__identity,
  .derm-practice__consult-grid, .derm-practice__credentials-grid, .derm-practice__video-grid,
  .derm-practice__clinic-link .derm-practice__wrap { grid-template-columns: 1fr; gap: 26px; }
  .derm-practice__opening-grid { padding-block: 30px; }
  .derm-practice__opening-grid h1 { max-width: 14ch; }
  .derm-practice__jump { margin-top: 16px; gap: 0 20px; }
  .derm-practice__atrium img { aspect-ratio: 1.5; }
  .derm-practice__laser-top { padding-block: 42px 32px; }
  .derm-practice__equipment img { aspect-ratio: 1.75; }
  .derm-practice__laser-notes { grid-template-columns: 1fr; gap: 28px; padding-block: 28px 40px; }
  .derm-practice__rooms, .derm-practice__consult, .derm-practice__areas, .derm-practice__videos { padding-block: 44px; }
  .derm-practice__section-heading { margin-bottom: 28px; }
  .derm-practice__room-grid { gap: 18px; grid-template-columns: 1fr; }
  .derm-practice__room-slot { aspect-ratio: 1.5; }
  .derm-practice__room-slot + .derm-practice__room-slot { aspect-ratio: 1.7; }
  .derm-practice__care-grid { gap: 0; }
  .derm-practice__care-copy { padding: 26px var(--practice-gutter) 40px; }
  .derm-practice__contact { padding-block: 40px; }
  .derm-practice__contact-actions { align-items: stretch; }
  .derm-practice__contact-actions .derm-practice__button { justify-content: space-between; }
  .derm-practice__identity { padding-block: 24px 20px; gap: 24px; }
  .derm-practice__identity-copy { padding: 0 var(--practice-gutter); }
  .derm-practice__identity h1 { font-size: 3.7rem; max-width: 10ch; }
  .derm-practice__identity .derm-practice__photo { padding: 0; }
  .derm-practice__identity .derm-practice__photo figcaption { padding-inline: var(--practice-gutter); }
  .derm-practice__credentials { padding-block: 44px; }
  .derm-practice__area-links { grid-template-columns: 1fr; margin-top: 26px; }
  .derm-practice__area-links a:nth-child(even) { padding-left: 0; }
  .derm-practice__area-links a { min-height: 68px; }
  .derm-practice__video-grid { gap: 36px; }
  .derm-practice__clinic-link { padding-block: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .derm-practice__button { transition: none; }
}