/* ==========================================================================
   10 IMAGINE 2030 — 最も印象的な一枚
   ========================================================================== */

.aa-imagine{ overflow:hidden; text-align:center; background:var(--c-navy); color:var(--c-snow) }
.aa-imagine__stage{ position:absolute; inset:0; z-index:-1 }
.aa-imagine__stage > *{ position:absolute; inset:-10% 0 }
.aa-imagine__stage{
	background:
		radial-gradient(60% 46% at 50% 88%, rgb(127 168 255/.34), transparent 66%),
		radial-gradient(46% 40% at 18% 24%, rgb(184 166 245/.22), transparent 68%),
		linear-gradient(178deg,#070c16,#101a2e 62%,#16233d);
}
.aa-imagine__layer{ will-change:transform }
.aa-imagine__media{ height:100% }
.aa-imagine__media .aa-media__img{ height:100%; opacity:.55 }
.aa-imagine__veil{
	background:linear-gradient(180deg, rgb(7 12 22/.5) 0%, transparent 40%, rgb(7 12 22/.4) 100%);
}

/* 画面いっぱいの 2030 */
.aa-imagine__year{
	font-family:var(--font-display);
	font-weight:600;
	font-size:clamp(5rem,21vw,17rem);
	line-height:.9;
	letter-spacing:-.02em;
	background:linear-gradient(178deg, #fff 26%, rgb(127 168 255/.85) 78%, transparent 108%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.aa-imagine__title{
	font-weight:400;
	font-size:var(--fs-title);
	line-height:1.6;
	margin-top:clamp(12px,2.6svh,32px);
	color:var(--c-snow-sub);
}