/* Motion for the two introductory product scenes. */
#belief{min-height:0;padding-top:48px;padding-bottom:38px}
#belief .belief-inner{align-items:center;gap:28px 6vw}
#belief .belief-heading-block{padding-top:0}
#belief .belief-heading-block::before{margin-bottom:20px;padding-bottom:14px}
#belief .belief-title{margin:16px 0;font-size:clamp(29px,3vw,43px)}
.belief-purpose{font-size:14px;line-height:2;color:#53705f;margin:18px 0 0}
.belief-art{max-width:470px;margin-top:12px;position:relative}
.belief-art svg{display:block;width:100%;overflow:visible}
.belief-art>span{position:absolute;bottom:4px;left:42%;font-size:10px;color:#8c7952;letter-spacing:.3em}
.story-path,.story-echo{fill:none;stroke:url(#story-gold);stroke-width:1.3}
.story-echo{opacity:.25}
.story-symbol{stroke:#789783;stroke-width:1;fill:#a9c8b432;transition:stroke .6s,fill .6s,opacity .6s;opacity:.45}
.story-symbol.is-current{stroke:#b2914d;fill:#d2b56e38;opacity:1}
.story-time{transform-origin:248px 118px;animation:story-orbit 36s linear infinite}
.story-traveller{fill:#c4a05a;filter:drop-shadow(0 0 6px #d0b375);offset-path:path('M12 164C90 18 139 218 236 110S365 16 468 109');animation:story-journey 12s linear infinite}
#belief .value-card{min-height:145px;padding:18px 12px 18px 25px;grid-template-columns:1fr 78px;transition:background .6s}
#belief .value-card.is-current{background:#f5f3df66}
#belief .value-card h3{font-size:24px;margin-top:8px}
#belief .value-card p{margin-top:8px}
#belief .card-mark{width:70px;height:78px;font-size:40px}
#belief .scene-next{grid-column:1/-1;margin-top:0}
#belief .belief-heading-block,#belief .value-grid{animation:none}
.story-paused *{animation-play-state:paused!important}
#professional.story-running .pillar-text{animation:pillar-arrive .8s both}
#professional.story-running td:nth-child(2) .pillar-text{animation-delay:.12s}
#professional.story-running td:nth-child(3) .pillar-text{animation-delay:.24s}
#professional.story-running td:nth-child(4) .pillar-text{animation-delay:.36s}
#professional .element-palette{position:relative}
#professional .element-palette:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b79a56,transparent);background-size:50% 100%;animation:palette-flow 6s linear infinite;pointer-events:none}
.time-preview{padding:10px 0 8px;border-bottom:1px solid #80977c33;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.time-preview button,.report-open{font-family:inherit;font-size:12px;line-height:1.6;background:none;border:0;padding:5px 0;color:#58715e;cursor:pointer}
.time-preview button[aria-pressed=true]{color:#98763e;border-bottom:1px solid}
.time-line{position:relative;display:flex;justify-content:space-between;width:100%;height:12px;align-items:center;background:linear-gradient(#93ac9355,#93ac9355) center/100% 1px no-repeat}
.time-line i{width:4px;height:4px;background:#95ad99;border-radius:50%;transition:transform .5s,background .5s}
.time-line i.is-current{background:#b08c46;transform:scale(2)}
.time-detail{font-size:11px;color:#71816e}
.report-open{color:#96763f;text-decoration:underline;text-underline-offset:5px}
.report-dialog{box-sizing:border-box;border:1px solid #a4b49d;max-width:calc(100vw - 36px);width:440px;max-height:calc(100dvh - 48px);overflow:auto;padding:30px;background:#f5f2e8;color:#355443;box-shadow:0 24px 90px #182e3544}
.report-dialog::backdrop{background:#163b3655;backdrop-filter:blur(5px)}
.report-dialog h2{font:normal 27px/1.5 'Songti SC',serif;margin:20px 0}.report-dialog small,.report-dialog p{font-size:11px;color:#7c806b}.report-dialog li{padding:10px 0;border-bottom:1px solid #82967b33;font-size:15px}.report-close{display:block;margin-left:auto;background:none;border:0;color:inherit;padding:8px;cursor:pointer}
@keyframes story-journey{0%{offset-distance:0%;opacity:0}8%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes story-orbit{to{rotate:360deg}}
@keyframes palette-flow{to{background-position:200% 0}}
@keyframes pillar-arrive{from{translate:0 16px;filter:blur(3px)}to{translate:0 0;filter:blur(0)}}
@media(max-width:720px){#belief{padding:24px 22px 20px}#belief .belief-inner{gap:12px}#belief .belief-heading-block::before{margin-bottom:12px;padding-bottom:9px}#belief .belief-title{font-size:29px;line-height:1.5;margin:10px 0}.belief-purpose{font-size:11px;line-height:1.8;margin-top:10px}.belief-art{position:absolute;width:130px;right:0;top:142px;opacity:.6;pointer-events:none}.belief-art>span{display:none}#belief .belief-purpose{padding-right:100px}#belief .value-card{min-height:110px;padding:12px 0 12px 12px;grid-template-columns:1fr 56px}#belief .card-index{font-size:8px}#belief .value-card h3{font-size:20px;margin-top:5px}#belief .value-card p{font-size:11px;line-height:1.65;margin-top:5px}#belief .card-mark{width:50px;height:56px;font-size:31px}.time-preview{padding:4px 0;gap:6px 13px}.time-line{width:80px;flex:1}.time-detail{width:100%;font-size:10px}.report-open{font-size:11px;grid-column:1/-1;padding:3px 0}.report-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){.story-traveller,.story-time,#professional .element-palette:after,#professional.story-running .pillar-text{animation:none}.story-traveller{display:none}.story-symbol,.time-line i{transition:none}}
@media(max-width:720px) and (max-height:740px){.time-preview{gap:3px 10px}.time-detail{width:auto;margin-left:auto;font-size:9px}.time-line{display:none}#professional .professional-title{margin-bottom:5px}#professional .reading-feature{padding-top:3px;padding-bottom:3px}}
@media(max-width:720px) and (max-height:740px){#professional{padding-top:8px;padding-bottom:6px}}

/* Calendar reels keep the existing column size and typography. */
#professional.story-running .pillar-text{animation:none}
.pillar-window{overflow:hidden;position:relative}
.pillar-reel{will-change:transform}
.pillar-frame{display:flex;align-items:center;justify-content:center;box-sizing:border-box}