:root{--bg:#e8e8e8;--surface:#efefef;--pill:#f7f8fa;--ink:#365067;--line:#d9dfe3;--sidebar:320px;--shadow:0 3px 3px #36415b08,0 18px 24px #36415b10;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #426a87;outline-offset:5px}html[data-lang=ko] [lang=en],html[data-lang=en] [lang=ko]{display:none}h1,h2,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.045em;word-break:keep-all}p{word-break:keep-all;overflow-wrap:anywhere}.muted{color:#9ba9b5}.eyebrow,.number{font-size:13px;line-height:1.5;font-weight:650;letter-spacing:.025em;color:#778b9b}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:850;letter-spacing:-1.3px;white-space:nowrap}.brand sup{font-size:12px;align-self:flex-start;margin-top:6px;letter-spacing:0}.desktop-brand{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.nav-link{display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 22px;border-radius:30px;margin-bottom:4px;font-size:16px}.nav-link>span:first-child{width:16px;font-size:22px}.nav-link[aria-current=page]{background:var(--pill);box-shadow:var(--shadow);font-weight:600}.nav-arrow{margin-left:auto;color:#a8b6c2;visibility:hidden}.nav-link[aria-current=page] .nav-arrow{visibility:visible}.nav-link:hover{background:#f7f8fa80}.nav-label{font-size:13px;color:#7d909f;font-weight:600;margin:40px 20px 14px}.languages{display:flex;gap:4px;margin:28px 20px}.languages button{background:transparent;border:0;border-radius:24px;font-size:13px;padding:10px 13px}.languages button[aria-pressed=true]{background:var(--pill);box-shadow:var(--shadow)}.sidebar-note{margin-top:auto;padding:32px 20px 20px;font-size:14px;line-height:1.7}.sidebar-note p:nth-child(2){margin:12px 0}.sidebar-note>span{color:#8293a1}
.workspace{margin-left:var(--sidebar);padding:60px 32px}.canvas{max-width:1100px;margin:0 auto;background:var(--surface);border-radius:32px;box-shadow:0 2px 4px #36415b08,0 14px 18px #36415b0a;overflow:hidden}.narrow{max-width:660px;margin-inline:auto}.wide{max-width:860px;margin-inline:auto}.hero{padding-top:100px}.hero h1{font-size:56px;line-height:1.2;margin:42px 0 26px;letter-spacing:-.055em}.hero-actions{display:flex;gap:12px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:58px;padding:16px 24px;background:var(--pill);border-radius:40px;box-shadow:var(--shadow);font-size:16px;transition:transform .18s,box-shadow .18s}.pill:hover{transform:translateY(-2px);box-shadow:0 6px 8px #36415b0b,0 20px 25px #36415b15}
.beliefs{padding-top:112px;padding-bottom:80px;font-size:24px;line-height:1.65;letter-spacing:-.035em}.beliefs .eyebrow{margin-bottom:36px;letter-spacing:.025em}.beliefs>p+p{margin-top:32px}.beliefs strong{font-weight:600}mark{background:#d4ecc5;color:inherit;padding:0 3px;box-decoration-break:clone}.section-rule{display:flex;align-items:center;gap:12px;margin:0 12px;color:#8092a1;font-size:12px;font-weight:600}.section-rule:before{content:"";height:1px;background:var(--line);flex:1}.section-rule:after{content:"";height:1px;background:var(--line);flex:3}.principles{padding-block:70px 86px}.principles article+article{margin-top:54px}.number{display:block;margin-bottom:14px}.principles h2{font-size:26px;line-height:1.4;margin-bottom:14px}.principles p{font-size:19px;line-height:1.8;color:#5a7082}.home-project{padding-block:64px 92px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{font-size:26px}.text-link{font-size:14px;white-space:nowrap;border-bottom:1px solid #aab6be;padding-block:6px}
.project-card{display:block;border-radius:28px}.project-art{position:relative;min-height:300px;border-radius:28px;background:#e9edef;border:7px solid #f7f8fa;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:28px;padding:50px 36px;transition:transform .2s,background .2s}.project-art img{width:100px;height:100px;border-radius:25px;box-shadow:0 10px 20px #344f6715}.project-wordmark{font-size:44px;letter-spacing:-2px;font-weight:600}.project-wordmark small{display:block;font-size:10px;letter-spacing:2px;margin-top:12px;color:#708596}.project-open{position:absolute;right:24px;top:24px;border-radius:50%;background:var(--pill);box-shadow:var(--shadow);width:40px;height:40px;display:grid;place-items:center;font-size:20px}.project-card:hover .project-art{transform:translateY(-3px);background:#e3e9ec}.project-caption{padding:0 8px 26px;display:flex;justify-content:space-between;gap:20px}.project-caption h2{font-size:22px;margin-bottom:8px}.project-caption p{font-size:16px;line-height:1.7;color:#607688}.domain{font-size:12px;white-space:nowrap;padding-top:7px}.store-link{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-height:46px;margin:22px auto 0;padding:12px 18px;border-radius:28px;background:var(--pill);box-shadow:var(--shadow);font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s}.store-link:hover{transform:translateY(-2px);box-shadow:0 6px 8px #36415b0b,0 20px 25px #36415b15}.store-link span:first-child{font-size:18px}.store-link span:last-child{font-size:13px;color:#8293a1}.projects-heading{padding-top:95px}.projects-heading h1{font-size:56px;line-height:1.2;margin:26px 0 20px}.projects-heading>p:last-child{font-size:20px;line-height:1.7}.project-list{padding-block:56px 100px}
.contact-section{padding:56px 60px;background:var(--ink);color:#f7f8fa}.contact-content{max-width:660px;margin:auto}.contact-section .eyebrow{color:#b9c7d1;margin-bottom:20px}.contact-section h2{font-size:42px;line-height:1.2}.contact-section p:not(.eyebrow){margin-top:22px;font-size:19px;line-height:1.7;color:#dbe4e9}.contact-email{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:15px 20px;border-radius:28px;background:#f7f8fa;color:var(--ink);font-size:16px;font-weight:650;box-shadow:0 8px 18px #12233233;transition:transform .18s,box-shadow .18s}.contact-email:hover{transform:translateY(-2px);box-shadow:0 12px 24px #12233240}footer{border-top:1px solid var(--line);padding:32px 60px}.legal{font-size:12px;line-height:1.6}.mobile-header{display:none}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:30;padding:12px;background:white;border-radius:12px}.skip-link:focus{transform:none}
@media(min-width:981px) and (max-width:1300px){:root{--sidebar:260px}.narrow{max-width:calc(100% - 100px)}.wide{max-width:calc(100% - 64px)}.hero h1{font-size:50px}.sidebar{padding:16px}.brand{font-size:21px}footer{padding-inline:32px}.project-caption{flex-direction:column;gap:4px}}
@media(max-width:980px){.mobile-header{display:flex;align-items:center;justify-content:space-between;margin:0 16px;padding:20px 0;border-bottom:1px solid var(--line)}.menu-toggle{display:none;width:44px;height:40px;background:transparent;border:0;padding:8px}.js .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:2px;width:26px;background:var(--ink);border-radius:2px}.sidebar{position:static;width:auto;padding:12px 16px}.desktop-brand,.sidebar-note{display:none}.js .sidebar{display:none}.js .sidebar.is-open{display:block}.sidebar nav{max-width:660px;margin:auto}.sidebar .languages{justify-content:center;margin:14px}.nav-label{margin-top:20px}.workspace{margin-left:0;padding:20px 10px}.narrow{max-width:660px;width:calc(100% - 64px)}.wide{width:calc(100% - 40px)}.hero{padding-top:48px}.hero h1{font-size:48px}.canvas{border-radius:28px}footer{padding:32px 28px}}
@media(max-width:600px){.brand{font-size:25px}.brand img{width:34px;height:34px}.hero{padding-top:32px;text-align:center}.narrow{width:calc(100% - 36px)}.hero .eyebrow{font-size:11px}.hero h1{font-size:36px;line-height:1.3;margin:24px 0}.hero-actions{flex-direction:column;gap:12px}.pill{width:100%;min-height:56px}.beliefs{padding-top:76px;padding-bottom:58px;font-size:20px;line-height:1.8}.beliefs .eyebrow{font-size:11px;margin-bottom:24px}.principles{padding-block:48px 60px}.principles h2{font-size:23px}.principles p{font-size:17px}.principles article+article{margin-top:40px}.section-rule:before,.section-rule:after{flex:1}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:23px}.home-project{padding-block:48px 60px}.wide{width:calc(100% - 36px)}.project-art{min-height:270px;flex-direction:column;gap:18px;padding:40px 16px}.project-art img{width:76px;height:76px;border-radius:20px}.project-wordmark{font-size:34px;text-align:center}.project-wordmark small{font-size:8px;letter-spacing:1.5px}.project-caption{flex-direction:column;gap:12px;padding-inline:2px}.project-caption h2{font-size:21px}.project-caption p{font-size:15px}.project-open{top:14px;right:14px;width:34px;height:34px}.projects-heading{padding-top:40px}.projects-heading h1{font-size:40px}.projects-heading>p:last-child{font-size:17px}.project-list{padding-block:36px 60px}footer{padding:28px 20px}.contact-section{padding:44px 28px}.contact-section h2{font-size:34px}.contact-section p:not(.eyebrow){font-size:17px}.contact-email{width:100%;justify-content:center}.section-rule{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.project-card:hover .project-art{transform:none;background:#e9edef}.project-card .project-art:hover{transform:translateY(-3px);background:#e3e9ec}