:root{color-scheme:dark;--bg:#10110f;--text:#eeefe8;--muted:#8c9185;--line:#2a2d26;--accent:#c6f56b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header,main,footer{width:min(1220px,88%);margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:700;letter-spacing:-.6px}.mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-8deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mark i{height:8px;background:var(--accent)}.mark i:nth-child(2){opacity:.35}.brand:hover .mark{transform:rotate(82deg)}nav{display:flex;gap:42px;align-items:center}nav a{font-size:12px;position:relative;padding:10px 0}nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s}nav a:hover:after{transform:scaleX(1)}nav a span{color:var(--muted);font:9px monospace;margin-left:6px}nav b{display:inline-block;margin-left:7px;font-weight:400;transition:transform .2s}nav a:hover b{transform:translate(2px,-2px)}.hero{padding:72px 0 0}.eyebrow{font:10px monospace;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:9px}.status{height:5px;width:5px;background:var(--accent);border-radius:50%}h1{font-size:clamp(62px,12.8vw,177px);font-weight:800;letter-spacing:-.085em;line-height:1.08;margin:48px 0 36px;white-space:nowrap}h1>span:first-child{color:var(--accent);font-weight:400;letter-spacing:-.075em}.period{color:var(--accent)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:clamp(23px,3vw,36px);line-height:1.3;letter-spacing:-1px;margin:0}.explore{font-size:12px;display:flex;gap:36px;align-items:center}.explore>span{display:grid;place-items:center;border:1px solid #4a5040;width:42px;height:42px;border-radius:50%;font-size:18px;transition:background .2s,color .2s,transform .2s}.explore:hover>span{background:var(--accent);color:var(--bg);transform:translateY(3px)}.signature{display:flex;align-items:center;gap:22px;margin-top:65px;font:8px monospace;letter-spacing:1px;color:var(--muted)}.signature div{height:1px;background:var(--line);flex:1}.credits{padding:80px 0 60px}.heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:25px;font-weight:400;letter-spacing:-.8px;margin:0}h2 span{font:11px monospace;color:var(--muted);margin-left:12px;letter-spacing:0}.controls{display:flex;justify-content:space-between;gap:24px;margin:35px 0 26px}.search{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);width:330px;padding:10px 0;transition:border-color .2s}.search:focus-within{border-color:var(--accent)}.search>span{font-size:22px;color:var(--muted)}input{border:0;background:none;outline:0;width:100%;min-width:0;color:var(--text);font-size:12px}input::placeholder{color:var(--muted)}input::-webkit-search-cancel-button{display:none}#clear{border:0;background:transparent;font-size:20px;color:var(--muted);padding:0 6px}#clear:hover{color:var(--accent)}.artist{position:relative;display:flex;align-items:center}.artist>span:last-child{position:absolute;right:12px;pointer-events:none;color:var(--muted)}select{appearance:none;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--text);padding:11px 38px 11px 15px;font-size:12px;cursor:pointer;max-width:210px;transition:border-color .2s}select:hover{border-color:#6a765b}.table-head,.record{display:grid;grid-template-columns:52px 1.4fr 1fr 24px;gap:15px;align-items:center}.table-head{padding:15px 14px 17px;font:9px monospace;letter-spacing:1px;color:var(--muted);border-bottom:1px solid #454c3c}.record{padding:21px 14px;border-bottom:1px solid var(--line);position:relative;transition:background .22s}.record:before{content:'';position:absolute;left:0;top:27%;bottom:27%;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .2s}.record:hover,.record:focus-visible{background:#1a1e15}.record:hover:before,.record:focus-visible:before{transform:scaleY(1)}.num{font:10px monospace;color:#72796a;transition:color .2s}.title{font-size:16px;letter-spacing:-.25px;transition:transform .2s,color .2s}.artist-name{font-size:12px;color:#a5ab9b}.arrow{font-size:16px;color:#666e5c;transition:transform .2s,color .2s}.record:hover .title{transform:translateX(4px);color:var(--accent)}.record:hover .arrow,.record:focus-visible .arrow{transform:translate(2px,-2px);color:var(--accent)}.record:hover .num{color:var(--accent)}.catalogue-foot{display:flex;justify-content:space-between;gap:22px;color:var(--muted);font:9px/1.7 monospace;margin-top:24px}.empty{text-align:center;padding:45px 0;color:var(--muted)}.empty button{background:none;color:var(--accent);border:0;padding:10px}footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;justify-content:space-between;align-items:center}.top{font-size:11px;color:var(--muted)}.top span{display:inline-block;margin-left:18px;transition:transform .2s}.top:hover span{transform:translateY(-4px);color:var(--accent)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-80px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.enter{animation:enter .3s both}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){header{height:80px}header,main,footer{width:88%}nav{gap:22px}.hero{padding-top:45px}h1{font-size:12.5vw;margin:40px 0 28px}.hero-bottom p{font-size:25px}.explore{gap:12px;font-size:10px}.explore>span{width:33px;height:33px}.signature{margin-top:42px;gap:15px;font-size:7px}.signature>span:last-child{max-width:145px;text-align:right;line-height:1.6}.credits{padding-top:50px}.heading>.eyebrow{display:none}h2{font-size:23px}.controls{gap:15px;margin:26px 0 18px}.search{width:auto;flex:1;min-width:0}input{font-size:11px}select{max-width:135px;padding-left:10px;padding-right:25px;font-size:11px}.artist>span:last-child{right:9px}.table-head,.record{grid-template-columns:25px 1fr 17px;gap:12px;padding-left:6px;padding-right:6px}.table-head>span:nth-child(3){display:none}.record{padding-top:17px;padding-bottom:17px}.title{font-size:14px;grid-column:2}.artist-name{grid-column:2;font-size:11px;margin-top:-5px}.arrow{grid-column:3;grid-row:1 / 3;align-self:center}.num{grid-row:1 / 3;align-self:center;font-size:9px}.catalogue-foot{flex-direction:column;gap:5px;font-size:8px}footer{padding-top:25px}.brand{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Compact brand-led layout */
.hero{padding:20px 0 30px;border-bottom:1px solid var(--line)}h1{margin:30px 0 12px}.credits{padding:38px 0 45px}.controls{margin:24px 0 16px}.record{padding-top:17px;padding-bottom:17px}.catalogue-foot{font-size:8px}@media(max-width:650px){.hero{padding:20px 0 26px}h1{margin:18px 0 8px}.credits{padding-top:30px}.record{padding-top:14px;padding-bottom:14px}}

.record.pending:hover{background:transparent}.record.pending:hover:before{transform:scaleY(0)}.record.pending:hover .title{color:var(--text);transform:none}.record.pending:hover .arrow{transform:none;color:var(--muted)}

.select-controls{display:flex;gap:12px}.controls .search{flex:1;max-width:330px}#theme-toggle{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:22px;transition:background .2s,transform .2s}#theme-toggle:hover{background:var(--line);transform:rotate(15deg)}body{transition:background-color .2s,color .2s}:root[data-theme="light"]{color-scheme:light;--bg:#f5f5ef;--text:#1b2115;--muted:#626b56;--line:#d4d9cb;--accent:#507500}:root[data-theme="light"] .mark i{background:#719b20}:root[data-theme="light"] .artist-name{color:#5a634e}:root[data-theme="light"] .num,:root[data-theme="light"] .arrow{color:#626b56}:root[data-theme="light"] .table-head{border-color:#a3ae95}:root[data-theme="light"] .record:hover,:root[data-theme="light"] .record:focus-visible{background:#e9eedf}:root[data-theme="light"] .record.pending:hover{background:transparent}:root[data-theme="light"] select:hover{border-color:#71825b}@media(max-width:650px){nav{gap:17px}.controls{flex-wrap:wrap}.controls .search{flex-basis:100%;max-width:none}.select-controls{width:100%}.select-controls .artist{flex:1}.select-controls select{width:100%;max-width:none}#theme-toggle{width:30px;height:30px;font-size:20px}}

.dev-banner{padding:10px 6%;background:var(--text);color:var(--bg);font:10px monospace;letter-spacing:1.2px;display:flex;justify-content:space-between}.dev-banner span{opacity:.6}.profile-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:20px 0 25px}.profile-handle{font:12px monospace;color:var(--muted)}.profile-intro p{font-size:clamp(27px,3.5vw,45px);line-height:1.2;letter-spacing:-1.5px;margin:20px 0 0}.beats-link{display:flex;align-items:center;gap:60px;background:var(--text);color:var(--bg);padding:20px 26px;border-radius:40px;font-size:14px;transition:transform .2s}.beats-link:hover{transform:translateY(-3px)}.beats-link span{font-size:20px}.instagram-section{padding:50px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-heading>a{font-size:12px;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.post iframe{width:100%;height:510px;border:0;background:white;display:block}.post>a{display:flex;justify-content:space-between;padding:18px;font-size:12px}.post>a:hover{color:var(--accent)}.instagram-note{font-size:11px;line-height:1.6;color:var(--muted);margin:18px 0 0}.instagram-note a{text-decoration:underline}@media(max-width:950px){.post-grid{grid-template-columns:1fr}.post{max-width:540px;width:100%;margin:auto}.post iframe{height:610px}}@media(max-width:650px){nav{gap:13px}nav a{font-size:10px}.profile-intro{align-items:flex-start;flex-direction:column}.beats-link{margin-top:8px;padding:16px 22px}.post iframe{height:510px}.section-heading h2{font-size:22px}.instagram-section{padding:30px 0}}

/* Quiet journal layout */
header,main,footer{width:min(1040px,88%)}.dev-banner{background:transparent;color:var(--muted);font-size:9px;padding:10px 6% 0;letter-spacing:1px}header{height:78px}nav{gap:28px}.hero{padding:24px 0 42px}h1{font-size:clamp(60px,11vw,136px);margin:24px 0 20px}.profile-intro{margin:0;align-items:center}.profile-handle{font-size:11px}.profile-intro p{font-size:clamp(17px,2vw,24px);line-height:1.5;letter-spacing:-.5px;margin-top:12px}.beats-link{font-size:12px;padding:15px 21px;gap:24px;white-space:nowrap}.beats-link span{font-size:17px}.journal{padding:42px 0 12px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:22px}.journal-entry{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.entry-meta{font:10px/1.6 monospace;letter-spacing:.4px;color:var(--muted);padding-top:7px}.journal-entry h3{font-size:clamp(22px,2.7vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.9px;margin:0 0 13px}.journal-entry p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 17px}.source-link{font-size:11px}.source-link span{display:inline-block;margin-left:8px;transition:transform .2s}.source-link:hover span{transform:translate(2px,-2px)}.credits{padding:25px 0 40px}.credits-disclosure>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:20px;letter-spacing:-.5px;padding:12px 0}.credits-disclosure>summary::-webkit-details-marker{display:none}.credits-disclosure>summary>span{font:11px monospace;color:var(--muted)}.credits-disclosure summary b{display:inline-block;font-size:20px;font-weight:400;margin-left:20px;transition:transform .2s}.credits-disclosure[open] summary b{transform:rotate(45deg)}.credits-content{padding-top:10px}footer{padding:25px 0}.post-grid,.instagram-note{display:none}@media(max-width:650px){header{height:70px}nav{gap:20px}.hero{padding:15px 0 30px}.profile-intro{align-items:flex-start;gap:15px}.profile-intro p{max-width:260px;font-size:20px}.beats-link{margin:0}.journal{padding-top:30px}.journal-entry{grid-template-columns:1fr;gap:9px;padding:25px 0}.entry-meta{font-size:9px}.journal-entry h3{font-size:24px}.journal-entry p{font-size:13px}.credits-disclosure>summary{font-size:18px}}
/* Journal actions */
.source-link{display:inline-flex;align-items:center;gap:14px;min-height:40px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--text);font-size:11px;line-height:1.3;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.source-link span{margin-left:0;transition:transform .2s ease}.source-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-color:var(--accent)}@media(hover:hover){.source-link:hover{transform:translateY(-2px);background:var(--line);border-color:var(--muted);box-shadow:0 4px 10px #00000008}.source-link:hover span{transform:translate(2px,-2px)}}.source-link:active{transform:translateY(0) scale(.96);box-shadow:none;background:var(--line)}