/* KALEIDOの三角形から着想した、軽量なCSS 3Dの立体表現 */
.mission-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:center}
.mission-copy{min-width:0}
#mission .mission-copy .mission-one-line{font-size:clamp(27px,2.5vw,36px)!important;white-space:normal}
#mission .mission-copy .mission-one-line>span{display:block}
#mission .mission-description{font-size:16px!important;line-height:2!important}
#mission .mission-description br{display:none}
.mission-art{position:relative;min-width:0;align-self:center;padding-top:90px}
.mission-art__scene{height:400px;position:relative;display:grid;place-items:center;perspective:1000px;isolation:isolate}
.mission-art__object{position:relative;width:260px;height:290px;transform-style:preserve-3d;transform:rotateY(-8deg);animation:mission-turn 14s ease-in-out infinite;animation-play-state:paused}
/* 正式ロゴ画像の左側を表示。線幅や交差を描き直さない。 */
.mission-art__original-mark{position:absolute;inset:0;background-image:url('assets/kaleido-logo-horizontal-20260906.png');background-size:auto 100%;background-position:left center;background-repeat:no-repeat}
.mission-art__shadow{position:absolute;bottom:10px;left:15%;width:70%;height:36px;background:radial-gradient(ellipse,rgba(20,39,67,.16),transparent 68%);filter:blur(8px);transform:rotate(-8deg)}


.mission-art[data-running="true"] .mission-art__object{animation-play-state:running}
@keyframes mission-turn{0%,100%{transform:translateY(9px) rotateX(3deg) rotateY(-17deg) rotateZ(-3deg)}50%{transform:translateY(-13px) rotateX(-3deg) rotateY(17deg) rotateZ(3deg)}}
@media(max-width:960px){.mission-layout{gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.mission-art__scene{height:290px}.mission-art__object{width:208px;height:232px}.mission-art{padding-top:80px}}
@media(max-width:768px){.mission-layout{grid-template-columns:1fr;gap:20px}#mission .mission-copy .mission-one-line{font-size:clamp(20px,6.4vw,28px)!important}#mission .mission-description{font-size:14px!important}.mission-art{padding-top:0}.mission-art__scene{height:230px}.mission-art__object{width:156px;height:174px}.mission-art__shadow{width:160px;left:calc(50% - 80px);bottom:0}}
@media(prefers-reduced-motion:reduce){.mission-art__object{animation:none}}

#mission .mission-description p{margin:0}#mission .mission-description p+p{margin-top:16px}

@media(min-width:961px){#mission .mission-description{font-size:clamp(14px,1.25vw,16px)!important}.mission-description-line{display:block;white-space:nowrap}}