.fantom-brand-story{background-color:var(--fantom-bg);padding:var(--fantom-section-y) 0}.fantom-brand-story__container{width:100%;max-width:min(100%,1480px);margin:0 auto;padding:0 var(--fantom-gutter);display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media(min-width:1024px){.fantom-brand-story__container{grid-template-columns:1fr 1.1fr;gap:64px}}.fantom-brand-story__text{max-width:560px}.fantom-brand-story__heading{font-family:var(--fantom-font-display);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:var(--fantom-fw-display);line-height:.9;letter-spacing:-.025em;text-transform:uppercase;color:var(--fantom-text);margin:0 0 24px;text-shadow:0 4px 24px rgba(0,0,0,.4)}.fantom-brand-story__paragraph{font-family:var(--fantom-font-body);font-size:var(--fantom-fs-body-lg);line-height:var(--fantom-lh-body);color:var(--fantom-text-muted);margin-bottom:32px}.fantom-brand-story__paragraph :is(strong,b){color:var(--fantom-accent);font-weight:var(--fantom-fw-bold)}.fantom-brand-story__paragraph :is(em,i){font-family:var(--fantom-font-italic);font-style:italic;font-weight:var(--fantom-fw-bold);background:var(--fantom-gradient-holo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.fantom-brand-story__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px}.fantom-brand-story__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--fantom-radius-card);background-color:var(--fantom-bg-elevated)}.fantom-brand-story__tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--fantom-duration-slow) var(--fantom-ease-emphatic)}.fantom-brand-story__tile:hover img{transform:scale(1.04)}.fantom-brand-story__tile--1,.fantom-brand-story__tile--4{transform:translateY(24px)}.fantom-brand-story__placeholder{width:100%;height:100%;border-radius:0;border:none}@media(max-width:639px){.fantom-brand-story__grid{grid-template-columns:repeat(2,1fr)}.fantom-brand-story__tile:nth-child(n+5){display:none}.fantom-brand-story__tile--1,.fantom-brand-story__tile--4{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fantom-brand-story.css.map */