@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--color-bg:#111512;--color-surface:#1a201c;--color-text:#eee7db;--color-accent:#c28b56;--color-accent-2:#6e9589;--color-divider:#dcc5a02e;--color-neutral-100:#202722;--color-neutral-200:#29312b;--color-neutral-300:#39423b;--color-neutral-400:#596159;--color-neutral-500:#85877d;--color-neutral-600:#a4a397;--color-neutral-700:#c1bcae;--color-neutral-800:#ddd5c7;--color-neutral-900:#f1eadf;--color-accent-100:#2a241c;--color-accent-200:#423322;--color-accent-300:#60482d;--color-accent-400:#89623d;--color-accent-500:#b27c49;--color-accent-600:#c28b56;--color-accent-700:#d4a875;--color-accent-800:#e1c297;--color-accent-900:#f0dec2;--color-accent-2-100:#1d2925;--color-accent-2-200:#263a34;--color-accent-2-300:#345149;--color-accent-2-400:#496e63;--color-accent-2-500:#5b8176;--color-accent-2-600:#6e9589;--color-accent-2-700:#8eb2a5;--color-accent-2-800:#b1cec1;--color-accent-2-900:#d4e6dc;--font-heading:"Cormorant Garamond", Georgia, serif;--font-heading-weight:700;--font-body:"DM Sans", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:2px;--radius-md:3px;--radius-lg:5px;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 8px 22px #0000003d;--shadow-lg:0 18px 48px #00000057}body{background:radial-gradient(900px 500px at 12% -10%, #c28b5617, transparent 72%), var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.grayscale{filter:grayscale()contrast(1.08)}*,:before,:after{box-sizing:border-box}body{margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}img{max-width:100%;display:block}figure{margin:0}figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.hr{height:2px;margin:var(--space-4) 0;background:var(--color-divider);border:0}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#17130f}.btn-primary:hover{background:var(--color-accent-700)}.btn-primary:active{background:var(--color-accent-800)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2);text-align:left;justify-content:flex-start}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{resize:vertical;min-height:90px}.radio{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.radio input,.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio .dot{border:1.5px solid var(--color-divider);border-radius:50%;flex:none;width:16px;height:16px}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{opacity:.8;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-divider);display:flex}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:2px solid var(--color-divider);font-size:11px}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.dialog-backdrop{padding:var(--space-4);background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-3);width:min(440px,100%);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{opacity:.85;font-size:14px}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}html{scroll-behavior:smooth}.wrap{width:min(100%,1360px);margin-inline:auto;padding-inline:clamp(20px,3vw,42px)}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.home-hero{padding-top:18px}.hero-frame{height:clamp(180px,22vw,280px);box-shadow:0 24px 60px #0000003d;aspect-ratio:auto!important;border:1px solid #dcc5a047!important;min-height:170px!important;max-height:280px!important}.hero-frame:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c100e24,#0000 38%,#0c100e14),linear-gradient(#0000 65%,#0c100e33);position:absolute;inset:0}.hero-frame:before{content:"";z-index:1;background:linear-gradient(180deg, var(--color-accent), var(--color-accent-2));opacity:.72;width:4px;position:absolute;inset:10px auto 10px 10px}.stats-section{padding-top:20px!important}.stats-section>div>*{background:var(--color-surface)!important;box-shadow:var(--shadow-sm)!important}.featured-shell{border:1px solid var(--color-divider);background:var(--color-divider);box-shadow:var(--shadow-md)}.featured-art{aspect-ratio:16/9;max-height:320px}.featured-copy{background:var(--color-surface)!important}.latest-row{grid-template-columns:48px minmax(0,1fr) 160px 132px!important;gap:18px!important;padding:16px 0!important}.archive-section{padding-top:54px!important}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}.archive-card{background:var(--color-surface)!important;border-color:var(--color-divider)!important;padding:10px!important}.archive-image{max-height:160px;aspect-ratio:16/10!important}.story-photo{border:1px solid var(--color-divider);max-width:430px;aspect-ratio:1!important;background:#171a17!important;width:min(100%,430px)!important}section.wrap h2{position:relative}section.wrap h2:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-accent-2));width:38px;height:2px;margin-top:12px;display:block}.spotify-section{border:1px solid #dcc5a02e;width:min(100% - 36px,1276px);padding-inline:clamp(20px,3vw,42px)!important}.spotify-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important}.spotify-card{background:#151915!important;border-color:#dcc5a02e!important;padding:12px!important}.spotify-card img{transition:transform .35s}.spotify-card:hover img{transform:scale(1.035)}.site-footer{margin-top:72px!important}.youtube-playlists{color:#f8f4f4;margin-top:58px;padding-block:44px}.youtube-playlists-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.youtube-playlists-heading h2{color:#fff;margin:7px 0 0;font-size:clamp(28px,3.2vw,42px)}.youtube-playlists-heading h2:after{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-2))}.youtube-playlists-kicker{color:var(--color-accent-700);letter-spacing:.16em;font-size:11px;font-weight:800}.youtube-playlists-heading p{color:#b9b5aa;margin:12px 0 0;font-size:14px}.youtube-playlists-follow{color:#fff;border-color:#4a4a4a}.youtube-playlist-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.youtube-playlist-card{aspect-ratio:4/5;isolation:isolate;background:#563824;border:1px solid #cfa37357;border-radius:6px;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 18px 44px #0003}.youtube-playlist-card:hover{border-color:#e9bd7cb8;transform:translateY(-4px);box-shadow:0 22px 50px #0000004d}.youtube-playlist-art{z-index:-1;background:#563824;position:absolute;inset:0}.youtube-playlist-cover{object-fit:cover;background:#3e2c20;width:100%;height:100%;transition:transform .5s;display:block}.youtube-playlist-card:hover .youtube-playlist-cover{transform:scale(1.035)}.youtube-playlist-cover-placeholder{color:#e8d0ad;background:radial-gradient(at 50% 70%,#e7bc854d,#0000 58%),repeating-linear-gradient(135deg,#f5dcb709 0 1px,#0000 1px 10px),#563824;place-content:center;justify-items:center;gap:8px;display:grid;overflow:hidden}.playlist-ornament{color:#e9bd7c;text-shadow:0 0 36px #e9bd7c52;font-size:clamp(42px,5vw,70px);line-height:1}.playlist-cover-caption{color:#e5c9a4;letter-spacing:.22em;font-size:8px;font-weight:800}.youtube-playlist-play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#161310a8;border:1px solid #ffffff8f;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.youtube-playlist-play:hover{background:#9f3424;transform:translate(-50%,-50%)scale(1.05)}.youtube-playlist-play span{color:#f0c587;font-size:10px}.youtube-playlist-info{background:linear-gradient(#56382414,#563824f5 24%,#563824 100%);flex-direction:column;align-items:flex-start;min-height:43%;padding:18px;display:flex;position:absolute;inset:auto 0 0}.youtube-playlist-number{color:#e5bd8c;letter-spacing:.15em;margin-top:auto;font-size:9px;font-weight:800}.youtube-playlist-number span{color:#d0b9a1;font-size:8px}.youtube-playlist-info h3{color:#fff7ed;width:100%;font-family:var(--font-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:clamp(17px,1.45vw,22px);line-height:1.12;display:-webkit-box;overflow:hidden}.youtube-playlist-info p{color:#e0cdb9;margin:8px 0 12px;font-size:11px}.youtube-playlist-open{color:#fff;border:1px solid #ffffff52;border-radius:3px;align-items:center;gap:9px;margin-top:auto;padding:9px 11px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.youtube-playlist-open:hover{background:#ffffff17;border-color:#ecc78e}.youtube-playlist-open>span{color:#f0c587;font-size:10px}.youtube-playlist-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070908d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.youtube-playlist-modal-panel{background:#181a17;border:1px solid #e9bd7c73;border-radius:8px;width:min(100%,960px);overflow:hidden;box-shadow:0 30px 100px #0000008c}.youtube-playlist-modal-heading{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.youtube-playlist-modal-heading h3{color:#fff7ed;margin:0;font-size:16px}.youtube-playlist-modal-heading button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;width:36px;height:36px;font-size:25px}.youtube-playlist-modal-frame{aspect-ratio:16/9;background:#080909;position:relative}.youtube-playlist-modal-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.rule-cols{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rule-cols>*+*{border-left:2px solid var(--color-divider);padding-left:28px}@media (max-width:860px){.wrap{padding-inline:20px}.grid-2,.rule-cols{grid-template-columns:minmax(0,1fr)}.latest-row{grid-template-columns:38px minmax(0,1fr) auto!important;gap:12px!important}.latest-row .latest-date{display:none}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.story-photo{max-width:100%}.spotify-section{width:calc(100% - 24px);padding-inline:20px!important}.spotify-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.youtube-playlists{padding-block:36px}.youtube-playlist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.youtube-playlist-info{padding:14px}.rule-cols>*+*{border-left:0;border-top:2px solid var(--color-divider);padding-left:0}}@media (max-width:560px){.home-hero{padding-top:10px}.hero-frame{height:clamp(150px,48vw,210px);min-height:150px!important}.featured-section{padding-top:32px!important}.featured-shell{grid-template-columns:minmax(0,1fr)!important}.featured-art{max-height:none}.featured-copy{gap:18px!important;padding:22px!important}.latest-row{grid-template-columns:30px minmax(0,1fr)!important}.latest-row>span:nth-of-type(2){display:none}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.archive-card{padding:8px!important}.spotify-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.youtube-playlist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.youtube-playlist-info{padding:11px}.youtube-playlist-info h3{font-size:16px}.youtube-playlist-info p{margin:6px 0 9px;font-size:10px}.youtube-playlist-open{padding:8px 9px;font-size:10px}.youtube-playlist-number{font-size:8px}.youtube-playlist-number span{font-size:7px}.youtube-playlist-play{padding:9px 12px;font-size:10px;top:32%}.youtube-playlist-modal{padding:12px}.spotify-section{width:calc(100% - 16px);padding-block:32px!important;padding-inline:14px!important}.site-footer{margin-top:48px!important}}