.tsar-story{--story-nav-offset: 96px;--story-navy: #131936;--story-paper: #ffffff;--story-muted: rgba(19, 25, 54, .62);--story-line: rgba(19, 25, 54, .12);--story-serif: var(--font-display-family, "InstrumentSerif-Regular"), "Playfair Display", Georgia, serif;--story-sans: var(--font-body-family, "GeneralSans-Regular"), system-ui, sans-serif;--story-mono: var(--font-mono-family, "GeistMono-Regular"), ui-monospace, monospace;--story-max: min(100%, 480px);--story-copy-max: 520px;--story-pad: clamp(20px, 4vw, 32px);color:var(--story-navy);background:var(--story-paper);font-family:var(--story-sans);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}.tsar-story__inner{width:100%;max-width:var(--story-copy-max);margin-inline:auto;padding-inline:var(--story-pad)}.tsar-story__hero{padding:calc(var(--story-nav-offset) + env(safe-area-inset-top,0px)) 0 8px;text-align:center;scroll-margin-top:calc(var(--story-nav-offset) + 16px)}.tsar-story__hero .reveal{opacity:1;transform:none}.tsar-story__eyebrow{margin:0 0 18px;font-family:var(--story-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#13193673}.tsar-story__title{margin:0;padding:0 6px;font-family:var(--story-serif);font-size:clamp(36px,9vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}.tsar-story__manifesto{padding:20px 0 40px;text-align:center}.tsar-story__manifesto-card{position:relative;padding:clamp(28px,6vw,40px) clamp(22px,5vw,36px);border:1px solid var(--story-line);border-radius:4px;background:radial-gradient(120% 80% at 50% 0%,rgba(19,25,54,.04) 0%,transparent 55%),var(--story-paper);box-shadow:0 18px 50px #1319360f}.tsar-story__manifesto-card:before{content:"";position:absolute;top:0;left:50%;width:64px;height:1px;transform:translate(-50%,-1px);background:var(--story-navy);opacity:.2}.tsar-story__lead{margin:0;padding-bottom:clamp(22px,5vw,28px);margin-bottom:clamp(22px,5vw,28px);border-bottom:1px solid var(--story-line);font-family:var(--story-serif);font-size:clamp(21px,5vw,30px);line-height:1.4;letter-spacing:-.02em;text-wrap:pretty;color:var(--story-navy)}.tsar-story__verse{display:grid;gap:14px}.tsar-story__verse-kicker{margin:0;font-family:var(--story-serif);font-size:clamp(19px,4.6vw,26px);line-height:1.35;letter-spacing:-.015em;color:var(--story-navy)}.tsar-story__verse-text{margin:0 auto;max-width:34em;font-size:clamp(14px,3.6vw,16px);line-height:1.8;letter-spacing:.01em;color:var(--story-muted);font-weight:300}.tsar-story__reels{padding:8px 0 52px;border-top:1px solid var(--story-line)}.tsar-story__reels-head{padding:28px var(--story-pad) 20px;max-width:var(--story-max);margin-inline:auto;text-align:center}.tsar-story__reels-label{margin:0;font-family:var(--story-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--story-muted)}.tsar-story__reels-track{display:flex;gap:14px;padding:0 var(--story-pad) 12px;max-width:var(--story-max);margin-inline:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tsar-story__reels-track::-webkit-scrollbar{display:none}.tsar-story__reel{flex:0 0 min(74vw,260px);scroll-snap-align:center;min-width:0}.tsar-story__reel-frame{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:6px;overflow:hidden;background:#0a0c18;box-shadow:0 16px 48px #1319361f;cursor:pointer}.tsar-story__reel-video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.tsar-story__reel-play{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffeb;color:var(--story-navy);box-shadow:0 8px 28px #00000038;cursor:pointer;transition:transform .15s ease,opacity .2s ease,background .15s ease}.tsar-story__reel-play svg{width:14px;height:auto;margin-left:2px;fill:currentColor}.tsar-story__reel-play:hover,.tsar-story__reel-play:focus-visible{background:#fff;transform:translate(-50%,-50%) scale(1.04);outline:none}.tsar-story__reel-frame.is-playing .tsar-story__reel-play{opacity:0;pointer-events:none}.tsar-story__reel--landscape .tsar-story__reel-frame.is-playing{display:flex;align-items:center;justify-content:center;background:#000}.tsar-story__reel--landscape .tsar-story__reel-frame.is-playing .tsar-story__reel-video{position:relative;flex:0 1 auto;width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:16 / 9;object-fit:contain;transition:object-fit .25s ease}.tsar-story__closing{padding:8px 0 calc(64px + env(safe-area-inset-bottom,0px));text-align:center}.tsar-story__closing-card{padding:clamp(32px,7vw,44px) clamp(20px,5vw,32px);border-top:1px solid var(--story-line)}.tsar-story__closing-line{margin:0;font-family:var(--story-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#13193673}.tsar-story__closing-mark{margin:14px 0 0;padding:0 8px;font-family:var(--story-serif);font-size:clamp(28px,7vw,44px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.tsar-story .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.tsar-story .reveal.is-in{opacity:1;transform:none}body.tsar-story-page{background:#eeedea}body.tsar-story-page #MainContent{padding:0;margin:0;overflow-x:clip}@media screen and (min-width:750px){.tsar-story{--story-nav-offset: 108px;--story-max: min(1180px, 94vw);--story-copy-max: 620px;--story-pad: clamp(24px, 3vw, 48px)}.tsar-story__manifesto-card{padding:44px 48px}.tsar-story__verse{gap:18px}body.tsar-story-page #MainContent{padding:0 clamp(16px,2vw,32px) 48px}body.tsar-story-page .tsar-story{margin-top:12px;border-radius:8px;box-shadow:0 24px 80px #13193614}.tsar-story__reels-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);overflow:visible;padding-bottom:4px}.tsar-story__reel{flex:none;width:auto}}@media screen and (min-width:750px)and (max-width:1099px){.tsar-story__reels-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}}@media screen and (max-width:749px){.tsar-story{--story-pad: 24px;--story-copy-max: 100%;--story-max: 100%;max-width:480px;margin-inline:auto;box-sizing:border-box}.tsar-story__hero{padding-bottom:4px}.tsar-story__manifesto{padding-bottom:32px}.tsar-story__reels{padding-bottom:40px}.tsar-story__reels-head{padding-bottom:16px}.tsar-story__reels-track{display:flex;flex-direction:column;align-items:center;gap:22px;overflow:visible;padding-inline:var(--story-pad);scroll-snap-type:none}.tsar-story__reel{flex:none;width:min(100%,320px);scroll-snap-align:none}.tsar-story__reel-frame{border-radius:8px;max-height:min(72vh,560px);aspect-ratio:9 / 16;height:auto}.tsar-story__closing{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/tsar-our-story.css.map */