:where(.page-hub) .mh{max-width:1280px;margin:0 auto;padding:clamp(48px,6vw,88px) 24px clamp(80px,9vw,120px)}:where(.page-hub) .mh-t{flex-direction:column;gap:20px;max-width:760px;display:flex}:where(.page-hub) .mh-h{letter-spacing:-.055em;margin:0;font-size:clamp(52px,7.4vw,108px);font-weight:800;line-height:.95}:where(.page-hub) .mh-s{letter-spacing:-.01em;color:#4a4a4a;max-width:34em;margin:0;font-size:clamp(18px,1.6vw,21px);font-weight:300;line-height:1.6}:where(.page-hub) .feat{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-areas:"hl hr""img list""body more";column-gap:56px;margin-top:clamp(48px,5vw,72px);display:grid}:where(.page-hub) .feat-h{padding-bottom:16px;display:block}:where(.page-hub) .feat-h.l{grid-area:hl}:where(.page-hub) .feat-h.r{grid-area:hr}:where(.page-hub) .feat-img{aspect-ratio:16/9;object-position:center 40%;grid-area:img;margin-top:24px}:where(.page-hub) .side-list{flex-direction:column;grid-area:list;display:flex}:where(.page-hub) .post:hover .link{color:#a63a35;text-decoration-color:currentColor}:where(.page-hub) .si{color:#0b0b0b;border-bottom:1px solid #e4e4e4;flex-direction:column;flex:1 1 0;justify-content:center;gap:6px;padding:12px 0;display:flex}:where(.page-hub) .si:hover{color:#0b0b0b}:where(.page-hub) .si:hover>b{color:#d44d45}:where(.page-hub) .si>b{letter-spacing:-.015em;font-size:18px;font-weight:700;line-height:1.3}:where(.page-hub) .meta{color:#5e5e5e;font-size:13px;font-weight:500}:where(.page-hub) .meta b{color:#d44d45;font-weight:700}:where(.page-hub) .feat-body{flex-direction:column;grid-area:body;gap:16px;margin-top:24px;display:flex}:where(.page-hub) .feat-body h2{letter-spacing:-.035em;max-width:22em;margin:0;font-size:clamp(28px,2.9vw,40px);font-weight:800;line-height:1.1}:where(.page-hub) .feat-body p{color:#3a3a3a;max-width:36em;margin:0;font-size:17px;font-weight:300;line-height:1.6}:where(.page-hub) .feat-body .btns{margin-top:8px}:where(.page-hub) .feat-more{grid-area:more;margin-top:24px}@media (max-width:900px){:where(.page-hub) .feat{grid-template-columns:minmax(0,1fr);grid-template-areas:"hl""img""body""hr""list""more"}:where(.page-hub) .feat-h.r{margin-top:56px}:where(.page-hub) .si{flex:none;padding:18px 0}}:where(.page-hub) .hub-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:56px;display:flex}:where(.page-hub) .seg-t{scrollbar-width:none;background:#fff;border:1px solid #e4e4e4;border-radius:999px;gap:4px;max-width:100%;padding:4px;scroll-padding-inline:4px;display:inline-flex;overflow-x:auto}:where(.page-hub) .seg-t::-webkit-scrollbar{display:none}:where(.page-hub) .sg{white-space:nowrap;min-height:46px;font:inherit;color:#0b0b0b;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}:where(.page-hub) .sg i{color:#8a8a8a;font-size:13px;font-style:normal;font-weight:600}:where(.page-hub) .sg:hover{background:#f4f4f4}:where(.page-hub) .sg.on{color:#fff;background:#0b0b0b}:where(.page-hub) .sg.on i{color:#bdbdbd}:where(.page-hub) .posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}:where(.page-hub) .post{color:#0b0b0b;background:#fff;border:1px solid #e4e4e4;border-radius:16px;flex-direction:column;gap:12px;padding:28px;display:flex}:where(.page-hub) .post:hover{color:#0b0b0b;border-color:#0b0b0b}:where(.page-hub) .post small{color:#5e5e5e;font-size:13px;font-weight:500}:where(.page-hub) .post small b{color:#d44d45;font-weight:700}:where(.page-hub) .post h3{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800;line-height:1.25}:where(.page-hub) .post p{color:#3a3a3a;margin:0;font-size:15px;font-weight:300;line-height:1.6}:where(.page-hub) .post .link{margin-top:auto;padding-top:8px;font-size:15px}@media (max-width:640px){:where(.page-hub) .posts{grid-template-columns:minmax(0,1fr)}:where(.page-hub) .hub-bar{flex-direction:column;align-items:stretch;margin-top:40px}:where(.page-hub) .seg-t{display:flex}:where(.page-hub) .sg{flex:1 0 auto;justify-content:center;padding:0 14px}:where(.page-hub) .sg i{display:none}}:where(.page-hub) .band-f{width:100%;max-width:520px;margin-top:8px;display:grid}:where(.page-hub) .fstate{grid-area:1/1;min-width:0}:where(.page-hub) .fstate.off,:where(.page-hub) .fstate.off *{visibility:hidden}:where(.page-hub) .sub{flex-wrap:wrap;gap:10px;display:flex;position:relative}:where(.page-hub) .sub input{min-width:0;min-height:52px;font:inherit;color:#0b0b0b;background:#fff;border:1px solid #d9d9d9;border-radius:10px;flex:240px;padding:0 16px;font-size:16px;font-weight:400}:where(.page-hub) .sub input:focus{border-color:#0b0b0b;outline:none}:where(.page-hub) .sub .btn{flex:none}:where(.page-hub) input::placeholder{color:#8a8a8a}:where(.page-hub) .sub-fine{color:#5e5e5e;margin:12px 0 0;font-size:13px;font-weight:300;line-height:1.5}:where(.page-hub) .sub-done{text-align:left;justify-content:center;align-self:center;align-items:center;gap:12px;min-height:52px;font-size:17px;font-weight:700;display:flex}:where(.page-hub) .ck{background:#eb544f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}@media (max-width:520px){:where(.page-hub) .sub .btn{flex:100%}}
