@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#20211f;--muted:#8b8c86;--paper:#fff;--warm:#f6f5f1;--accent:#f47643;--line:#e6e6e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#f8c8b1}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:36px 0}.wordmark{font-size:30px;font-weight:700;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:9px}.logo-dots{display:flex;gap:3px;padding-top:5px}.logo-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink)}.logo-dots i:last-child{background:var(--accent)}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:500}nav a{transition:color .2s}nav a:hover{color:#ce5728}nav a:last-child{background:var(--warm);padding:13px 20px;border-radius:40px}nav a span{margin-left:16px}.hero{padding-top:65px;padding-bottom:63px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:25px}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,6.5vw,94px);font-weight:450;letter-spacing:-5.5px;line-height:1.02}.muted{color:var(--muted)}.orange-dot{display:inline-block;width:15px;height:15px;background:var(--accent);border-radius:50%;margin-left:8px}.hero-aside{max-width:315px;padding-bottom:4px}.hero-aside p{font-size:16px;line-height:1.65;color:#767771}.button{display:inline-flex;align-items:center;gap:44px;background:var(--ink);color:#fff;border-radius:50px;padding:15px 22px;font-size:13px;margin-top:25px;transition:background .2s,transform .2s}.button:hover{background:#41423e;transform:translateY(-2px)}.portrait-section{overflow:hidden}.portrait-track{display:flex;gap:18px;width:calc(100% + 170px);margin-left:-85px;align-items:center}.portrait{margin:0;position:relative;flex:1;min-width:0;height:360px;border-radius:22px;overflow:hidden;background:#e9e8e4}.portrait:nth-child(even){height:320px}.portrait img{height:100%;filter:saturate(.6);transition:transform .8s,filter .8s}.portrait:hover img{transform:scale(1.035);filter:saturate(.9)}.p1 img{object-position:50% 43%}.p2 img{object-position:50% 40%}.p3 img{object-position:50% 30%}.p4 img{object-position:50% 38%}.p5 img{object-position:50% 30%}.portrait:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0005)}figcaption{position:absolute;bottom:19px;left:20px;right:12px;z-index:1;font-size:11px;color:#fff;display:flex;align-items:center;gap:8px}.little-dot{width:5px;height:5px;background:#fff;border-radius:50%}.portrait-caption{display:flex;justify-content:space-between;padding-top:22px;color:#777970;font-size:11px}.portrait-caption span:last-child{font-size:10px;color:#92948b}.section{padding-top:110px;padding-bottom:110px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#787b71;font-weight:500;padding-bottom:42px}.mini-mark{color:var(--accent);letter-spacing:3px}h2{font-weight:450;font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:-2.6px}.vision{padding-top:105px}.vision-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.vision-right>p{font-size:16px;line-height:1.8;color:#75786e;max-width:420px}.connection{height:220px;position:relative;margin-bottom:30px;max-width:420px}.orbit{position:absolute;width:180px;height:180px;border:1px solid #e0e2d9;border-radius:50%;top:10px}.orbit-one{left:32px}.orbit-two{right:32px}.connection-line{position:absolute;left:122px;right:122px;top:99px;height:1px;background:#c4c5bc}.connection-dot{position:absolute;width:46px;height:46px;border-radius:50%;top:77px;box-shadow:0 10px 26px #0000000b}.connection-dot.dark{left:99px;background:var(--ink);animation:connect 7s ease-in-out infinite}.connection-dot.orange{right:99px;background:var(--accent);animation:connect 7s ease-in-out infinite reverse}.diagram-label{position:absolute;bottom:3px;font-size:9px;letter-spacing:1.5px;color:#92958b}.label-human{left:102px}.label-ai{right:111px}@keyframes connect{50%{transform:translateX(9px)}}.experiences{background:var(--warm)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.experience-art{height:280px;border-radius:18px;background:#eeede7;position:relative;overflow:hidden}.experience:nth-child(2) .experience-art{background:#e9e9e2}.experience:nth-child(3) .experience-art{background:#eeede7}.art-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.6px;color:#8b8d81}.bubble{position:absolute;padding:15px 21px;border-radius:16px;font-size:13px;box-shadow:0 4px 15px #25252004;white-space:nowrap}.bubble-first{top:57px;left:13%;background:white;border-bottom-left-radius:4px;transform:rotate(-4deg)}.bubble-second{top:115px;right:12%;background:#262822;color:white;border-bottom-right-radius:4px;transform:rotate(3deg)}.typing{position:absolute;top:179px;left:19%;display:flex;gap:4px;padding:12px 15px;background:white;border-radius:15px}.typing i{width:4px;height:4px;border-radius:50%;background:#a1a497}.mini-portrait{position:absolute;width:116px;height:149px;top:55px;border-radius:12px;border:4px solid #f6f5f1;box-shadow:0 10px 25px #00000010;filter:saturate(.6)}.mini-one{left:12%;transform:rotate(-12deg)}.mini-two{left:calc(50% - 58px);top:43px;z-index:2}.mini-three{right:10%;transform:rotate(12deg)}.dot-field{display:grid;grid-template-columns:repeat(5,12px);gap:16px;position:absolute;top:49px;left:calc(50% - 62px);transform:rotate(-10deg)}.dot-field i{width:12px;height:12px;background:#d5d6cc;border-radius:50%}.dot-field i:nth-child(7),.dot-field i:nth-child(19){background:#676d60}.dot-field i:nth-child(13){background:var(--accent);box-shadow:0 0 0 13px #f4764315}.dot-field i:nth-child(17){background:#22251f}.card-copy{position:relative;padding:25px 0 0}.number{position:absolute;right:0;top:29px;font-size:10px;color:#93968b}h3{font-size:21px;font-weight:500;letter-spacing:-.6px}.card-copy p{font-size:14px;line-height:1.8;color:#808376;margin-top:12px}.principles-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.principle-list article{border-top:1px solid var(--line);display:flex;gap:25px;padding:27px 0 30px}.principle-list article>span:first-child{font-size:10px;color:#8c9083;padding-top:6px}.principle-list h3{font-size:24px}.principle-list p{font-size:15px;line-height:1.7;color:#85897c;margin-top:13px}.principle-symbol{margin-left:auto;font-size:25px;color:#707669}.closing{background:var(--warm);text-align:center;padding:85px 0 88px}.closing-mark{display:flex;justify-content:center;gap:9px;margin-bottom:29px}.closing-mark i{width:19px;height:19px;background:var(--ink);border-radius:50%}.closing-mark i:last-child{background:var(--accent)}.closing .eyebrow{justify-content:center;font-size:9px;color:#8a8c81}.closing h2{font-size:clamp(44px,5vw,68px);margin-top:23px;letter-spacing:-3px}.closing p{margin-top:24px;font-size:15px;color:#898c80}.email{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #c0c4b6;padding-bottom:10px;margin-top:27px;font-size:19px;letter-spacing:-.3px;transition:color .2s}.email:hover{color:#bc542a}footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:24px}footer>span{font-size:10px;color:#888c80}.skip{position:fixed;top:-100px;left:15px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}
@media(min-width:1600px){.portrait{height:420px}.portrait:nth-child(even){height:375px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{font-size:70px;letter-spacing:-4px}.hero-aside{max-width:260px}.hero-aside p{font-size:14px}.portrait-track{width:calc(100% + 250px);margin-left:-125px}.portrait{height:290px}.portrait:nth-child(even){height:260px}figcaption{font-size:9px;left:12px}.vision-grid,.principles-grid{gap:40px}.connection{transform:scale(.9);transform-origin:center}.experience-grid{gap:16px}.experience-art{height:250px}.mini-portrait{width:95px;height:130px}.mini-two{left:calc(50% - 47px)}.mini-one{left:8%}.mini-three{right:6%}.bubble{font-size:11px;padding:13px}.card-copy h3{font-size:18px}.number{display:none}.card-copy p{font-size:12px}}
@media(max-width:680px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{padding:25px 0}.wordmark{font-size:26px}nav{gap:16px;font-size:11px}nav a:nth-child(2){display:none}nav a:last-child{padding:10px 13px}nav a span{display:none}.hero{padding-top:49px;padding-bottom:40px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-row{display:block;margin-top:22px}h1{font-size:clamp(55px,12vw,78px);letter-spacing:-3.7px}.orange-dot{height:11px;width:11px;margin-left:6px}.hero-aside{max-width:340px;padding-top:24px}.hero-aside p{font-size:14px;line-height:1.7}.button{margin-top:20px;padding:13px 20px;font-size:12px}.portrait-track{width:1120px;gap:12px;margin-left:calc(50% - 560px)}.portrait{height:285px;border-radius:17px}.portrait:nth-child(even){height:253px}figcaption{font-size:10px}.portrait-caption{font-size:9px;padding-top:18px;gap:20px}.portrait-caption span:last-child{font-size:8px;text-align:right}.section{padding-top:70px;padding-bottom:70px}.section-label{font-size:8px;letter-spacing:1px;padding-bottom:30px}.section-label>span:nth-child(2){font-size:7px}h2{font-size:38px;letter-spacing:-1.9px}.vision-grid,.principles-grid{grid-template-columns:1fr;gap:30px}.vision-right>p{font-size:14px;max-width:100%}.connection{max-width:350px;margin:0 auto 15px;height:205px;transform:none}.orbit{width:150px;height:150px;top:18px}.orbit-one{left:20px}.orbit-two{right:20px}.connection-dot{top:71px}.connection-dot.dark{left:72px}.connection-dot.orange{right:72px}.connection-line{left:95px;right:95px;top:93px}.label-human{left:74px;bottom:9px}.label-ai{right:87px;bottom:9px}.experience-grid{grid-template-columns:1fr;gap:36px;margin-top:34px}.experience-art{height:275px}.bubble-first{left:17%}.bubble-second{right:16%}.bubble{font-size:14px;padding:15px 19px}.mini-portrait{width:126px;height:167px}.mini-two{left:calc(50% - 63px)}.mini-one{left:15%}.mini-three{right:13%}.card-copy{padding-top:20px}.card-copy h3{font-size:21px}.card-copy p{font-size:14px;margin-top:8px}.number{display:block;top:25px}.principle-list h3{font-size:21px}.principle-list p{font-size:14px}.principle-list article{gap:16px}.closing{padding:64px 0}.closing h2{font-size:45px;letter-spacing:-2px}.closing p{font-size:14px}.email{font-size:18px;gap:18px}footer{padding:27px 0;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer .wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:360px){nav a:first-child{display:none}nav a:last-child{white-space:nowrap}}
@media(max-width:360px){h1{font-size:14.6vw;letter-spacing:-2.5px}.header{gap:10px}nav{flex-shrink:0}.closing h2{font-size:13vw}.email{font-size:16px}}

/* Language navigation and Korean typography. */
nav a.language-link{background:transparent;border:1px solid var(--line);padding:9px 13px;white-space:nowrap;font-size:11px}
html[lang="ko"] body{font-family:"DM Sans","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html[lang="ko"] h1{font-size:clamp(58px,6vw,86px);line-height:1.2;letter-spacing:-4px}
html[lang="ko"] h2{line-height:1.3;letter-spacing:-2px}
html[lang="ko"] .closing h2{font-size:clamp(36px,4.5vw,62px)}
@media(max-width:680px){nav{gap:10px}nav a[href="#principles"]{display:none}nav a:first-child{display:block}html[lang="ko"] h1{font-size:clamp(40px,10vw,65px);letter-spacing:-2.5px}html[lang="ko"] h2{font-size:34px}html[lang="ko"] .closing h2{font-size:32px}html[lang="ko"] .section-label{letter-spacing:.5px}html[lang="ko"] .principle-list h3{font-size:21px}}
@media(max-width:360px){nav a:first-child{display:none}html[lang="ko"] h1{font-size:11vw}html[lang="ko"] h2{font-size:29px}html[lang="ko"] .closing h2{font-size:27px}}