.hero-mark{position:relative;width:168px;max-width:100%;aspect-ratio:1;justify-self:end;border:0!important;border-radius:4px!important;background:var(--ink);color:var(--cream);box-shadow:14px 14px 0 color-mix(in srgb,var(--orange) 78%,transparent);isolation:isolate;overflow:visible}
.hero-mark:before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--cream) 42%,transparent);z-index:-1}
.hero-mark:after{content:"MAINES MEDIA";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:max-content;font:700 .52rem/1 var(--body-font),sans-serif;letter-spacing:.22em;color:color-mix(in srgb,var(--cream) 70%,transparent)}
.hero-mark span{font-size:3.35rem!important;line-height:.9;letter-spacing:-.09em;transform:translateX(-.04em)}
.hero-mark small{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);width:max-content;font-size:.61rem;font-weight:700;letter-spacing:.22em;color:color-mix(in srgb,var(--cream) 72%,transparent)}
.hero{padding:clamp(54px,5vw,82px) 4vw clamp(76px,6vw,96px)!important}
.hero>div:first-child,.hero-mark{transform:none}
.hero h1{margin-bottom:1.35rem}
.hero .lede{margin-bottom:0}
.hero .actions{margin-top:1.35rem}
.split,.contact,.subscribe{padding:clamp(48px,5vw,72px) 4vw!important}
.pillars,.solutions,.media-section,.writing{padding:clamp(44px,4.5vw,68px) 4vw!important}
.split h2,.section-head h2{margin-bottom:1rem}
.pillar-grid{margin-top:1.6rem}
@media(max-width:760px){.hero{padding:42px 4vw 78px!important}.hero-mark{display:none}.split,.contact,.subscribe{padding:44px 4vw!important}.pillars,.solutions,.media-section,.writing{padding:40px 4vw!important}}