/* Home only, phone composition. Desktop and print retain their existing layout. */
@media screen and (max-width:767px) {
  .page-home .logo svg { height:32px; }
  .page-home .hero-inner { padding-top:calc(var(--head) + 24px); padding-bottom:28px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 104px; gap:0 20px; align-items:start; }
  .page-home .hero-copy { display:contents; }
  .page-home .hero-copy > .label { grid-column:1/-1; grid-row:1; margin-bottom:16px; }
  .page-home .hero h1 { grid-column:1/-1; grid-row:2; font-size:40px; line-height:1.04; }
  .page-home .hero .lede { grid-column:1; grid-row:3; max-width:none; margin-top:20px; font:400 15px/1.6 var(--sans); color:rgba(245,242,235,.8); }
  .page-home .hero-lead-opening { display:block; margin-bottom:8px; font:400 20px/1.3 var(--serif); color:var(--ivory); }
  .page-home .hero-mark { display:block; grid-column:2; grid-row:3; width:104px; height:208px; margin-top:20px; justify-self:end; align-self:center; }
  .page-home .hero-mark svg { display:block; opacity:1; filter:drop-shadow(-.5px -.5px .6px rgba(245,242,235,.16)) drop-shadow(1px 1px .8px rgba(0,0,0,.65)); }
  .page-home .hero-mark svg > path { fill:var(--graphite); }
  .page-home .hero-mark svg > g { opacity:.5; }
  .page-home .hero:has(>.forge-canvas.is-live):not(.no-gl) .hero-mark svg { visibility:hidden; }
  .page-home .hero-actions { grid-column:1/-1; grid-row:4; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:16px; align-items:stretch; margin-top:20px; }
  .page-home .hero-actions > a { width:100%; min-width:0; height:52px; justify-content:center; gap:8px; font-size:14.5px; }
  .page-home .hero-actions .btn-outline { padding:0 12px; color:var(--iron); background:var(--ivory); border-color:var(--ivory); }
  .page-home .hero-actions .btn-outline:hover { color:var(--ivory); background:var(--iron); border-color:var(--ivory); }
  .page-home .hero-actions .link-arrow { padding:0; }
  .page-home .strip { background:var(--iron-2); backdrop-filter:none; }
  .page-home .strip-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:0; padding:16px 0 14px; }
  .page-home .stat { display:flex; flex-direction:column; align-items:flex-start; justify-content:start; gap:6px; border:0; padding:0; }
  .page-home .stat:first-of-type { grid-column:1/-1; flex-direction:row; align-items:baseline; justify-content:space-between; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid var(--rule-dark); }
  .page-home .stat:last-of-type { padding-left:20px; border-left:1px solid var(--rule-dark); }
  .page-home .stat dd { font-size:24px; }
  .page-home .stat:first-of-type dd { font-size:28px; }
  .page-home .stat dt { text-align:left; font-size:12px; }
  .page-home .strip .fine { grid-column:1/-1; padding-top:12px; color:rgba(245,242,235,.65); }
}
@media screen and (max-width:359px) {
  .page-home .hero h1 { font-size:36px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 84px; column-gap:16px; }
  .page-home .hero-mark { width:84px; height:168px; }
  .page-home .hero-lead-opening { font-size:19px; }
  .page-home .hero-actions { gap:12px; }
  .page-home .hero-actions > a { font-size:14px; }
  .page-home .stat:first-of-type dd { font-size:23px; }
}
@media screen and (min-width:390px) and (max-width:429px) {
  .page-home .hero h1 { font-size:44px; }
}
@media screen and (min-width:430px) and (max-width:767px) {
  .page-home .hero h1 { font-size:46px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 116px; column-gap:24px; }
  .page-home .hero-mark { width:116px; height:232px; }
}
@media screen and (max-width:767px) and (max-height:760px) {
  .page-home .hero-inner { padding-top:calc(var(--head) + 20px); padding-bottom:24px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 88px; column-gap:16px; }
  .page-home .hero h1 { font-size:40px; }
  .page-home .hero .lede { line-height:1.5; }
  .page-home .hero-lead-opening { font-size:18px; }
  .page-home .hero-mark { width:88px; height:176px; }
  .page-home .hero-actions { margin-top:16px; }
  .page-home .hero-actions > a { height:48px; }
}
@media screen and (max-width:359px) and (max-height:760px) {
  .page-home .hero h1 { font-size:36px; }
  .page-home .hero-grid { grid-template-columns:minmax(0,1fr) 80px; }
  .page-home .hero-mark { width:80px; height:160px; }
}