/* A visible photographic invitation before the Mood lessons. */
.meditation-practice-section{width:88%;max-width:1200px;margin:16px auto 64px;color:#f9f4e9;background:#2d4438;scroll-margin-top:28px}
.meditation-practice-inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.meditation-photo{position:relative;min-width:0;margin:0;overflow:hidden;min-height:590px}
.meditation-photo>img,.meditation-photo>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.meditation-photo::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(14,25,19,.64))}
.meditation-photo figcaption{position:absolute;z-index:1;left:9%;right:8%;bottom:42px;font:400 clamp(32px,3.2vw,46px)/1.09 Georgia,serif;letter-spacing:-.035em;color:#fff9ec}
.meditation-photo figcaption em{font-weight:400}
.meditation-copy{padding:48px 10%;align-self:center;min-width:0}
.meditation-copy>.meditation-eyebrow{display:block;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e1dbc9;margin-bottom:22px}
.meditation-copy h2{font:400 clamp(30px,3.1vw,44px)/1.13 Georgia,serif;letter-spacing:-.035em;color:#fff8eb;margin:0 0 23px}
.meditation-copy h2 em{font-weight:400;color:#e9d4b4}
.meditation-copy .meditation-lead{font:400 15px/1.75 Arial,sans-serif;color:#f3eee2;margin:0 0 17px}
.meditation-copy .meditation-how{font:400 13px/1.75 Arial,sans-serif;color:#dce1d5;margin:0 0 25px}
.rhea-meditation{color:inherit;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff40}
.rhea-meditation[hidden]{display:none}
.rhea-meditation .meditation-clock-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rhea-meditation .meditation-time{font:400 50px/1 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.rhea-meditation .meditation-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.rhea-meditation button{min-height:44px;min-width:44px;font:500 12px/1.3 Arial,sans-serif;cursor:pointer;border-radius:0;letter-spacing:.025em}
.rhea-meditation button:focus-visible,.rhea-meditation input:focus-visible{outline:2px solid #f4dfbf;outline-offset:5px}
.rhea-meditation .meditation-start{padding:12px 15px;border:1px solid #ece5d3;background:transparent;color:#fff8eb}
.rhea-meditation .meditation-reset{padding:4px 0;min-height:32px;border:0;border-bottom:1px solid currentColor;background:transparent;color:#e6e4d7;font-size:11px}
.rhea-meditation button:disabled{opacity:.45;cursor:default}
.rhea-meditation .meditation-progress{display:block;width:100%;height:2px;margin:20px 0 22px;border:0;border-radius:0;background:#64776a;accent-color:#e6d1ac;appearance:none}
.rhea-meditation .meditation-progress::-webkit-progress-bar{background:#64776a}
.rhea-meditation .meditation-progress::-webkit-progress-value{background:#e6d1ac}
.rhea-meditation .meditation-progress::-moz-progress-bar{background:#e6d1ac}
.rhea-meditation .meditation-sound-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.rhea-meditation .meditation-sound{display:flex;align-items:center;gap:11px;background:#f4eddc;color:#2d4438;border:1px solid #f4eddc;padding:11px 15px;text-align:left}
.rhea-meditation .meditation-sound-icon{font-size:10px}
.rhea-meditation .meditation-volume{display:flex;align-items:center;gap:8px;font:400 11px/1.5 Arial,sans-serif;color:#e1e4d8}
.rhea-meditation input[type=range]{width:76px;height:44px;margin:0;accent-color:#dec8a4;cursor:pointer}
.rhea-meditation .meditation-status{min-height:18px;margin:15px 0 0;font:400 12px/1.6 Arial,sans-serif;color:#dce1d5}
.meditation-copy noscript{font:14px/1.7 Arial,sans-serif}
.meditation-copy noscript audio{width:100%;margin-top:14px}
@media(max-width:900px){.meditation-copy{padding:36px 8%}.meditation-photo{min-height:580px}.rhea-meditation .meditation-time{font-size:44px}.rhea-meditation .meditation-sound-row{gap:10px}}
@media(max-width:700px){.meditation-practice-section{margin:12px auto 44px}.meditation-practice-inner{grid-template-columns:1fr}.meditation-photo{min-height:0;aspect-ratio:3/2}.meditation-photo figcaption{font-size:32px;bottom:25px}.meditation-copy{padding:35px 8% 38px}.meditation-copy h2{font-size:35px}.meditation-copy>.meditation-eyebrow{margin-bottom:18px}.rhea-meditation .meditation-sound-row{gap:10px 18px}}