:root{--yellow:#FEDA44;--page-yellow:#F7CF47;--black:#111;--white:#fff;--bw:3px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--page-yellow);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--black);overflow-x:hidden;min-height:100vh;cursor:auto}
a,button,label[for]{cursor:pointer}
:focus-visible{outline:3px solid var(--black);outline-offset:2px}
.mono{font-family:'SF Mono','Courier New',monospace;font-size:12px;font-weight:700;text-transform:uppercase}
.tilted{display:inline-block;transform:rotate(-3deg)}.tilted-alt{display:inline-block;transform:rotate(2deg)}
.frame{border:var(--bw) solid var(--black);margin:20px;min-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--white)}
header{display:grid;grid-template-columns:1fr auto 1fr;border-bottom:var(--bw) solid var(--black)}
.logo-box{padding:40px;border-right:var(--bw) solid var(--black)}
.logo-box h1{font-size:8rem;line-height:.8;font-weight:900;letter-spacing:-4px;text-transform:uppercase}
.slogan-box{padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:var(--bw) solid var(--black)}
.nav-box{display:flex;flex-direction:column}
.nav-item{flex:1;display:flex;align-items:center;padding:0 20px;border-bottom:var(--bw) solid var(--black);text-decoration:none;color:var(--black);font-weight:900;text-transform:uppercase;transition:background .2s}
.nav-item:last-child{border-bottom:none}
.nav-item:hover,.nav-item.active{background:var(--black);color:var(--yellow)}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 40px;border-bottom:var(--bw) solid var(--black)}
.page-head h2{font-size:2.5rem;font-weight:900;text-transform:uppercase}
.slideshow-section{border-bottom:var(--bw) solid var(--black);height:500px;overflow:hidden}
.slide-strip{display:flex;width:max-content;animation:slide 40s linear infinite alternate}
.slide-strip:hover{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(calc(var(--shift,0px) * -1))}}
@media (prefers-reduced-motion:reduce){.slide-strip{animation:none}}
.project-card{min-width:400px;height:500px;border-right:var(--bw) solid var(--black);position:relative;background:var(--white)}
.project-card img{width:100%;height:100%;object-fit:cover}
.add-slide-card{min-width:400px;height:500px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:repeating-linear-gradient(45deg,var(--white) 0 20px,var(--page-yellow) 20px 40px);text-align:center;padding:40px}
.add-slide-card h3{font-size:1.6rem;font-weight:900;text-transform:uppercase;line-height:1.1}
.home-hero{display:grid;grid-template-columns:2fr 1fr;border-bottom:var(--bw) solid var(--black)}
.buy-btn{background:var(--black);color:var(--white);border:none;padding:10px 20px;font-weight:900;font-size:1rem;font-family:inherit;text-transform:uppercase;margin-top:15px;transition:transform .1s;text-decoration:none;display:inline-block}
.buy-btn:active{transform:scale(.95)}
.buy-btn.alt{background:var(--yellow);color:var(--black);border:var(--bw) solid var(--black)}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.product-item{padding:40px;border-bottom:var(--bw) solid var(--black);border-right:var(--bw) solid var(--black);display:flex;flex-direction:column;justify-content:space-between}
.product-item:nth-child(2n){border-right:none}
.product-img-wrapper{width:100%;aspect-ratio:1;border:var(--bw) solid var(--black);margin-bottom:20px;position:relative;background:repeating-linear-gradient(45deg,var(--white) 0 14px,#f3f3f3 14px 28px)}
.product-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}
.product-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.product-meta h3,.product-meta .price{font-weight:900;font-size:1.5rem}
.tag-corner{position:absolute;top:0;right:12px;background:var(--black);color:var(--yellow);padding:4px 8px;font-size:10px;z-index:10}
.empty-state{padding:60px 40px;text-align:center;font-weight:700;grid-column:1/-1}
.custom-section{padding:40px;display:flex;flex-direction:column;align-items:center}
.spec-sheet{background:var(--yellow);border:var(--bw) solid var(--black);padding:30px;width:100%;max-width:720px}
.spec-header{border-bottom:2px dashed var(--black);padding-bottom:10px;margin-bottom:20px}
input,textarea{width:100%;background:transparent;border:none;border-bottom:2px solid var(--black);padding:10px 0;margin-bottom:20px;font-family:inherit;font-size:1rem;outline:none;font-weight:700;border-radius:0}
input:focus,textarea:focus{border-bottom-width:4px}
.stitch-divider{height:20px;background:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 L10 0 L20 10 L30 20 L40 10' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") repeat-x;margin:20px 0}
.form-msg{margin-top:12px;font-weight:700}
.about-bands{display:grid;grid-template-columns:1fr 1fr;border-top:var(--bw) solid var(--black)}
.about-band-a{padding:40px;border-right:var(--bw) solid var(--black)}
.about-band-b{padding:40px;background:var(--yellow)}
.about-signoff{padding:40px;border-top:var(--bw) solid var(--black);text-align:center}
.prose{font-weight:700;font-size:1.1rem;line-height:1.6;margin-bottom:20px}
.review-form-panel{padding:40px;border-bottom:var(--bw) solid var(--black);background:var(--yellow);display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}
.review-form-fields{flex:1;min-width:280px;display:flex;flex-direction:column}
.review-photo-drop{width:240px;min-height:200px;border:3px dashed var(--black);background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}
.review-photo-thumb{width:100%;max-width:160px;aspect-ratio:1;object-fit:cover;border:var(--bw) solid var(--black);margin-top:10px;display:none}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.review-item{padding:40px;border-right:var(--bw) solid var(--black);border-bottom:var(--bw) solid var(--black);display:flex;flex-direction:column}
.review-item p.quote{font-weight:900;font-size:1.2rem;line-height:1.4;text-transform:uppercase;margin:0 0 15px;overflow-wrap:anywhere}
.review-item:nth-child(3n){border-right:none}
.cart-empty{padding:80px 40px;text-align:center}
.cart-row{display:flex;align-items:center;gap:20px;padding:20px 40px;border-bottom:var(--bw) solid var(--black);flex-wrap:wrap}
.cart-thumb{width:90px;height:90px;object-fit:cover;border:var(--bw) solid var(--black);background:#eee}
.cart-row-info{flex:1;min-width:200px}
.cart-qty{display:flex;border:var(--bw) solid var(--black);background:var(--white)}
.cart-qty button{background:transparent;border:none;padding:8px 14px;font-weight:900;font-size:1rem;font-family:inherit}
.cart-qty button:hover{background:var(--black);color:var(--yellow)}
.cart-qty span{padding:8px 16px;font-weight:900;border-left:var(--bw) solid var(--black);border-right:var(--bw) solid var(--black);min-width:44px;text-align:center}
.cart-remove{background:none;border:none;padding:0;margin-top:8px;font-family:'SF Mono','Courier New',monospace;font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:underline;color:var(--black)}
.cart-summary{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:30px 40px;background:var(--yellow);flex-wrap:wrap}
footer{border-top:var(--bw) solid var(--black);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--black);color:var(--white);margin-top:auto}
@media (max-width:1024px){
.logo-box h1{font-size:4rem}header{grid-template-columns:1fr}
.logo-box,.slogan-box{border-right:none;border-bottom:var(--bw) solid var(--black)}
.nav-item{padding:14px 20px}
.home-hero,.about-bands{grid-template-columns:1fr}
.home-hero-side{border-top:var(--bw) solid var(--black)}
.about-band-a{border-right:none;border-bottom:var(--bw) solid var(--black)}
.reviews-grid,.products-grid{grid-template-columns:1fr}
.review-item,.product-item,.review-item:nth-child(3n),.product-item:nth-child(2n){border-right:none}
.page-head,.custom-section,.review-form-panel,.about-band-a,.about-band-b,.about-signoff{padding-left:20px;padding-right:20px}
.product-item{padding:25px 20px}
.page-head h2{font-size:1.8rem}
}

/* Big Cartel additions */
a.project-card{display:block;text-decoration:none;color:inherit}
.project-label{position:absolute;bottom:20px;left:20px;background:var(--black);color:var(--white);padding:8px 12px;font-weight:900;text-transform:uppercase;transform:rotate(-2deg)}
.product-item>a{color:inherit;text-decoration:none}
.product-item .buy-btn,.cart-summary .buy-btn{text-decoration:none;display:inline-block}
.product-meta h3{font-weight:900;font-size:1.5rem}
.price{font-weight:900;font-size:1.5rem}.price.big{font-size:2.5rem;margin-bottom:15px}
.pagination-wrap{padding:20px 40px;font-weight:900}
.pagination-wrap a,.pagination-wrap span{margin-right:12px;color:var(--black)}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}
.pd-main{width:100%;aspect-ratio:1;object-fit:cover;border:var(--bw) solid var(--black);display:block}
.thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.thumbs img{width:70px;height:70px;object-fit:cover;border:var(--bw) solid var(--black);cursor:pointer}
select{width:100%;padding:10px;margin-bottom:20px;border:var(--bw) solid var(--black);background:var(--white);font:inherit;font-weight:700;border-radius:0}
input[type=submit].buy-btn{border:none}
input[type=submit].buy-btn.alt{border:var(--bw) solid var(--black)}
.cart-qty-input input{width:70px;text-align:center;margin:0;border:var(--bw) solid var(--black);padding:8px;background:var(--white)}
.review-item .quote{margin-bottom:15px}
@media (max-width:1024px){.product-detail{grid-template-columns:1fr;padding:20px}.pagination-wrap{padding:20px}}
/* latest-drop panel removed: full-width hero */
.home-hero{grid-template-columns:1fr}
.home-hero>div{border-right:none !important}
/* logo fits phones */
.logo-box h1{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}
@media (max-width:1024px){
.logo-box{padding:24px 20px;text-align:center}
.logo-box h1{font-size:clamp(3rem,17vw,6rem);letter-spacing:-2px;line-height:.85}
.logo-box h1:nth-child(2){margin-left:10px !important}
.logo-box h1:nth-child(3){margin-top:4px !important}
}
/* normal cursors */
*{cursor:auto !important}
a,button,select,input[type=submit],label[for],.cart-remove,.thumbs img{cursor:pointer !important}
input[type=text],input[type=email],textarea{cursor:text !important}

/* ---------- PHONE FIXES ---------- */
html,body{overflow-x:hidden;max-width:100%}
img,video{max-width:100%}
.frame{overflow:hidden}
h1,h2,h3{overflow-wrap:anywhere}
@media (max-width:700px){
.frame{margin:10px;min-height:auto}
.slogan-box{padding:16px}
.slogan-box h2{font-size:1.6rem !important}
.home-hero>div{padding:24px 20px !important}
.home-hero h2{font-size:clamp(1.9rem,9.5vw,2.6rem) !important}
.home-hero p{font-size:1rem !important}
.home-hero .buy-btn{padding:10px 14px;font-size:.9rem}
.slideshow-section,.project-card{height:320px}
.project-card{min-width:260px}
.page-head{padding:16px 20px}
.page-head h2{font-size:1.6rem !important}
.spec-sheet{padding:20px}
.spec-sheet h2{font-size:1.8rem !important}
.spec-sheet p[style*="1.5rem"]{font-size:1.2rem !important}
h3[style*="font-size:2rem"]{font-size:1.5rem !important}
.about-signoff h3{font-size:1.8rem !important}
.about-band-b p[style*="1.8rem"]{font-size:1.3rem !important}
.prose{font-size:1rem}
.cart-row{padding:16px 20px}
.cart-summary{padding:20px}
footer{padding:20px;flex-direction:column;align-items:flex-start}
}