.ak-page{display:block}

.ak-hero{position:relative;min-height:90vh;display:flex;align-items:flex-end}
.ak-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ak-hero-overlay{position:relative;max-width:520px;margin:var(--space-6);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.ak-hero-overlay p{max-width:55ch}

.ak-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.ak-intro-col{max-width:65ch}

.ak-center{text-align:center;margin-left:auto;margin-right:auto}

.ak-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
.ak-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-base)}
.ak-card:hover{transform:translateY(-6px)}

.ak-split{display:grid;grid-template-columns:60% 40%;align-items:center}
.ak-split-media img{width:100%;height:100%;object-fit:cover}
.ak-split-text{padding:var(--space-6);max-width:55ch}

.ak-crew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}
.ak-crew-item{max-width:60ch;margin-inline:auto}

.ak-scroll{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory}
.ak-scroll-card{min-width:280px;scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--space-3)}

.ak-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}
.ak-step{max-width:60ch;margin-inline:auto}

.ak-experience{position:relative}
.ak-experience img{width:100%;height:100%;object-fit:cover}
.ak-experience-overlay{position:absolute;bottom:10%;left:10%;max-width:500px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}

.ak-cta{background:transparent;text-align:center}

@media (max-width:900px){
.ak-intro{grid-template-columns:1fr}
.ak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ak-split{grid-template-columns:1fr}
.ak-crew{grid-template-columns:1fr}
.ak-steps{grid-template-columns:1fr}
}

@media (max-width:600px){
.ak-grid{grid-template-columns:1fr}
.ak-hero-overlay{margin:var(--space-4);max-width:none}
.ak-experience-overlay{position:relative;left:auto;bottom:auto;margin:var(--space-4)}
}