:root{--color-primary: #192e35;--color-primary-variant: #243f47;--color-accent: #a9ded0;--color-accent-ink: #28685b;--color-accent-soft: #edf4ef;--color-text: #f7f8f5;--color-white: #ffffff;--color-muted: #64716f;--color-border: #dde3dc;--color-dark-muted: #b9ccc8;--color-dark-border: #3b555c;--color-page: #f7f7f2;--radius-card: 20px;--radius-control: 10px;--shadow-card: 0 8px 32px rgb(25 46 35 / 4%);--size-max-width: 1200px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Open Sans,Noto Sans KR,system-ui,sans-serif;background:var(--color-page);color:var(--color-primary);line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #528e7e;outline-offset:5px}::selection{background:#c4e3d7;color:#192e35}.max-container{max-width:var(--size-max-width);margin-inline:auto}.section{padding:6.5rem 3rem;scroll-margin-top:6rem}.section.max-container{max-width:calc(var(--size-max-width) + 6rem)}.eyebrow{color:var(--color-accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.17em;line-height:1.6;margin-bottom:1.4rem}.title{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.4;letter-spacing:-.055em;word-break:keep-all}.description{margin-top:.8rem;color:var(--color-muted);font-size:.98rem;word-break:keep-all;overflow-wrap:anywhere}.section-heading{text-align:left}.header{position:fixed;z-index:10;top:1rem;left:50%;transform:translate(-50%);width:min(1200px,calc(100% - 3rem));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#f7f7f2f0;border:1px solid rgb(221 227 220 / 90%);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow .18s ease}.header--dark{box-shadow:0 6px 24px #192e2314}.header__logo{display:flex;align-items:center;gap:.65rem}.header__monogram{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary);color:#e6f2e8;font-weight:700;font-size:1.15rem}.header__logo__title{font-size:1.05rem;letter-spacing:-.04em}.header__menu{display:flex;gap:.25rem}.header__menu__item{display:block;padding:.5rem .75rem;border-radius:8px;font-size:.82rem;color:var(--color-muted);transition:background-color .18s ease,color .18s ease}.header__menu__item:hover,.header__menu__item.active{color:var(--color-accent-ink);background:#e7eee7}.header__toggle{display:none;width:44px;height:44px;font-size:1.2rem;border-radius:8px}#home{padding:11rem 3rem 0;background:radial-gradient(ellipse at 90% 35%,#e5eee3,transparent 55%),var(--color-page)}.home__container{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:5rem;max-width:var(--size-max-width);margin:auto}.home__title{font-size:clamp(2.5rem,4.7vw,4.4rem);line-height:1.3;letter-spacing:-.065em;word-break:keep-all}.home__title--strong{color:var(--color-accent-ink);font-weight:700}.home__description{margin-top:1.75rem;color:var(--color-muted);font-size:1rem;line-height:1.95;word-break:keep-all}.home__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2.25rem}.home__contact{display:inline-flex;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;border:1px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-text);font-size:.9rem;transition:background-color .18s ease}.home__contact:hover{background:var(--color-accent-ink)}.home__secondary{font-size:.88rem;padding-block:.75rem}.home__secondary span{margin-left:.8rem;color:var(--color-accent-ink)}.home__profile{padding:2rem;background:var(--color-primary);border:1px solid var(--color-dark-border);border-radius:24px;color:var(--color-text);box-shadow:0 24px 60px #192e231f}.home__profile-top{display:flex;justify-content:space-between;color:var(--color-accent);font-size:.65rem;letter-spacing:.14em}.home__profile-top>:last-child{font-size:1.2rem}.home__profile-title{margin:1.5rem 0 1.8rem;font-size:1.7rem;line-height:1.5;letter-spacing:-.04em}.home__focus li{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--color-dark-border)}.home__focus-number{color:var(--color-accent);font-size:.7rem;padding-top:.25rem}.home__focus strong{font-size:.85rem;font-weight:600}.home__focus p{font-size:.75rem;color:var(--color-dark-muted);margin-top:.2rem}.home__profile-bottom{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.home__profile-bottom span{padding:.25rem .65rem;border-radius:6px;background:#304b52;color:#d8e6df;font-size:.7rem}.home__footnote{display:flex;justify-content:space-between;gap:1rem;max-width:var(--size-max-width);margin:4.5rem auto 0;padding:1.5rem 0;border-bottom:1px solid var(--color-border);font-size:.7rem;color:var(--color-muted)}.home__footnote>span{letter-spacing:.13em}.home__footnote a span{margin-left:1rem}.about__intro{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}.about__copy{padding-top:.25rem;color:var(--color-muted);font-size:.95rem;word-break:keep-all}.about__copy p+p{margin-top:1rem}.majors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:3rem}.major{padding:1.75rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.major__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1.5rem;background:var(--color-accent-soft);color:var(--color-accent-ink);border-radius:12px;font-size:1.4rem}.major__title{font-size:1.1rem;font-weight:700}.major>p:last-child{margin-top:.4rem;color:var(--color-muted);font-size:.87rem}#skills{background:#eef1ea;border-block:1px solid var(--color-border)}#skills>.max-container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:4rem}.skills{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem}.skills__coding,.skills__tools,.skills__etc{min-width:0;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-card)}.skills__coding{grid-row:span 2}.skills__title{margin-bottom:1rem;font-size:.85rem;color:var(--color-accent-ink)}.skills__tools li,.skills__etc li{font-size:.85rem;color:var(--color-muted);padding:.2rem 0}.bar{display:flex;flex-direction:column;gap:.65rem;padding:.7rem 0}.bar__metadata{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.bar__metadata>:last-child{color:var(--color-muted);font-variant-numeric:tabular-nums}.bar__bg{height:4px;background:#e9eee8;border-radius:10px;overflow:hidden}.bar__value{height:100%;background:#578e7c;border-radius:inherit}#work{background:var(--color-primary);color:var(--color-text)}#work .eyebrow,#contact .eyebrow{color:var(--color-accent)}#work .description,#contact .description{color:var(--color-dark-muted)}.categories{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.5rem 0 2rem}.category{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;padding:.5rem 1rem;border:1px solid var(--color-dark-border);border-radius:8px;color:#cfddd7;font-size:.8rem;transition:background-color .18s ease}.category:hover{background:#304b52}.category--selected,.category--selected:hover{background:#d3e6d9;color:var(--color-primary);border-color:#d3e6d9}.category__count{display:inline-grid;place-items:center;min-width:1.35rem;padding-inline:.2rem;border-radius:4px;background:#8ca69b26;font-size:.7rem}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;transition:opacity .18s ease,transform .18s ease}.projects.anim-out{opacity:0;transform:translateY(6px)}.project{min-width:0;border:1px solid var(--color-dark-border);border-radius:14px;background:#243f47;transition:border-color .18s ease,transform .18s ease}.project>a{position:relative;display:block;height:100%;border-radius:inherit}.project__img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:13px}.project__metadata{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;border-radius:inherit;background:#13292ef0;text-align:center;opacity:0;transition:opacity .2s ease}.project:hover .project__metadata,.project:focus-within .project__metadata{opacity:1}.project__title{font-size:1.05rem;margin-bottom:.65rem}.project__metadata p{color:var(--color-dark-muted);font-size:.85rem;overflow-wrap:anywhere}.project:focus-within{border-color:var(--color-accent)}.projects__empty{padding:3rem 1rem;color:var(--color-dark-muted);border:1px dashed var(--color-dark-border);border-radius:14px;text-align:center}@media(hover:hover){.project:hover{border-color:var(--color-accent);transform:translateY(-3px)}}#contact{background:var(--color-primary);color:var(--color-text);text-align:center}#contact .title{font-size:clamp(2rem,4vw,3.5rem)}#contact .title span{color:var(--color-accent)}#contact .description{margin-top:1.5rem}#contact .description a{display:inline-block;padding-bottom:.4rem;border-bottom:1px solid var(--color-dark-border)}.contact__links{display:flex;justify-content:center;gap:.75rem;margin:1.5rem 0 3rem}.contact__link{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--color-dark-border);border-radius:12px;font-size:1.4rem;transition:color .18s ease,border-color .18s ease}.contact__link:hover{color:var(--color-accent);border-color:var(--color-accent)}#contact .max-container>p:last-child{padding-top:2rem;border-top:1px solid var(--color-dark-border);color:var(--color-dark-muted);font-size:.7rem}.arrow-up{position:fixed;z-index:5;bottom:1.5rem;right:1.5rem;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-dark-border);border-radius:12px;background:var(--color-primary);color:var(--color-accent);font-size:1.25rem;box-shadow:var(--shadow-card);transition:opacity .2s ease}@media(max-width:1024px){.section{padding:5rem 2rem}#home{padding:9rem 2rem 0}.home__container{gap:2.5rem}.home__profile{padding:1.5rem}.about__intro{gap:2.5rem}#skills>.max-container{grid-template-columns:1fr;gap:2.5rem}.header__menu__item{padding-inline:.5rem;font-size:.75rem}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.header{width:calc(100% - 2rem);top:.75rem;flex-wrap:wrap;padding:.65rem 1rem;gap:0}.header__toggle{display:block}.header__nav{width:100%;order:3}.header__menu{display:none;flex-direction:column;padding-top:.75rem;gap:.2rem}.header__menu.open{display:flex}.header__menu__item{padding:.65rem .75rem;font-size:.85rem}.home__container,.about__intro{grid-template-columns:1fr;gap:2.5rem}.home__title{font-size:clamp(2.5rem,7vw,3.8rem)}.home__profile{padding:2rem}.home__footnote{margin-top:3rem}.majors{gap:.75rem}.major{padding:1.25rem}.major__title{font-size:1rem}.major>p:last-child{font-size:.8rem}}@media(max-width:480px){.section{padding:3.5rem 1.25rem}#home{padding:8rem 1.25rem 0}.eyebrow{font-size:.65rem}.home__title{font-size:clamp(2rem,8.5vw,2.7rem)}.home__description{font-size:.9rem}.desktop-break{display:none}.home__actions{gap:1rem}.home__profile{padding:1.5rem}.home__footnote{flex-wrap:wrap}.majors,.projects,.skills{grid-template-columns:1fr}.major{padding:1.5rem}.skills__coding{grid-row:auto}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category{width:100%;justify-content:center}.arrow-up{right:1rem;bottom:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.projects.anim-out{opacity:1;transform:none}.project:hover{transform:none}}.project--detail{container-type:inline-size;align-self:stretch}.project__open{display:flex;flex-direction:column;width:100%;height:100%;padding:0;text-align:left;border-radius:inherit}.project__open>.project__img,.project__text-cover{flex-shrink:0;width:100%}.project__open .project__summary{display:flex;flex-direction:column;flex:1;width:100%}.project__open .project__summary>p{margin-bottom:1.2rem}.project__open .project__action{margin-top:auto}.project__open .project__img{aspect-ratio:16 / 9;border-radius:13px 13px 0 0;object-fit:cover}.project__summary{padding:1.4rem}.project__label{display:block;margin-bottom:.6rem;font-size:.65rem;letter-spacing:.08em;color:var(--color-accent)}.project__summary .project__title{margin-bottom:.25rem}.project__summary p{color:var(--color-dark-muted);font-size:.85rem}.project__action{display:flex;justify-content:space-between;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--color-dark-border);color:var(--color-accent);font-size:.8rem}.project-detail{width:min(960px,calc(100% - 2rem));max-height:90dvh;padding:0;border:1px solid var(--color-border);border-radius:20px;background:var(--color-page);color:var(--color-primary);overscroll-behavior:contain}.project-detail::backdrop{background:#0a191ec7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-detail__content{padding:clamp(1.25rem,4vw,3rem)}.project-detail__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}#work .project-detail .eyebrow{color:var(--color-accent-ink);margin:0}.project-detail__close{padding:.5rem .85rem;min-height:44px;border:1px solid var(--color-border);border-radius:8px;font-size:.85rem}.project-detail__subtitle{margin-top:.5rem;font-size:1.05rem;color:var(--color-accent-ink)}.project-detail__overview{margin-top:1.5rem;color:var(--color-muted);word-break:keep-all}.project-detail__facts{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0;padding:1.25rem;background:#eaf0e8;border-radius:12px}.project-detail__facts dt{font-size:.75rem;color:var(--color-muted)}.project-detail__facts dd{margin:.3rem 0 0;font-size:.9rem}.project-detail__document{display:inline-flex;gap:1.5rem;padding:.8rem 1rem;background:var(--color-primary);color:var(--color-text);border-radius:9px;font-size:.85rem}.project-detail__screens{margin-top:3rem}.project-detail__note,.project-detail__source{color:var(--color-muted);font-size:.8rem;margin-top:.5rem}.project-detail__feature{margin:2rem 0 0}.project-detail__feature figcaption{display:flex;gap:1rem;margin-bottom:1rem}.project-detail__number{color:var(--color-accent-ink);font-size:.8rem;padding-top:.2rem}.project-detail__feature h4{margin:0 0 .4rem;font-size:1rem}.project-detail__feature figcaption p{color:var(--color-muted);font-size:.9rem;word-break:keep-all}.project-detail__feature a{display:block}.project-detail__feature img{display:block;width:100%;border:1px solid var(--color-border);border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:480px){.project-detail__facts{grid-template-columns:1fr}}.projects{align-items:start}.project__text-cover{display:flex;flex-direction:column;justify-content:center;aspect-ratio:16 / 9;min-height:12rem;padding:1.5rem;border-radius:13px 13px 0 0;background:linear-gradient(135deg,#304d53,#1c333c);border-bottom:1px solid var(--color-dark-border)}.project__text-cover>span{color:var(--color-accent);font-size:.6rem;letter-spacing:.12em}.project__text-cover strong{margin-block:.75rem;color:var(--color-text);font-size:clamp(.875rem,9cqw,3rem);line-height:1.25;white-space:nowrap;font-weight:600;letter-spacing:-.04em}.project__text-cover small{color:var(--color-dark-muted);font-size:.8rem}.project-detail__contribution{margin-top:2.5rem}.project-detail__entry{display:flex;gap:1rem;padding-block:1.5rem;border-bottom:1px solid var(--color-border)}.project-detail__entry h4{margin:0 0 .5rem;font-size:1rem}.project-detail__entry p{color:var(--color-muted);font-size:.9rem;word-break:keep-all;overflow-wrap:anywhere}.project-detail__notice{margin-top:1.5rem;padding:1rem 1.25rem;border-left:3px solid var(--color-accent-ink);background:#eaf0e8;color:var(--color-muted);font-size:.8rem}.experience[data-v-4e1ceaef]{color:var(--color-primary);scroll-margin-top:5rem}.experience__header[data-v-4e1ceaef]{margin-bottom:3.5rem}.experience__description[data-v-4e1ceaef]{color:var(--color-muted);font-size:1.05rem;line-height:1.7;word-break:keep-all}.experience__timeline[data-v-4e1ceaef]{margin:0;padding:0;list-style:none;text-align:left}.experience__item[data-v-4e1ceaef]{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);gap:2.5rem;padding-bottom:2rem}.experience__item[data-v-4e1ceaef]:before{content:"";position:absolute;top:2rem;bottom:-2rem;left:10rem;width:1px;background:var(--color-border)}.experience__item[data-v-4e1ceaef]:after{content:"";position:absolute;top:2rem;left:calc(10rem - 4px);width:9px;height:9px;border:2px solid var(--color-accent-ink);border-radius:50%;background:var(--color-white);box-shadow:0 0 0 5px var(--color-accent-soft)}.experience__item[data-v-4e1ceaef]:last-child{padding-bottom:0}.experience__item[data-v-4e1ceaef]:last-child:before{display:none}.experience__period[data-v-4e1ceaef]{display:flex;flex-direction:column;align-items:flex-start;padding-top:1.6rem;color:var(--color-muted);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.6}.experience__period-separator[data-v-4e1ceaef]{color:#85939e;font-weight:400}.experience__card[data-v-4e1ceaef]{min-width:0;padding:1.75rem 2rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-card)}.experience__name[data-v-4e1ceaef]{font-size:1.3rem;line-height:1.5;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere}.experience__summary[data-v-4e1ceaef]{margin-top:.35rem;color:var(--color-muted);font-size:.95rem;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.experience__tags[data-v-4e1ceaef]{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.experience__tags li[data-v-4e1ceaef]{padding:.25rem .65rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-accent-soft);color:var(--color-accent-ink);font-size:.75rem;font-weight:600;line-height:1.5}.experience__tasks[data-v-4e1ceaef]{display:grid;gap:.7rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #edf0f3}.experience__tasks li[data-v-4e1ceaef]{position:relative;padding-left:1rem;color:#414c5b;font-size:.925rem;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}.experience__tasks li[data-v-4e1ceaef]:before{content:"";position:absolute;top:.75em;left:0;width:4px;height:4px;border-radius:50%;background:var(--color-accent-ink)}@media(max-width:768px){.experience__header[data-v-4e1ceaef]{margin-bottom:2rem}.experience__item[data-v-4e1ceaef]{grid-template-columns:minmax(0,1fr);gap:.75rem;padding-left:1.25rem}.experience__item[data-v-4e1ceaef]:before{top:.6rem;bottom:-.6rem;left:0}.experience__item[data-v-4e1ceaef]:after{top:.6rem;left:-4px}.experience__period[data-v-4e1ceaef]{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding-top:0;font-size:.8rem}.experience__card[data-v-4e1ceaef]{padding:1.4rem}.experience__name[data-v-4e1ceaef]{font-size:1.15rem}}@media(max-width:480px){.experience[data-v-4e1ceaef]{padding:3rem 1.25rem}.experience__card[data-v-4e1ceaef]{padding:1.15rem}}