.article-banner--zeus{position:relative;display:block;isolation:isolate;width:100%;margin-block-end:0;padding-block:clamp(2rem,5vw,4.25rem) 0;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 86% 6%,color-mix(in srgb,var(--zeus-gold) 22%,transparent) 0%,transparent 55%),radial-gradient(ellipse 52% 42% at 8% 94%,color-mix(in srgb,var(--zeus-burnt) 16%,transparent) 0%,transparent 55%),url(zeus-fond-degrade.jpg) center / cover no-repeat}.article-banner--zeus .article-banner__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.article-banner--zeus .article-banner__inner{position:relative;z-index:1;max-width:var(--container-max-width, 1400px);margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem);padding-block-end:clamp(2.5rem,5vw,4rem);display:grid;gap:clamp(1.5rem,3.5vw,3rem);align-items:center}.article-banner--zeus .article-banner__content,.article-banner--zeus .article-banner__image{grid-area:auto}.article-banner--zeus .article-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.75rem,1.6vw,1.25rem);min-width:0;text-shadow:none}.zeus-article-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;width:100%}.zeus-article-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--ff-mono);font-size:.6875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--zeus-burnt-ink)}.zeus-article-eyebrow .zeus-lightning{flex-shrink:0;filter:drop-shadow(1px 1px 0 color-mix(in srgb,var(--zeus-navy) 25%,transparent))}.zeus-article-tag{margin:0;flex-shrink:0}.article-banner--zeus .zeus-article-title{margin:0;font-family:var(--ff-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:.96;letter-spacing:.005em;text-transform:uppercase;color:var(--zeus-navy);text-wrap:balance;max-width:18ch}.zeus-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-block-start:.25rem;font-family:var(--ff-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zeus-navy)}.zeus-article-meta__item{display:inline-flex;align-items:center;white-space:nowrap}.zeus-article-meta__item time{font-variant-numeric:tabular-nums}.zeus-article-meta__sep{display:inline-flex;align-items:center;opacity:.85}.zeus-article-meta__link{color:var(--zeus-burnt-ink);text-decoration:none;border-block-end:1px solid transparent;min-height:44px;align-items:center;transition:border-color .15s ease}.zeus-article-meta__link:hover{border-block-end-color:var(--zeus-burnt)}.zeus-article-meta__link:focus-visible{border-block-end-color:var(--zeus-burnt);outline:3px solid var(--zeus-gold);outline-offset:3px}.article-banner--zeus .article-banner__image{position:relative;margin:0;border:3px solid var(--zeus-navy);box-shadow:8px 8px 0 var(--zeus-burnt);background:var(--zeus-cream-light);overflow:hidden;rotate:-1.2deg}.article-banner--zeus .article-banner__image img{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}@media(prefers-reduced-motion:no-preference){.article-banner--zeus .article-banner__image{transition:rotate .4s var(--ease-spring, cubic-bezier(.16, 1, .3, 1)),box-shadow .3s ease}.article-banner--zeus .article-banner__image:hover{rotate:0deg;box-shadow:11px 11px 0 var(--zeus-burnt)}}@media screen and (min-width:1000px){.article-banner--zeus.article-banner--image_left_text_right .article-banner__inner,.article-banner--zeus.article-banner--image_right_text_left .article-banner__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.article-banner--zeus.article-banner--image_left_text_right .article-banner__image{order:-1}.article-banner--zeus.article-banner--content_first .article-banner__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;justify-items:stretch}.article-banner--zeus.article-banner--content_first .zeus-article-title{max-width:22ch}.article-banner--zeus.article-banner--content_first .article-banner__image{width:100%;margin-block-start:0;rotate:-.6deg}.article-banner--zeus.article-banner--image_text_overlay .article-banner__inner{grid-template-columns:minmax(0,1fr);min-height:clamp(360px,42vw,540px);align-content:end}.article-banner--zeus.article-banner--image_text_overlay .article-banner__image{position:absolute;inset:clamp(1.5rem,3vw,3rem);rotate:0deg;z-index:-1}.article-banner--zeus.article-banner--image_text_overlay .article-banner__content{padding:clamp(1.25rem,2.5vw,2rem);background:color-mix(in srgb,var(--zeus-cream) 88%,transparent);border:3px solid var(--zeus-navy);box-shadow:8px 8px 0 var(--zeus-burnt);text-shadow:none;max-width:42rem}.article-banner--zeus.article-banner--image_text_overlay .article-banner__image img{aspect-ratio:auto;height:100%}.article-banner--zeus.article-banner--no-image .article-banner__inner{grid-template-columns:minmax(0,1fr);justify-items:start}.article-banner--zeus.article-banner--no-image .zeus-article-title{max-width:20ch;font-size:clamp(2.5rem,6vw,4rem)}}@media screen and (max-width:999px){.article-banner--zeus .article-banner__inner{grid-template-columns:minmax(0,1fr)}.article-banner--zeus .article-banner__content{text-shadow:none;width:100%}.article-banner--zeus .zeus-article-kicker{flex-wrap:nowrap;gap:.5rem}.article-banner--zeus .zeus-article-kicker .zeus-article-eyebrow{min-width:0;flex:1 1 auto;font-size:.625rem;letter-spacing:.14em}.article-banner--zeus .zeus-article-kicker .zeus-sticker--sm{--zeus-sticker-scale: .88;min-height:40px;min-width:auto;padding-inline:.65rem}.article-banner--zeus .zeus-article-title{max-width:none;width:100%;font-size:clamp(1.625rem,7.2vw,2.25rem);line-height:1;text-wrap:pretty}.article-banner--zeus .article-banner__image{rotate:-1deg}}.article-banner--zeus .zeus-paper-tear{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/86/assets/zeus-article-banner.css.map */