/* Editorial topics, in the free upper part of the title photograph. */
:root body.patient-home .brand-cover-stage{overflow:hidden}
:root body.patient-home .brand-cover-brand{position:relative;z-index:2}
.title-topics{position:absolute;inset:0;z-index:1;pointer-events:none}
:root body .title-topic{position:absolute;display:flex;align-items:center;justify-content:center;width:clamp(140px,12vw,180px);height:clamp(140px,12vw,180px);padding:24px;box-sizing:border-box;border:0;border-radius:50%;background:radial-gradient(circle,rgba(253,252,249,.30) 0%,rgba(253,252,249,.24) 44%,rgba(253,252,249,.10) 67%,rgba(253,252,249,0) 76%);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fffdf9;font-family:Manrope,Arial,sans-serif;font-size:clamp(.7rem,.85vw,.85rem);font-weight:500;line-height:1.5;letter-spacing:.025em;text-align:center;text-transform:uppercase;opacity:0;transform:scale(.8);transition:none;will-change:opacity,transform}
:root body .title-topic>span{display:block;width:100%;margin:0;padding:0;text-align:center;font:inherit;line-height:inherit;letter-spacing:inherit;text-wrap:balance;text-shadow:0 1px 3px rgba(59,43,38,.65),0 2px 8px rgba(112,61,44,.28)}
:root body .title-topic.is-visible{animation:topic-breathe 12s cubic-bezier(.4,0,.25,1) both}
@keyframes topic-breathe{0%{opacity:0;transform:scale(.8)}35%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1.035)}100%{opacity:0;transform:scale(.88)}}
.title-topic[data-position="0"]{top:6%;left:5%}
.title-topic[data-position="1"]{top:10%;right:6%}
.title-topic[data-position="2"]{top:4%;left:30%}
.title-topic[data-position="3"]{top:8%;right:28%}
.instagram-profile-link{display:inline-flex!important;align-items:center;gap:9px}
.instagram-profile-link svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
:root body .accent-punctuation::after,:root body .accent-separator::after{border-radius:50%;background:var(--bronze)}
:root body .closing .accent-punctuation::after,:root body .closing .accent-separator::after{background:#e4af9c}
@media(max-width:680px){
:root body .title-topic{width:168px;height:168px;padding:20px;font-size:.66rem;line-height:1.45;letter-spacing:.015em}
.title-topic[data-position="0"],.title-topic[data-position="2"]{top:16px;left:14px;right:auto}
.title-topic[data-position="1"],.title-topic[data-position="3"]{top:16px;right:14px;left:auto}
}
@media(prefers-reduced-motion:reduce){:root body .title-topic.is-visible{animation:none;opacity:1;transform:none}}

:root body .title-topic.topic-wide{width:clamp(164px,14vw,204px);height:clamp(164px,14vw,204px)}
@media(max-width:680px){:root body .title-topic.is-visible{animation-duration:9s}:root body .title-topic.topic-wide{width:210px;height:210px}:root body .title-topic>span{overflow-wrap:normal;word-break:normal;hyphens:none}}

@media(min-width:681px) and (max-width:1000px){:root body .title-topic.is-visible{animation-duration:9s}.title-topic[data-position="0"],.title-topic[data-position="2"]{top:6%;left:4%;right:auto}.title-topic[data-position="1"],.title-topic[data-position="3"]{top:6%;right:4%;left:auto}}

/* Decorative motion becomes direct, keyboard-accessible treatment links. */
:root body.patient-home .brand-cover-brand{pointer-events:none}
:root body.patient-home .brand-cover-logo{pointer-events:auto}
.title-topics{z-index:3}
:root body a.title-topic{pointer-events:none;text-decoration:none;color:#fffdf9;cursor:pointer}
:root body a.title-topic.is-visible{pointer-events:auto}
:root body a.title-topic:focus-visible{outline:2px solid #fffdf9;outline-offset:-12px}
:root body .title-topics.is-paused .title-topic{animation-play-state:paused}

:root body .title-topic>span{overflow-wrap:normal;word-break:normal;hyphens:none}

/* Explicit interactive states override the general bronze link treatment. */
:root body a.title-topic:is(:hover,:focus-visible,:active){color:var(--espresso,#3b2b26);background:radial-gradient(circle,rgba(253,252,249,.58) 0%,rgba(253,252,249,.46) 44%,rgba(253,252,249,.18) 67%,rgba(253,252,249,0) 76%)}
:root body a.title-topic:is(:hover,:focus-visible,:active)>span{color:var(--espresso,#3b2b26);text-shadow:none}
:root body a.title-topic:focus-visible{outline-color:var(--espresso,#3b2b26)}

@media(min-width:1001px){.title-topic[data-position="4"]{top:auto;bottom:8%;right:4%;left:auto}}

@media(max-width:480px){:root body .title-topic.is-visible{animation-duration:8s}}
@media(min-width:1600px){
.title-topic[data-position="0"]{left:3%}
.title-topic[data-position="1"]{right:3%}
.title-topic[data-position="2"]{left:24%}
.title-topic[data-position="3"]{right:24%}
.title-topic[data-position="5"]{top:7%;left:45%;right:auto}
}

@media(max-width:680px){:root body .title-topic{width:144px;height:144px;padding:18px;font-size:.62rem}:root body .title-topic.topic-wide{width:184px;height:184px}:root body .title-topic.is-visible{animation-duration:8s}}

/* Mobile reading: larger sentence-case text, bright translucent circles and staggered positions. */
@keyframes topic-breathe-mobile{0%{opacity:0;transform:scale(.94)}15%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.02)}100%{opacity:0;transform:scale(.97)}}
@media(max-width:680px){
:root body.patient-home .brand-cover-stage{height:clamp(380px,96vw,440px)}
:root body.patient-home a.title-topic{width:190px;height:190px;padding:24px;font-size:clamp(.875rem,3.6vw,.95rem);font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--espresso,#3b2b26);background:radial-gradient(circle,rgba(253,252,249,.78) 0%,rgba(253,252,249,.64) 43%,rgba(253,252,249,.26) 65%,rgba(253,252,249,0) 76%)}
:root body.patient-home a.title-topic.topic-wide{width:230px;height:230px;padding:22px}
:root body.patient-home a.title-topic>span{color:var(--espresso,#3b2b26);text-shadow:none;text-align:center;hyphens:none;word-break:normal;overflow-wrap:normal}
:root body.patient-home a.title-topic[data-position="0"],:root body.patient-home a.title-topic[data-position="2"]{top:4px;left:4px;right:auto;bottom:auto}
:root body.patient-home a.title-topic[data-position="1"],:root body.patient-home a.title-topic[data-position="3"]{top:146px;right:4px;left:auto;bottom:auto}
:root body.patient-home a.title-topic.is-visible{animation-name:topic-breathe-mobile;animation-duration:10s}
:root body.patient-home a.title-topic:is(:hover,:focus-visible,:active){background:radial-gradient(circle,rgba(253,252,249,.94) 0%,rgba(253,252,249,.82) 43%,rgba(253,252,249,.32) 65%,rgba(253,252,249,0) 76%)}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){:root body.patient-home a.title-topic.is-visible{animation:none;opacity:1;transform:none}}

/* Earlier second topic without speeding up the gentle individual transitions. */
:root body.patient-home a.title-topic.is-intro{animation-duration:9.6s}
@media(max-width:1000px){:root body.patient-home a.title-topic.is-intro{animation-duration:5.8s}}
@media(max-width:680px){:root body.patient-home a.title-topic.is-visible{animation-duration:9.2s}:root body.patient-home a.title-topic.is-intro{animation-duration:6s}}

/* A new circle rises as the oldest circle gently recedes. */
@keyframes topic-recede{from{opacity:var(--topic-exit-opacity,1);transform:var(--topic-exit-transform,scale(1))}to{opacity:0;transform:scale(.9)}}
:root body.patient-home a.title-topic.is-visible.is-retiring{animation:topic-recede var(--topic-exit-duration,2100ms) cubic-bezier(.4,0,.25,1) both}
:root body .title-topics.is-paused a.title-topic.is-retiring{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){:root body.patient-home a.title-topic.is-visible.is-retiring{animation:none;opacity:1;transform:none}}