.pcard{display:flex;flex-direction:column;gap:16px}
.pcard .ph{aspect-ratio:16/10}
.pcard .ph img{transition:transform 1.2s var(--e)}
.pcard:hover .ph img{transform:scale(1.04)}
.pmeta{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-ink);display:flex;flex-wrap:wrap;gap:6px 14px}
.pmeta .cat{color:var(--gold-ink)}
.pcard h3{font-size:clamp(21px,1.9vw,26px);line-height:1.2;transition:color .3s}
.pcard:hover h3{color:var(--gold-ink)}
.pcard p{font-size:15.5px;line-height:1.62;color:var(--muted-ink)}

.prog{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--gold-ink);transform-origin:0 50%;transform:scaleX(0);z-index:80}
.a-head{padding:clamp(18px,2.2vw,30px) 0 clamp(22px,2.4vw,34px)}
.a-head .h1{font-size:clamp(32px,4.4vw,58px);max-width:24ch;line-height:1.1}
.a-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:var(--muted-ink)}
.a-meta b{font-weight:500;color:var(--ink-2)}
.a-hero{aspect-ratio:21/9;border-radius:3px;overflow:hidden;background:var(--ivory-3)}
.a-hero img{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.a-hero{aspect-ratio:4/3}}
.a-grid{display:grid;grid-template-columns:230px minmax(0,68ch) 1fr;gap:clamp(28px,4vw,64px);padding:clamp(40px,4.6vw,64px) 0}
.toc{position:sticky;top:92px;align-self:start;font-size:14px;line-height:1.45}
.toc b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-ink);font-weight:400;margin-bottom:14px}
.toc ol{list-style:none;border-left:1px solid var(--line)}
.toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;color:var(--muted-ink);transition:color .3s,border-color .3s}
.toc a:hover{color:var(--ink-2)}
.toc a.on{color:var(--ink-2);border-left-color:var(--gold-ink)}
.toc-m{display:none;border:1px solid var(--line);border-radius:3px;margin-bottom:28px}
.toc-m summary{cursor:pointer;padding:15px 18px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;list-style:none}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m ol{list-style:none;padding:0 18px 12px}
.toc-m a{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:15px}
@media(max-width:1060px){.a-grid{grid-template-columns:minmax(0,1fr)}.toc{display:none}.toc-m{display:block}}

.prose{font-size:clamp(17px,1.3vw,18.5px);line-height:1.75;color:#2b2620}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin-top:1.9em;color:var(--ink-2);scroll-margin-top:96px;font-variation-settings:'opsz' 22,'wght' 400}
.prose h3{font-size:clamp(20px,1.8vw,24px);line-height:1.25;margin-top:1.6em;color:var(--ink-2);scroll-margin-top:96px}
.prose h2+*,.prose h3+*{margin-top:.6em}
.prose strong,.prose b{font-weight:600;color:var(--ink-2)}
.prose a{color:var(--ink-2);border-bottom:1px solid var(--gold-ink);transition:color .3s}
.prose a:hover{color:var(--gold-ink)}
.prose ul{padding-left:1.1em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--gold-ink)}
.prose>p:first-child{font-size:1.14em;line-height:1.65;color:var(--ink-2)}
.src{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2.2em!important}
.src summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.src summary::-webkit-details-marker{display:none}
.src summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--gold-ink)}
.src[open] summary::after{content:"−"}
.src ol{padding:0 0 20px 1.4em;font-size:14px;line-height:1.55;color:var(--muted-ink)}
.src li+li{margin-top:6px}
.src a{border-bottom:1px solid var(--line);word-break:break-all;color:var(--muted-ink)}

.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.share span{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-ink);margin-right:6px}
.share button,.share a{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 16px;font-size:14px;cursor:pointer;transition:border-color .3s}
.share button:hover,.share a:hover{border-color:var(--ink-2)}

.pbox{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;margin-top:44px;padding:clamp(22px,2.6vw,32px);
  background:var(--ink);color:var(--ivory);border-radius:3px}
.pbox img{width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.pbox .kick{color:var(--gold)}
.pbox h3{font-size:clamp(24px,2.2vw,30px);margin:10px 0 8px;color:var(--ivory)}
.pbox p{font-size:15.5px;line-height:1.6;color:rgba(246,241,231,.8)}
.pbox .row-btns{margin-top:18px}
.pbox .btn{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.pbox .price{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:rgba(246,241,231,.72)}
@media(max-width:560px){.pbox{grid-template-columns:1fr}.pbox img{max-width:130px}}
.a-note{margin-top:28px;font-size:13.5px;line-height:1.6;color:var(--muted)}