:root{--ink:#161918;--muted:#68706c;--line:#dde2df;--green:#135f43;--lime:#c9f65b}*{box-sizing:border-box}body{margin:0;background:#f5f6f4;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}.portal{max-width:1240px;min-height:100vh;margin:auto;padding:30px 36px 70px}.portal header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px}.wordmark{color:var(--ink);font-size:21px;font-weight:800;text-decoration:none}.portal header span,.intro>p,.product small{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--green)}.intro{padding:80px 0 55px}.intro h1{font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px}.intro div{color:var(--muted);font-size:18px}.products{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product{position:relative;min-height:390px;padding:30px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-5px);box-shadow:0 24px 60px #18211d22}.product.shorts{background:#fff;border:1px solid var(--line)}.product.postx{background:#18211d;color:#fff}.product .number{align-self:flex-end;font-size:12px;opacity:.5}.product h2{font-size:45px;letter-spacing:-.045em;margin:8px 0 14px}.product p{max-width:450px;line-height:1.7;color:var(--muted)}.product.postx p{color:#c7cfca}.product strong{font-size:14px}.product.postx strong,.product.postx small{color:var(--lime)}@media(max-width:720px){.portal{padding:24px 20px}.intro{padding:55px 0 40px}.products{grid-template-columns:1fr}.product{min-height:330px}}