:root{color-scheme:light;--bg:#fff;--panel:#f7f6f3;--ink:#111;--muted:#77736b;--line:#e6e3dc;--accent:#c9a227;--gold-deep:#9a7410;--font:"DM Sans",Arial,sans-serif;--display:"Anton",Impact,sans-serif}
html{scroll-behavior:smooth}
body{background:#fff;color:#111;font-family:var(--font)}
a{color:inherit}
.topbar,.shop-header,.site-footer{background:#fff;border-color:#e6e3dc;color:#111}
.wordmark{font-family:var(--display);font-weight:400;letter-spacing:.025em;font-size:1.55rem}
.wordmark span{font-family:var(--font);font-size:.55rem}
.top-note,.section-aside,.vertical-caption,.art-bottom,.site-footer{color:#77736b}
.eyebrow{color:var(--gold-deep);letter-spacing:.19em}
.gate-layout{background:#fff}
.gate-copy h1,.shop-hero h1,.story-strip h2,.section-head h2,.detail-copy h1,.cart-head h2{font-family:var(--display);font-weight:400;letter-spacing:.015em;line-height:.92}
.gate-copy h1{font-size:clamp(4.2rem,9vw,8.2rem)}
.gate-copy h1 span,.shop-hero h1 em,.story-strip em{color:var(--gold-deep)}
.gate-lede,.privacy-note{color:#69665f}
.access-form label{color:#222;letter-spacing:.16em}
.access-form input{background:#fff;color:#111;border:1px solid #d7d3ca;border-radius:0}
.access-form input:focus{border-color:var(--gold-deep)}
.or-line{color:#999}
.or-line:before,.or-line:after{background:#e6e3dc}
.button-light{background:#c9a227;color:#111}
.button-light:hover{background:#b58c1d}
.form-error{color:#a33}
.art-frame{background:#f5f3ee;border:1px solid #e1ddd4}
.art-frame:before{border-color:#d5d0c5;box-shadow:0 0 0 32px #9a74100a,0 0 0 64px #9a741008,0 0 0 96px #9a741006}
.art-word{font-family:var(--display);font-weight:400;letter-spacing:.01em;color:#111}
.art-bottom{color:#77736b}
.vertical-caption{color:#77736b}
.shop-header{position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(14px)}
.shop-header nav a,.back-link{color:#555}
.shop-header nav a:hover,.back-link:hover{color:var(--gold-deep)}
.cart-toggle{background:#fff;border:1px solid #d7d3ca;color:#111}
.cart-toggle span{color:var(--gold-deep)}
.shop-hero{background:linear-gradient(115deg,#fff 0%,#f8f7f3 70%,#f1eee5 100%);border-bottom:1px solid #e6e3dc}
.shop-hero h1{font-size:clamp(5rem,10vw,10rem);color:#111}
.hero-sub{color:#666}
.hero-stamp{border-color:#c9a227;color:#9a7410;font-family:var(--display);font-weight:400}
.hero-stamp strong{color:#111}
.hero-stamp small{color:#777}
.collection-section{background:#fff}
.section-head h2{color:#111}
.section-aside{color:#777}
.section-aside span{color:#9a7410}
.product-image,.no-image{background:#f2f0eb}
.product-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-image img{transform:scale(1.035)}
.ribbon{background:#c9a227;color:#111}
.product-name{color:#111;font-size:.92rem;letter-spacing:.005em}
.product-price{color:#5d5a54}
.product-options{color:#89847a}
.quick-add{background:#fff;color:#111;border-color:#d7d3ca}
.quick-add:hover{border-color:#9a7410;color:#9a7410}
.story-strip{background:#f7f6f2;color:#111;border-top:1px solid #e6e3dc;border-bottom:1px solid #e6e3dc}
.story-strip .eyebrow{color:#9a7410}
.story-strip h2{color:#111}
.story-strip em{color:#9a7410}
.story-strip p:last-child{color:#5f5b53}
.cart-panel{background:#fff;color:#111;box-shadow:-12px 0 40px #00000012}
.cart-head,.cart-line,.cart-total{border-color:#e6e3dc}
.cart-head button{color:#111}
.cart-total{color:#111}
.cart-scrim{background:#1118}
.cart-toggle:hover{border-color:#9a7410}
.product-page{background:#fff}
.detail-copy h1{color:#111}
.detail-price{color:#222}
.detail-description{color:#69665f}
.option-group{border-color:#e6e3dc}
.option-group legend{color:#444}
.choice{background:#fff;color:#111;border-color:#d7d3ca}
.choice.selected{border-color:#9a7410;color:#9a7410}
.choice.swatch.selected{outline-color:#c9a227}
.loading-state,.empty-state{color:#777}
.site-footer{background:#fff;color:#777}
.site-footer a:hover{color:#9a7410}
@media(max-width:800px){.shop-hero{background:linear-gradient(150deg,#fff,#f4f1e8)}.gate-layout{background:#fff}}
@media(max-width:480px){.gate-copy h1{font-size:4.4rem}.shop-hero h1{font-size:5rem}.wordmark{font-size:1.35rem}}
/* Editorial brand gallery */
.brand-gallery{padding:clamp(3.5rem,8vw,7rem) clamp(1.25rem,5vw,5rem);background:#fff}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:0 auto 2.5rem;max-width:1500px}.gallery-heading h2{font-family:var(--display);font-size:clamp(3.6rem,7vw,7rem);font-weight:400;line-height:.92;margin:.5rem 0 0;letter-spacing:.01em}.gallery-heading h2 em{color:var(--gold-deep);font-style:normal}.gallery-heading>p{font-size:.65rem;letter-spacing:.16em;color:#77736b}.gallery-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,18vw,260px);gap:12px}.gallery-card{margin:0;position:relative;overflow:hidden;background:#f2f0eb}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gallery-card:hover img{transform:scale(1.045)}.gallery-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem .85rem;color:#fff;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(transparent,#0009)}.gallery-card-1,.gallery-card-8{grid-row:span 2}.gallery-card-4{grid-column:span 2}.gallery-card-11{grid-column:span 2}.gallery-card-15{grid-row:span 2}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(170px,42vw,280px);gap:8px}.gallery-card-4,.gallery-card-11{grid-column:span 2}.gallery-heading{align-items:start;flex-direction:column;gap:.5rem}.gallery-card figcaption{font-size:.55rem;padding:2rem .65rem .6rem}}@media(max-width:420px){.brand-gallery{padding-left:14px;padding-right:14px}.gallery-grid{gap:6px}}

/* Entry gate campaign image and headline */
.gate-copy h1{font-size:clamp(4rem,7.6vw,7.3rem);line-height:.88;letter-spacing:-.035em}.gate-photo-frame{height:100%;min-height:560px;position:relative;overflow:hidden;background:#e9e7e1}.gate-photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.gate-photo-frame:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0008)}.gate-photo-caption{position:absolute;z-index:1;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#fff;font-size:.58rem;letter-spacing:.15em;font-weight:700}.gate-photo-caption span:first-child{font-family:var(--display);font-size:1.35rem;letter-spacing:.03em}@media(max-width:800px){.gate-photo-frame{min-height:420px}.gate-copy h1{font-size:clamp(3.7rem,13vw,6rem)}}@media(max-width:480px){.gate-photo-frame{min-height:350px}.gate-photo-caption{left:15px;right:15px;bottom:16px;font-size:.48rem}}

/* Black Love Hits Different hero product image */
.shop-hero-image{width:min(38vw,470px);height:clamp(390px,43vw,560px);position:relative;overflow:hidden;background:#111;flex:0 1 470px;border:1px solid #e6e3dc}.shop-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 32%}.shop-hero-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009)}.shop-hero-image span{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;color:#fff;font-size:.58rem;letter-spacing:.15em;font-weight:700}@media(max-width:800px){.shop-hero{gap:32px;align-items:center}.shop-hero-image{width:38vw;height:clamp(260px,52vw,390px);flex-basis:38vw}}@media(max-width:480px){.shop-hero-image{width:100%;height:390px;margin-top:34px}.shop-hero{display:flex;flex-direction:column;align-items:stretch}.shop-hero-image{flex-basis:auto}}

/* HERO HEADLINE CLEARANCE OVERRIDE 2026 */
.shop-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(48px,7vw,88px)}.shop-hero>div:first-child{width:100%;max-width:none;position:relative;z-index:1}.shop-hero h1{max-width:100%;font-size:clamp(4.2rem,9.4vw,9.5rem);overflow-wrap:normal}.shop-hero-image{align-self:flex-end;width:min(100%,560px);height:clamp(250px,34vw,390px);flex:0 0 auto;margin-top:4px}.shop-hero-image img{object-position:center 36%}@media(max-width:800px){.shop-hero{gap:24px}.shop-hero h1{font-size:clamp(3.8rem,10vw,6rem)}.shop-hero-image{align-self:stretch;width:100%;height:clamp(260px,65vw,390px)}}@media(max-width:480px){.shop-hero{gap:20px;padding-top:42px}.shop-hero h1{font-size:clamp(3.2rem,13vw,4.6rem)}.shop-hero-image{width:100%;height:340px;margin-top:0}}

/* SIDE-BY-SIDE HERO WITH CLEAR COPY 2026 */
@media(min-width:801px){.shop-hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px);padding:clamp(56px,7vw,96px) clamp(28px,5vw,80px)}.shop-hero>div:first-child{flex:1 1 0;min-width:0;max-width:760px}.shop-hero h1{font-size:clamp(4.1rem,6.5vw,7.8rem);max-width:100%;overflow-wrap:normal}.shop-hero-image{flex:0 1 34%;width:34%;max-width:410px;min-width:250px;height:clamp(340px,37vw,490px);align-self:center;margin:0}.shop-hero-image img{object-position:center 36%}}@media(min-width:801px) and (max-width:1050px){.shop-hero{gap:24px;padding-left:28px;padding-right:28px}.shop-hero h1{font-size:clamp(3.7rem,6vw,5.8rem)}.shop-hero-image{flex-basis:32%;width:32%;min-width:220px;height:350px}}@media(max-width:800px){.shop-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:48px;padding-bottom:48px}.shop-hero>div:first-child{width:100%;max-width:none}.shop-hero h1{font-size:clamp(3.8rem,10vw,6rem)}.shop-hero-image{align-self:stretch;width:100%;max-width:none;height:clamp(260px,65vw,390px);margin:0;flex-basis:auto}}@media(max-width:480px){.shop-hero{gap:20px;padding-top:42px}.shop-hero h1{font-size:clamp(3.2rem,13vw,4.6rem)}.shop-hero-image{height:340px}}

/* RESTORE ORIGINAL HERO TYPE SCALE 2026 */
@media(min-width:801px){.shop-hero>div:first-child{flex:1 1 0;min-width:0;max-width:none}.shop-hero h1{font-size:clamp(5rem,10vw,10rem);max-width:none;letter-spacing:.015em;line-height:.92}.shop-hero-image{flex:0 1 34%;width:34%;max-width:410px;min-width:250px;height:clamp(340px,37vw,490px)}}@media(min-width:801px) and (max-width:1050px){.shop-hero h1{font-size:clamp(5rem,8vw,7rem)}}@media(max-width:800px){.shop-hero h1{font-size:clamp(4rem,10vw,6rem)}}@media(max-width:480px){.shop-hero h1{font-size:5rem}}

/* BALANCED HERO COPY AND PRODUCT IMAGE 2026 */
@media(min-width:801px){.shop-hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(22px,3vw,44px)}.shop-hero>div:first-child{flex:1 1 0;min-width:0;max-width:66%}.shop-hero h1{font-size:clamp(4.5rem,8vw,8.5rem);line-height:.92;max-width:100%;overflow-wrap:normal;letter-spacing:inherit}.shop-hero-image{flex:0 1 30%;width:30%;max-width:360px;min-width:220px;height:clamp(320px,35vw,440px);margin:0;align-self:center}.shop-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}}@media(min-width:801px) and (max-width:1100px){.shop-hero{gap:22px}.shop-hero>div:first-child{max-width:68%}.shop-hero h1{font-size:clamp(4rem,7vw,6.2rem)}.shop-hero-image{flex-basis:28%;width:28%;min-width:190px;height:320px}}@media(max-width:800px){.shop-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px}.shop-hero>div:first-child{width:100%;max-width:none}.shop-hero h1{font-size:clamp(3.7rem,9vw,5.8rem);line-height:.94}.shop-hero-image{width:100%;max-width:520px;height:clamp(270px,65vw,390px);align-self:center;margin:0;flex-basis:auto}}@media(max-width:480px){.shop-hero h1{font-size:clamp(3.1rem,12.5vw,4.4rem)}.shop-hero-image{height:340px}}

.policy-links{display:flex;gap:12px 18px;flex-wrap:wrap;justify-content:center;align-items:center}.policy-links a{font-size:.56rem;letter-spacing:.1em;color:#77736b}.policy-links a:hover{color:#9a7410}@media(max-width:600px){.policy-links{gap:8px 12px}.policy-links a{font-size:.5rem}}


/* User-supplied MADE WITH BLACK LOVE logo */
.brand-logo-link{display:inline-flex;align-items:center;flex:0 0 auto;width:150px;height:48px;overflow:hidden}.brand-logo-link .brand-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.topbar .brand-logo-link,.shop-header .brand-logo-link{width:150px;height:48px}@media(max-width:480px){.topbar .brand-logo-link,.shop-header .brand-logo-link{width:126px;height:42px}}
