@layer theme,base,components,utilities,v9;@layer v9{.v9:where(.pg-home) .s-hero .pin{justify-content:safe center}.motion .v9:where(.pg-home) .fig-layers{max-width:min(1000px,calc((100svh - 270px)*1.85))!important}.v9:where(.pg-home) .progchips{display:none}@media(max-width:1000px){.v9:where(.pg-home) .statgrid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.v9:where(.pg-home) .fig-record svg{min-width:900px}.v9:where(.pg-home) .progchips{display:flex!important}.v9:where(.pg-home) .fig-layers{overflow:visible}.v9:where(.pg-home) .fig-layers .tiles,.v9:where(.pg-home) .fig-layers line{display:none}.v9:where(.pg-home) .fig-layers text{transform:translate(-60px)}.v9:where(.pg-home) .fig-layers text[font-size="14"]{transform:translate(-60px,26px)}.v9:where(.pg-home) .fig-layers text[font-size="24"]{font-size:46px}.v9:where(.pg-home) .fig-layers text[font-size="14"]{font-size:30px}.v9:where(.pg-home) .statgrid .cnt{font-size:44px!important}.v9:where(.pg-home) .statgrid{gap:28px 0!important}.v9:where(.pg-home) .statgrid .st{padding:0 14px!important}.v9:where(.pg-home) .s-results .pin>div{padding:16px!important;gap:28px!important}}.v9:where(.pg-home) .cnt{font-family:var(--v9-display)}.v9:where(.pg-home) .blink,.v9:where(.pg-home) .beat{transform-box:fill-box;transform-origin:center}.v9:where(.pg-home) .blink{opacity:0}@media(prefers-reduced-motion:no-preference){.v9:where(.pg-home) .blink{animation:v9-blink 1.6s ease-out infinite}.v9:where(.pg-home) .beat{animation:v9-beat 1.6s ease-in-out infinite}}.v9:where(.pg-home) .hint{display:none}.motion .v9:where(.pg-home) .hint{display:flex}.motion .v9:where(.pg-home) :is(.c1,.c2,.c3,.c4,.c5,.num,.hint,.draw,.r0,.r1,.r2,.r3,.r4,.r5,.r6,.endp,.ll,.lp,.lc,.tiles,.lab1,.lab2,.lab3){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--p, 0) * -1s)}.motion .v9:where(.pg-home) .c1{animation-name:v9-c1}.motion .v9:where(.pg-home) .c2{animation-name:v9-c2}.motion .v9:where(.pg-home) .c3{animation-name:v9-c3}.motion .v9:where(.pg-home) .c4{animation-name:v9-c4}.motion .v9:where(.pg-home) .c5{animation-name:v9-c5}.motion .v9:where(.pg-home) .num{animation-name:v9-num}.v9:where(.pg-home) .tq{opacity:0}.motion .v9:where(.pg-home) :is(.tq,.tm){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--p, 0) * -1s)}.motion .v9:where(.pg-home) .tm{animation-name:v9-num}.motion .v9:where(.pg-home) .tq{animation-name:v9-tq}.motion .v9:where(.pg-home) .hint{animation-name:v9-hint}.motion .v9:where(.pg-home) .draw{animation-name:v9-draw}.motion .v9:where(.pg-home) .r0{animation-name:v9-r0}.motion .v9:where(.pg-home) .r1{animation-name:v9-r1}.motion .v9:where(.pg-home) .r2{animation-name:v9-r2}.motion .v9:where(.pg-home) .r3{animation-name:v9-r3}.motion .v9:where(.pg-home) .r4{animation-name:v9-r4}.motion .v9:where(.pg-home) .r5{animation-name:v9-r5}.motion .v9:where(.pg-home) .r6{animation-name:v9-r6}.motion .v9:where(.pg-home) .endp{animation-name:v9-endp}.motion .v9:where(.pg-home) .ll{animation-name:v9-ll}.motion .v9:where(.pg-home) .lp{animation-name:v9-lp}.motion .v9:where(.pg-home) .lc{animation-name:v9-lc}.motion .v9:where(.pg-home) .tiles{animation-name:v9-tiles}.motion .v9:where(.pg-home) .lab1{animation-name:v9-lab1}.motion .v9:where(.pg-home) .lab2{animation-name:v9-lab2}.motion .v9:where(.pg-home) .lab3{animation-name:v9-lab3}.motion .v9:where(.pg-home) :is(.st1,.st2,.st3,.st4,.stn){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--p, 0) * -1s)}.motion .v9:where(.pg-home) .st1{animation-name:v9-st1}.motion .v9:where(.pg-home) .st2{animation-name:v9-st2}.motion .v9:where(.pg-home) .st3{animation-name:v9-st3}.motion .v9:where(.pg-home) .st4{animation-name:v9-st4}.motion .v9:where(.pg-home) .stn{animation-name:v9-stn}}@keyframes v9-blink{0%{transform:scale(1);opacity:.6}to{transform:scale(2.8);opacity:0}}@keyframes v9-beat{0%,to{transform:scale(1)}40%{transform:scale(1.28)}}@keyframes v9-draw{0%,4%{stroke-dashoffset:1000}64%,to{stroke-dashoffset:0}}@keyframes v9-r0{0%,4%{opacity:0;transform:translateY(18px)}12%,to{opacity:1;transform:none}}@keyframes v9-r1{0%,13%{opacity:0;transform:translateY(18px)}21%,to{opacity:1;transform:none}}@keyframes v9-r2{0%,22%{opacity:0;transform:translateY(18px)}30%,to{opacity:1;transform:none}}@keyframes v9-r3{0%,31%{opacity:0;transform:translateY(18px)}39%,to{opacity:1;transform:none}}@keyframes v9-r4{0%,40%{opacity:0;transform:translateY(18px)}48%,to{opacity:1;transform:none}}@keyframes v9-r5{0%,49%{opacity:0;transform:translateY(18px)}57%,to{opacity:1;transform:none}}@keyframes v9-r6{0%,58%{opacity:0;transform:translateY(18px)}66%,to{opacity:1;transform:none}}@keyframes v9-endp{0%,68%{opacity:0;transform:translateY(12px)}80%,to{opacity:1;transform:none}}@keyframes v9-ll{0%{opacity:0;transform:translateY(60px)}22%,to{opacity:1;transform:none}}@keyframes v9-lp{0%,14%{opacity:0;transform:translateY(-90px)}40%,to{opacity:1;transform:none}}@keyframes v9-lc{0%,34%{opacity:0;transform:translateY(-150px)}62%,to{opacity:1;transform:none}}@keyframes v9-tiles{0%,44%{opacity:0;transform:translateY(-36px)}58%,to{opacity:1;transform:none}}@keyframes v9-lab1{0%,62%{opacity:0}72%,to{opacity:1}}@keyframes v9-lab2{0%,40%{opacity:0}50%,to{opacity:1}}@keyframes v9-lab3{0%,16%{opacity:0}26%,to{opacity:1}}@keyframes v9-st1{0%,4%{opacity:0;transform:translateY(48px);border-left-color:transparent}22%,to{opacity:1;transform:none;border-left-color:var(--v9-rule)}}@keyframes v9-st2{0%,18%{opacity:0;transform:translateY(48px);border-left-color:transparent}36%,to{opacity:1;transform:none;border-left-color:var(--v9-rule)}}@keyframes v9-st3{0%,32%{opacity:0;transform:translateY(48px);border-left-color:transparent}50%,to{opacity:1;transform:none;border-left-color:var(--v9-rule)}}@keyframes v9-st4{0%,46%{opacity:0;transform:translateY(48px);border-left-color:transparent}64%,to{opacity:1;transform:none;border-left-color:var(--v9-rule)}}@keyframes v9-stn{0%,66%{opacity:0}78%,to{opacity:1}}.v9:where(.pg-home) .x-text{display:inline-flex;align-items:center;gap:8px}.v9:where(.pg-home) .record-box{max-width:1200px;margin:0 auto;padding:40px 32px;gap:48px}.v9:where(.pg-home) .record-title{margin:0;max-width:1040px;text-align:center;font-weight:400;font-size:46px;line-height:1.2;letter-spacing:-.025em;color:var(--v9-ink);text-wrap:balance}.v9:where(.pg-home) .record-path{stroke-dasharray:1000}.v9:where(.pg-home) .record-caption{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:18px;font-size:14px;color:#333}.v9:where(.pg-home) .record-text{width:18px;height:8px;border-radius:999px;background:#a9c4e8}.v9:where(.pg-home) .record-text2{width:18px;height:8px;border-radius:999px;background:var(--v9-yellow)}.v9:where(.pg-home) .record-text3{width:18px;height:8px;border-radius:999px;background:#b9dcc6}.v9:where(.pg-home) .record-text4{width:14px;height:14px;border-radius:999px;background:var(--v9-yellow);box-shadow:0 0 0 4px #fcff0059}.v9:where(.pg-home) .record-body{margin:-8px 0 0;font-size:13px;color:var(--v9-mute);align-items:center;gap:6px}.v9:where(.pg-home) .layers-box{max-width:1200px;margin:0 auto;padding:40px 32px;gap:32px}.v9:where(.pg-home) .layers-title{margin:0;text-align:center;font-weight:400;font-size:46px;line-height:1.2;letter-spacing:-.025em;color:var(--v9-ink)}.v9:where(.pg-home) .layers-box2{flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px}.v9:where(.pg-home) .layers-text{font-size:14px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--v9-line)}.v9:where(.pg-home) .results-section{color:var(--v9-ink);border-top:1px solid var(--v9-line)}.v9:where(.pg-home) .results-box{display:flex;align-items:center}.v9:where(.pg-home) .results-box2{max-width:1200px;margin:0 auto;padding:120px 32px 96px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:64px}.v9:where(.pg-home) .results-box3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px 0}.v9:where(.pg-home) .results-box4{display:flex;flex-direction:column;gap:10px;padding:0 28px;border-left:1px solid var(--v9-rule)}.v9:where(.pg-home) .results-text{font-size:68px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.v9:where(.pg-home) .results-body{margin:0;font-size:12px;line-height:1.6;color:var(--v9-mute);max-width:70em}@keyframes v9-c1{0%,10%{transform:translate(calc((100cqw - 380px)*-.44),6px) rotate(-7deg)}56%,to{transform:none}}@keyframes v9-c2{0%,12%{transform:translate(calc((100cqw - 380px)*.48),-28px) rotate(6deg)}58%,to{transform:none}}@keyframes v9-c3{0%,14%{transform:translate(calc((100cqw - 380px)/-2),-2px) rotate(4deg)}60%,to{transform:none}}@keyframes v9-c4{0%,16%{transform:translate(calc((100cqw - 380px)*.48),24px) rotate(-5deg)}62%,to{transform:none}}@keyframes v9-c5{0%,18%{transform:translate(calc((100cqw - 380px)*-.365),-20px) rotate(8deg)}64%,to{transform:none}}@keyframes v9-num{0%,60%{opacity:0}74%,to{opacity:1}}@keyframes v9-tq{0%,62%{opacity:1}72%,to{opacity:0}}@keyframes v9-hint{0%{opacity:1}10%,to{opacity:0}}@keyframes v9-record-pan{0%,6%{transform:none}66%,to{transform:translate(calc(100cqw - 900px))}}.v9:where(.pg-home) .s-hero{--span: 1000px}.v9:where(.pg-home) .s-record{--span: 1200px}.v9:where(.pg-home) .s-layers{--span: 950px}.v9:where(.pg-home) .s-results{--span: 800px}.v9:where(.pg-home) .s-testi{--span: 1500px}.v9:where(.pg-home) .hero-box{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:40px 32px;gap:clamp(12px,2.6vh,24px);text-align:center}.v9:where(.pg-home) .hero-title{margin:0;font-size:clamp(36px,min(8vh,5.6vw),72px);font-weight:400;line-height:1.1;letter-spacing:-.035em;text-wrap:balance;color:var(--v9-ink)}.v9:where(.pg-home):lang(ko) .hero-title{font-size:clamp(34px,min(7.4vh,5.2vw),66px);line-height:1.16;letter-spacing:-.03em}.v9:where(.pg-home) .hero-figure{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px);width:100%;max-width:900px;margin:clamp(2px,1vh,10px) 0 0;container-type:inline-size}.v9:where(.pg-home) .hero-today{margin:0;font-size:13px;letter-spacing:.02em;color:var(--v9-mute)}.v9:where(.pg-home) .hero-list{--chip-h: clamp(46px, 7.4vh, 56px);--chip-gap: clamp(5px, 1vh, 8px);--row: calc(var(--chip-h) + var(--chip-gap));display:flex;flex-direction:column;gap:var(--chip-gap);width:min(380px,100%);margin:0;padding:0;list-style:none}.v9:where(.pg-home) .hero-chip{box-sizing:border-box;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;height:var(--chip-h);padding:0 14px 0 22px;border-radius:999px;box-shadow:0 12px 18px -4px var(--v9-rule);text-align:start;color:var(--v9-ink)}.motion .v9:where(.pg-home) .hero-chip{will-change:transform}.v9:where(.pg-home) .is-school{background:#a9c4e8}.v9:where(.pg-home) .is-yeon{background:var(--v9-yellow)}.v9:where(.pg-home) .is-personal{background:#b9dcc6}.v9:where(.pg-home) .chip-time{position:relative;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.v9:where(.pg-home) .chip-time .tq{position:absolute;inset-inline-start:0;color:#26262599}.v9:where(.pg-home) .chip-main{display:flex;flex-direction:column;min-width:0;padding-inline-start:14px;border-inline-start:1px solid rgba(38,38,37,.18);line-height:1.25}.v9:where(.pg-home) .chip-title{font-size:15px}.v9:where(.pg-home) .chip-meta{font-size:12px;color:#262625c7}.v9:where(.pg-home) .chip-rank{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--v9-ink);font-size:13px;font-variant-numeric:tabular-nums;color:#fff}.v9:where(.pg-home) .hero-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;font-size:14px;color:#333}.v9:where(.pg-home) .hero-legend-item{display:inline-flex;align-items:center;gap:8px}.v9:where(.pg-home) .hero-dot{width:10px;height:10px;border-radius:999px}.v9:where(.pg-home) .hero-hint{flex-direction:column;align-items:center;gap:2px;font-size:13px;letter-spacing:.08em;color:var(--v9-mute)}.v9:where(.pg-home) .record-box,.v9:where(.pg-home) .layers-box{gap:clamp(16px,3.6vh,40px)}.v9:where(.pg-home) .record-title,.v9:where(.pg-home) .layers-title,.v9:where(.pg-home) .sec-title{font-size:clamp(28px,min(5.8vh,4.6vw),46px);text-wrap:balance}.motion .v9:where(.pg-home) .fig-record{max-width:min(1000px,calc((100svh - 270px)*2.33))}.motion .v9:where(.pg-home) .tcards{height:clamp(280px,50vh,400px)}.v9:where(.pg-home) .quote-card{padding:clamp(28px,5.2vh,48px)}.v9:where(.pg-home) .quote-text{font-size:clamp(20px,3.6vh,28px)}@media(max-height:779px){.v9:where(.pg-home) .hero-hint{display:none!important}}@media(max-width:640px){.v9:where(.pg-home) .hero-box{padding-inline:16px}.v9:where(.pg-home) .hero-title{font-size:clamp(30px,9vw,38px)}.v9:where(.pg-home):lang(ko) .hero-title{font-size:clamp(30px,8.8vw,36px)}.motion .v9:where(.pg-home) .tcards{height:clamp(300px,54svh,420px)}.motion .v9:where(.pg-home) .fig-record{overflow:hidden;max-width:100%;container-type:inline-size}.motion .v9:where(.pg-home) .fig-record svg{animation:v9-record-pan 1s linear both paused;animation-delay:calc(var(--p, 0) * -1s)}}@keyframes v9-c1-phone{0%,10%{transform:translate(5cqw,calc(var(--row) * 2)) rotate(3deg)}56%,to{transform:none}}@keyframes v9-c2-phone{0%,12%{transform:translate(-6cqw,calc(var(--row) * -1)) rotate(-4deg)}58%,to{transform:none}}@keyframes v9-c3-phone{0%,14%{transform:translate(6cqw,calc(var(--row) * 1)) rotate(-2deg)}60%,to{transform:none}}@keyframes v9-c4-phone{0%,16%{transform:translate(-5cqw,calc(var(--row) * -2)) rotate(3deg)}62%,to{transform:none}}@keyframes v9-c5-phone{0%,18%{transform:translate(4cqw,calc(var(--row) * 0)) rotate(-3deg)}64%,to{transform:none}}@layer v9{@media(max-width:640px){.motion .v9:where(.pg-home) .c1{animation-name:v9-c1-phone}.motion .v9:where(.pg-home) .c2{animation-name:v9-c2-phone}.motion .v9:where(.pg-home) .c3{animation-name:v9-c3-phone}.motion .v9:where(.pg-home) .c4{animation-name:v9-c4-phone}.motion .v9:where(.pg-home) .c5{animation-name:v9-c5-phone}.motion .v9:where(.pg-home) .swipehint{display:none!important}}}@layer v9{@media(max-width:640px){.motion .v9:where(.pg-home) .tcards{height:420px}}.motion .v9:where(.pg-home) .story{height:calc(100svh + var(--span, 900px))}.motion .v9:where(.pg-home) .story.unpin{height:auto!important;min-height:0!important}.motion .v9:where(.pg-home) .story.unpin .pin{position:relative!important;height:auto!important;overflow:visible!important;padding-block:96px!important}.motion .v9:where(.pg-home) .pin{position:sticky;top:0;box-sizing:border-box;height:100svh;padding-block:calc(var(--v9-nav-h) + 16px) 20px!important;overflow:hidden}.motion .v9:where(.pg-home) .tcards{display:block;position:relative;max-width:820px;height:400px}.motion .v9:where(.pg-home) .tcard{position:absolute;inset:0}.motion .v9:where(.pg-home) .tdots{display:flex}.motion .v9:where(.pg-home) :is(.t1,.t2,.t3,.t4,.d1,.d2,.d3,.d4){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--p, 0) * -1s)}.motion .v9:where(.pg-home) .t1{animation-name:v9-t1}.motion .v9:where(.pg-home) .t2{animation-name:v9-t2}.motion .v9:where(.pg-home) .t3{animation-name:v9-t3}.motion .v9:where(.pg-home) .t4{animation-name:v9-t4}.motion .v9:where(.pg-home) .d1{animation-name:v9-d1}.motion .v9:where(.pg-home) .d2{animation-name:v9-d2}.motion .v9:where(.pg-home) .d3{animation-name:v9-d3}.motion .v9:where(.pg-home) .d4{animation-name:v9-d4}}@keyframes v9-t1{0%,20%{opacity:1;transform:none;visibility:visible}27%,to{opacity:0;transform:translateY(-40px) scale(.97);visibility:hidden}}@keyframes v9-t2{0%,22%{opacity:0;transform:translateY(60px);visibility:hidden}29%,45%{opacity:1;transform:none;visibility:visible}52%,to{opacity:0;transform:translateY(-40px) scale(.97);visibility:hidden}}@keyframes v9-t3{0%,47%{opacity:0;transform:translateY(60px);visibility:hidden}54%,70%{opacity:1;transform:none;visibility:visible}77%,to{opacity:0;transform:translateY(-40px) scale(.97);visibility:hidden}}@keyframes v9-t4{0%,72%{opacity:0;transform:translateY(60px);visibility:hidden}79%,to{opacity:1;transform:none;visibility:visible}}@keyframes v9-d1{0%,23%{background:var(--v9-ink);width:28px}25%,to{background:#c9c9c4;width:8px}}@keyframes v9-d2{0%,23%{background:#c9c9c4;width:8px}25%,48%{background:var(--v9-ink);width:28px}50%,to{background:#c9c9c4;width:8px}}@keyframes v9-d3{0%,48%{background:#c9c9c4;width:8px}50%,73%{background:var(--v9-ink);width:28px}75%,to{background:#c9c9c4;width:8px}}@keyframes v9-d4{0%,73%{background:#c9c9c4;width:8px}75%,to{background:var(--v9-ink);width:28px}}.motion .v9:where(.pg-home){margin-top:calc(var(--v9-nav-h) * -1)}.v9.is-measuring .pin *{animation:none!important;transform:none!important}
