.rough-hero{position:relative;width:100%;height:150svh;background:var(--color-off-white)}@media(min-width:769px){.rough-hero{height:220svh}}.rough-hero.rough-hero--no-mask{height:calc(100svh - var(--rough-header-h));min-height:30rem}.rough-hero--no-mask .rough-hero__sticky{height:100%}.rough-hero--no-mask .rough-hero__sticky:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#27272700 35%,#272727b8)}.rough-hero--no-mask .rough-hero__headline{text-shadow:0 2px 24px rgba(0,0,0,.35)}.rough-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.rough-hero__slides{position:absolute;inset:0;z-index:1;isolation:isolate;background:var(--color-near-black)}.rough-hero__slide{z-index:0;opacity:0;transition:opacity 1.2s var(--ease-rough)}.rough-hero__slide.is-leaving{z-index:1;opacity:1;transition:none}.rough-hero__slide.is-active{z-index:2;opacity:1}.rough-hero__slide{will-change:transform,opacity}.rough-hero__slide:nth-child(odd){transform-origin:35% 40%}.rough-hero__slide:nth-child(2n){transform-origin:65% 60%}.rough-hero__slide.is-active,.rough-hero__slide.is-leaving{animation:rough-hero-kenburns 8s linear forwards}.rough-hero__slides.is-paused .rough-hero__slide{animation-play-state:paused}@keyframes rough-hero-kenburns{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.rough-hero__slide.is-active,.rough-hero__slide.is-leaving{animation:none}}.rough-hero__foot{position:absolute;bottom:1rem;right:var(--page-margin);left:var(--page-margin);z-index:3;display:flex;justify-content:flex-end;align-items:stretch;gap:.25rem}.rough-hero__foot .rough-caption-pill{min-width:0}.rough-hero__toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:1.875rem;padding:0 .5rem;border:0;background:var(--color-off-white);color:var(--color-near-black);transition:background-color .2s var(--ease-rough),color .2s var(--ease-rough)}.rough-hero__toggle[hidden]{display:none}.rough-hero__toggle svg{width:.625rem;height:.625rem;fill:currentColor}.rough-hero__icon-play,.rough-hero__toggle[data-paused=true] .rough-hero__icon-pause{display:none}.rough-hero__toggle[data-paused=true] .rough-hero__icon-play{display:block}@media(hover:hover){.rough-hero__toggle:hover{background:var(--color-near-black);color:var(--color-off-white)}}.rough-hero__sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:var(--color-off-white);isolation:isolate}.rough-hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;will-change:transform}.rough-hero__masked-photo{display:block;width:100%;height:100%;object-fit:cover}.rough-hero__copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-block:4rem 5rem;color:var(--color-off-white);pointer-events:auto;transform:translate(0);will-change:transform}.rough-hero__copy.is-armed{transform:translate(-110vw)}.rough-hero__headline{color:var(--color-off-white);max-width:14ch;margin:0;word-break:normal;overflow-wrap:break-word;hyphens:auto}.rough-hero__caption{position:absolute;bottom:1rem;right:var(--page-margin);z-index:3;max-width:calc(100% - 2 * var(--page-margin))}.rough-hero__badge{position:absolute;top:clamp(1rem,4vw,2.5rem);right:var(--page-margin);z-index:4}@media(max-width:768px){.rough-hero__badge{top:1rem;right:1rem}}.rough-hero-lede{padding-block:6rem;background:var(--color-off-white);color:var(--color-near-black)}.rough-hero-lede__grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-top:4rem}.rough-hero-lede__copy{display:grid;gap:1.75rem}.rough-hero-lede__h2{font-family:var(--font-body);font-weight:500;font-size:clamp(1.5rem,2.5vw + .5rem,2.25rem);line-height:1.15;color:var(--color-near-black);max-width:32ch;margin:0}.rough-hero-lede__detail{font-size:var(--text-body);line-height:1.5;max-width:65ch;color:var(--color-near-black);margin:0}@media(prefers-reduced-motion:reduce){.rough-hero{height:100svh}.rough-hero__canvas foreignObject,.rough-hero__canvas image{clip-path:none!important}.rough-hero__copy,.rough-hero__copy.is-armed{transform:none!important}}@media(max-width:900px){.rough-hero-lede__grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}}@media(max-width:768px){.rough-hero__copy{padding-block:2.5rem 2rem}.rough-hero--captioned .rough-hero__copy{padding-bottom:4.5rem}.rough-hero-lede{padding-block:3.5rem}}
