body.page-home{background:#f4ead6}

.axis-hero{padding:0}
.axis-top{background:#1a1612;color:#f4ead6;text-align:center;padding:2.2rem 0 0;border-bottom:3px solid #c9a227}
.crest{width:72px;height:72px;margin:0 auto .7rem;border:3px solid #c9a227;transform:rotate(45deg);display:grid;place-items:center}
.crest span{transform:rotate(-45deg);color:#c9a227;font-size:.7rem;letter-spacing:.2em}
.axis-top h1{font-size:clamp(1.25rem,3.2vw,1.95rem);letter-spacing:.1em;line-height:1.35;max-width:820px;margin:0 auto .7rem}
.axis-top .lead{max-width:680px;margin:0 auto 1rem;color:#d7c9a8;font-size:.88rem}
.axis-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-bottom:1.2rem}
.axis-pic{width:min(560px,90%);margin:0 auto;border:8px solid #c9a227;outline:1px solid #1a1612;outline-offset:-12px}
.medal-rail{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;margin:-28px auto 0;position:relative;z-index:2;border:2px solid #c9a227;background:#f4ead6}
.medal-rail div{text-align:center;padding:.85rem .4rem;border-right:1px solid #c9a227}
.medal-rail div:last-child{border-right:none}
.medal-rail strong{display:block;color:#c9a227;font-size:1.2rem;letter-spacing:.08em}

.arches{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:end}
.arch{text-align:center;padding:1.4rem 1rem 1.1rem;border:2px solid #c9a227;background:#fffdf6;border-radius:140px 140px 0 0}
.arch:nth-child(2){background:#1a1612;color:#f4ead6;transform:translateY(-18px);padding-top:1.8rem}
.arch:nth-child(2) p{color:#d7c9a8}
.arch h3{letter-spacing:.1em;margin:.2rem 0 .35rem;font-size:.95rem}

.descent{max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.step-block{width:100%;border:2px solid #c9a227;background:#fffdf6;padding:1rem 1.1rem;margin-bottom:0}
.step-block:nth-child(2){width:86%;background:#1a1612;color:#f4ead6}
.step-block:nth-child(3){width:72%;background:#c9a227;color:#1a1612}
.step-block h3{letter-spacing:.12em;font-size:.92rem;margin-bottom:.25rem}

.consoles{display:grid;grid-template-columns:1fr 48px 1fr;gap:0;align-items:stretch}
.console{border:2px solid #c9a227;background:#fffdf6;padding:1.1rem}
.console.dark{background:#1a1612;color:#f4ead6}
.axis-line{background:repeating-linear-gradient(#c9a227,#c9a227 2px,transparent 2px,transparent 8px)}
.console h3{text-align:center;letter-spacing:.14em;margin-bottom:.6rem;font-size:.88rem}
.console li{padding:.35rem 0;border-bottom:1px solid #e6d7b0;font-size:.84rem}
.console.dark li{border-bottom-color:#3a342c}
.home-shot{margin:1.2rem auto 0;max-width:640px;border:4px solid #c9a227}

.home-cta{background:#1a1612;color:#f4ead6;text-align:center;padding:2.4rem 0;border-top:8px solid #c9a227;border-bottom:8px solid #c9a227}
.home-cta h2{letter-spacing:.16em;margin-bottom:.4rem}
.home-cta .btn-gold{margin-top:.85rem}

@media(max-width:768px){
  .arches,.medal-rail,.consoles{grid-template-columns:1fr}
  .arch:nth-child(2){transform:none}
  .axis-line{display:none}
  .step-block:nth-child(2),.step-block:nth-child(3){width:100%}
}