.ten4-category-hero{background:#171a18;color:#f0ece2;border-bottom:3px solid #b8202b;padding:40px 0}
.ten4-category-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ten4-category-copy{max-width:58ch}
.ten4-category-copy h1{font-family:var(--font-body-family);font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.8px;color:#f0ece2;margin:0 0 20px}
.ten4-category-copy p{font-size:16px;line-height:1.55;margin:0 0 16px}
.ten4-category-copy .ten4-category-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:18px}
.ten4-category-copy .ten4-category-intro{font-size:21px;line-height:1.35;font-weight:700}
.ten4-category-copy .ten4-category-note{font-size:14px;color:#d4d0c6}
.ten4-category-photo{width:100%;max-width:440px;margin-left:auto}
.ten4-category-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;max-height:none}
.ten4-category-copy details{border-top:1px solid #676760;margin:18px 0}
.ten4-category-copy summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700;font-size:14px}
.ten4-category-copy details p{font-size:14px;padding-top:10px}
.ten4-category-browse,.ten4-category-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f0ece2;text-decoration:none;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid #77786e;max-width:270px}
.ten4-category-browse span,.ten4-category-guide span{color:#ef424d;font-size:25px}
.ten4-category-browse{margin-top:16px}
.ten4-category-guide{font-size:13px}
.ten4-category-hero a:focus-visible,.ten4-category-hero summary:focus-visible{outline:2px solid #ef424d;outline-offset:4px}
body:has(.ten4-category-hero) #product-grid{scroll-margin-top:125px}
body:has(.ten4-category-hero) #product-grid .card__heading{font-family:var(--font-body-family);font-weight:800}
body:has(.ten4-category-hero) #product-grid .card>.card__content{background:#f0ece2;color:#171a18}
body:has(.ten4-category-hero) #product-grid .card__information{padding:18px 16px}
body:has(.ten4-category-hero) #product-grid .card__heading a,body:has(.ten4-category-hero) #product-grid .price{color:#171a18}
@media(min-width:990px){body:has([data-ten4-category="boards"]) #product-grid,body:has([data-ten4-category="gboards"]) #product-grid{max-width:960px;margin-inline:auto}body:has([data-ten4-category="boards"]) #product-grid>.grid__item,body:has([data-ten4-category="gboards"]) #product-grid>.grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}}
@media(max-width:749px){.ten4-category-hero{padding:26px 0}.ten4-category-layout{grid-template-columns:1fr;gap:24px}.ten4-category-copy h1{font-size:30px;margin-bottom:16px}.ten4-category-copy .ten4-category-intro{font-size:19px}.ten4-category-copy p{font-size:14px}.ten4-category-photo{max-width:none}.ten4-category-photo img{max-height:none}.ten4-category-copy .ten4-category-note{font-size:13px}body:has(.ten4-category-hero) #product-grid .card__information{padding:12px 10px}}

.ten4-category-hero{background:#252722;padding:24px 0}
.ten4-category-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
.ten4-category-photo{max-width:280px}
.ten4-category-copy h1{margin-bottom:12px}
.ten4-category-copy .ten4-category-eyebrow{margin-bottom:12px}
.ten4-category-copy .ten4-category-intro{font-size:18px;margin-bottom:10px}
.ten4-category-copy p{font-size:14px;margin-bottom:10px}
.ten4-category-copy .ten4-category-note{font-size:13px}
@media(max-width:749px){
.ten4-category-layout{grid-template-columns:minmax(0,1fr) 96px;gap:10px 14px}
.ten4-category-copy{display:contents}
.ten4-category-copy>*{grid-column:1/-1}
.ten4-category-copy .ten4-category-eyebrow{grid-column:1;grid-row:1;margin:0;align-self:end;font-size:10px}
.ten4-category-copy h1{grid-column:1;grid-row:2;margin:0 0 8px;font-size:28px}
.ten4-category-photo{grid-column:2;grid-row:1/3;width:96px;margin:0;align-self:center}
.ten4-category-copy .ten4-category-intro{font-size:17px}
.ten4-category-copy .ten4-category-note{margin-bottom:0}
.ten4-category-browse{margin-top:2px}
}
.ten4-category-hero[data-ten4-category="shades"] .ten4-category-intro{display:none}

.ten4-category-hero{position:relative;overflow:hidden}
.ten4-category-layout{position:relative;display:block;min-height:280px}
.ten4-category-copy{position:relative;z-index:1;width:58%;max-width:58ch}
.ten4-category-photo{position:absolute;inset:-24px 0 -24px auto;width:48%;max-width:none;margin:0;mask-image:linear-gradient(90deg,transparent,#000 45%)}
.ten4-category-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;mask-image:none}
@media(max-width:749px){
.ten4-category-layout{min-height:0}
.ten4-category-copy{display:block;width:100%}
.ten4-category-copy h1{max-width:78%;margin-bottom:16px}
.ten4-category-copy .ten4-category-eyebrow{margin-bottom:12px}
.ten4-category-photo{width:72%;opacity:.36;mask-image:linear-gradient(90deg,transparent 3%,#000 90%)}
}

.ten4-category-layout{position:static}
.ten4-category-photo{inset:0 0 0 auto}

.ten4-category-hero[data-ten4-category="gboards"] .ten4-category-photo img{object-position:50% 15%}
.ten4-category-photo{align-self:stretch}