.studio--dental { --surface: #f7f5ef; --tone: #464e7c; --display-font: StudioSpace; }
.studio--dental .s-brand { font-size: 40px; }
.studio--dental .s-brand span { color: #8e8fc8; padding-left: 7px; }
.pearl-hero { padding: 35px 6% 60px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 25px; align-items: center; }
.pearl-bubble { background: #e3e0f4; border-radius: 50px 150px 50px 50px; padding: 55px 40px; }
.pearl-bubble .s-title { font-size: 6.9cqw; }
.pearl-bubble p:not(.s-kicker) { margin: 25px 0; }
.pearl-bubble .s-button { border-radius: 30px; }
.pearl-window { position: relative; height: 450px; padding: 25px 0; }
.pearl-window img { border-radius: 230px 230px 40px 40px; }
.pearl-orbit { position: absolute; right: -5px; bottom: 50px; transform: rotate(-12deg); background: #f4d794; padding: 15px; border-radius: 10px; font-size: 10px; }
.pearl-note { grid-column: 1 / -1; display: flex; gap: 18px; align-items: center; margin-left: 30px; font-size: 12px; }
.pearl-note > span { font-size: 50px; color: #9693c9; }
.studio--dental .studio-body { background: #e3e0f4; border-radius: 70px 70px 0 0; }
.studio--medical-practice { --surface: #f6faf8; --tone: #163f53; --display-font: StudioSpace; }
.well-utility { background: #e0e9e3; display: flex; justify-content: space-between; padding: 12px 5%; font-size: 9px; }
.studio--medical-practice .s-brand span { color: #398776; padding: 0 5px; }
.well-hero { display: grid; grid-template-columns: 1fr 1fr; }
.well-message { padding: 55px 12% 65px 10%; }
.well-message .s-title { font-size: 6.5cqw; }
.well-message .s-title > span { color: #31705e; }
.well-message p:not(.s-kicker) { margin: 25px 0; font-size: 14px; }
.well-image { min-height: 500px; }
.well-image img { object-position: 45% center; }
.well-quick { display: grid; grid-template-columns: repeat(3,1fr); grid-column: 1 / -1; background: #163f53; color: #f5faf6; padding: 30px 5%; gap: 35px; }
.well-quick a { display: grid; grid-template-columns: 30px 1fr; gap: 8px 15px; border-right: 1px solid #789997; }
.well-quick a:last-child { border: 0; }
.well-quick b { grid-row: span 2; font-size: 12px; color: #adcabe; }
.well-quick strong { font-size: 16px; }
.well-quick span { font-size: 10px; color: #cadcd3; }
.studio--medical-practice .studio-grid article { border: 1px solid #d2dfd6; background: white; }
.studio--physical-therapy { --surface: #f0f1ec; --tone: #1c4a43; --display-font: StudioCondensed; }
.studio--physical-therapy .s-brand { font-size: 31px; letter-spacing: -.035em; }
.studio--physical-therapy .s-brand span { font-size: 13px; }
.motion-practice { display: grid; grid-template-columns: 40px 1.1fr 1fr; padding: 30px 5% 0; gap: 4%; }
.motion-side { writing-mode: vertical-rl; padding-top: 20px; font-size: 9px; letter-spacing: .15em; border-left: 1px solid #b1c1b5; }
.motion-type .s-title { font-size: 11cqw; line-height: .95; letter-spacing: -.025em; }
.motion-type em { color: #c25338; font-style: normal; }
.motion-type p { margin: 25px 0; }
.motion-cut { height: 540px; position: relative; }
.motion-cut img { clip-path: polygon(25% 0,100% 0,100% 80%,75% 100%,0 100%,0 20%); }
.motion-arrow { position: absolute; bottom: 10px; left: 0; font-size: 140px; line-height: 1; color: #c25338; }
.motion-underline { grid-column: 1 / -1; display: flex; justify-content: space-between; border-top: 1px solid #b1c1b5; padding: 25px 0; margin-top: 35px; font: 12px StudioMono; }
.studio--physical-therapy .studio-body { background: #1c4a43; color: #e8eee2; }
.studio--veterinary { --surface: #f8f0df; --tone: #3a503d; --display-font: StudioSpace; }
.studio--veterinary .s-brand { font: 33px StudioBodoni; }
.paw-hero { display: grid; grid-template-columns: 1fr 1fr; padding: 30px 7% 55px; gap: 30px 7%; }
.paw-copy .s-title { font-size: 7.5cqw; }
.paw-copy em { font-family: StudioBodoni; color: #8a4b32; }
.paw-copy p:not(.s-kicker) { margin-top: 25px; font-size: 14px; }
.paw-portrait { position: relative; height: 465px; }
.paw-portrait img { border-radius: 180px 80px 180px 80px; }
.paw-sticker { position: absolute; bottom: 0; left: -20px; background: #e4b966; padding: 28px; border-radius: 50%; font: 20px/1 StudioScript; transform: rotate(-12deg); }
.paw-panel { grid-column: 1 / -1; background: #e1e7d0; border-radius: 30px; padding: 25px 35px; display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 30px; align-items: center; }
.paw-panel h2 { font: 30px/1.1 StudioBodoni; }
.paw-panel .s-choice-copy { min-height: 0; }
.paw-panel .s-button { border-radius: 25px; }
.studio--veterinary .studio-grid article { border-radius: 20px; border: 0; background: #efe0c0; }
.studio--spa { --surface: #eae6dc; --tone: #594d40; --display-font: StudioBodoni; }
.still-hero { display: grid; grid-template-columns: 48% 52%; min-height: 840px; }
.still-photo { position: relative; }
.still-photo img { position: absolute; inset: 0; }
.still-photo > span { position: absolute; top: 35px; left: 35px; color: #fff; font-size: 15px; letter-spacing: .2em; }
.still-content { padding: 35px 12% 60px; display: flex; flex-direction: column; align-items: flex-start; }
.still-content nav { display: flex; gap: 28px; font-size: 11px; margin-bottom: 100px; }
.still-content .s-title { font-size: 9.1cqw; }
.still-content > p:not(.s-kicker) { font-size: 14px; margin: 30px 0; }
.still-breathe { background: transparent; border: 0; color: inherit; display: flex; align-items: center; gap: 15px; font-size: 11px; padding: 10px 0; margin-bottom: 25px; }
.still-breathe span { display: grid; place-items: center; font-size: 48px; width: 60px; height: 60px; }
.still-breathe[aria-pressed='true'] span { animation: visual-pause 6s ease-in-out infinite; }
.still-content .s-button { background: transparent; color: inherit; border-bottom: 1px solid; padding: 10px 0; }
.still-content small { margin-top: 35px; font-size: 9px; }
.studio--spa .studio-body { padding: 8% 13%; }
@keyframes visual-pause { 50% { transform: scale(1.3); opacity: .5; } }
@container (max-width: 700px) {
  .pearl-hero { grid-template-columns: 1fr; }
  .pearl-bubble { padding: 35px 25px; border-radius: 40px 100px 40px 40px; }
  .pearl-bubble .s-title { font-size: 12cqw; }
  .pearl-window { height: 330px; width: 85%; margin: auto; }
  .well-utility { font-size: 8px; gap: 25px; }
  .well-hero { grid-template-columns: 1fr; }
  .well-message { padding: 35px 7%; }
  .well-message .s-title { font-size: 13cqw; }
  .well-image { min-height: 0; height: 270px; }
  .well-quick { grid-template-columns: 1fr; padding: 25px 7%; }
  .well-quick a { border: 0; }
  .motion-practice { grid-template-columns: 20px 1fr; gap: 20px; }
  .motion-type .s-title { font-size: 18cqw; }
  .motion-cut { grid-column: 2; height: 320px; }
  .motion-arrow { font-size: 90px; }
  .motion-underline { font-size: 8px; gap: 25px; }
  .paw-hero { grid-template-columns: 1fr; gap: 35px; }
  .paw-copy .s-title { font-size: 14cqw; }
  .paw-portrait { height: 350px; }
  .paw-sticker { left: 0; }
  .paw-panel { grid-template-columns: 1fr; gap: 15px; padding: 25px; }
  .still-hero { grid-template-columns: 1fr; }
  .still-photo { height: 330px; }
  .still-content { padding: 30px 9% 45px; }
  .still-content nav { margin-bottom: 40px; }
  .still-content .s-title { font-size: 20cqw; }
}