/* sumozoia ambient music control: ink on paper, red accent */
.szm{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:8px;font-family:inherit;pointer-events:none}
.szm>*{pointer-events:auto}
.szm-btn,.szm-next{appearance:none;-webkit-appearance:none;cursor:pointer;color:#1f1d1e;background:rgba(250,250,250,.92);border:1.5px solid #1f1d1e;padding:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .25s,color .25s,border-color .25s,opacity .3s}
.szm-btn{width:44px;height:44px;border-radius:52% 48% 50% 50%/50% 52% 48% 50%;position:relative}
.szm-btn:hover,.szm-next:hover{background:#fff;border-color:#e63d2c}
.szm-btn:focus-visible,.szm-next:focus-visible{outline:2px solid #e63d2c;outline-offset:3px}
.szm-btn svg{width:22px;height:22px;display:block;overflow:visible}
.szm-btn .b{stroke:currentColor;stroke-width:2.4;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%}
.szm-btn .slash{stroke:#e63d2c;stroke-width:2.4;stroke-linecap:round;opacity:0;transition:opacity .25s}
.szm.is-off .szm-btn{color:#5a5654;border-color:#5a5654}
.szm.is-off .szm-btn .b{transform:scaleY(.25)}
.szm.is-off .slash{opacity:1}
.szm.is-on .szm-btn::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid #e63d2c;opacity:0;animation:szm-breathe 4.2s ease-in-out infinite;pointer-events:none}
.szm.is-on .b1{animation:szm-bar 1.9s ease-in-out infinite}
.szm.is-on .b2{animation:szm-bar 1.4s ease-in-out .3s infinite}
.szm.is-on .b3{animation:szm-bar 2.2s ease-in-out .1s infinite}
.szm.is-on .b4{animation:szm-bar 1.6s ease-in-out .5s infinite}
@keyframes szm-bar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes szm-breathe{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.7;transform:scale(1.14)}}
.szm-next{width:30px;height:30px;border-radius:50%;opacity:0;visibility:hidden;font-size:0}
.szm.is-on .szm-next{opacity:.85;visibility:visible}
.szm-next svg{width:12px;height:12px}
.szm-cap{font-size:12px;letter-spacing:.06em;color:#1f1d1e;background:rgba(250,250,250,.92);padding:5px 10px;border-left:2px solid #e63d2c;opacity:0;transition:opacity 1.2s ease;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none!important}
.szm-cap.show{opacity:1}
@media (prefers-reduced-motion:reduce){.szm.is-on .szm-btn::after,.szm.is-on .b{animation:none}.szm.is-on .b1{transform:scaleY(.5)}.szm.is-on .b2{transform:scaleY(.9)}.szm.is-on .b3{transform:scaleY(.65)}.szm.is-on .b4{transform:scaleY(.4)}.szm-cap{transition:none}}
@media print{.szm{display:none}}
.szm-listen{display:none;font-size:12px;letter-spacing:.06em;color:#1f1d1e;background:rgba(250,250,250,.92);padding:5px 10px;border-left:2px solid #e63d2c;text-decoration:none;white-space:nowrap}
.szm-listen:hover{color:#e63d2c}
.szm-listen:focus-visible{outline:2px solid #e63d2c;outline-offset:3px}
.szm.is-on .szm-listen{display:block}
.szm.is-on .szm-cap.show ~ .szm-listen{display:none}
@media print{.szm-listen{display:none}}
/* links to the carousel from other pages */
.szl-cta{margin:.2rem 0 1.1rem;font-size:.95rem}
.szl-link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;border-bottom:1px solid var(--accent,#e63d2c);padding-bottom:1px}
.szl-link:hover{color:var(--accent,#e63d2c)}
.szl-mark{display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;border-radius:48% 52% 50% 50%/52% 48% 52% 48%;background:#e63d2c;color:#fff;flex:none}
.szl-mark svg{width:.9em;height:.9em;display:block}
.szl-next{margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line,#e8e4e1);font-size:.95rem}