/**
 * HYDA reference-led homepage presentation.
 * Content remains managed by the Home page in WordPress.
 */

.hyda-home {
	--hyda-home-navy: #000740;
	--hyda-home-blue: #001964;
	--hyda-home-gold: #f0a920;
	--hyda-home-ink: #07143c;
	background: #fff;
	overflow: clip;
}

.hyda-home h1, .hyda-home h2, .hyda-home h3, .hyda-home p { margin-top: 0; }
.hyda-home__wide { margin-inline: auto; max-width: var(--hyda-wide-width); padding-inline: var(--hyda-page-gutter); }
.hyda-home__eyebrow { color: var(--hyda-gold-text); font-size: .78rem; font-weight: 800; letter-spacing: .14em; margin-bottom: .75rem; text-transform: uppercase; }

.hyda-home__hero { background: var(--hyda-home-navy); color: #fff; position: relative; }
.hyda-home__hero::before, .hyda-home__banner::after { background-image: radial-gradient(circle, rgba(240,169,32,.48) 1px, transparent 1.5px); background-size: 10px 10px; content: ""; opacity: .35; pointer-events: none; position: absolute; }
.hyda-home__hero::before { height: 16rem; left: 30%; mask-image: linear-gradient(135deg, transparent, #000 35%, #000 66%, transparent); top: 2rem; transform: rotate(13deg); width: 28rem; }
.hyda-home__hero-grid { display: grid; grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr); margin-inline: auto; max-width: 1440px; min-height: clamp(30rem,43vw,37rem); }
.hyda-home__hero-copy { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; max-width: 42rem; padding: clamp(3.5rem,5.4vw,4.75rem) clamp(1.5rem,6vw,7rem) clamp(3.25rem,5vw,4.5rem) max(var(--hyda-page-gutter), calc((100vw - 1200px) / 2)); position: relative; z-index: 1; }
.hyda-home__hero .hyda-home__eyebrow, .hyda-home__banner .hyda-home__eyebrow { color: var(--hyda-home-gold); }
.hyda-home__hero h1 { color: #fff; font-size: clamp(2.65rem,3.75vw,4.15rem); letter-spacing: -.055em; line-height: .98; margin-bottom: 1.2rem; max-width: 16ch; }
.hyda-home__hero h1 span { color: var(--hyda-home-gold); }
.hyda-home__hero p:not(.hyda-home__eyebrow) { color: rgba(255,255,255,.87); font-size: clamp(1rem,1.5vw,1.17rem); line-height: 1.75; max-width: 37rem; }
.hyda-home__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; }
.hyda-home__button { align-items: center; border: 2px solid transparent; border-radius: 9px; display: inline-flex; font-size: .86rem; font-weight: 800; gap: 1.15rem; justify-content: center; min-height: 3.3rem; padding: .78rem 1.1rem .78rem 1.2rem; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; }
.hyda-home__button:hover { transform: translateY(-2px); }
.hyda-home__button--gold { background: var(--hyda-home-gold); color: var(--hyda-home-ink); }
.hyda-home__button--gold:hover { background: #ffc249; color: var(--hyda-home-ink); }
.hyda-home__button--ghost { border-color: rgba(255,255,255,.58); color: #fff; }
.hyda-home__button--ghost:hover { background: #fff; color: var(--hyda-home-ink); }
.hyda-home__button--navy { background: var(--hyda-home-navy); color: #fff; }
.hyda-home__button--navy:hover { background: var(--hyda-home-blue); color: #fff; }
.hyda-home__arrow { font-size: 1.35rem; line-height: 1; }
.hyda-home__hero-media { clip-path: polygon(11% 0,100% 0,100% 100%,0 100%); min-height: inherit; position: relative; }
.hyda-home__hero-media::before { background: linear-gradient(105deg,var(--hyda-home-gold),rgba(240,169,32,.15)); clip-path: polygon(0 0,13% 0,3% 100%,0 100%); content: ""; inset: 0; position: absolute; z-index: 1; }
.hyda-home__hero-media img { display: block; height: 100%; object-fit: cover; width: 100%; }

.hyda-home__about { background: #fff; padding-block: clamp(4.5rem,8vw,7.5rem); }
.hyda-home__about-grid { align-items: center; display: grid; gap: clamp(2.5rem,8vw,8rem); grid-template-columns: minmax(0,.82fr) minmax(20rem,1fr); }
.hyda-home__about-copy { max-width: 35rem; }
.hyda-home__about h2, .hyda-home__section-title h2 { color: var(--hyda-home-ink); font-size: clamp(2rem,3.6vw,3.3rem); letter-spacing: -.05em; line-height: 1.04; margin-bottom: 1.25rem; }
.hyda-home__about p:not(.hyda-home__eyebrow) { color: #2e3852; line-height: 1.78; }
.hyda-home__about-media { border-radius: 1.25rem; box-shadow: 0 24px 54px rgba(0,7,64,.14); overflow: hidden; position: relative; }
.hyda-home__about-media img { aspect-ratio: 1 / .78; display: block; object-fit: cover; width: 100%; }

.hyda-home__impact { background: linear-gradient(180deg,#f7f9fd 0%,#eef3fa 100%); padding-block: clamp(4.5rem,8vw,7.25rem) clamp(3.5rem,6vw,5.5rem); }
.hyda-home__section-title { margin-inline: auto; max-width: 48rem; text-align: center; }
.hyda-home__section-title h2 { margin-bottom: clamp(2.25rem,4vw,3.6rem); }
.hyda-home__impact-grid { display: grid; gap: 1rem; grid-template-columns: repeat(6,minmax(0,1fr)); }
.hyda-home__impact-card, .hyda-home__value-card { background: rgba(255,255,255,.9); border: 1px solid rgba(5,20,60,.08); border-radius: 1rem; box-shadow: 0 12px 30px rgba(7,20,60,.05); padding: 1.45rem 1rem 1.65rem; text-align: center; }
.hyda-home__icon { align-items: center; color: var(--hyda-home-gold); display: inline-flex; font-size: 2.7rem; height: 3.2rem; justify-content: center; margin-bottom: .95rem; width: 3.2rem; }
.hyda-home__impact-card h3, .hyda-home__value-card h3 { color: var(--hyda-home-ink); font-size: .98rem; letter-spacing: -.025em; line-height: 1.25; margin-bottom: .7rem; }
.hyda-home__impact-card p, .hyda-home__value-card p { color: #3a455c; font-size: .87rem; line-height: 1.65; margin-bottom: 0; }
.hyda-home__banner { align-items: center; background: linear-gradient(115deg,#001342,#001f64); border-radius: 1rem; box-shadow: 0 16px 36px rgba(0,7,64,.16); color: #fff; display: grid; gap: 1.5rem; grid-template-columns: auto 1fr auto; margin-top: clamp(2.5rem,5vw,4rem); overflow: hidden; padding: clamp(1.25rem,3vw,2.2rem); position: relative; }
.hyda-home__banner::after { bottom: -3rem; height: 12rem; right: -1rem; width: 17rem; }
.hyda-home__banner-icon { align-items: center; border: 2px solid var(--hyda-home-gold); border-radius: 50%; color: var(--hyda-home-gold); display: flex; font-size: 2.2rem; height: 4.5rem; justify-content: center; width: 4.5rem; }
.hyda-home__banner p { font-size: clamp(1.05rem,2vw,1.28rem); font-weight: 700; line-height: 1.45; margin: 0; max-width: 37rem; position: relative; z-index: 1; }
.hyda-home__banner .hyda-home__button { position: relative; z-index: 1; }

.hyda-home__values { background: #fff; padding-block: clamp(4.25rem,8vw,6.5rem); }
.hyda-home__values-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hyda-home__value-card { padding: 1.75rem 1.25rem; }
.hyda-home__value-card .hyda-home__icon { background: #fff7e9; border-radius: 50%; font-size: 2.45rem; height: 4.5rem; margin-bottom: 1rem; width: 4.5rem; }

@media (max-width: 1180px) { .hyda-home__impact-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 782px) {
	.hyda-home__hero-grid, .hyda-home__about-grid { display: block; }
	.hyda-home__hero-copy { max-width: none; padding-inline: var(--hyda-page-gutter); }
	.hyda-home__hero h1 { max-width: 13ch; }
	.hyda-home__hero-media { clip-path: none; min-height: 19rem; }
	.hyda-home__hero-media::before { clip-path: polygon(0 0,100% 0,100% 6%,0 22%); }
	.hyda-home__about-media { margin-top: 2.25rem; }
	.hyda-home__about-media img { aspect-ratio: 1 / .88; }
	.hyda-home__impact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.hyda-home__banner { grid-template-columns: auto 1fr; }
	.hyda-home__banner .hyda-home__button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 480px) {
	.hyda-home__impact-grid, .hyda-home__values-grid { grid-template-columns: 1fr; }
	.hyda-home__impact-card, .hyda-home__value-card { padding: 1.5rem; }
	.hyda-home__banner { align-items: flex-start; }
	.hyda-home__banner-icon { height: 3.6rem; width: 3.6rem; }
}