.slo{--gutter:clamp(20px, 5vw, 72px);--mono:var(--font-jetbrains-mono), ui-monospace, monospace;min-height:100vh;color:var(--fg);background:var(--bg);position:relative}.slo--hidden .slo__tag{opacity:0}.slo__bg{z-index:0;background:var(--bg);position:fixed;inset:0}.slo__bg-cut{z-index:1;background:var(--bg);opacity:0;pointer-events:none;animation:.45s steps(3,end) both slo-cut;position:absolute;inset:0}@keyframes slo-cut{0%{opacity:1}}@media (prefers-reduced-motion:reduce){.slo__bg-cut{animation:none}}.slo__bg:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 70%, transparent) 0%, transparent 60%), linear-gradient(0deg, color-mix(in srgb, var(--bg) 60%, transparent) 0%, transparent 40%);position:absolute;inset:0}.slo__tag{right:var(--gutter);z-index:6;font:500 10px/1 var(--mono);letter-spacing:.32em;color:var(--mut);pointer-events:none;transition:opacity .3s;position:fixed;bottom:22px}.slo__nav{z-index:30;padding:14px var(--gutter) 0;position:fixed;top:0;left:0;right:0}.slo__nav .ui-nav__bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.slo__nav .ui-nav__row{padding-inline:0}.slo__nav .ui-nav__brand{font:700 12px/1 var(--mono);letter-spacing:.4em}.slo__nav .ui-nav__link{font:500 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--mut);padding-inline:10px}.slo__nav .ui-nav__link:hover{color:var(--fg)}.slo__main{z-index:5;position:relative}.slo__label{font:500 11px/1.4 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--mut);margin:0}.slo__label span{color:var(--fg)}.slo__section{min-height:100vh;padding:clamp(120px, 16vw, 200px) var(--gutter);align-content:center;gap:clamp(40px,7vw,88px);display:grid}.slo__section--last{padding-bottom:clamp(80px,10vw,140px)}.slo__hero{min-height:100vh;padding:clamp(96px, 12vw, 140px) var(--gutter) 40px;grid-template-rows:auto 1fr auto;display:grid}.slo__name{letter-spacing:-.075em;align-self:center;margin:0 0 0 -.05em;font-size:clamp(120px,31vw,520px);font-weight:900;line-height:.78}.slo__hero-foot{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.slo__strip{z-index:5;padding-block:14px;position:relative}.slo__strip .ui-marquee{font-family:var(--mono);letter-spacing:.3em}.slo__releases{gap:clamp(28px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.slo__release{grid-template-columns:56px minmax(0,1fr) auto;align-items:baseline;gap:4px 20px;display:grid}.slo__n{font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--mut)}.slo__release h2{letter-spacing:-.06em;margin:0;font-size:clamp(44px,9vw,132px);font-weight:900;line-height:.9}.slo__meta{font:500 11px/1.4 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mut);grid-column:2}.slo__release .ui-button{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);grid-area:1/3;align-self:center;font-size:11px}.slo__release h2{transition:color .2s}.slo__releases:has(.is-current) .slo__release:not(.is-current) h2{color:color-mix(in srgb, var(--fg) 38%, transparent)}.slo__player{max-width:720px}.slo__player .ui-audio__meta strong{font:700 12px/1.3 var(--mono);letter-spacing:.28em}.slo__player .ui-audio__meta span{font:500 10px/1.3 var(--mono);letter-spacing:.24em;text-transform:uppercase}.slo__player .ui-audio__play{background:var(--fg);color:var(--bg);border:0;border-radius:0}.slo__player .ui-audio__time{letter-spacing:.12em;font-size:11px}@media (max-width:640px){.slo__release{grid-template-columns:40px minmax(0,1fr)}.slo__release .ui-button{grid-area:auto/2;justify-self:start}}.slo__dates{max-width:1100px;box-shadow:none;background:0 0;border:0;padding:0!important}.slo__dates .ui-table{font-size:clamp(16px,2vw,22px)}.slo__dates .ui-table th{font:500 10px/1 var(--mono);letter-spacing:.32em;color:var(--mut);border-bottom:1px solid var(--ln);padding:0 0 18px}.slo__dates .ui-table td{letter-spacing:-.01em;border-bottom:1px solid var(--ln);padding:22px 0;font-weight:600}.slo__dates .ui-table td:first-child{font:500 13px/1 var(--mono);letter-spacing:.2em;color:var(--mut);width:120px}.slo__dates .ui-table tbody tr:hover td{color:#fff;background:0 0}.slo__statement{letter-spacing:-.055em;max-width:14ch;margin:0;font-size:clamp(40px,7vw,104px);font-weight:900;line-height:.92}.slo__form{max-width:560px}.slo__form .ui-contact{box-shadow:none;background:0 0;border:0;padding:0}.slo__form .ui-field__box{background:0 0;border-width:0 0 1px;border-radius:0}.slo__form .ui-button{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;border-radius:0;font-size:11px}.slo__footer{z-index:5;padding:0 var(--gutter) 28px;position:relative}.slo__footer .ui-footer{border:0;border-top:1px solid var(--ln);box-shadow:none;background:0 0;border-radius:0;padding:24px 0 0}.slo__footer .ui-footer__brand strong{font:700 12px/1 var(--mono);letter-spacing:.4em}.slo__footer .ui-footer__bottom{font:500 10px/1.4 var(--mono);letter-spacing:.2em;color:var(--mut)}.slo ::selection{background:var(--fg);color:var(--bg)}.slo:not(.slo--hidden) .slo__nav{top:46px}.slo:not(.slo--hidden) .slo__hero{padding-bottom:86px}.slo:not(.slo--hidden) .slo__tag{bottom:70px}.slo-dock{gap:14px;padding-block:10px;background:color-mix(in srgb, var(--bg) 94%, transparent)!important;padding-inline:clamp(20px,5vw,72px)!important}.slo-dock .ui-audio__play{background:var(--fg);color:var(--bg);border:0;border-radius:0;width:28px;height:28px}.slo-dock .ui-audio-dock__meta{align-items:baseline;gap:14px;display:flex}.slo-dock .ui-audio-dock__meta strong{font:700 11px/1.3 var(--font-jetbrains-mono), monospace;letter-spacing:.28em}.slo-dock .ui-audio-dock__meta span{font:500 10px/1.3 var(--font-jetbrains-mono), monospace;letter-spacing:.24em;text-transform:uppercase}.slo-dock .ui-audio__time{letter-spacing:.12em}.slo-dock .ui-audio-dock__line{background:linear-gradient(90deg, var(--fg) var(--p,0%), transparent var(--p,0%));height:1px}@media (max-width:560px){.slo-dock .ui-audio-dock__meta span{display:none}}body:has(.slo-dock) .slo__tag{bottom:70px}body:has(.slo-dock) .slo:not(.slo--hidden) .slo__tag{bottom:128px}.slo-dock.ui-audio-dock--free{border:1px solid var(--ln)!important;padding-inline:10px 12px!important}.slo-dock .ui-audio-dock__grip{color:var(--mut)}.slo-dock.ui-audio-dock--free .ui-audio-dock__meta span{display:none}.slo-dock .ui-audio-dock__viz{height:20px}
