/* Three quiet rituals, following the approved illustrated second-screen design. */
.rituals-section{position:relative;padding:106px 0 0}
.rituals{position:relative}
.rituals .section-head{display:block;margin:0 0 48px}
.rituals .section-head h2{font-size:38px;line-height:1.5;letter-spacing:.025em;margin:0;color:#704a5b}
.rituals .section-head p{font-size:16px;line-height:1.8;margin:17px 0 0;color:#795e69}
.rituals .ritual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}
.rituals .ritual-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;border:0;border-radius:0;background:none;overflow:visible;padding:0 34px 0 0;transition:none;box-shadow:none}
.rituals .ritual-card+.ritual-card{padding:0 34px;border-left:1px solid #d8bbc0}
.rituals .ritual-card:last-child{padding-right:0}
.rituals .ritual-card:hover,.rituals .ritual-card:has(.card-detail:not([hidden])){transform:none;box-shadow:none}
.rituals .card-visual{width:176px;min-width:0;height:176px;justify-self:center;align-self:center;margin-bottom:24px}
.rituals .card-visual img{display:block;width:100%;height:100%;object-fit:contain}
.rituals .card-light .card-visual img{transform:scale(1.24)}
.rituals .card-bath .card-visual img{transform:scale(1.15)}
.rituals .card-text{min-width:0;padding:0;border-radius:0;background:none}
.rituals .card-text h3{font-size:26px;line-height:1.5;letter-spacing:0;margin:0 0 11px;color:#704a5b}
.rituals .card-text p{min-height:0;font-size:16px;line-height:1.85;color:#795e69;margin:0}
.rituals .more-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:17px;padding:6px 0;border-bottom:1px solid #bc959f;font-size:16px;line-height:1.6;color:#704a5b}
.rituals .more-label{margin:0;font-size:inherit}
.rituals .more-chevron{width:18px;height:18px;flex:none;transition:transform .22s ease}
.rituals .more-link[aria-expanded=true] .more-chevron{transform:rotate(180deg)}
.rituals .more-link:focus-visible{outline:2px solid #987384;outline-offset:5px;border-radius:2px}
.rituals .card-detail{grid-column:1/-1;margin:22px 0 0;padding:18px 0 0;border-color:#dcc3c8;font-size:16px;line-height:1.85;color:#795e69}
.rituals .card-detail[hidden]{display:none}
.rituals-section+.worry-section{margin-top:84px}
body.dimmed .rituals :is(.ritual-card,.card-text){background:none}
body.dimmed .rituals .ritual-card{border-color:#705968}
body.dimmed .rituals :is(h2,h3){color:#f4ddd7}
body.dimmed .rituals :is(.section-head p,.card-text p,.card-detail){color:#d8c3cf}
body.dimmed .rituals .more-link{color:#edc9d5;border-color:#9f7b8f}
body.dimmed .rituals .card-detail{border-color:#705968}
body.dimmed .rituals .card-visual img{filter:brightness(.86)}
@media(min-width:701px) and (max-width:1050px){
  .rituals .ritual-card{padding-right:23px}
  .rituals .ritual-card+.ritual-card{padding-inline:23px}
  .rituals .ritual-card:last-child{padding-right:0}
  .rituals .card-visual{width:148px;height:148px}
  .rituals .card-text h3{font-size:23px}
}
@media(max-width:700px){
  .rituals-section{padding-top:82px}
  .rituals{width:calc(100% - 48px)}
  .rituals .section-head{margin:0 8px 44px}
  .rituals .section-head h2{font-size:33px;line-height:1.42;letter-spacing:.015em}
  .rituals .section-head p{margin-top:17px;font-size:15px;line-height:1.8}
  .rituals .ritual-grid{grid-template-columns:1fr}
  .rituals .ritual-card,.rituals .ritual-card+.ritual-card{grid-template-columns:120px minmax(0,1fr);column-gap:20px;padding:26px 0 24px;border-left:0}
  .rituals .ritual-card:first-child{padding-top:15px}
  .rituals .ritual-card+.ritual-card{border-top:1px solid #d8bbc0}
  .rituals .ritual-card:last-child{padding-bottom:0}
  .rituals .card-visual{width:128px;height:128px;margin:0;justify-self:center;align-self:center}
  .rituals .card-text h3{font-size:23px;line-height:1.5;margin:0 0 10px}
  .rituals .card-text p{font-size:16px;line-height:1.65}
  .rituals .more-link{margin-top:8px;font-size:16px;gap:11px}
  .rituals .card-detail{margin-top:20px;font-size:16px;padding-top:17px}
  .rituals-section+.worry-section{margin-top:72px}
}
@media(max-width:365px){
  .rituals{width:calc(100% - 40px)}
  .rituals .section-head{margin-inline:4px}
  .rituals .section-head h2{font-size:29px}
  .rituals .ritual-card,.rituals .ritual-card+.ritual-card{grid-template-columns:92px minmax(0,1fr);column-gap:16px}
  .rituals .card-visual{width:100px;height:100px}
  .rituals .card-text h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.rituals .more-chevron{transition:none}}