/* ============================================================
   Amplified AI — "Take something with you"
   Long-form article styles. Loaded only by blog pages.
   ============================================================ */

/* ---------- article hero ---------- */
.art-hero{
  padding:calc(72px + clamp(56px,9vh,96px)) 0 clamp(30px,4vw,44px);
  border-bottom:1px solid var(--line);
}
.art-hero .wrap{max-width:820px}
.art-h1{
  font:400 clamp(34px,5.2vw,62px)/1.06 var(--serif);color:var(--cream);
  letter-spacing:-.015em;text-wrap:balance;
}
.art-h1 em{font-style:italic;color:var(--amber)}
.art-stand{
  font:400 clamp(18px,1.9vw,23px)/1.6 var(--serif);color:var(--cream-d);
  margin-top:20px;max-width:660px;text-wrap:pretty;
}
.art-meta{
  display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;margin-top:30px;
  font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cream-f);
}
.art-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--line-strong)}

/* ---------- lead image ---------- */
.art-lead{margin:0 auto;max-width:1160px;padding:clamp(28px,4vw,52px) clamp(20px,4vw,44px) 0}
.art-lead figure{border-radius:var(--rad-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.art-lead img{width:100%;height:clamp(240px,42vw,520px);object-fit:cover}
.art-lead figcaption{font-size:13px;color:var(--cream-f);margin-top:12px;max-width:660px}

/* ---------- prose ---------- */
.prose{max-width:680px;margin:0 auto;padding:clamp(44px,6vw,76px) clamp(20px,4vw,44px) 0}
.prose > p{font-size:clamp(17px,1.5vw,18.5px);line-height:1.78;color:var(--cream-b);margin-bottom:26px}
.prose > p.first::first-letter{
  font:400 62px/.86 var(--serif);color:var(--amber);float:left;padding:6px 12px 0 0;
}
.prose h2{
  font:400 clamp(25px,3vw,34px)/1.2 var(--serif);color:var(--cream);
  letter-spacing:-.01em;margin:clamp(46px,5vw,64px) 0 18px;text-wrap:balance;
}
.prose h2 em{font-style:italic;color:var(--amber)}
.prose h3{font:650 15px/1.4 var(--sans);color:var(--cream);margin:36px 0 10px}
.prose ul,.prose ol{margin:0 0 26px 0;padding-left:0;list-style:none}
.prose li{
  position:relative;padding:0 0 0 26px;margin-bottom:13px;
  font-size:clamp(16px,1.4vw,17.5px);line-height:1.72;color:var(--cream-b);
}
.prose ul > li::before{content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--amber);opacity:.75}
.prose ol{counter-reset:pl}
.prose ol > li{counter-increment:pl}
.prose ol > li::before{
  content:counter(pl);position:absolute;left:0;top:2px;
  font:700 11px/1.55 var(--mono);color:var(--amber);
}
.prose a{border-bottom:1px solid rgba(227,164,85,.35)}
.prose em{font-style:italic}

/* pull quote */
.pq{
  margin:clamp(38px,5vw,56px) 0;padding-left:24px;border-left:2px solid var(--amber);
  font:400 clamp(22px,2.6vw,30px)/1.32 var(--serif);color:var(--cream);letter-spacing:-.01em;text-wrap:balance;
}
.pq em{font-style:italic;color:var(--amber)}

/* aside — the honest counterpoint */
.counter{
  margin:clamp(34px,4vw,48px) 0;padding:24px 26px;background:var(--esp);
  border:1px solid var(--line);border-radius:var(--rad);
}
.counter .tag{margin-bottom:12px}
.counter p{font-size:16px;line-height:1.7;color:var(--cream-d);margin:0}

/* inline figure */
.figw{margin:clamp(38px,5vw,58px) 0}
.figw figure{border-radius:var(--rad);overflow:hidden;border:1px solid var(--line)}
.figw img{width:100%;height:clamp(200px,30vw,360px);object-fit:cover}
.figw figcaption{font-size:13px;color:var(--cream-f);margin-top:11px}
.figw.wide{max-width:960px;margin-left:calc(50% - min(480px,46vw));margin-right:auto;width:min(960px,92vw)}
@media(max-width:860px){.figw.wide{max-width:none;margin-left:0;width:auto}}

/* clip pair */
.clippair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:clamp(36px,4.5vw,52px) 0}
.clippair figure{position:relative;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:var(--esp)}
.clippair video,.clippair img{width:100%;aspect-ratio:9/16;object-fit:cover}
.clippair .timechip{position:absolute;left:9px;bottom:9px}
@media(max-width:520px){.clippair{grid-template-columns:1fr}}

/* ---------- take something with you ---------- */
.tsw{
  max-width:760px;margin:clamp(56px,7vw,88px) auto 0;
  background:var(--esp2);border:1px solid rgba(227,164,85,.36);border-radius:var(--rad-lg);
  padding:clamp(28px,3.4vw,44px);box-shadow:var(--shadow);
}
.tsw-k{font:700 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:16px}
.tsw h2{font:400 clamp(24px,2.8vw,32px)/1.18 var(--serif);color:var(--cream);margin:0 0 14px;text-wrap:balance}
.tsw > p{color:var(--cream-d);font-size:16px;line-height:1.7;margin-bottom:24px}
.tsw ol{list-style:none;counter-reset:tw;margin:0}
.tsw ol > li{
  counter-increment:tw;position:relative;padding:16px 0 16px 44px;border-top:1px solid var(--line);
  color:var(--cream-b);font-size:16px;line-height:1.66;
}
.tsw ol > li::before{
  content:counter(tw,decimal-leading-zero);position:absolute;left:0;top:18px;
  font:700 11px/1.4 var(--mono);color:var(--amber);letter-spacing:.06em;
}
.tsw ol > li b{display:block;color:var(--cream);font-weight:650;font-size:15.5px;margin-bottom:3px}
.tsw .tsw-foot{margin-top:24px;padding-top:18px;border-top:1px dashed var(--line-strong);font-size:14.5px;color:var(--cream-d)}

/* ---------- disclosure ---------- */
.disclose{
  max-width:680px;margin:clamp(48px,6vw,76px) auto 0;padding:0 clamp(20px,4vw,44px);
}
.disclose p{font-size:13.5px;line-height:1.7;color:var(--cream-f);border-top:1px solid var(--line);padding-top:20px}
.disclose a{color:var(--cream-d);border-bottom:1px solid var(--line-strong)}
.disclose a:hover{color:var(--cream)}

/* ---------- next reads ---------- */
.nextreads{border-top:1px solid var(--line);margin-top:clamp(56px,7vw,88px)}
.nextreads .eyebrow{margin-bottom:26px}

/* ---------- index page ---------- */
.blog-hero{
  position:relative;padding:calc(72px + clamp(60px,10vh,110px)) 0 clamp(48px,6vw,78px);
  background:linear-gradient(180deg,rgba(20,16,8,.72) 0%,rgba(20,16,8,.58) 45%,var(--ink) 100%),
             url("blog-room-night.jpg") center 55%/cover no-repeat;
  border-bottom:1px solid var(--line);
}
.blog-hero .lede{margin-top:20px}
.postlist{display:grid;gap:clamp(20px,2.6vw,30px)}
.post-row{
  display:grid;grid-template-columns:300px 1fr;gap:clamp(22px,3vw,40px);align-items:center;
  background:var(--esp);border:1px solid var(--line);border-radius:var(--rad-lg);
  overflow:hidden;color:inherit;transition:border-color .25s,transform .25s;
}
.post-row:hover{border-color:rgba(227,164,85,.42);transform:translateY(-3px);color:inherit}
.post-row img{width:100%;height:100%;min-height:210px;object-fit:cover}
.post-row .pr-body{padding:26px 30px 28px 0}
.post-row h2{font:400 clamp(22px,2.6vw,30px)/1.2 var(--serif);color:var(--cream);margin:12px 0 10px;text-wrap:balance}
.post-row p{color:var(--cream-d);font-size:15.5px;max-width:560px}
@media(max-width:760px){
  .post-row{grid-template-columns:1fr}
  .post-row img{min-height:180px;max-height:200px}
  .post-row .pr-body{padding:24px}
}