@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#efe4d3;--bg-deep:#dcccb8;--surface:#fff8f0c7;--surface-strong:#fff9f4f0;--surface-dark:#102131f5;--ink:#14283b;--muted:#607081;--line:#14283b1f;--line-strong:#14283b38;--accent:#f85f39;--accent-soft:#f85f3924;--teal:#0d7f73;--blue:#1f63ff;--cream:#fff9f2;--shadow:0 30px 80px #2a323e29;--display:"Space Grotesk", sans-serif;--sans:"IBM Plex Sans KR", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 15% 10%, #f85f391f, transparent 26%), radial-gradient(circle at 90% 0%, #1f63ff1a, transparent 24%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#14283b08 1px,#0000 1px),linear-gradient(90deg,#14283b08 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0006,#0000 82%);mask-image:linear-gradient(#0006,#0000 82%)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,dl,dd{margin:0}ul{margin:0;padding:0;list-style:none}#app{min-height:100vh}.page-shell{position:relative;overflow:hidden}.ambient{filter:blur(30px);opacity:.88;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:#f85f3933;width:16rem;height:16rem;top:5rem;right:-5rem}.ambient-two{background:#0d7f7324;width:18rem;height:18rem;bottom:3rem;left:-4rem}.presentation-shell{z-index:1;width:min(1280px,100% - 32px);margin:0 auto;padding:22px 0 28px;position:relative}.site-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#fffbf6ad;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:20px;padding:18px 22px;display:grid}.brand{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;font-size:.95rem;font-weight:700}.site-nav{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:inline-flex}.nav-link span,.status-pill span,.scene-kicker,.profile-kicker,.info-label,.principle-title,.experience-period{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase}.nav-link:hover,.nav-link:focus-visible{color:var(--ink);border-color:var(--line);background:#ffffff85;transform:translateY(-1px)}.nav-link.is-active{color:var(--ink);border-color:var(--line);background:#ffffffb8}.status-pill{border:1px solid var(--line);color:var(--ink);background:#fff9;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.status-pill span{color:var(--accent);font-size:.78rem}.status-pill strong{font-size:.94rem;font-weight:600}.section-stage{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:calc(100svh - 154px);min-height:680px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fffcf7b3,#f9efe29e),#fffaf4a3;border-radius:34px;position:relative;overflow:hidden}.scene-panel{will-change:transform, opacity, filter;padding:34px;transition:transform .86s cubic-bezier(.2,.9,.15,1),opacity .56s,filter .56s;position:absolute;inset:0}.scene-stack{grid-template-rows:auto minmax(0,1fr);gap:24px;height:100%;display:grid}.scene-header-block{align-content:start;justify-items:stretch;gap:14px;width:100%;max-width:none;display:grid}.scene-body{min-height:0}.scene-scroll-body{-ms-overflow-style:none;scrollbar-width:none;padding-right:0;overflow:auto}.scene-scroll-body::-webkit-scrollbar{display:none}.scene-kicker,.profile-kicker,.info-label{color:var(--teal);font-size:.78rem}.scene-title,.scene-heading{font-family:var(--display);letter-spacing:-.06em;line-height:1.04}.scene-title{white-space:nowrap;width:100%;max-width:none;font-size:clamp(2.9rem,5.2vw,5.6rem)}.scene-heading{white-space:nowrap;width:100%;max-width:none;font-size:clamp(1.55rem,2.35vw,2.45rem);display:block}.scene-description,.paragraph-stack p,.principle-card p,.overview-card p:last-child,.experience-summary,.experience-role,.skill-card-header p,.contact-card p{color:var(--muted);line-height:1.8}.scene-title,.scene-heading,.scene-description{max-width:30ch}.scene-title{max-width:16ch}.scene-description{white-space:nowrap;width:100%;max-width:none;font-size:clamp(.9rem,1.08vw,.98rem)}.paragraph-stack{gap:14px;display:grid}.about-body,.overview-body,.skills-body,.contact-body{align-content:start;align-items:start;gap:16px;display:grid}.about-body{grid-template-columns:minmax(0,.82fr) minmax(380px,1.18fr);grid-auto-rows:max-content}.about-copy-group,.overview-notes{align-content:start;gap:16px;display:grid}.about-metrics,.about-principles{grid-column:1/-1}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 18px;font-weight:600;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{color:var(--cream);background:linear-gradient(135deg, var(--ink), #263f5c);border:1px solid #0000}.button-secondary{border:1px solid var(--line-strong);background:#ffffff85}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card,.overview-card,.principle-card,.skill-card,.info-card,.contact-card,.experience-card{border:1px solid var(--line);background:#ffffff85;box-shadow:0 12px 30px #222d3d0d}.metric-card{border-radius:20px;padding:16px 18px}.metric-card dt{color:var(--muted);margin-bottom:8px;font-size:.82rem}.metric-card dd{font-family:var(--display);font-size:1.08rem;font-weight:600}.profile-card{color:#f7efe5;background:linear-gradient(#102131fa,#102131f2);border:1px solid #ffffff14;border-radius:28px;grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);align-self:start;min-height:452px;max-height:452px;display:grid;overflow:hidden}.profile-portrait{background:radial-gradient(circle at top,#f85f392e,#0000 52%),linear-gradient(#ffffff14,#fff0),linear-gradient(135deg,#f85f391f,#1f63ff14);justify-content:center;align-items:stretch;min-height:100%;padding:0;display:flex}.profile-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%;max-height:none;box-shadow:none;background:0 0;border-radius:0;padding:0}.profile-content{flex-direction:column;gap:10px;min-width:0;padding:18px 18px 16px 14px;display:flex}.profile-content h2{font-family:var(--display);font-size:1.62rem;line-height:.96}.profile-content h2 small{color:#f7efe5b8;font-family:var(--sans);letter-spacing:.08em;margin-top:8px;font-size:.84rem;font-weight:500;display:block}.profile-role{color:#f7efe5c7;line-height:1.45}.contact-list{gap:8px;display:grid}.contact-list li{border-top:1px solid #f7efe524;flex-direction:column;gap:4px;padding-top:9px;display:flex}.contact-list span{color:#f7efe594;font-size:.74rem}.contact-list strong,.contact-list a{word-break:break-all;font-size:.95rem}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.principle-card{border-radius:20px;padding:16px 18px}.principle-title{color:var(--blue);margin-bottom:10px;font-size:.76rem}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;display:grid}.overview-card{border-radius:22px;gap:10px;padding:20px;display:grid}.overview-order{color:var(--accent);font-family:var(--display);font-weight:700}.info-card{border-radius:22px;gap:10px;padding:18px;display:grid}.chip-row,.tag-row{flex-wrap:wrap;gap:10px;display:flex}.chip,.tag,.timeline-badge{border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.chip,.tag{border:1px solid var(--line);color:var(--muted);background:#ffffffb3}.experience-body{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;display:grid}.experience-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:14px;min-height:0;padding-right:0;display:grid;overflow:auto}.experience-scroll::-webkit-scrollbar{display:none}.experience-card{border-radius:24px;gap:14px;padding:20px;display:grid}.experience-topline{justify-content:space-between;gap:14px;display:flex}.experience-period{color:var(--accent);margin-bottom:8px;font-size:.74rem}.experience-card h3,.skill-card h3{font-family:var(--display);letter-spacing:-.04em;font-size:1.34rem}.experience-role{margin-top:8px}.timeline-badge{background:var(--accent-soft);color:var(--accent);align-self:flex-start;padding:4px 11px;font-size:.76rem;line-height:1}.bullet-list{gap:10px;display:grid}.bullet-list li{padding-left:18px;line-height:1.75;position:relative}.bullet-list li:before{content:"";background:linear-gradient(135deg, var(--accent), #ff9866);border-radius:50%;width:7px;height:7px;position:absolute;top:.8em;left:0}.skills-board{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;display:grid}.skill-card{border-radius:24px;gap:18px;padding:20px;display:grid}.skill-card-header{gap:8px;display:grid}.skill-list{gap:14px;display:grid}.skill-row{gap:8px;display:grid}.skill-meta{justify-content:space-between;gap:12px;font-weight:500;display:flex}.skill-meta strong{font-family:var(--display);color:var(--accent)}.skill-track{background:#14283b14;border-radius:999px;height:10px;overflow:hidden}.skill-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f9aa4a, var(--teal));height:100%;display:block}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;display:grid}.contact-card strong,.contact-card a{font-size:1rem}@media (width<=1180px){.site-bar{grid-template-columns:1fr;justify-items:start}.site-nav{justify-content:start}.status-pill{justify-self:start}}@media (width<=1023px){html,body{scroll-behavior:smooth}.presentation-shell{width:min(100% - 20px,1280px);padding-top:12px}.site-bar{z-index:10;position:sticky;top:12px}.section-stage{height:auto;min-height:0;padding:14px;overflow:visible}.scene-panel{border:1px solid var(--line);background:#fffbf6d6;border-radius:26px;margin-bottom:14px;padding:22px;position:static;box-shadow:0 16px 40px #29354514;opacity:1!important;filter:none!important;pointer-events:auto!important;transform:none!important}.scene-panel:last-of-type{margin-bottom:0}.scene-about-grid,.profile-card,.overview-grid,.skills-board,.contact-grid,.principles-grid,.about-body,.metric-grid{grid-template-columns:1fr}.experience-scroll{max-height:none;padding-right:0;overflow:visible}}@media (width<=720px){.site-bar,.scene-panel{border-radius:22px;padding:18px}.nav-link,.status-pill{justify-content:center;width:100%}.site-nav{width:100%}.hero-actions{flex-direction:column}.button{width:100%}.scene-title{white-space:normal;font-size:2.7rem}.scene-heading{white-space:normal;font-size:1.8rem}.scene-description{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}