.brand-story{padding-block:var(--brand-story-pt, 96px) var(--brand-story-pb, 96px);padding-inline:var(--gutter-mobile);max-inline-size:var(--max-content-width);margin-inline:auto;display:grid;grid-template-columns:1fr;grid-template-areas:"media" "content";gap:var(--space-5)}.brand-story:not(.brand-story--has-image):not(.brand-story--has-fallback-art){grid-template-areas:"content"}@media(min-width:750px){.brand-story{padding-inline:var(--gutter-desktop);grid-template-columns:1fr 1fr;grid-template-areas:"media content";gap:var(--space-7);align-items:center}.brand-story--image-end{grid-template-areas:"content media"}}.brand-story__media{margin:0;grid-area:media}.brand-story__media--fallback{position:relative;min-block-size:clamp(320px,44vw,560px);overflow:hidden;border-radius:var(--radius-card);background:radial-gradient(circle at 72% 18%,color-mix(in oklch,var(--ivory) 44%,transparent) 0 10%,transparent 28%),linear-gradient(145deg,var(--color-surface-warm) 0%,color-mix(in oklch,var(--oxblood) 26%,var(--ivory)) 48%,var(--mahogany) 100%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--obsidian) 10%,transparent)}.brand-story__material{position:absolute;display:block}.brand-story__material--glass{inset-inline-start:16%;inset-block-end:13%;inline-size:34%;block-size:62%;border-radius:26px 26px 8px 8px;background:linear-gradient(105deg,color-mix(in oklch,var(--bone) 54%,transparent) 0 9%,transparent 18%),linear-gradient(180deg,color-mix(in oklch,var(--bone) 20%,transparent),color-mix(in oklch,var(--oxblood) 46%,transparent)),color-mix(in oklch,var(--mahogany) 60%,var(--oxblood));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--bone) 34%,transparent),0 34px 70px #1f0c0738}.brand-story__material--glass:before{content:"";position:absolute;inset-inline:32% 32%;inset-block-start:-18%;block-size:18%;border-radius:2px 2px 0 0;background:color-mix(in oklch,var(--obsidian) 88%,var(--oxblood))}.brand-story__material--spray{inset-inline-start:47%;inset-block-start:18%;inline-size:31%;block-size:1px;background:color-mix(in oklch,var(--bone) 58%,transparent);transform:rotate(-18deg);transform-origin:left center}.brand-story__material--spray:before,.brand-story__material--spray:after{content:"";position:absolute;inset-block-start:-1px;inline-size:58%;block-size:1px;background:inherit}.brand-story__material--spray:before{transform:rotate(14deg);transform-origin:left center}.brand-story__material--spray:after{transform:rotate(-16deg);transform-origin:left center}.brand-story__material--box{inset-inline-end:12%;inset-block-end:12%;inline-size:34%;block-size:56%;border:1px solid color-mix(in oklch,var(--bone) 32%,transparent);background:linear-gradient(90deg,transparent 0 48%,color-mix(in oklch,var(--bone) 24%,transparent) 48% 49%,transparent 49%),color-mix(in oklch,var(--obsidian) 20%,transparent)}.brand-story__material--drop{inset-inline-end:18%;inset-block-start:18%;inline-size:54px;aspect-ratio:1;border-radius:50% 50% 50% 8%;background:color-mix(in oklch,var(--ivory) 74%,var(--oxblood));transform:rotate(-45deg)}.brand-story__media img{display:block;inline-size:100%;block-size:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-card)}.brand-story__content{grid-area:content;display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:52ch}.brand-story__app-blocks{grid-column:1 / -1}.brand-story__eyebrow{margin:0;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--amber-on-light)}.brand-story__headline{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--fs-section);letter-spacing:var(--ls-display);line-height:1.1;color:var(--espresso)}.brand-story__headline em{font-style:italic}.brand-story__headline strong{font-weight:var(--font-weight-medium)}.brand-story__body{font-size:var(--fs-body);line-height:var(--lh-body);color:color-mix(in oklch,var(--espresso) 84%,var(--bone))}.brand-story__body>p{margin:0 0 var(--space-2) 0}.brand-story__body>p:last-child{margin-block-end:0}.brand-story__link{align-self:start;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--espresso);text-decoration:none;border-block-end:1px solid var(--espresso);padding-block-end:2px}.brand-story__link:hover,.brand-story__link:focus-visible{color:var(--amber);border-color:var(--amber)}@media(max-width:749px){.brand-story__media--fallback{min-block-size:360px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-brand-story.css.map */