/* Distinct interiors, using only original user photographs. */
.page-hero[data-page-imagery]{background:var(--paper)}
.page-hero[data-page-imagery] .page-hero-media{inset:0 0 0 44%;opacity:1}
.page-hero[data-page-imagery] .page-hero-media picture,
.page-hero[data-page-imagery] .page-hero-media img{display:block;width:100%;height:100%}
.page-hero[data-page-imagery] .page-hero-media img{object-fit:cover;object-position:var(--page-photo-focus,50% 50%)}
.page-hero[data-page-imagery] .page-hero-media:after{background:linear-gradient(90deg,var(--paper) 0%,rgba(246,241,231,.87) 19%,rgba(246,241,231,.22) 53%,rgba(246,241,231,0) 76%)}
.page-hero[data-page-imagery="about"]{--page-photo-focus:51% 42%}
.page-hero[data-page-imagery="cats"]{--page-photo-focus:57% 51%}
.page-hero[data-page-imagery="approach"]{--page-photo-focus:62% 47%}
.page-hero[data-page-imagery="waitlist"]{--page-photo-focus:67% 49%}
.page-hero[data-page-imagery] h1{max-width:72%;font-size:clamp(66px,8.2vw,138px)}
.page-hero[data-page-imagery] .copy{max-width:52ch;color:#344137}
.page-section .page-image-revision3{display:block;overflow:hidden;border-radius:28px}
.page-section .page-image-revision3 img{display:block;width:100%;height:auto;object-fit:contain}

/* Photographs are decorative context, never documentary medical evidence. */
.principle[data-principle-art]{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:28px;border:1px solid rgba(44,56,46,.15);background:#eee9dd;box-shadow:0 12px 30px rgba(33,43,34,.035)}
.principle[data-principle-art] .principle-art{position:absolute;z-index:0;inset:0 0 auto;height:76%;overflow:hidden;pointer-events:none}
.principle[data-principle-art] .principle-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--principle-focus,50% 50%)}
.principle[data-principle-art]:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(249,245,235,.11) 0%,rgba(249,245,235,.20) 25%,rgba(249,245,235,.72) 44%,rgba(249,245,235,.97) 61%,#f9f5eb 80%)}
.principle[data-principle-art] .n{position:absolute;z-index:2;top:22px;left:22px;display:grid;place-items:center;min-width:54px;height:54px;padding:8px;border:1px solid rgba(113,87,45,.15);border-radius:50%;background:rgba(255,253,247,.96);font-size:26px;color:#76501e;box-shadow:0 5px 18px rgba(39,43,31,.06)}
.principle[data-principle-art] h3,.principle[data-principle-art] p{position:relative;z-index:2}
.principle[data-principle-art] h3{margin:185px 0 10px;font-size:29px;line-height:1.08;color:#17271b}
.principle[data-principle-art] p{margin:0;font-size:15.5px;line-height:1.62;color:#344137}
.principle[data-principle-art="pairing"] .principle-art{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(255,253,247,.8)}
.principle[data-principle-art="pairing"] .principle-art img:first-child{object-position:50% 50%}
.principle[data-principle-art="pairing"] .principle-art img:last-child{object-position:50% 42%}

@media(max-width:1000px){
  .page-hero[data-page-imagery] .page-hero-media{inset:0 0 0 35%;opacity:1}
  .page-hero[data-page-imagery] h1{max-width:85%;font-size:clamp(64px,9.2vw,108px)}
  .page-hero[data-page-imagery] .page-hero-media:after{background:linear-gradient(90deg,var(--paper),rgba(246,241,231,.72) 28%,rgba(246,241,231,.1) 70%)}
}
@media(max-width:760px){
  .page-hero[data-page-imagery]{min-height:78svh;padding-top:310px;padding-bottom:48px}
  .page-hero[data-page-imagery] .page-hero-media{inset:0 0 auto;height:430px;opacity:1}
  .page-hero[data-page-imagery] .page-hero-media:after{background:linear-gradient(180deg,rgba(246,241,231,.02) 0%,rgba(246,241,231,.03) 35%,rgba(246,241,231,.42) 61%,var(--paper) 96%)}
  .page-hero[data-page-imagery] h1{max-width:100%;font-size:clamp(48px,12.6vw,66px)}
  .page-hero[data-page-imagery] .copy{max-width:100%;font-size:17px;line-height:1.6}
  .page-hero[data-page-imagery="about"]{--page-photo-focus:50% 44%}
  .page-hero[data-page-imagery="cats"]{--page-photo-focus:48% 53%}
  .page-hero[data-page-imagery="approach"]{--page-photo-focus:62% 46%}
  .page-hero[data-page-imagery="waitlist"]{--page-photo-focus:66% 53%}
  .principle[data-principle-art]{min-height:425px;padding:26px;border-radius:24px}
  .principle[data-principle-art] h3{margin-top:180px;font-size:29px}
  .principle[data-principle-art] p{font-size:15.5px}
}
@media(max-width:360px){
  .page-hero[data-page-imagery]{padding-top:295px}
  .page-hero[data-page-imagery] h1{font-size:46px}
  .principle[data-principle-art]{padding:23px}
  .principle[data-principle-art] h3{font-size:27px}
}