.pg{--paper-2:#FBF6EC}
.phero{position:relative;padding:170px 0 54px;text-align:center}
.phero .eyebrow{margin-bottom:16px}
.phero h1{font-size:clamp(38px,6.6vw,82px);letter-spacing:-.04em;max-width:14ch;margin:0 auto}
.plede{max-width:640px;margin:22px auto 0;color:var(--muted);font-size:19px;line-height:1.5}
.pcta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.psec{padding:44px 0}
.psec h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.03em;max-width:18ch}
.psec .lead{color:var(--muted);font-size:18px;max-width:60ch;margin-top:14px}
.pgrid{display:grid;gap:18px;margin-top:34px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.g3,.g4,.g2{grid-template-columns:1fr}}
.oycard{background:var(--card-bg);border:1px solid var(--line-soft);border-radius:20px;padding:26px;transition:transform .5s var(--e-out),box-shadow .5s var(--e-out)}
.oycard:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.oycard h3{font-size:21px;letter-spacing:-.02em;margin-bottom:8px}
.oycard p{color:var(--muted);font-size:15.5px;line-height:1.55}
.oycard .oyk{width:44px;height:44px;border-radius:12px;background:var(--mustard-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-family:var(--disp);font-weight:800;color:var(--cta)}
.code{background:var(--espresso);color:#F3E4CE;border-radius:18px;padding:26px 28px;font-family:"Inter",monospace;font-size:13.5px;line-height:1.7;overflow:auto;box-shadow:var(--sh-card)}
.code .c{color:#E9A23F}.code .oys{color:#B7BFA3}.code .oym{color:#8B6A4C}
.job{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:var(--card-2bg);border:1px solid var(--line-soft);border-radius:16px;margin-top:12px;transition:transform .4s var(--e-out)}
.job:hover{transform:translateX(4px)}
.job h4{font-size:18px;letter-spacing:-.01em}.job .oym{color:var(--faint);font-size:14px;margin-top:3px}
.job .loc{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--muted);white-space:nowrap}
.artg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
@media(max-width:900px){.artg{grid-template-columns:1fr 1fr}}@media(max-width:620px){.artg{grid-template-columns:1fr}}
.art{background:var(--card-bg);border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;transition:transform .5s var(--e-out),box-shadow .5s var(--e-out)}
.art:hover{transform:translateY(-5px);box-shadow:var(--sh-card)}
.art img{width:100%;height:200px;object-fit:cover}
.art .oyb{padding:22px}.art .tag{font-family:var(--disp);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--orange-deep)}
.art h3{font-size:20px;letter-spacing:-.02em;margin:8px 0 6px}.art p{color:var(--muted);font-size:14.5px}
.legal{max-width:760px;margin:0 auto;padding:150px 0 60px}
.legal h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.03em}
.legal h2{font-size:22px;margin-top:36px;letter-spacing:-.02em}
.legal p{color:var(--ink-soft);font-size:16.5px;line-height:1.7;margin-top:12px}
.band{margin:40px auto;max-width:var(--max);background:var(--espresso);border-radius:26px;padding:54px 40px;text-align:center;color:var(--on)}
.band h2{color:var(--on);font-size:clamp(26px,4vw,44px);letter-spacing:-.03em;max-width:18ch;margin:0 auto}
.band p{color:var(--on-mut);margin:14px auto 0;max-width:52ch}
.rowc{display:flex;gap:14px;align-items:center}