Trimmers

About

Halloween Sale Header body{margin:0;background:#fff;} /* Sizes follow the width of the space the banner sits in, not the screen */ .tpob-hw-wrap{ container-type:inline-size; container-name:tpobhw; width:100%; max-width:100%; margin:0 auto; padding:0; text-align:left; } .tpob-hw-wrap .tpob-hw{ --slime:#66FF00; --black:#000000; --white:#FFFFFF; --graphite:#161616; --muted:#BDBDBD; position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box; display:block; width:100%; margin:0; padding:clamp(28px,7cqi,88px) clamp(16px,6cqi,88px); background:var(--black); color:var(--white); font-family:"Archivo","Arial Black",Arial,sans-serif; font-style:italic; text-align:left; -webkit-font-smoothing:antialiased; } .tpob-hw-wrap .tpob-hw *, .tpob-hw-wrap .tpob-hw *::before, .tpob-hw-wrap .tpob-hw *::after{box-sizing:border-box;} /* Diagonal graphite slab on the right */ .tpob-hw-wrap .tpob-hw::before{ content:""; position:absolute; z-index:-1; top:-10%; bottom:-10%; right:-12%; width:34%; background:var(--graphite); border-left:3px solid var(--slime); transform:skewX(-18deg); } @container tpobhw (max-width:480px){ .tpob-hw-wrap .tpob-hw::before{width:22%;} } .tpob-hw-wrap .tpob-hw__inner{ position:relative; display:grid; grid-template-columns:minmax(0,1fr); row-gap:0; max-width:1240px; margin:0 auto; } /* Headline */ .tpob-hw-wrap .tpob-hw .tpob-hw__title{ display:block; max-width:none; margin:0 0 .62em; padding:0; border:0; font-family:"Archivo","Arial Black",Arial,sans-serif; font-style:italic; font-weight:900; font-stretch:115%; font-size:clamp(34px,11cqi,128px); line-height:.9; letter-spacing:-.01em; text-transform:uppercase; text-align:left; white-space:normal; color:var(--white); } .tpob-hw-wrap .tpob-hw .tpob-hw__lead{ display:block; font-size:.42em; letter-spacing:.01em; white-space:nowrap; margin:0 0 .3em; } .tpob-hw-wrap .tpob-hw .tpob-hw__panel{ position:relative; display:inline-block; white-space:nowrap; background:var(--slime); color:var(--black); padding

On-page SEO