/* heavener.co homepage v3: page-local styles. Loaded only by index.html.
   style.css is untouched, so the GitHub page cannot be affected. */

/* hero */
.hv-hero { justify-content:flex-start; padding-top:4.5vw; }
.hv-statusbar { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:5.5vw; }
.hv-eyebrow { margin:0; display:flex; align-items:center; }
.hv-status-right { color:#62666c; }
.hv-subintro { color:var(--fg); font-size:clamp(1.15rem,2.4vw,1.55rem); line-height:1.35; max-width:640px; margin:-18px 0 30px; }
.hv-hero .home-links { margin-bottom:56px; }

/* terminal card */
.hv-terminal { margin:10px 0 0; max-width:850px; border:1px solid var(--line); background:#0b0d0f; }
.hv-term-bar { display:flex; align-items:center; gap:7px; padding:11px 14px; border-bottom:1px solid var(--line); }
.hv-term-bar span { width:9px; height:9px; border-radius:50%; background:#2c3036; display:block; }
.hv-term-bar span:first-child { background:var(--accent); }
.hv-term-bar em { margin-left:9px; color:var(--muted); font-family:'DM Mono',monospace; font-style:normal; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }
.hv-term-body { margin:0; padding:20px 22px; overflow-x:auto; }
.hv-term-body code { font-family:'DM Mono',monospace; font-size:.8rem; line-height:1.75; color:#c9cdd2; white-space:pre; }
.hv-term-cap { padding:15px 22px 19px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
.hv-terminal-small { margin:0; max-width:none; }

/* proof strip */
.hv-strip { max-width:var(--max); margin:0 auto; padding:0 5vw; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hv-stat { background:var(--bg); padding:26px 24px; }
.hv-stat strong { display:block; font-size:clamp(1.9rem,4vw,2.9rem); letter-spacing:-.05em; line-height:1; font-weight:600; }
.hv-stat span { display:block; margin-top:9px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.56rem; letter-spacing:.1em; }
.hv-stat strong { color:var(--fg); }
.hv-stat:nth-child(4) strong { color:var(--accent); }

/* feature rows */
.hv-feature { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; padding:44px 0 52px; border-bottom:1px solid var(--line); margin-bottom:52px; align-items:start; }
.hv-kicker { display:flex; gap:16px; align-items:baseline; margin:0 0 16px; }
.hv-kicker-sep { color:var(--muted); font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.1em; }
.hv-feature h3 { font-size:clamp(2.6rem,5.5vw,4.2rem); line-height:.9; letter-spacing:-.06em; margin:0 0 20px; font-weight:600; }
.hv-feature p { color:var(--muted); margin:0 0 16px; max-width:560px; }
.hv-feature .hv-lede { color:var(--fg); font-size:1.12rem; line-height:1.45; }
.hv-feature-links { margin-top:24px !important; font-family:'DM Mono',monospace; font-size:.72rem; }
.hv-feature-links a { color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:5px; }
.hv-feature-links span { color:var(--accent); }

/* evidence panel */
.hv-evidence { border:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); }
.hv-evidence div { background:#0b0d0f; padding:22px; }
.hv-evidence strong { display:block; font-size:1.9rem; letter-spacing:-.04em; line-height:1; }
.hv-evidence span { display:block; margin-top:8px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.54rem; letter-spacing:.09em; line-height:1.6; }

/* about extras */
.about-copy { max-width:660px; color:#b7bbc0; font-size:1.02rem; }
.about-copy p { margin:0 0 18px; }
.about-mail { color:var(--accent); border-bottom:1px solid var(--line); padding-bottom:2px; transition:border-color .2s; }
.about-mail:hover { border-color:var(--accent); }
.hv-method { list-style:none; margin:34px 0 40px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); max-width:900px; }
.hv-method li { background:var(--bg); padding:24px; }
.hv-method span { color:var(--accent); font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.1em; }
.hv-method strong { display:block; margin:12px 0 8px; font-size:1.05rem; letter-spacing:-.02em; }
.hv-method em { color:var(--muted); font-style:normal; font-size:.9rem; line-height:1.5; display:block; }

.home-sections .github-section:first-child { border-top:none; }

/* hero row + portrait */
.hv-hero-row { display:grid; grid-template-columns:1fr auto; gap:56px; align-items:start; }
.hv-portrait { margin:6px 0 0; }
.hv-portrait img { width:232px; height:232px; object-fit:cover; display:block; border:1px solid var(--line); }
.hv-portrait figcaption { display:flex; justify-content:space-between; gap:14px; margin-top:11px; font-family:'DM Mono',monospace; font-size:.56rem; letter-spacing:.1em; color:var(--muted); text-transform:uppercase; }
.hv-portrait .hv-open { color:var(--accent); white-space:nowrap; }

/* by-day ledger */
.hv-ledger { border-top:1px solid var(--line); }
.hv-ledger-row { display:grid; grid-template-columns:1.1fr .8fr 1.9fr auto; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); align-items:baseline; }
.hv-ledger-role { font-weight:600; letter-spacing:-.02em; }
.hv-ledger-org { color:var(--fg); }
.hv-ledger-detail { color:var(--muted); font-size:.94rem; line-height:1.55; }
.hv-ledger-date { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.1em; color:var(--muted); white-space:nowrap; }
.byday-note { margin:26px 0 0; color:#b7bbc0; max-width:660px; }
.accent-line { color:var(--accent); }
.home-footer a:hover { color:var(--accent); }

@media(max-width:860px){
  .hv-feature { grid-template-columns:1fr; gap:32px; }
  .hv-strip { grid-template-columns:repeat(2,1fr); }
  .hv-method { grid-template-columns:1fr; }
  .hv-status-right { display:none; }
  .hv-term-body code { font-size:.68rem; }
  .hv-hero-row { grid-template-columns:1fr; gap:30px; }
  .hv-portrait img { width:168px; height:168px; }
  .hv-portrait figcaption { justify-content:flex-start; gap:20px; }
  .hv-ledger-row { grid-template-columns:1fr; gap:5px; padding:20px 0; }
}
