/* Two views of the work, with the people and the invitation each given space. */
.landing-portals .gate{display:block;max-width:1840px;min-height:100svh}
.landing-portals .brand{padding-block:26px}
.landing-portals .doors{gap:24px;padding-bottom:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-portals .door{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:visible;background:linear-gradient(145deg,#14232e,#0c151d 75%);border-color:#d7c09b38;box-shadow:0 26px 65px -38px #000;border-radius:4px}
.landing-portals .door:after{display:none}
.landing-portals .door-media{position:relative;isolation:isolate;aspect-ratio:16/9;flex-shrink:0;margin:0;overflow:hidden;border-radius:3px 3px 0 0;background:#17232c;border-bottom:1px solid #dfc69c3d}
.landing-portals .door .door-media>img,.landing-portals .door-media>video{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:100% 50%;filter:none;transform:none;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.landing-portals .door-media>video,.landing-portals .door .door-media>.employer-film-fallback{object-position:90% 50%}
.landing-portals .door .door-media>.employer-film-fallback{display:none}
.landing-portals .door-media.film-unavailable>video{display:none}
.landing-portals .door .door-media.film-unavailable>.employer-film-fallback{display:block}
.landing-portals .door-media:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#06101a99,transparent 28%);pointer-events:none}
.landing-portals .door-index{top:18px;left:22px;font-size:.75rem;line-height:1.6;letter-spacing:.075em;font-weight:500;color:#f3e9d7;pointer-events:none}
.landing-portals .door .copy{display:flex;flex-direction:column;flex:1;max-width:none;padding:30px clamp(26px,2.7vw,48px) 32px;animation:none;color:inherit;border-radius:0 0 3px 3px}
.landing-portals .door .eyebrow{font-size:.75rem;letter-spacing:.13em;line-height:1.6;color:#dec79f}
.landing-portals .door h2{font-size:clamp(2.3rem,3.05vw,3.75rem);line-height:1.06;letter-spacing:-.04em;max-width:19ch;margin:15px 0 18px;text-wrap:balance}
.landing-portals .door .sub{font-size:1rem;line-height:1.7;max-width:49ch;margin:0 0 25px;font-weight:400;color:#c7d1d9}
.landing-portals .door .btn{margin-top:auto;align-self:flex-start;min-width:216px;font-size:.875rem;min-height:48px;padding:14px 19px}
.landing-portals .door:focus-within{outline:2px solid #efd8b3;outline-offset:5px}
.landing-portals .door-link:focus-visible{outline:2px solid #efd8b3;outline-offset:-3px}
.landing-portals .door-link:hover{background:#e0c69506}
.landing-portals .hero-film-control{right:15px;bottom:15px;min-height:44px;padding:10px 14px;font-size:.8125rem}
.landing-portals .foot{padding-block:18px 26px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .landing-portals .door:has(.door-link:hover) .door-media>img,.landing-portals .door:has(.door-link:focus-visible) .door-media>img{transform:scale(1.015);filter:none}
}
@media(max-width:1100px){
 .landing-portals .brand{padding-block:24px}
 .landing-portals .doors{gap:20px}
 .landing-portals .door .copy{padding:26px 26px 28px}
 .landing-portals .door h2{font-size:clamp(2rem,3.7vw,2.75rem);max-width:18ch}
 .landing-portals .door-index{font-size:.75rem;letter-spacing:.015em;left:16px;top:14px}
}
@media(max-width:760px){
 .landing-portals .brand{padding:22px 22px 18px}
 .landing-portals .audience-choices{padding:0 22px 22px;gap:12px}
 .landing-portals .audience-choices a{min-height:78px;padding:13px 12px;font-size:.875rem;line-height:1.45;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;border-radius:3px}
 .landing-portals .audience-choices a>span:first-child{font-size:.875rem;line-height:1.4;letter-spacing:.01em;text-transform:none;margin:0;color:#f0d7af}
 .landing-portals .doors{grid-template-columns:1fr;gap:24px;padding:0 16px 24px}
 .landing-portals .door-media{aspect-ratio:16/9}
 .landing-portals .door .door-media>img,.landing-portals .door-media>video{object-fit:contain;object-position:center;transform:none}
 .landing-portals .door .copy{padding:25px 25px 28px}
 .landing-portals .door h2{font-size:clamp(2.25rem,8vw,3.5rem);margin:14px 0 18px;max-width:19ch}
 .landing-portals .door .sub{line-height:1.7;margin-bottom:24px}
 .landing-portals .door-index{left:20px;top:15px;letter-spacing:.025em}
 .landing-portals .door .btn{min-width:0;width:100%;gap:15px}
}
@media(prefers-reduced-motion:reduce){.landing-portals .door-media>img,.landing-portals .door:hover .door-media>img,.landing-portals .door:focus-within .door-media>img{transform:none;transition:none}}
@media(max-width:370px){.landing-portals .audience-choices a>span:first-child{max-width:9ch;text-wrap:balance}}
@media print{.landing-portals .door-media{display:none}.landing-portals .door{display:block;border:1px solid #bbb}.landing-portals .door .copy{display:block}.landing-portals .door .btn{margin-top:10px}.landing-portals .door h2 em{color:#222}}
