:root{--yellow:#f4b400;--black:#080808;--white:#f7f5ef;--ink:#111;--gray:#e7e5df;--font:'Impact','Arial Black','Bebas Neue',Arial,sans-serif;--body:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{max-width:1448px;margin:0 auto;background:#f4f1ea url('../images/white-brick-graffiti-bg.png') top center/100% auto repeat-y;min-height:100vh;box-shadow:0 0 80px rgba(0,0,0,.55);overflow:hidden}.topbar{height:92px;display:flex;align-items:flex-start;padding:15px 62px 0;gap:34px;position:relative;z-index:10}.brand img{width:320px;display:block}.mainnav{margin-left:auto;display:flex;gap:37px;align-items:center;padding-top:12px;text-transform:uppercase;font:800 14px/1 var(--font);letter-spacing:.7px}.mainnav a{position:relative;padding:8px 0}.mainnav a.active:after,.mainnav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:4px;background:var(--yellow)}.nav-icons{display:flex;gap:18px;padding-top:10px;margin-left:20px}.nav-icons button{background:transparent;border:0;font-size:29px;line-height:1;position:relative}.nav-icons .cart{font-size:20px}.cart b{position:absolute;right:-7px;top:-9px;background:var(--yellow);border-radius:50%;font:900 11px Arial;width:18px;height:18px;display:grid;place-items:center}.menu-toggle{display:none}.hero{min-height:296px;position:relative;padding:5px 0 0}.hero:before{content:"";position:absolute;left:0;right:0;top:75px;height:270px;background:radial-gradient(circle at 5% 55%,rgba(0,0,0,.95) 0 4%,transparent 10%),radial-gradient(circle at 71% 48%,rgba(244,180,0,.95) 0 12%,transparent 22%),radial-gradient(circle at 78% 40%,rgba(0,0,0,.95) 0 8%,transparent 18%),radial-gradient(circle at 89% 34%,rgba(244,180,0,.9) 0 3%,transparent 7%);filter:contrast(1.3);opacity:.95}.paint-left{position:absolute;left:-45px;bottom:-10px;width:330px;height:175px;background:radial-gradient(circle at 25% 25%,#050505 0 22%,transparent 23%),radial-gradient(circle at 40% 56%,#050505 0 18%,transparent 19%),radial-gradient(circle at 66% 46%,#050505 0 7%,transparent 8%);transform:rotate(-3deg);opacity:.92}.hero-copy{position:relative;margin-left:286px;z-index:2;width:410px}.crown{color:var(--yellow);font-size:47px;line-height:.65;margin-left:5px;transform:rotate(-13deg);display:inline-block;-webkit-text-stroke:2px #111;text-shadow:2px 2px 0 #111}.hero h1{font-family:var(--font);font-size:76px;line-height:.8;text-transform:uppercase;margin:5px 0 20px;letter-spacing:1px;color:#0d0d0d}.hero h1 span,.hero h1 strong{display:block;text-shadow:2px 2px 0 rgba(0,0,0,.08)}.hero h1 strong{color:var(--yellow);font-style:normal}.hero p{font-size:16px;font-weight:700;line-height:1.35;margin:0 0 16px}.hero-actions{display:flex;gap:28px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;text-transform:uppercase;font:900 13px/1 var(--font);letter-spacing:.5px;border-radius:3px;min-width:150px;height:42px;padding:0 20px;box-shadow:0 7px 14px rgba(0,0,0,.16)}.btn-yellow{background:var(--yellow);border:2px solid var(--yellow);color:#111}.btn-outline{background:#f6f3ed;border:2px solid #111;color:#111}.btn-dark{background:#080808;border:2px solid #080808;color:#fff;height:32px;min-width:126px}.btn.small{min-width:130px;height:36px;font-size:12px}.hero-bust{position:absolute;right:390px;top:6px;width:380px;z-index:2}.maker-stamp{position:absolute;right:78px;top:124px;width:145px;z-index:2}.feature-strip{position:relative;height:85px;background:#070707;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 108px;margin-top:4px;align-items:center;z-index:5}.feature-strip:before,.quote-band:before,.site-footer:before{content:"";position:absolute;left:0;right:0;top:-12px;height:18px;background:#060606;clip-path:polygon(0 25%,7% 0,16% 44%,28% 8%,40% 38%,54% 0,67% 35%,83% 9%,100% 31%,100% 100%,0 100%)}.feature-strip article{display:flex;align-items:center;gap:22px;border-right:1px solid rgba(255,255,255,.35);min-height:50px}.feature-strip article:last-child{border-right:0}.feature-strip .ico{font-size:38px;color:var(--yellow);font-family:Arial}.feature-strip h3,.feature-strip p{margin:0}.feature-strip h3{text-transform:uppercase;font:900 17px/1 var(--font);letter-spacing:.6px}.feature-strip p{font-size:13px;color:#eee;margin-top:5px}.section-pad{padding:14px 72px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 20px 12px}.section-title h2{font:900 28px/1 var(--font);text-transform:uppercase;margin:0}.section-title a{font:900 12px var(--font);text-transform:uppercase}.product-row{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:0 22px}.product-card{background:#f5f3ed;border:1px solid #d5d3cd;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.product-card img{display:block;width:100%;height:148px;object-fit:cover}.product-card h3{font:900 13px/1 var(--font);text-transform:uppercase;margin:8px 9px 3px}.product-card p{font-weight:900;font-size:13px;margin:0 9px 9px}.slider-arrow{position:absolute;z-index:3;top:58px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.85);font-size:42px;color:#111;line-height:1}.slider-arrow.left{left:-8px}.slider-arrow.right{right:-8px}.quote-band{min-height:95px;background:#050505;color:#fff;position:relative;display:grid;grid-template-columns:280px 1fr 355px;align-items:center;margin-top:12px}.quote-band:after{content:"";position:absolute;right:0;top:0;bottom:0;width:405px;background:var(--yellow);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);z-index:0}.quote-title{font:900 36px/.78 var(--font);text-transform:uppercase;padding-left:68px;position:relative;z-index:1;transform:rotate(-3deg)}.quote-title span{color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1}.steps>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;min-height:60px;border-left:1px solid rgba(255,255,255,.35);padding-left:20px}.steps b{grid-row:1/3;font-size:39px;font-weight:400}.steps h3{font:900 16px/1 var(--font);text-transform:uppercase;margin:0}.steps p{font-size:12px;margin:2px 0 0;color:#eee;line-height:1.16}.get-started{position:relative;z-index:1;color:#111;padding-left:28px}.get-started h2{font:900 30px/.9 var(--font);text-transform:uppercase;margin:0}.get-started p{font-size:13px;font-weight:700;margin:4px 0 8px}.get-started>div{display:flex;gap:24px;align-items:center}.quote-link{font:900 13px var(--font);text-transform:uppercase}.materials-grid{display:grid;grid-template-columns:240px 1fr 433px;gap:18px;align-items:center;min-height:143px;padding-top:18px;padding-bottom:16px}.materials-copy h2{font:900 25px/.9 var(--font);text-transform:uppercase;margin:0 0 13px;transform:rotate(-3deg)}.materials-copy span{color:var(--yellow)}.material-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.material-cards article{position:relative;border-radius:3px;overflow:hidden;background:#d8d6d0;min-height:112px}.material-cards img{width:100%;height:112px;object-fit:cover;display:block}.material-cards h3{position:absolute;left:0;right:0;bottom:0;margin:0;background:rgba(0,0,0,.75);color:#fff;font:900 13px/1 var(--font);text-align:center;padding:8px 2px;text-transform:uppercase}.gallery-tile{position:relative;display:block;height:127px;overflow:hidden}.gallery-tile img{width:100%;height:100%;object-fit:cover;display:block}.gallery-tile span{position:absolute;left:78px;bottom:18px;background:#fff;color:#111;font:900 13px var(--font);text-transform:uppercase;padding:12px 19px}.site-footer{background:#060606;color:#fff;position:relative;display:grid;grid-template-columns:350px 150px 175px 140px 1fr;gap:24px;padding:27px 72px 58px;min-height:155px}.site-footer img{width:170px}.site-footer h3{text-transform:uppercase;font:900 14px var(--font);letter-spacing:1px;margin:0 0 9px}.site-footer p,.site-footer a{display:block;color:#ddd;font-size:12px;margin:0 0 4px}.socials{display:flex;gap:25px;color:var(--yellow);font-size:23px;margin-top:17px}.newsletter label{display:flex;margin-top:12px}.newsletter input{background:#070707;border:1px solid #aaa;color:#fff;height:36px;flex:1;padding:0 14px}.newsletter button{height:36px;border:0;background:var(--yellow);font:900 12px var(--font);text-transform:uppercase;padding:0 28px}.legal{position:absolute;left:392px;bottom:22px;font-size:11px;color:#cfcfcf}.legal span{margin:0 18px}.inner-page{padding:40px 72px 80px;min-height:560px}.inner-hero{background:#050505;color:#fff;padding:50px;border-radius:4px;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:420px;height:250px;background:radial-gradient(circle,var(--yellow),transparent 65%);opacity:.55}.inner-hero h1{font:900 62px/.85 var(--font);text-transform:uppercase;margin:0 0 14px}.inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.info-card{background:#fff;border:1px solid #d8d5cd;padding:25px;border-radius:8px;box-shadow:0 5px 18px rgba(0,0,0,.08)}.info-card h2{font:900 24px/1 var(--font);text-transform:uppercase;margin:0 0 8px}.upload-box{border:3px dashed #111;background:#fff;padding:36px;text-align:center;margin-top:26px}.upload-box strong{font:900 28px var(--font);text-transform:uppercase}.upload-box input{margin-top:20px}.contact-form{display:grid;gap:12px;margin-top:24px;max-width:650px}.contact-form input,.contact-form textarea{padding:14px;border:2px solid #111;background:#fff}.contact-form textarea{min-height:150px}@media(max-width:1100px){.topbar{padding:15px 24px}.brand img{width:260px}.mainnav{gap:18px;font-size:12px}.hero-copy{margin-left:80px}.hero-bust{right:180px;opacity:.95}.maker-stamp{right:30px}.feature-strip{padding:0 28px;gap:15px}.quote-band,.materials-grid,.site-footer{grid-template-columns:1fr}.quote-band:after{display:none}.steps{padding:20px 40px}.get-started{background:var(--yellow);padding:20px 68px}.material-cards{grid-template-columns:repeat(3,1fr)}.gallery-tile{height:180px}.legal{position:static;grid-column:1/-1}.product-row{grid-template-columns:repeat(3,1fr)}.product-card img{height:180px}}@media(max-width:760px){.page-shell{background-size:auto}.topbar{height:auto;align-items:center;padding:14px 16px}.brand img{width:225px}.menu-toggle{display:block;margin-left:auto;background:#111;color:#fff;border:0;padding:8px 12px}.mainnav{position:absolute;left:0;right:0;top:70px;background:#070707;color:#fff;display:none;flex-direction:column;align-items:flex-start;padding:20px 24px;gap:12px}.mainnav.open{display:flex}.nav-icons{display:none}.hero{padding:20px 20px 0}.hero-copy{margin-left:0;width:auto}.hero h1{font-size:58px}.hero-bust{position:relative;right:auto;top:auto;width:85%;display:block;margin:10px auto 0}.maker-stamp{display:none}.hero-actions{flex-wrap:wrap}.feature-strip{height:auto;grid-template-columns:1fr;padding:25px}.feature-strip article{border-right:0;border-bottom:1px solid #333;padding:10px 0}.product-row{grid-template-columns:1fr 1fr;padding:0}.section-pad{padding:25px 18px}.slider-arrow{display:none}.quote-band{display:block;padding:22px}.quote-title{padding-left:0}.steps{grid-template-columns:1fr;padding:15px 0}.get-started{padding:20px}.materials-grid{padding:25px 18px;display:block}.material-cards{grid-template-columns:1fr 1fr;margin:20px 0}.site-footer{padding:40px 22px;display:block}.footer-col,.newsletter{margin-top:25px}.newsletter label{display:block}.newsletter input,.newsletter button{width:100%;margin-top:8px}.inner-page{padding:25px 18px}.inner-grid{grid-template-columns:1fr}.inner-hero h1{font-size:44px}}


/* Added layout helpers for imagery-rich pages */

.page-banner{margin-top:26px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.10)}
.page-banner img{display:block;width:100%;height:auto}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start;margin-top:26px}
.image-frame{background:#fff;border:1px solid #d8d5cd;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.image-frame img{display:block;width:100%;height:auto}
.stack{display:grid;gap:18px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.gallery-grid .image-frame img{height:250px;object-fit:cover}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.shop-card{background:#fff;border:1px solid #d8d5cd;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.shop-card img{display:block;width:100%;height:220px;object-fit:cover}
.shop-card .meta{padding:14px 16px}
.shop-card h3{font:900 22px/1 var(--font);text-transform:uppercase;margin:0 0 6px}
.shop-card p{margin:0;color:#333;font-size:14px;line-height:1.4}
.price{display:inline-block;margin-top:10px;font-weight:900}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.caption-note{font-size:13px;color:#444;margin-top:8px}
.plain-list{margin:0;padding-left:18px;line-height:1.7}
.note-card{background:#fff;border:1px solid #d8d5cd;border-radius:10px;padding:24px;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.shop-hero-note{margin-top:18px;background:#fff8de;border-left:5px solid var(--yellow);padding:16px 18px;border-radius:4px}
@media(max-width:1100px){.two-col,.gallery-grid,.shop-grid,.mini-grid{grid-template-columns:1fr 1fr}.gallery-grid .image-frame img,.shop-card img{height:auto}}
@media(max-width:760px){.two-col,.gallery-grid,.shop-grid,.mini-grid{grid-template-columns:1fr}}


/* --- overlap cleanup pass --- */
.topbar{align-items:center;padding:10px 46px 0;gap:26px}
.mainnav{gap:24px;flex-wrap:nowrap;white-space:nowrap;font-size:13px;padding-top:0}
.mainnav a{white-space:nowrap;display:inline-block}
.nav-icons{padding-top:0}
.hero{display:grid;grid-template-columns:minmax(360px,470px) minmax(320px,1fr) 150px;gap:18px;align-items:center;min-height:340px;padding:10px 72px 8px}
.hero:before{left:auto;right:190px;top:58px;width:400px;height:250px;background:radial-gradient(circle at 58% 50%,rgba(244,180,0,.78) 0 22%,transparent 38%),radial-gradient(circle at 76% 44%,rgba(0,0,0,.85) 0 16%,transparent 28%);opacity:.85;filter:none}
.paint-left{width:260px;height:140px;left:-20px;bottom:18px;opacity:.82}
.hero-copy{margin-left:0;width:auto;max-width:440px}
.hero h1{font-size:72px;line-height:.86;margin:0 0 14px}
.hero p{max-width:410px}
.hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;min-height:240px}
.hero-bust{position:relative;right:auto;top:auto;width:100%;max-width:470px;z-index:2;display:block;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.15))}
.hero-badge{display:flex;justify-content:flex-end;align-items:center}
.maker-stamp{position:relative;right:auto;top:auto;width:132px;display:block;mix-blend-mode:multiply;opacity:.95}
.product-row{align-items:stretch}
.product-card{display:flex;flex-direction:column}
.product-card img{display:block;width:100%;height:150px;object-fit:contain;background:#f5f3ed;padding:6px}
.material-cards article{background:#efede6}
.material-cards img{object-fit:contain;background:#efede6}
@media(max-width:1100px){
  .topbar{padding:12px 24px 0;gap:16px}
  .mainnav{gap:14px;font-size:12px}
  .hero{grid-template-columns:1fr 1fr;grid-template-areas:'copy visual' 'copy badge';padding:10px 28px 8px;min-height:300px}
  .hero-copy{grid-area:copy;max-width:100%}
  .hero-visual{grid-area:visual;min-height:200px}
  .hero-badge{grid-area:badge;justify-content:center}
  .hero h1{font-size:60px}
  .maker-stamp{width:120px}
}
@media(max-width:760px){
  .topbar{padding:14px 16px}
  .mainnav{white-space:normal}
  .hero{display:block;padding:20px 20px 0;min-height:0}
  .hero-copy{max-width:none}
  .hero h1{font-size:56px}
  .hero-visual{min-height:0}
  .hero-badge{display:none}
  .hero-bust{width:88%;max-width:420px;margin:12px auto 0}
  .product-card img{height:170px}
}