@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Caveat:wght@500;600&display=swap');
:root{--bg:#12120f;--ink:#f1e5cc;--muted:#b4ac9b;--copper:#d58b56;--line:#65523c77}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',Arial,sans-serif;background-image:radial-gradient(ellipse at 15% 10%,#b8834120,transparent 50%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1440px;margin:auto}header{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:1;background:#12120fe8}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:7px}.brand span{font-family:Arial,sans-serif;display:block;font-size:8px;letter-spacing:4px;color:var(--muted);margin-top:9px}nav{display:flex;gap:30px;font-family:Georgia,serif;font-size:14px}nav a:hover{color:var(--copper)}.hero{position:relative;min-height:740px;background:url('images/hero-collage.webp') center center/cover no-repeat;display:flex;align-items:flex-start;padding:70px 5%;border-bottom:1px solid var(--line)}.hero-copy{max-width:560px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:600;color:var(--copper);margin:0 0 25px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(65px,7.2vw,105px);line-height:.98;letter-spacing:-4px;margin:0 0 25px;text-shadow:2px 3px 20px #000}em{color:var(--copper);font-style:normal}.aliases{font-family:Georgia,serif;letter-spacing:3px;font-size:11px}.brush{height:3px;max-width:270px;background:var(--copper);transform:rotate(-2deg);margin:26px 0}.intro{font-size:13px;line-height:1.8;max-width:360px;color:#e2d7bf;text-shadow:0 1px 8px #000}.button{display:inline-flex;align-items:center;gap:30px;padding:14px 18px;border:1px solid var(--copper);color:var(--ink);background:#15140fc9;font-size:12px;margin-top:14px}.button:hover{background:var(--copper);color:#111}.handwritten{font-family:'Caveat',cursive;font-size:28px;color:#cfb892;font-weight:500}.hero .handwritten{margin-top:36px}.hero-caption{position:absolute;bottom:25px;right:5%;font-size:9px;letter-spacing:3px;color:#f7e5c9;background:#111a;padding:10px}.music{padding:45px 5% 70px}.section-heading{display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.section-heading .eyebrow{margin:0}.section-heading .handwritten{margin:0;font-size:24px}.listening-note{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 28px}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 30px}.song-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}.cover{aspect-ratio:1/1;background-image:linear-gradient(0deg,#000b,transparent 65%),url('images/song-artwork.webp');background-size:100% 100%,300% 100%;background-position:center,left;position:relative;border:1px solid #99826766;box-shadow:0 8px 22px #0006;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;padding:20px;margin-bottom:18px}.cover.vices{background-position:center,center}.cover.rap{background-position:center,right}.cover span{font-family:'Caveat',Georgia,serif;font-size:clamp(27px,3.4vw,49px);line-height:1.05;text-shadow:0 2px 5px #000;max-width:95%;font-weight:600}.cover small{font-family:Georgia,serif;font-size:8px;letter-spacing:4px;margin-top:16px}.song-card h4{font-family:Georgia,serif;font-size:17px;line-height:1.5;font-weight:400;margin:0 0 5px}.song-info p{font-size:10px;color:var(--muted);margin:0 0 13px;line-height:1.5}.text-button,.download,.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid #786349;color:var(--ink);font-size:11px;padding:0 0 5px}.text-button:hover,.download:hover,.text-link:hover{color:var(--copper)}.song-card audio{width:100%;height:36px;color-scheme:dark;margin:14px 0 10px}.download{float:right}.song-description{font-family:Georgia,serif;font-size:16px;line-height:1.7;color:var(--muted);margin-top:23px}.upcoming #share{margin-top:6px}#share-status{font-size:10px;color:var(--copper)}.story{padding:55px 5% 65px;border-top:1px solid var(--line);background:#201e1766}.story>.eyebrow{text-align:center}.story h2{font-family:Georgia,serif;font-size:40px;line-height:1.3;text-align:center;font-weight:400;margin:0 0 40px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-photo{background:url('images/hero-collage.webp') right bottom/180% auto;aspect-ratio:1.25;border:6px solid #c0a68399;transform:rotate(-2deg);box-shadow:0 12px 30px #0006}.story p{font-size:13px;line-height:1.9;color:var(--muted)}.story .large{font-family:Georgia,serif;font-size:22px;color:var(--ink)}.signature{display:block;font-family:'Caveat',cursive;font-size:35px;color:var(--copper);margin:20px 0}.text-link{margin-top:10px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .brand{font-size:19px}footer p,footer>span{font-size:10px;color:var(--muted);margin:0}.art-note{width:100%;text-align:center;color:#92866e!important;font-size:9px!important;letter-spacing:1px}dialog{background:#201f19;color:var(--ink);border:1px solid var(--line);width:92%;max-width:720px;max-height:87vh;padding:30px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head .eyebrow{font-size:9px;margin-bottom:12px}.dialog-head h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.4;margin:0}.dialog-head button{background:none;border:1px solid var(--line);color:var(--ink);width:38px;height:38px;flex-shrink:0}#lyrics-content h3{font-size:12px;color:var(--copper);letter-spacing:1px;margin:30px 0 10px}#lyrics-content p{white-space:pre-line;font-size:14px;line-height:1.8;margin-bottom:0}.lyric-source{color:var(--muted);font-size:11px!important;border-bottom:1px solid var(--line);padding-bottom:18px}:focus-visible{outline:2px solid var(--copper);outline-offset:5px}@media(max-width:900px){.hero{min-height:650px;background-position:60% center}.hero-copy{max-width:430px}.hero .intro{max-width:290px}.song-grid{gap:30px 20px}.cover{padding:15px}.cover small{letter-spacing:2px}.story-grid{gap:30px}nav{gap:20px}}@media(max-width:650px){header{padding:23px 5%;gap:20px;align-items:flex-start}.brand{font-size:19px;letter-spacing:4px}nav{font-size:11px;gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}.hero{min-height:770px;padding-top:38px;background-size:auto 100%;background-position:62% bottom;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#12120f66,#12120f11 45%,transparent)}h1{font-size:68px;letter-spacing:-2px}.hero .intro{max-width:260px;background:#1118;padding:8px}.hero .aliases{font-size:8px;letter-spacing:1.5px}.hero .handwritten{font-size:25px;background:#1119;display:inline-block;padding:4px}.eyebrow{font-size:9px;letter-spacing:2px}.section-heading{align-items:flex-start;gap:15px}.section-heading .handwritten{font-size:19px;text-align:right}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.cover span{font-size:27px}.cover small{font-size:6px}.song-card h4{font-size:14px}.song-card audio{height:38px}.song-description{font-size:13px}.download{font-size:10px}.story-grid{grid-template-columns:1fr;gap:30px}.story h2{font-size:32px}.story-photo{aspect-ratio:1.5}.story .large{font-size:19px}footer{justify-content:center;text-align:center}footer p{width:100%}.dialog-head h2{font-size:25px}dialog{padding:23px}.hero-caption{font-size:7px}}@media(max-width:380px){.song-grid{grid-template-columns:1fr}.cover span{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.personal-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:45px 5% 10px}.personal-photos figure{margin:0}.personal-photos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:5px solid #b49d7677;box-shadow:0 8px 25px #0007}.personal-photos figure:first-child img{object-position:70% center}.personal-photos figure:last-child img{object-position:50% 28%}.personal-photos figure:nth-child(2){transform:rotate(1.5deg)}.personal-photos figcaption{font-family:'Caveat',cursive;font-size:25px;text-align:center;margin-top:12px;color:var(--ink)}.story-photo{background-image:url('images/john-golf-black-tape.webp');background-position:center 28%;background-size:cover;aspect-ratio:1}.hero{background-image:linear-gradient(90deg,#12120ff5 0%,#12120fd9 26%,#12120f55 50%,transparent 72%),url('images/john-soggy-dollar-hero.webp');background-position:center,center;background-size:cover}.hero-caption{background:#12120fbf}@media(max-width:650px){.personal-photos{gap:14px;padding-top:30px;grid-template-columns:1fr 1fr}.personal-photos figure:last-child{grid-column:1/3;max-width:340px;justify-self:center;width:100%}.personal-photos figcaption{font-size:21px}.hero{background-image:linear-gradient(180deg,#12120fe8 0%,#12120f99 38%,#12120f11 65%),url('images/john-soggy-dollar-hero.webp');background-size:cover,auto 70%;background-position:center,57% bottom;background-color:#12120f;background-repeat:no-repeat}.hero .intro{background:none}.hero .handwritten{background:none}}

#story-open{margin-top:10px;margin-left:12px}.story-reading{font-size:14px;line-height:1.9;color:var(--ink)}.story-reading p{margin-top:22px}

.tournament-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,.8fr) 1.4fr;gap:35px;padding:28px;border:1px solid var(--copper);background:#2c241866;margin-bottom:15px}.tournament-feature .cover{margin:0;align-self:center}.tournament-body h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:0 0 12px}.tournament-body>p{font-size:13px;line-height:1.8;color:var(--muted)}.tournament-body .eyebrow{font-size:10px;color:var(--copper);margin-bottom:16px}.tournament-body .tournament-hook{font-family:Georgia,serif;font-size:20px;color:var(--ink)}.tournament-body .track-meta,.tournament-date{font-size:10px!important}.tournament-feature audio{margin-top:10px}@media(max-width:650px){.tournament-feature{grid-template-columns:1fr;gap:22px;padding:20px}.tournament-feature .cover{max-width:300px;width:100%;justify-self:center}.tournament-body h2{font-size:30px}}

.cover.crew-art{background-image:linear-gradient(0deg,#000b,transparent 45%),url("images/if-we-get-robbed-crew.webp");background-size:100% 100%,cover;background-position:center,center;aspect-ratio:1.2}.crew-art span{font-size:37px}.tournament-feature{grid-template-columns:1.1fr 1.3fr}@media(max-width:650px){.tournament-feature{grid-template-columns:1fr}.tournament-feature .crew-art{max-width:none}}

.cover.champagne-approved{background-image:linear-gradient(0deg,#000b,transparent 40%),url("images/champagne-and-trouble-approved.webp");background-size:100% 100%,cover;background-position:center,60% center}

/* Show the complete approved landscape artwork without cropping. */
.cover.champagne-approved{aspect-ratio:1645/956;background-size:100% 100%,100% 100%;background-position:center; padding:12px 8px}
.cover.champagne-approved span{font-size:clamp(18px,2.1vw,30px)}
.cover.champagne-approved small{margin-top:6px}

.cletus-photo-link{display:block;margin-bottom:18px}.cletus-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

/* Full approved Barefoot artwork, uncropped; open for detail. */
.barefoot-photo-link{display:block;margin-bottom:18px}.barefoot-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.mo-money-photo-link{display:block;margin-bottom:18px}.mo-money-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.motherfucker-photo-link{display:block;margin-bottom:18px}.motherfucker-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.vices-photo-link{display:block;margin-bottom:18px}.vices-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.bad-original-photo-link{display:block;margin-bottom:18px}.bad-original-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.coastal-photo-link{display:block;margin-bottom:18px}.coastal-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.still-fits-photo-link{display:block;margin-bottom:18px}.still-fits-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

.whats-left-photo-link{display:block;margin-bottom:18px}.whats-left-approved-photo{display:block;width:100%;height:auto;border:1px solid #99826766;box-shadow:0 8px 22px #0006}

/* Approved Soggy Dollar portrait and caption */
.hero{background-position:center,right center}.hero-caption{font-family:Georgia,serif;font-size:clamp(16px,1.6vw,24px);font-style:italic;letter-spacing:0;max-width:calc(100% - 10%);text-align:center;padding:12px 18px;border-radius:3px;line-height:1.35}
@media(max-width:650px){.hero{background-position:center,82% bottom;background-size:cover,auto 58%;padding-bottom:95px}.hero-caption{left:5%;right:5%;bottom:18px;font-size:18px;max-width:none}}

.full-song-art{position:relative}.full-song-art img{display:block;width:100%;height:auto;border:1px solid #99826766}.art-title{position:absolute;inset:auto 0 0;padding:18px 10px 12px;background:linear-gradient(transparent,#000b);text-align:center;color:#f7e5c9;pointer-events:none}.art-title span{display:block;font-family:Georgia,serif;font-size:clamp(18px,2.1vw,30px)}.art-title small{display:block;font-size:8px;letter-spacing:3px;margin-top:6px}