.posture{padding:clamp(40px, 9vw, 120px) var(--gx);background:var(--cream)}.posture .wrap{max-width:var(--maxw);margin-inline:auto}.posture-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:32px;display:grid}.posture-grid>div{background:var(--snow);flex-direction:column;gap:10px;padding:28px 24px;display:flex}.posture-grid>div .k{font-family:var(--mono);letter-spacing:.22em;color:var(--stone);text-transform:uppercase;font-size:10px}.posture-grid>div h4{letter-spacing:-.015em;font-size:22px;font-weight:500}.posture-grid>div p{color:var(--graphite);font-size:13.5px;line-height:1.55}@media (max-width:1080px){.posture-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.roles{padding:clamp(40px, 9vw, 120px) var(--gx);background:var(--ink);color:var(--cream)}.roles .wrap{max-width:var(--maxw);margin-inline:auto}.roles .head .h-note,.roles .head .h-index{color:#efeadb8c}.roles-list{border-top:1px solid var(--line-d-mid);margin-top:32px}.role-row{border-top:1px solid var(--line-d);transition:background .22s var(--e-out), padding .22s var(--e-out);grid-template-columns:60px minmax(0,2fr) minmax(0,1.5fr) 140px 110px;align-items:center;gap:24px;padding:28px 0;display:grid}.role-row:first-child{border-top:0}.role-row:hover{background:#efeadb0a;border-radius:6px;margin-inline:-18px;padding-inline:18px}.role-row .idx{font-family:var(--mono);color:#efeadb8c;letter-spacing:.16em;font-size:12px}.role-row h4{letter-spacing:-.015em;color:var(--cream);font-size:22px;font-weight:500}.role-row .team{font-family:var(--mono);letter-spacing:.2em;color:#efeadb8c;text-transform:uppercase;margin-top:6px;font-size:10px}.role-row p{color:#efeadbbd;font-size:13.5px;line-height:1.55}.role-row .loc{font-family:var(--mono);color:#efeadb99;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.role-row .apply{font-family:var(--sans);text-align:center;transition:background .2s var(--e-out), color .2s var(--e-out), border-color .2s var(--e-out);border:1px solid #efeadb5c;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500}.role-row .apply:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}@media (max-width:1100px){.role-row{grid-template-columns:30px 1fr;grid-template-areas:"idx h""idx desc""idx foot";row-gap:6px}.role-row .idx{grid-area:idx}.role-row .hcell{grid-area:h}.role-row .desc{grid-area:desc}.role-row .foot{grid-area:foot;justify-content:space-between;align-items:center;padding-top:8px;display:flex}}.about-work{padding:clamp(40px, 9vw, 120px) var(--gx);background:var(--cream)}.about-work .wrap{max-width:1100px;margin-inline:auto}.about-work h2{letter-spacing:-.03em;max-width:18ch;font-size:clamp(40px,5.4vw,80px);font-weight:400;line-height:1}.about-work h2 .it{font-style:italic;font-weight:300}.about-work p{color:var(--graphite);max-width:60ch;margin-top:24px;font-size:17px;line-height:1.6}body.dark .posture{background:var(--ink)}body.dark .posture h2{color:var(--cream)}body.dark .posture-grid{background:var(--line-d);border-color:var(--line-d)}body.dark .posture-grid>div{background:var(--char);color:var(--cream)}body.dark .posture-grid>div h4{color:var(--cream)}body.dark .posture-grid>div p{color:#efeadbb8}body.dark .about-work{background:var(--ink)}body.dark .about-work h2{color:var(--cream)}body.dark .about-work p{color:#efeadbc7}
