@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";:root{--ink:#0a0a0a;--paper:#fff;--muted:#8a8a8a;--line:#ffffff24;--line-strong:#fff6;--accent:#e8e8e8;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Pretendard", system-ui, sans-serif;--pad-x:clamp(1.25rem, 5vw, 6rem);--section-y:clamp(5rem, 12vw, 10rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;display:block}.section{padding:var(--section-y) var(--pad-x);max-width:1440px;margin:0 auto}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:900;line-height:.95}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.header{z-index:100;padding:1.1rem var(--pad-x);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.header--solid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);background:#0a0a0acc}.header__logo{letter-spacing:.02em;font-size:1.05rem;font-weight:900}.header__nav{color:var(--accent);gap:1.75rem;margin-left:auto;font-size:.9rem;display:flex}.header__nav a{padding-bottom:2px;position:relative}.header__nav a:after{content:"";background:var(--paper);width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.header__nav a:hover:after{width:100%}@media (width<=680px){.header__nav{gap:1rem;font-size:.78rem}}.footer{padding:clamp(3rem, 8vw, 6rem) var(--pad-x) 2.5rem;border-top:1px solid var(--line);max-width:1440px;margin:0 auto}.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;display:grid}.footer__name{font-size:1.5rem;font-weight:900}.footer__role{color:var(--accent);margin-top:.5rem;font-size:.95rem}.footer__intro{color:var(--muted);max-width:46ch;margin-top:1.25rem;font-size:.92rem;line-height:1.7}.footer__col-title{margin-bottom:1.1rem}.footer__links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer__links a{color:var(--accent);font-size:.95rem}.footer__links a:hover{text-underline-offset:4px;text-decoration:underline}.footer__copy{color:var(--muted);border-top:1px solid var(--line);padding-top:2rem;font-size:.82rem}@media (width<=720px){.footer__grid{grid-template-columns:1fr;gap:2.5rem}}.hero{min-height:100svh;padding:6rem var(--pad-x) 3rem;flex-direction:column;justify-content:center;max-width:1440px;margin:0 auto;display:flex;position:relative}.hero__eyebrow{color:var(--muted);margin-bottom:1.75rem;font-size:.95rem}.hero__title{text-transform:uppercase;font-size:clamp(1rem,15vw,9rem)}.hero__lead{max-width:46ch;color:var(--accent);margin-top:2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.hero__cta{border:1px solid var(--line-strong);border-radius:999px;margin-top:2.5rem;padding:.85rem 2rem;font-size:.95rem;transition:background .25s,color .25s;display:inline-block}.hero__cta:hover{background:var(--paper);color:var(--ink)}.hero__scroll{bottom:2rem;right:var(--pad-x);color:var(--muted);writing-mode:vertical-rl;letter-spacing:.15em;font-size:.8rem;position:absolute}.section-title{margin-bottom:clamp(2.5rem,6vw,5rem)}.section-title__row{border-bottom:1px solid var(--line);align-items:baseline;gap:1.25rem;padding-bottom:1.25rem;display:flex}.section-title__index{font-family:var(--font-display);color:var(--muted);flex-shrink:0;font-size:1rem;font-weight:700}.section-title__text{text-transform:uppercase;font-size:clamp(2.25rem,7vw,5rem)}.section-title__sub{color:var(--muted);max-width:60ch;margin-top:1.25rem;font-size:1rem}.loader{color:var(--muted);padding:2rem 0;font-size:.95rem}.loader--error{color:#ff6b6b}.services__grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr;gap:1px;display:grid}.services__item{background:var(--ink);padding:2.25rem}.services__num{font-family:var(--font-display);color:var(--muted);font-size:.85rem;font-weight:700}.services__title{font-family:var(--font-display);margin-top:1rem;font-size:1.5rem;font-weight:700;line-height:1.15}.services__desc{color:var(--accent);margin-top:.9rem;line-height:1.65}.services__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;list-style:none;display:flex}.services__tags li{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.3rem .85rem;font-size:.82rem}.process__list{list-style:none}.process__item{border-top:1px solid var(--line);grid-template-columns:120px 1fr;align-items:start;gap:2rem;padding:2rem 0;display:grid}.process__item:last-child{border-bottom:1px solid var(--line)}.process__step{font-family:var(--font-display);color:var(--line-strong);padding-top:10px;font-size:2.5rem;font-weight:900;line-height:1}.process__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.15}.process__desc{color:var(--accent);max-width:65ch;margin-top:.75rem;line-height:1.65}.process__item:first-child{border-top:none}@media (width<=680px){.process__item{grid-template-columns:1fr;gap:.75rem}.process__step{font-size:1.75rem}}.projects__list{flex-direction:column;gap:clamp(4rem,9vw,8rem);display:flex}.project{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.project--media-right .project__media-link,.project--media-right>.project__media{order:2}.project__media-link{border-radius:14px;display:block;overflow:hidden}.project__media{aspect-ratio:16/10;border:1px solid var(--line);background:#141414;border-radius:14px;position:relative;overflow:hidden}.project__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project__media-link:hover .project__media img{transform:scale(1.04)}.project__media-fallback{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);width:100%;height:100%}.project__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;line-height:1.1}.project__meta{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.project__meta-row{gap:1.5rem;font-size:.95rem;display:flex}.project__meta-row dt{color:var(--muted);font-family:var(--font-display);min-width:72px;font-weight:700}.project__meta-row dd{color:var(--accent)}.project__desc{color:var(--accent);margin-top:1.5rem;font-size:1rem;line-height:1.75}.project__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;list-style:none;display:flex}.project__tags li{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.82rem}.project__cta{border:1px solid var(--line-strong);border-radius:999px;margin-top:2rem;padding:.8rem 1.75rem;font-size:.9rem;transition:background .25s,color .25s;display:inline-block}.project__cta:hover{background:var(--paper);color:var(--ink)}@media (width<=860px){.project{grid-template-columns:1fr;gap:1.75rem}.project--media-right .project__media-link,.project--media-right>.project__media{order:0}}.skills__groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.skills__group{border:1px solid var(--line);background:#0d0d0d;border-radius:16px;padding:1.5rem}.skills__head{text-align:center;border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding:.75rem 0 1.5rem}.skills__category{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.skills__cat-desc{color:var(--muted);margin-top:.4rem;font-size:.9rem}.skills__icons{grid-template-columns:repeat(3,1fr);gap:.9rem;list-style:none;display:grid}.skills__icon{border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem .75rem;transition:transform .25s;display:flex}.skills__icon:hover{transform:translateY(-3px)}.skills__icon img{object-fit:contain;width:44px;height:44px}.skills__icon-text{font-family:var(--font-display);align-items:center;height:44px;font-size:.95rem;font-weight:700;display:flex}.skills__icon-label{color:var(--accent);text-align:center;font-size:.8rem}.experience__list{list-style:none}.experience__item{border-top:1px solid var(--line);grid-template-columns:120px 1fr;align-items:start;gap:2rem;padding:2rem 0;display:grid}.experience__item:last-child{border-bottom:1px solid var(--line)}.experience__step{font-family:var(--font-display);color:var(--line-strong);padding-top:10px;font-size:2.5rem;font-weight:900;line-height:1}.experience__role{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.15}.experience__company{color:var(--accent);margin-top:.3rem}.experience__desc{color:var(--accent);max-width:65ch;margin-top:.75rem;line-height:1.65}.experience__item:first-child{border-top:none;padding-top:0}@media (width<=680px){.experience__item{grid-template-columns:1fr;gap:.75rem}.experience__step{font-size:1.75rem}}.contact__grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact__lead{text-transform:uppercase;font-size:clamp(2rem,6vw,4rem)}.contact__links{list-style:none}.contact__links li a,.contact__links li .contact__static{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:1.1rem;display:flex}.contact__links li:last-child a,.contact__links li:last-child .contact__static{border-bottom:1px solid var(--line)}.contact__label{color:var(--muted);font-family:var(--font-display);font-size:.9rem;font-weight:500}.contact__links a:hover .contact__value{text-underline-offset:4px;text-decoration:underline}@media (width<=720px){.contact__grid{grid-template-columns:1fr}}