.slog-scroller{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:2rem}.slog-scroller::-webkit-scrollbar{display:none}@media (min-width: 640px){.slog-scroller{scroll-padding-inline:3rem}}@media (min-width: 768px){.slog-scroller{scroll-padding-inline:4rem}}@media (min-width: 1024px){.slog-scroller{scroll-padding-inline:0}}.slog-scroller:focus-visible{outline:2px solid #6fb5ce;outline-offset:-2px;border-radius:.5rem}@media (min-width: 1024px){.slog-card:focus-visible{outline-offset:-2px}}.slog-item{flex:none;display:flex;width:min(78vw,300px);scroll-snap-align:start}@media (min-width: 640px){.slog-item{width:300px}}.slog-nav{display:none}@media (min-width: 640px){#studio-log[data-scrollable="1"] .slog-nav{display:flex}}.slog-btn{width:2.75rem;height:2.75rem;border-radius:9999px;border:1px solid #50687b;background:transparent;color:#d6dde1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .16s var(--ease-out-strong)}@media (hover: hover) and (pointer: fine){.slog-btn:hover:not(:disabled){background:#6fb5ce;border-color:#6fb5ce;color:#0c1114}}.slog-btn:active:not(:disabled){transform:scale(.95)}.slog-btn:disabled{opacity:.35;cursor:default}.slog-fade{display:none;position:absolute;top:0;bottom:0;width:3rem;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease}@media (min-width: 1024px){.slog-fade{display:block}}.slog-fade-l{left:0;background:linear-gradient(to right,#0c1114,#0c111400)}.slog-fade-r{right:0;background:linear-gradient(to left,#0c1114,#0c111400)}#slog-frame[data-fade-l="1"] .slog-fade-l,#slog-frame[data-fade-r="1"] .slog-fade-r{opacity:1}.slog-cover{height:8rem;flex:none;overflow:hidden;border-bottom:1px solid #1a242b;background:#0f151a}.slog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-strong)}.slog-title{min-height:3rem}.slog-excerpt{min-height:68.25px}.slog-title,.slog-read{transition:color .2s ease}.slog-read svg{transition:transform .2s var(--ease-out-strong)}@media (hover: hover) and (pointer: fine){.slog-card:hover .slog-cover img{transform:scale(1.045)}.slog-card:hover .slog-title,.slog-card:hover .slog-read{color:var(--slog-accent)}.slog-card:hover .slog-read svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion: reduce){.slog-card:hover .slog-cover img,.slog-card:hover .slog-read svg,.slog-btn:active:not(:disabled),.slog-cta:hover,.slog-cta:active,.slog-cta:hover .slog-cta-icon svg{transform:none}}.slog-cta{border:1px solid #50687b;background:transparent;cursor:pointer;transition:border-color .2s ease,transform .2s var(--ease-out-strong)}.slog-cta-icon,.slog-cta-icon svg{transition:color .2s ease,border-color .2s ease,transform .2s var(--ease-out-strong)}@media (hover: hover) and (pointer: fine){.slog-cta:hover{transform:translateY(-2px);border-color:var(--slog-accent)}.slog-cta:hover .slog-cta-icon{color:var(--slog-accent);border-color:var(--slog-accent)}.slog-cta:hover .slog-cta-icon svg{transform:translate(1px,-1px)}}.slog-cta:active{transform:scale(.99)}.slog-skel{position:relative;overflow:hidden;min-height:357px}.slog-skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(214,221,225,.05),transparent)}@media (prefers-reduced-motion: no-preference){.slog-skel:after{animation:slog-shimmer 1.6s infinite}}@keyframes slog-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: no-preference){.slog-in{opacity:0;animation:slog-rise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}@keyframes slog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}:root{--ease-out-strong: cubic-bezier(.23, 1, .32, 1)}html{background:#0c1114;color-scheme:dark}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}::selection{background:#6fb5ce40;color:#e9e6df}@media (prefers-reduced-motion: no-preference){.mobile-menu-panel{opacity:0;transform:translateY(-6px);transition:opacity .18s var(--ease-out-strong),transform .18s var(--ease-out-strong)}.mobile-menu-panel.is-open{opacity:1;transform:none}}.m-bg{background:#0c1114;color:#a6b1b7}.m-card{background:#121a1f;border:1px solid #22303a}.m-card:hover{box-shadow:0 10px 30px #00000059}.m-card-link{transition:transform .2s var(--ease-out-strong),border-color .2s ease,box-shadow .2s ease;cursor:pointer}@media (hover: hover) and (pointer: fine){.m-card-link:hover{transform:translateY(-2px);border-color:#35485a}}.m-card-link:active{transform:scale(.99)}@media (prefers-reduced-motion: reduce){.m-card-link:hover,.m-card-link:active,.m-platform:active{transform:none}}.m-pill{background:#1a242b;color:#d6dde1;border:1px solid #22303a;transition:background-color .2s ease}@media (hover: hover) and (pointer: fine){.m-pill:hover{background:#22303a}}.m-platform{background:transparent;color:#d6dde1;border:1px solid #35485a;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--ease-out-strong)}@media (hover: hover) and (pointer: fine){.m-platform:hover{background:#6fb5ce;border-color:#6fb5ce;color:#0c1114;text-decoration:none}}.m-platform:active{transform:scale(.97)}.m-divider{border-top:1px solid #22303a}.m-row{border-bottom:1px solid #1a242b}.m-setlist{list-style:none;margin:0;padding:0}.track-num,.track-note{transition:opacity .15s ease}.track-note{position:absolute;inset:0;opacity:0;color:var(--accent-color)}@media (hover: hover) and (pointer: fine){.m-row:hover .track-num{opacity:0}.m-row:hover .track-note{opacity:1}.m-row:hover .song{color:var(--accent-color)}}.song{transition:color .2s ease}a:focus-visible,button:focus-visible{outline:2px solid #6fb5ce;outline-offset:3px;border-radius:2px}.piano{display:inline-flex;align-items:flex-start;padding:.75rem .75rem 1rem;background:#121a1f;border:1px solid #22303a;border-radius:.75rem;box-shadow:0 18px 40px #00000073}.pk-slot{position:relative}.pk-w{display:block;width:clamp(1.75rem,7vw,2.75rem);height:clamp(6.5rem,22vw,9rem);background:linear-gradient(to bottom,#e9e6df,#dcd8ce 88%,#c9c4b8);border:1px solid #10171b;border-radius:0 0 .375rem .375rem;cursor:pointer;transition:transform .18s var(--ease-out-strong),background-color .18s ease}.pk-w:active{transform:translateY(3px);transition-duration:60ms;background:linear-gradient(to bottom,#d8d3c7,#cfc9bb)}.pk-b{position:absolute;top:0;right:0;transform:translate(50%);width:clamp(1.5rem,4.5vw,1.625rem);height:clamp(4rem,13.5vw,5.5rem);background:linear-gradient(to bottom,#1d262d,#10161a);border:1px solid #000;border-radius:0 0 .25rem .25rem;z-index:10;cursor:pointer;transition:transform .18s var(--ease-out-strong)}.pk-b:active{transform:translate(50%) translateY(3px);transition-duration:60ms}@media (prefers-reduced-motion: no-preference){.pk-slot{opacity:0;animation:pk-in .5s var(--ease-out-strong) forwards;animation-delay:calc(.6s + var(--i) * 40ms)}@keyframes pk-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}@media (prefers-reduced-motion: reduce){.animate-fade-in{animation:none;opacity:1}}#phantom-video{display:flex;justify-content:center}#phantom-video .instagram-media{border-radius:.5rem!important;margin:0 auto!important;width:100%!important;max-width:540px!important;min-width:0!important}