*{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#d4af37;--gold2:#f5d77a}
body{background:#0a0a0a;color:#e8e2d0;font-family:"Oswald","Impact","Arial Narrow",sans-serif;background-image:radial-gradient(circle at 50% 0,#1d1a12 0,#0a0a0a 60%)}
a{color:var(--gold2)}
.gold{background:linear-gradient(135deg,#8a6d1d,#f5d77a 30%,#b8902a 55%,#fff1b8 70%,#8a6d1d);padding:6px;box-shadow:0 0 0 2px #000,0 10px 30px #000}
header{text-align:center;padding:48px 16px 24px}
h1{font-family:Impact,"Anton","Arial Black",sans-serif;font-size:clamp(3.2rem,12vw,8.5rem);letter-spacing:4px;line-height:.95;text-transform:uppercase;background:linear-gradient(180deg,#fff6cc,#d4af37 55%,#7a5a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 4px 0 #000) drop-shadow(0 0 18px rgba(212,175,55,.35))}
.sub{font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:10px;text-transform:uppercase;color:#cfc6ad;margin-top:10px}
.ig{display:inline-block;margin-top:16px;border:2px solid var(--gold);padding:8px 18px;text-decoration:none;letter-spacing:2px;font-size:1rem}
nav{margin-top:18px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
nav a{text-decoration:none;text-transform:uppercase;letter-spacing:3px;color:#e8e2d0;border-bottom:2px solid var(--gold)}
.hero{max-width:1000px;margin:10px auto 0;padding:0 16px}
.hero img{display:block;width:100%;height:auto}
section{max-width:1200px;margin:60px auto;padding:0 16px}
h2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2rem,6vw,3.4rem);text-transform:uppercase;letter-spacing:3px;text-align:center;color:var(--gold);margin-bottom:8px}
.rule{width:140px;height:4px;margin:0 auto 28px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.feature .gold img{display:block;width:100%;cursor:zoom-in}
.feature p{font-family:Georgia,serif;font-size:1.15rem;line-height:1.6;color:#cfc6ad}
.feature h3{font-size:2rem;color:var(--gold2);letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.grid button{border:0;background:none;padding:0;cursor:zoom-in}
.grid img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border:3px solid #3a3020;transition:.2s}
.grid img:hover{border-color:var(--gold);transform:scale(1.03)}
.photos{columns:3 260px;column-gap:14px}
.photos img{width:100%;margin-bottom:14px;border:3px solid #3a3020;cursor:zoom-in;display:block}
.about{border:2px solid var(--gold);padding:30px;background:#111;font-family:Georgia,serif;font-size:1.15rem;line-height:1.7;color:#cfc6ad;text-align:center}
footer{text-align:center;padding:40px 16px;border-top:2px solid #3a3020;color:#8d846c;letter-spacing:2px}
footer b{color:var(--gold)}
#lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9;cursor:zoom-out}
#lb.on{display:flex}
#lb img{max-width:94vw;max-height:92vh;border:4px solid var(--gold)}
@media(max-width:760px){.feature{grid-template-columns:1fr}.sub{letter-spacing:5px}}

.cap{text-align:center;margin-top:12px;color:var(--gold2);letter-spacing:3px;text-transform:uppercase}
.by{text-align:center;font-family:Georgia,serif;font-style:italic;color:#cfc6ad;font-size:1.2rem;margin-bottom:8px}
.gt{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.gt figure{position:relative;border:3px solid #3a3020}
.gt img{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:zoom-in}
.gt .num{position:absolute;top:8px;left:8px;background:#000c;color:var(--gold2);border:1px solid var(--gold);font-size:.95rem;padding:2px 8px;letter-spacing:1px}
.gt figcaption{text-align:center;padding:8px 4px;font-size:.95rem;letter-spacing:1px;color:#cfc6ad;background:#111}
.gt .num{top:auto;bottom:46px;left:6px}
.gt .num{left:auto;right:6px}
@font-face{font-family:"hackerchaos";src:url(fonts/hackerchaos.otf) format("opentype");font-display:swap}
h1,h2.metal{font-family:"hackerchaos",Impact,sans-serif;text-transform:uppercase;font-weight:normal}
h1{letter-spacing:2px;font-size:clamp(3.4rem,13vw,9rem);background:linear-gradient(180deg,#fff6cc 0%,#f5d77a 30%,#b8902a 55%,#fff1b8 72%,#7a5a12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #000;filter:drop-shadow(3px 4px 0 #000) drop-shadow(0 0 16px rgba(212,175,55,.35));padding:0 .15em}
h2.metal{font-size:clamp(2.6rem,8vw,5rem);letter-spacing:2px;background:linear-gradient(180deg,#fff6cc,#d4af37 55%,#7a5a12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #000;filter:drop-shadow(2px 3px 0 #000);padding:0 .15em}

h1 .x,h2.metal .x{font-size:1.4em;line-height:.7;display:inline-block;transform:scaleX(1.15);vertical-align:-.12em}
h1{line-height:1.15}
h1,h2.metal{display:inline-block;padding:.25em .9em}
header h1{font-size:clamp(2.6rem,10vw,7.5rem)}
#gallery{text-align:center}#gallery .grid{text-align:left}
h1 .x,h2.metal .x{font-size:1.45em;line-height:0;vertical-align:-.18em;transform:none;display:inline;background:inherit;-webkit-background-clip:text;background-clip:text;font-feature-settings:"liga" 0}

h1.logo{background:none;-webkit-text-stroke:0;filter:none;padding:0;display:block;margin:0 auto}
h1.logo img{display:block;margin:0 auto;width:min(560px,90vw);height:auto;mix-blend-mode:screen}
h2.metal{background:none;color:#fff;-webkit-text-stroke:1px #7fe6ee;filter:none;text-shadow:0 0 4px #3fd4dc,0 0 10px #009CA6,0 0 22px #009CA6,0 0 40px #007a82}
body{background:#000;background-image:none}
/* v4: show every image in full */
.grid{display:block;columns:4 200px;column-gap:14px}
.grid button{display:block;width:100%;margin-bottom:14px;break-inside:avoid}
.grid img{aspect-ratio:auto;height:auto;object-fit:contain}
.gt{display:block;columns:3 230px;column-gap:18px}
.gt figure{break-inside:avoid;margin:0 0 18px;display:block}
.gt img{aspect-ratio:auto;height:auto;object-fit:contain}
.photos figure,.photos img{break-inside:avoid}
.gt{display:grid;columns:auto;align-items:start}
.gt figure{margin:0}
.guitars{margin-top:24px;padding-top:20px;border-top:1px solid #3a3020}
.guitars h3{color:var(--gold2);letter-spacing:3px;text-transform:uppercase;font-size:1.3rem;margin-bottom:12px;font-family:Impact,"Arial Black",sans-serif;font-weight:normal}
.guitars ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:0}
.guitars li{border:1px solid var(--gold);background:#000;color:#e8dfc4;padding:6px 14px;font-size:1rem}
.favs{margin-top:18px;color:#e8dfc4}
@font-face{font-family:"Great Vibes";src:url(fonts/GreatVibes-Regular.ttf) format("truetype");font-display:swap}
h1.logo{margin-bottom:0}
.script{font-family:"Great Vibes",cursive;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.1;margin:-6px 0 4px;letter-spacing:1px;background:linear-gradient(180deg,#fff3c4 0%,#f5d77a 30%,#d4af37 55%,#8a6d1d 85%,#d4af37 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(212,175,55,.45)) drop-shadow(1px 2px 0 #000);padding:0 .2em}