/* A quiet, image-led system. Shared by the home and case-study pages. */
@media(max-width:550px){.hero h1 em{text-wrap:balance}.glance-card:first-child .diagram svg{display:none}.glance-card:first-child .diagram:before{content:'작업 조건';display:block;font-size:14px;color:#0066cc;background:#fff;border-radius:10px;padding:8px;text-align:center}.glance-card:first-child .diagram:after{content:'숙련도에 맞는 배정';display:block;font-size:12px;color:#475569;text-align:center;margin-top:9px}.glance-card .scan-step{min-height:25px}}
.glance-card:focus-visible{outline-offset:6px}.glance-bottom,.glance-label,.diagram figcaption{font-size:12px!important}.profile-photo{aspect-ratio:912/1173;object-fit:contain}.icon{flex-shrink:0}a{cursor:pointer}
@media(max-width:550px){.hero .buttons{flex-wrap:wrap!important}.hero .button{font-size:14px!important}.glance-card .scan-step span{font-size:12px!important}.glance-card .diagram{min-width:0}.glance-card .scan-steps{gap:8px;flex-direction:column;align-items:flex-start}.glance-card .scan-step{display:flex;align-items:center;gap:8px;flex-basis:auto}.glance-card .scan-step .icon{margin:0}.glance-card .scan-line{display:none}.profile-intro{align-self:start}.section-head .num{font-size:12px}.hero-meta{line-height:1.8}}
:root{--navy:#1d1d1f;--ink:#1d1d1f;--muted:#65656b;--line:#dedee3;--blue:#0066cc;--paper:#f5f5f7;--radius:28px;--ease:cubic-bezier(.22,.68,0,1.01)}
body{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Segoe UI',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;background:#fff;letter-spacing:-.025em}
html{scroll-padding-top:88px}a,button{-webkit-tap-highlight-color:transparent}a{transition:color .2s,background .2s,box-shadow .2s,transform .25s var(--ease)}a:focus-visible,button:focus-visible{outline:3px solid #0071e3;outline-offset:5px}a:active{opacity:.8}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{max-width:1192px;padding:0 40px}header{background:rgba(250,250,252,.86);border-bottom:1px solid #0000000d;backdrop-filter:saturate(180%) blur(20px)}.nav{height:68px}.brand{font-size:19px;letter-spacing:-.6px;font-weight:700}.brand span{color:var(--ink)}nav{gap:30px;align-items:center;font-size:13px;font-weight:500}nav a{display:inline-flex;align-items:center;min-height:44px}nav a:hover{color:var(--blue)}nav .nav-contact{background:#0071e3;color:#fff;border-radius:30px;padding:0 17px;min-height:34px}.hero{padding:66px 0 0;background:#fff;overflow:hidden}.hero-grid{display:block;text-align:center}.hero-copy{max-width:970px;margin:0 auto}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.07em;color:var(--muted);margin-bottom:18px}.hero h1{font-size:clamp(40px,5.15vw,68px);line-height:1.2;letter-spacing:-.065em;font-weight:800;margin:0 0 24px}.hero h1 em{display:inline-block;color:var(--blue)}.hero .intro{font-size:18px;line-height:1.85;margin:0 auto;max-width:600px}.hero .buttons{justify-content:center;margin:28px 0 0}.button{border-radius:999px;min-height:46px;padding:11px 23px;gap:10px;font-size:15px;font-weight:500;border-color:#d2d2d7;justify-content:center}.button.primary{background:#0071e3;border-color:#0071e3}.button:hover{transform:none;background:#f2f2f5}.button.primary:hover{background:#0077ed;box-shadow:0 5px 18px #0071e31c}.hero-meta{font-size:13px;margin-top:22px;color:var(--muted)}.hero-showcase{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:center;margin:48px auto 0;max-width:1060px}.glance-card{display:block;text-align:left;padding:27px 26px 20px;border:1px solid #eeeeF1;border-radius:26px;background:var(--paper);overflow:hidden;min-width:0;box-shadow:0 9px 30px #1d1d1f05}.glance-card:nth-child(2){background:#eff5fd;min-height:270px}.glance-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #1d1d1f0a}.glance-label{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.06em}.glance-card h2{font-size:20px;margin:7px 0 18px;letter-spacing:-.05em}.glance-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:15px}.glance-bottom .icon{width:18px;height:18px}.hero .summary-strip{display:none}.award-ribbon{display:flex;justify-content:center;align-items:center;gap:12px;padding:22px 0 25px;font-size:13px;color:#56565c}.award-ribbon .icon{color:#987139}.award-ribbon strong{font-weight:600;color:var(--ink)}.award-ribbon a{color:var(--blue)}section{padding:104px 0}.section-head{display:block;margin-bottom:48px}.num{display:block;color:var(--muted);letter-spacing:.08em;font-size:12px;font-weight:500;margin-bottom:12px}.section-head h2{font-size:42px;line-height:1.3;letter-spacing:-.055em;font-weight:750}.section-head p{font-size:18px;color:var(--muted);margin-top:14px}#about{background:var(--paper)}#about .wrap{display:grid;grid-template-columns:290px 1fr;column-gap:70px;align-items:start}#about .section-head{grid-column:2;grid-row:1;margin-bottom:28px}#about .section-head h2 br{display:none}.profile-intro{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:20px;align-items:stretch;margin:0}.profile-photo{width:100%;max-width:270px;height:auto;border:0;border-radius:24px;box-shadow:0 16px 35px #00000008;background:#fff}.profile-intro>div{padding:0 5px}.profile-intro strong{font-size:26px;letter-spacing:-.05em}.profile-intro p{font-size:14px;margin:5px 0}.profile-intro .text-link{font-size:14px;display:inline-flex;align-items:center;gap:7px;min-height:44px}.about-grid{grid-column:2;grid-row:2;display:block}.about-grid p{font-size:16px;color:var(--muted);margin-bottom:18px}.facts{margin-top:30px}.facts div{grid-template-columns:85px 1fr;padding:15px 0;border-color:#dddde3}.facts dt,.facts dd{font-size:14px}.facts dt{display:flex;gap:8px;align-items:baseline}.facts dd br{display:none}.facts dd br:after{content:' '}.tint{background:var(--paper)}#strengths{background:#fff}.skills-grid{gap:24px}.skill{border:0;background:var(--paper);padding:32px;border-radius:var(--radius)}.skill small{color:var(--muted);font-size:12px;letter-spacing:.04em}.skill h3{font-size:23px;line-height:1.45;margin:22px 0 14px}.skill p{font-size:16px;line-height:1.85}.skill .text-link{display:inline-flex;align-items:center;min-height:44px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-tile{display:flex;width:50px;height:50px;border-radius:15px;background:white;color:var(--blue);align-items:center;justify-content:center;margin-bottom:24px}.icon-tile .icon{width:27px;height:27px}#projects{background:var(--paper)}#project-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{display:flex;flex-direction:column;background:white;border:0;border-radius:var(--radius);margin:0;box-shadow:0 4px 22px #1d1d1f03;min-width:0;transition:box-shadow .25s}.project:hover{box-shadow:0 12px 36px #1d1d1f09}.project:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-art{min-height:315px;padding:32px 36px 26px;background:linear-gradient(145deg,#eaf0fa,#f7f9fc);justify-content:space-between}.project:nth-child(2) .project-art{background:linear-gradient(145deg,#eef0f5,#f7f8fa)}.project-art.dark{background:#131c2b;color:#fff}.project-art h3{font-size:28px;font-weight:750;letter-spacing:-.05em;line-height:1.35;margin:9px 0 20px}.project-art .mini{font-size:11px;opacity:1;color:#666d78;letter-spacing:.09em}.project-art.dark .mini{color:#acbed7}.project-content{padding:30px 36px 28px;display:flex;flex-direction:column}.tags{gap:7px}.tag{font-size:12px;background:#f2f2f5;color:#5f636c;border-radius:6px;padding:3px 8px}.project-content h3{font-size:24px;line-height:1.45;margin:18px 0 14px;letter-spacing:-.04em}.project-content p{font-size:16px;line-height:1.85;margin:0 0 24px}.project-bottom{margin-top:auto;padding-top:20px;gap:12px;align-items:center}.project-bottom strong{font-size:13px;font-weight:600}.project-bottom .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.project-bottom .icon{width:19px;height:19px}.subhead{font-size:28px;letter-spacing:-.05em;margin:64px 0 24px}.support-grid{gap:20px;margin:0}.support{border:0;background:#fff;border-radius:22px;padding:28px}.support .icon{color:var(--blue);margin-bottom:17px;width:26px;height:26px}.support h3{font-size:19px}.support p{font-size:15px;line-height:1.85}#credentials{background:#fff}.credentials{gap:50px;grid-template-columns:1.2fr 1fr}.credentials h3{font-size:23px;margin:0 0 22px}.tool-row{padding:18px 0;grid-template-columns:150px 1fr}.tool-row b{display:flex;gap:12px;align-items:center;font-size:14px}.tool-row b .icon{width:20px;height:20px;color:#65656b}.tool-row span{font-size:14px}.cert-list{background:var(--paper);border-radius:24px;padding:10px 24px}.cert-list li{display:flex;gap:16px;align-items:center;font-size:15px;padding:18px 0}.cert-list li:last-child{border:0}.cert-list .icon{color:var(--blue)}.cert-list small{font-size:12px;color:var(--muted)}.activity-list{gap:18px 40px}.activity-list article{padding:22px 0}.activity-list h3{font-size:17px;display:flex;gap:10px;align-items:center}.activity-list h3 .icon{width:20px;height:20px;color:var(--muted)}.activity-list p{font-size:15px}.closing{background:var(--paper);color:var(--ink);text-align:center;padding:100px 0}.closing .wrap{max-width:900px}.closing .num{color:var(--muted)}.closing h2{font-size:46px;line-height:1.35;letter-spacing:-.055em;margin:20px 0 25px}.closing p{color:var(--muted);margin:16px auto;font-size:16px}.closing .buttons{justify-content:center;margin-top:30px}.closing .button{margin-top:0}.closing .button:first-child{background:#0071e3;color:#fff;border-color:#0071e3}.closing .contact-email{font-size:14px}.closing .closing-icon{background:white;width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:var(--blue)}.closing-icon .icon{width:30px;height:30px}footer{background:#f5f5f7;border-top:1px solid #dddde3;color:var(--muted);padding:22px 0;font-size:12px}.footer-row{gap:20px}.text-link:hover{color:#004b97;text-decoration:underline;text-underline-offset:4px}.detail-hero{background:var(--paper);padding:60px 0 70px}.detail-hero .text-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.detail-hero h1{font-size:48px;letter-spacing:-.055em;line-height:1.3;margin:20px 0}.detail-hero .intro{font-size:18px;max-width:720px}.detail-meta{gap:12px;max-width:980px;margin-top:25px}.detail-meta span{background:white;padding:8px 14px;border-radius:10px;font-size:13px}.detail-wrap{max-width:980px;padding:70px 40px}.detail-wrap h2{font-size:30px;letter-spacing:-.05em;margin-top:64px}.detail-wrap p,.detail-wrap li{color:var(--muted);font-size:17px;line-height:1.95}.detail-wrap li{margin-bottom:12px}.note{border:0;border-radius:18px;background:var(--paper);padding:24px;font-size:14px;line-height:1.85;color:var(--muted)}.compare>div{border:0;border-radius:22px;padding:28px;background:var(--paper)}.compare>div:last-child{background:#eef5ff;border:0}.compare h3{font-size:21px}.compare p{font-size:16px}.results>div{border-radius:22px;padding:28px}.results strong{font-size:40px;font-weight:700;letter-spacing:-.05em}.results span{font-size:14px}.operation{background:#151e2d;border-radius:24px;padding:32px;box-shadow:none}.flow{gap:12px}.flow b{border-radius:12px;font-size:16px;padding:20px 8px}.flow-caption{color:#c1cfe1}.case-visual{background:var(--paper);border-radius:24px;padding:30px;margin-bottom:45px}.case-visual .diagram{max-width:600px;margin:auto}.case-visual>p{font-size:13px;margin:14px 0 0;text-align:center}.diagram{width:100%;min-width:0}.diagram svg{display:block;width:100%;height:auto;max-height:190px;overflow:visible}.diagram text{font-family:inherit;letter-spacing:-.02em;font-size:12px}.diagram figcaption{font-size:11px;letter-spacing:0;margin-top:8px;color:#666d78}.dark .diagram figcaption{color:#afbdd0}.diagram-caption{font-size:12px;color:var(--muted);margin:10px 0 0}.scan-steps{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.scan-step{text-align:center;flex:1}.scan-step .icon{width:34px;height:34px;display:block;margin:0 auto 12px;color:#74b8ff}.scan-step span{font-size:13px;color:#d5e0ef}.scan-arrow{color:#6b7c94}.scan-line{height:2px;background:#43546b;margin-top:22px;position:relative}.scan-line:after{content:'';display:block;width:35%;height:2px;background:#6ab3ff}.glance-card .scan-step .icon{color:#0066cc}.glance-card .scan-step span{color:#505764}.glance-card .scan-arrow{color:#8792a3}.glance-card .scan-line{background:#dde4ef}.glance-card .scan-line:after{background:#0071e3}.glance-card .diagram svg{max-height:120px}.glance-card .diagram figcaption{display:none}.reveal-ready{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s var(--ease)}.revealed{opacity:1;transform:none}
@media(min-width:1400px){.hero{padding-top:80px}.hero-showcase{margin-top:55px}}
@media(max-width:1024px){#about .wrap{grid-template-columns:240px 1fr;gap:35px}.skill{padding:25px}.project-art,.project-content{padding:28px}.hero h1{font-size:54px}.glance-card{padding:22px}.section-head h2{font-size:37px}}
@media(max-width:767px){.wrap{padding:0 24px}.nav{height:64px;min-height:64px;flex-direction:row;align-items:center;padding-top:0;padding-bottom:0;gap:18px}.brand{font-size:18px}nav{gap:18px;font-size:12px}nav .nav-contact{display:none}.hero{padding-top:48px}.hero h1{font-size:44px;letter-spacing:-.055em}.hero .intro{font-size:16px}.hero-showcase{gap:12px;margin-top:38px}.glance-card{padding:20px 15px;min-height:0}.glance-card:nth-child(2){min-height:0}.glance-card h2{font-size:16px}.glance-label{font-size:10px}.glance-card .diagram svg{max-height:95px}.glance-bottom{font-size:10px}.glance-card .scan-step .icon{width:24px;height:24px}.glance-card .scan-step span{font-size:10px}.award-ribbon{font-size:12px;flex-wrap:wrap;gap:6px 9px}.award-ribbon .icon{width:20px}section{padding:74px 0}#about .wrap{grid-template-columns:180px 1fr;gap:30px}.section-head h2{font-size:32px}.profile-photo{border-radius:20px}.about-grid{grid-column:1/-1;grid-row:2}.profile-intro{grid-row:1}.profile-intro>div{display:none}#about .section-head{align-self:center;margin:0}.skills-grid{grid-template-columns:1fr;gap:16px}.skill{position:relative;padding:28px 30px}.skill h3{font-size:23px;margin:12px 0}.icon-tile{float:right;margin:0 0 12px 15px}.skill p{max-width:560px}.credentials{grid-template-columns:1fr;gap:40px}.project-content h3{font-size:21px}.project-content p{font-size:15px}.project-art h3{font-size:24px}.project-bottom{flex-direction:column;align-items:flex-start;gap:6px}.project:last-child{display:flex;grid-column:auto}.project:last-child .project-art{min-height:310px}.closing h2{font-size:36px}.detail-hero h1{font-size:37px}.detail-wrap{padding:50px 24px}}
@media(max-width:550px){.wrap{padding:0 22px}.nav{height:auto;min-height:90px;align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:6px;gap:0}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.hero{padding-top:38px}.hero h1{font-size:36px;line-height:1.28}.hero .intro br{display:none}.hero .intro{max-width:330px}.hero .buttons{gap:10px;margin-top:24px}.button{font-size:14px;padding:10px 19px;min-height:44px}.eyebrow{font-size:12px}.hero-meta{font-size:12px}.hero-showcase{grid-template-columns:1fr;gap:12px;margin-top:32px}.glance-card{display:grid;grid-template-columns:1fr 1fr;padding:21px 22px;border-radius:22px;align-items:center}.glance-card:nth-child(2){min-height:0}.glance-card h2{font-size:19px;margin:7px 0}.glance-card .diagram{grid-column:2;grid-row:1/4;max-width:160px;justify-self:end}.glance-card .diagram svg{max-height:100px}.glance-card .glance-bottom{margin-top:5px;font-size:11px}.glance-card .glance-bottom .icon{display:none}.glance-card .scan-steps{gap:5px;margin:0}.glance-card .scan-step .icon{width:22px;height:22px;margin-bottom:7px}.glance-card .scan-step span{font-size:10px}.glance-card .scan-line{margin-top:15px}.glance-card .scan-arrow{font-size:12px}.award-ribbon{padding:20px 0 28px;font-size:11px;line-height:1.7}.award-ribbon>span{max-width:280px}section{padding:64px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:30px}.section-head p{font-size:16px}.num{font-size:11px}#about .wrap{grid-template-columns:110px 1fr;gap:26px 22px}#about .section-head h2{font-size:25px}.profile-photo{width:110px;border-radius:16px}.profile-intro{gap:0}.about-grid p{font-size:15px}.facts div{grid-template-columns:76px 1fr;gap:10px}.facts dt,.facts dd{font-size:13px}.facts dt .icon{width:16px;height:16px}#project-list{grid-template-columns:1fr;gap:22px}.project{border-radius:25px}.project-art{min-height:280px}.project:last-child .project-art{min-height:260px}.project-art h3{font-size:27px}.project-content h3{font-size:23px}.project-bottom{flex-direction:row;align-items:center;gap:10px}.project-bottom strong{font-size:12px}.project-bottom .text-link{font-size:13px}.support-grid{grid-template-columns:1fr}.support{padding:26px}.subhead{font-size:25px;margin-top:45px}.tool-row{grid-template-columns:120px 1fr;gap:12px}.tool-row b{gap:8px;font-size:13px}.tool-row span{font-size:13px}.activity-list{grid-template-columns:1fr;gap:0}.closing{padding:70px 0}.closing h2{font-size:30px}.closing p{font-size:15px}.footer-row{flex-direction:column;gap:5px}.detail-hero{padding:34px 0 45px}.detail-hero h1{font-size:32px}.detail-hero .intro{font-size:16px}.detail-meta{gap:8px}.detail-meta span{font-size:12px}.detail-wrap h2{font-size:26px;margin-top:48px}.detail-wrap p,.detail-wrap li{font-size:16px}.compare,.results{grid-template-columns:1fr}.results>div{display:flex;align-items:center;gap:20px}.results strong{font-size:34px}.results span{font-size:13px}.operation{padding:22px}.flow{gap:7px}.flow b{font-size:14px;padding:17px 5px}.note{padding:20px}.case-visual{padding:20px}}
.award-ribbon>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.diagram text{font-size:15px}.glance-card .diagram text{font-size:16px}.glance-card:nth-child(2) .diagram text{font-size:13px}.glance-bottom{font-size:12px}.profile-intro .text-link{overflow-wrap:anywhere}.nav .nav-contact{min-height:44px}
@media(max-width:550px){.glance-card{grid-template-columns:1.1fr 1fr;gap:0 8px}.glance-card .diagram text{display:none}.glance-label{font-size:11px}.glance-card h2{font-size:18px;line-height:1.5;text-wrap:initial}.glance-card .glance-bottom{font-size:12px}.glance-card .scan-step span{font-size:11px}.glance-card .scan-steps{flex-wrap:wrap;gap:5px}.glance-card .scan-arrow{display:none}.glance-card .scan-step{flex-basis:25px}.hero h1{font-size:34px}.hero .buttons{flex-wrap:nowrap}.hero .button{padding:11px 15px;font-size:13px;gap:5px}.hero .button .icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.glance-card:hover{transform:none}}