/* Wrappers are layout-neutral above the mobile/tablet breakpoint. */
.home-mobile-heading,.home-mobile-intro{display:contents}
@media(max-width:800px){
.home-immersive .site-header{padding-inline:20px}
.home-immersive .site-header>.site-brand{min-height:70px}
.home-immersive .site-header .site-brand .site-signature-logo{width:174px}
.home-immersive .site-header>.site-universe-nav>a{font-size:13px;min-height:44px}
.home-immersive .home-approved-hero{display:block;min-height:0;background:var(--home-paper);overflow:hidden}
.home-immersive .home-garden{position:relative;inset:auto;display:block;width:100%;height:clamp(320px,70vw,460px);object-position:62% center;z-index:0}
.home-immersive .home-approved-hero::before{inset:0 0 auto;height:clamp(320px,70vw,460px);z-index:1;pointer-events:none;background:linear-gradient(180deg,#002c43a8 0%,#002c4330 48%,transparent 72%,#002c4355 100%)}
.home-immersive .home-approved-copy{display:contents;padding:0}
.home-immersive .home-mobile-heading{display:block;position:absolute;top:25px;left:22px;right:22px;z-index:2;pointer-events:none}
.home-immersive .home-approved-copy .eyebrow{font-size:10px;letter-spacing:.12em;max-width:none;margin:0 0 16px}
.home-immersive .home-approved-copy .eyebrow::after{display:none}
.home-immersive .home-approved-copy h1{font-size:58px;line-height:.95;letter-spacing:-.055em;max-width:none;margin:0}
.home-immersive .home-approved-copy h1 em{display:block;font-size:1em}
.home-immersive .home-mobile-intro{display:block;padding:23px 22px 25px;color:var(--home-deep)}
.home-immersive .home-approved-copy .lead{font-size:21px;line-height:1.25;max-width:17em;margin:0 0 19px;color:var(--home-deep);letter-spacing:-.025em}
.home-immersive .home-audience,.home-immersive .home-project-link{display:none}
.home-immersive .home-approved-actions{display:block}
.home-immersive .home-approved-actions>.button{display:flex;justify-content:space-between;width:100%;background:var(--home-deep);border-color:var(--home-deep);color:white;border-radius:0;min-height:48px;font-size:15px;padding:10px 15px}
.home-immersive .home-approved-actions>.button svg{color:var(--home-accent)}
.home-immersive .home-hero-caption{top:calc(clamp(320px,70vw,460px) - 58px);bottom:auto;left:22px;right:22px;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.home-immersive .home-hero-caption>a{font-size:11px;min-height:44px;padding:5px 8px;background:#052b50e6}
.home-immersive .home-hero-caption>a.home-illustration-credit{font-size:10px;min-height:44px;max-width:140px;text-align:right;background:transparent;padding:5px 0;text-shadow:0 1px 4px #052b50}
.home-immersive .home-five-universes{padding:6px 22px 30px;gap:20px}
.home-immersive .home-universes-heading::before{width:35px;height:3px;margin:0 0 14px}
.home-immersive .home-universes-heading h2{font-size:27px;line-height:1.12;max-width:none}
.home-immersive .home-universes-heading h2 em{display:block;font-size:25px;margin-left:0}
.home-immersive .home-five-universes nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 12px}
.home-immersive .home-five-universes nav .home-universe-card{grid-column:span 3;grid-template-columns:1fr 16px;grid-template-rows:auto auto;gap:8px 2px;font-size:14px;line-height:1.25;padding-bottom:9px;align-items:start}
.home-immersive .home-five-universes nav .home-universe-card:nth-child(n+3){grid-column:span 2;grid-template-columns:1fr;font-size:12px}
.home-immersive .home-five-universes nav .home-universe-card:nth-child(n+3)>span:last-child{display:none}
.home-immersive .home-universe-card img,.home-immersive .home-universe-card:last-child img{aspect-ratio:1.55}
.home-immersive .home-five-universes nav .home-universe-card:last-child{width:auto}
.home-immersive .home-universe-card:nth-child(3) img{object-fit:contain}
}
@media(min-width:601px) and (max-width:800px){
.home-immersive .home-mobile-heading{top:36px;left:32px}
.home-immersive .home-approved-copy h1{font-size:80px}
.home-immersive .home-mobile-intro{display:flex;gap:32px;align-items:center;justify-content:space-between;padding-inline:32px}
.home-immersive .home-approved-copy .lead{margin:0;max-width:17em;font-size:24px}
.home-immersive .home-approved-actions{min-width:230px}
.home-immersive .home-five-universes{padding:12px 32px 36px}
.home-immersive .home-five-universes nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-immersive .home-five-universes nav .home-universe-card,.home-immersive .home-five-universes nav .home-universe-card:nth-child(n+3){grid-column:span 1;font-size:14px}
}
@media(max-width:360px){
.home-immersive .site-header{padding-inline:16px}
.home-immersive .site-header .site-brand .site-signature-logo{width:160px}
.home-immersive .home-mobile-heading{left:16px;right:16px}
.home-immersive .home-approved-copy h1{font-size:54px}
.home-immersive .home-mobile-intro{padding-inline:16px}
.home-immersive .home-approved-copy .lead{font-size:20px}
.home-immersive .home-hero-caption{left:16px;right:16px}
.home-immersive .home-five-universes{padding-inline:16px}
.home-immersive .home-universes-heading h2{font-size:25px}
.home-immersive .home-universes-heading h2 em{font-size:23px;display:block;margin-left:0}
}