@layer reset,base;@layer components{.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero.hero--portrait{grid-template-columns:1.05fr 1fr;gap:40px;min-height:690px;padding-block:48px 36px}.hero--portrait h1{letter-spacing:-.035em;white-space:pre-line;font-size:clamp(44px,4.8vw,68px)}.hero--portrait .eyebrow{color:var(--sapphire);letter-spacing:.12em;margin-bottom:22px}.hero--portrait .lead{max-width:490px;margin-block:26px 30px;font-size:21px}.hero-portrait{isolation:isolate;height:600px;position:relative;overflow:hidden}.hero-portrait-plane{background:var(--sapphire);z-index:-1;border-radius:210px 210px 6px 6px;position:absolute;inset:75px 0 0 62px}.hero-portrait-image{object-fit:cover;object-position:center 15%;width:100%;max-width:none;height:100%;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.hero--portrait .hero-copy{animation:.4s ease-out both hero-copy-enter}.hero-portrait-image{animation:.5s ease-out both hero-image-enter}.hero-portrait-plane{animation:.5s ease-out both hero-plane-enter}}@keyframes hero-copy-enter{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-enter{0%{opacity:.5}to{opacity:1}}@keyframes hero-plane-enter{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width:760px){.hero.hero--portrait{grid-template-columns:1fr;gap:32px;min-height:0;padding-block:40px 24px}.hero--portrait h1{font-size:clamp(40px,10vw,56px)}.hero--portrait .lead{margin-block:22px 26px;font-size:20px}.hero--portrait .eyebrow{font-size:12px}.hero-portrait{aspect-ratio:4/5;width:100%;max-width:480px;height:auto;margin-inline:auto}.hero-portrait-plane{inset:48px 0 0 36px}.hero--portrait .hero-actions{align-items:stretch}.hero--portrait .hero-actions .button{padding-inline:18px;font-size:18px}}}