.product-page{background:var(--paper)}
.rubric-hero{position:relative;overflow:hidden;color:var(--white);background:var(--ink)}
.rubric-hero::before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:44px 44px}
.rubric-hero::after{content:"";position:absolute;width:650px;height:650px;right:-260px;top:-330px;border:105px solid rgba(243,108,33,.14);border-radius:50%}
.rubric-hero-grid{position:relative;z-index:1;display:grid;min-height:670px;grid-template-columns:1.18fr .82fr;align-items:center;gap:90px;padding-block:68px 85px}
.rubric-hero h1{max-width:820px;font-size:clamp(62px,8vw,102px)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px;color:rgba(255,255,255,.46);font-size:11px;font-weight:800;text-transform:uppercase}
.breadcrumbs a:hover{color:var(--orange)}.breadcrumbs b{color:rgba(255,255,255,.75)}
.rubric-showcase{position:relative;display:grid;min-height:430px;align-content:end;padding:38px;color:var(--ink);background:var(--orange);box-shadow:18px 18px 0 #050505;transform:rotate(1deg)}
.rubric-showcase::before{content:"";position:absolute;inset:18px;border:1px solid rgba(23,23,23,.25)}
.rubric-showcase>*{position:relative;z-index:1}.rubric-showcase>small{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.rubric-showcase>i{position:absolute;right:38px;top:38px;font:normal 900 82px "Barlow Condensed",sans-serif;opacity:.25}
.rubric-showcase>strong{margin-block:9px;color:var(--ink);font:900 clamp(52px,6vw,80px)/.82 "Barlow Condensed",sans-serif;text-transform:uppercase}.rubric-showcase>p{max-width:350px;color:rgba(23,23,23,.66);font-size:13px;font-weight:700}.rubric-showcase>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.rubric-showcase>div span{padding:7px 9px;color:var(--white);background:var(--ink);font-size:9px;font-weight:900;text-transform:uppercase}
.rubric-intro{padding-block:80px;background:var(--cream);border-bottom:1px solid var(--line)}.rubric-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:100px}.rubric-intro h2{margin:0}.rubric-intro-grid>div:last-child{columns:2;column-gap:42px}.rubric-intro-grid p{break-inside:avoid;color:var(--muted);font-size:15px}
.rubric-product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.rubric-product{display:grid;min-height:310px;grid-template-rows:auto auto 1fr auto;padding:27px;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:transform .2s ease,background .2s ease}.rubric-product:hover{z-index:2;background:var(--cream);transform:translateY(-3px);box-shadow:var(--shadow)}.rubric-product>div{display:flex;align-items:center;justify-content:space-between}.rubric-product>div span{color:#a89f92;font:800 15px "Barlow Condensed",sans-serif}.rubric-product>div i{color:var(--orange-dark);font:normal 900 37px "Barlow Condensed",sans-serif}.rubric-product h3{margin:30px 0 10px;font:900 29px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.rubric-product p{color:var(--muted);font-size:13px}.rubric-product>a{color:var(--orange-dark);font-size:10px;font-weight:900;text-transform:uppercase}
.rubric-audiences{color:var(--white);background:var(--ink)}.rubric-audiences .section-heading>p{color:rgba(255,255,255,.56)}.rubric-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.rubric-audience-grid article{min-height:245px;padding:28px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.rubric-audience-grid span{color:var(--orange);font:900 20px "Barlow Condensed",sans-serif}.rubric-audience-grid h3{margin:42px 0 10px;font:900 27px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.rubric-audience-grid p{color:rgba(255,255,255,.55);font-size:12px}
.rubric-related{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.rubric-hero-grid,.rubric-intro-grid{grid-template-columns:1fr;gap:50px}.rubric-showcase{width:min(600px,100%);justify-self:center}.rubric-intro-grid>div:last-child{columns:1}.rubric-product-grid{grid-template-columns:repeat(2,1fr)}.rubric-audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.rubric-hero-grid{min-height:auto;padding-block:52px 76px}.rubric-hero h1{font-size:clamp(52px,17vw,74px)}.rubric-showcase{min-height:340px;padding:30px;box-shadow:10px 10px 0 #050505}.rubric-showcase>i{right:28px;top:28px}.rubric-product-grid,.rubric-audience-grid{grid-template-columns:1fr}.rubric-product{min-height:275px}.rubric-audience-grid article{min-height:210px}.rubric-related{grid-template-columns:1fr}}