.art-page{background:#fff;color:#0f172a;font-family:'Montserrat',system-ui,sans-serif}
.art-wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.art-hero{padding:150px 0 64px;background:linear-gradient(180deg,#fff7df 0,#fff 100%);border-bottom:1px solid #eef0f4}
.art-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b45309;background:#fef3c7;padding:6px 12px;border-radius:99px}
.art-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.1;font-weight:800;margin:18px 0 14px;max-width:820px;letter-spacing:-.02em}
.art-hero h1 em{font-style:normal;background:#facc15;padding:0 .15em;border-radius:6px}
.art-hero p{max-width:640px;color:#475569;font-size:17px;line-height:1.6;margin:0 0 28px}
.art-chips{display:flex;flex-wrap:wrap;gap:10px}
.art-chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#fff;border:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#0f172a;text-decoration:none;transition:.2s}
.art-chips a i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.art-chips a:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-2px)}
.art-sec{padding:72px 0;scroll-margin-top:90px}
.art-sec.alt{background:#f6f7fa}
.art-sec-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:34px}
.art-ico{flex:none;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 10px 24px -8px var(--c)}
.art-ico svg{width:32px;height:32px}
.art-num{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--c)}
.art-sec-head h2{font-size:clamp(24px,3vw,34px);font-weight:800;margin:2px 0 6px;letter-spacing:-.01em}
.art-sec-head p{margin:0;color:#64748b;max-width:620px;line-height:1.55}
.art-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}
.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8eaf0;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:.25s}
a.art-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -14px rgba(15,23,42,.25);border-color:var(--c)}
.art-thumb{aspect-ratio:16/9;display:grid;place-items:center;color:rgba(255,255,255,.9);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c),var(--c2))}
.art-thumb::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.28),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
.art-thumb svg{width:64px;height:64px;position:relative}
.art-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.art-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.art-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.art-body h3{font-size:18px;line-height:1.3;font-weight:700;margin:8px 0}
.art-body p{font-size:14px;line-height:1.55;color:#64748b;margin:0 0 16px;flex:1}
.art-meta{font-size:12px;font-weight:600;color:#94a3b8}
a.art-card:hover .art-meta{color:var(--c)}
.art-card.soon{border-style:dashed;background:rgba(255,255,255,.7)}
.art-card.soon .art-thumb{filter:saturate(.55);opacity:.8}
.art-card.soon h3{color:#475569}
.art-cta{background:#0f172a;color:#fff;padding:72px 0;text-align:center}
.art-cta h2{font-size:clamp(24px,3vw,34px);font-weight:800;max-width:760px;margin:0 auto 12px}
.art-cta p{color:#cbd5e1;margin:0 0 26px}
.art-btn{display:inline-block;background:#facc15;color:#111;font-weight:700;padding:14px 28px;border-radius:99px;text-decoration:none;transition:.2s}
.art-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px #facc15}
@media(max-width:900px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.art-wrap{padding:0 20px}.art-grid{grid-template-columns:1fr}.art-hero{padding-top:120px}.art-sec-head{flex-direction:column;gap:14px}}