@font-face{font-family:Megrim;src:url("assets/fonts/Megrim.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--muted:#a8a3a3;--line:#363131;--panel:#211e1e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080808;color:#f4f0ed;font:400 16px/1.7 Megrim,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer}button{background:transparent;color:inherit;border:1px solid var(--line);padding:8px 14px}a:hover,button:hover{color:#fff;border-color:#ddd}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ddd;outline-offset:5px}header{display:flex;align-items:center;gap:30px;padding:22px 4%;background:#080808ee;position:sticky;top:0;z-index:3;border-bottom:1px solid #222}.wordmark{font-size:29px;font-weight:300;letter-spacing:7px}nav{display:flex;gap:22px;margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.social{font-size:11px;color:var(--muted)}#menu{display:none}.hero{padding:0;position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;background:#000}.hero img{display:block;width:100%;max-height:720px;object-fit:contain}.hero-caption{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px}.button{display:inline-block;border:1px solid #76706c;padding:12px 22px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}main>section:not(.hero){padding:80px max(6%,calc((100% - 1120px)/2));scroll-margin-top:0}section.music{background:var(--panel)}h1,h2{font-weight:400;letter-spacing:3px;line-height:1.2;margin:0 0 24px;font-size:40px}h1{font-size:54px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:3px;margin:0 0 14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.section-head>span{color:var(--muted);font-size:12px}.track{display:flex;align-items:center;width:100%;padding:20px 0;border:0;border-bottom:1px solid var(--line);text-align:left;gap:24px}.track .number{color:#888;width:25px;font-size:12px}.track .duration{margin-left:auto;color:var(--muted);font-size:12px}.track.active{color:#e1bda4}.bio{display:grid;grid-template-columns:1fr 2fr;gap:65px}.bio p{margin-top:0;color:#c3bdb8}.members{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;font-size:12px;letter-spacing:2px}.members small{display:block;color:var(--muted);font-size:11px;letter-spacing:0}#shows{background:#141313}.calendar-nav{display:flex;align-items:center;gap:18px;font-size:13px}#calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.day{min-height:75px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;color:#c6bfb9;font-size:13px}.weekday{min-height:35px;text-transform:uppercase;letter-spacing:1px;font-size:10px;text-align:center}.today{background:#3b3030;color:white}.empty{color:#555}#show-list{color:var(--muted);font-size:13px;margin-top:24px}#gallery{columns:3;column-gap:14px}.photo{padding:0;border:0;width:100%;display:block;margin-bottom:14px;break-inside:avoid}.photo img{display:block;width:100%;filter:saturate(.7);transition:filter .2s}.photo:hover img{filter:saturate(1)}#merch{background:var(--panel)}#merch p,#contact-booking p{color:var(--muted)}footer{padding:35px 6% 120px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px}.player{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:15px;background:#141313f5;border-top:1px solid #444;padding:13px 5%;height:80px}.player button{border:0;padding:8px}#toggle{border:1px solid #777;width:45px}.now-playing{min-width:150px;line-height:1.5}.now-playing strong{font-weight:400;font-size:13px}.now-playing small{display:block;font-size:10px;color:var(--muted)}#seek{flex:1;accent-color:#c3aca0}#time{font-size:11px;color:var(--muted)}dialog{padding:30px;background:#101010;border:1px solid #555;text-align:center;max-width:95vw;max-height:94vh}dialog::backdrop{background:#000e}dialog img{max-width:85vw;max-height:72vh;object-fit:contain}dialog p{font-size:12px;color:var(--muted)}#close-photo{display:block;margin:0 0 15px auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:8;background:black;padding:20px}@media(max-width:900px){header{flex-wrap:wrap;gap:10px;padding:14px 5%}.social{margin-left:auto}#menu{display:block;margin-left:auto}nav{display:none;order:4;width:100%;flex-wrap:wrap;padding:16px 0}nav.open{display:flex}.hero{min-height:400px}.hero-caption{bottom:20px}.hero-caption>span{font-size:9px}main>section:not(.hero){padding:55px 6%}.bio{grid-template-columns:1fr;gap:12px}.day{min-height:48px;padding:7px}.section-head{align-items:flex-start}#gallery{columns:2}h1{font-size:40px}h2{font-size:32px}.now-playing{min-width:95px}.player{gap:6px;padding:10px 3%}#seek{min-width:35px}.social{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Match the original artra.rocks typography throughout. */
.wordmark{font-family:Megrim,Arial,sans-serif;font-weight:400}nav{font-size:20px;letter-spacing:0}h1,h2{font-size:30px;font-weight:400;letter-spacing:0}.track{font-size:16px}.now-playing strong{font-size:16px}.button{font-size:16px}.members{font-size:16px}.social,.eyebrow,.section-head>span{font-size:15px}@media(max-width:900px){h1,h2{font-size:30px}nav{gap:16px}}

.wordmark{display:flex;align-items:center;flex-shrink:0;line-height:1}.wordmark img{display:block;width:132px;height:auto}@media(max-width:900px){.wordmark img{width:116px}}

.social{display:flex;align-items:center;justify-content:center;color:#f4f0ed;min-width:36px;min-height:36px}.social svg{display:block}@media(max-width:900px){.social{display:flex;margin-left:10px}}

.hero-caption{justify-content:flex-end}

.contact-page{max-width:900px;margin:auto;min-height:70vh}.contact-page>p{color:var(--muted)}.contact-page form{margin-top:36px}.contact-page label{display:block;margin:0 0 22px;font-size:18px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-page input,.contact-page textarea,.contact-page select{display:block;width:100%;margin-top:8px;border:1px solid #5e5656;border-radius:0;padding:12px 14px;background:#181616;color:#f4f0ed;font:16px/1.5 Arial,sans-serif}.contact-page textarea{resize:vertical}.form-note{color:var(--muted);font-size:15px;max-width:620px}.email-alternative{margin-top:32px}.email-alternative a{text-decoration:underline;overflow-wrap:anywhere}@media(max-width:600px){.contact-grid{grid-template-columns:1fr;gap:0}}

/* Give the contact page a full desktop composition. */
main>section.contact-page{max-width:none;width:100%;display:grid;grid-template-columns:minmax(230px,0.8fr) minmax(0,1.7fr);gap:70px;padding:64px max(5%,calc((100% - 1200px)/2));align-items:start}.contact-intro{position:sticky;top:130px}.contact-intro h1{font-size:40px}.contact-intro>p{color:var(--muted)}.contact-page form{margin-top:0}.contact-page .contact-grid{gap:20px}.contact-page label{margin-bottom:18px}.contact-page textarea{min-height:150px}@media(max-width:800px){main>section.contact-page{grid-template-columns:1fr;gap:28px;padding:40px 6%}.contact-intro{position:static}.contact-intro h1{font-size:32px}}@media(max-width:600px){.contact-page .contact-grid{gap:0}}

.epk-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.epk-band{display:block;width:100%;height:auto}.epk-intro h1{font-size:56px}.epk-intro p{color:#c3bdb8}.epk-intro strong{font-weight:400;color:#fff}.epk-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.epk-music{background:var(--panel)}.epk-tracks{display:grid;grid-template-columns:1fr 1fr;gap:24px}.epk-track{border-top:1px solid #4a4141;padding-top:14px;min-width:0}.epk-track>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.epk-track h3{font-weight:400;font-size:20px;margin:0 0 14px}.epk-track span{font-size:14px;color:var(--muted)}.epk-track audio{width:100%;height:40px}.epk-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.epk-gallery figure{margin:0;min-width:0}.epk-gallery img{display:block;width:100%;height:300px;object-fit:cover}.epk-gallery figcaption{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:13px;padding-top:10px;color:var(--muted)}.epk-gallery figcaption a{text-decoration:underline}.contact-page{border-top:1px solid var(--line)}@media(max-width:900px){.epk-intro{grid-template-columns:1fr;gap:28px}.epk-band{max-height:520px;object-fit:contain}.epk-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.epk-gallery img{height:260px}}@media(max-width:600px){.epk-tracks,.epk-gallery{grid-template-columns:1fr}.epk-gallery img{height:auto}.epk-intro h1{font-size:42px}}

.epk-download{display:inline-block;font-size:13px;color:var(--muted);text-decoration:underline;margin-top:8px}.contact-intro h2{font-size:40px}@media(max-width:800px){.contact-intro h2{font-size:32px}}

.record-player{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr);gap:48px;background:#151313;border:1px solid #433a36;padding:32px}.record-art img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.record-art p{font-size:23px;margin:18px 0 0}.record-art p>span{display:block;font-size:13px;letter-spacing:2px;color:var(--muted);margin-top:8px}.record-console h3{font-size:32px;font-weight:400;margin:0 0 18px}.record-transport{display:flex;align-items:center;gap:12px}.record-transport button{width:40px;height:40px;padding:0;border:0;font-family:Arial,sans-serif;font-size:18px}.record-transport #epk-toggle{width:54px;height:54px;border:1px solid #b6a092;border-radius:50%;background:#302620;color:#fff}.record-transport #epk-count{margin-left:auto;color:var(--muted);font:12px Arial,sans-serif;letter-spacing:2px}.record-progress{display:flex;gap:12px;align-items:center;margin:22px 0 14px;font:11px Arial,sans-serif;color:var(--muted)}.record-progress input{flex:1;min-width:0}.record-console input[type=range]{accent-color:#c8a88e;cursor:pointer;height:4px}.record-options{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:13px;margin-bottom:24px}.record-options label{display:flex;align-items:center;gap:10px}.record-options input{width:70px}.record-options a:hover{color:#fff}.record-row{display:flex;width:100%;gap:18px;align-items:center;text-align:left;padding:13px 12px;border:0;border-top:1px solid #39312e;font-size:18px;transition:background .15s}.record-row.selected{background:#2b231e;color:#e4c1a5}.row-index,.row-duration{font:11px Arial,sans-serif;color:#a99b91}.row-index{width:18px}.row-duration{margin-left:auto}.record-row:hover{background:#292320}#epk-status{font-size:13px;color:#e4c1a5;margin:12px 0 0}@media(max-width:700px){.record-player{grid-template-columns:1fr;padding:22px;gap:28px}.record-art{display:flex;align-items:center;gap:22px}.record-art img{width:120px}.record-art p{margin:0}.record-console h3{font-size:28px}}

.record-player-no-art{grid-template-columns:1fr;gap:0;max-width:900px;margin:0 auto}.record-player-no-art .record-console h3{font-size:36px}.record-player-no-art .record-list{margin-top:28px}.record-player-no-art .record-row{padding:18px 14px}footer{padding-bottom:35px}@media(max-width:700px){.record-player-no-art{display:block}.record-player-no-art .record-console h3{font-size:28px}}

/* Mirror the second R in the band name while preserving readable labels. */
.band-name{white-space:nowrap}.mirrored-r{display:inline-block;transform:scaleX(-1)}

.music-label{display:flex;align-items:center;gap:10px}.music-label img{display:block;width:72px;height:auto;opacity:.7}

.record-art p>.record-meta{display:flex;align-items:center;gap:10px;letter-spacing:1px}.record-art .record-meta img{display:block;width:72px;height:auto;aspect-ratio:auto;object-fit:contain;opacity:.7}.record-meta>span{white-space:nowrap}

img.inline-band-logo{display:inline-block;width:auto;height:1.05em;vertical-align:-.16em;max-width:none}h1 .inline-band-logo,h2 .inline-band-logo{height:1.25em;vertical-align:-.1em}