:root{--bg:#f4f6f8;--card:#fff;--text:#162435;--muted:#647181;--primary:#d44d16;--primary-strong:#af3910;--line:#dce2e8}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:"Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.75}::selection{background:#f5652a;color:white}.container{width:min(1280px,90%)}
.navbar,.page-home .navbar.navbar--transparent,.page-home .navbar.navbar--transparent.navbar--scrolled{position:sticky;background:#101d2c;border-bottom:1px solid #ffffff20;color:white}.nav-inner{min-height:88px;padding:14px 0;gap:30px}.brand{align-items:flex-start;gap:4px}.logo-text,.page-home .navbar.navbar--transparent.navbar--scrolled .logo-text{font-size:2.25rem;letter-spacing:.02em;transform:none;color:#ff723c;line-height:1}.logo-tagline,.page-home .navbar.navbar--transparent.navbar--scrolled .logo-tagline{font-size:10px;letter-spacing:.09em;transform:none;color:#b8c3cf}.nav-link,.page-home .navbar.navbar--transparent:not(.navbar--scrolled) .nav-link{font-size:14px;color:#d8dfe8;border-radius:0;padding:12px 16px}.nav-link:hover,.nav-link.active,.page-home .navbar.navbar--transparent:not(.navbar--scrolled) .nav-link.active{color:#fff;background:#ffffff0b;box-shadow:inset 0 -2px #ff723c}.nav-toggle__line{background:#fff}
.hero--full .hero-photo{min-height:700px;background:#101d2c}.hero-photo__img{left:49%;width:51%;height:100%;object-position:center;opacity:.8}.hero--full .hero-overlay{min-height:700px;padding:78px max(5%,calc((100vw - 1280px)/2));background:linear-gradient(90deg,#101d2c 0%,#101d2c 35%,#101d2ceb 47%,#101d2c20 75%);align-items:flex-start;justify-content:center;text-align:left}.hero-kicker{margin:0 0 24px;color:#ff8b5f;font-size:13px;font-weight:700;letter-spacing:.16em}.hero-title--one-line .hero-title-line{white-space:normal;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.2;letter-spacing:-.055em}.hero-title-line em{font-style:normal;color:#ff723c}.hero--full .hero-desc{max-width:480px;font-size:1rem;line-height:1.9;color:#b6c3d1;margin-top:18px}.btn{border-radius:2px;padding:14px 24px;font-size:14px;font-weight:700;box-shadow:none}.btn--orange,.btn.primary{background:#dc501b;color:white}.btn--outline-light{border:1px solid #ffffff70;background:transparent}.hero-overlay .stats-bar{justify-content:flex-start;width:min(510px,100%);gap:30px;margin:44px 0 0;padding:24px 0 0;border-radius:0;border-top:1px solid #ffffff30;background:transparent;box-shadow:none}.stats-bar--hero .stats-bar__value{font-size:2rem;color:#fff}.stats-bar--hero .stats-bar__label{font-size:13px;color:#aab9ca}.stats-bar--hero .stats-bar__divider{height:38px;background:#ffffff25}.stats-bar__item{align-items:flex-start}
.section{padding:64px 0;margin:0;border-bottom:1px solid var(--line)}.section-title{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.05em;margin:0 0 30px;font-weight:800}.section-title:before{content:"";display:block;width:32px;height:3px;background:#dc501b;margin-bottom:16px}.grid{gap:22px}.card,.capability-card,.review-card,.portfolio-card-link{border:1px solid var(--line);border-radius:3px;box-shadow:none;overflow:hidden;background:white}.card-link:hover .card,.portfolio-card-link:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10203012}.project-thumb{height:240px;object-fit:cover}.project-body{padding:25px}.project-body h3{font-size:1.25rem;letter-spacing:-.03em}.project-body p{font-size:15px;color:var(--muted);line-height:1.8}.page-intro{padding:72px 0 45px;border-bottom:1px solid var(--line);margin-bottom:0}.page-intro__title{font-size:clamp(2.1rem,4vw,3.6rem);letter-spacing:-.06em;line-height:1.3}.page-intro__desc{max-width:750px;line-height:1.9;color:var(--muted)}.capability-card{padding:28px;border-top:3px solid #dc501b}.portfolio-body{padding:24px}.portfolio-title{font-size:1.15rem}.portfolio-thumb{background:#e8edf1}.portfolio-thumb img{transition:transform .3s}.portfolio-card-link:hover img{transform:scale(1.035)}.review-card{padding:26px}.review-text{font-size:15px;line-height:1.9}.email-form input,.email-form select,.email-form textarea{border-radius:2px;border:1px solid #cbd4de;padding:15px;background:#fff;font-size:16px}.email-form input:focus,.email-form textarea:focus{outline:2px solid #d44d16;outline-offset:2px}.footer{background:#101d2c;color:#afbdcc;border:0;padding:45px 5%;font-size:14px}.footer-copy{color:#fff;margin-bottom:12px}.floating-call{background:#d44d16;border-radius:3px;box-shadow:0 6px 20px #0002}.back-to-top{border-radius:3px}a:focus-visible,button:focus-visible{outline:3px solid #eb6d37;outline-offset:4px}
@media(min-width:1000px){.page-home main>.section:first-child .grid{grid-template-columns:repeat(3,1fr)}.page-home main>.section:first-child .card-link:first-child{grid-column:span 2}.page-home main>.section:first-child .card-link:first-child .project-thumb{height:300px}.page-home main>.section:first-child .card-link:nth-child(2) .project-thumb{height:300px}}
@media(max-width:768px){.nav-inner{min-height:76px}.nav-links{background:#101d2c!important;border:1px solid #344251}.nav-link{color:white!important}.hero--full .hero-photo,.hero--full .hero-overlay{min-height:730px}.hero-photo__img{left:0;width:100%;opacity:.35}.hero--full .hero-overlay{padding:55px 5% 40px;background:linear-gradient(90deg,#101d2cf2,#101d2c88);justify-content:center}.hero-title--one-line .hero-title-line{font-size:clamp(2.5rem,9vw,4rem)}.hero--full .hero-desc{max-width:100%;font-size:16px}.hero-overlay .stats-bar{gap:20px;flex-wrap:wrap}.stats-bar--hero .stats-bar__value{font-size:1.7rem}.section{padding:45px 0}.page-intro{padding-top:42px}.project-thumb{height:230px}.logo-tagline{font-size:10px}.cta-row{flex-wrap:wrap}.footer{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}