@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap);*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,Noto Sans KR,sans-serif}h1,h2,h3{font-family:Space Grotesk,Noto Sans KR,sans-serif}:root{--ink:#0d2247;--sub-ink:#3f5f89;--blue-900:#0d3f9f;--blue-700:#1561dd;--blue-500:#59a5ff;--blue-100:#eaf4ff;--line:#1561dd2e;--card:#ffffffe0;--card-strong:#fff;--shadow:0 24px 56px #0d3f9f1f}.portfolio{background:radial-gradient(circle at 8% 9%,#59a5ff33,#0000 28%),radial-gradient(circle at 94% 10%,#1561dd2e,#0000 34%),linear-gradient(164deg,#f6faff,#edf6ff 42%,#fff);color:#0d2247;color:var(--ink);min-height:100vh;overflow:hidden;padding:22px 18px 48px;position:relative}.portfolio:after{background-image:radial-gradient(#0d3f9f47 .7px,#0000 0);background-size:3px 3px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#00000085,#0000 78%);mask-image:linear-gradient(180deg,#00000085,#0000 78%);opacity:.2}.background-orb,.portfolio:after{pointer-events:none;position:absolute;z-index:0}.background-orb{border-radius:50%;filter:blur(12px)}.orb-left{animation:floatSlow 12s ease-in-out infinite;background:radial-gradient(circle,#59a5ff5c,#59a5ff00);height:420px;left:-160px;top:100px;width:420px}.orb-right{animation:floatSlow 14s ease-in-out infinite reverse;background:radial-gradient(circle,#0d3f9f47,#0d3f9f00);height:380px;right:-120px;top:20px;width:380px}.background-grid{background-image:linear-gradient(#1561dd0d 1px,#0000 0),linear-gradient(90deg,#1561dd0d 1px,#0000 0);background-size:30px 30px;inset:0;-webkit-mask-image:linear-gradient(180deg,#00000080,#0000 84%);mask-image:linear-gradient(180deg,#00000080,#0000 84%);pointer-events:none;position:absolute;z-index:0}.floating-lines-layer{opacity:.35;pointer-events:auto;z-index:0}.floating-lines-layer,.floating-lines-layer .floating-lines-container{inset:0;position:absolute}.topbar{grid-gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #1561dd2e;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 56px #0d3f9f1f;box-shadow:var(--shadow);display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin:0 auto 24px;padding:12px 14px 12px 18px;position:sticky;top:12px;width:min(1160px,100%);z-index:28}.brand,.topbar{align-items:center}.brand{display:inline-flex;font-size:.9rem;font-weight:800;gap:9px;letter-spacing:.13em}.brand-mark{background:linear-gradient(140deg,#59a5ff,#0d3f9f);background:linear-gradient(140deg,var(--blue-500),var(--blue-900));border-radius:50%;box-shadow:0 0 0 5px #1561dd29;height:12px;width:12px}.topbar nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.topbar nav a{color:#3f5f89;color:var(--sub-ink);font-size:.9rem;font-weight:600;position:relative;text-decoration:none}.topbar nav a:after{background:linear-gradient(90deg,#1561dd,#59a5ff);background:linear-gradient(90deg,var(--blue-700),var(--blue-500));bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .24s ease;width:100%}.topbar nav a:hover:after{transform:scaleX(1);transform-origin:left}.topbar-cta{background:linear-gradient(100deg,#1561dd,#0d3f9f);background:linear-gradient(100deg,var(--blue-700),var(--blue-900));border:none;border-radius:999px;box-shadow:0 11px 24px #1561dd57;color:#fff;cursor:pointer;font-size:.84rem;font-weight:700;padding:9px 14px;text-decoration:none;white-space:nowrap}main{grid-gap:18px;margin:0 auto;width:min(1160px,100%);z-index:1}.hero,main{display:grid;gap:18px;position:relative}.hero{grid-gap:18px;background:linear-gradient(145deg,#fffffffa,#ebf5fff2),radial-gradient(circle at 88% 14%,#59a5ff2e,#0000 50%);border:1px solid #1561dd2e;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 56px #0d3f9f1f;box-shadow:var(--shadow);grid-template-columns:1fr;overflow:hidden;padding:clamp(24px,3.8vw,44px)}.hero:before{border:24px solid #1561dd1c;border-radius:50%;bottom:-130px;content:"";height:300px;pointer-events:none;position:absolute;right:-130px;width:300px}.hero-main{align-content:start;display:grid;max-width:860px}.hero-tag{background:#eaf4ff;background:var(--blue-100);border-radius:999px;color:#0d3f9f;color:var(--blue-900);font-size:.74rem;font-weight:700;letter-spacing:.08em;margin:0;padding:6px 11px;text-transform:uppercase;width:fit-content}.top-name{font-size:clamp(2.1rem,5.4vw,3.5rem);letter-spacing:-.03em;line-height:1.02;margin:12px 0 0}.top-role{color:#27548b;font-size:1.05rem;font-weight:600;margin:8px 0 0}.hero-title{font-size:clamp(2rem,6vw,4.1rem);letter-spacing:-.03em;line-height:1.03;margin:16px 0 0;max-width:690px}.hero-description{color:#3f5f89;color:var(--sub-ink);line-height:1.74;margin-top:18px;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{align-items:center;border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;padding:10px 16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(95deg,#1561dd,#0d3f9f);background:linear-gradient(95deg,var(--blue-700),var(--blue-900));box-shadow:0 12px 26px #1561dd57;color:#fff}.btn-secondary{background:#ffffffe0;border:1px solid #1561dd4d;color:#0d3f9f;color:var(--blue-900)}.service-preview{grid-gap:12px;background:linear-gradient(160deg,#fcfdff,#eef5ff),repeating-linear-gradient(-45deg,#1561dd08,#1561dd08 6px,#0000 0,#0000 12px);border:1px solid #1561dd33;border-radius:18px;display:grid;gap:12px;padding:14px}.preview-photo-wrap{background:#fff;border:1px solid #1561dd2e;border-radius:14px;overflow:hidden;width:100%}.preview-photo{display:block;height:170px;object-fit:cover;width:100%}.preview-head{align-items:center;display:flex;justify-content:space-between}.preview-head p{color:#0d3f9f;color:var(--blue-900);font-size:.88rem;font-weight:700;margin:0}.preview-head span{background:#59a5ff2e;border-radius:999px;color:#1c4b92;font-size:.74rem;font-weight:700;padding:5px 8px}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tags span{background:#fff;border:1px solid #1561dd2e;border-radius:999px;color:#2f5f98;font-size:.74rem;font-weight:600;padding:6px 9px}.preview-list{grid-gap:8px;background:#fff;border:1px solid #1561dd24;border-radius:12px;display:grid;gap:8px;padding:10px}.preview-list p{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin:0}.preview-list span{color:#6382a7;font-size:.76rem}.preview-list strong{color:#17345f;font-size:.84rem;text-align:right;word-break:break-all}.preview-profile{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:.95fr 1.05fr}.preview-profile-text{grid-gap:6px;align-content:center;background:#fff;border:1px solid #1561dd24;border-radius:12px;display:grid;gap:6px;padding:10px}.preview-profile-text strong{color:#143863;font-size:.95rem}.preview-profile-text p{color:#56779d;font-size:.82rem;line-height:1.5;margin:0}.section-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;background:var(--card);border:1px solid #1561dd2e;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 56px #0d3f9f1f;box-shadow:var(--shadow);padding:clamp(20px,3vw,32px);position:relative}.section-card:before{color:#1561dd6b;content:attr(data-section);font-size:.74rem;font-weight:700;letter-spacing:.12em;position:absolute;right:16px;top:14px}.section-heading-row{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-heading-row h2{font-size:clamp(1.44rem,3vw,2.05rem);margin:0}.section-heading-row p{color:#3f5f89;color:var(--sub-ink);line-height:1.7;margin:0;max-width:620px}.about-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.about-info-card,.about-photo-card{background:#fff;background:var(--card-strong);border:1px solid #1561dd24;border-radius:14px;padding:13px}.about-photo{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.about-photo,.about-photo-orb{background:#fff;border-radius:50%}.about-photo-orb{aspect-ratio:1/1;border:2px solid #1561dd38;margin:0 auto;overflow:hidden;padding:12px;width:min(250px,100%)}.about-photo-card p{color:#3f5f89;color:var(--sub-ink);font-weight:600;line-height:1.6;margin:12px 0 0;text-align:center}.about-info-card{grid-gap:8px;align-content:start;display:grid;gap:8px}.about-info-card p{grid-gap:5px;background:#f8fbff;border:1px solid #1561dd24;border-radius:10px;display:grid;gap:5px;margin:0;padding:10px}.about-info-card span{color:#6a89ac;font-size:.77rem;letter-spacing:.06em;text-transform:uppercase}.about-info-card strong{color:#133966;font-size:1rem}.about-info-link{color:#133966;font-size:.98rem;font-weight:600;text-decoration:none;word-break:break-all}.service-case-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.service-case-card{grid-gap:10px;background:#fff;background:var(--card-strong);border:1px solid #1561dd24;border-radius:14px;display:grid;gap:10px;grid-column:span 2;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.service-case-thumb{border:1px solid #1561dd24;border-radius:10px;display:block;height:170px;object-fit:cover;width:100%}.service-case-card:first-child{grid-column:span 3}.service-case-card:nth-child(2){grid-column:span 3;transform:translateY(10px)}.service-case-card:hover{box-shadow:0 14px 34px #0d3f9f29;transform:translateY(-4px)}.service-case-head h3{font-size:1.14rem;margin:0}.service-case-head span{color:#58789b;display:inline-block;font-size:.82rem;margin-top:4px}.service-case-card p{color:#3f5f89;color:var(--sub-ink);line-height:1.68;margin:0}.stack-row{display:flex;flex-wrap:wrap;gap:7px}.stack-row em{background:#eaf4ff;background:var(--blue-100);border:1px solid #1561dd2b;border-radius:999px;color:#2c598f;font-size:.76rem;font-style:normal;font-weight:600;padding:6px 9px}.achievements-grid,.skills-grid,.timeline-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.achievement-card,.project-card,.skill-group,.timeline-block{background:#fff;background:var(--card-strong);border:1px solid #1561dd24;border-radius:13px;padding:13px}.timeline-block span{color:#59789b;font-size:.82rem}.skill-group h3,.timeline-block h3{font-size:1rem;margin:6px 0}.timeline-block p{color:#3f5f89;color:var(--sub-ink);line-height:1.67;margin:0}.activities-grid,.education-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.activities-grid .timeline-block,.education-grid .timeline-block{padding:18px}.activities-grid .timeline-block h3,.education-grid .timeline-block h3{font-size:1.08rem;margin-top:8px}.activities-grid .timeline-block span,.education-grid .timeline-block span{font-size:.9rem}.activities-grid .timeline-block p,.education-grid .timeline-block p{font-size:.97rem;line-height:1.72}.activity-block h3{margin:6px 0 0}.edu-label{color:#2e5b93;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#eaf4ff;background:var(--blue-100);border:1px solid #1561dd2e;border-radius:999px;color:#295488;font-size:.81rem;font-weight:600;padding:7px 10px}.achievement-card{color:#345a80;font-weight:600}.cert-award-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.achievement-block{background:#fff;background:var(--card-strong);border:1px solid #1561dd24;border-radius:14px;padding:13px}.achievement-block h3{font-size:1rem;margin:0 0 10px}.project-grid-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.project-grid-layout .project-card{cursor:pointer;grid-column:span 2}.project-grid-layout .project-card:first-child,.project-grid-layout .project-card:nth-child(2){grid-column:span 3}.project-card-large{transition:transform .2s ease,border-color .2s ease}.project-card-large:hover{border-color:#1561dd4d;transform:translateY(-4px)}.project-card.is-open{border-color:#1561dd57;box-shadow:0 12px 28px #0d3f9f24}.project-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.project-header h3{font-size:1.14rem;margin:0}.project-type{color:#5c7a9b;font-size:.86rem;margin:4px 0 0}.project-meta{grid-gap:4px;display:grid;gap:4px;text-align:right}.project-meta span{color:#5b7898;font-size:.82rem}.project-card p{color:#3f5f89;color:var(--sub-ink);line-height:1.68;margin:0}.project-visual{border:1px solid #1561dd24;border-radius:10px;display:block;height:220px;object-fit:cover;width:100%}.project-list{grid-gap:5px;color:#3f5f89;color:var(--sub-ink);display:grid;gap:5px;margin:0;padding:0 0 0 18px}.project-trouble{background:#e9f2ffc2;border-left:3px solid #1561dd57;border-radius:0 10px 10px 0;padding:10px 11px}.project-link,.project-trouble strong{color:#0d3f9f;color:var(--blue-900)}.project-link{border:1px solid #1561dd3d;border-radius:10px;font-weight:700;padding:8px 11px;text-decoration:none;width:fit-content}.project-links{display:flex;flex-wrap:wrap;gap:8px}.project-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08142c8c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:60}.project-modal{grid-gap:12px;background:#fff;border:1px solid #1561dd33;border-radius:16px;box-shadow:0 24px 56px #09214a52;display:grid;gap:12px;max-height:88vh;overflow-y:auto;padding:16px;width:min(860px,100%)}.project-modal-close{background:#fff;border:1px solid #1561dd40;border-radius:999px;color:#0d3f9f;color:var(--blue-900);cursor:pointer;font-size:.82rem;font-weight:700;justify-self:end;padding:7px 11px}.project-modal-image{border:1px solid #1561dd29;border-radius:12px;height:280px;object-fit:cover;width:100%}.project-modal-head h3{font-size:1.25rem;margin:0}.project-modal-head p{color:#4b6d95;font-weight:600;margin:6px 0 0}.project-modal-head span{color:#5c7d9f;display:inline-block;font-size:.85rem;margin-top:6px}.project-modal-summary{color:#3f5f89;color:var(--sub-ink);line-height:1.7;margin:0}.contact-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08142c85;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:70}.contact-modal{grid-gap:10px;background:#fff;border:1px solid #1561dd33;border-radius:14px;box-shadow:0 20px 48px #09214a4d;display:grid;gap:10px;padding:16px;width:min(420px,100%)}.contact-modal-close{background:#fff;border:1px solid #1561dd40;border-radius:999px;color:#0d3f9f;color:var(--blue-900);cursor:pointer;font-size:.82rem;font-weight:700;justify-self:end;padding:7px 11px}.contact-modal h3{font-size:1.25rem;margin:0}.contact-modal p{grid-gap:4px;background:#f8fbff;border:1px solid #1561dd24;border-radius:10px;display:grid;gap:4px;margin:0;padding:10px}.contact-modal span{color:#6787ab;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.contact-modal strong{color:#143a67;font-size:1rem}.contact{background:linear-gradient(146deg,#fffffff5,#ecf6fff7),radial-gradient(circle at 84% 12%,#59a5ff38,#0000 44%);overflow:hidden;position:relative}.contact:after{bottom:-8px;color:#1561dd14;content:"PORTFOLIO";font-size:clamp(2.4rem,9vw,5.2rem);font-weight:800;letter-spacing:.06em;pointer-events:none;position:absolute;right:18px}.contact h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0}.contact p{color:#3f5f89;color:var(--sub-ink);line-height:1.72;margin-top:9px}.contact-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.contact-links a{background:#fff;border:1px solid #1561dd36;border-radius:999px;color:#0d3f9f;color:var(--blue-900);font-size:.86rem;font-weight:700;padding:9px 13px;text-decoration:none}.reveal-up{animation:revealUp .7s ease forwards;opacity:0;transform:translateY(12px)}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}.split-parent{display:block}.split-char,.split-line,.split-word{will-change:transform,opacity}@media (max-width:1080px){.topbar{gap:8px;grid-template-columns:1fr;justify-items:start}.topbar nav{justify-content:flex-start}.hero{grid-template-columns:1fr}.service-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-case-card,.service-case-card:first-child,.service-case-card:nth-child(2){grid-column:span 1;transform:none}.section-heading-row{align-items:flex-start;flex-direction:column}}@media (max-width:760px){.portfolio{padding:14px 12px 28px}.topbar{top:8px}.topbar nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;width:100%}.hero-title{font-size:clamp(1.8rem,9vw,3rem)}.achievements-grid,.activities-grid,.education-grid,.service-case-grid,.skills-grid,.timeline-grid{grid-template-columns:1fr}.project-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid-layout .project-card,.project-grid-layout .project-card:first-child,.project-grid-layout .project-card:nth-child(2){grid-column:span 1}.about-grid,.cert-award-grid{grid-template-columns:1fr}.about-photo{height:100%}.section-card:before{display:none}.project-header{flex-direction:column}.project-meta{text-align:left}.project-modal-image{height:210px}.preview-profile{grid-template-columns:1fr}.preview-photo,.project-visual,.service-case-thumb{height:180px}}.floating-lines-container{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.floating-lines-container canvas{display:block;height:100%;width:100%}
/*# sourceMappingURL=main.cecaa2b9.css.map*/