.story-book{--sb-accent: var(--gold);max-width:980px;margin-inline:auto}.story-book__stage{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% -12%,rgba(124,92,191,.14),transparent 60%),linear-gradient(180deg,#1a1d38,#14162b);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.story-book__ribbon{position:absolute;top:0;left:clamp(24px,7%,76px);z-index:6;width:26px;height:62px;background:var(--sb-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);box-shadow:0 6px 16px #00000073;transition:background var(--dur-slow) var(--ease-out);pointer-events:none}.story-book__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.story-book__track::-webkit-scrollbar{display:none}.story-book__track:focus{outline:none}.story-book__track:focus-visible{outline:2px solid var(--sb-accent);outline-offset:-4px;border-radius:var(--radius-xl)}.story-leaf{position:relative;flex:0 0 100%;scroll-snap-align:center;min-height:clamp(440px,62vh,640px);display:grid;place-items:center;padding:clamp(30px,5vw,66px);padding-bottom:clamp(64px,8vw,96px);isolation:isolate;overflow:hidden;background:radial-gradient(135% 95% at 84% 6%,var(--leaf-soft),transparent 55%),radial-gradient(120% 90% at 6% 104%,var(--leaf-soft),transparent 50%)}.story-leaf--gold{--leaf: var(--gold);--leaf-soft: var(--gold-12);--leaf-mid: var(--gold-24)}.story-leaf--cyan{--leaf: var(--cyan);--leaf-soft: var(--cyan-12);--leaf-mid: var(--cyan-24)}.story-leaf--purple{--leaf: var(--purple);--leaf-soft: var(--purple-12);--leaf-mid: var(--purple-24)}.story-leaf:before{content:"";position:absolute;inset:0 auto 0 0;width:38px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000006b,#0000)}.story-leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.story-leaf__ghost{position:absolute;top:-.16em;right:1.5%;z-index:0;font-family:var(--font-display);font-size:clamp(9rem,30vw,22rem);line-height:.8;letter-spacing:-.05em;color:var(--leaf);opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(calc(var(--p, 0) * 46px));will-change:transform}.story-leaf__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(16px,2.4vw,26px);max-width:54ch}.story-leaf__chapter{display:inline-flex;align-items:center;gap:.7em;font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.26em;text-transform:uppercase;color:var(--text-muted)}.story-leaf__chapter-num{color:var(--leaf)}.story-leaf__motif{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;color:var(--leaf);background:var(--leaf-soft);border:1px solid var(--leaf-mid);box-shadow:0 0 30px var(--leaf-mid),inset 0 0 22px #ffffff0a}.story-leaf__motif svg{width:38px;height:38px}.story-leaf__title{font-family:var(--font-display);font-size:clamp(2rem,5.6vw,3.5rem);line-height:1.02;letter-spacing:-.01em;color:var(--text-primary);text-wrap:balance}.story-leaf__body{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;color:var(--text-secondary);max-width:50ch;text-wrap:pretty}.story-leaf__folio{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:clamp(16px,3vw,26px) clamp(30px,5vw,62px);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.story-leaf__colophon{display:inline-flex;align-items:center;gap:.7em}.story-leaf__colophon:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leaf);box-shadow:0 0 8px var(--leaf-mid)}.story-leaf__fold{position:absolute;right:0;bottom:0;z-index:4;width:0;height:0;border-style:solid;border-width:0 0 44px 44px;border-color:transparent transparent var(--surface) transparent;filter:drop-shadow(-3px -3px 6px rgba(0,0,0,.4));transition:border-width var(--dur) var(--ease-out);pointer-events:none}.story-leaf:hover .story-leaf__fold{border-width:0 0 62px 62px}.story-book__controls{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,34px);margin-top:var(--space-6)}.story-nav{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.story-nav svg{width:22px;height:22px}.story-nav:hover:not(:disabled){border-color:var(--sb-accent);color:var(--sb-accent);transform:translateY(-2px);box-shadow:0 8px 22px #00000073}.story-nav:active:not(:disabled){transform:translateY(0)}.story-nav:disabled{opacity:.3;cursor:default}.story-book__meter{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:128px}.story-counter{font-family:var(--font-mono);font-size:14px;letter-spacing:.16em;color:var(--text-muted)}.story-counter b{color:var(--sb-accent);font-weight:600;transition:color var(--dur) var(--ease-out)}.story-dots{display:flex;gap:10px;justify-content:center}.story-dot{position:relative;width:38px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.story-dot:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:5px;border-radius:var(--radius-pill);background:var(--border);transition:background var(--dur) var(--ease-out),height var(--dur) var(--ease-out)}.story-dot:hover:before{background:var(--text-muted)}.story-dot.is-active:before{height:6px;background:var(--sb-accent);box-shadow:0 0 12px var(--sb-accent)}.story-nav:focus-visible,.story-dot:focus-visible{outline:2px solid var(--sb-accent);outline-offset:3px;border-radius:var(--radius-sm)}.story-book.is-enhanced .story-leaf__content>*{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.story-book.is-enhanced .story-leaf.is-active .story-leaf__content>*{opacity:1;transform:none}.story-leaf.is-active .story-leaf__content>*:nth-child(1){transition-delay:60ms}.story-leaf.is-active .story-leaf__content>*:nth-child(2){transition-delay:.13s}.story-leaf.is-active .story-leaf__content>*:nth-child(3){transition-delay:.2s}.story-leaf.is-active .story-leaf__content>*:nth-child(4){transition-delay:.27s}@media(prefers-reduced-motion:no-preference){.story-leaf.is-active .story-leaf__motif{animation:sbFloat 5s var(--ease-out) infinite}}@keyframes sbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:600px){.story-leaf{min-height:clamp(400px,76vh,560px)}.story-leaf__ghost{font-size:clamp(8rem,44vw,15rem)}.story-book__controls{gap:14px}.story-book__meter{min-width:104px}}@media(prefers-reduced-motion:reduce){.story-book__track{scroll-behavior:auto}.story-leaf__ghost{transform:none!important}.story-book.is-enhanced .story-leaf__content>*{opacity:1!important;transform:none!important;transition:none!important}.story-leaf.is-active .story-leaf__motif{animation:none!important}.story-book__ribbon,.story-nav,.story-dot:before,.story-leaf__fold,.story-counter b{transition:none!important}.story-leaf:hover .story-leaf__fold{border-width:0 0 44px 44px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/about-story.css.map */