/* A concise homepage: the film explains; navigation carries the details. */
.hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;padding-bottom:64px}
.hero-film{min-width:0;width:100%;margin:0}
.film-frame{overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#173240;box-shadow:0 16px 48px #30494318;border:1px solid #e9e5db}
.film-frame video{width:100%;height:100%;display:block;object-fit:contain}
video:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.intro{padding-top:12px;padding-bottom:64px}.intro .benefits{margin-top:0;gap:24px}.intro .benefits>div{padding:24px 0;border-top:2px solid var(--coral)}.intro .benefits h2{font-size:24px;line-height:1.5}
.occasions .case-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px}.occasions .case-body h3{margin:0;font-size:22px}.occasions .case-body svg{width:22px;height:22px}.occasions{margin-bottom:64px}.closing{padding-block:42px}
@media(max-width:900px){.hero{gap:28px}.intro .benefits h2{font-size:21px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:32px;padding-bottom:36px}.hero-film{margin:0}.hero h1{margin-top:0}.film-frame{border-radius:12px}.hero-description{font-size:15px}.intro{padding-top:0;padding-bottom:36px}.intro .benefits{gap:0}.intro .benefits>div{padding:19px 0;border-top:1px solid var(--line)}.intro .benefits h2{font-size:22px}.occasions{margin-bottom:36px}.occasions .case-art{min-height:120px}.occasions .case-body{padding:20px}.occasions .case-body h3{font-size:20px}.closing{padding-block:32px}}