.homepage-brutalist{--void: #000000;--bone: #F1EFEA;--bone-d: rgba(241,239,234,.55);--bone-m: rgba(241,239,234,.28);--line: rgba(241,239,234,.16);--acid: #E5FF35;--pad: clamp(16px, 3vw, 36px);background:var(--void);color:var(--bone);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.homepage-brutalist *,.homepage-brutalist *:before,.homepage-brutalist *:after{box-sizing:border-box}.homepage-brutalist a{color:inherit}.homepage-brutalist .mega{padding:clamp(28px,4vw,56px) var(--pad) 0;border-bottom:1px solid var(--line)}.homepage-brutalist .mega-row{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:clamp(72px,18.4vw,304px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin:0;color:var(--bone);white-space:nowrap;max-height:1lh;overflow:hidden}.homepage-brutalist .mega-row .stretch{display:inline-block;width:100%;text-align:justify}.homepage-brutalist .mega-row .stretch:after{content:"";display:inline-block;width:100%}.homepage-brutalist .mega-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.homepage-brutalist .mega-logo img{display:block;height:clamp(72px,18.4vw,304px);width:auto;max-width:100%;filter:brightness(0) invert(1)}.homepage-brutalist .mega-logo--wide{margin-top:clamp(48px,10vw,150px)}.homepage-brutalist .mega-logo--wide img{width:70%;height:auto;max-width:100%;object-fit:contain;object-position:left center}@media(max-width:749px){.homepage-brutalist .mega-logo--wide{margin-top:20px;width:100%!important}.homepage-brutalist .mega-logo--wide img{width:85%!important}}.homepage-brutalist .mega-meta{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;margin-top:36px;padding-bottom:28px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-d)}.homepage-brutalist .mega-meta b{display:block;color:var(--bone);font-weight:700;margin-bottom:6px;letter-spacing:.2em}.homepage-brutalist .mega-meta .acid{color:var(--acid)}.homepage-brutalist .sub{padding:64px var(--pad) 56px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:end}.homepage-brutalist .sub h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(40px,6.4vw,88px);line-height:.92;letter-spacing:-.01em;margin:0}.homepage-brutalist .sub h2 .acid{color:var(--acid)}.homepage-brutalist .sub p{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.55;max-width:44ch;color:var(--bone-d);margin:0}.homepage-brutalist .sub p b{color:var(--bone);font-weight:500}.homepage-brutalist .panels{display:grid;grid-template-columns:repeat(3,1fr)}.homepage-brutalist .panels.count-1{grid-template-columns:1fr}.homepage-brutalist .panels.count-2{grid-template-columns:repeat(2,1fr)}.homepage-brutalist .panels.count-4{grid-template-columns:repeat(4,1fr)}.homepage-brutalist .panel{border-right:1px solid var(--line);padding:56px var(--pad) 48px;min-height:480px;display:flex;flex-direction:column;text-decoration:none;color:var(--bone);position:relative;transition:background .35s ease,color .35s ease}.homepage-brutalist .panel:last-child{border-right:0}.homepage-brutalist .panel:hover{background:var(--acid)}.homepage-brutalist .panel:hover,.homepage-brutalist .panel:hover .panel-tag,.homepage-brutalist .panel:hover .panel-tag .num,.homepage-brutalist .panel:hover .panel-mark,.homepage-brutalist .panel:hover .panel-meta,.homepage-brutalist .panel:hover .panel-meta b,.homepage-brutalist .panel:hover .panel-cta{color:var(--void)}.homepage-brutalist .panel:hover .panel-meta{border-top-color:#0003}.homepage-brutalist .panel:hover .panel-brand-mark img{filter:brightness(0)}.homepage-brutalist .panel:hover .panel-cta:after{color:var(--void)}.homepage-brutalist .panel-tag{display:flex;align-items:center;justify-content:space-between;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-m);margin-bottom:56px}.homepage-brutalist .panel-tag .num{color:var(--bone)}.homepage-brutalist .panel-mark{display:none;font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(56px,5.4vw,96px);line-height:.9;letter-spacing:-.015em;margin:0 0 auto;color:var(--bone);transition:color .35s ease;word-break:break-word}.homepage-brutalist .panel-brand-mark{margin:0 0 auto;height:clamp(72px,6.4vw,108px);display:flex;align-items:center;overflow:hidden}.homepage-brutalist .panel-brand-mark img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:var(--logo-opacity, 1);transform:scale(var(--logo-scale, 1));transform-origin:left center;transition:opacity .35s ease,filter .35s ease}.homepage-brutalist .panel-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:56px 0 24px;font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-d);border-top:1px solid var(--line);padding-top:20px}.homepage-brutalist .panel-meta b{display:block;color:var(--bone);font-weight:700;margin-bottom:4px;letter-spacing:.22em}.homepage-brutalist .panel-cta{font-family:Space Mono,ui-monospace,monospace;font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);display:inline-flex;align-items:center;gap:14px}.homepage-brutalist .panel-cta:after{content:"\25ba";font-size:9px;color:var(--acid);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.homepage-brutalist .panel:hover .panel-cta:after{transform:translate(8px)}.homepage-brutalist .marquee{border-top:1px solid var(--line);background:var(--bone);color:var(--void);overflow:hidden;padding:18px 0;position:relative}.homepage-brutalist .marquee-track{display:flex;gap:56px;width:max-content;animation:hb-scroll 36s linear infinite;font-family:Anton,sans-serif;text-transform:uppercase;font-size:28px;letter-spacing:-.01em;align-items:center}.homepage-brutalist .marquee-track .group{display:inline-flex;align-items:center;gap:56px;white-space:nowrap}.homepage-brutalist .marquee-track .dot{width:14px;height:14px;background:var(--void);border-radius:999px;display:inline-block}.homepage-brutalist .marquee-track .dot.acid{background:var(--acid)}@keyframes hb-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.homepage-brutalist .marquee-track{animation:none}}.homepage-brutalist .foot{padding:32px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-m);border-top:1px solid var(--line)}.homepage-brutalist .foot .right{text-align:right}.homepage-brutalist .foot .center b{color:var(--bone);font-weight:700;letter-spacing:.2em}.homepage-brutalist .foot a{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px}@media(max-width:920px){.homepage-brutalist .panels,.homepage-brutalist .panels.count-2,.homepage-brutalist .panels.count-4{grid-template-columns:1fr}.homepage-brutalist .panel{border-right:0;border-bottom:1px solid var(--line);min-height:360px}.homepage-brutalist .panel:last-child{border-bottom:0}.homepage-brutalist .sub{grid-template-columns:1fr}.homepage-brutalist .mega-meta{grid-template-columns:1fr 1fr}.homepage-brutalist .foot{grid-template-columns:1fr;text-align:left}.homepage-brutalist .foot .right{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-homepage-brutalist.css.map */