.sayori-case{--gutter:40px;--container:min(1280px, calc(100vw - 2 * var(--gutter)));--fs-display:64px;--fs-statement:44px;--fs-figure:38px;--fs-stat:30px;--fs-lead:24px;--fs-body:20px;--sayori-view:1600px;--sayori-scale:calc(var(--container) / var(--sayori-view));--cs-note-gap:28px}.sayori-case .container-x{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:0}.sayori-case .cs-note{width:clamp(140px, calc((var(--container) - 672px) / 2 - var(--cs-note-gap)), 220px);margin-left:var(--cs-note-gap);position:absolute;left:100%}.sayori-case .cs-frame .report,.sayori-case .cs-frame .sayori{background:0 0}.sayori-case .cs-frame.cs-frame .fb-entry,.sayori-case .cs-frame.cs-frame .fb-hover-chip,.sayori-case .sayori-panel.sayori-panel .fb-entry,.sayori-case .sayori-panel.sayori-panel .fb-hover-chip,.sayori-case .sayori-panel.sayori-panel .fixed{display:none}.sayori-case .sayori-panel .sayori{background-attachment:scroll}.sayori-case .sayori-panel{height:min(620px, calc(var(--slide-h) * var(--sayori-scale)));transition:height .3s ease-out}@media (prefers-reduced-motion:reduce){.sayori-case .sayori-panel{transition:none}}.sayori-case .cs-arrow{background:var(--surface);width:40px;height:40px;color:var(--ink);border:1px solid #2c2c2a33;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:flex}.sayori-case .cs-arrow:hover:not(:disabled){background:var(--ink);color:var(--paper)}.sayori-case .cs-arrow:disabled{border-color:var(--border);color:#2c2c2a59;background:0 0}.sayori-case .reception-dots{--dot:6px;--pitch:14px;--hit-h:22px;pointer-events:auto;margin-bottom:8px;display:flex;position:relative}.sayori-case .reception-dot{width:var(--pitch);height:var(--hit-h);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.sayori-case .reception-dot:before{content:"";width:var(--dot);height:var(--dot);background:#2c2c2a29;border-radius:999px;transition:background-color .2s ease-out;display:block}.sayori-case .reception-dot:hover:before{background:#2c2c2a52}.sayori-case .reception-dot.is-on:before{background:0 0}.sayori-case .reception-drop{top:50%;left:calc((var(--pitch) - var(--dot)) / 2);width:var(--dot);height:var(--dot);background:var(--brand-orange);pointer-events:none;translate:calc(var(--i,0) * var(--pitch)) -50%;border-radius:999px;transition:translate .42s cubic-bezier(.34,1.3,.5,1);position:absolute}.sayori-case .reception-drop:after{content:"";background:var(--brand-orange);opacity:.14;filter:blur(4px);border-radius:999px;position:absolute;inset:-5px}@media (prefers-reduced-motion:reduce){.sayori-case .reception-drop{transition:none}}.sayori-case .btn-glow{transition:box-shadow .46s cubic-bezier(.22,1,.36,1),translate .46s cubic-bezier(.22,1,.36,1),background-color .32s ease-out}.sayori-case .btn-glow:hover{transition-duration:.24s,.24s,.2s;translate:0 -1px;box-shadow:0 0 0 1px #ff8a4a80,0 4px 14px -4px #f7550699,0 12px 32px -10px #f7550680,0 0 64px -12px #f7550673,inset 0 1px #ffffff42}@media not (min-width:64rem){.sayori-case{--gutter:16px;--fs-display:36px;--fs-statement:24px;--fs-figure:32px;--fs-stat:32px;--fs-lead:18px;--fs-body:16px;--sayori-view:920px;--sayori-pan:80px}.sayori-case .reception-dot{height:44px}.sayori-case .reception-dots{margin-bottom:-3px}.sayori-case .sayori-panel{height:min(420px, calc(var(--slide-h) * var(--sayori-scale)))}.sayori-case .cs-note{width:100%;margin:24px 0;position:static}}