:root{--navy:#26344b;--blue:#7fa9d8;--mint:#b9ddd6;--lavender:#d9d4ef;--sky:#eaf3fb;--paper:#fff;--soft:#f7f9fc;--line:#e3e8ef;--text:#344054;--muted:#687386;--shadow:0 18px 48px rgba(67,84,116,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:"Noto Sans KR",sans-serif;line-height:1.72;word-break:keep-all}.container{width:min(1120px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:#000;padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800;color:var(--navy);text-decoration:none;letter-spacing:-.04em}.brand span{color:#76aaa1}.nav-links{display:flex;gap:25px}.nav-links a{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.nav-links a:hover{color:#5988bd}.print-btn,.button{border:0;border-radius:10px;padding:12px 20px;font:600 14px inherit;cursor:pointer;text-decoration:none;transition:.2s}.print-btn{background:var(--navy);color:white}.button:hover,.print-btn:hover{transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;padding:90px 0 100px;background:linear-gradient(135deg,#fff 0%,#f3f8fc 50%,#f4fbf9 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%}.hero:before{width:360px;height:360px;background:rgba(217,212,239,.42);right:-120px;top:-150px}.hero:after{width:230px;height:230px;background:rgba(185,221,214,.28);left:-100px;bottom:-120px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:68px}.eyebrow,.mini-label{font-size:12px;font-weight:800;letter-spacing:.18em;color:#6d99c8}.hero h1{margin:18px 0 26px;color:var(--navy);font-size:clamp(44px,5.7vw,70px);font-weight:800;line-height:1.16;letter-spacing:-.055em}.hero h1 em{color:#70a69c;font-style:normal}.lead{max-width:670px;font-size:18px;color:var(--muted)}.strength-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.strength-pills span{padding:7px 12px;border:1px solid #d5e4ee;border-radius:999px;background:rgba(255,255,255,.72);color:#536b84;font-size:12px;font-weight:600}.hero-actions{display:flex;gap:12px;margin-top:30px}.button.primary{background:var(--navy);color:white}.button.secondary{border:1px solid #aab5c5;color:var(--navy);background:white}
.profile-card{overflow:hidden;background:rgba(255,255,255,.9);border:1px solid #d9e8ee;border-radius:20px;box-shadow:0 20px 52px rgba(92,126,151,.14)}.profile-photo{display:block;width:100%;height:310px;object-fit:cover;object-position:center 34%}.profile-content{padding:22px 25px 25px}.profile-card h2{font-size:30px;color:var(--navy);margin:4px 0;font-weight:800;letter-spacing:-.04em}.role{font-size:14px;color:var(--muted)}.quick-info{margin:18px 0 0;border-top:1px solid var(--line)}.quick-info div{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.quick-info dt{font-weight:700;color:var(--navy)}.quick-info dd{margin:0;color:var(--muted)}.audience-message{display:block;margin-top:5px;color:#64968d;font-size:11px;font-weight:600}
.section{padding:100px 0}.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.section-heading .number{font-size:12px;letter-spacing:.18em;color:#6d99c8;font-weight:800}.section-heading h2{font-size:40px;color:var(--navy);margin:6px 0 14px;font-weight:800;letter-spacing:-.045em}.section-heading>p:last-child{color:var(--muted)}.large-copy{font-size:27px;line-height:1.55;color:var(--navy);font-weight:700;letter-spacing:-.035em}.about-copy>p:not(.large-copy){color:var(--muted)}.quote{margin-top:32px;padding:24px 28px;border-left:4px solid var(--mint);border-radius:0 14px 14px 0;background:#f2f9f7;font-size:18px;font-weight:600;color:var(--navy)}
.experience{background:#f5f8fc}.horizontal{display:flex;justify-content:space-between;align-items:end}.timeline{margin-top:50px}.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:48px;padding:32px 0;border-top:1px solid #dce4ee}.timeline-item time{color:#7592b3;font-size:13px;letter-spacing:.06em}.timeline-item h3{font-size:22px;color:var(--navy);margin:7px 0 2px}.timeline-item .tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#e4f3f0;color:#548d83;font-size:10px;font-weight:700;letter-spacing:.08em}.timeline-item .place{color:#66809c;margin-bottom:7px;font-weight:600}.timeline-item div>p:last-child{color:var(--muted);margin:0;max-width:700px}
.portfolio{padding:76px 0;background:#fff}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.photo-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.photo-card img,.photo-card.wide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.photo-card figcaption{min-height:78px;padding:14px 16px}.photo-card figcaption strong,.photo-card figcaption span{display:block}.photo-card figcaption strong{color:var(--navy);font-size:14px}.photo-card figcaption span{margin-top:3px;color:var(--muted);font-size:12px}
.skills{background:#f8fbfb}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:48px}.skill-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:16px;background:white;transition:.25s}.skill-card:nth-child(1){border-top:4px solid var(--blue)}.skill-card:nth-child(2){border-top:4px solid var(--mint)}.skill-card:nth-child(3){border-top:4px solid var(--lavender)}.skill-card:nth-child(4){border-top:4px solid #bdd8ee}.skill-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.skill-card>span{color:#83a4c6;font-weight:800}.skill-card h3{font-size:19px;color:var(--navy);margin:46px 0 11px}.skill-card p{font-size:14px;color:var(--muted)}.growth-note{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;margin-top:22px;padding:25px 28px;border:1px solid #dce9ec;border-radius:16px;background:linear-gradient(110deg,#edf8f5,#eef5fb,#f5f2fb)}.growth-note>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6c9d94}.growth-note h3{margin:0 0 4px;color:var(--navy);font-size:18px}.growth-note p{margin:0;color:var(--muted);font-size:14px}.toolbox{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-top:18px;padding:25px 28px;border-radius:14px;background:#eef5fa}.toolbox>p{margin:5px 0;font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--navy)}.toolbox div{display:flex;gap:8px;flex-wrap:wrap}.toolbox span{padding:5px 12px;border:1px solid #cad8e6;border-radius:999px;background:white;font-size:12px}
.credentials{background:#fff}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.credential-list{border-top:2px solid #9cb9d8}.credential-list article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.credential-list time{color:#6997c6;font-weight:700}.credential-list h3{font-size:16px;color:var(--navy);margin-bottom:4px}.credential-list p,.credential-list small{color:var(--muted);margin:0}.credential-list small{display:block;margin-top:7px}.closing{background:linear-gradient(120deg,#dcecf7,#dff1ed,#ece9f7);color:var(--navy);padding:92px 0;text-align:center}.closing .eyebrow{color:#668fb7}.closing h2{font-size:clamp(36px,5vw,54px);line-height:1.35;letter-spacing:-.04em}.closing-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button.light{display:inline-block;margin-top:22px;background:white;color:var(--navy);box-shadow:0 8px 24px rgba(70,89,120,.1)}footer{background:#26344b;color:#c8d0dc;padding:24px 0;font-size:12px}footer .container{display:flex;justify-content:space-between}footer p{margin:0}footer a{color:white;text-decoration:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
/* 따뜻하고 부드러운 이음쌤 무드 */
body{background:#fffdfb;color:#4c5668;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.012em}
.brand,.hero h1,.profile-card h2,.section-heading h2,.large-copy,.timeline-item h3,.skill-card h3,.growth-note h3,.credential-list h3,.closing h2{font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-weight:600;letter-spacing:-.028em}
.nav-wrap{background:rgba(255,253,251,.92)}
.hero{background:linear-gradient(135deg,#fffdfb 0%,#f2faf7 44%,#f0f7fc 72%,#faf4f7 100%)}
.hero:before{background:rgba(224,215,242,.34)}.hero:after{background:rgba(245,216,205,.28)}
.hero h1{font-weight:600}.hero h1 em{color:#649e91}.lead{color:#657181}
.strength-pills span{border-color:#dbe9e6;background:rgba(255,255,255,.82);color:#607a76;box-shadow:0 5px 15px rgba(87,120,116,.05)}
.button,.print-btn{border-radius:999px}.button.primary,.print-btn{background:#526b80}.button.secondary{border-color:#cadbd8;background:#fffdfb}
.profile-card{border-color:#dceae7;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 22px 60px rgba(89,119,125,.13)}
.profile-photo{object-position:center 27%;border-bottom:6px solid #eef1f8}.nickname{display:inline-block;margin-left:7px;padding:4px 10px;border-radius:999px;background:#e7f4f0;color:#5f958a;font-family:"Noto Sans KR",sans-serif;font-size:12px;font-weight:700;vertical-align:middle;letter-spacing:0}
.intro{background:#fffdfb}.quote{border-left:0;border-radius:20px;background:linear-gradient(110deg,#f1faf7,#f7f3fb);box-shadow:0 10px 28px rgba(102,130,126,.07)}
.experience{background:linear-gradient(180deg,#f5f9fc,#f8fafc)}.timeline-item{margin-top:10px;padding:30px 26px;border:1px solid #e3ebef;border-radius:20px;background:rgba(255,255,255,.72)}
.timeline-item .tag{background:#e8f5f1;color:#5d9288}
.portfolio{background:#fffdfb}.photo-card{border-color:#e4ebe9;border-radius:20px;box-shadow:0 10px 28px rgba(84,111,118,.08)}
.skills{background:linear-gradient(180deg,#f6fbf9,#faf8fc)}.skill-card{border-color:#e2ebe9;border-radius:22px;box-shadow:0 8px 24px rgba(85,112,117,.06)}
.growth-note,.toolbox{border-radius:20px}.credentials{background:#fffdfb}.closing{background:linear-gradient(120deg,#e4f3ef,#e7f1fa,#f1ecf8,#faeeea)}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.split,.credential-grid{grid-template-columns:1fr;gap:48px}.profile-card{max-width:460px}.profile-photo{height:230px}.section{padding:76px 0}.skill-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:120px 1fr;gap:22px}.horizontal{display:block}.toolbox,.growth-note{grid-template-columns:1fr}.credential-grid{gap:60px}}
@media(max-width:560px){.container{width:min(100% - 28px,1120px)}.nav{height:64px}.print-btn{padding:9px 13px}.hero{padding:58px 0 70px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.skill-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:1fr;gap:7px}.timeline-item time br{display:none}.large-copy{font-size:23px}.section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media print{.nav-wrap,.hero-actions,footer{display:none}.hero,.section,.closing{padding:32px 0}.hero{background:white}.hero-grid{grid-template-columns:1.3fr .7fr;gap:24px}.hero h1{font-size:38px}.profile-card{box-shadow:none}.profile-photo{height:140px}.split{grid-template-columns:.7fr 1.3fr;gap:35px}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{min-height:auto}.credential-grid{gap:35px}.photo-grid{grid-template-columns:repeat(4,1fr)}.photo-card img,.photo-card.wide img{height:90px}.reveal{opacity:1;transform:none}.closing{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:inherit}}