:root{color-scheme:dark;--ivory:#f2eee5;--ink:#25251e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid var(--ivory);outline-offset:8px}.skip{position:fixed;top:-60px;left:24px;background:var(--ink);padding:12px;z-index:10}.skip:focus{top:10px}.art-wall{position:fixed;inset:0;overflow:hidden;pointer-events:none}.art-columns{position:absolute;left:50%;top:50%;width:max(134vw,1200px);display:grid;grid-template-columns:repeat(5,1fr);gap:14px;transform:translate(-50%,-50%) rotate(-12deg);align-items:start}.art-column{height:180vh;overflow:hidden}.art-track{animation:drift var(--duration) linear infinite;animation-delay:var(--offset);will-change:transform}.art-column:nth-child(even) .art-track{animation-direction:reverse}.tile-group{display:grid;gap:14px;padding-bottom:14px}.tile{aspect-ratio:1;overflow:hidden;background:#494838}.tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65) sepia(.13);opacity:.55}.veil{position:fixed;inset:0;background:linear-gradient(180deg,rgba(20,22,17,.57),rgba(24,24,18,.12) 30%,rgba(17,19,15,.2) 65%,rgba(14,17,12,.7)),radial-gradient(ellipse at 50% 48%,rgba(21,24,17,.6),rgba(22,23,17,.12) 75%);pointer-events:none}header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5%;gap:24px}.monogram{font:39px/.9 Georgia,serif;letter-spacing:-2px}.descriptor{font-size:9px;letter-spacing:2.8px}.contact{font-size:11px;letter-spacing:.3px;padding:12px 0}.contact span{margin-left:24px}.contact:hover{opacity:.7}main{position:relative;z-index:1;min-height:100svh;display:grid;place-items:center;pointer-events:none;padding:120px 25px}.identity{text-align:center;transform:translateY(-5px)}h1{font:clamp(95px,13vw,200px)/.82 Georgia,'Times New Roman',serif;letter-spacing:-.065em;font-weight:400;margin:0;text-shadow:0 3px 60px #17201377}h1 span{display:inline-block;margin-top:.06em}.identity p{font-size:8px;letter-spacing:4px;margin:37px 0 0;padding-left:4px}footer{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:26px 4.5%;gap:25px;font-size:8px;letter-spacing:1.4px}#motion{background:none;border:0;padding:10px 0;font-size:9px;letter-spacing:.4px}#motion span{margin-left:12px}#motion:hover{opacity:.7}.copyright{min-width:80px;text-align:right}.footer-name{min-width:80px}.paused .art-track{animation-play-state:paused}@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .art-track{animation-play-state:paused!important}}@media(min-width:1800px){.art-columns{width:125vw}}@media(max-width:650px){header{padding:28px 7%;gap:18px}.monogram{font-size:34px}.descriptor{font-size:6px;letter-spacing:1.6px}.contact{font-size:10px}.contact span{margin-left:9px}.art-columns{width:1100px;gap:9px;transform:translate(-50%,-50%) rotate(-11deg)}.art-column{height:150vh}.tile-group{gap:9px;padding-bottom:9px}.tile img{filter:saturate(.6) sepia(.15)}h1{font-size:clamp(95px,22vw,140px);line-height:.88}.identity p{font-size:7px;letter-spacing:3px;margin-top:30px}.veil{background:linear-gradient(180deg,#12180fa8,#141a1022 30%,#141a1022 65%,#12180fc4),radial-gradient(ellipse at 50% 48%,#12180fa8,#151a1430 80%)}footer{padding:24px 7%;font-size:6px;letter-spacing:.9px;gap:10px}.copyright,.footer-name{min-width:50px}#motion{font-size:8px}#motion span{margin-left:5px}}

.listen-toggle{background:none;border:0;padding:10px 0;min-width:80px;text-align:left;font-size:10px;letter-spacing:.8px}.listen-toggle>span{display:inline-block;margin-right:8px;font-size:14px;vertical-align:-1px}.listen-toggle:hover{opacity:.7}#listen-dialog{position:fixed;inset:0;box-sizing:border-box;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:23px;background:#25251ef5;color:var(--ivory);border:1px solid #f2eee530;border-radius:6px;box-shadow:0 25px 100px #0006;overflow:auto}#listen-dialog::backdrop{background:#10140d70;backdrop-filter:blur(5px)}.listen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.listen-heading p{font-size:8px;letter-spacing:2px;margin:0 0 8px}.listen-heading h2{font:30px/1.1 Georgia,serif;letter-spacing:-.6px;margin:0}.listen-close{background:none;border:0;padding:5px 0 5px 12px;font-size:30px;font-weight:200;line-height:1;color:var(--ivory)}#playlist-player{min-height:450px;background:#1c1c1a;border-radius:10px;overflow:hidden}#playlist-player iframe{display:block;width:100%;height:450px;border:0;background:transparent}.apple-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#d3d2c9;margin-top:20px;padding:4px 0}.apple-link:hover{color:white}body:has(#listen-dialog[open]){overflow:hidden}@media(max-width:650px){.listen-toggle{font-size:9px;min-width:50px}#listen-dialog{padding:18px;max-height:calc(100svh - 24px)}.listen-heading{margin-bottom:18px}.listen-heading h2{font-size:27px}#playlist-player,#playlist-player iframe{min-height:0;height:min(450px,calc(100svh - 185px))}}

footer{display:grid;grid-template-columns:1fr auto 1fr}.footer-links{display:flex;align-items:center;gap:22px;white-space:nowrap}.footer-links .listen-toggle{min-width:0}.profile-link{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.3px;padding:10px 0}.profile-link:hover{opacity:.7}.copyright{justify-self:end}@media(max-width:650px){footer{grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.footer-links{grid-column:1/-1;justify-content:center;gap:26px}.profile-link{font-size:8px}#motion{justify-self:start}.copyright{justify-self:end}}
