/* Palette and scene grammar from the approved animated landing page. */
.mirlo-theme.story-theme{--story-paper:#f4f4f1;--story-sheet:#fcfbf7;--story-sage:#59755c;--story-berry:#b73357;--story-line:#dfe2d7;--story-ink:#263128;--story-muted:#6c7569;--bg:var(--story-paper);--ink:var(--story-ink);--muted:var(--story-muted);--quiet:#727b6c;--accent:var(--story-berry);--panel:#e9ede3;--line:var(--story-line);background-color:var(--story-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");color:var(--story-ink)}
.mirlo-theme.story-theme .site-header{background:transparent;border-bottom:1px solid var(--story-line)}
.mirlo-theme.story-theme .header-search{background:#fcfbf770;border-color:#d9ded1;border-radius:8px}
.mirlo-theme.story-theme .site-header nav>a{color:#64705f}
.mirlo-theme.story-theme .site-header nav>a.active{color:var(--story-berry)}
.mirlo-theme.story-theme .button{border-radius:9px 7px 10px 8px;box-shadow:0 3px 0 #89253f18}
.mirlo-theme.story-theme .button.outline{color:var(--story-sage);border-color:#97a68a;background:transparent;box-shadow:none}
.mirlo-theme.story-theme .button.outline:hover{background:#e6ecde;border-color:var(--story-sage)}
.mirlo-theme.story-theme .eyebrow{color:var(--story-sage);letter-spacing:.12em}
.mirlo-theme.story-theme .site-footer{margin:56px auto 0;padding:36px 0 38px;border-top:1px solid var(--story-line);color:var(--story-muted)}
.mirlo-theme.story-theme .footer-brand{color:var(--story-sage)}
.mirlo-theme.story-theme .player{background:#fcfbf7f5;backdrop-filter:blur(12px);border-color:#d5dccd;box-shadow:0 -4px 20px #34432e05}
.mirlo-theme.story-theme .playing-track img{border-radius:3px;box-shadow:0 1px 5px #30412d15}
.mirlo-theme.story-theme .player .preview-badge{border-color:#c9d4bd;color:var(--story-sage);background:#edf1e7}
.mirlo-theme.story-theme .playback-buttons .icon-button[aria-pressed=true]{color:var(--story-sage);background:#e5ecdb}
.mirlo-theme.story-theme .player input[type=range]{accent-color:var(--story-berry)}
.mirlo-theme.story-theme .mirlo-content{padding-top:48px}
.mirlo-theme.story-theme .mirlo-community{background:#e9ede3;border-color:#93a37e;border-radius:13px 8px 12px 9px}
.mirlo-theme.story-theme .mirlo-community .eyebrow,.mirlo-theme.story-theme .mirlo-community h2{color:var(--story-sage)}
.mirlo-theme.story-theme .mirlo-topics>a{border-radius:16px 13px 15px 12px;background:#e9ede3;color:var(--story-sage);border-color:#d7dfcc;padding:6px 14px}
.mirlo-theme.story-theme .mirlo-topics>a:hover{background:var(--story-sage);border-color:var(--story-sage);color:var(--story-sheet)}
.mirlo-theme.story-theme .mirlo-topics>.mirlo-all-tags{background:transparent;border-color:transparent}
.mirlo-theme.story-theme .mirlo-topics>.mirlo-all-tags:hover{color:var(--story-berry)}
.mirlo-theme.story-theme .mirlo-collection-title h2,.mirlo-theme.story-theme .faq h2{color:var(--story-ink);font-weight:600}
.mirlo-theme.story-theme .record-cover{border:7px solid var(--story-sheet);border-radius:3px;box-shadow:0 3px 12px #35402a0b}
.mirlo-theme.story-theme .record-cover .cover-label{background:#fcfbf7eb;color:var(--story-sage);border:1px solid #d6decc;top:10px;left:10px}
.mirlo-theme.story-theme .record-cover:after{display:none}
.mirlo-theme.story-theme .record-cover .cover-type{display:none}
.mirlo-theme.story-theme .record-title-row h3{font-size:17px;font-weight:550}
.mirlo-theme.story-theme .record-card>p{color:var(--story-muted)}
.mirlo-theme.story-theme .story-wish-art{width:100%;height:100%;position:relative;background:#e9eddf;overflow:hidden;display:grid;place-items:center}
.mirlo-theme.story-theme .story-wish-art>svg{width:75%;height:75%;position:relative;z-index:1}
.mirlo-theme.story-theme .story-wish-self{background:#eeebde}
.mirlo-theme.story-theme .story-wish-abundance{background:#e4eadb}
.mirlo-theme.story-theme .story-wish-art>.story-wish-cloud{position:absolute;width:86%;height:auto;left:7%;top:34%;object-fit:contain;opacity:.35}
.mirlo-theme.story-theme .story-heading{position:relative;isolation:isolate;display:flex;align-items:center;min-height:210px;padding:35px 270px 38px 0!important;margin:0 0 30px;gap:0;border-bottom:1px solid var(--story-line)}
.mirlo-theme.story-theme .story-heading-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-width:0}
.mirlo-theme.story-theme .story-heading-copy h1{font:650 clamp(32px,3.1vw,42px)/1.4 var(--display);letter-spacing:-.8px;margin:0;color:var(--story-ink)}
.mirlo-theme.story-theme .story-heading-copy p{font-size:13px;line-height:1.9;max-width:610px;color:var(--story-muted);margin:0}
.mirlo-theme.story-theme .story-heading-copy>a{font-size:12px;color:var(--story-berry);text-decoration:underline;text-underline-offset:4px}
.mirlo-theme.story-theme .story-heading-art{position:absolute;right:13px;top:16px;width:235px;height:178px;pointer-events:none;z-index:0}
.mirlo-theme.story-theme .story-heading-art .mirlo-scene{z-index:0;isolation:isolate}
.mirlo-theme.story-theme .story-rider{position:absolute;width:195px;height:auto;left:24px;top:21px;animation:story-flight 7.8s ease-in-out infinite;transform-origin:50% 60%}
.mirlo-theme.story-theme .story-drift{position:absolute;display:block;animation:story-cloud-drift 12s ease-in-out infinite alternate}
.mirlo-theme.story-theme .story-drift-far{width:79px;height:40px;left:0;top:7px;opacity:.65}
.mirlo-theme.story-theme .story-drift-near{width:102px;height:51px;right:0;bottom:6px;opacity:.65;animation-delay:-5s}
.mirlo-theme.story-theme .story-drift .mirlo-cloud{inset:0;width:100%;height:100%;opacity:1}
.mirlo-theme.story-theme .story-motion-control{position:absolute;right:22px;bottom:13px;padding:3px 0;min-height:24px;font-size:10px;color:var(--story-muted);text-decoration:underline;text-underline-offset:4px}
.mirlo-theme.story-theme .story-motion-control:hover{color:var(--story-sage)}
.mirlo-theme.story-theme .library-account{margin-top:9px;gap:16px}
.mirlo-theme.story-theme .library-account>.button{min-height:34px;padding:7px 13px;font-size:11px}
.mirlo-theme.story-theme .library-toolbar{border:0;padding:0;margin-bottom:29px}
.mirlo-theme.story-theme .library-tabs button{border-radius:18px 15px 18px 15px;font-size:12px}
.mirlo-theme.story-theme .library-tabs button.selected{background:var(--story-sage);color:var(--story-sheet)}
.mirlo-theme.story-theme .audio-room{grid-template-columns:minmax(0,1fr) 270px;gap:36px}
.mirlo-theme.story-theme .audio-room .ar-player{padding:26px;background:var(--story-sheet);border:1px solid var(--story-line);border-radius:5px 13px 8px 6px;box-shadow:0 4px 15px #35402a04}
.mirlo-theme.story-theme .audio-room .ar-section-label{color:var(--story-sage);font-weight:550}
.mirlo-theme.story-theme .audio-room .ar-section-label>span{letter-spacing:.09em;font-size:9px}
.mirlo-theme.story-theme .audio-room .ar-playing{gap:28px}
.mirlo-theme.story-theme .audio-room .ar-playing>img{width:clamp(150px,18vw,225px);border:6px solid #fffef9;border-radius:2px;box-shadow:0 3px 12px #35402a14}
.mirlo-theme.story-theme .audio-room .ar-playing h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-1px}
.mirlo-theme.story-theme .audio-room .ar-play{background:var(--story-berry);border-color:var(--story-berry);border-radius:23px 20px 24px 21px;padding:10px 27px}
.mirlo-theme.story-theme .audio-room .ar-play:hover{background:#982344;border-color:#982344}
.mirlo-theme.story-theme .audio-room .ar-sidebar{padding:6px 0 0 27px;border-left:1px solid var(--story-line)}
.mirlo-theme.story-theme .audio-room .ar-timer-buttons button{background:#edf0e6;border-color:#dce3d3;border-radius:6px 8px 5px 7px;color:var(--story-sage);font-size:11px}
.mirlo-theme.story-theme .audio-room .ar-timer-buttons [aria-pressed=true]{background:var(--story-sage);border-color:var(--story-sage);color:#fff}
.mirlo-theme.story-theme .audio-room .ar-timer-buttons [aria-pressed=true]:hover{background:#475f49;border-color:#475f49;color:#fff}
.mirlo-theme.story-theme .audio-room .ar-timer .ar-countdown{color:var(--story-sage)}
.mirlo-theme.story-theme .audio-room .ar-track{background:#fcfbf75c;border-radius:4px 9px 6px 4px;padding:13px}
.mirlo-theme.story-theme .audio-room .ar-track:hover{background:#e9ede3}
.mirlo-theme.story-theme .audio-room .ar-small{background:var(--story-sheet);color:var(--story-sage);border-color:#d7dfcd}
.mirlo-theme.story-theme .audio-room .ar-access-note{border-color:var(--story-line)}
.mirlo-theme.story-theme .audio-room .ar-track-actions [aria-pressed=true]{color:var(--story-berry)}
.mirlo-theme.story-theme .story-custom-art>.story-wish-art{aspect-ratio:1.15}
.mirlo-theme.story-theme.mirlo-motion-paused :is(.story-rider,.story-drift){animation-play-state:paused}
@keyframes story-flight{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes story-cloud-drift{from{translate:-6px 0}to{translate:6px -3px}}
@media(max-width:1000px){
 .mirlo-theme.story-theme .audio-room{gap:25px;grid-template-columns:minmax(0,1fr) 220px}
 .mirlo-theme.story-theme .audio-room .ar-player{padding:20px}
 .mirlo-theme.story-theme .audio-room .ar-playing{gap:20px}
 .mirlo-theme.story-theme .audio-room .ar-playing>img{width:155px}
}
@media(max-width:850px){
 .mirlo-theme.story-theme .audio-room{grid-template-columns:1fr}
 .mirlo-theme.story-theme .audio-room .ar-sidebar{padding:25px 0 0;border-left:0;border-top:1px solid var(--story-line)}
 .mirlo-theme.story-theme .audio-room .ar-playing>img{width:220px}
}
@media(max-width:680px){
 .mirlo-theme.story-theme .site-footer{margin:38px 22px 0;padding:27px 0}
 .mirlo-theme.story-theme .story-heading{min-height:174px;padding:29px 117px 28px 0!important;margin-bottom:24px}
 .mirlo-theme.story-theme .story-heading-copy{gap:8px}
 .mirlo-theme.story-theme .story-heading-copy h1{font-size:29px;letter-spacing:-.7px}
 .mirlo-theme.story-theme .story-heading-copy p{font-size:11px;line-height:1.8}
 .mirlo-theme.story-theme .story-heading-copy>a{font-size:10px}
 .mirlo-theme.story-theme .story-heading-art{width:132px;height:115px;right:-7px;top:30px;opacity:.92}
 .mirlo-theme.story-theme .story-rider{width:124px;left:4px;top:14px}
 .mirlo-theme.story-theme .story-drift-far{width:49px;left:2px;top:0}
 .mirlo-theme.story-theme .story-drift-near{width:62px;height:33px;right:0;bottom:0}
 .mirlo-theme.story-theme .story-motion-control{font-size:9px;right:7px;bottom:14px}
 .mirlo-theme.story-theme .library-heading.story-heading{padding-right:0!important;padding-top:29px!important}
 .mirlo-theme.story-theme .library-heading .story-heading-copy>div:first-child{padding-right:120px;min-height:88px}
 .mirlo-theme.story-theme .library-account{display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;gap:12px}
 .mirlo-theme.story-theme .library-account p{max-width:180px;font-size:10px;margin:0}
 .mirlo-theme.story-theme .library-account>.button{white-space:nowrap;padding:7px 10px;font-size:10px}
 .mirlo-theme.story-theme .library-heading .story-motion-control{top:5px;bottom:auto;right:8px}
 .mirlo-theme.story-theme .library-tabs button{font-size:10px;padding:7px 10px}
 .mirlo-theme.story-theme .record-title-row h3{font-size:13px}
 .mirlo-theme.story-theme .record-cover{border-width:5px}
 .mirlo-theme.story-theme .record-cover .cover-label{font-size:8px;top:5px;left:5px}
 .mirlo-theme.story-theme .mirlo-content{padding-top:32px}
}
@media(max-width:560px){
 .mirlo-theme.story-theme .audio-room .ar-player{padding:19px 16px}
 .mirlo-theme.story-theme .audio-room .ar-playing>img{width:min(100%,285px);margin-bottom:23px}
 .mirlo-theme.story-theme .audio-room .ar-playing h2{font-size:31px}
 .mirlo-theme.story-theme .audio-room .ar-track{padding:12px 7px;gap:8px}
 .mirlo-theme.story-theme .audio-room .ar-track-actions .ar-small{padding:7px 8px}
}
@media(max-width:360px){
 .mirlo-theme.story-theme .story-heading{padding-right:116px!important}
 .mirlo-theme.story-theme .story-heading-copy h1{font-size:26px}
 .mirlo-theme.story-theme .story-heading-art{width:108px;right:-10px}
 .mirlo-theme.story-theme .story-rider{width:107px}
 .mirlo-theme.story-theme .library-heading .story-heading-copy>div:first-child{padding-right:100px}
 .mirlo-theme.story-theme .audio-room .ar-track>img{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.mirlo-theme.story-theme :is(.story-rider,.story-drift){animation:none;translate:none;transform:none}}
