@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/variable/pretendardvariable-dynamic-subset.css";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main1{--canvas-op:1;--inv:0;--p:0%;overscroll-behavior:none;touch-action:none;background:color-mix(in srgb, #0d181f, #e9eff7 var(--p));color:#f0f0f0;font-family:Pretendard Variable,Pretendard,Inter,system-ui,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden auto}.main1__backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.main1__bg{position:absolute;inset:0}.main1__bg--dark{background:radial-gradient(130% 90% at 50% 115%,#00000080 0%,#0000 55%),radial-gradient(140% 120% at 50% -5%,#1a2e35 0%,#122027 45%,#0d181f 100%)}.main1__bg--light{opacity:var(--inv);background:linear-gradient(#2e426821 1px,#0000 1px) 0 0/46px 46px,linear-gradient(90deg,#2e426821 1px,#0000 1px) 0 0/46px 46px,radial-gradient(38% 32% at 18% 28%,#4a86de29,#0000 72%),radial-gradient(34% 30% at 82% 38%,#9676e024,#0000 72%),radial-gradient(40% 34% at 62% 82%,#3cb4be1f,#0000 72%),radial-gradient(130% 90% at 50% 115%,#788caa1f 0%,#fff0 55%),radial-gradient(140% 120% at 50% -5%,#f3f6fb 0%,#e6ecf5 48%,#dde4ef 100%)}.main1__lasers{z-index:1;pointer-events:none;width:100%;height:100%;filter:invert(var(--inv));animation:1.1s main1-fade-in;position:absolute;inset:0}@keyframes main1-fade-in{0%{opacity:0}to{opacity:1}}.main1__canvas{z-index:2;pointer-events:none;width:100%;height:140svh;opacity:var(--canvas-op);display:block;position:absolute;top:-20svh;left:0}.seg{z-index:3;position:relative}.seg--hero{height:100svh}.main1__chrome{z-index:4;justify-content:space-between;align-items:center;padding:26px 40px;display:flex;position:fixed;inset:0 0 auto}.main1__logo{align-items:center;text-decoration:none;display:inline-flex}.main1__logo-word{letter-spacing:-.01em;white-space:nowrap;color:color-mix(in srgb, #eef2fa, #0e1726 var(--p));font-size:20px;font-weight:700;transition:transform .25s;display:inline-flex}.main1__logo:hover .main1__logo-word{transform:scale(1.04)}.main1__logo-word2{white-space:nowrap;max-width:calc(var(--inv) * 7em);opacity:var(--inv);transform:translateX(calc((1 - var(--inv)) * -5px));display:inline-block;overflow:hidden}.main1__menu{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:7px;width:34px;height:28px;padding:0;display:flex}.main1__menu span{background:color-mix(in srgb, #e6ecf4, #0e1726 var(--p));border-radius:2px;width:100%;height:2px;transition:transform .25s;display:block}.main1__menu:hover span:first-child{transform:translateY(1px)}.main1__menu:hover span:last-child{transform:translateY(-1px)}@media (width>=769px){.main1__menu{display:none}}.main1__gauge{--gauge-pad:18px;z-index:7;padding:var(--gauge-pad) 9px;flex-direction:column;align-items:center;gap:clamp(38px,5vw,82px);display:flex;position:fixed;top:50%;right:clamp(22px,3vw,48px);transform:translateY(-50%)}.main1__gauge:before{content:"";left:50%;top:var(--gauge-pad);bottom:var(--gauge-pad);background:color-mix(in srgb, #ecf0f838, #0e172629 var(--p));border-radius:2px;width:2px;transition:background .4s;position:absolute;transform:translate(-50%)}.main1__gauge:after{content:"";left:50%;top:var(--gauge-pad);width:2px;height:calc((100% - var(--gauge-pad) * 2) * var(--seg,0) / 2);background:linear-gradient(to bottom, color-mix(in srgb, #00aeff59, #3b82f64d var(--p)), color-mix(in srgb, #00aeff, #3b82f6 var(--p)));box-shadow:0 0 10px color-mix(in srgb, #00aeff80, #3b82f659 var(--p));border-radius:2px;transition:height .62s cubic-bezier(.16,1,.3,1),background .4s;position:absolute;transform:translate(-50%)}.main1__gauge-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;width:26px;height:26px;padding:0;display:grid;position:relative}.main1__gauge-mark{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, #ecf0f88c, #0e17266b var(--p));background:0 0;border-radius:50%;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),background .45s,box-shadow .45s,transform .3s;position:relative}.main1__gauge-dot:hover .main1__gauge-mark{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, #cfe6ff, #1b2740 var(--p));transform:scale(1.4)}.main1__gauge-dot.is-active .main1__gauge-mark{background:color-mix(in srgb, #00aeff, #3b82f6 var(--p));width:12px;height:12px;box-shadow:0 0 0 1.5px color-mix(in srgb, #00aeff52, #3b82f647 var(--p)), 0 0 18px 1px color-mix(in srgb, #00aeff8c, #3b82f666 var(--p));transform:none}.main1__gauge-dot.is-active .main1__gauge-mark:after{content:"";border:1.5px solid color-mix(in srgb, #00aeff99, #3b82f680 var(--p));border-radius:50%;width:12px;height:12px;animation:2.6s cubic-bezier(.16,1,.3,1) infinite gaugePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}@keyframes gaugePulse{0%{opacity:.55;transform:translate(-50%,-50%)scale(1)}70%,to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}.main1__gauge-tip{letter-spacing:.02em;white-space:nowrap;color:color-mix(in srgb, #eef2fa, #0e1726 var(--p));background:color-mix(in srgb, #141e308c, #ffffffc7 var(--p));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(6px)}.main1__gauge-dot:hover .main1__gauge-tip,.main1__gauge-dot:focus-visible .main1__gauge-tip{opacity:1;transform:translateY(-50%)translate(0)}@media (width<=768px){.main1__gauge{display:none}}.main1__nav{z-index:30;visibility:hidden;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.main1__nav.is-open{visibility:visible;pointer-events:auto}.main1.is-nav-open{scrollbar-width:none}.main1.is-nav-open::-webkit-scrollbar{width:0;height:0;display:none}.main1__nav-scrim{opacity:0;background:#060b1473;transition:opacity .45s;position:absolute;inset:0}.main1__nav.is-open .main1__nav-scrim{opacity:1}.main1__nav-panel{background:color-mix(in srgb, #0b131ef7, #e9eff7fa var(--p));-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);will-change:transform;touch-action:none;flex-direction:column;justify-content:center;width:100%;height:100%;padding:clamp(28px,9vw,64px);transition:transform .55s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translate(100%)}.main1__nav.is-open .main1__nav-panel{transform:translate(0)}.main1__nav-close{cursor:pointer;width:44px;height:44px;color:color-mix(in srgb, #eef2fa, #0e1726 var(--p));opacity:.8;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;transition:transform .3s,opacity .3s;display:grid;position:absolute;top:clamp(16px,5vw,30px);right:clamp(18px,6vw,34px)}.main1__nav-close:hover{opacity:1;transform:rotate(90deg)}.main1__nav-close svg{width:24px;height:24px}.main1__nav-list{flex-direction:column;gap:clamp(12px,4vw,24px);margin:0;padding:0;list-style:none;display:flex}.main1__nav-list li{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--k) * 60ms);transform:translate(40px)}.main1__nav.is-open .main1__nav-list li{opacity:1;transition-delay:calc(.18s + var(--k) * 80ms);transform:translate(0)}.main1__nav-link{cursor:pointer;text-align:left;color:color-mix(in srgb, #e2e8f49e, #141e308c var(--p));-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:baseline;gap:16px;padding:6px 0;transition:color .3s,transform .3s;display:flex}.main1__nav-num{font-variant-numeric:tabular-nums;color:color-mix(in srgb, #00aeff, #3b82f6 var(--p));opacity:.85;font-size:clamp(12px,3vw,15px);font-weight:600}.main1__nav-label{letter-spacing:-.02em;font-size:clamp(34px,11vw,58px);font-weight:700;line-height:1;position:relative}.main1__nav-link:hover{color:color-mix(in srgb, #f4f7fc, #0b1320 var(--p));transform:translate(10px)}.main1__nav-link.is-active{color:color-mix(in srgb, #fff, #0b1320 var(--p))}.main1__nav-link.is-active .main1__nav-label:after{content:"";background:color-mix(in srgb, #00aeff, #3b82f6 var(--p));border-radius:3px;height:3px;position:absolute;bottom:-7px;left:0;right:0}@media (width>=769px){.main1__nav{display:none}}@media (prefers-reduced-motion:reduce){.main1__gauge:after,.main1__gauge-mark,.main1__nav-panel,.main1__nav-scrim,.main1__nav-list li{transition:none}.main1__gauge-dot.is-active .main1__gauge-mark:after{opacity:0;animation:none}}.main1__hero{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:6;opacity:calc((.9 - var(--inv)) * 10);transform:translate(calc(var(--px,0) * 18px * (1 - var(--inv))), calc(var(--py,0) * 10px * (1 - var(--inv))));transition:transform .3s ease-out;position:fixed;inset:0}.main1__heroInner{transform-origin:0 0;transform:translate(calc((1 - var(--inv)) * -50% + var(--inv) * -35vw), calc((1 - var(--inv)) * -50% + var(--inv) * -34vh)) scale(calc(1 - var(--inv) * .5));will-change:transform;position:absolute;top:50%;left:50%}.main1__title{letter-spacing:-.028em;word-break:keep-all;color:color-mix(in srgb, #f4f6fb, #0b1320 var(--p));text-shadow:0 0 2px color-mix(in srgb, #080e1a8c, #fff9 var(--p)), 0 2px 22px color-mix(in srgb, #080e1a73, #96aacd4d var(--p));-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(26px,5.6vw,82px);font-weight:640;line-height:1.18}.main1__title-line{white-space:nowrap;display:block}.main1__title-word{opacity:0;transition:opacity .5s,transform .55s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--w,0) * 80ms);display:inline-block;transform:translateY(.6em)}.main1__title--reset .main1__title-word{transition:none}.main1__title.main1__title--in .main1__title-word,.main1.is-settled .seg__title--name.main1__title--in .main1__title-word{opacity:1;transform:none}.main1__name{font-size:1em}.main1__rest{font-size:calc(1em - 2px)}.main1.is-light .main1__title{white-space:nowrap;max-width:none}.main1.is-light .main1__title-line{display:inline}.main1.is-light .main1__title-line+.main1__title-line{margin-left:-.12em}.main1.is-light .main1__heroInner{text-align:left}.main1__tagline{color:#f0f0f0;text-shadow:0 1px 14px #080e1a99,0 0 2px #080e1a66;max-width:90vw;opacity:calc(1 - var(--inv) * 2);transform:translate(calc(-50% + var(--px,0) * 26px), calc(var(--py,0) * 14px));will-change:opacity, transform;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35em .7em;font-size:clamp(15px,2.4vw,30px);font-weight:400;line-height:1.25;transition:transform .35s ease-out;display:flex;position:absolute;top:64%;left:50%}@media (width<=1300px){.main1__tagline{text-align:right;justify-content:flex-end;max-width:72vw;left:auto;right:clamp(14px,4vw,40px);transform:translate(0)}.main1__sub-items{justify-content:flex-end}.seg__title--name{font-size:clamp(20px,3.6vw,32px)}}.main1__sub-label{color:#f6f7fb;font-weight:600;animation:.6s cubic-bezier(.2,.7,.2,1) both main1-token-in}.main1__sub-items{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15em .5em;font-size:.8em;display:flex}.main1__sub-item{color:#e2e8f29e;font-weight:400;animation:.6s cubic-bezier(.2,.7,.2,1) both main1-token-in}.main1__sub-item:not(:last-child):after{content:"·";color:#c8d2e166;margin-left:.5em}@keyframes main1-token-in{0%{opacity:0;filter:blur(7px);transform:translateY(.65em)}60%{opacity:1}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes main1-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main1__scroll{z-index:5;transform:translateX(-50%) translateY(calc((1 - var(--hint,1)) * 26px));opacity:var(--hint,1);pointer-events:auto;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:clamp(6px,1.8vw,12px);padding:6px 14px;display:flex;position:fixed;bottom:clamp(18px,4vw,32px);left:50%}.main1.hint-off .main1__scroll{pointer-events:none}.main1__scroll:hover{transform:translateX(-50%) translateY(calc((1 - var(--hint,1)) * 26px + 3px))}.main1__scroll:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #00aeffb3}.main1__scroll-svg{aspect-ratio:44/66;width:clamp(26px,7vw,44px);height:auto;overflow:visible}.main1__m-mouse{fill:none;stroke-dasharray:100;animation:4s ease-in-out 1.2s infinite both main1-m-mouse}@keyframes main1-m-mouse{0%{stroke-dashoffset:100px}11%{stroke-dashoffset:0}72%{stroke-dashoffset:0}82%{stroke-dashoffset:-100px}to{stroke-dashoffset:-100px}}.main1__m-line{fill:none;stroke-dasharray:100;filter:drop-shadow(0 0 2px #6fe0ff)drop-shadow(0 0 5px #00aeffb3);animation:4s ease-in-out 1.2s infinite both main1-m-line}@keyframes main1-m-line{0%,13%{stroke-dashoffset:100px}24%{stroke-dashoffset:0}62%{stroke-dashoffset:0}71%,to{stroke-dashoffset:-100px}}.main1__m-arrow{fill:none;filter:drop-shadow(0 0 2px #6fe0ff)drop-shadow(0 0 5px #00aeffb3);animation:4s ease-in-out 1.2s infinite both main1-m-arrow}@keyframes main1-m-arrow{0%,23%{opacity:0;transform:translateY(-2px)}29%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(0)}64%,to{opacity:0;transform:translateY(9px)}}.main1__scroll-label{letter-spacing:.16em;text-transform:uppercase;color:#dce4f06b;font-size:clamp(8px,2.3vw,11px);animation:.6s 1.5s both main1-fade-in}.main1__lbl--touch{display:none}@media (hover:none),(pointer:coarse){.main1__lbl--pc{display:none}.main1__lbl--touch{display:inline}}@media (prefers-reduced-motion:reduce){.main1__m-mouse,.main1__m-line,.main1__m-arrow{stroke-dashoffset:0;opacity:1;animation:none}.main1__lasers,.main1__hero,.main1__scroll-label,.main1__title,.main1__title-word,.main1__tagline,.main1__sub-label,.main1__sub-item{opacity:1;filter:none;animation:none;transform:none}.main1{scroll-snap-type:none}.card__line,.chip{opacity:1;transition:none;transform:none}}@media (width<=640px){.main1__chrome{padding:18px 22px}.main1__title{transform:none}.main1__tagline{transform:translate(-.7em)}}.seg__inner{box-sizing:border-box;text-align:left;max-width:1000px;margin:0 auto;padding:clamp(40px,4.4vw,58px) clamp(20px,5vw,56px) clamp(48px,5.6vw,76px);position:relative}.seg--resume,.seg--work{padding-top:clamp(56px,5vw,62px)}.seg__inner--resume{max-width:1260px}.main1{scroll-snap-type:none}.seg{scroll-snap-align:start;scroll-snap-stop:always}.seg__head{margin-bottom:clamp(14px,2vw,24px)}.seg__head .seg__title{margin-bottom:clamp(6px,1vw,12px)}.main1__top{z-index:7;-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);color:#1b2740;cursor:pointer;width:clamp(42px,4.6vw,52px);height:clamp(42px,4.6vw,52px);opacity:var(--inv,0);transform:translateY(calc((1 - var(--inv,0)) * 16px));pointer-events:none;background:#ffffffb8;border:1px solid #142c4e29;border-radius:50%;place-items:center;padding:0;transition:transform .25s,background .2s,box-shadow .2s;display:grid;position:fixed;bottom:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px);box-shadow:0 10px 26px -10px #14284657}.main1.is-light .main1__top{pointer-events:auto}.main1__top:hover{background:#fff;box-shadow:0 12px 30px -10px #14284670}.main1__top:active{transform:translateY(1px)}.main1__top svg{width:46%;height:46%}@media (prefers-reduced-motion:reduce){.main1__top{transition:none}}.seg--resume .card{opacity:0;transform-origin:0 0;transform:translateY(30px)scale(.94)}.main1.is-settled .seg--resume .card{opacity:1;transform:none}.seg--resume .card:first-child{transition-delay:60ms}.seg--resume .card:nth-child(2){transition-delay:.15s}.seg--resume .card:nth-child(3){transition-delay:.24s}.seg--resume .card:nth-child(4){transition-delay:.33s}.seg--resume .card:hover,.seg--resume .card:focus-visible,.seg--resume .card:focus-within{transition-delay:0s}.seg--resume .seg__inner:before,.seg--work .seg__inner:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(6px)saturate(1.18);backdrop-filter:blur(6px)saturate(1.18);pointer-events:none;background:linear-gradient(150deg,#f7faffa8 0%,#f5f9ff94 50%,#f3f8ff8a 100%);border:1px solid #ffffff80;border-radius:clamp(18px,2.6vw,28px);position:absolute;inset:clamp(14px,2.6vw,30px) clamp(8px,1.6vw,20px);transform:none;box-shadow:0 30px 60px -34px #14223c73,inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff0d}@supports not ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))){.seg--resume .seg__inner:before,.seg--work .seg__inner:before{background:linear-gradient(150deg,#f7fafda8 0%,#f7fafd80 60%,#f7fafd6b 100%)}}@media (pointer:coarse) and (width<=768px){.seg--resume .seg__inner:before,.seg--work .seg__inner:before{background:linear-gradient(150deg,#fafcff99 0%,#f8fbfe85 55%,#f6fafe7a 100%)}}.main1.is-android .seg--resume .seg__inner:before,.main1.is-android .seg--work .seg__inner:before{background:linear-gradient(150deg,#fafcffa8 0%,#f8fbfe8f 55%,#f6fafe80 100%)}.seg--resume .seg__inner:before,.seg--work .seg__inner:before{opacity:0;transition:opacity .5s}.main1.is-light .seg--resume .seg__inner:before,.main1.is-light .seg--work .seg__inner:before{opacity:1}.seg__eyebrow{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.04em;color:color-mix(in srgb, #93a6c6, #5f6f8c var(--p));margin:0 0 .6em;font-size:clamp(12px,1.6vw,14px)}.seg__title{letter-spacing:-.02em;color:color-mix(in srgb, #eef2fa, #0e1726 var(--p));margin:0 0 clamp(24px,4vw,44px);font-size:clamp(26px,5vw,46px);font-weight:700}.seg__title--name{white-space:nowrap}.seg--resume .seg__eyebrow{opacity:0}.main1.is-page-2.is-settled .seg--resume .seg__eyebrow{opacity:1;transition:opacity .45s 80ms}.seg__title--name .main1__title-line{display:inline}.seg__title--name .main1__title-line+.main1__title-line{margin-left:-.12em}.seg--resume{background:0 0;min-height:100svh}.resume__intro{max-width:64ch;margin:0 0 clamp(22px,2.8vw,34px)}.resume__intro-lead{letter-spacing:-.01em;color:#131d31;margin:0 0 .55em;font-size:clamp(17px,1.9vw,22px);font-weight:600}.resume__intro-body{color:#56657f;word-break:keep-all;margin:0;font-size:clamp(14px,1.45vw,16.5px);line-height:1.72}.resume__unit{white-space:nowrap}@media (width<=768px){.resume__unit{white-space:normal}}.resume{grid-template-columns:minmax(210px,.82fr) 1.5fr;align-items:start;gap:clamp(28px,4vw,72px);display:grid}.resume__col{flex-direction:column;gap:clamp(20px,2.6vw,30px);display:flex}.resume__col--left{position:relative}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms);will-change:opacity, transform;transform:translateY(26px)}.reveal.is-inview{opacity:1;transform:none}.resume__intro,.resume__block{opacity:0;transform:translateY(28px)}.main1.is-page-2.is-settled .resume__intro,.main1.is-page-2.is-settled .resume__block{opacity:1;transition:opacity .62s,transform .68s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.2s + var(--i,0) * .11s);transform:none}@media (prefers-reduced-motion:reduce){.reveal,.resume__intro,.resume__block{transition:none}}.resume__h{letter-spacing:.14em;text-transform:uppercase;color:#6b7b97;margin:0 0 .8em;padding-left:14px;font-size:12.5px;font-weight:700;position:relative}.resume__h:before{content:"";background:linear-gradient(#00aeff,#3b82f6);border-radius:2px;width:3px;position:absolute;top:.05em;bottom:.05em;left:0}.resume__contact{flex-direction:column;gap:.7em;margin:0;padding:0;list-style:none;display:flex}.resume__contact li{border-bottom:1px solid #e1e6f0;justify-content:space-between;align-items:baseline;gap:1em;padding-bottom:.7em;font-size:14px;display:flex}.resume__contact li:last-child{border-bottom:none}.resume__k{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.04em;text-transform:uppercase;color:#93a0ba;font-size:11.5px}.resume__v{color:#1c2740;text-align:right;font-weight:500}.resume__skills{flex-wrap:wrap;gap:8px;display:flex}.resume__skill{font-family:var(--mono,ui-monospace, Consolas, monospace);color:#29405f;background:#0082dc14;border:1px solid #0082dc33;border-radius:999px;padding:5px 12px;font-size:12px}.resume__timeline{border-left:1.5px solid #d7dde9;flex-direction:column;gap:clamp(12px,1.5vw,16px);margin:0;padding:0 0 0 18px;list-style:none;display:flex}.resume__entry{position:relative}.resume__entry:before{content:"";background:#fff;border:2.5px solid #00aeff;border-radius:50%;width:9px;height:9px;position:absolute;top:.35em;left:-23.25px}.resume__entry--ongoing:before{background:#00aeff;box-shadow:0 0 0 3px #00aeff29}.resume__badge{letter-spacing:.02em;color:#0a82c4;vertical-align:middle;white-space:nowrap;background:#00aeff1f;border:1px solid #00aeff6b;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.resume__entry-top{flex-wrap:nowrap;justify-content:space-between;align-items:baseline;column-gap:.9em;display:flex}.resume__head{flex:auto;min-width:0}.resume__org{color:#131d31;font-size:clamp(15px,1.6vw,17px);font-weight:700}.resume__period{font-family:var(--mono,ui-monospace, Consolas, monospace);color:#8c99b3;white-space:nowrap;flex:none;font-size:12px}.resume__bullets{flex-direction:column;gap:.32em;margin:.55em 0 0;padding:0;list-style:none;display:flex}.resume__bullets li{color:#5b6a83;word-break:keep-all;padding-left:13px;font-size:13.5px;line-height:1.55;position:relative}.resume__bullets li:before{content:"";background:#9aa6bd;border-radius:50%;width:4px;height:4px;position:absolute;top:.6em;left:0}.resume__role{color:#6b7890;white-space:nowrap;margin-left:.55em;font-size:13.5px;font-weight:500}.resume__desc{color:#7886a0;margin:.4em 0 0;font-size:13.5px;line-height:1.55}@media (width<=768px){.resume{grid-template-columns:1fr;gap:clamp(24px,5vw,36px)}.main1{scroll-snap-type:none}}.seg--work{background:0 0;min-height:100svh}.tl{--rail:18px;position:relative}.tl__line{left:var(--rail);transform-origin:top;opacity:0;background:linear-gradient(to bottom, transparent, color-mix(in srgb, #ffffff38, #16264238 var(--p)) 5%, color-mix(in srgb, #ffffff38, #16264238 var(--p)) 95%, transparent);pointer-events:none;width:2px;transition:opacity .5s,transform .85s cubic-bezier(.16,1,.3,1);position:absolute;top:8px;bottom:8px;transform:translate(-50%)scaleY(0)}.tl.is-entered .tl__line{opacity:1;transform:translate(-50%)scaleY(1)}.tl-year__head{padding:clamp(20px, 2vw, 30px) 0 clamp(4px, .7vw, 10px) calc(var(--rail) + 34px);opacity:0;filter:blur(7px);align-items:baseline;gap:clamp(10px,1.4vw,18px);transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1),filter .45s;display:flex;position:relative;transform:translateY(22px)}.tl-year:first-child .tl-year__head{padding-top:clamp(6px,1vw,12px)}.tl-year__node{left:var(--rail);background:color-mix(in srgb, #00aeff, #2f6fd0 var(--p));width:13px;height:13px;box-shadow:0 0 0 4px color-mix(in srgb, #00aeff29, #2f6fd024 var(--p)), 0 0 16px color-mix(in srgb, #00aeff80, transparent var(--p));border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-year__label{font-family:var(--mono,ui-monospace, Consolas, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:color-mix(in srgb, #eef4fc, #0b1320 var(--p));font-size:clamp(22px,1.9vw,30px);font-weight:700;line-height:1}.tl-year__meta{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, #aac0e08c, #8190a8 var(--p));font-size:11px}.tl-item{opacity:0;filter:blur(7px);transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1),filter .45s;position:relative;transform:translateY(22px)}.tl.is-entered .tl-year__head,.tl.is-entered .tl-item{opacity:1;filter:blur();transition-delay:calc(.1s + var(--seq,0) * 28ms);transform:none}.tl-item__bar{width:100%;padding:clamp(12px, 1.35vw, 18px) 0 clamp(12px, 1.35vw, 18px) calc(var(--rail) + 34px);text-align:left;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.5vw,22px);display:grid;position:relative}.tl-item__dot{left:var(--rail);background:color-mix(in srgb, #cedbeef2, #8fa0ba var(--p));border-radius:50%;width:9px;height:9px;transition:background-color .35s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-item__dot:after{content:"";border:1.5px solid color-mix(in srgb, #00aeff99, #2f6fd080 var(--p));opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-3px}@media (hover:hover){.tl-item__bar:hover .tl-item__dot{background:color-mix(in srgb, #00aeff, #2f6fd0 var(--p));transform:translate(-50%,-50%)scale(1.3)}.tl-item__bar:hover .tl-item__title{color:color-mix(in srgb, #fff, #0b1320 var(--p));transform:translate(5px)}}.tl-item.is-open .tl-item__dot{background:color-mix(in srgb, #00aeff, #2f6fd0 var(--p));box-shadow:0 0 0 5px color-mix(in srgb, #00aeff2e, #2f6fd029 var(--p)), 0 0 16px color-mix(in srgb, #00aeff99, transparent var(--p));transform:translate(-50%,-50%)scale(1.45)}.tl-item.is-open .tl-item__dot:after{animation:2.4s ease-out infinite tlPulse}@keyframes tlPulse{0%{opacity:.7;transform:scale(.7)}70%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}.tl-item__idx{font-family:var(--mono,ui-monospace, Consolas, monospace);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:color-mix(in srgb, #82c8ffd9, #4f7fc0 var(--p));font-size:12.5px}.tl-item__head{align-items:baseline;gap:clamp(8px,1.2vw,18px);min-width:0;display:flex}.tl-item__title{letter-spacing:-.015em;min-width:0;color:color-mix(in srgb, #f2f6fc, #0a1320 var(--p));white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,1.25vw,19px);font-weight:700;line-height:1.2;transition:color .3s,transform .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.tl-item.is-open .tl-item__title{color:color-mix(in srgb, #d6ecff, #0e2c58 var(--p))}.tl-item__role{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, #b4c6e28c, #8190a8 var(--p));flex:none;font-size:10.5px}.tl-item__period{font-family:var(--mono,ui-monospace, Consolas, monospace);font-variant-numeric:tabular-nums;color:color-mix(in srgb, #becde68c, #76839d var(--p));font-size:12.5px}.tl-item__chev{border:1px solid color-mix(in srgb, #ffffff29, #101a2d29 var(--p));background:color-mix(in srgb, #ffffff0d, #101a2d08 var(--p));border-radius:50%;flex:none;width:27px;height:27px;transition:transform .5s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s,box-shadow .3s;position:relative}.tl-item__chev:before{content:"";border-right:1.7px solid color-mix(in srgb, #cedbeed9, #5e6a82 var(--p));border-bottom:1.7px solid color-mix(in srgb, #cedbeed9, #5e6a82 var(--p));border-radius:0 0 1.5px;width:7px;height:7px;transition:border-color .3s;position:absolute;top:44%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}@media (hover:hover){.tl-item__bar:hover .tl-item__chev{background:color-mix(in srgb, #00aeff24, #2f6fd01f var(--p));border-color:color-mix(in srgb, #00aeff6b, #2f6fd061 var(--p))}}.tl-item.is-open .tl-item__chev{background:color-mix(in srgb, #00aeff29, #2f6fd024 var(--p));border-color:color-mix(in srgb, #00aeff8c, #2f6fd080 var(--p));box-shadow:0 0 0 4px color-mix(in srgb, #00aeff1a, #2f6fd014 var(--p));transform:rotate(180deg)}.tl-item.is-open .tl-item__chev:before{border-color:color-mix(in srgb, #00aeff, #3b5ad0 var(--p))}.tl-item__panel{grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1);display:grid}.tl-item.is-open .tl-item__panel{grid-template-rows:1fr}.tl-item__clip{min-height:0;overflow:hidden}.tl-item__content{max-width:820px;padding:2px clamp(8px, 1vw, 16px) clamp(20px, 2.4vw, 36px) calc(var(--rail) + 34px);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(18px,2.2vw,40px);display:grid}.tl-item__cover,.tl-item__desc{opacity:0;transition:opacity .55s,transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.tl-item.is-open .tl-item__cover{opacity:1;transition-delay:80ms;transform:none}.tl-item.is-open .tl-item__desc{opacity:1;transition-delay:.22s;transform:none}.tl-item__cover{aspect-ratio:16/10;border-radius:12px;align-self:center;width:100%;max-width:340px;position:relative;overflow:hidden;box-shadow:0 14px 36px -24px #0e172680}.tl-item__art{background:radial-gradient(120% 92% at 78% 10%, #ffffff29, transparent 56%), var(--cover,linear-gradient(150deg, #102f54, #2f7fc0));transform:translate3d(0, calc(var(--par,0) * 10px), 0) scale(1.02);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:-16px 0}.tl-item__num{font-family:var(--mono,ui-monospace, Consolas, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#ffffff2e;pointer-events:none;opacity:0;font-size:clamp(46px,4.4vw,72px);font-weight:700;line-height:.8;transition:opacity .6s,transform .75s cubic-bezier(.16,1,.3,1);position:absolute;bottom:clamp(2px,.6vw,10px);left:clamp(14px,1.6vw,22px);transform:translateY(26px)}.tl-item.is-open .tl-item__num{opacity:1;transition-delay:.3s;transform:none}.tl-item__detail{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;display:flex}.tl-item__meta{letter-spacing:0;color:color-mix(in srgb, #e8eef8, #2c3852 var(--p));flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.tl-item__meta-period{font-variant-numeric:tabular-nums}.tl-item__meta-role,.tl-item__meta-client{color:inherit}.tl-item__meta-dot{background:color-mix(in srgb, #a0b4d299, #9aa6ba var(--p));border-radius:50%;width:3px;height:3px}.tl-item__desc{color:color-mix(in srgb, #e8eef8, #2c3852 var(--p));margin:0;font-size:clamp(14px,1vw,15.5px);font-weight:500;line-height:1.6}.tl-item__points{flex-direction:column;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.tl-item__points li{color:color-mix(in srgb, #cad6eacc, #4a566e var(--p));padding-left:15px;font-size:clamp(12.5px,.85vw,13.5px);line-height:1.55;position:relative}.tl-item__points li:before{content:"";background:color-mix(in srgb, #00aeffb3, #2f6fd099 var(--p));border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:2px}.tl-item__foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.tl-item__status{letter-spacing:0;color:color-mix(in srgb, #e8eef8, #2c3852 var(--p));background:color-mix(in srgb, #ffffff0d, #101a2d0d var(--p));border:1px solid color-mix(in srgb, #ffffff1f, #101a2d1a var(--p));border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:500}.tl-item__tags{flex-wrap:wrap;gap:7px;display:flex}.tl-chip{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.01em;color:color-mix(in srgb, #cdd9ee, #2b384f var(--p));background:color-mix(in srgb, #ffffff0f, #101a2d0d var(--p));border:1px solid color-mix(in srgb, #ffffff24, #101a2d1f var(--p));opacity:0;border-radius:6px;padding:4px 10px;font-size:11.5px;transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.tl-item.is-open .tl-chip{opacity:1;transition-delay:calc(.32s + var(--ci,0) * 60ms);transform:none}.tl-item__view{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.04em;color:color-mix(in srgb, #2f8fdf, #1470c4 var(--p));background:color-mix(in srgb, #00aeff1f, #0082dc17 var(--p));border:1px solid color-mix(in srgb, #00aeff52, #0082dc3d var(--p));cursor:pointer;opacity:0;border-radius:999px;align-items:center;padding:6px 14px;font-size:12.5px;transition:opacity .5s,transform .3s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s;display:inline-flex}.tl-item.is-open .tl-item__view{opacity:1;transition-delay:.46s}@media (hover:hover){.tl-item.is-open .tl-item__view:hover{background:color-mix(in srgb, #00aeff33, #2f6fd029 var(--p));border-color:color-mix(in srgb, #00aeff80, #2f6fd073 var(--p));transform:translate(4px)}}.wm{z-index:1000;background:rgba(9, 15, 27, calc(.5 - .34 * var(--wm-pull,0)));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:center;padding:clamp(20px,4vw,48px);animation:.3s both wmFade;display:flex;position:fixed;inset:0}@keyframes wmFade{0%{opacity:0}to{opacity:1}}.wm__panel{scrollbar-width:none;overscroll-behavior-y:contain;background:linear-gradient(#fff 0%,#eef2f9 100%);border:1px solid #141e321a;border-radius:22px;width:min(720px,100%);max-height:88dvh;animation:.46s cubic-bezier(.16,1,.3,1) both wmPop;position:relative;overflow:hidden auto;box-shadow:inset 0 2px #ffffffb3,0 60px 120px -38px #080e1aa8,0 18px 44px -30px #080e1a80}.wm__panel::-webkit-scrollbar{display:none}.wm__panel:before{content:"";opacity:.9;z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#00aeff 22%,#5566d8 78%,#0000);height:2px;position:absolute;top:0;left:0;right:0}@keyframes wmPop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.wm__close{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0c142252;border:1px solid #fff6;border-radius:50%;width:38px;height:38px;transition:background-color .25s,transform .25s;position:absolute;top:14px;right:14px}.wm__close span{background:#fff;width:15px;height:1.8px;position:absolute;top:50%;left:50%}.wm__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.wm__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}@media (hover:hover){.wm__close:hover{background:#0c142280;transform:rotate(90deg)}}.wm__panel[data-noimg] .wm__close{background:#141e320f;border-color:#141e3224}.wm__panel[data-noimg] .wm__close span{background:#33415c}@media (hover:hover){.wm__panel[data-noimg] .wm__close:hover{background:#141e321f}}.wm__cover{aspect-ratio:16/9;border-radius:22px 22px 0 0;position:relative;overflow:hidden}.wm__art{background:radial-gradient(120% 92% at 78% 10%, #ffffff2e, transparent 56%), var(--cover,linear-gradient(150deg, #102f54, #2f7fc0));animation:16s cubic-bezier(.22,1,.36,1) both wmArt;position:absolute;inset:-6% -3%;transform:scale(1.08)}@keyframes wmArt{to{transform:scale(1)}}.wm__cover-scrim{pointer-events:none;background:linear-gradient(#0000 48%,#060c1880),linear-gradient(105deg,#060c1847,#0000 46%);position:absolute;inset:0}.wm__cover-tag{font-family:var(--mono,ui-monospace, Consolas, monospace);letter-spacing:.16em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;padding:6px 13px;font-size:10.5px;position:absolute;top:clamp(16px,2.4vw,22px);left:clamp(18px,3vw,30px)}.wm__num{font-family:var(--mono,ui-monospace, Consolas, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#ffffff38;text-shadow:0 2px 30px #00000040;pointer-events:none;font-size:clamp(58px,8vw,118px);font-weight:700;line-height:.8;position:absolute;bottom:clamp(2px,1vw,12px);right:clamp(16px,2.6vw,28px)}.wm__body{flex-direction:column;gap:clamp(18px,2.4vw,26px);padding:clamp(24px,3.4vw,42px);display:flex}.wm__panel[data-noimg] .wm__body{padding-top:clamp(40px,5vw,58px)}.wm__body>*{animation:.55s cubic-bezier(.16,1,.3,1) both wmRise}.wm__body>:first-child{animation-delay:.12s}.wm__body>:nth-child(2){animation-delay:.19s}.wm__body>:nth-child(3){animation-delay:.26s}.wm__body>:nth-child(4){animation-delay:.33s}.wm__body>:nth-child(5){animation-delay:.4s}.wm__body>:nth-child(6){animation-delay:.47s}.wm__body>:nth-child(7){animation-delay:.54s}@keyframes wmRise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.wm__head{flex-direction:column;gap:10px;display:flex}.wm__kicker{background:linear-gradient(90deg,#00aeff,#5566d8);border-radius:2px;width:46px;height:3px;box-shadow:0 0 14px #00aeff73}.wm__client{letter-spacing:0;color:#4c6b96;margin:2px 0 -2px;font-size:12.5px;font-weight:500}.wm__title{letter-spacing:-.02em;color:#0d1626;margin:0;font-size:clamp(21px,2.05vw,28px);font-weight:700;line-height:1.18}.wm__period{font-variant-numeric:tabular-nums;letter-spacing:0;color:#6c7892;align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.wm__period-dot{background:#00aeff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00aeff99}.wm__lead{color:#3c4a63;margin:4px 0 0;font-size:clamp(14px,1.1vw,15.5px);font-weight:500;line-height:1.6}.wm__note{color:#1c3350;background:linear-gradient(90deg,#00aeff1f,#5566d80f);border-left:3px solid #00aeff;border-radius:0 10px 10px 0;margin:0;padding:13px 16px;font-size:clamp(13px,1.05vw,14.5px);font-weight:500;line-height:1.6}.wm__section{flex-direction:column;display:flex}.wm__h{letter-spacing:.12em;text-transform:uppercase;color:#6b7b97;margin:0 0 .85em;padding-left:14px;font-size:12.5px;font-weight:700;position:relative}.wm__h:before{content:"";background:linear-gradient(#00aeff,#3b82f6);border-radius:2px;width:3px;position:absolute;top:.05em;bottom:.05em;left:0}.wm__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wm__list li{color:#41506a;padding-left:18px;font-size:clamp(13.5px,1.1vw,15px);line-height:1.62;position:relative}.wm__list li:before{content:"";background:#2291ef;border-radius:2px;width:6px;height:6px;position:absolute;top:.62em;left:3px;transform:rotate(45deg)}.wm__list--feat li:before{background:#9fb2cc;border-radius:50%;transform:none}.wm__tags{flex-wrap:wrap;gap:8px;display:flex}.wm__chip{color:#29405f;background:#0082dc14;border:1px solid #0082dc33;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.wm__rows{flex-direction:column;margin:0;display:flex}.wm__row{border-bottom:1px solid #e1e6f0;justify-content:space-between;align-items:baseline;gap:1.4em;padding:.7em 0;display:flex}.wm__row:last-child{border-bottom:none}.wm__row-k{letter-spacing:0;color:#93a0ba;flex:none;font-size:12.5px;font-weight:500}.wm__row-v{color:#1c2740;text-align:right;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:1.5}.wm__links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.wm__link{color:#1470c4;background:#0082dc14;border:1px solid #0082dc33;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .22s,background-color .22s,border-color .22s;display:inline-flex}.wm__link-arrow{font-size:12px;line-height:1;transition:transform .22s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.wm__link:hover{color:#0b62b0;background:#0082dc29;border-color:#0082dc70}.wm__link:hover .wm__link-arrow{transform:translate(2px,-2px)}}.wm__link--doc{padding:4px 10px;font-size:12px}.wm__docs{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:flex}.wm__doc-line{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.wm__panel[data-tone=a]{--cover:linear-gradient(150deg, #0e2f54 0%, #2f7fc0 100%)}.wm__panel[data-tone=b]{--cover:linear-gradient(150deg, #0d3346 0%, #1f9fb4 100%)}.wm__panel[data-tone=c]{--cover:linear-gradient(150deg, #1a2752 0%, #4257c8 100%)}.wm__panel[data-tone=d]{--cover:linear-gradient(150deg, #14275a 0%, #5566d8 100%)}.wm__panel[data-tone=e]{--cover:linear-gradient(150deg, #143a52 0%, #2a8fb0 100%)}.wg{background:#e7edf6;border:1px solid #141e321a;border-radius:14px;position:relative;overflow:hidden}.wg__track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:clamp(320px,52vh,460px);display:flex;overflow:auto hidden}.wg__track::-webkit-scrollbar{display:none}.wg__slide{scroll-snap-align:center;cursor:zoom-in;background:0 0;border:none;flex:0 0 100%;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.wg__slide img{box-sizing:border-box;object-fit:contain;object-position:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:10px;display:block}.wg__zoom{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0c14226b;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:opacity .22s;display:flex;position:absolute;bottom:10px;right:10px}@media (hover:hover){.wg__slide:hover .wg__zoom{opacity:1}}.wg__nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0c142266;border:1px solid #ffffff80;border-radius:50%;width:34px;height:34px;transition:background-color .2s,opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.wg__nav:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:9px;position:absolute;top:50%;left:50%}.wg__nav--prev{left:10px}.wg__nav--prev:before{transform:translate(-30%,-50%)rotate(45deg)}.wg__nav--next{right:10px}.wg__nav--next:before{transform:translate(-70%,-50%)rotate(-135deg)}.wg__nav:disabled{opacity:0;pointer-events:none}@media (hover:hover){.wg__nav:hover{background:#0c142299}}.wg__dots{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c142252;border-radius:999px;gap:7px;padding:5px 9px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wg__dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background-color .2s,transform .2s}.wg__dot.is-active{background:#fff;transform:scale(1.3)}.wg__count{font-variant-numeric:tabular-nums;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c14226b;border-radius:999px;padding:3px 9px;font-size:11px;position:absolute;top:10px;right:10px}.wg__caption{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0c142280;border:1px solid #ffffff2e;border-radius:999px;max-width:min(72%,340px);padding:4px 11px;font-size:11.5px;font-weight:500;line-height:1.4;position:absolute;top:10px;left:10px;overflow:hidden}.lb{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a14d1;justify-content:center;align-items:center;padding:clamp(16px,4vw,56px);animation:.25s both wmFade;display:flex;position:fixed;inset:0}.lb__img{object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:100%;animation:.3s cubic-bezier(.16,1,.3,1) both wmPop;box-shadow:0 30px 90px -30px #000000b3}.lb__close{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:50%;width:40px;height:40px;transition:background-color .2s,transform .2s;position:absolute;top:16px;right:16px}.lb__close span{background:#fff;width:16px;height:2px;position:absolute;top:50%;left:50%}.lb__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.lb__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}@media (hover:hover){.lb__close:hover{background:#ffffff38;transform:rotate(90deg)}}.lb__nav{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;width:46px;height:46px;transition:background-color .2s,opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.lb__nav:before{content:"";border-bottom:2.4px solid #fff;border-left:2.4px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.lb__nav--prev{left:clamp(10px,3vw,30px)}.lb__nav--prev:before{transform:translate(-30%,-50%)rotate(45deg)}.lb__nav--next{right:clamp(10px,3vw,30px)}.lb__nav--next:before{transform:translate(-70%,-50%)rotate(-135deg)}.lb__nav:disabled{opacity:.25;pointer-events:none}@media (hover:hover){.lb__nav:hover{background:#fff3}}.lb__count{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;max-width:min(86vw,560px);padding:5px 13px;font-size:13px;display:flex;position:absolute;bottom:clamp(14px,3vw,26px);left:50%;transform:translate(-50%)}.lb__caption{text-overflow:ellipsis;border-right:1px solid #ffffff47;padding-right:10px;font-weight:500;overflow:hidden}@media (prefers-reduced-motion:reduce){.lb,.lb__img{animation:none}}@media (width<=768px){.wm{padding:0}.wm__panel{border:none;border-radius:0;width:100%;max-width:none;height:100%;max-height:100dvh;animation:.42s cubic-bezier(.16,1,.3,1) both wmSlideUp}.wm__panel:before{height:3px}.wm__cover{aspect-ratio:3/2;border-radius:0}.wm__title{font-size:clamp(22px,6vw,28px)}.wm__body{gap:22px;padding:clamp(22px,5.5vw,30px)}}@keyframes wmSlideUp{0%{transform:translateY(100%)}to{transform:none}}.wm__panel.is-sheet-drag{will-change:transform;transition:none}.wm__panel.is-sheet-settle{transition:transform .34s cubic-bezier(.16,1,.3,1)}.wm.is-sheet-dismiss{opacity:0;pointer-events:none;transition:opacity .28s;animation:none}.wm.is-sheet-dismiss .wm__panel{transition:transform .28s cubic-bezier(.4,0,1,1)}@media (prefers-reduced-motion:reduce){.wm,.wm__panel,.wm__art,.wm__body>*{animation:none}.wm__art{transform:none}}.tl-item[data-tone=a]{--cover:linear-gradient(150deg, #0e2f54 0%, #2f7fc0 100%)}.tl-item[data-tone=b]{--cover:linear-gradient(150deg, #0d3346 0%, #1f9fb4 100%)}.tl-item[data-tone=c]{--cover:linear-gradient(150deg, #1a2752 0%, #4257c8 100%)}.tl-item[data-tone=d]{--cover:linear-gradient(150deg, #14275a 0%, #5566d8 100%)}.tl-item[data-tone=e]{--cover:linear-gradient(150deg, #143a52 0%, #2a8fb0 100%)}.tl-item.is-noimg .tl-item__content{grid-template-columns:1fr}.tl-item.is-noimg .tl-item__detail{border-left:2px solid color-mix(in srgb, #00aeff8c, #2f6fd080 var(--p));gap:16px;max-width:74ch;padding-left:clamp(16px,1.5vw,24px)}.tl-item.is-noimg .tl-item__desc{color:color-mix(in srgb, #d8e2f2d1, #41506a var(--p));font-size:clamp(14.5px,1.05vw,16px)}@media (width<=720px){.tl-item__content{grid-template-columns:1fr;gap:16px}.tl-item__role{display:none}}@media (width<=460px){.tl-item__period{font-size:11px}.tl-item__bar{gap:10px}}@media (prefers-reduced-motion:reduce){.tl__line,.tl-year__head,.tl-item,.tl-item__panel,.tl-item__content,.tl-item__cover,.tl-item__desc,.tl-item__num,.tl-chip,.tl-item__view,.tl-item__art,.tl-item__dot,.tl-item__title{transition:none}.tl-item__art{transform:none!important}.tl-year__head,.tl-item{filter:none}.tl__line{opacity:1;transform:translate(-50%)scaleY(1)}.tl-item.is-open .tl-item__dot:after{animation:none}}