.hero-section {
    position: relative;
    min-height: calc(100vh - 76px);
    padding-bottom: 34px;
    overflow: hidden;
}

.hero-visual {
    position: absolute;
    inset: 0;
    background:
            linear-gradient(rgba(42, 29, 20, 0.32), rgba(42, 29, 20, 0.32)),
            url("/images/hero-academy-natural-view-v5.png?v=5") center right / cover;
}

.hero-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 48px;
    align-items: end;
    min-height: calc(100vh - 220px);
    padding: clamp(64px, 8vw, 110px) 0 34px;
}

.hero-copy {
    align-self: center;
    max-width: 760px;
}
.hero-copy h1 { color:var(--white);text-shadow:0 3px 24px rgba(0,0,0,.18); }
.hero-copy .section-kicker { color:var(--gold); }

.hero-copy p:not(.section-kicker) {
    max-width: 610px;
    color: rgba(255,255,255,.88);
    font-size: 1.18rem;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.hero-note {
    padding: 26px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid var(--line);
    border-radius: 28px;
    box-shadow: var(--shadow);
}

.hero-note img {
    width: 112px;
    height: 112px;
    margin-bottom: 14px;
    object-fit: contain;
}

.hero-note span {
    color: #9C7B25;
    font-weight: 900;
}

.hero-note strong {
    display: block;
    margin: 8px 0;
    font-size: 1.28rem;
}

.hero-note p {
    margin-bottom: 0;
    color: var(--ink-soft);
}

.hero-quick-links {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow);
}

.hero-quick-links a {
    display: flex;
    gap: 14px;
    align-items: center;
    min-height: 96px;
    padding: 18px 20px;
    border-right: 1px solid var(--line);
    transition: background-color 0.2s ease;
}

.hero-quick-links a:last-child { border-right: 0; }
.hero-quick-links a:hover { background: #FFF6D6; }
.hero-quick-links > a > i { color: #9C7B25; font-size: 1.45rem; }
.hero-quick-links span { display: grid; line-height: 1.4; }
.hero-quick-links small { color: var(--ink-soft); }