/* Extracted from original inline style block: vee-about-reference-stack. Order is intentional. */
/* Two full content cards that progressively overlap as the visitor scrolls. */
.main:has(#about.active){overflow:clip}
#about.vee-stacking-about{position:relative;overflow:visible;padding:12px 3px 24vh;isolation:isolate}
#about .vee-about-stack-panel{position:sticky;transform-origin:center top;will-change:auto;backface-visibility:hidden}
#about .vee-about-content.vee-about-stack-panel{top:26px;z-index:1;box-shadow:0 15px 35px #101d3520;transition:box-shadow .4s ease}
#about .vee-about-video.vee-about-stack-panel{top:52px;z-index:2;padding:22px;border:1px solid rgba(29,45,65,.14);border-radius:26px;background:var(--paper);box-shadow:0 22px 55px #101d3536;margin-top:clamp(35px,7vh,95px)!important}
#about .vee-about-video.vee-about-stack-panel:before{content:'02 / MY CREATIVE STORY';display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:#c47337;margin-bottom:12px}
#about .vee-about-video-frame{transform:none!important}
#about .vee-about-video.vee-about-stack-panel:hover .vee-about-video-frame{transform:none!important}
body.dark #about .vee-about-video.vee-about-stack-panel{background:#1c2635;border-color:#ffffff26}
#about .vee-about-stack-panel.vee-stack-enter{opacity:0;translate:0 52px;transition:opacity .8s ease,translate .85s cubic-bezier(.19,1,.22,1)}
#about .vee-about-stack-panel.vee-stack-enter.vee-stack-in{opacity:1;translate:0 0}
@media(max-width:850px){#about.vee-stacking-about{padding-bottom:60px}#about .vee-about-stack-panel{position:relative!important;top:auto!important}#about .vee-about-video.vee-about-stack-panel{padding:14px;border-radius:19px;margin-top:24px!important}}
@media(prefers-reduced-motion:reduce){#about .vee-about-stack-panel.vee-stack-enter{opacity:1!important;translate:none!important;transition:none!important}}
