
/* SWEATQUITY — controlled integration of original collective and previously generated campaign art.
   Keep existing V10 shop functionality, hero/banner, visual themes and styles intact. */
.sq-heritage-section {
  background:linear-gradient(125deg,#171211,#0b0a09 72%);
  color:#f5efe7; padding:clamp(2.2rem,4vw,4.4rem) 0;
  border-bottom:1px solid #53412e;
}
.sq-heritage-grid {display:grid;grid-template-columns:minmax(0,1.75fr) minmax(265px,.85fr);gap:clamp(1rem,2.6vw,2.6rem);align-items:center}
.sq-heritage-photo{display:block;min-width:0;overflow:hidden;border:1px solid #776044;background:#0c0908;box-shadow:0 17px 45px rgba(0,0,0,.35)}
.sq-heritage-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.sq-heritage-copy{min-width:0}
.sq-heritage-copy h2,.sq-editorial-heading h2 {font:900 clamp(2.45rem,4.1vw,4.7rem)/.91 "Barlow Condensed",Impact,"Arial Narrow",sans-serif;text-transform:uppercase;margin:.5rem 0 .85rem;letter-spacing:-.015em;color:#f8f1ea}
.sq-heritage-copy h2 em,.sq-editorial-heading h2 em {font-style:normal;color:#efad44}
.sq-heritage-copy p:not(.kicker){font:500 clamp(.94rem,1.15vw,1.07rem)/1.6 Barlow,Arial,sans-serif;color:#e6d8c7;margin:.75rem 0}
.sq-heritage-copy .sq-concept-note{font-size:.76rem!important;color:#c5b5a3!important}
.sq-heritage-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.3rem}
.sq-text-link{font:900 .85rem "Barlow Condensed",sans-serif;color:#ffcc76;text-decoration:underline;text-decoration-color:#f53357;text-underline-offset:4px}
.sq-editorial-section{padding:clamp(2.5rem,5vw,5.5rem) 0;background:#12100e;color:#fff;border-bottom:1px solid #4d3925}
.sq-editorial-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.35rem}
.sq-editorial-heading>p{max-width:23rem;line-height:1.5;color:#e4d3c0}
.sq-editorial-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:.85rem}
.sq-editorial-panel{min-width:0;margin:0;background:#0a0908;border:1px solid #5f4b3d;display:flex;flex-direction:column;justify-content:space-between}
.sq-editorial-panel img{display:block;width:100%;height:420px;object-fit:contain;object-position:center;background:linear-gradient(150deg,#1e1613,#0c0908)}
.sq-editorial-panel figcaption{padding:.85rem 1rem;font:900 1.2rem "Barlow Condensed",Impact,sans-serif;letter-spacing:.05em;border-top:1px solid #574534;color:#f8b84a}
.sq-story-ancestry{background:#171310;padding:2.5rem 0;border-top:1px solid #58432b}
.sq-story-ancestry-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.65fr);align-items:center;gap:1.4rem}
.sq-story-ancestry figure{margin:0}
.sq-story-ancestry img{display:block;width:100%;height:auto;border:1px solid #5d4935}
.sq-story-ancestry figcaption{color:#c9bcb1;font-size:.74rem;margin-top:.5rem}
.sq-story-ancestry h2{font:900 clamp(2.3rem,4vw,4.2rem)/.92 "Barlow Condensed",Impact,sans-serif;color:#f4ede7;text-transform:uppercase}
.sq-story-ancestry h2 em{color:#f0ae44;font-style:normal}
.sq-story-ancestry p{color:#ded0bf;line-height:1.5}
/* Preserve the approved top campaign image on MOBILE too. No swap that loses the founder. */
@media(max-width:560px){
 .v10-hero .v10-mobile-feature {display:none!important}
 .v10-hero .v10-hero-art {display:block!important}
 .v10-hero .v10-hero-art img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
}
@media(max-width:950px){
 .sq-heritage-grid{grid-template-columns:1fr}
 .sq-heritage-copy h2{font-size:clamp(2.5rem,6vw,4rem)}
 .sq-story-ancestry-inner{grid-template-columns:1fr}
}
@media(max-width:720px){
 .sq-editorial-heading{display:block}
 .sq-editorial-grid{grid-template-columns:1fr}
 .sq-editorial-panel img{height:auto;max-height:620px}
}
/* Sections that depend on editorial photography maintain high contrast in every theme. */
html[data-theme="light"] .sq-heritage-section,html[data-theme="light"] .sq-editorial-section, html[data-theme="light"] .sq-story-ancestry {color:#fff}

/* Never cut off faces in category tiles to make a garment fill a frame. */
#shop-categories .category-card img{object-fit:contain!important;object-position:center!important;background:#12100f}
.sq-heritage-photo:focus-visible,.sq-text-link:focus-visible{outline:3px solid #ff3155;outline-offset:4px}
