.cosmic-brand-story{position:relative;width:100%;overflow:hidden;background-color:rgb(var(--color-background));padding:10rem 0 0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:750px){.cosmic-brand-story{padding:16rem 0 0;min-height:85vh}}.cosmic-brand-story:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px}.cosmic-kinetic-bg{position:absolute;top:50%;left:-10%;width:130%;transform:translateY(-55%);z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:4rem;opacity:.065;-webkit-user-select:none;user-select:none;will-change:transform}.cosmic-kinetic-row{font-family:var(--font-heading-family);font-size:clamp(10rem,22vw,34rem);font-weight:900;line-height:.85;white-space:nowrap;letter-spacing:-.06em;color:rgb(var(--color-foreground));text-transform:uppercase}.cosmic-story-container{position:relative;z-index:2;width:100%;max-width:140rem;margin:0 auto;padding:0 4rem}@media screen and (min-width:750px){.cosmic-story-container{padding:0 6rem}}.cosmic-story-grid{display:grid;grid-template-columns:1fr;gap:5rem;align-items:start}@media screen and (min-width:990px){.cosmic-story-grid{grid-template-columns:1.1fr .9fr;gap:0;align-items:start}}@media screen and (min-width:990px){.cosmic-story-right{padding-left:7rem;border-left:1px solid rgba(var(--color-foreground),.1);padding-top:.4rem}}.cosmic-brand-story:not(.is-initialized) .cosmic-story-headline,.cosmic-brand-story:not(.is-initialized) .cosmic-story-body,.cosmic-brand-story:not(.is-initialized) .cosmic-story-meta,.cosmic-brand-story:not(.is-initialized) .cosmic-story-label,.cosmic-brand-story:not(.is-initialized) .cosmic-story-rule,.cosmic-brand-story:not(.is-initialized) .cosmic-story-footer{opacity:0}.cosmic-story-meta{font-family:var(--font-mono-family, monospace);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--color-foreground),.3);margin-bottom:3rem;display:block}.cosmic-story-headline{font-family:var(--font-heading-family);font-size:clamp(5rem,9vw,12rem);font-weight:800;line-height:.88;letter-spacing:-.055em;color:rgb(var(--color-foreground));margin:0;text-transform:uppercase}.headline-line{display:block}.cosmic-story-label{display:block;font-family:var(--font-mono-family, monospace);font-size:1rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(var(--color-foreground),.3);margin-bottom:2rem}.cosmic-story-body{max-width:38ch}.cosmic-story-body p{font-family:var(--font-body-family);font-size:clamp(1.5rem,1.5vw,1.75rem);line-height:1.75;color:rgba(var(--color-foreground),.65);margin:0}.cosmic-story-rule{display:block;width:3.2rem;height:1px;background:rgba(var(--color-foreground),.3);margin-bottom:3rem}@media screen and (min-width:990px){.cosmic-story-rule{display:none}}.cosmic-story-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(var(--color-foreground),.08);padding:2.4rem 0;margin-top:8rem}.cosmic-story-footer-label{font-family:var(--font-mono-family, monospace);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.3)}.cosmic-story-footer-link{font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground));text-decoration:none;position:relative;display:inline-flex;align-items:center;gap:.8rem;transition:opacity .3s ease}.cosmic-story-footer-link:after{content:"";display:inline-block;width:2.4rem;height:1px;background:currentColor;transition:width .4s cubic-bezier(.16,1,.3,1)}.cosmic-story-footer-link:hover:after{width:4.8rem}.cosmic-story-footer-link:hover{opacity:.6}.cosmic-scanner-line{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-foreground),.15) 30%,rgba(var(--color-foreground),.15) 70%,transparent 100%);z-index:3;pointer-events:none;will-change:transform}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cosmic-brand-story.css.map */