@font-face{font-family:StoryPretendard;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.story-page{margin:0;background:#f4f6f8;color:#152d43;font-family:StoryPretendard,sans-serif;line-height:1.7}
.story-page *,.story-teaser *{box-sizing:border-box}.story-page a,.story-teaser a{text-decoration:none}.story-page h1,.story-page h2,.story-page h3,.story-teaser h2,.story-teaser h3{word-break:keep-all;letter-spacing:-.045em;line-height:1.25}
.st-nav{background:#091e32;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px max(24px,calc((100vw - 1160px)/2));flex-wrap:wrap}.st-brand{font-size:25px;font-weight:850;color:#fff;letter-spacing:-1px}.st-brand span{color:#ee7287}.st-nav nav{display:flex;gap:26px;align-items:center;font-size:14px}.st-nav a{color:#e1ebf5}.st-nav a[aria-current]{color:#b9df92}.st-nav .st-contact{border:1px solid #53667a;border-radius:8px;padding:8px 13px}
.st-wrap{max-width:1160px;margin:auto;padding:0 24px}.st-hero{background:#091e32;color:#fff;padding:70px 0 78px;position:relative;overflow:hidden}.st-hero:before{content:'';position:absolute;width:540px;height:540px;right:-140px;top:-240px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.st-kicker{font-size:12px;font-weight:750;letter-spacing:.13em;color:#9ebce0;margin:0 0 20px}.st-hero h1{font-size:clamp(34px,4.7vw,60px);margin:0 0 24px;max-width:920px}.st-hero .st-lead{color:#c5d3e1;font-size:17px;max-width:670px;margin:0}.st-crumb{display:inline-block;color:#afc5d9;font-size:13px;margin-bottom:35px}
.st-note{font-size:12px;color:#6a7e90;line-height:1.7}.st-hero .st-note{color:#96afc5;margin:24px 0 0}.st-index{padding:56px 0 72px}.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.st-card{color:#152d43;background:#fff;border:1px solid #dde5ec;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.st-card:hover{transform:translateY(-4px);border-color:#6d94bb}.st-card-visual{height:145px;position:relative;background:#102c46;padding:23px;overflow:hidden;color:white}.st-card-visual .st-clock{font-size:44px;font-weight:650;letter-spacing:-.06em;color:#d9e7f5}.st-card-visual .st-moment{font-size:12px;color:#a3bad0;display:block}.st-card-visual .st-line{position:absolute;width:120px;height:120px;border:1px solid #51718e;border-radius:50%;right:-20px;bottom:-40px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03}.st-card:nth-child(2) .st-card-visual{background:#183b4b}.st-card:nth-child(3) .st-card-visual{background:#2c3348}.st-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.st-tag{font-size:11px;font-weight:750;letter-spacing:.05em;color:#4d7292;margin:0 0 13px}.st-card h3{font-size:25px;margin:0 0 14px}.st-card-desc{font-size:14px;color:#637689;margin:0 0 24px}.st-read{border-top:1px solid #e8edf2;padding-top:16px;margin-top:auto;font-size:13px;font-weight:700;display:flex;justify-content:space-between}
.st-main{padding:64px 0}.st-opening{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:65px}.st-time{font-size:12px;font-weight:750;color:#507a9b;letter-spacing:.1em}.st-opening blockquote{margin:18px 0 20px;font-size:clamp(24px,2.7vw,34px);font-weight:750;line-height:1.5;letter-spacing:-.04em;word-break:keep-all}.st-main p{word-break:keep-all}.st-scene{font-size:16px;color:#536b80;margin:0}.st-turn{border-left:2px solid #c3d2e0;padding-left:30px}.st-turn h2{font-size:26px;margin:0 0 19px}.st-turn p{color:#5b7084;font-size:15px}
.st-solution{border-radius:20px;overflow:hidden;border:1px solid #dce5ec;background:#fff;margin-bottom:52px}.st-solution-copy{padding:32px 38px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.st-solution-copy h2{font-size:30px;margin:9px 0 0}.st-solution-copy p{margin:0;color:#577085;font-size:15px}.st-label{display:inline-block;color:#47799f;font-size:11px;font-weight:750;letter-spacing:.1em}.st-screen{margin:0;background:#e8eef3;padding:24px}.st-screen a{display:block;cursor:zoom-in}.st-screen img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #cad7e1}.st-screen figcaption{font-size:12px;color:#607689;margin-top:12px}
.st-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 38px 30px}.st-tasks div{padding:22px 18px;border-bottom:1px solid #dce6ed}.st-tasks div+div{border-left:1px solid #e5edf3}.st-tasks b{display:block;font-size:15px}.st-tasks span{font-size:13px;color:#63798c}.st-change{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 60px}.st-change div{padding:26px 28px;background:#e9edf2;border-radius:12px}.st-change div:last-child{background:#e5eee9}.st-change span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#5c7689}.st-change p{font-size:17px;margin:10px 0 0}
.st-end{text-align:center;padding:15px 0 55px}.st-end h2{font-size:clamp(29px,3.3vw,42px);margin:0 0 18px}.st-end p{color:#597083;font-size:15px}.st-button{display:inline-block;background:#102e48;color:#fff;padding:13px 22px;border-radius:8px;font-weight:700;font-size:14px}.st-button:hover{background:#205272}.st-related{border-top:1px solid #d7e2ea;padding:40px 0 65px}.st-related h2{font-size:24px;margin:0 0 22px}.st-related .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-footer{padding:28px 24px;background:#091e32;color:#9fb4c8;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.story-teaser{padding:64px 6vw;background:#edf2f6;font-family:StoryPretendard,Pretendard,sans-serif!important}.st-teaser-head{max-width:1160px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:22px}.story-teaser h2{font-size:clamp(28px,3.2vw,42px);color:#152d43;margin:8px 0 0}.st-all{color:#315e83;font-size:14px;font-weight:700;white-space:nowrap}.story-teaser .st-grid{max-width:1160px;margin:auto}.story-teaser .st-card h3{font-size:23px!important}.story-teaser .st-note{max-width:1160px;margin:20px auto 0}.st-card:focus-visible,.st-button:focus-visible,.st-all:focus-visible{outline:3px solid #367fae;outline-offset:4px}
@media(max-width:760px){.st-nav{padding:15px 20px;gap:12px}.st-brand{font-size:22px}.st-nav nav{gap:15px;font-size:12px;flex-wrap:wrap}.st-nav .st-contact{padding:6px 9px}.st-hero{padding:45px 0 50px}.st-grid{grid-template-columns:1fr}.st-card-visual{height:120px}.st-opening,.st-solution-copy{grid-template-columns:1fr;gap:28px}.st-wrap{padding:0 20px}.st-main{padding:40px 0}.st-opening{margin-bottom:38px}.st-turn{padding-left:20px}.st-solution-copy{padding:25px 22px}.st-screen{padding:12px}.st-tasks{grid-template-columns:1fr;padding:0 22px 22px}.st-tasks div{padding:15px 0}.st-tasks div+div{border-left:0}.st-change{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.st-related .st-grid{grid-template-columns:1fr}.st-footer{flex-direction:column;gap:8px}.story-teaser{padding:44px 20px}.st-teaser-head{align-items:start;flex-direction:column}.st-end{padding-bottom:35px}.st-crumb{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.st-card{transition:none}.st-card:hover{transform:none}}

.site-header{box-sizing:border-box;z-index:50;position:fixed;top:18px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:58px;padding:6px 20px;border-radius:16px;background:#f9f7f2ed;border:1px solid #102a4d17;box-shadow:0 14px 42px #18325614;backdrop-filter:blur(18px);font-family:StoryPretendard,Pretendard,sans-serif;color:#102a4d}
.site-header a{text-decoration:none;line-height:1.5}.site-header__brand{font-size:21px;font-weight:900;letter-spacing:-.06em;color:#102a4d}.site-header__brand span{color:#e45770}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{font-size:14px;font-weight:700;color:#102a4d;white-space:nowrap}.site-header nav a:hover{color:#35669c}.site-header__contact{justify-self:end;display:inline-flex;align-items:center;gap:14px;background:#102a4d;color:#fff;border-radius:999px;padding:11px 17px;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px #102a4d29}.site-header a:focus-visible{outline:3px solid #3d7cae;outline-offset:4px}.story-page .st-hero{padding-top:142px}
@media(max-width:760px){.site-header{top:10px;left:12px;right:12px;padding:12px 14px;gap:10px;grid-template-columns:1fr auto;border-radius:14px}.site-header__brand{font-size:20px}.site-header__contact{font-size:12px;padding:9px 12px;gap:8px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:25px}.site-header nav a{font-size:13px}.story-page .st-hero{padding-top:138px}}
.hero-motion[data-manual=true] .hero-motion__video{display:block!important}