/* A quiet editorial chapter following the memories scrapbook. */
.home-intro {
    background: #f7f5f0;
    color: #153f46;
    padding: 16px 32px 88px;
}
.home-intro__inner { max-width: 1240px; margin: 0 auto; }
.home-intro__story { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(40px, 6vw, 88px); align-items: center; }
.home-intro__visual { min-width: 0; margin: 0; position: relative; }
.home-intro__photo { position: relative; margin: 0; height: 500px; overflow: hidden; border-radius: 90px 12px 12px 12px; background: #cda676; }
.home-intro__photo::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(15, 35, 39, .65)); pointer-events: none; }
.home-intro__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 49% center; transition: transform 1.2s ease; }
.home-intro__photo:hover img { transform: scale(1.035); }
.home-intro__coordinates { position: absolute; top: 28px; right: 24px; color: #fff; font-size: 10px; letter-spacing: .17em; text-shadow: 0 1px 5px #153f46; }
.home-intro__photo figcaption { position: absolute; z-index: 1; bottom: 27px; left: 28px; right: 20px; color: #fff; font-size: 14px; letter-spacing: .035em; }
.home-intro__pin { display: inline-block; margin-right: 9px; color: #f0c56e; font-size: 21px; vertical-align: -2px; }
.home-intro .home-intro__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #756038; font-size: 11px; font-weight: 600; line-height: 1.6; letter-spacing: .14em; text-transform: uppercase; }
.home-intro__eyebrow > span { width: 30px; height: 1px; background: #b18a43; }
.home-intro h2 { margin: 0 0 20px; color: #153f46; font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 600; font-size: clamp(28px, 2.4vw, 34px); line-height: 1.35; letter-spacing: -.035em; }
.home-intro h2 > span { display: block; font-weight: 400; }
.home-intro .home-intro__lead { margin: 0 0 24px; color: #516368; font-size: 16px; line-height: 1.75; max-width: 480px; }
.home-intro__details { margin: 0 0 24px; }
.home-intro__details > div { padding: 16px 0; border-top: 1px solid #dcded5; }
.home-intro__details dt { margin: 0 0 5px; font-size: 15px; font-weight: 600; }
.home-intro__details dd { margin: 0; max-width: 440px; color: #607075; font-size: 15px; line-height: 1.75; }
.home-intro .home-intro__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 38px; min-height: 49px; padding: 13px 24px; border-radius: 28px; background: #153f46; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .04em; transition: background .2s, transform .2s; }
.home-intro__cta span { font-size: 21px; line-height: 1; }
.home-intro .home-intro__cta:hover { background: #245760; transform: translateY(-2px); }
.home-intro__team { display: grid; grid-template-columns: 244px 1fr; align-items: center; gap: 36px; margin-top: 44px; padding: 30px 0; border-top: 1px solid #d7d9cf; border-bottom: 1px solid #d7d9cf; }
.home-intro__film { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: #153f46; }
.home-intro__film::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(10, 27, 31, .12), rgba(10, 27, 31, .55)); }
.home-intro__film img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.home-intro__film:hover img { transform: scale(1.06); }
.home-intro__play { position: absolute; z-index: 1; left: 50%; top: 44%; transform: translate(-50%, -50%); display: grid; place-items: center; padding-left: 3px; width: 44px; height: 44px; border-radius: 50%; background: #f5e6c5; color: #153f46; font-size: 14px; box-shadow: 0 0 0 7px rgba(255, 255, 255, .15); }
.home-intro__watch { position: absolute; z-index: 1; bottom: 12px; left: 12px; right: 12px; text-align: center; color: #fff; font-size: 10px; font-weight: 500; }
.home-intro__team .home-intro__eyebrow { margin-bottom: 9px; font-size: 10px; }
.home-intro h3 { margin: 0 0 9px; font: normal 600 22px/1.4 'Poppins', sans-serif; color: #153f46; letter-spacing: -.025em; }
.home-intro .home-intro__team-description { margin: 0; max-width: 650px; font-size: 15px; line-height: 1.75; color: #607075; }
.home-intro .home-intro__about { display: inline-flex; gap: 22px; align-items: center; margin-top: 8px; padding: 9px 0; border-bottom: 1px solid #a78649; color: #153f46; font-size: 14px; font-weight: 600; }
.home-intro__about span { font-size: 21px; transition: transform .2s; }
.home-intro__about:hover span { transform: translate(3px, -3px); }
.home-intro a:focus-visible, .home-intro button:focus-visible { outline: 3px solid #b38a39; outline-offset: 5px; }
.home-intro__dialog { inset: 0; width: min(960px, calc(100vw - 36px), calc(177.78dvh - 177.78px)); max-width: none; margin: auto; padding: 0; border: 0; background: #0b242a; color: white; overflow: visible; }
.home-intro__dialog::backdrop { background: rgba(7, 25, 30, .88); }
.home-intro__player { aspect-ratio: 16 / 9; }
.home-intro__player iframe { display: block; width: 100%; height: 100%; border: 0; }
.home-intro__close { position: absolute; right: 0; top: -48px; width: 40px; height: 40px; background: transparent; color: white; border: 0; font-size: 32px; cursor: pointer; }
.intro-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.intro-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1100px) {
    .home-intro__photo { height: 500px; }
    .home-intro__team { grid-template-columns: 210px 1fr; gap: 26px; }
}
@media (max-width: 767.98px) {
    .home-intro { padding: 0 22px 52px; }
    .home-intro__story { grid-template-columns: 1fr; gap: 30px; }
    .home-intro__copy { grid-row: 1; }
    .home-intro h2 { font-size: clamp(26px, 5.6vw, 30px); max-width: 520px; }
    .home-intro .home-intro__eyebrow { margin-bottom: 17px; }
    .home-intro .home-intro__lead { font-size: 16px; max-width: none; margin-bottom: 21px; }
    .home-intro__details { margin-bottom: 22px; }
    .home-intro__photo { height: auto; aspect-ratio: 1.12; border-top-left-radius: 80px; }
    .home-intro__team { margin-top: 32px; padding: 26px 0; grid-template-columns: 1fr; gap: 22px; }
    .home-intro__film { width: 100%; max-width: 440px; }
    .home-intro__play { width: 54px; height: 54px; }
    .home-intro__watch { font-size: 12px; bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-intro *, .intro-reveal { transition: none !important; }
    .intro-reveal { opacity: 1; transform: none; }
}