/* A solid foreground section travels over the pinned first scene. */
html{scroll-behavior:smooth;scroll-padding-top:0}
.hero{position:sticky;top:0;z-index:1;isolation:isolate}
h1{font-weight:1000;transform:scaleY(1.04);transform-origin:left top}
.story,.section-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:170px;min-height:48px;padding:12px 24px;border:1px solid #246bff;border-radius:100px;background:#ffffffa6;color:#155be8;font-size:12px;font-weight:800;letter-spacing:.6px;transition:background .25s,color .25s,transform .25s}
.story:hover,.section-button:hover{background:#246bff;color:#fff;transform:translateY(-2px)}
.story span,.section-button span{font-size:23px;line-height:1}
.about-section{position:relative;z-index:10;min-height:100svh;overflow:hidden;background:#f5f9ff;box-shadow:0 -35px 100px #173e6d14;isolation:isolate}
.about-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% center;transform:scale(1.025);will-change:transform}
.about-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8fbfff5 0%,#f8fbfff2 23%,#f8fbffb3 38%,transparent 57%)}
.about-content{position:relative;width:48%;padding:clamp(100px,15vh,190px) 0 110px;margin-left:7%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.about-kicker{font-size:11px;letter-spacing:2.8px;color:#5378aa;font-weight:800;margin:0 0 30px}
.about-title{font-family:'Noto Sans KR','DM Sans',sans-serif;font-size:clamp(44px,4.5vw,76px);line-height:1.17;font-weight:900;letter-spacing:-.065em;margin:0 0 34px;transform:scaleY(1.06);transform-origin:left center;color:#061a40;word-break:keep-all}
.about-title span{color:#246bff}
.about-description{font-size:clamp(14px,1.13vw,18px);line-height:1.9;color:#395276;font-weight:500;letter-spacing:-.035em;margin:0 0 32px;word-break:keep-all}
.section-number{position:absolute;bottom:34px;right:5%;color:#4a6d9e;font-size:9px;font-weight:600;letter-spacing:2px}
.about-content>*{opacity:0;translate:0 26px;transition:opacity .85s ease,translate .85s cubic-bezier(.16,1,.3,1)}
.about-section.is-visible .about-content>*{opacity:1;translate:0 0}.about-content>:nth-child(2){transition-delay:.07s}.about-content>:nth-child(3){transition-delay:.14s}.about-content>:nth-child(4){transition-delay:.21s}
@media(min-width:1500px){.about-section::before{background:linear-gradient(90deg,#f8fbfff5,#f8fbffe8 25%,#f8fbff55 43%,transparent 56%)}}
@media(max-width:900px){.about-title{font-size:45px}.about-content{width:50%;margin-left:6%}.about-description{font-size:13px}.about-art{object-position:58% center}.about-section::before{background:linear-gradient(90deg,#f8fbfff5,#f8fbffdf 35%,#f8fbff20 70%)}}
@media(max-width:680px){.about-section{min-height:1080px;min-height:max(1080px,125svh)}.about-content{width:88%;margin-left:7%;padding:90px 0 0;min-height:0}.about-title{font-size:clamp(39px,10.8vw,60px);line-height:1.22}.about-kicker{margin-bottom:25px;font-size:9px}.about-description{font-size:14px;line-height:1.9}.about-art{top:auto;bottom:0;height:60%;object-position:64% center}.about-section::before{background:linear-gradient(180deg,#f8fbff 0%,#f8fbff 36%,#f8fbffeb 44%,#f8fbff00 65%)}.section-button,.story{min-height:46px;font-size:11px}.section-number{bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-content>*{opacity:1;translate:none;transition:none}.about-art{transform:none;will-change:auto}}
@media(min-width:901px){.about-title{font-size:clamp(48px,5.3vw,88px)}}