/* Preserve the source carousel/card geometry. Copy is crisp HTML over 3D art. */
#wf-main-4 .ax-case-copy {
  position: absolute;
  left: calc(50 * var(--mathflat-rem));
  bottom: calc(50 * var(--mathflat-rem));
  width: 45%;
  color: #fff;
  text-align: left;
  text-shadow: 0 2px 14px rgba(10,16,65,.15);
}
#wf-main-4 .ax-case-category { display:block; margin-bottom:calc(14 * var(--mathflat-rem)); font-size:calc(18 * var(--mathflat-rem)); font-weight:500; }
#wf-main-4 .ax-case-title { display:block; font-size:calc(40 * var(--mathflat-rem)); line-height:1.35; font-weight:700; letter-spacing:-.03em; word-break:keep-all; }
#wf-main-4 .ax-case-meta { display:block; margin-top:calc(16 * var(--mathflat-rem)); font-size:calc(16 * var(--mathflat-rem)); line-height:1.6; }
#wf-main-4 .ax-case-note { display:block; margin-top:calc(8 * var(--mathflat-rem)); font-size:calc(12 * var(--mathflat-rem)); line-height:1.5; opacity:.75; }
#wf-main-4 .main-bank__picture { background-color:#3748d8; }
.ax-case-detail { padding:40px; color:var(--ax-mf-text-primary); }
.ax-case-detail img { display:block; width:100%; border-radius:var(--ax-mf-card-radius); }
.ax-case-detail h2 { margin:32px 0 20px; font-size:clamp(26px,3vw,40px); line-height:1.4; font-weight:700; }
.ax-case-detail p { margin:16px 0; font-size:17px; line-height:1.8; }
.ax-case-detail small { display:block; margin-top:20px; color:var(--ax-mf-text-muted); font-size:13px; line-height:1.6; }
@media(max-width:1200px) and (min-width:541px) {
  #wf-main-4 .ax-case-copy { left:calc(30 * var(--mathflat-rem)); bottom:calc(30 * var(--mathflat-rem)); }
  #wf-main-4 .ax-case-title { font-size:calc(32 * var(--mathflat-rem)); }
}
@media(max-width:540px) {
  #wf-main-4 .main-bank__picture { background-size:auto 68%; background-position:80% 0; background-repeat:no-repeat; }
  #wf-main-4 .main-bank__bg--mobile::after { content:''; position:absolute; inset:42% 0 0; background:linear-gradient(to bottom,transparent,#3445cf 45%,#3445cf); }
  #wf-main-4 .ax-case-copy { left:calc(24 * var(--mathflat-rem)); bottom:calc(34 * var(--mathflat-rem)); width:calc(100% - 48 * var(--mathflat-rem)); }
  #wf-main-4 .ax-case-category { font-size:calc(14 * var(--mathflat-rem)); margin-bottom:calc(10 * var(--mathflat-rem)); }
  #wf-main-4 .ax-case-title { font-size:calc(26 * var(--mathflat-rem)); }
  #wf-main-4 .ax-case-meta { font-size:calc(13 * var(--mathflat-rem)); margin-top:calc(12 * var(--mathflat-rem)); }
  #wf-main-4 .ax-case-note { font-size:calc(10 * var(--mathflat-rem)); max-width:80%; }
  #wf-main-4 .main-bank__more { bottom:calc(16 * var(--mathflat-rem)); }
  .ax-case-detail { padding:24px 20px; }
  .ax-case-detail p { font-size:15px; }
}




/* 같은 뷰포트 좌표의 별과 빛을 두 배경에 공유한다. 내용은 움직이지 않는다. */
:is(#wf-main-3.ax-space-approach,#wf-main-4)[data-ax-ds="mathflat"] .mathflat-home-reference{position:relative;isolation:isolate;background-color:color-mix(in srgb,#fff,var(--ax-mf-concept-night) var(--space-dark,0%));background-image:none}
:is(#wf-main-3.ax-space-approach,#wf-main-4) .mathflat-home-reference::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(ellipse at 50% 40%,var(--ax-mf-concept-halo),transparent 65%),var(--ax-mf-concept-stars);background-attachment:fixed;opacity:var(--space-stars,0)}
#wf-main-4[data-ax-ds="mathflat"] .main-section__title,
#wf-main-4[data-ax-ds="mathflat"] .main-section__title .jt-typo--02{color:color-mix(in srgb,#111,var(--ax-mf-concept-night-text) var(--space-dark,0%))}
#wf-main-4[data-ax-ds="mathflat"] .main-section__desc{color:color-mix(in srgb,#465369,var(--ax-mf-concept-night-muted) var(--space-dark,0%))}

/* 우주 구간의 끝과 다음 흰색 섹션을 같은 속도로 밝힌다. */
#wf-main-5[data-ax-ds="mathflat"] .aimhigh-solution-reference,
#wf-main-5[data-ax-ds="mathflat"] .aimhigh-solution-reference .fifth_section,
#wf-main-5[data-ax-ds="mathflat"] .aimhigh-solution-reference .fifth_section .sticky_content,
#wf-main-6[data-ax-ds="mathflat"] .main__sns__section.main__contents__wr{background-color:color-mix(in srgb,#fff,var(--ax-mf-concept-night) var(--exit-dark,0%));background-image:none}
#wf-main-5 .sticky_content,
#wf-main-6 .main__sns__section{isolation:isolate}
#wf-main-5 .sticky_content::before,
#wf-main-6 .main__sns__section::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(ellipse at 50% 40%,var(--ax-mf-concept-halo),transparent 65%),var(--ax-mf-concept-stars);background-attachment:fixed;opacity:var(--exit-stars,0)}
#wf-main-5[data-ax-ds="mathflat"] .content_box :is(h3 p,.info_wrap .type,.info_wrap .title),
#wf-main-6[data-ax-ds="mathflat"] .main__sns__title{color:color-mix(in srgb,#111,var(--ax-mf-concept-night-text) var(--exit-dark,0%))}
#wf-main-5[data-ax-ds="mathflat"] .content_box :is(.sub_txt span,.info_wrap .description){color:color-mix(in srgb,#465369,var(--ax-mf-concept-night-muted) var(--exit-dark,0%))}
