:root{--ink:#17191d;--muted:#62666e;--paper:#f3f3ef;--red:#cf003d;--red-bright:#ed174c;--dark:#101114;--line:#d9dad6;--white:#fff;--content:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body:lang(ko){word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #257ade;outline-offset:5px}
img{display:block;max-width:100%}
figure,p{margin:0}
h1,h2,h3{margin:0;font-weight:750;letter-spacing:-.045em;line-height:1.07;text-wrap:balance}
h1{font-size:clamp(48px,5.7vw,80px)}
h2{font-size:clamp(34px,3.5vw,49px)}
h3{font-size:23px;line-height:1.22;letter-spacing:-.025em}
.container{width:min(var(--content),calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:16px;z-index:30;background:var(--white);color:var(--ink);padding:12px 18px}
.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e7e7e3}
.header-inner{width:min(1440px,calc(100% - 80px));height:88px;display:flex;align-items:center;gap:34px;margin:auto}
.brand{flex:none}
.brand-logo{width:112px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:700;line-height:1.3;padding:10px 0;white-space:nowrap}
.desktop-nav a:hover{color:var(--red)}
.languages{display:flex;gap:10px;align-items:center;flex:none;font-size:12px;white-space:nowrap}
.languages a{padding:6px 1px;color:#74777d}
.languages a.active{color:var(--ink);font-weight:750;border-bottom:2px solid var(--red)}
.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;min-height:690px;background:var(--dark);color:var(--white);overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-3}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,16,.95) 0%,rgba(10,12,16,.77) 37%,rgba(10,12,16,.25) 78%),linear-gradient(0deg,rgba(10,12,16,.58),transparent 60%);z-index:-2}
.hero-content{padding-block:76px 30px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:13px;margin-bottom:23px}
.accent-line{width:37px;height:3px;background:var(--red-bright)}
.hero h1{max-width:760px}
.hero-lead{max-width:620px;margin-top:28px;color:#e0e1e3;font-size:18px;line-height:1.65}
.audience-paths{display:grid;grid-template-columns:1fr 1fr;max-width:790px;gap:16px;margin-top:44px}
.audience-path{border:1px solid #ffffff66;padding:19px 23px 20px;background:#14161c66;transition:background .18s,border-color .18s}
.audience-path:hover{background:#ffffff1c;border-color:#fff}
.path-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#c6c8cf;margin-bottom:9px}
.path-title{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700;font-size:15px;line-height:1.4}
.path-title>span{font-size:22px}
.hero-caption{font-size:10px;letter-spacing:.035em;color:#c0c2c7;margin-top:28px;text-align:right}
.section-space{padding-block:96px}
.section-label{display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.09em;font-weight:750;text-transform:uppercase;margin-bottom:24px}
.section-label>span{color:var(--red);font-size:12px;letter-spacing:0}
.section-lead{font-size:17px;line-height:1.8;color:#4f535a;margin-top:25px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.about h2{max-width:460px}
.about-copy{padding-top:39px}
.about-copy .section-lead{margin:0;font-size:19px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:700;line-height:1.5;padding-bottom:8px;border-bottom:1px solid var(--red);margin-top:25px}
.text-link>span{font-size:20px;line-height:1;transition:transform .16s}
.text-link:hover>span{transform:translate(2px,-2px)}
.racing{background:var(--paper)}
.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.feature-copy h2{max-width:520px}
.feature-copy .section-lead{max-width:540px}
.feature-figure img{width:100%;aspect-ratio:1.44;object-fit:cover}
figcaption{font-size:10px;line-height:1.6;color:#73777d;margin-top:11px;letter-spacing:.015em}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:62px}
.detail-card{border-top:1px solid #bcbfba;padding-top:21px;display:flex;flex-direction:column;align-items:flex-start}
.card-index{font-size:11px;font-weight:700;color:#777c81;line-height:1;margin-bottom:21px}
.detail-card h3{margin-bottom:17px}
.detail-card p{font-size:14px;line-height:1.85;color:#555a61}
.detail-card .text-link{margin-top:24px}
.social-strip{margin-top:48px;padding-top:25px;border-top:1px solid #d7d8d2;display:flex;align-items:center;justify-content:space-between;gap:20px}
.social-strip>p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.social-strip>div{display:flex;gap:30px;flex-wrap:wrap}
.social-strip .text-link{margin:0}
.services{background:var(--dark);color:var(--white)}
.services .section-label>span{color:#ff5c80}
.services .section-lead{color:#bfc1c8}
.services figcaption{color:#90949d}
.services .feature-figure img{aspect-ratio:1.44;object-position:center}
.services .detail-card{border-color:#42454c}
.services .card-index{color:#9fa4af}
.services .detail-card p{color:#afb3bd}
.services .detail-card h3{max-width:290px}
.service-cta{margin-top:43px}
.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 23px;border:1px solid #777c86;font-size:13px;font-weight:700}
.button-link>span{font-size:20px}
.button-link:hover{background:#24272e;border-color:#fff}
.section-heading{max-width:780px}
.section-heading .section-lead{max-width:690px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px}
.project-card{min-width:0;scroll-margin-top:110px}
.project-visual{width:100%;aspect-ratio:1.5;background:var(--dark);overflow:hidden;margin-bottom:24px}
.project-visual img{width:100%;height:100%;object-fit:cover}
.project-wordmark{position:relative;display:flex;align-items:center;padding:30px;color:#fff;background:#202229}
.project-wordmark>span:first-child{font-size:clamp(22px,2.6vw,36px);line-height:.98;letter-spacing:-.035em;font-weight:850}
.wordmark-mark{position:absolute;right:23px;bottom:21px;color:#ec174b;font-size:35px;line-height:1}
.project-date{font-size:11px;line-height:1.6;color:#686e76;margin-bottom:12px;min-height:36px}
.project-text h3{font-size:24px;margin-bottom:12px}
.project-attribution{font-size:11px;line-height:1.6;font-weight:700;color:var(--red);margin-bottom:17px}
.project-text>p:last-child{font-size:14px;line-height:1.85;color:#555a61}
.contact{background:var(--red);color:#fff}
.contact-intro{max-width:800px}
.contact .section-label>span{color:#ffbacd}
.contact .section-lead{max-width:700px;color:#ffe0e9}
.contact h2{font-size:clamp(37px,4vw,57px)}
.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px}
.inquiry{border-top:1px solid #ffffff66;padding-top:24px;position:relative;display:flex;flex-direction:column;align-items:flex-start}
.inquiry-index{font-size:11px;color:#ffbfd1;font-weight:700;margin-bottom:20px}
.inquiry h3{font-size:24px;margin-bottom:16px}
.inquiry p{font-size:14px;line-height:1.8;color:#ffe0e9;max-width:430px}
.inquiry-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #ffffff99;margin-top:24px}
.inquiry-link>span{font-size:20px;line-height:1}
.inquiry-link:hover{border-color:#fff}
.contact-email{font-size:clamp(22px,3.1vw,43px);letter-spacing:-.035em;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px;margin-top:54px;border-top:1px solid #ffffff66;font-weight:700;width:100%;max-width:760px}
.contact-email>span{font-size:37px;font-weight:400}
.site-footer{background:#101114;color:#b5b8c0;padding-top:50px;font-size:12px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:39px}
.footer-brand{font-size:23px;font-weight:750;letter-spacing:-.025em;color:#fff;margin-bottom:6px}
.footer-links{display:flex;gap:30px;flex-wrap:wrap}
.footer-links .text-link{margin:0;color:#f1f2f5;border-color:#646971;font-size:12px;gap:20px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #33363c;padding-block:20px}
.footer-bottom .languages{margin-left:auto}
.footer-bottom .languages a{color:#9fa3ad}
.footer-bottom .languages a.active{color:#fff}
.footer-bottom>a{color:#d4d6dc;font-size:11px;margin-left:12px}
@media(min-width:1500px){.hero{min-height:760px}.hero-content{padding-top:105px}.hero h1{max-width:820px;font-size:88px}.hero-lead{margin-top:32px}.audience-paths{margin-top:48px}}
@media(max-width:1100px){.header-inner{gap:22px;width:calc(100% - 48px)}.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.brand-logo{width:99px}.container{width:calc(100% - 72px)}.hero{min-height:650px}.hero-content{padding-top:70px}.hero h1{max-width:650px}.hero-lead{max-width:580px}.about-layout{gap:60px}.feature-layout{gap:43px}.detail-grid{gap:27px}.project-grid{gap:23px}.section-space{padding-block:78px}.detail-card h3{font-size:21px}.project-text h3{font-size:22px}.project-wordmark{padding:24px}.inquiry-grid{gap:40px}}
@media(max-width:850px){html{scroll-padding-top:85px}.header-inner{height:72px;gap:19px}.brand-logo{width:101px}.desktop-nav{display:none}.header-inner>.languages{margin-left:auto}.mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;padding:8px 0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{font-size:20px;font-weight:400;line-height:1}.mobile-menu[open] summary>span{transform:rotate(45deg)}.mobile-menu nav{position:absolute;top:71px;left:0;right:0;display:grid;background:#fff;border-bottom:1px solid #d1d3d6;box-shadow:0 16px 24px #0000000d;padding:18px 24px}.mobile-menu nav a{padding:12px 0;border-bottom:1px solid #eeeeec;font-size:14px;font-weight:700}.mobile-menu nav a:last-child{border:none}.hero h1{font-size:62px;max-width:580px}.hero-shade{background:linear-gradient(90deg,#0a0c10ef,#0a0c108c),linear-gradient(0deg,#0a0c107d,transparent)}.hero-lead{font-size:17px}.about-layout{grid-template-columns:1fr 1fr;gap:36px}.about h2{font-size:35px}.about-copy{padding-top:38px}.about-copy .section-lead{font-size:16px}.feature-layout{grid-template-columns:1fr;gap:32px}.feature-copy h2{max-width:680px}.feature-copy .section-lead{max-width:680px}.feature-figure img{aspect-ratio:1.9;max-height:420px}.services .feature-figure img{aspect-ratio:1.9}.detail-grid{gap:24px;margin-top:44px}.detail-card h3{font-size:20px}.detail-card p{font-size:13px}.detail-card .text-link{font-size:12px;gap:12px}.social-strip{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr;gap:38px}.project-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:29px}.project-visual{margin:0;aspect-ratio:1.25}.project-date{min-height:0;margin-bottom:9px}.project-wordmark>span:first-child{font-size:29px}.project-attribution{margin-bottom:12px}.project-text>p:last-child{font-size:13px}.inquiry h3{font-size:22px}.contact-email{font-size:36px}.footer-links{gap:22px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);gap:17px;height:67px}.brand-logo{width:88px}.languages{font-size:11px;gap:9px}.mobile-menu summary{font-size:11px}.mobile-menu nav{top:66px;padding-inline:20px}.hero{min-height:0}.hero-content{padding-block:55px 20px}.hero-image{object-position:58% 50%}.hero-shade{background:linear-gradient(90deg,#0a0c10e6,#0a0c109f),linear-gradient(0deg,#0a0c10aa,transparent)}.eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:48px;max-width:450px;line-height:1.04;letter-spacing:-.05em}.hero:lang(ko) h1{font-size:43px;line-height:1.2}.hero-lead{font-size:15px;line-height:1.8;margin-top:24px}.audience-paths{grid-template-columns:1fr;gap:10px;margin-top:31px}.audience-path{padding:15px 18px 16px}.path-label{font-size:10px;margin-bottom:6px}.path-title{font-size:13px;gap:16px}.path-title>span{font-size:20px}.hero-caption{margin-top:21px;font-size:9px}.section-space{padding-block:58px}.section-label{font-size:10px;margin-bottom:20px}h2{font-size:34px;line-height:1.12}.section-lead{font-size:15px;line-height:1.85;margin-top:21px}.about-layout{grid-template-columns:1fr;gap:22px}.about h2{font-size:34px;max-width:440px}.about-copy{padding:0}.about-copy .section-lead{font-size:16px}.text-link{font-size:12px;margin-top:22px}.feature-layout{gap:26px}.feature-figure img,.services .feature-figure img{aspect-ratio:1.5}.feature-figure figcaption{font-size:9px;line-height:1.7}.detail-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.detail-card{padding-top:21px;display:block}.card-index{display:block;margin-bottom:14px}.detail-card h3{font-size:23px;max-width:400px;margin-bottom:13px}.detail-card p{font-size:14px;line-height:1.85}.detail-card .text-link{font-size:12px;margin-top:19px}.social-strip{margin-top:34px;padding-top:23px;gap:16px}.social-strip>div{display:flex;gap:14px;flex-direction:column;align-items:flex-start}.social-strip .text-link{font-size:12px}.services .detail-card h3{max-width:400px}.service-cta{margin-top:31px}.button-link{font-size:12px}.project-grid{gap:35px;margin-top:31px}.project-card{display:block}.project-visual{aspect-ratio:1.6;margin-bottom:21px}.project-wordmark{padding:27px}.project-wordmark>span:first-child{font-size:39px}.wordmark-mark{font-size:38px}.project-date{font-size:10px;margin-bottom:10px}.project-text h3{font-size:25px}.project-attribution{font-size:11px;margin-bottom:13px}.project-text>p:last-child{font-size:14px}.contact h2{font-size:37px}.inquiry-grid{grid-template-columns:1fr;gap:29px;margin-top:32px}.inquiry{padding-top:20px}.inquiry-index{margin-bottom:16px}.inquiry h3{font-size:24px;margin-bottom:13px}.inquiry-link{font-size:12px;margin-top:21px}.contact-email{font-size:27px;gap:15px;padding-top:24px;margin-top:34px}.contact-email>span{font-size:29px}.footer-main{display:block;padding-bottom:29px}.footer-links{margin-top:26px;gap:23px}.footer-links .text-link{font-size:11px;gap:15px}.site-footer{padding-top:35px;font-size:11px}.footer-brand{font-size:23px}.footer-bottom{gap:14px;flex-wrap:wrap;font-size:10px}.footer-bottom .languages{margin-left:auto}.footer-bottom>a{font-size:10px;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.site-header,.audience-paths,.languages,.mobile-menu,.skip-link{display:none}.container{width:100%}.hero{min-height:0;color:#000;background:#fff}.hero-image,.hero-shade{display:none}.hero-content{padding:30px 0}.hero-lead,.hero-caption{color:#333}.section-space{padding-block:30px}.services,.contact{background:#fff;color:#000}.services p,.contact p{color:#333!important}.project-card,.detail-card,.inquiry{break-inside:avoid}.site-footer{background:#fff;color:#333}.footer-brand{color:#000}}