:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f3f3;--paper:var(--bg);--ink:#0a0a0a;--mut:#6b6b66;--hair:#d6d6d0;--main:#c3dca8;--grot:"Archivo", "Gothic A1", sans-serif;--pad:3.125vw}*{box-sizing:border-box}*,:before,:after{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}input,textarea{-webkit-user-select:text;user-select:text}body{background:var(--paper);color:var(--ink);font-family:var(--grot);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.layer{background:var(--paper);position:fixed;inset:0;overflow:hidden}:root{--cursorEase:.21;--cursor:#232323;--cursorDark:var(--main);--cursorFade:.35s}html.hascursor,html.hascursor *{cursor:none!important}#cursor{z-index:999;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;top:0;left:0}#cursor.in{opacity:1}#cursor i{will-change:transform;width:0;height:0;display:block;position:absolute;top:0;left:0}#cursor .ring:before{content:"";border:1px solid var(--cursor);opacity:.75;width:28px;height:28px;transition:transform .25s cubic-bezier(.2, .7, .3, 1), opacity .25s, border-color var(--cursorFade);border-radius:50%;position:absolute;top:-14px;left:-14px}#cursor .dot:before{content:"";background:var(--cursor);width:5px;height:5px;transition:transform .25s cubic-bezier(.2, .7, .3, 1), background-color var(--cursorFade);border-radius:50%;position:absolute;top:-2.5px;left:-2.5px}#cursor.hot .ring:before{opacity:.9;transform:scale(1.7)}#cursor .ring:after{content:"CLICK";opacity:0;font:500 10px/1 var(--grot);letter-spacing:.08em;color:var(--cursor);white-space:nowrap;transition:transform .25s cubic-bezier(.2, .7, .3, 1), opacity .2s, color var(--cursorFade);position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}#cursor.click .ring:before{transform:scale(2.2)}#cursor.click .ring:after{opacity:1;transform:translate(-50%,-50%)}#cursor.click.down .ring:after{transform:translate(-50%,-50%)scale(.6)}#cursor.hot .dot:before{transform:scale(0)}#cursor.down .ring:before{opacity:1;transform:scale(.7)}#cursor.down .dot:before{transform:scale(1.6)}#cursor.dark .ring:before{border-color:var(--cursorDark)}#cursor.dark .dot:before{background:var(--cursorDark)}#cursor.dark .ring:after{color:var(--cursorDark)}#cursor.ink .ring:before{border-color:#0c0c0c}#cursor.ink .dot:before{background:#0c0c0c}#cursor.ink .ring:after{color:#0c0c0c}@media (pointer:coarse){#cursor{display:none}}#s1stage{transform-origin:0 0;will-change:transform;clip-path:inset(60px);--s1step:.5s;--s1stepEase:cubic-bezier(.5, 0, .5, 1);--s1bodyEase:cubic-bezier(.75, 0, .25, 1);--s1orkDraw:1.8s;--s1flowGap:10;--s1flowMin:40;--s1reflow:1;--s1wrap:.35;width:1920px;position:absolute;top:0;left:0}#s1stage img{display:block;position:absolute}#s1grid{fill:#dfdfdf;width:1800px;height:calc(100% - 120px);position:absolute;top:60px;left:60px;overflow:hidden}#s1grid .bd{fill:none;stroke:#dfdfdf}#s1stage{--s1boxIn:.6s;--s1boxEase:cubic-bezier(.45, 0, .55, 1);--s1boxDamp:.7;--s1boxHint:.18s}#s1box{z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#d9d9d9;width:284px;height:236px;display:none;position:absolute;bottom:60px;left:60px;overflow:hidden}#s1box.on{display:block}#s1box.grab{cursor:grabbing}#s1drag{z-index:1;pointer-events:none;font-family:"Chillax", var(--grot);letter-spacing:-.64px;color:#fff;white-space:nowrap;transition:opacity .2s, color var(--s1shotSlide,.9s);align-items:center;gap:10px;font-size:32px;font-weight:500;line-height:26px;display:flex;position:absolute;top:20px;right:20px}#s1drag svg{fill:none;stroke:currentColor;stroke-width:3px;width:21.0607px;height:21.0607px;margin:0 0 -1.06px -1.06px}#s1drag.gone{opacity:0}#s1stage{--s1cueFade:.3s;--s1cueBlink:1.6s;--s1cueLow:.15}#s1cue{z-index:1;pointer-events:none;opacity:0;color:#fff;height:26px;font-family:var(--grot);white-space:nowrap;transition:opacity var(--s1cueFade), color var(--s1shotSlide,.9s);align-items:center;font-size:18px;font-weight:500;display:flex;position:absolute;top:20px;left:20px}#s1box.roomy:not(.seen) #s1cue{opacity:1;animation:s1cueBlink var(--s1cueBlink) ease-in-out infinite}@keyframes s1cueBlink{0%,to{opacity:1}50%{opacity:var(--s1cueLow)}}#s1box img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;filter:grayscale(var(--s1shotGray,1));position:absolute;top:0;left:0}#s1stage{--s1shotSlide:.9s;--s1shotEase:cubic-bezier(.3, .1, .2, 1);--s1shotBack:.3;--s1lineOut:2.4s;--s1lineGap:2s;--s1lineIn:2.4s;--s1lineEase:cubic-bezier(.5, .2, .5, .8);--s1about:1.2s;--s1aboutHold:.8s;--s1aboutEase:cubic-bezier(.5, .2, .5, .8)}#s1about,#s1stage img#s1me{will-change:transform;display:none;position:absolute;top:60px;left:60px}#s1about.on,#s1stage img#s1me.on{display:block}#s1stage img#s1me{clip-path:inset(0 0 0 62%)}#s1stage{--s1sloganRun:1.4s;--s1sloganType:60ms}#s1slogan{pointer-events:none;font-family:"Chillax", var(--grot);color:#0c0c0c;white-space:pre;margin:0;font-weight:500;line-height:1;display:none;position:absolute;top:0;left:0}#s1slogan.on{display:block}#s1slogan i{vertical-align:baseline;visibility:hidden;background:#0c0c0c;width:.055em;margin-left:.04em;display:inline-block}#s1slogan i.on{visibility:visible}#s1stage{--s1endHold:.5s;--s1endFold:1.6s;--s1endEase:cubic-bezier(.6, 0, .3, 1);--s1endPop:70ms}#s1end{width:1800px;font-family:"Archivo", var(--grot);color:#232323;display:none;position:absolute;left:60px}#s1end.on{display:block}#s1end .w,#s1end .links a,#s1end .links button{visibility:hidden}#s1end .on,#s1end .links .on{visibility:visible}#s1end p{white-space:nowrap;margin:0;position:absolute}#s1end .bye{font-family:"Chillax", var(--grot);letter-spacing:-.02em;color:#0c0c0c;font-size:48px;font-weight:500;line-height:1;bottom:16px;left:20px}#s1end .links{gap:40px;display:flex;bottom:20px;right:20px}#s1end a,#s1end button{font:inherit;color:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;text-decoration:none;transition:color .25s;display:flex}#s1end .links a,#s1end .links button{margin:-20px;padding:20px}#s1end svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:11px;height:11px;transition:transform .25s cubic-bezier(.2,.7,.3,1)}#s1end .top svg{transform:rotate(-45deg)}#s1end a:hover,#s1end button:hover{color:#738b5b}#s1end a:hover svg{transform:translate(2px,-2px)}#s1end .top:hover svg{transform:rotate(-45deg)translate(2px,-2px)}#s1end .links .mail.act{color:#738b5b}#s1end .links .mail.act svg{transform:rotate(90deg)}#s1end .links .mail:not(.act) svg{animation:s1nudgeUp var(--s1scratchNudge,1.1s) cubic-bezier(.5, 0, .5, 1) infinite}@keyframes s1nudgeUp{0%,to{translate:0}50%{translate:var(--s1scratchDist,5px) calc(var(--s1scratchDist,5px) * -1)}}#s1mail{--s1mailLine:.7s;pointer-events:none;grid-template-columns:1fr 1fr;gap:44px 40px;margin:0;display:grid;position:absolute;top:60px;left:20px;right:20px}#s1mail.open{pointer-events:auto}#s1mail .f{padding-bottom:12px;display:block;position:relative}#s1mail .f.msg{grid-column:1/-1}#s1mail .f:before,#s1mail .f:after{content:"";transform-origin:0;background:#dfdfdf;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}#s1mail .f:before{transition:transform var(--s1mailLine) cubic-bezier(.6, 0, .3, 1)}#s1mail.open .f:before{transform:none}#s1mail.open .email:before{transition-delay:.1s}#s1mail.open .msg:before{transition-delay:.2s}#s1mail .f:after{background:#232323;transition:transform .45s cubic-bezier(.6,0,.3,1)}#s1mail .f:focus-within:after{transform:none}#s1mail .f.bad:after{background:#d0443a;transform:none}#s1mail b,#s1mail input,#s1mail textarea,#s1mail .row{visibility:hidden}#s1mail.open b,#s1mail.open input,#s1mail.open textarea,#s1mail.open .row{visibility:visible;transition:visibility 0s linear calc(var(--s1mailLine) * .6)}#s1mail b{font-family:"Archivo", var(--grot);letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a;margin-bottom:14px;font-size:12px;font-weight:500;display:block}#s1mail input,#s1mail textarea{resize:none;width:100%;box-shadow:none;font-family:"Chillax", "Pretendard", var(--grot);color:#0c0c0c;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-size:28px;font-weight:500;line-height:1.3;display:block}#s1mail textarea{height:146px}#s1mail ::placeholder{color:#c5c8c7;opacity:1}#s1mail .trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}#s1end #s1mail .row{grid-column:1/-1;justify-content:space-between;align-items:center;margin:0;display:flex;position:static}#s1mail .status{font-family:"Pretendard", var(--grot);color:#6c6c6c;font-size:15px}#s1mail .status[data-kind=err]{color:#d0443a}#s1mail .status[data-kind=ok]{color:#738b5b}#s1end #s1mail .send{font-size:16px}#s1mail .send:disabled{color:#9a9a9a;cursor:default}#s1mail .send:not(:disabled):hover svg{transform:translate(2px,-2px)}#s1about img{opacity:0;width:100%;height:100%;top:0;left:0}#s1about canvas{touch-action:none;width:100%;position:absolute;left:0}#s1scratch{z-index:1;cursor:pointer;font-family:"Chillax", var(--grot);letter-spacing:-.64px;color:#0c0c0c;white-space:nowrap;align-items:center;gap:10px;font-size:32px;font-weight:500;line-height:26px;display:none;position:absolute;top:0;left:0}#s1scratch.on{display:flex}#s1scratch svg{fill:none;stroke:currentColor;stroke-width:3px;order:-1;width:21.0607px;height:21.0607px;transition:transform .35s cubic-bezier(.2,.7,.3,1);transform:rotate(180deg)}#s1scratch:hover svg,#s1scratch:focus-visible svg{transform:rotate(180deg)translate(4px,-4px)}#s1scratch:focus-visible{outline:2px solid var(--main);outline-offset:4px}#s1stage{--s1scratchNudge:1.1s;--s1scratchDist:5px}#s1scratch.on svg{animation:s1nudge var(--s1scratchNudge) cubic-bezier(.5, 0, .5, 1) infinite}@keyframes s1nudge{0%,to{translate:0}50%{translate:calc(var(--s1scratchDist) * -1) var(--s1scratchDist)}}@media (prefers-reduced-motion:reduce){#s1scratch.on svg{animation:none}}#s1about img:focus-visible,#s1cv .blk:focus-visible{outline:2px solid var(--main);outline-offset:4px}#s1stage{--s1cvErase:.6s;--s1cvDelay:.35s;--s1popStep:45ms;--s1popBar:.35s}#s1cv{pointer-events:none;display:none;position:absolute;inset:0}#s1cv.on{display:block}#s1cv .blk{transform-origin:0 0;pointer-events:auto;cursor:pointer;position:absolute}#s1cv span{visibility:hidden}#s1cv p{white-space:nowrap;font-family:"Pretendard", var(--grot);margin:0;position:absolute}#s1cv .hd{color:#738b5b;font-size:24px;font-weight:600;line-height:29px;left:0}#s1cv .tx{color:#6c6c6c;font-size:16px;font-weight:500;line-height:19px}#s1cv .tx.aw{font-weight:700}#s1cv .bar{background:#fff;width:0;height:6px;position:absolute;left:115px;overflow:hidden}#s1cv .bar div{background:var(--main);width:0;height:100%;position:absolute;top:0;left:0}#s1cv img{width:135px;height:158px;position:absolute;top:0;left:0}#s1yearclip{width:286px;height:25px;position:absolute;top:60px;left:1574px;overflow:hidden}#s1year{width:286px;height:25px;top:0;left:0}#s1laptop{cursor:pointer;z-index:2;transform-origin:100% 100%;width:307px;height:244px;display:block;position:absolute;bottom:314px;left:1553px;overflow:hidden}#s1laptop .shot{position:absolute;inset:0;overflow:hidden;transform:scaleX(-1)}#s1laptop .shot img{width:123.73%;height:129.19%;position:absolute;top:-13.91%;left:-12.74%}#s1laptop .click{width:103.09px;height:31.19px;animation:s1blink var(--s1blink,1.1s) steps(1, end) infinite;position:absolute;top:73px;left:142.19px}#s1laptop .click img{transform-origin:50%;position:absolute;transform:rotate(.59deg)}#s1laptop .click .c1{width:16.09px;height:18.57px;top:0;left:0}#s1laptop .click .l{width:12.76px;height:20.21px;top:1.93px;left:24.25px}#s1laptop .click .i{width:5.23px;height:20.13px;top:3.81px;left:44.31px}#s1laptop .click .c2{width:19.46px;height:21.12px;top:5.61px;left:56.85px}#s1laptop .click .k{width:19.49px;height:23.63px;top:7.56px;left:83.6px}#s1{--lapInDelay:-.35s;--lapIn:.45s;--lapInDamp:.45;--s1introName:.9s;--s1introStep:50ms;--s1introYear:.8s;--s1introYearDelay:.3s;--lapHoverScale:1.06;--lapHoverHz:3;--lapHoverDamp:.4}#s1laptop{scale:calc(var(--lapOut,1) * var(--lapHover,1))}#s1{--lapZoom:.9s;--lapZoomEase:cubic-bezier(.65, 0, .35, 1)}#s1:after{content:"";pointer-events:none;border:calc(3.125vw + 1px) solid #0c0c0c;display:none;position:absolute;inset:0}html.lapzoom #s1:after{clip-path:var(--lapQuad,inset(50%));display:block}html.lapzoom #s1scroll{opacity:0;transition:opacity .25s}@keyframes s1blink{0%,55%{opacity:1}55.01%,to{opacity:0}}#s1laptop .screen{width:153.4px;height:114.3px;position:absolute;top:31.9px;left:119.8px}#s1laptop:hover .click{opacity:1;animation:none}#s1bodyclip{width:585px;height:calc(100% - 120px);position:absolute;top:60px;left:61px;overflow:hidden}#s1body{width:585px;height:100%;font-family:"Pretendard", var(--grot);letter-spacing:-.36px;text-align:justify;word-break:break-word;color:var(--main);clip-path:inset(0 0 100%);margin:0;font-size:18px;font-weight:500;line-height:26px;position:absolute;top:0;left:0}#s1body .ts{will-change:opacity;contain:layout style paint;position:absolute;inset:0}#s1body .ts span{white-space:pre;position:absolute;top:0;left:0}#s1{--s1bodyInk:#bdbdb8}#s1body .ts:not(.hv){color:var(--s1bodyInk)}#s1body .ts:not(.hv) span{transform-origin:0}#s1stage{--s1ripple:.12;--s1rippleInk:#5a5a57;--s1rippleDamp:.965;--s1rippleDrop:.9}#s1body .ts.hv span{transform-origin:0 0}#s1{--s1scrollWait:.6s;--s1scrollIn:.7s;--s1scrollBob:2.6s;--s1scrollSquash:1.2s}#s1scroll{pointer-events:none;justify-content:center;align-items:center;height:3.125vw;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#s1scroll span{transition:transform var(--s1scrollIn) cubic-bezier(.2, .7, .3, 1);display:block;position:relative;transform:translateY(3.2vw)}#s1scroll.on span{transform:none}#s1scroll i{color:#232323;font-style:normal;font-family:var(--grot);letter-spacing:.12em;white-space:nowrap;font-size:.7292vw;font-weight:500;display:block}#s1scroll.on i{animation:s1bob var(--s1scrollBob) var(--s1scrollIn) ease-in-out infinite}#s1scroll.snap,#s1scroll.snap *{transition:none!important;animation-duration:0s!important}@keyframes s1bob{0%,to{transform:none}50%{transform:translateY(-.16vw)}}#s1{--s1navW:22vw}#s1scroll b{width:100%;height:.156vw;transition:transform calc(var(--s1scrollSquash) * .45) cubic-bezier(.2, .7, .3, 1), width .35s cubic-bezier(.4, 0, .3, 1);background:#2323232e;margin-top:-.078vw;position:absolute;top:50%;left:50%;transform:translate(-50%)scaleY(0)}#s1scroll b:before,#s1scroll b:after{content:"";background:#23232373;width:1px;height:.42vw;margin:-.21vw 0 0 -.5px;position:absolute;top:50%;left:33.333%}#s1scroll b:after{left:66.667%}#s1scroll u{background:#232323;width:0;height:100%;text-decoration:none;display:block}#s1scroll.bar i{animation:s1squash var(--s1scrollSquash) cubic-bezier(.4, 0, .3, 1) forwards}#s1scroll.unbar i{animation:s1squash var(--s1scrollSquash) cubic-bezier(.4, 0, .3, 1) reverse}@keyframes s1squash{0%{transform:none}20%{transform:scaleY(1.22)scaleX(.93)}55%{opacity:1}85%{opacity:0}to{opacity:0;transform:scaleY(0)scaleX(1.22)}}#s1scroll.bar b{width:var(--s1navW);transition:transform calc(var(--s1scrollSquash) * .45) cubic-bezier(.2, .7, .3, 1) calc(var(--s1scrollSquash) * .55), width .5s cubic-bezier(.65, 0, .35, 1) calc(var(--s1scrollSquash) * .9);transform:translate(-50%)scaleY(1)}#s1more{z-index:1;pointer-events:none;height:56px;position:absolute;bottom:61px;left:50%;overflow:hidden;transform:translate(-50%)}#s1more>span{padding-top:16px;display:block;transform:translateY(56px)}#s1more.was>span{transition:transform .3s cubic-bezier(.4,0,.6,1)}#s1more.on>span{transition:transform var(--s1scrollIn,.7s) cubic-bezier(.2, .7, .3, 1);transform:none}#s1more i{color:#232323;font-style:normal;font-family:var(--grot);letter-spacing:.12em;white-space:nowrap;font-size:14px;font-weight:500;display:block}#s1more.on i{animation:s1bob var(--s1scrollBob,2.6s) var(--s1scrollIn,.7s) ease-in-out infinite}#s1nav{width:var(--s1navW);visibility:hidden;height:calc(50% - .36vw);position:absolute;top:0;left:50%;transform:translate(-50%)}#s1scroll.bar #s1nav{visibility:visible;transition:visibility 0s calc(var(--s1scrollSquash) * .9 + .5s)}#s1nav button{pointer-events:auto;font-family:var(--grot);letter-spacing:.12em;white-space:nowrap;color:#23232366;background:0 0;border:0;margin:0;padding:.3vw 0 0;font-size:.625vw;font-weight:500;line-height:1;transition:color .2s;position:absolute;bottom:0}#s1nav button:first-child{left:0}#s1nav button:nth-child(2){left:33.333%;transform:translate(-50%)}#s1nav button:nth-child(3){left:66.667%;transform:translate(-50%)}#s1nav button:nth-child(4){right:0}#s1nav button:hover,#s1nav button.on{color:#232323}#s1nav button:focus-visible{outline-offset:2px;outline:1px solid #232323}#s1name{pointer-events:none;clip-path:inset(-240px 0 0);width:1798px;height:378px;position:absolute;bottom:60px;left:61px}#s1name img{pointer-events:auto}#s1stage{--s1swap:.7s;--s1swapDamp:.6}.s1-k{width:249.138px;height:370.86px;bottom:.14px;left:0}.s1-i{width:56.441px;height:370.817px;bottom:.18px;left:301.024px}.s1-m{width:482.636px;height:378px;bottom:0;left:408.425px}.s1-y{width:195px;height:234px;bottom:0;left:908px}.s1-u{width:187px;height:234px;bottom:0;left:1152px}.s1-j{width:84.118px;height:233.997px;bottom:0;left:1387.6px}.s1-i2{width:34px;height:233px;bottom:1px;left:1521px}.s1-n{width:193.889px;height:234.404px;bottom:-.4px;left:1603.63px}#s1work{pointer-events:none;z-index:1;display:none;position:absolute;top:0;left:0}#s1work.on{display:block}#s1work .run{display:none;position:absolute;top:0;left:0;overflow:visible}#s1work .run path{fill:none;stroke:var(--main);stroke-linejoin:miter;stroke-linecap:butt}#s1work .ork{visibility:hidden;position:absolute;top:0;left:0;overflow:visible}#s1work .ork.on{visibility:visible}#s1work .ork mask path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}#s1work .weave{fill:var(--main);display:none;position:absolute;top:0;left:0}#s1{--glassY:.3;--glassSize:.9;--glassTube:.26;--glassTilt:62;--glassSpin:14;--glassBend:1;--glassRainbow:2;--glassTint:.3;--glassPush:2;--glassSwingHz:1.6;--glassSwingDamp:.12}#s1glass{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}#s1{--bitCube:1.15;--bitCubeGap:.4;--bitPop:.3;--bitJelly:.22;--bitPopHz:2.2;--bitPopDamp:.2}.s1bit{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}#s1{--orbSize:.3;--orbDrift:45;--orbDescend:1.2;--orbBounce:2.3;--orbHold:.1;--orbSquash:.3;--orbHit:1.1s;--orbFly:1.5s;--orbArc:.32;--orbBob:3;--orbLandSize:.1;--orbLandAt:21% 44.1%}.s1orb{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}#m{display:none}@media (width<=899px),(aspect-ratio<=4/5){html{scroll-behavior:smooth;scroll-padding-top:52px}body{overflow:clip visible}html.mv body{overflow:hidden}#s1{display:none}#m{--g:clamp(16px, 4.3vw, 40px);--line:#dfdfdf;--ink:#0c0c0c;--gray:#6c6c6c;--green:#4f6a3a;--pop:70ms;color:var(--ink);font-family:var(--grot);display:block}#m p,#m h1,#m h2,#m h3,#m ul,#m ol,#m figure{margin:0}#m svg{fill:none;stroke:currentColor}#m [data-r]{clip-path:inset(100% 0 0);transition:clip-path .9s cubic-bezier(.2, .7, .3, 1) calc(var(--k,0) * 80ms), translate .9s cubic-bezier(.2, .7, .3, 1) calc(var(--k,0) * 80ms);translate:0 24px}#m [data-r].in{clip-path:inset(-20px);translate:0}#m .big[data-r],#m .txt[data-r],#m .bye[data-r],#m .slogan[data-r]{clip-path:none;translate:none}#m .p,#m .w,#m .slogan img{visibility:hidden}#m .in .p{visibility:visible;transition:visibility 0s linear calc(var(--i) * var(--pop))}#m .in .w{visibility:visible;transition:visibility 0s linear calc(var(--i) * 12ms)}#m .slogan.in img{visibility:visible}#m .mh{height:100svh;min-height:560px;position:relative}#m .frame{inset:var(--g) var(--g) 48px;border:1px solid var(--line);background:linear-gradient(var(--line), var(--line)) 33.333% 0 / 1px 100% no-repeat, linear-gradient(var(--line), var(--line)) 66.666% 0 / 1px 100% no-repeat, linear-gradient(var(--line), var(--line)) 0 34% / 100% 1px no-repeat;position:absolute;overflow:hidden;container-type:inline-size}#m .year{width:min(132px,38cqw);height:auto;position:absolute;top:14px;left:14px}#m .role{letter-spacing:.14em;color:var(--gray);font-size:10px;font-weight:500;position:absolute;top:16px;right:14px}#m .name{font-size:0;position:absolute;bottom:12px;left:12px;right:12px}#m .row{align-items:flex-end;display:flex;overflow:hidden}#m .row+.row{margin-top:2.2cqw}#m .ch{flex:none;display:block;transform:translateY(105%)}#m .ch img{width:100%;height:auto;display:block}#m.ready .ch{transition:transform .9s cubic-bezier(.2, .7, .3, 1) calc(.15s + var(--d) * 60ms);transform:none}#m.ready .yujin .ch{transition-delay:calc(.4s + var(--d) * 60ms)}#m .lap{aspect-ratio:307/244;transform-origin:100% 100%;-webkit-tap-highlight-color:transparent;width:60cqw;display:block;position:absolute;bottom:calc(70.5cqw + 15.08px);right:8px;transform:scale(0)}#m.ready .lap{animation:1s cubic-bezier(.3,0,.3,1) .7s both mpop}@keyframes mpop{0%{transform:scale(0)}45%{transform:scale(1.14)}68%{transform:scale(.96)}85%{transform:scale(1.015)}to{transform:scale(1)}}#m .lapin{width:307px;height:244px;transform:scale(var(--k,1));transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}#m .lapin .shot{position:absolute;inset:0;overflow:hidden;transform:scaleX(-1)}#m .lapin .shot img{width:123.73%;max-width:none;height:129.19%;position:absolute;top:-13.91%;left:-12.74%}#m .lapin .click{width:103.09px;height:31.19px;animation:1.1s step-end infinite mblink;position:absolute;top:73px;left:142.19px}#m .lapin .click img{position:absolute;transform:rotate(.59deg)}#m .lapin .c1{width:16.09px;height:18.57px;top:0;left:0}#m .lapin .l{width:12.76px;height:20.21px;top:1.93px;left:24.25px}#m .lapin .i{width:5.23px;height:20.13px;top:3.81px;left:44.31px}#m .lapin .c2{width:19.46px;height:21.12px;top:5.61px;left:56.85px}#m .lapin .k{width:19.49px;height:23.63px;top:7.56px;left:83.6px}@keyframes mblink{0%,55%{opacity:1}55.01%,to{opacity:0}}#m .scroll{justify-content:center;align-items:center;height:48px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#m .scroll i{letter-spacing:.12em;color:#232323;font-size:11px;font-style:normal;font-weight:500;transform:translateY(48px)}#m.ready .scroll i{transition:transform .7s cubic-bezier(.2,.7,.3,1) 1.2s;animation:2.6s ease-in-out 1.9s infinite mbob;transform:none}@keyframes mbob{0%,to{translate:0}50%{translate:0 -3px}}#m .bar{z-index:5;padding:16px var(--g) 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f3f3f0;justify-content:space-between;transition:transform .45s cubic-bezier(.65,0,.35,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}#m .bar.on{transform:none}#m .bar:after{content:"";left:var(--g);right:var(--g);background:var(--line);height:1px;position:absolute;bottom:0}#m .bar a{letter-spacing:.1em;color:#23232361;white-space:nowrap;font-size:10px;font-weight:500;text-decoration:none;transition:color .25s}#m .bar a.now{color:#232323}#m .bar u{left:var(--g);right:var(--g);z-index:1;transform-origin:0;background:#232323;height:2px;margin-bottom:-.5px;position:absolute;bottom:0;transform:scaleX(0)}#m .ms{padding:80px var(--g) 72px}#m .lab{letter-spacing:.14em;color:var(--gray);gap:12px;padding-top:12px;font-size:11px;font-weight:500;display:flex;position:relative}#m .lab b{color:#232323;font-weight:700}#m .lab:before{content:"";background:var(--line);transform-origin:0;height:1px;transition:transform 1s cubic-bezier(.6,0,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}#m .lab.in:before{transform:none}#m .big{font-family:"Chillax", var(--grot);letter-spacing:-.025em;margin:22px 0 28px;font-size:clamp(44px,13.5vw,92px);font-weight:500;line-height:.95}#m .txt{font-family:"Pretendard", var(--grot);letter-spacing:-.01em;color:var(--green);word-break:keep-all;font-size:15.5px;line-height:1.8}#m .hint{letter-spacing:.14em;color:var(--gray);align-items:center;gap:6px;margin:40px 0 12px;font-size:10px;font-weight:500;display:flex}#m .hint svg{stroke-width:3px;width:9px;height:9px;transform:rotate(45deg)}#m .shots{margin:0 calc(var(--g) * -1);padding:0 var(--g) 4px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;display:flex;overflow-x:auto}#m .shots::-webkit-scrollbar{display:none}#m .pf{scroll-snap-align:center;flex:0 0 86%}#m .pf img{aspect-ratio:2000/1067;object-fit:cover;filter:grayscale();background:#e6e6e3;width:100%;transition:filter .6s;display:block}#m .pf.on img{filter:none}#m .pf figcaption{letter-spacing:.1em;color:var(--gray);justify-content:space-between;margin-top:10px;font-size:10px;font-weight:500;display:flex}#m .pf figcaption b{color:#232323;font-weight:600}#m .tabs{background:#e6e6e3;border-radius:999px;padding:4px;display:inline-flex;position:relative}#m .tabs .pill{background:var(--main);border-radius:999px;transition:transform .45s cubic-bezier(.65,0,.35,1),width .45s cubic-bezier(.65,0,.35,1);position:absolute;top:4px;bottom:4px;left:0}#m .tabs button{font:500 11px/1 var(--grot);letter-spacing:.12em;color:#23232380;background:0 0;border:0;padding:9px 20px;transition:color .3s;position:relative}#m .tabs button[aria-selected=true]{color:#232323}#m .list{gap:52px;margin-top:32px;padding:0;list-style:none;display:grid}#m .th{background:#e6e6e3;border:0;width:100%;padding:0;display:block;overflow:hidden}#m .th img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.3,1);display:block}#m button.th:active img{transform:scale(1.03)}#m .card .no{letter-spacing:.12em;color:var(--gray);margin:16px 0 4px;font-size:11px;font-weight:500}#m .card h3{font-family:"Chillax", "Pretendard", var(--grot);letter-spacing:-.01em;font-size:28px;font-weight:500;line-height:1.1}#m .card .fd,#m .card .rl{letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:500}#m .card .fd{color:#232323}#m .card .rl{color:var(--gray);margin-top:4px}#m .lk{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}#m .lk a,#m .lk button,#m .links a,#m .send{font:500 11px/1 var(--grot);letter-spacing:.08em;color:#232323;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #232323;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;display:inline-flex}#m .lk a:active,#m .lk button:active,#m .links a:active{color:#f3f3f3;background:#232323}#m .lk [aria-disabled=true]{opacity:.3;pointer-events:none}#m .lk svg,#m .links svg,#m .send svg{stroke-width:3px;width:9px;height:9px}#m .ab{grid-template-columns:16% 1fr;align-items:start;gap:18px;margin-top:28px;display:grid}#m .abt{width:100%;height:auto;display:block;position:sticky;top:64px}#m .cv>*+*{margin-top:40px}#m .me{width:64%;height:auto;display:block}#m .who{align-items:flex-end;gap:16px;display:flex}#m .ph{flex:none;width:36%;height:auto}#m .nm{font-family:"Pretendard", var(--grot);font-size:22px;font-weight:600}#m .en{letter-spacing:.14em;color:var(--gray);margin-top:4px;font-size:11px;font-weight:500}#m .inf{font-family:"Pretendard", var(--grot);color:var(--gray);margin-top:10px;font-size:14px}#m .blk h3{font-family:"Pretendard", var(--grot);color:#738b5b;margin-bottom:10px;font-size:17px;font-weight:600}#m .rows{padding:0;list-style:none}#m .rows li{border-bottom:1px solid var(--line);font-family:"Pretendard", var(--grot);color:var(--gray);word-break:keep-all;grid-template-columns:64px 1fr;gap:10px;padding:8px 0;font-size:14px;line-height:1.5;display:grid}#m .rows li span:first-child{font-variant-numeric:tabular-nums}#m .rows li.aw span:last-child{color:#232323;font-weight:700}#m .sk{padding:0;list-style:none}#m .sk li{font-family:"Pretendard", var(--grot);color:var(--gray);grid-template-columns:100px 1fr;align-items:center;gap:12px;padding:7px 0;font-size:14px;display:grid}#m .sk i{background:#fff;height:6px;position:relative}#m .sk i:after{content:"";background:var(--main);transform-origin:0;transition:transform 1s cubic-bezier(.2,.7,.3,1) .3s;position:absolute;inset:0;transform:scaleX(0)}#m .in .sk i:after{transform:scaleX(var(--v))}#m .slogan{font-family:"Chillax", var(--grot);letter-spacing:-.025em;margin:24px 0 0;font-size:clamp(56px,19vw,140px);font-weight:500;line-height:.98}#m .slogan .l1{white-space:nowrap;display:block}#m .slogan img{vertical-align:baseline;width:auto;height:.69em;margin-right:.045em;display:inline-block}#m .bye{font-family:"Chillax", var(--grot);letter-spacing:-.02em;margin-top:28px;font-size:26px;font-weight:500}#m .mail{gap:30px;margin-top:44px;display:grid}#m .mail .f{padding-bottom:10px;display:block;position:relative}#m .mail .f:before,#m .mail .f:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}#m .mail .f:after{transform-origin:0;background:#232323;transition:transform .45s cubic-bezier(.6,0,.3,1);transform:scaleX(0)}#m .mail .f:focus-within:after{transform:none}#m .mail .f.bad:after{background:#d0443a;transform:none}#m .mail b{letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a;margin-bottom:10px;font-size:11px;font-weight:500;display:block}#m .mail input,#m .mail textarea{resize:none;width:100%;box-shadow:none;font-family:"Chillax", "Pretendard", var(--grot);color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-size:20px;font-weight:500;line-height:1.35;display:block}#m .mail textarea{height:112px}#m .mail ::placeholder{color:#c5c8c7;opacity:1}#m .mail .trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}#m .mail .row{justify-content:space-between;align-items:center;gap:12px;display:flex}#m .mail .status{font-family:"Pretendard", var(--grot);color:var(--gray);font-size:13px}#m .mail .status[data-kind=err]{color:#d0443a}#m .mail .status[data-kind=ok]{color:#738b5b}#m .send{color:#f3f3f3;background:#232323;flex:none;padding:13px 20px;font-size:12px}#m .send:disabled{background:#9a9a9a;border-color:#9a9a9a}#m .links{gap:8px;margin-top:56px;display:flex}#m .links .top svg{transform:rotate(-45deg)}#m .copy{letter-spacing:.14em;color:#9a9a9a;margin-top:40px;font-size:10px;font-weight:500}#m .viewer{z-index:10;color:#f3f3f3;opacity:0;background:#0c0c0c;flex-direction:column;transition:opacity .3s;display:flex;position:fixed;inset:0}#m .viewer[hidden]{display:none}#m .viewer.on{opacity:1}#m .vh{padding:10px var(--g);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}#m .vn{font-family:"Pretendard", var(--grot);font-size:15px;font-weight:600}#m .vc{letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}#m .vx{width:40px;height:40px;color:var(--main);background:0 0;border:0;justify-self:end;margin-right:-10px;padding:10px}#m .vx svg{stroke-width:2px;width:100%;height:100%;display:block}#m .vt{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}#m .vt::-webkit-scrollbar{display:none}#m .vt figure{padding:0 var(--g);scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;display:flex}#m .vt img{aspect-ratio:16/9;object-fit:contain;background:#1a1a1a;width:100%;height:auto;max-height:100%;display:block}@media (prefers-reduced-motion:reduce){#m .ch,#m .lap,#m .scroll i{animation:none!important;transform:none!important}}}
