/* activations + method pages */
@media (max-width: 1100px) { .nav a { padding: .55rem .6rem; font-size: .92rem; } }
.acts { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: clamp(1.4rem, 3vw, 2.4rem); margin-top: 3rem; align-items: start; }
.act .reel { flex: none; width: 100%; }
.act h3 { margin: 1.1rem 0 .3rem; font-size: 1.7rem; }
.act p { font-size: .98rem; color: var(--muted); margin: 0; }
.act:nth-child(2n) { margin-top: 2.4rem; }
a.act { display: block; padding: 1.4rem 1.5rem; border: 1px solid var(--line); border-radius: 22px; background: var(--ink); transition: transform .6s var(--ease), border-color .3s; margin-top: 0 !important; }
a.act:hover { transform: translateY(-8px); border-color: var(--gold); }
a.act h3 { margin-top: 0; }
.timeline5 { counter-reset: s; display: grid; gap: 1rem; margin-top: 2.4rem; padding: 0; }
.timeline5 li { list-style: none; counter-increment: s; display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; align-items: center; padding: 1.1rem 1.4rem; background: var(--ink); border: 1px solid var(--line); border-radius: 18px; transition: transform .5s var(--ease), border-color .3s; }
.timeline5 li:hover { transform: translateX(10px); border-color: var(--gold); }
.timeline5 li::before { content: counter(s); font: 600 2.6rem/1 var(--serif); color: var(--gold); text-align: center; }
.timeline5 b { font: 600 1.6rem/1.1 var(--serif); display: block; }
.timeline5 span { color: var(--muted); font-size: .95rem; }
.pull { font: italic 500 clamp(1.5rem, 3vw, 2.2rem)/1.3 var(--serif); color: var(--gold-soft); max-width: 30ch; }
.statrow { display: flex; flex-wrap: wrap; gap: 1rem 2.4rem; margin: 1.6rem 0; }
.statrow div { font: 600 clamp(2.4rem, 5vw, 3.6rem)/1 var(--serif); color: var(--gold-soft); }
.statrow small { display: block; font: 400 .9rem var(--sans); color: var(--muted); margin-top: .3rem; }
.snap { border-radius: 22px; border: 1px solid var(--gold); aspect-ratio: 9/12; object-fit: cover; max-width: 22rem; width: 100%; margin-inline: auto; }