.home-story {
    --story-accent: #815417;
    padding: clamp(64px, 7vw, 108px) 0;
    background: #fff;
    color: #182638;
    font-family: 'ResearchCave Open Sans', system-ui, sans-serif;
}
.home-story *, .home-story *::before, .home-story *::after { box-sizing: border-box; }
.home-story-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 6vw, 88px); }
.home-story-copy { position: relative; z-index: 1; min-width: 0; }
.home-story .home-story-label { margin: 0 0 20px; color: var(--story-accent); font-size: 12px; line-height: 1.6; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.home-story h2 { margin: 0 0 26px; color: #182638; font-family: inherit; font-size: clamp(32px, 3.1vw, 45px); line-height: 1.2; letter-spacing: -.035em; font-weight: 600; }
.home-story h2 span { display: block; color: var(--story-accent); }
.home-story p { color: #536174; font-size: 16px; line-height: 1.85; margin: 0 0 18px; }
.home-story .home-story-lead { color: #25364a; font-size: 18px; line-height: 1.8; }
.home-story-button { margin-top: 14px; }
.home-story a:focus-visible { outline: 3px solid #228ed5; outline-offset: 5px; }
.home-story-scene { position: relative; min-width: 0; margin: 0; }
.home-story-scene img, .home-cave-art img { display: block; width: 100%; height: auto; }
.home-royal-layout { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr); align-items: center; gap: clamp(36px, 5vw, 72px); }
.home-royal-portrait { min-width: 0; margin: 0; overflow: hidden; border-radius: 18px; box-shadow: 0 18px 48px #19283b1a; }
.home-royal-portrait img { display: block; width: 100%; height: auto; }
.home-scene-caption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 14px; font-size: 12px; line-height: 1.6; color: #536174; }
.home-story-royal h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(35px, 3.2vw, 45px); }
.home-story-cave {
    --story-accent: #9ce1ef;
    position: relative;
    background: #193c62;
}
.home-cave-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 5vw, 72px); }
.home-story-cave h2 { color: #fff; }
.home-story-cave p { color: #d8e2ed; }
.home-story-cave .home-story-lead { color: #fff; }
.home-story-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
.home-story-text-link { color: #fff; font-size: 14px; text-decoration: none; font-weight: 600; }
.home-story-text-link:hover { color: #bceaff; }
.home-story-text-link span { margin-left: 8px; }
.home-cave-art { width: min(100%, 540px); justify-self: end; margin: 0; overflow: hidden; border-radius: 18px; background: #fff; }
.home-story-socials { --story-accent: #6141a5; }
.home-story-socials .home-story-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.home-socials-scene { aspect-ratio: 1.08; isolation: isolate; }
.home-socials-scene::before { content: ''; position: absolute; inset: 8% 0 7%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #eae3fa, transparent 70%); }
.home-socials-scene .home-socials-temple { position: absolute; width: 77%; left: 0; top: 0; border-radius: 74px 18px 18px 18px; box-shadow: 0 18px 48px #3527521a; }
.home-socials-scene .home-socials-panels { position: absolute; width: 44%; right: 0; bottom: 12%; border: 7px solid #fff; border-radius: 28px 12px 58px 12px; box-shadow: 0 16px 40px #251b3e25; transform: rotate(5deg); }
@media (max-width: 991px) {
    .home-story-layout, .home-royal-layout, .home-cave-layout, .home-story-socials .home-story-layout { grid-template-columns: minmax(0, 1fr); gap: 42px; }
    .home-story-copy { max-width: 680px; }
    .home-story-scene { width: min(100%, 680px); margin-inline: auto; }
    .home-royal-portrait { width: 100%; }
    .home-story-royal .home-story-copy { grid-row: 1; }
    .home-cave-art { margin-inline: auto; justify-self: center; }
    .home-story-socials .home-story-copy { grid-row: 1; }
}
@media (max-width: 767px) {
    .home-story-layout, .home-royal-layout, .home-cave-layout { padding-inline: 20px; }
    .home-story .home-story-lead { font-size: 17px; }
    .home-story h2 { font-size: 33px; }
    .home-story-royal h2 { font-size: 36px; }
    .home-story .home-story-label { margin-bottom: 16px; }
    .home-socials-scene { aspect-ratio: 1; }
    .home-socials-scene .home-socials-panels { bottom: 18%; border-width: 4px; }
    .home-socials-scene .home-socials-temple { border-top-left-radius: 48px; }
    .home-cave-art, .home-royal-portrait { border-radius: 12px; }
    .home-story-actions { gap: 20px; }
}