/* Plain reference: four equal text panels, centered within the shared rails. */
.hs-advertising-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hs-advertising-card{position:relative;isolation:isolate;border:1px solid transparent;padding:36px 40px;min-height:210px;display:flex;flex-direction:column;justify-content:center}
.hs-advertising-card h3{font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.035em;color:#eeede9;margin:0 0 18px;word-break:keep-all}
.hs-advertising-card p{font-size:18px;line-height:1.75;letter-spacing:-.02em;color:#b7b6b1;margin:0;word-break:keep-all;max-width:440px}

@media(min-width:901px) and (max-height:850px){.hs-advertising{padding-top:calc(var(--hs-nav-clearance,85px) + 12px);padding-bottom:12px}.hs-advertising-card{min-height:178px;padding:26px 32px}.hs-advertising-card h3{font-size:24px;margin-bottom:12px}.hs-advertising-card p{font-size:17px;line-height:1.65}.hs-advertising-grid{gap:16px}}
/* Phones: the four cards stack in one column (company.html); the paged homepage turns the grid into a sideways row instead
   (home-mobile.css). Screen size and gutter: home-mobile.css; type sizes: home-type.css. */
@media(max-width:600px){.hs-advertising-grid{grid-template-columns:1fr;gap:12px}.hs-advertising-card h3{margin-bottom:12px}}

/* Spade corner cuts with four distinct monochrome background motifs. */
.hs-advertising-card::before,.hs-advertising-card::after{content:"";position:absolute;pointer-events:none;transform:translateZ(0) scale(1);transition:transform .7s cubic-bezier(.4,0,.2,1),clip-path .7s cubic-bezier(.4,0,.2,1),background .7s;will-change:transform}
.hs-advertising-card::before{inset:-1px;z-index:-3;background:#363733;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.hs-advertising-card::after{inset:0;z-index:-2;background:#151515;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.hs-advertising-card h3,.hs-advertising-card p{position:relative;z-index:1}

@media(hover:hover) and (pointer:fine){
 .hs-advertising-card:hover::before{transform:translateZ(0) scale(1.014,1.035);background:#787c70;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}
 .hs-advertising-card:hover::after{transform:translateZ(0) scale(1.014,1.035);background:#191a18;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}

}

/* Light corner inlays remain visible against the dark page and track the frame. */
.hs-advertising-corners{position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(135deg,#bfc2b8 49%,transparent 51%) left top,linear-gradient(225deg,#bfc2b8 49%,transparent 51%) right top,linear-gradient(45deg,#bfc2b8 49%,transparent 51%) left bottom,linear-gradient(315deg,#bfc2b8 49%,transparent 51%) right bottom;background-size:8px 8px;background-repeat:no-repeat;transform:translateZ(0) scale(1);transition:transform .7s cubic-bezier(.4,0,.2,1),background-size .7s cubic-bezier(.4,0,.2,1)}
@media(hover:hover) and (pointer:fine){.hs-advertising-card:hover .hs-advertising-corners{transform:translateZ(0) scale(1.014,1.035);background-size:15px 15px}}

@media(min-width:901px) and (max-height:740px){.hs-advertising{padding-top:calc(var(--hs-nav-clearance,85px) + 12px)}.hs-advertising-card{min-height:0;padding:14px 28px}.hs-advertising-card h3{font-size:22px;margin-bottom:8px}}
@media(max-width:900px){.hs-advertising-card{min-width:0}}