.brand-story{padding-block:var(--section-y)}.brand-story__timeline{position:relative;margin-top:clamp(2rem,5vw,3.5rem)}.brand-story__thread{position:absolute;top:.3rem;bottom:.3rem;left:1.75rem;width:2px;transform:translate(-50%);background:#c9a15e29;border-radius:2px}.brand-story__thread-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--gold-deep),var(--gold),var(--gold-lite));box-shadow:0 0 10px 2px #c9a15e73;border-radius:2px}.brand-story__thread-tip{position:absolute;top:0;left:50%;z-index:1;width:2px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--gold-lite),transparent);box-shadow:0 0 8px 2px #c9a15e80;opacity:.9;transition:opacity .4s var(--ease-out),top .1s linear;animation:brand-story-scroll-cue 1.6s ease-in-out infinite}.brand-story__thread-tip.is-hidden{opacity:0}.brand-story__scroll-cue{position:absolute;top:0;left:50%;z-index:2;width:18px;height:18px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(201,161,94,.55));opacity:.85;transition:opacity .4s var(--ease-out),top .1s linear;animation:brand-story-scroll-cue 1.6s ease-in-out infinite}.brand-story__scroll-cue svg{width:100%;height:100%}.brand-story__scroll-cue.is-hidden{opacity:0}@keyframes brand-story-scroll-cue{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(9px)}}.brand-story__chapters{display:flex;flex-direction:column;gap:clamp(3rem,6vw,5.5rem)}.brand-story__chapter{display:grid;grid-template-columns:3.5rem 1fr;column-gap:1.25rem;position:relative;opacity:0;transform:translateY(32px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.brand-story__chapter.is-visible{opacity:1;transform:none}.brand-story__node{grid-column:1;display:flex;justify-content:center;padding-top:.15rem;position:relative;background:none;border:none;padding-inline:0;margin:0;width:100%;border-radius:999px;align-self:start;perspective:500px}.brand-story__node-icon{position:relative;z-index:1;width:30px;height:30px;opacity:.3;transition:opacity .6s var(--ease-out),filter .6s var(--ease-out)}.brand-story__chapter.is-visible .brand-story__node-icon{opacity:1;animation:brand-story-pulse 2.6s ease-in-out infinite}@keyframes brand-story-pulse{0%,to{filter:drop-shadow(0 0 8px var(--chapter-accent, var(--gold)))}50%{filter:drop-shadow(0 0 18px var(--chapter-accent, var(--gold)))}}@keyframes brand-story-pulse-warm{0%,to{filter:drop-shadow(0 0 10px var(--chapter-accent, var(--gold)))}50%{filter:drop-shadow(0 0 20px var(--chapter-accent, var(--gold)))}}@keyframes brand-story-coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.brand-story__node:hover .brand-story__node-icon,.brand-story__node:focus-visible .brand-story__node-icon{animation:brand-story-coin-flip .9s cubic-bezier(.34,.74,.3,1),brand-story-pulse-warm 2.2s ease-in-out infinite}.brand-story__node-canvas{position:absolute;left:50%;z-index:0;width:64px;height:92px;bottom:calc(100% - 9px);transform:translate(-50%);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}.brand-story__node-canvas.is-active{opacity:1}.brand-story__content{grid-column:2;min-width:0}.brand-story__eyebrow{margin:0 0 .5rem;font-family:var(--font-sans);font-weight:600;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--chapter-accent, var(--gold))}.brand-story__media{max-width:320px;margin:0 0 1.4rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 0 0 1px color-mix(in srgb,var(--chapter-accent, var(--gold)) 30%,transparent)}.brand-story__media img{width:100%;height:auto;display:block}.brand-story__heading{margin:0 0 1rem;font-family:var(--font-serif);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.3rem);color:var(--cream);position:relative;padding-left:1.1rem}.brand-story__heading:before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:3px;background:var(--chapter-accent, var(--gold));border-radius:2px}.brand-story__body{color:var(--sand);font-size:1rem;line-height:1.75;max-width:42rem}.brand-story__body p{margin:0 0 1rem}.brand-story__body p:last-child{margin-bottom:0}.brand-story__chapter:last-child .brand-story__heading{font-size:clamp(1.3rem,2.4vw,1.6rem)}.brand-story__chapter:last-child .brand-story__body{font-style:italic}@media(max-width:640px){.brand-story__thread{left:1.35rem}.brand-story__chapter{grid-template-columns:2.7rem 1fr}.brand-story__node-icon{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/brand-story.css.map */