.art{padding-block:40px 0;background:var(--color-paper)}.art .read{max-width:760px;margin:0 auto}.art .back{font-family:var(--font-mono);font-size:.76rem;color:var(--color-muted);display:inline-flex;gap:7px;align-items:center;margin-bottom:26px}.art .back:hover{color:var(--color-amber)}.art h1{font-weight:800;letter-spacing:-.025em;line-height:1.06;margin:12px 0 0;font-size:clamp(2rem,4.2vw,2.9rem);text-wrap:balance}.art .deck{font-size:1.18rem;line-height:1.5;color:var(--color-ink-soft);margin-top:18px}.art .byline{display:flex;align-items:center;gap:12px;margin-top:24px;padding-bottom:26px}.art .byline .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(150deg,#e4e4de,#cfcfc8);display:grid;place-items:center;flex-shrink:0}.art .byline .av :global(svg){width:24px;height:24px;stroke:var(--color-muted);fill:none}.art .byline .who{font-weight:600;font-size:.92rem;color:var(--color-ink)}.art .byline .meta{font-family:var(--font-mono);font-size:.72rem;color:var(--color-muted);margin-top:2px}.art .cover{aspect-ratio:16/8;border-radius:18px;overflow:hidden;display:grid;place-items:center;position:relative;margin-bottom:8px}.art .cover .motif{width:26%;height:44%;border-radius:12px;background:#ffffffd9;box-shadow:0 20px 40px -18px #0009}.art .cover .ph{width:100%;height:100%;object-fit:cover;display:block}.co-a{background:linear-gradient(150deg,#2a2e35,#14161a)}.co-b{background:linear-gradient(150deg,#c9d2d8,#9fabb4)}.co-c{background:linear-gradient(150deg,#d8c3a8,#b7906a)}.co-d{background:linear-gradient(150deg,#f5b764,#e0842a)}.art .body{padding-block:36px 20px}.art .body p{font-family:var(--font-serif);font-size:1.16rem;line-height:1.72;color:#22262b;margin:0 0 22px}.art .body h2{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;margin:38px 0 14px}.art .body h3{font-family:var(--font-display);font-weight:800;font-size:1.2rem;margin:28px 0 10px}.art .body ul,.art .body ol{font-family:var(--font-serif);font-size:1.16rem;line-height:1.72;color:#22262b;margin:0 0 22px 1.2em}.art .body li{margin-bottom:8px}.art .body p a,.art .body li a,.art .body blockquote a{color:var(--color-amber);font-weight:600}.art .body blockquote{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;color:var(--color-ink);border-left:3px solid var(--color-amber);padding:6px 0 6px 22px;margin:30px 0;text-wrap:balance}.art .body blockquote p{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}.art .endcta{background:var(--color-night);color:#fff;border-radius:18px;padding:32px 34px;margin:34px 0 10px;position:relative;overflow:hidden}.art .endcta:before{content:"";position:absolute;right:-40px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,124,0,.2),transparent 62%)}.art .endcta h3{font-family:var(--font-display);font-weight:800;font-size:1.35rem;margin:0 0 8px;color:#fff;position:relative}.art .endcta p{font-family:var(--font-sans);font-size:.98rem;line-height:1.55;color:var(--color-d-soft);margin:0 0 18px;position:relative;max-width:52ch}.art .endcta .row{display:flex;gap:12px;flex-wrap:wrap;position:relative}.art .rel{border-top:1px solid var(--color-line-2);padding-block:48px 66px;margin-top:44px}.art .rel .rh{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:22px}.art .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.art .rcard{background:#fff;border:1px solid var(--color-line);border-radius:14px;overflow:hidden;transition:.16s;display:block}.art .rcard:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px #14161a66}@media(prefers-reduced-motion:reduce){.art .rcard:hover{transform:none}}.art .rcard .rc{aspect-ratio:16/9;display:grid;place-items:center;position:relative}.art .rcard .rc .m{width:36%;height:34%;border-radius:8px;background:#ffffffd9}.art .rcard .rc .ph{width:100%;height:100%;object-fit:cover;display:block}.art .rcard .rbody{padding:16px 18px 18px}.art .rcard h2{font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1.25;margin:0 0 8px}.art .rcard .rm{font-family:var(--font-mono);font-size:.66rem;color:var(--color-muted)}@media(max-width:820px){.art .rgrid{grid-template-columns:1fr}}