.care-brochure {
  --page-width: min(37vw, max(200px, calc((100svh - 365px) * .70475)), 420px);
  --book-x: 0%;
  --book-tilt: 7deg;
  --book-rotate: -2deg;
  --care-ink: #383c33;
  background: #e7e3da;
  color: var(--care-ink);
  padding: 42px 6% 28px;
  overflow: clip;
  position: relative;
  scroll-margin-top: -110px;
}
.care-brochure-heading { display: flex; justify-content: space-between; gap: 40px; max-width: 1320px; margin: auto; }
.care-brochure-heading .eyebrow { color: #5d6257; font-size: 11px; }
.care-brochure-heading h2 { font-size: clamp(34px, 3.4vw, 48px); font-weight: 500; letter-spacing: -.045em; line-height: 1.1; }
.care-brochure-heading > p { font-size: 15px; line-height: 1.65; max-width: 340px; margin: 24px 0 0; color: #53584e; }
.care-book-stage { display: grid; place-items: center; perspective: 2000px; margin: 26px 0; min-height: 200px; isolation: isolate; }
.care-book { position: relative; width: calc(var(--page-width) * 2); height: calc(var(--page-width) / .70475); transform-style: preserve-3d; transform: translateX(var(--book-x)) rotateX(var(--book-tilt)) rotateZ(var(--book-rotate)); will-change: transform; }
.care-leaf { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; transform-origin: left; transform-style: preserve-3d; transform: rotateY(0deg); }
.care-page { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; background: #fff; border-radius: 0 2px 2px 0; box-shadow: 2px 3px 0 #e8e5df, 4px 7px 0 #d1cec6, 14px 24px 36px #383c332c; outline: 1px solid #383c3312; }
.care-page--back { transform: rotateY(180deg); border-radius: 2px 0 0 2px; box-shadow: -2px 3px 0 #e8e5df, -4px 7px 0 #d1cec6, -14px 24px 36px #383c332c; }
.care-page img { display: block; width: 100%; height: 100%; object-fit: contain; }
.care-page::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #0002, transparent 7%, transparent 98%, #0001); opacity: calc(.5 + var(--shade, 0)); pointer-events: none; }
.care-page--back::after { background: linear-gradient(270deg, #0002, transparent 7%, transparent 98%, #0001); }
.care-reader-controls { position: relative; z-index: 4; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; max-width: 1320px; margin: auto; border-top: 1px solid #383c332b; padding-top: 18px; }
.care-chapters { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: #53584e; display: grid; gap: 5px; max-width: 220px; }
.care-chapters select { background: #e7e3da; color: var(--care-ink); border: 0; border-bottom: 1px solid #383c3360; border-radius: 0; padding: 8px 20px 8px 0; font: inherit; font-size: 14px; text-transform: none; letter-spacing: 0; min-height: 44px; }
.care-reader-nav { display: flex; align-items: center; gap: 20px; }
.care-reader-nav > p { text-align: center; margin: 0; min-width: 155px; line-height: 1.5; }
.care-reader-nav p span { display: block; font-size: 14px; }
.care-reader-nav p small { display: block; font-size: 11px; color: #53584e; }
.care-reader-nav > button { border: 1px solid #383c3380; border-radius: 50%; width: 48px; height: 48px; background: transparent; color: inherit; font-size: 23px; display: grid; place-items: center; }
.care-reader-nav > button:hover:not(:disabled) { background: var(--care-ink); color: #fff; }
.care-reader-controls button:disabled { opacity: .3; cursor: default; }
.care-enlarge { justify-self: end; background: transparent; border: 0; border-bottom: 1px solid #383c3360; color: inherit; padding: 8px 0; min-height: 44px; font: inherit; font-size: 13px; }
.care-reader-footer { display: flex; justify-content: space-between; gap: 18px; max-width: 1320px; margin: 20px auto 0; font-size: 11px; color: #53584e; line-height: 1.5; }
.care-reader-footer p { margin: 0; }
.care-reader-footer a { text-underline-offset: 4px; text-decoration: underline; }
.care-brochure button:focus-visible, .care-brochure select:focus-visible, .care-brochure a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.care-brochure:not(.is-ready) .care-leaf:not(:first-child) { display: none; }
.care-brochure:not(.is-ready) .care-book { --book-x: -25%; }
.care-brochure:not(.is-ready) .care-reader-controls, .care-brochure:not(.is-ready) .care-reader-footer p { display: none; }
.care-page-dialog { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; padding: 0; border: 0; margin: 0; background: #e7e3da; color: #383c33; overflow: hidden; }
.care-page-dialog::backdrop { background: #e7e3da; }
.care-page-dialog[open] { display: flex; flex-direction: column; }
.care-zoom-toolbar { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 70px; padding: 12px 24px; background: #e7e3da; border-bottom: 1px solid #383c332b; flex-shrink: 0; }
.care-zoom-toolbar button { background: none; color: inherit; border: 1px solid #383c3370; border-radius: 30px; min-width: 44px; min-height: 44px; padding: 5px 12px; font: inherit; }
.care-zoom-toolbar button:disabled { opacity: .25; }
.care-zoom-toolbar > span { font-size: 13px; min-width: 105px; text-align: center; }
.care-zoom-toolbar [data-care-zoom-close] { margin-left: auto; font-size: 13px; }
.care-zoom-scroll { overflow: auto; flex: 1; padding: 28px 24px 60px; overscroll-behavior: contain; }
.care-zoom-scroll > img { width: min(900px, 100%); height: auto; display: block; margin: auto; background: white; box-shadow: 0 10px 45px #383c3328; }
html.care-reader-open { overflow: hidden; }
@media(max-width: 760px) {
  .care-brochure { --page-width: 41vw; padding: 44px 5% 30px; }
  .care-brochure-heading { display: block; }
  .care-brochure-heading h2 { font-size: 36px; }
  .care-brochure-heading > p { font-size: 13px; margin-top: 18px; max-width: 440px; }
  .care-book-stage { margin: 32px 0; min-height: 200px; }
  .care-reader-controls { grid-template-columns: 1fr 1fr; gap: 22px 16px; padding-top: 20px; }
  .care-reader-nav { grid-column: 1 / -1; grid-row: 1; justify-content: center; gap: 18px; }
  .care-reader-nav > p { min-width: 145px; }
  .care-reader-nav > button { width: 44px; height: 44px; }
  .care-chapters { font-size: 9px; }
  .care-chapters select { font-size: 12px; max-width: 160px; }
  .care-enlarge { font-size: 12px; align-self: end; }
  .care-reader-footer { flex-direction: column; gap: 8px; font-size: 10px; margin-top: 22px; }
  .care-reader-footer a { display: inline-block; min-height: 32px; }
  .care-zoom-toolbar { gap: 8px; padding: 10px 12px; min-height: 66px; }
  .care-zoom-toolbar > span { font-size: 11px; min-width: 93px; }
  .care-zoom-toolbar [data-care-zoom-close] { font-size: 11px; padding: 4px 9px; }
  .care-zoom-scroll { padding: 20px 10px 40px; }
}
@media(prefers-reduced-motion: reduce) {
  .care-book { transform: translateX(var(--book-x)); will-change: auto; }
}