:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#faf4e9;background:#16110e}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}.hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden}.hero-video,.scrim{position:absolute;inset:0;width:100%;height:100%}.hero-video{z-index:-3;object-fit:cover;pointer-events:none}.scrim{z-index:-2;background:linear-gradient(180deg,rgba(14,10,7,.28),transparent 33%,rgba(15,10,7,.36) 72%,rgba(13,9,7,.68))}#youtube-player{position:absolute;width:200px;height:200px;inset:0 auto auto -240px;z-index:-1;opacity:0;visibility:hidden;pointer-events:none}.topbar{position:absolute;inset:35px 42px auto;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 12px #000}.spotify-link{color:inherit;display:flex;align-items:center;gap:8px;text-decoration:none;opacity:.92}.spotify-mark{position:relative;width:19px;height:19px;border:2px solid currentColor;border-radius:50%}.spotify-mark:after{content:"";position:absolute;width:5px;height:5px;top:5px;left:5px;border-radius:50%;background:currentColor}.external{font-size:18px;margin-left:1px}.headline{position:absolute;top:19.6%;left:50%;transform:translate(-50%);width:min(1200px,86vw);text-align:center;text-shadow:0 3px 25px rgba(0,0,0,.38)}.headline h1{font:600 clamp(54px,7.8vw,145px)/.78 "Playfair Display",Georgia,serif;letter-spacing:-.08em;margin:0}.headline>p{margin:30px 0 0;font-size:clamp(15px,1.5vw,20px);letter-spacing:.02em}.player-zone{position:absolute;z-index:2;bottom:9vh;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 48px));text-align:center}.player{display:flex;align-items:center;gap:15px;padding:18px 24px 18px 20px;text-align:left;border:1px solid rgba(255,255,255,.18);border-radius:50px;background:#2d1d157a;box-shadow:0 15px 45px #00000040;-webkit-backdrop-filter:blur(24px) saturate(105%);backdrop-filter:blur(24px) saturate(105%)}.album-art{flex:0 0 72px;height:72px;overflow:hidden;border-radius:50%;background:#2e1f18;box-shadow:inset 0 0 0 3px #ffffff1a}.album-art img{width:100%;height:100%;object-fit:cover}.album-art.is-playing{animation:record-spin 4s linear infinite}@keyframes record-spin{to{transform:rotate(360deg)}}.track-info{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:9px}.track-copy h2{margin:0 0 3px;overflow:hidden;font-size:15px;font-weight:600;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.track-copy p{margin:0;overflow:hidden;color:#fcf5e8ab;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.timeline input{display:block;width:100%;height:5px;margin:0;appearance:none;cursor:pointer;border-radius:10px;background:linear-gradient(to right,#f6f0e5 0%,#f6f0e5 var(--fill,0%),rgba(255,255,255,.19) var(--fill,0%),rgba(255,255,255,.19) 100%)}.timeline input::-webkit-slider-thumb{width:14px;height:14px;appearance:none;border-radius:50%;background:#fff9f0}.timeline input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff9f0}.timeline div{display:flex;justify-content:space-between;margin-top:9px;color:#fcf5e88c;font-size:13px}.controls{display:flex;align-items:center;gap:7px;padding-left:4px}.icon-control,.play-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:4px;color:#f8f1e6;border:0;background:transparent;cursor:pointer;opacity:.85}.icon-control:hover{opacity:1}.icon-control.active{color:#e8c866;opacity:1}.icon-control svg{width:18px;fill:currentColor}.play-button{width:44px;height:44px;padding-left:6px;display:grid;place-items:center;border-radius:50%;background:#fbf5e9;color:#2b211b;box-shadow:0 4px 15px #0003}.play-button svg{width:19px;fill:currentColor}.hidden{display:none}.player-message{position:absolute;width:100%;margin:7px 0 0;color:#ffffffd1;font-size:11px}.developer-credit{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);margin:0;color:#ffffffb8;font-size:12px;letter-spacing:.03em;white-space:nowrap}.developer-credit a{color:inherit;text-decoration:none;transition:color .18s ease,text-decoration-color .18s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.developer-credit a:hover{color:#fff7eb;text-decoration-color:currentColor}@media(max-width:700px){.topbar{inset:23px 22px auto;font-size:13px}.headline{top:12%}.headline>p{margin-top:22px}.player-zone{bottom:48px;width:calc(100vw - 28px)}.player{min-height:clamp(100px,25vw,150px);padding:clamp(12px,2.5vw,16px);gap:clamp(10px,2.2vw,14px);align-items:center;border-radius:999px}.album-art{flex-basis:clamp(78px,16vw,94px);height:clamp(78px,16vw,94px)}.track-info{gap:8px}.track-copy h2{font-size:16px}.track-copy p{font-size:13px}.controls{position:static;flex:0 0 auto;gap:5px;padding:0}.optional{display:grid}.controls #repeat{display:none}.play-button{width:clamp(56px,11vw,64px);height:clamp(56px,11vw,64px)}.icon-control{width:20px;height:20px;padding:1px}.icon-control svg{width:16px;height:16px}.timeline div{margin-top:6px;font-size:11px}.developer-credit{display:block;bottom:16px;font-size:11px}}@media(prefers-reduced-motion:reduce){.album-art.is-playing{animation:none}}.icon-control svg{height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-control .loop-icon{fill:currentColor;stroke:none}.player-message{display:none}