@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--ink:#07172b;--paper:#f2f1ec;--blue:#1387dc;--line:#07172b2e;color:var(--ink);background:var(--paper);font-family:Manrope,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.progress{z-index:1000;transform-origin:0;background:#2a9ce9;height:3px;position:fixed;top:0;left:0;right:0}.header{z-index:20;color:#fff;background:var(--ink);border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;height:104px;padding:0 4vw;display:flex;position:relative;top:0;left:0}.logo-button{background:0 0;border:0;padding:0}.wordmark{letter-spacing:-1.5px;align-items:center;font-family:DM Sans,sans-serif;font-size:28px;font-weight:500;display:inline-flex}.wordmark--light{color:#fff}.chevrons{width:17px;height:26px;margin-top:-17px;margin-left:-1px;position:relative}.chevrons i{border-top:4px solid #168fdc;border-left:4px solid #168fdc;width:13px;height:13px;position:absolute;left:0;transform:rotate(45deg)}.chevrons i:last-child{top:8px}.nav{align-items:center;gap:42px;display:flex}.nav button,.nav a,.footer-links button,.footer-links a{background:0 0;border:0;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:flex}.menu{color:#fff;background:0 0;border:0;display:none}.hero{background:var(--ink);color:#fff;flex-direction:column;height:min(900px,100vh);min-height:700px;padding:155px 4vw 45px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #2c9de647;width:62vw;height:62vw;position:absolute;bottom:-32vw;right:-10vw;transform:rotate(45deg)}.hero-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.eyebrow{letter-spacing:.16em;align-items:center;gap:11px;font-size:11px;font-weight:600;display:flex;position:relative}.eyebrow span{background:#1797e6;width:8px;height:8px;transform:rotate(45deg)}.hero h1{letter-spacing:-.075em;margin:auto 0;font-size:clamp(70px,10.3vw,168px);font-weight:500;line-height:.82;position:relative}.hero h1 span{display:block}.hero h1 .outline{color:#0000;-webkit-text-stroke:1.5px #ffffffa6;margin-left:7vw}.hero-bottom{border-top:1px solid #ffffff38;grid-template-columns:1fr 1fr auto;align-items:end;padding-top:24px;display:grid;position:relative}.hero-bottom p{margin:0;font-family:Noto Sans KR;font-size:16px;line-height:1.7}.scroll-cue{color:#fff;justify-self:center;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.scroll-cue svg{border:1px solid #ffffff59;border-radius:50%;width:42px;height:42px;padding:10px}.hero-index{align-items:center;gap:14px;font-size:50px;line-height:1;display:flex}.hero-index sup{color:#168fdc}.hero-index small{letter-spacing:.13em;font-size:9px;line-height:1.4}.manifesto{align-items:center;min-height:600px;padding:10vw 8vw;display:flex}.manifesto p{letter-spacing:-.045em;margin:0;font-family:Noto Sans KR;font-size:clamp(29px,4.2vw,65px);font-weight:500;line-height:1.55}.manifesto em{color:#178cd7;font-style:normal;position:relative}.work{padding:9vw 4vw 12vw}.section-head{grid-template-columns:1fr 3fr 1fr;align-items:start;margin-bottom:80px;display:grid}.section-head>span{font-size:12px}.section-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(52px,7vw,108px);font-weight:500;line-height:.86}.section-head p{letter-spacing:.14em;font-size:10px;line-height:1.7}.product-list{border-top:1px solid var(--ink)}.product{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:55px 0 1fr 48px;align-items:center;min-height:150px;text-decoration:none;transition:padding .35s,background .35s;display:grid;position:relative;overflow:hidden}.product-no{align-self:start;margin-top:35px;font-size:11px}.product-copy{padding:30px 0}.product-copy small{letter-spacing:.17em;font-size:9px}.product-copy h3{letter-spacing:-.055em;margin:5px 0;font-family:Noto Sans KR;font-size:clamp(28px,4vw,62px);font-weight:500}.product-copy p{color:#56616d;margin:0;font-family:Noto Sans KR;font-size:14px}.product-go{border:1px solid var(--line);border-radius:50%;place-items:center;width:45px;height:45px;transition:all .3s;display:grid}.product-art{place-items:center;width:0;height:115px;margin-right:0;transition:width .45s;display:grid;overflow:hidden}.product-art span{color:#ffffffd9;font-size:65px;font-weight:700}.product:hover{background:#fff;padding-left:14px}.product:hover .product-art{width:160px;margin-right:35px}.product:hover .product-go{background:var(--ink);color:#fff;transform:rotate(45deg)}.blue{background:#168cd8}.coral{background:#f87864}.lime{background:#a7cc52}.silver{background:#8795a3}.violet{background:#765fd2}.yellow{background:#e9b72f}.cyan{background:#30aab7}.principles{color:#fff;background:#0a1c32;padding:10vw 4vw}.section-head.light{grid-template-columns:1fr 4fr}.principle-grid{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin-left:20%;display:grid}.principle-grid article{border-right:1px solid #fff3;min-height:270px;padding:40px 30px 20px 0}.principle-grid article+article{padding-left:30px}.principle-grid b{color:#219ce9;font-size:11px}.principle-grid h3{margin:60px 0 16px;font-size:24px;font-weight:500}.principle-grid p{color:#aab4c0;max-width:290px;font-family:Noto Sans KR;font-size:13px;line-height:1.8}.cta{color:#07172b;background:#1793de;flex-direction:column;justify-content:flex-end;min-height:550px;padding:7vw 4vw;display:flex;position:relative;overflow:hidden}.cta p{letter-spacing:.12em;font-size:12px}.cta button{border:0;border-bottom:2px solid var(--ink);letter-spacing:-.07em;background:0 0;justify-content:space-between;align-items:center;padding:15px 0;font-size:clamp(45px,7.7vw,120px);line-height:1;display:flex}.cta button svg{width:6vw;height:6vw}.cta-arrow{width:145px;height:180px;position:absolute;top:50px;right:8vw}.cta-arrow i{border-top:20px solid #07172be6;border-left:20px solid #07172be6;width:100px;height:100px;position:absolute;transform:rotate(45deg)}.cta-arrow i:nth-child(2){opacity:.6;top:45px}.cta-arrow i:nth-child(3){opacity:.25;top:90px}footer{color:#fff;background:#07172b;grid-template-columns:2fr 1fr 1fr;min-height:280px;padding:65px 4vw 35px;display:grid}footer>div:first-child p{color:#8e9aaa;margin-top:28px;font-size:12px;line-height:1.5}.footer-links{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.copyright{letter-spacing:.13em;text-align:right;align-self:end;font-size:9px;line-height:1.7}.contact-page{background:var(--paper);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.contact-page:before{content:"";z-index:0;background:#07172b;position:fixed;inset:0 50% 0 0}.contact-intro{z-index:1;color:#fff;min-height:760px;padding:9vw 4vw 6vw;position:relative}.contact-intro h1{letter-spacing:-.06em;margin:70px 0 40px;font-family:Noto Sans KR;font-size:clamp(44px,5.2vw,77px);font-weight:500;line-height:1.22}.contact-intro h1 em{color:#1997e4;font-style:normal}.contact-intro p{color:#a9b4c0;max-width:430px;font-family:Noto Sans KR;line-height:1.8}.contact-form-wrap{z-index:1;padding:7vw 5vw;position:relative}.contact-form-wrap form{border-top:1px solid var(--ink)}.contact-form-wrap label{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;padding:28px 0;display:grid}.contact-form-wrap label>span{color:#168bd7;font-size:10px}.contact-form-wrap label div{flex-direction:column;gap:14px;display:flex}.contact-form-wrap b{font-family:Noto Sans KR;font-size:14px}.contact-form-wrap input,.contact-form-wrap textarea{resize:none;background:0 0;border:0;outline:none;padding:0;font-family:Noto Sans KR;font-size:18px}.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:#9aa0a5}.submit{color:#fff;background:#148fda;border:0;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:32px;padding:20px;display:flex}.submit svg:last-child{margin-left:auto}.notice{background:#dcefdc;align-items:center;gap:8px;margin-bottom:18px;padding:14px;font-size:13px;display:flex}@media (width<=800px){.header{height:78px}.nav{background:#07172b;border-top:1px solid #ffffff26;flex-direction:column;align-items:flex-start;padding:35px 5vw;transition:all .3s;position:fixed;inset:78px 0 auto;transform:translateY(-150%)}.nav.open{transform:none}.menu{display:block}.hero{height:790px;padding:130px 5vw 35px}.hero h1{font-size:18vw;line-height:.9}.hero h1 .outline{margin-left:0}.hero-bottom{grid-template-columns:1fr auto}.scroll-cue{display:none}.hero-index{font-size:34px}.manifesto{min-height:500px;padding:18vw 5vw}.manifesto p{font-size:7vw}.work,.principles{padding:22vw 5vw}.section-head{grid-template-columns:40px 1fr;margin-bottom:50px}.section-head p{display:none}.product{grid-template-columns:35px 1fr 42px;min-height:135px}.product-art{display:none}.product-copy p{padding-right:10px;font-size:12px}.product-copy h3{font-size:27px}.principle-grid{grid-template-columns:1fr;margin-left:0}.principle-grid article{border-bottom:1px solid #fff3;border-right:0;min-height:auto;padding:30px 0!important}.principle-grid h3{margin:25px 0 10px}.cta{min-height:420px}.cta-arrow{transform-origin:100% 0;transform:scale(.6)}.cta button{text-align:left;font-size:11vw}.contact-page{grid-template-columns:1fr}.contact-page:before{display:none}.contact-intro{background:#07172b;min-height:520px;padding:110px 5vw 60px}.contact-form-wrap{padding:60px 5vw}.contact-intro h1{margin:55px 0 30px;font-size:11vw}footer{grid-template-columns:1fr 1fr;padding:55px 5vw}.copyright{text-align:left;grid-column:1/-1;margin-top:60px}.wordmark{font-size:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}