.visual-hero {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.65fr);
    grid-template-areas:"copy main side" "index index index";
    gap:clamp(12px,2vw,32px); align-items:center;
    width:min(1500px,100%); margin-inline:auto; padding:clamp(20px,4.3vw,72px);
    background:var(--visual-wash,var(--brand-tint)); color:var(--visual-ink,var(--brand-ink));
}
.visual-intro{grid-area:copy;min-width:0;padding-block:12px}
.visual-intro h1{font-size:clamp(2.1rem,4.4vw,5rem);line-height:.99;letter-spacing:-.035em;margin:12px 0 20px;max-width:17ch;overflow-wrap:break-word}
.visual-intro p:not(.eyebrow){font-size:clamp(1rem,1.45vw,1.23rem);line-height:1.6;max-width:46ch;margin:0 0 22px}
.visual-intro .button{display:inline-flex;align-items:center;gap:12px;min-height:46px}
.visual-main,.visual-secondary{margin:0;min-width:0;overflow:hidden}
.visual-main{grid-area:main}
.visual-secondary{grid-area:side}
.visual-hero figure a{display:block;background:var(--visual-mat,var(--brand-surface));border-radius:var(--visual-frame,10px);overflow:hidden}
.visual-hero figure img{display:block;width:100%;height:auto;aspect-ratio:var(--visual-ratio,1);object-fit:contain;max-height:510px}
.visual-hero figure figcaption{font-size:.76rem;padding:10px 0 0;letter-spacing:.03em}
.visual-index{grid-area:index;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid currentColor;padding-top:13px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}
.visual-index span + span::before{content:"•";margin-inline-end:18px}
.visual-benefits{display:grid;grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);gap:28px;align-items:start}
.visual-benefits .visual-benefit-steps{display:grid;gap:12px;min-width:0}
.visual-benefit-steps article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--brand-line)}
.visual-benefit-steps article>span{font-variant-numeric:tabular-nums;color:var(--brand-primary);font-size:.85rem;font-weight:700}
.visual-benefit-steps h3,.visual-benefit-steps p{margin:0 0 6px;overflow-wrap:anywhere}
.visual-table .visual-hero{grid-template-columns:1.03fr 1.37fr .55fr;grid-template-areas:"copy main side" "index main side";--visual-frame:50% 50% 16px 16px}
.visual-play .visual-hero{grid-template-columns:1.25fr 1fr .67fr;grid-template-areas:"main copy side" "main index index";--visual-frame:26px;--visual-wash:#f5eafa}
.visual-nest .visual-hero{grid-template-columns:1.15fr .65fr 1fr;grid-template-areas:"main side copy" "main index copy";--visual-frame:40px 40px 6px 6px}
.visual-cargo .visual-hero{grid-template-columns:1fr 1.3fr;grid-template-areas:"copy main" "side main" "index index";--visual-frame:2px;--visual-wash:#e7eceb}
.visual-cargo .visual-secondary{width:min(46%,250px)}
.visual-cockpit .visual-hero{grid-template-columns:.6fr 1fr 1.34fr;grid-template-areas:"side copy main" "index index main";--visual-frame:8px;--visual-wash:#e8edf2}
.visual-shield .visual-hero{grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "main side" "index index";--visual-ratio:4/3;--visual-wash:#f6eddf}
.visual-shield .visual-intro,.visual-mirror .visual-intro{text-align:center}
.visual-shield .visual-intro :is(h1,p),.visual-mirror .visual-intro :is(h1,p){margin-inline:auto}
.visual-studio .visual-hero{grid-template-columns:.7fr 1.2fr 1fr;grid-template-areas:"side main copy" "index index copy";--visual-wash:#eeeae0;--visual-frame:4px}
.visual-signal .visual-hero{grid-template-columns:.85fr 1.5fr;grid-template-areas:"copy main" "index main" "index side";--visual-wash:#172532;--visual-ink:#f3f7fb;--visual-frame:3px}
.visual-signal .visual-index{align-self:start;display:grid;gap:8px}
.visual-signal .visual-index span+span::before{content:none}
.visual-signal .visual-secondary{width:min(46%,240px);justify-self:end}
.visual-signal .visual-intro .eyebrow{color:#d4edf5}
.visual-wall .visual-hero{grid-template-columns:1fr 1fr;grid-template-areas:"copy side" "main side" "index index";--visual-frame:12px}
.visual-wall .visual-main{width:min(55%,275px)}
.visual-mirror .visual-hero{grid-template-columns:1fr .85fr 1fr;grid-template-areas:"main copy side" "index index index";--visual-frame:50% 50% 5px 5px;--visual-wash:#efe9df}
.visual-drape .visual-hero{grid-template-columns:1.45fr .85fr;grid-template-areas:"main copy" "main index";--visual-frame:3px;--visual-ratio:5/4}
.visual-rug .visual-hero{grid-template-columns:1.15fr .72fr .88fr;grid-template-areas:"main copy copy" "main side index";--visual-frame:0;--visual-wash:#ece5d8}
.visual-rug .visual-index{display:grid}
.visual-rug .visual-index span+span::before{content:none}
.visual-linen .visual-hero{grid-template-columns:.65fr 1.45fr .8fr;grid-template-areas:"side main copy" "side main index";--visual-frame:30px 30px 2px 2px;--visual-wash:#f1e9ee}
.visual-laundry .visual-hero{grid-template-columns:.9fr .9fr 1.1fr;grid-template-areas:"copy main side" "copy index index";--visual-frame:14px}
.visual-pack .visual-hero{grid-template-columns:1.5fr 1fr;grid-template-areas:"main copy" "side copy" "index index";--visual-frame:9px;--visual-wash:#e8edf3}
.visual-pack .visual-secondary{width:min(42%,250px)}
.visual-hero .visual-main img{max-height:455px}
.visual-play .visual-benefits,.visual-shield .visual-benefits,.visual-laundry .visual-benefits,.visual-pack .visual-benefits{display:block}
.visual-play .visual-benefit-steps,.visual-shield .visual-benefit-steps,.visual-laundry .visual-benefit-steps,.visual-pack .visual-benefit-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-play .visual-benefit-steps article,.visual-laundry .visual-benefit-steps article{display:block;border:1px solid var(--brand-line);border-radius:var(--brand-radius);padding:18px;background:var(--brand-surface)}
.visual-signal .visual-benefit-steps article,.visual-cargo .visual-benefit-steps article,.visual-studio .visual-benefit-steps article{grid-template-columns:48px minmax(0,1fr)}
.visual-mirror .visual-benefits,.visual-drape .visual-benefits,.visual-rug .visual-benefits{border-block:1px solid var(--brand-line);padding-block:32px}
.visual-nest .story-block,.visual-mirror .story-block,.visual-linen .story-block{border-radius:30px;overflow:hidden}
@media(min-width:1000px){
 .visual-play .b15-main-catalog .products,.visual-mirror .b15-main-catalog .products,.visual-rug .b15-main-catalog .products,.visual-linen .b15-main-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .visual-signal .b15-main-catalog .products,.visual-pack .b15-main-catalog .products{grid-template-columns:repeat(6,minmax(0,1fr))}
 .visual-wall .collection-grid,.visual-drape .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
 body.home .visual-hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:"copy copy" "main side" "index index";gap:12px;padding:20px}
 body.home .visual-intro{text-align:left;padding:4px 0 0}
 body.home .visual-intro :is(h1,p){margin-inline:0}
 body.home .visual-hero .visual-secondary,body.home .visual-hero .visual-main{width:100%}
 body.home .visual-drape,.visual-drape .visual-hero{grid-template-columns:minmax(0,1fr)}
 body.home.visual-drape .visual-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "main" "index"}
 .visual-hero .visual-main img{max-height:365px}
}
@media(max-width:530px){
 body.home .visual-hero{padding:16px 16px 20px;grid-template-columns:minmax(0,1fr) minmax(0,.58fr)}
 body.home .visual-intro h1{margin:8px 0 12px}
 body.home .visual-intro p:not(.eyebrow){margin-bottom:12px}
 .visual-hero figure figcaption{font-size:.68rem}
 .visual-index{letter-spacing:.02em;font-size:.71rem;gap:10px}
 .visual-index span+span::before{margin-inline-end:10px}
 body.home .visual-benefits,body.home .visual-benefit-steps{grid-template-columns:minmax(0,1fr)}
}
.single-product .product-top .summary .product_title{font-size:clamp(1.75rem,3.3vw,3rem)!important;line-height:1.09;letter-spacing:-.025em;font-style:normal;font-weight:var(--visual-title-weight,650);margin-block:0 15px}
.single-product .product-top .summary>.price{font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:700;line-height:1.2;margin-block:0 14px}
.single-product .product-top .product-points p{line-height:1.45;margin-block:6px;padding:7px 10px;border-inline-start:2px solid var(--brand-primary);background:var(--brand-tint);border-radius:0 6px 6px 0}
.single-product .product-top .brand-thumbnails .photo-thumb{border-radius:var(--visual-thumb,6px);background:var(--brand-surface);overflow:hidden}
.single-product .product-top .brand-thumbnails .photo-thumb.active{outline:2px solid var(--brand-primary);outline-offset:-2px}
.single-product .product-top :is(.single_add_to_cart_button,.buy-now){font-weight:700;letter-spacing:.025em}
.single-product .product-top .woocommerce-product-gallery__image img{object-fit:contain}
.single-product .product-top .product_meta{line-height:1.55;font-size:.82rem}
.visual-nest,.visual-mirror,.visual-drape,.visual-rug,.visual-linen{--visual-title-weight:500;--visual-thumb:13px}
.visual-signal,.visual-cargo,.visual-cockpit,.visual-shield,.visual-studio,.visual-pack{--visual-title-weight:750;--visual-thumb:2px}
.visual-signal .product-top .product-points p,.visual-studio .product-top .product-points p,.visual-pack .product-top .product-points p{border-inline-start:0;border-block-end:1px solid var(--brand-line);background:transparent}
.visual-play .product-top .product-points p,.visual-laundry .product-top .product-points p,.visual-table .product-top .product-points p{border-radius:12px}
@media(max-width:700px){.single-product .product-top .summary .product_title{font-size:clamp(1.4rem,6vw,2rem)!important}}

/* Use each store's dark brand ink as the shipping-strip background. */
body.home .visual-hero + .value-strip {
    background:var(--brand-ink);
    color:#fff;
}
body.home .visual-hero + .value-strip span {color:inherit;border-color:rgb(255 255 255 / .22)}
.visual-signal .visual-intro p,.visual-signal .visual-hero figcaption{color:#f0f7fb}
.visual-signal .visual-intro .button {background:#c7e6ed;color:#132532;border-color:#c7e6ed}

.single-product .product-top .woocommerce-product-gallery__image a {
    display:block;
    border-radius:var(--visual-gallery-radius,9px);
    overflow:hidden;
}
.visual-table,.visual-play,.visual-nest,.visual-laundry{--visual-gallery-radius:23px}
.visual-signal,.visual-cargo,.visual-cockpit,.visual-studio,.visual-pack{--visual-gallery-radius:3px}
.visual-mirror,.visual-drape,.visual-rug,.visual-linen{--visual-gallery-radius:15px}
.single-product .product-visual{background:var(--brand-tint);border-radius:var(--visual-gallery-radius,9px)}
.visual-cargo.single-product .product-visual-copy,.visual-signal.single-product .product-visual-copy,.visual-pack.single-product .product-visual-copy{
    border-inline-start:1px solid var(--brand-line);
}
@media(min-width:900px){
 .visual-cargo.single-product .product-visual:not(.b15-product-text-only),.visual-wall.single-product .product-visual:not(.b15-product-text-only){grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .visual-drape.single-product .product-visual:not(.b15-product-text-only),.visual-linen.single-product .product-visual:not(.b15-product-text-only){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
 .visual-mirror.single-product .product-visual:not(.b15-product-text-only) img,.visual-nest.single-product .product-visual:not(.b15-product-text-only) img{order:2}
}
@media(max-width:530px){
 body.home:is(.visual-play,.visual-rug,.visual-drape,.visual-linen) .visual-hero{grid-template-areas:"copy copy" "main main" "side index"}
 body.home.visual-drape .visual-hero{grid-template-areas:"copy" "main" "index"}
 body.home:is(.visual-play,.visual-rug,.visual-linen) .visual-main img{max-height:325px}
 body.home:is(.visual-play,.visual-rug,.visual-linen) .visual-index{display:grid;gap:7px}
 body.home:is(.visual-play,.visual-rug,.visual-linen) .visual-index span+span::before{content:none}
}
