@font-face{font-family:Space Grotesk;src:url(/assets/fonts/space-grotesk.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/assets/fonts/noto-sans-kr.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Space Grotesk,Noto Sans KR,sans-serif;color:#000;background:#eee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#eee;--white:#fff;--line:#d9d9d9;--muted:#5c5c5c}*,*:before,*:after{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #000;outline-offset:6px}::selection{background:#000;color:#fff}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}.wrap{width:min(1280px,calc(100% - 160px));margin-inline:auto}.section-inner{padding-block:64px}.surface-white{background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:16px;top:16px;padding:12px 18px;background:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}.intro-scroll{height:350svh;position:relative;pointer-events:none}.intro-sticky{position:sticky;top:0;height:100svh;overflow:hidden;z-index:5;--title-opacity:1;--scene-opacity:1}.intro-visual{position:absolute;inset:0;opacity:var(--scene-opacity);background:#eee}.intro-visual>div{width:100%!important;height:100%!important}.intro-poster{width:100%;height:100%;object-fit:cover}.intro-top{position:absolute;top:48px;left:max(40px,calc((100vw - 1280px)/2));right:max(40px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;opacity:var(--title-opacity);pointer-events:auto}.intro-brand{font-size:22px;font-weight:700;letter-spacing:-.6px}.intro-top button{background:none;border:0;color:#464646;font-size:14px;padding:12px 0 12px 20px;display:flex;gap:10px;align-items:center}.intro-title{position:absolute;left:max(40px,calc((100vw - 1280px)/2));bottom:11%;font-size:clamp(64px,6.4vw,100px);line-height:.98;letter-spacing:-5px;font-weight:700;opacity:var(--title-opacity);transform:translateY(calc(var(--intro-progress,0)*-80px));pointer-events:none}.scroll-cue{position:absolute;bottom:40px;left:50%;width:32px;height:56px;margin-left:-16px;background:none;border:0;opacity:var(--title-opacity);pointer-events:auto}.scroll-cue span{display:block;width:1px;height:42px;margin:auto;background:linear-gradient(transparent,#777);transform-origin:top;animation:scroll-cue 2.7s ease-in-out infinite}@keyframes scroll-cue{0%,to{transform:scaleY(.6);opacity:.4}50%{transform:scaleY(1);opacity:1}}.page{position:relative;margin-top:-100svh;background:#eee;isolation:isolate}.page.no-intro{margin-top:0}.page:focus{outline:0}.site-header{height:88px;display:flex;align-items:center}.wordmark{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:-.5px;display:flex;gap:12px;align-items:center}.wordmark>span{font-size:24px}.hero{min-height:max(618px,calc(100svh - 88px));display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding-block:16px 32px}.hero-copy{padding-block:30px}.hero h1{font-size:clamp(68px,7.05vw,100px);line-height:.98;font-weight:700;letter-spacing:-5px;margin-bottom:30px}.hero-statement{font-family:Noto Sans KR,sans-serif;font-size:22px;line-height:1.5;font-weight:700;letter-spacing:-.7px;margin-bottom:24px}.hero-description{font-family:Noto Sans KR,sans-serif;font-size:16px;line-height:1.75;color:var(--muted);letter-spacing:-.45px}.profile-links{display:flex;gap:28px;align-items:center;margin-top:28px}.profile-links a{display:inline-flex;gap:10px;align-items:center;font-size:16px;font-weight:700;padding-block:6px}.profile-links a span,.contact-links a span{transition:transform .2s}.profile-links a:hover span,.contact-links a:hover span{transform:translate(3px,-3px)}.card-stage{position:relative;width:100%;height:530px;perspective:1500px;display:flex;align-items:center;justify-content:center}.card-mountains{position:absolute;width:110%;max-width:none;left:-5%;top:10%;height:75%;opacity:.6;filter:blur(12px);pointer-events:none;object-fit:contain}.card-hit-area{position:relative;width:90%;max-width:560px;aspect-ratio:9/5;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:28px!important}.is-dragging .card-hit-area{cursor:grabbing}.business-card{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(-10deg) rotate(-6deg);will-change:transform}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 18px 35px -16px #0004}.card-face img{width:100%;height:100%;object-fit:fill;pointer-events:none}.card-front{transform:translateZ(1.8px)}.card-back{transform:rotateY(180deg) translateZ(1.8px)}.card-edge{position:absolute;inset:0;border-radius:3px;background:#bbb;transform:translateZ(0);box-shadow:0 0 0 1px #ddd}.card-floor-shadow{position:absolute;top:69%;width:78%;height:30px;background:#0002;filter:blur(28px);border-radius:50%;transform:rotate(-6deg);pointer-events:none}.card-controls{position:absolute;bottom:32px;right:16px;display:flex;gap:12px}.card-controls button{background:transparent;border:1px solid #bcbcbc;color:#464646;width:36px;height:36px;border-radius:50%;font-size:20px;transition:background .2s,color .2s}.card-controls button:hover{background:#000;color:#fff;border-color:#000}h2{font-family:Noto Sans KR,sans-serif;font-size:36px;line-height:1.5;letter-spacing:-1.1px;font-weight:700;margin-bottom:32px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.focus-grid h3{font-size:27px;line-height:1.5;letter-spacing:-.6px;margin-bottom:16px}.focus-grid p{font-family:Noto Sans KR,sans-serif;font-size:16px;line-height:1.75;color:var(--muted);letter-spacing:-.45px;word-break:keep-all}.skills-section{display:grid;grid-template-columns:minmax(0,784fr) minmax(0,432fr);gap:64px}.skills-section h2{margin-bottom:24px}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-grid{display:grid;gap:12px}.brand-tile{min-height:80px;border:1px solid var(--line);border-radius:2px;display:flex;gap:16px;align-items:center;padding:18px 20px;background:#fff;min-width:0}.brand-tile img{width:32px;height:32px;flex-shrink:0;object-fit:contain}.brand-tile span{font-size:18px;letter-spacing:-.3px;white-space:nowrap}.tool-grid .brand-tile{min-height:72px}.certificate-name{border-top:1px solid var(--line);padding-top:24px;font-family:Noto Sans KR,sans-serif;font-size:28px;line-height:1.5;font-weight:700;letter-spacing:-.7px}.contact-section{background:#000;color:#fff}.contact-section h2{font-size:44px;margin-bottom:24px}.contact-links{display:grid;gap:22px;justify-items:start}.contact-links a{display:inline-flex;align-items:center;gap:10px;font-size:21px;line-height:1.5;color:#d9d9d9}.contact-links .email-link{font-size:25px;color:#fff}.replay{margin-top:44px;background:none;color:#bcbcbc;border:0;padding:10px 0;font-size:13px;display:flex;gap:10px;align-items:center}.replay:hover{color:#fff}@media(min-width:1600px){.hero{min-height:max(650px,calc(100svh - 88px))}}@media(max-width:1150px){.wrap{width:calc(100% - 96px)}.hero{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:82px}.hero-statement{font-size:18px}.card-stage{height:440px}.skills-section{gap:36px;grid-template-columns:1.7fr 1fr}.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{padding:16px;gap:12px}.brand-tile span{font-size:16px}.focus-grid{gap:28px}.focus-grid h3{font-size:24px}.desktop-break{display:none}}@media(max-width:700px){.wrap{width:calc(100% - 48px)}.section-inner{padding-block:40px}.intro-scroll{height:300svh}.intro-top{top:24px;left:24px;right:24px}.intro-brand{font-size:18px}.intro-top button{font-size:13px}.intro-title{font-size:62px;letter-spacing:-2.7px;left:24px;bottom:15%}.scroll-cue{bottom:24px}.site-header{height:76px}.wordmark{font-size:17px;gap:10px}.wordmark>span{font-size:24px}.hero{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:auto;padding-block:20px 42px}.hero-copy{display:contents;padding:0}.hero h1{order:0;font-size:58px;line-height:1;letter-spacing:-2.6px;margin-bottom:24px}.hero-statement{order:1;font-size:18px;line-height:1.5;margin-bottom:0;letter-spacing:-.55px}.card-stage{order:2;height:332px;margin:0 0 12px}.hero-description{order:3;font-size:14px;line-height:1.8;margin-top:14px}.profile-links{order:4;margin-top:22px;gap:28px}.profile-links a{font-size:15px}.card-hit-area{width:90%}.card-controls{bottom:2px;right:4px;gap:10px}.card-controls button{width:32px;height:32px;font-size:18px}.card-floor-shadow{top:68%;height:25px}.focus-grid{grid-template-columns:1fr;gap:32px}.focus-grid h3{font-size:23px;margin-bottom:12px}.focus-grid p{font-size:15px;line-height:1.75}.desktop-break{display:initial}h2{font-size:28px;letter-spacing:-.8px;margin-bottom:28px}.skills-section{grid-template-columns:1fr;gap:40px}.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-tile,.tool-grid .brand-tile{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:92px;padding:14px 6px}.brand-tile span{font-size:14px;letter-spacing:0}.brand-tile img{width:28px;height:28px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.certificate-name{font-size:23px;padding-top:24px}.contact-section h2{font-size:30px}.contact-links{gap:20px}.contact-links a{font-size:17px;gap:8px}.contact-links .email-link{font-size:19px}.replay{margin-top:32px}.card-mountains{top:13%;height:70%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.intro-visual,.intro-visual *{pointer-events:none!important}.card-face img{object-fit:contain}.card-face,.card-edge{border-radius:0}.hero-scroll{position:relative;--hero-hold:700px}.hero-scroll:after{content:"";display:block;height:var(--hero-hold)}.hero-pin{position:sticky;top:0;min-height:100svh;background:var(--paper)}@media(prefers-reduced-motion:reduce){.hero-scroll:after{display:none}.hero-pin{position:relative}}[data-reveal=from-left]{--reveal-x:-36px;--reveal-y:0px}[data-reveal].reveal-ready{opacity:0;transform:translate3d(var(--reveal-x,0px),var(--reveal-y,22px),0);filter:blur(4px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.65,.25,1),filter .7s ease}[data-reveal].is-revealed{opacity:1;transform:translateZ(0);filter:blur(0)}@media(prefers-reduced-motion:reduce){[data-reveal].reveal-ready{opacity:1;transform:none;filter:none;transition:none}}