/* Main-page opening only. The existing header, consultation and later sections keep their styles. */
#root {min-height: 100svh;}
.day-opening {
  --day-ink: #242823;
  --day-muted: #60665f;
  --day-gold: #b89b72;
  --day-line: #e2ded6;
  position: relative;
  font-family: 'Noto Sans KR', ui-sans-serif, system-ui, sans-serif;
  color: var(--day-ink);
  word-break: keep-all;
  overflow-wrap: anywhere;
  scroll-margin-top: 100px;
}
.day-opening *, .day-opening *::before, .day-opening *::after {box-sizing: border-box;}
.day-opening-inner {width: min(1280px, calc(100% - 96px)); margin-inline: auto;}
.day-opening .day-phrase {display: block;}
.day-opening .day-eyebrow {margin: 0 0 20px; font-size: 14px; font-weight: 600; letter-spacing: .14em; line-height: 1.7; color: #8d7352;}
.day-opening h2 {margin: 0 0 30px; font-size: clamp(32px, 3.3vw, 48px); font-weight: 500; line-height: 1.45; letter-spacing: -.055em;}
.day-opening .day-body {margin: 0 0 18px; font-size: 18px; font-weight: 400; line-height: 1.85; letter-spacing: -.025em; color: var(--day-muted);}
.day-opening a {text-decoration: none;}
.day-opening a:focus-visible {outline: 2px solid var(--day-gold); outline-offset: 6px;}
.day-opening .day-inline-link {display: inline-flex; align-items: center; gap: 12px; padding: 8px 0; font-size: 16px; font-weight: 500; line-height: 1.6; color: #665238; border-bottom: 1px solid #b89b7270;}
.day-opening .day-inline-link>span {transition: transform .2s ease;}
.day-opening .day-inline-link:hover>span {transform: translateX(4px);}

.day-main-hero {min-height: 680px; height: clamp(680px, calc(100svh - 80px), 920px); color: white; background: #1b2424; isolation: isolate; overflow: hidden;}
.day-main-video {position: absolute; inset: 0; z-index: -3; pointer-events: none; opacity: .82;}
.day-main-video>div {width: 100%; height: 100%;}
.day-main-shade {position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(10,20,20,.80) 0%, rgba(10,20,20,.54) 48%, rgba(10,20,20,.20) 100%);}
.day-hero-content {height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 96px; padding-bottom: 110px;}
.day-opening .day-hero-location {font-size: 17px; color: #e0c9aa; letter-spacing: .04em; margin-bottom: 24px;}
.day-opening .day-main-hero h1, .day-main-hero h1 {margin: 0 0 28px; font-size: clamp(48px, 5.25vw, 76px); line-height: 1.3; letter-spacing: -.055em; font-weight: 500;}
.day-main-hero h1 em {display: block; color: #e0c7a5; font-style: normal; font-weight: 700;}
.day-opening .day-hero-description {margin: 0; font-size: 20px; font-weight: 400; line-height: 1.85; letter-spacing: -.02em; color: #f0eeea;}
.day-hero-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 36px;}
.day-opening .day-primary-link {display: inline-flex; align-items: center; gap: 20px; padding: 16px 23px; background: #d0b690; color: #222823; font-size: 17px; line-height: 1.6; font-weight: 600; border-radius: 3px;}
.day-opening .day-secondary-link {display: inline-flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #ffffff70; color: white; font-size: 17px; line-height: 1.6; font-weight: 400;}
.day-hero-bottom {position: absolute; bottom: 118px; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ffffff36; padding-top: 20px; font-size: 13px; letter-spacing: .1em;}
.day-hero-bottom>span {color: #d5d8d3;}
.day-opening .day-scroll-link {display: inline-flex; gap: 16px; align-items: center; color: #fff; letter-spacing: 0; font-size: 15px;}

.day-main-standard {padding: 120px 0 104px; background: #fff;}
.day-standard-grid {display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start;}
.day-opening .day-since .day-eyebrow {margin-bottom: 0;}
.day-opening .day-since-year {margin: 0 0 22px; font-size: clamp(92px, 10.6vw, 148px); font-weight: 700; letter-spacing: -.075em; line-height: 1.1; color: var(--day-gold);}
.day-opening .day-since-description {margin: 0 0 20px; font-size: 24px; font-weight: 500; letter-spacing: -.04em; line-height: 1.6;}
.day-standard-copy {padding-top: 8px;}
.day-doctor-pair {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 64px;}
.day-doctor-pair figure {margin: 0; min-width: 0;}
.day-doctor-pair img {display: block; width: 100%; aspect-ratio: 1.7; height: auto; object-fit: cover; object-position: 50% 58%; border-radius: 5px;}
.day-doctor-pair figure:last-child img {object-position: 50% 60%;}
.day-doctor-pair figcaption {margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.7; color: #626862;}
.day-doctor-image {position: relative; aspect-ratio: 1.7; overflow: hidden; border-radius: 5px;}
.day-doctor-pair .day-doctor-image img {position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; border-radius: 0;}
.day-doctor-pair .day-doctor-jang img {object-position: 50% 0; transform: scale(1.12); transform-origin: 56% 0;}
.day-doctor-pair .day-doctor-kim img {object-position: 50% 38%;}

.day-main-treatments {padding: 108px 0 104px; background: #f6f5f1;}
.day-treatments-heading {text-align: center; margin-bottom: 58px;}
.day-standard-cards {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px;}
.day-standard-card {position: relative; min-width: 0; border-top: 1px solid #cfc7ba; padding-top: 28px; display: flex; flex-direction: column; align-items: flex-start;}
.day-card-number {display: block; font-size: 72px; font-weight: 600; line-height: 1.1; letter-spacing: -.055em; color: #b89b72; margin-bottom: 24px;}
.day-opening .day-card-tag {margin: 0 0 12px; color: #807763; font-size: 13px; font-weight: 600; letter-spacing: .1em; line-height: 1.6;}
html.cp-page-1day body main section.day-opening .day-standard-card h3 {margin: 0 0 18px; font-size: 26px !important; font-weight: 500 !important; letter-spacing: -.055em !important; line-height: 1.5 !important;}
.day-standard-card .day-body {flex: 1; margin-bottom: 20px;}
.day-treatment-shortcuts {display: flex; gap: 28px; flex-wrap: wrap; align-items: center; margin-top: 62px; padding-top: 28px; border-top: 1px solid var(--day-line);}
.day-treatment-shortcuts>span {font-size: 16px; font-weight: 500; margin-right: 4px;}
.day-treatment-shortcuts .day-inline-link {font-size: 16px; border-bottom: 0; padding: 4px 0; gap: 8px;}
.day-opening .day-treatment-note {margin: 22px 0 0; color: #646a64; font-size: 15px; line-height: 1.8; font-weight: 400;}

/* The old main-page reading scale uses important declarations on all paragraphs. */
html.cp-page-1day body main section.day-opening .day-eyebrow {font-size: 14px !important; font-weight: 600 !important; line-height: 1.7 !important;}
html.cp-page-1day body main section.day-opening .day-hero-location {font-size: 17px !important;}
html.cp-page-1day body main section.day-opening h1 {font-weight: 500 !important;}
html.cp-page-1day body main section.day-opening h1 em {font-weight: 700 !important;}
html.cp-page-1day body main section.day-opening h1.day-hero-message {font-weight: 600 !important;}
html.cp-page-1day body main section.day-opening h1.day-hero-message em {font-weight: 800 !important;}
.day-hero-prefix {margin-right: .18em;}
.day-main-hero h1 .day-hero-words {display: inline-flex; align-items: baseline; gap: .12em; margin-right: .18em; vertical-align: baseline;}
.day-hero-bracket {font-weight: 400; font-size: .8em; opacity: .8;}
.day-hero-word-window {display: inline-block; width: 4em; height: 1.3em; line-height: 1.3; overflow: hidden; vertical-align: bottom; text-align: center;}
.day-hero-word-track {display: block; animation: dayHeroWords 10.5s cubic-bezier(.65,0,.35,1) infinite;}
.day-hero-word {display: block; height: 1.3em; line-height: 1.3; white-space: nowrap;}
@keyframes dayHeroWords {
  0%, 27% {transform: translateY(0);}
  33%, 60% {transform: translateY(-1.3em);}
  66%, 93% {transform: translateY(-2.6em);}
  100% {transform: translateY(-3.9em);}
}
html.cp-page-1day body main section.day-opening h2 {font-weight: 500 !important;}
html.cp-page-1day body main section.day-opening .day-hero-description {font-size: 20px !important; line-height: 1.85 !important;}
html.cp-page-1day body main section.day-opening .day-body {font-size: 18px !important; line-height: 1.85 !important; font-weight: 400 !important;}
html.cp-page-1day body main section.day-opening .day-since-year {font-size: clamp(92px, 10.6vw, 148px) !important; line-height: 1.1 !important; font-weight: 700 !important;}
html.cp-page-1day body main section.day-opening .day-since-description {font-size: 24px !important; line-height: 1.6 !important; font-weight: 500 !important;}
html.cp-page-1day body main section.day-opening .day-card-tag {font-size: 13px !important; line-height: 1.6 !important; font-weight: 600 !important;}
html.cp-page-1day body main section.day-opening .day-treatment-note {font-size: 15px !important; line-height: 1.8 !important;}

@media(max-width:1000px) {
  .day-opening-inner {width: calc(100% - 64px);}
  .day-standard-grid {gap: 40px; grid-template-columns: .85fr 1.15fr;}
  html.cp-page-1day body main section.day-opening .day-standard-card h3 {font-size: 23px !important;}
  .day-standard-cards {gap: 24px;}
}
@media(max-width:767px) {
  html.cp-page-1day body header nav[class*="overflow-x-auto"] {
    padding-inline: 16px !important;
    gap: 0 !important;
    justify-content: space-between !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
    overflow-x: visible !important;
  }
  html.cp-page-1day body header nav[class*="overflow-x-auto"]>*,
  html.cp-page-1day body header nav[class*="overflow-x-auto"] a {
    flex-shrink: 0;
    font-size: inherit !important;
  }
  html.cp-page-1day body main section.day-opening .day-eyebrow {font-size: 13px !important;}
  html.cp-page-1day body main section.day-opening .day-hero-location {font-size: 15px !important;}
  html.cp-page-1day body main section.day-opening .day-hero-description,
  html.cp-page-1day body main section.day-opening .day-body {font-size: 17px !important;}
  html.cp-page-1day body main section.day-opening .day-since-year {font-size: 92px !important;}
  html.cp-page-1day body main section.day-opening .day-since-description {font-size: 22px !important;}
  html.cp-page-1day body main section.day-opening .day-card-tag {font-size: 12px !important;}
  html.cp-page-1day body main section.day-opening .day-treatment-note {font-size: 14px !important;}
  .day-opening {scroll-margin-top: 82px;}
  .day-opening-inner {width: calc(100% - 40px);}
  .day-opening .day-eyebrow {font-size: 13px; margin-bottom: 16px;}
  .day-opening h2 {font-size: clamp(27px, 7.5vw, 34px); line-height: 1.5; margin-bottom: 24px;}
  .day-opening .day-body {font-size: 17px; line-height: 1.85;}
  .day-main-hero {height: auto; min-height: max(660px, calc(100svh - 115px));}
  .day-hero-content {min-height: max(660px, calc(100svh - 115px)); height: auto; padding-top: 110px; padding-bottom: 180px;}
  .day-opening .day-hero-location {font-size: 15px; line-height: 1.7; margin-bottom: 24px;}
  .day-main-hero h1 {font-size: clamp(34px, 9.5vw, 48px); line-height: 1.38; margin-bottom: 25px;}
  .day-hero-prefix {display: block; margin: 0 0 4px;}
  .day-doctor-pair .day-doctor-jang img {transform: scale(1.27);}
  .day-opening .day-hero-description {font-size: 17px; line-height: 1.85;}
  .day-hero-actions {margin-top: 28px; gap: 18px; flex-direction: column; align-items: flex-start;}
  .day-opening .day-primary-link {font-size: 16px; padding: 13px 18px; gap: 14px;}
  .day-opening .day-secondary-link {font-size: 16px; padding: 6px 0;}
  .day-hero-bottom {bottom: 132px; padding-top: 16px;}
  .day-hero-bottom>span {display: none;}
  .day-opening .day-scroll-link {font-size: 14px; gap: 12px;}
  .day-main-shade {background: linear-gradient(90deg, rgba(10,20,20,.78), rgba(10,20,20,.45));}
  .day-main-standard {padding: 68px 0 62px;}
  .day-standard-grid {grid-template-columns: 1fr; gap: 42px;}
  .day-opening .day-since-year {font-size: 92px; margin-bottom: 16px;}
  .day-opening .day-since-description {font-size: 22px; margin-bottom: 14px;}
  .day-since .day-body {max-width: 400px; margin-bottom: 0;}
  .day-doctor-pair {gap: 24px; grid-template-columns: 1fr; margin-top: 34px;}
  .day-doctor-image {aspect-ratio: 1.5; max-height: 300px;}
  .day-doctor-pair figcaption {font-size: 15px; margin-top: 10px;}
  .day-main-treatments {padding: 64px 0 60px;}
  .day-treatments-heading {text-align: left; margin-bottom: 34px;}
  .day-standard-cards {grid-template-columns: 1fr; gap: 32px;}
  .day-standard-card {padding-top: 24px;}
  .day-card-number {font-size: 58px; margin-bottom: 18px;}
  html.cp-page-1day body main section.day-opening .day-standard-card h3 {font-size: 24px !important; margin-bottom: 14px;}
  .day-opening .day-card-tag {font-size: 12px;}
  .day-standard-card .day-body {margin-bottom: 14px;}
  .day-treatment-shortcuts {margin-top: 38px; gap: 14px 22px; padding-top: 22px;}
  .day-treatment-shortcuts>span {width: 100%; margin: 0;}
  .day-opening .day-treatment-note {font-size: 14px;}
}
@media(prefers-reduced-motion: reduce) {
  .day-opening .day-inline-link>span {transition: none;}
}

/* The year sequence plays once when its scene enters the viewport. */
.day-year-story {padding: 0 0 80px;}
.day-year-story {scroll-margin-top: 80px;}
.day-year-scroll {position: relative; height: calc(100svh - 164px); min-height: 540px;}
.day-year-pin {position: relative; top: 0; height: 100%; min-height: 540px; overflow: hidden;}
.day-year-waypoint {position: absolute; width: 1px; height: 1px; scroll-margin-top: 80px; pointer-events: none;}
.day-year-grid {position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center;}
.day-year-final {min-width: 0;}
.day-year-target {display: block; width: 2.56em; height: 1em; font-size: clamp(80px, 10.6vw, 148px); font-weight: 700; line-height: 1; color: var(--day-gold); font-variant-numeric: tabular-nums; visibility: hidden; margin-bottom: 22px;}
.day-year-final-meta, .day-year-content {opacity: var(--year-content, 0); visibility: hidden;}
.day-year-content {transform: translateY(var(--year-rise, 24px)); min-width: 0;}
.day-year-final-meta {transition: opacity .5s ease;}
.day-year-content>p, .day-year-content>.day-history-treatments, .day-year-content>.day-record-link {opacity: 0; transform: translateY(22px); transition: opacity 1s ease, transform 1s cubic-bezier(.22, .61, .36, 1);}
.day-year-line {display: block; overflow: hidden;}
.day-year-line>.day-phrase {transform: translateY(110%); transition: transform 1s cubic-bezier(.22, .61, .36, 1);}
.day-year-pin[data-content-reveal="true"] .day-year-content>p,
.day-year-pin[data-content-reveal="true"] .day-year-content>.day-history-treatments,
.day-year-pin[data-content-reveal="true"] .day-year-content>.day-record-link {opacity: 1; transform: none;}
.day-year-pin[data-content-reveal="true"] .day-year-line>.day-phrase {transform: none;}
.day-year-line:first-child>.day-phrase {transition-delay: .15s;}
.day-year-line:last-child>.day-phrase {transition-delay: .4s;}
.day-year-content>p.day-body {transition-delay: .65s;}
.day-year-content>.day-history-treatments {transition-delay: 1s;}
.day-year-content>.day-record-link {transition-delay: 1.3s;}
.day-year-pin[data-instant="true"] .day-year-content *, .day-year-pin[data-instant="true"] .day-year-final-meta {transition: none !important;}
.day-year-pin[data-story-visible="true"] .day-year-final-meta,
.day-year-pin[data-story-visible="true"] .day-year-content {visibility: visible;}
.day-year-visual {position: absolute; left: 50%; top: 50%; width: 2.56em; height: 1em; transform: translate(-50%, -50%); font-size: clamp(140px, 25vw, 320px); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--day-gold); opacity: var(--year-scene-opacity, 0); pointer-events: none; z-index: 2;}
.day-year-orb {position: absolute; left: 50%; top: 50%; width: min(60vw, 650px); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: #f7f3ec; opacity: calc(var(--year-orb-opacity, 1) * var(--year-scene-opacity, 0)); pointer-events: none;}
.day-year-outline {position: absolute; inset: 0; display: flex; height: 1em; line-height: 1; color: transparent; -webkit-text-stroke: 2px var(--day-gold); clip-path: inset(0 calc(100% * (1 - var(--year-outline-draw, 1))) 0 0); opacity: var(--year-outline-opacity, 1);}
.day-year-outline>span {display: block; width: .64em; height: 1em; line-height: 1; text-align: center;}
.day-year-badge {position: absolute; left: 0; top: -42px; font-size: 14px; line-height: 1.7; font-weight: 600; letter-spacing: .14em; white-space: nowrap; opacity: var(--year-intro, 1);}
.day-year-digits {display: flex; height: 1em; overflow: hidden; opacity: var(--year-fill-opacity, 0);}
.day-year-digit {display: block; width: .64em; height: 1em; overflow: hidden; text-align: center;}
.day-year-track {display: block; transform: translateY(calc(-1em * var(--digit-index, 0)));}
.day-year-track>span {display: block; height: 1em; line-height: 1;}
.day-history-treatments {display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; margin: 24px 0 22px;}
.day-history-treatments .day-inline-link {justify-content: space-between; width: 100%; font-size: 16px; gap: 8px;}
.day-opening .day-record-link {display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 16px; padding: 15px 18px; border: 1px solid #d9cbb7; border-radius: 3px; background: #f7f3ec; color: #665238; font-size: 16px; font-weight: 500; line-height: 1.6;}
.day-opening .day-record-link:hover {background: #efe7db;}
.day-year-intro {position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: min(580px, calc(100% - 40px)); text-align: center; visibility: hidden;}
.day-year-pin[data-intro-visible="true"] .day-year-intro {visibility: visible;}
.day-year-intro .day-body {margin-bottom: 8px; opacity: var(--year-intro, 1);}
.day-year-story .day-doctor-pair {margin-top: 40px; scroll-margin-top: 110px;}
.day-record-value {display: flex; align-items: baseline; gap: 5px; white-space: nowrap; color: var(--day-gold); font-size: clamp(54px, 5.6vw, 82px); font-weight: 600; line-height: 1.15; letter-spacing: -.055em; font-variant-numeric: tabular-nums; margin-bottom: 24px;}
.day-record-suffix {font-size: .6em;}
.day-record-unit {font-size: 18px; font-weight: 500; letter-spacing: 0; margin-left: 3px;}
html.cp-page-1day body main section.day-opening .day-record-card h3 {font-size: 24px !important;}
html.cp-page-1day body main section.day-opening .day-record-feature {display: block; font-size: inherit !important; line-height: inherit !important; font-weight: 600 !important; color: #8d7352; margin: 0 !important; letter-spacing: -.025em;}
.day-record-figure {display: inline-flex; align-items: baseline; gap: 5px; transform: scale(var(--record-scale, 1)); transform-origin: left center;}
.day-record-card[data-number-motion="scale"] {--record-scale: .78;}
.day-record-card {display: grid; grid-template-rows: auto auto 1fr auto; gap: 20px; align-items: start;}
.day-record-card .day-record-value, .day-record-card h3, .day-record-card .day-body {margin: 0 !important;}
.day-record-card>.day-inline-link {align-self: start; justify-self: start;}
@media(min-width:768px) {
  .day-record-card {grid-template-rows: 94px 72px 1fr auto;}
  @supports(grid-template-rows: subgrid) {
    .day-records .day-standard-cards {row-gap: 20px;}
    .day-record-card {grid-template-rows: subgrid; grid-row: span 4;}
  }
}
.day-records .day-standard-card .day-body {margin-bottom: 20px;}
.day-visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.day-clinic-strengths {margin-top: 72px; scroll-margin-top: 110px;}
.day-strengths-heading {margin-bottom: 30px;}
.day-strengths-heading .day-eyebrow {margin-bottom: 12px;}
html.cp-page-1day body main section.day-opening .day-strengths-heading h3 {margin: 0; font-size: clamp(28px, 2.4vw, 36px) !important; line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: -.05em !important;}
.day-strengths-grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}
.day-strength-card {display: flex; flex-direction: column; min-width: 0; padding: 28px 22px 24px; border: 1px solid #e2ded6; border-radius: 5px; background: #fff; color: var(--day-ink); transition: border-color .2s ease, background-color .2s ease;}
.day-strength-card:hover {border-color: #b89b72; background: #fcfbf8;}
html.cp-page-1day body main section.day-opening .day-strength-tag {font-size: 13px !important; letter-spacing: -.01em; margin-bottom: 18px;}
html.cp-page-1day body main section.day-opening .day-strength-card h4 {font-size: 24px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: -.045em !important; margin: 0 0 20px; min-height: 3em;}
.day-strength-card h4 em {display: block; font-style: normal; font-weight: 700; color: #8d7352;}
.day-strength-card .day-body {flex: 1; margin-bottom: 24px;}
.day-strength-link {display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding-top: 16px; border-top: 1px solid #e9e4da; color: #665238; font-size: 15px; line-height: 1.7; font-weight: 500;}
@media(min-width:768px) and (max-width:1179px) {
  .day-strengths-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px;}
}
@media(min-width:768px) and (max-width:1000px) {
  .day-year-grid {gap: 34px; grid-template-columns: .75fr 1.25fr;}
  .day-history-treatments {grid-template-columns: 1fr; gap: 2px; margin-block: 16px;}
  .day-record-value {font-size: clamp(40px, 5.5vw, 55px);}
  html.cp-page-1day body main section.day-opening .day-record-card h3 {font-size: 22px !important;}
}
@media(max-width:767px) {
  .day-year-story {padding: 0 0 60px;}
  .day-year-story {scroll-margin-top: 115px;}
  .day-year-scroll {height: calc(100svh - 247px); min-height: 410px;}
  .day-year-pin {top: 0; height: 100%; min-height: 410px;}
  .day-year-orb {width: min(88vw, 380px);}
  .day-year-waypoint {scroll-margin-top: 115px;}
  .day-year-grid {grid-template-columns: 1fr; gap: 18px; align-content: center; align-items: start; padding-block: 20px;}
  .day-year-final .day-eyebrow {margin-bottom: 4px;}
  .day-year-target {font-size: 64px; margin-bottom: 8px;}
  .day-year-final .day-body {margin: 0;}
  .day-year-content h2 {font-size: 28px; line-height: 1.35; margin-bottom: 16px;}
  .day-year-content .day-eyebrow {margin-bottom: 10px; letter-spacing: .07em;}
  .day-year-content .day-body {margin-bottom: 14px;}
  .day-history-treatments {gap: 4px 14px; margin: 14px 0 12px;}
  .day-history-treatments .day-inline-link {font-size: 15px; line-height: 1.6; padding-block: 6px;}
  .day-opening .day-record-link {font-size: 15px; padding: 10px 12px;}
  .day-year-badge {top: -34px; font-size: 13px;}
  .day-year-intro {bottom: 16px;}
  .day-year-story .day-doctor-pair {margin-top: 28px;}
  .day-clinic-strengths {margin-top: 48px; scroll-margin-top: 135px;}
  .day-strengths-heading {margin-bottom: 24px;}
  html.cp-page-1day body main section.day-opening .day-strengths-heading h3 {font-size: 27px !important;}
  .day-strengths-grid {grid-template-columns: 1fr; gap: 20px;}
  .day-strength-card {padding: 24px 22px 22px;}
  html.cp-page-1day body main section.day-opening .day-strength-card h4 {font-size: 22px !important; margin-bottom: 16px; min-height: 0;}
  .day-strength-card .day-body {margin-bottom: 20px;}
  .day-record-value {font-size: clamp(54px, 17.8vw, 82px); margin-bottom: 18px;}
  .day-record-unit {font-size: 16px;}
  html.cp-page-1day body main section.day-opening .day-record-card h3 {font-size: 23px !important;}
}
@media(max-width:767px) and (max-height:750px) {
  .day-year-final .day-body, .day-year-content>.day-eyebrow, .day-year-content>.day-body {display: none;}
}
@media(prefers-reduced-motion: reduce) {
  .day-hero-word-track {animation: none;}
  .day-record-card[data-number-motion="scale"] {--record-scale: 1;}
  .day-strength-card {transition: none;}
  .day-year-scroll {height: auto; min-height: 0;}
  .day-year-pin {position: relative; top: auto; height: auto; min-height: 0; overflow: visible; padding: 76px 0 24px;}
  .day-year-grid {position: relative; padding-block: 0;}
  .day-year-visual, .day-year-intro, .day-year-waypoint, .day-year-orb {display: none;}
  .day-year-target, .day-year-final-meta, .day-year-content {visibility: visible; opacity: 1; transform: none;}
  .day-year-final-meta, .day-year-content>p, .day-year-content>.day-history-treatments, .day-year-content>.day-record-link, .day-year-line>.day-phrase {opacity: 1; transform: none; transition: none;}
}


/* October 14 feedback: one hero clock, filled year, and five shared record rows. */
.day-hero-word-track {animation: none; transition: transform .63s cubic-bezier(.65,0,.35,1);}
.day-hero-word-track[data-instant="true"] {transition: none;}
.day-hero-word-active {display: block; height: 1.3em; line-height: 1.3; white-space: nowrap; animation: dayHeroWordEnter .38s ease-out both;}
@keyframes dayHeroWordEnter {
  from {opacity: .85; transform: translateY(.08em);}
  to {opacity: 1; transform: translateY(0);}
}
.day-opening .day-secondary-link {min-width: 232px; justify-content: space-between;}
.day-secondary-label {white-space: nowrap;}
.day-year-visual, .day-year-target {width: 2.48em; font-family: 'Noto Sans KR', ui-sans-serif, system-ui, sans-serif; font-weight: 700; font-variant-numeric: tabular-nums lining-nums;}
.day-year-digit, .day-year-outline>span {width: .62em;}
.day-year-outline {display: none;}
.day-year-digits {opacity: 1;}
.day-year-orb {width: min(52vw, 580px); background: #f8f5ef;}
.day-year-content>p, .day-year-content>.day-history-treatments, .day-year-content>.day-record-link {transition-duration: .7s;}
.day-year-line>.day-phrase {transition-duration: .7s;}
.day-year-line:first-child>.day-phrase {transition-delay: .05s;}
.day-year-line:last-child>.day-phrase {transition-delay: .15s;}
.day-year-content>p.day-body {transition-delay: .25s;}
.day-year-content>.day-history-treatments {transition-delay: .4s;}
.day-year-content>.day-record-link {transition-delay: .6s;}
.day-record-card {grid-template-rows: auto auto auto 1fr auto; row-gap: 20px;}
html.cp-page-1day body main section.day-opening .day-record-card>.day-record-feature {margin: 0 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.75 !important; color: #8d7352;}
.day-record-card>.day-record-description {margin: 0 !important;}
@media(min-width:768px) {
  .day-records .day-standard-cards {grid-template-rows: minmax(94px, auto) auto minmax(30px, auto) 1fr auto; row-gap: 20px;}
  .day-record-card {grid-template-rows: minmax(94px, auto) minmax(36px, auto) minmax(30px, auto) 1fr auto;}
  @supports(grid-template-rows: subgrid) {
    .day-record-card {grid-row: span 5; grid-template-rows: subgrid;}
  }
}
@media(max-width:767px) {
  .day-opening .day-secondary-link {min-width: 220px;}
  .day-year-orb {width: min(88vw, 360px);}
  .day-record-card {row-gap: 14px;}
  html.cp-page-1day body main section.day-opening .day-record-card>.day-record-feature {font-size: 16px !important;}
}
@media(prefers-reduced-motion: reduce) {
  .day-hero-word-track {transition: none;}
  .day-hero-word-active {animation: none;}
}

/* October 15 preview feedback: brisker opening without removing the journey. */
.day-year-final-meta {transition-duration: .4s;}
.day-year-content>p, .day-year-content>.day-history-treatments, .day-year-content>.day-record-link {transition-duration: .5s;}
.day-year-line>.day-phrase {transition-duration: .5s;}
.day-year-line:first-child>.day-phrase {transition-delay: 0s;}
.day-year-line:last-child>.day-phrase {transition-delay: .08s;}
.day-year-content>p.day-body {transition-delay: .16s;}
.day-year-content>.day-history-treatments {transition-delay: .24s;}
.day-year-content>.day-record-link {transition-delay: .35s;}

/* October 15 follow-up: a shared, restrained transition for headline and treatment. */
.day-hero-actions {width:100%;}
.day-hero-word-window {position: relative; display:inline-grid; align-items:baseline; vertical-align:baseline;}
.day-hero-word-active, .day-hero-word-previous {
  position: static; inset: auto; grid-area:1 / 1; display:block; height:1.3em; line-height:1.3;
  white-space:nowrap; will-change:opacity;
}
.day-hero-word-active, .day-secondary-label {
  animation: dayHeroCopyIn .58s cubic-bezier(.22,.61,.36,1) .12s both;
}
.day-hero-word-previous, .day-secondary-label-previous {
  pointer-events: none; animation: dayHeroCopyOut .28s cubic-bezier(.4,0,.6,1) both;
}
.day-secondary-label-window {display: inline-grid; align-items: center; overflow: hidden; text-align: left;}
.day-secondary-label, .day-secondary-label-previous {grid-area: 1 / 1; white-space: nowrap;}
.day-hero-word-window[data-instant="true"] .day-hero-word-active,
.day-secondary-label-window[data-instant="true"] .day-secondary-label {animation: none;}
.day-opening .day-secondary-link {
  min-width: min(100%, 290px); gap: 22px; font-size: 20px; font-weight: 500;
  line-height: 1.65; padding-block: 12px; border-bottom-color: #ffffffa6;
  text-shadow: 0 1px 8px #00000035;
}
.day-secondary-link>span:last-child {font-size: 22px;}
@keyframes dayHeroCopyIn {
  from {opacity: 0; transform: none; filter: blur(.8px);}
  to {opacity: 1; transform: none; filter: blur(0);}
}
@keyframes dayHeroCopyOut {
  from {opacity: 1; transform: none; filter: blur(0);}
  to {opacity: 0; transform: none; filter: blur(.8px);}
}
/* The final year darkens as it arrives, then settles without a flash. */
.day-year-pin[data-year-arrived="true"] .day-year-digits {animation: dayYearArrive .42s cubic-bezier(.22,.61,.36,1) both;}
@keyframes dayYearArrive {
  from {transform: translateY(-.012em) scale(1.012);}
  to {transform: translateY(0) scale(1);}
}
.day-year-pin[data-instant="true"] .day-year-digits {animation: none;}
@media(max-width:767px) {
  .day-opening .day-secondary-link {min-width: min(100%, 258px); font-size: 18px; padding-block: 9px;}
}
@media(prefers-reduced-motion: reduce) {
  .day-hero-word-active, .day-secondary-label, .day-year-digits {animation: none !important;}
  .day-hero-word-previous, .day-secondary-label-previous {display: none;}
}