/* 現状と理想は同じ位置・縮尺。切抜き、ぼかし、光の走査を使わず透過だけで切り替える。 */
@media(min-width:760px){
  html:not([data-concept=original]) .concept-section{width:calc(100vw - clamp(100px,10vw,200px))}
  html:not([data-concept=original]) .concept-section .am-wide{width:84%!important}
}
.concept-story,.story-stage{display:contents}.story-progress,.story-backdrop{display:none}
.concept-story.story-active{display:block;position:relative;left:50%;width:100vw;margin-left:-50vw;height:calc(var(--fit-height) + 175dvh);margin-top:70px}
.story-active .story-stage{display:block;position:sticky;top:var(--fit-top);height:var(--fit-height);isolation:isolate;overflow:clip;background:#f5f3ed}
.story-active .story-backdrop{display:block;position:absolute;inset:0;z-index:0;background:#171717;opacity:0;transition:opacity 320ms ease;will-change:opacity}
.story-active .story-future.story-dark>.story-backdrop{opacity:1}
html:not([data-concept=original]) .story-active .concept-section{position:absolute;left:50%;top:0;height:100%;margin:0!important;box-shadow:none!important;clip-path:none!important;background:transparent!important;padding:42px 0 24px!important;transform:translate3d(-50%,0,0)!important;filter:none!important;contain:paint;backface-visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity 300ms ease}
html:not([data-concept=original]) .story-active .current-section{z-index:1;opacity:1}
html:not([data-concept=original]) .story-active .ideal-section{z-index:2;opacity:0}
html:not([data-concept=original]) .story-active .story-future>.current-section{opacity:0}
html:not([data-concept=original]) .story-active .story-future>.ideal-section{opacity:1}
html:not([data-concept=original]) .story-active .concept-section :is(.sv-head,.ab-h2){margin-left:clamp(24px,3vw,56px)}
html:not([data-concept=original]) .story-active .concept-section .sv-head{margin-top:0!important}
html:not([data-concept=original]) .story-active .concept-section :is(.sv-wrap,.sv-head,.ab-h2,.ab-amap,.ab-h2 .l>span){transform:none!important;opacity:1!important;transition:none!important}
.story-active .story-progress{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;bottom:24px;left:50%;transform:translateX(-50%);font:10px/1.5 Inter,'Noto Sans JP',sans-serif;letter-spacing:.1em;color:#6d6453;white-space:nowrap}
.story-progress i{width:90px;height:1px;background:#aa8b5938;display:block}.story-progress i b{display:block;height:1px;background:#aa8b59;transform:scaleX(0);transform-origin:left;will-change:transform}
.story-progress small{margin-left:20px;font-size:8px;letter-spacing:.2em;opacity:.65}.story-current-label{opacity:1}.story-next-label{opacity:.4}
.story-future .story-progress{color:#d2b889}.story-future .story-current-label{opacity:.4}.story-future .story-next-label{opacity:1}
.story-instant :is(.concept-section,.story-backdrop){transition:none!important}
@media(max-width:1000px){.story-progress small{display:none}}
@media(prefers-reduced-motion:reduce){.concept-story,.story-stage{display:contents!important}.story-progress{display:none!important}.concept-section{opacity:1!important;filter:none!important;clip-path:none!important}}