/* /download: Gabriel for Mac (2026-10-17). Its own static page on the V3 frame (style.css, v3.css): the inner-page hero
   with a photo of a person (the About page's man by the sea), the numbered steps, a facts grid and fine print. No script of its own. */

/* ---------- Hero: copy and the one download button on the left, the photo on the right ---------- */
.dl-hero .ph-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.dl-hero .ph-copy{gap:26px}
.dl-hero .h1{max-width:none}
.dl-actions{align-items:center;gap:12px 22px}
.dl-meta{display:flex;flex-wrap:wrap;row-gap:6px;font-family:var(--mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.dl-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 12px;border-radius:50%;background:var(--line2);vertical-align:middle}
.dl-touch{font-size:var(--fs-15);line-height:1.6;color:var(--silver)}
.dl-apple{width:17px;height:17px;flex:none;margin:-2px 2px 0 -4px}
.dl-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-height:640px;justify-self:end;width:100%;max-width:520px;background:var(--obsidian)}
.dl-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
@media (max-width:960px){
  .dl-hero .ph-grid{grid-template-columns:1fr;gap:28px}
  .dl-photo{justify-self:stretch;max-width:none;aspect-ratio:4/3.4;border-radius:18px}
}
@media (max-width:760px){
  .dl-actions .act-link{justify-content:center}
  .dl-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
  .dl-meta span+span::before{display:none}
}

/* ---------- Install: three steps, then the facts and the checksum ---------- */
.dl-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:clamp(56px,6vw,88px) 0 0;border-top:1px solid var(--rule)}
.dl-facts div{display:flex;flex-direction:column;gap:6px;padding:20px 0 22px;border-bottom:1px solid var(--rule)}
.dl-facts dt{font-family:var(--mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald)}
.dl-facts dd{margin:0;font-size:var(--fs-17);line-height:1.45;color:var(--ink)}
.dl-sha{margin-top:28px}
.dl-install code{font-family:var(--mono);font-size:12px;letter-spacing:0;white-space:nowrap;color:var(--ink)}
.dl-install code.dl-hash{white-space:normal;word-break:break-all}
@media (max-width:860px){.dl-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:359px){.dl-facts{grid-template-columns:1fr}}