/* A quieter project card, with controls outside the reading area. */
.hero-layout{grid-template-columns:minmax(0,1fr) 350px;gap:80px;min-height:max(680px,100svh);padding-block:clamp(130px,18svh,190px) 100px}
.hero h1{font-size:clamp(68px,min(8vw,14svh),144px);margin-bottom:32px}
.hero .eyebrow{margin-bottom:20px}
.hero-description{font-size:clamp(20px,1.5vw,24px);margin-bottom:34px}
/* The project invitation expands only while a pointer is over it: circle first, then a clear action. */
.hero-primary{position:relative;display:inline-flex;align-items:center;min-height:60px;padding:0 0 0 82px;border-radius:999px;color:#fff;background:transparent;transition:padding .34s cubic-bezier(.2,.7,.2,1),background-color .28s,box-shadow .28s}
.hero-primary .round-arrow{position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--rw-accent);color:#fff;transition:inset-inline-start .36s cubic-bezier(.2,.7,.2,1),transform .36s cubic-bezier(.2,.7,.2,1),background-color .25s}
.hero-primary .round-arrow svg{width:29px;height:29px}
.hero-primary-label{display:block;white-space:nowrap;transform:translateX(0);transition:transform .34s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){
  .hero-primary:hover,.hero-primary:focus-visible{padding-inline:24px 76px;background:var(--rw-accent);box-shadow:0 8px 24px #0c111833}
  .hero-primary:hover .round-arrow,.hero-primary:focus-visible .round-arrow{inset-inline-start:calc(100% - 60px);background:transparent;transform:rotate(45deg)}
  .hero-primary:hover .hero-primary-label,.hero-primary:focus-visible .hero-primary-label{transform:translateX(0)}
}
.hero-primary:focus-visible{outline:2px solid #fff;outline-offset:6px}
html[dir=rtl] .hero-primary{padding:0 82px 0 0}
html[dir=rtl] .hero-primary .round-arrow{inset-inline-start:auto;inset-inline-end:0}
@media(hover:hover) and (pointer:fine){
  html[dir=rtl] .hero-primary:hover,html[dir=rtl] .hero-primary:focus-visible{padding-inline:76px 24px}
  html[dir=rtl] .hero-primary:hover .round-arrow,html[dir=rtl] .hero-primary:focus-visible .round-arrow{inset-inline-start:auto;inset-inline-end:calc(100% - 60px);transform:rotate(-45deg)}
  html[dir=rtl] .hero-primary:hover .hero-primary-label,html[dir=rtl] .hero-primary:focus-visible .hero-primary-label{transform:translateX(0)}
}
.hero-stories{position:relative;align-self:end}
.story-stack{padding:28px;background:#fff;border-radius:10px;box-shadow:-18px 18px 0 -3px #e6e6e8,0 12px 32px #00000014}
.story-slides{min-height:0}
.story-card{animation:story-in .45s ease both}
.story-link{display:flex;flex-direction:column;min-height:352px;padding-bottom:76px;position:relative;color:var(--rw-ink)}
.story-image{aspect-ratio:16/9;border-radius:6px}
.story-card h2{margin:24px 0 0;font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.035em;min-height:3em;overflow-wrap:break-word}
.story-card a:hover h2,.story-card a:focus-visible h2{color:var(--rw-ink)}
.story-open{position:absolute;inset-inline-end:0;bottom:0;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f9d8ce;color:#a62d1d;transition:background .25s,color .25s}
.story-open svg{width:30px;height:30px;transition:transform .3s}
.story-link:hover .story-open,.story-link:focus-visible .story-open{background:var(--rw-accent);color:#fff}
.story-link:hover .story-open svg,.story-link:focus-visible .story-open svg{transform:translate(3px,-3px)}
.story-link:focus-visible{outline:2px solid var(--rw-accent);outline-offset:8px;border-radius:3px}
.story-footer{position:absolute;bottom:35px;inset-inline-start:28px;display:flex;flex-wrap:nowrap;gap:9px;align-items:center;max-width:calc(100% - 115px);height:44px}
.story-dots{gap:0;align-items:center}
.story-dots button{position:relative;width:24px;height:44px;border-radius:0;background:transparent;transition:width .35s}
.story-dots button:before{content:"";position:absolute;inset-block-start:18px;inset-inline-start:8px;width:8px;height:8px;border-radius:8px;background:#e0e2e5}
.story-dots button[aria-pressed=true]{width:54px;background:transparent}
.story-dots button[aria-pressed=true]:before{width:46px;inset-inline-start:4px;background:var(--rw-accent)}
.story-pause{padding:0;width:28px;height:44px;border:0;background:transparent;color:#5b6269;font-size:14px}
.story-pause:hover{color:var(--rw-accent)}
.story-step{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:56px;padding:10px;border:0;border-radius:30px;background:transparent;color:#fff;transition:background .25s}
.story-step:hover,.story-step:focus-visible{background:#ffffff26}
.story-step svg{width:26px;height:26px;transition:transform .25s}
.story-prev{inset-inline-start:-58px}.story-next{inset-inline-end:-52px}
.story-prev:hover svg{transform:translateX(-3px)}.story-next:hover svg{transform:translateX(3px)}
.story-footer button:focus-visible,.story-step:focus-visible{outline:2px solid currentColor;outline-offset:2px}
html[dir=rtl] .story-step svg{scale:-1 1}
html[dir=rtl] .story-stack{box-shadow:18px 18px 0 -3px #e6e6e8,0 12px 32px #00000014}
@media(min-width:1800px){.hero-layout{grid-template-columns:minmax(0,1fr) 370px;gap:120px}.story-card h2{font-size:24px}.story-link{min-height:370px}}
@media(max-width:1350px){.hero-layout{grid-template-columns:minmax(0,1fr) 310px;gap:65px}.story-stack{padding:24px}.story-card h2{font-size:22px}.story-link{min-height:330px}.story-footer{inset-inline-start:24px;bottom:31px}.story-next{inset-inline-end:-43px}.story-prev{inset-inline-start:-49px}}
@media(min-width:1001px) and (max-height:760px){.hero-layout{padding-top:126px;padding-bottom:85px}.hero h1{font-size:clamp(64px,12svh,92px);margin-bottom:25px}.hero-description{font-size:20px;margin-bottom:28px}.hero .eyebrow{font-size:13px}.story-stack{padding:24px}.story-card h2{font-size:22px;margin-top:20px}.story-link{min-height:320px}.story-image{max-height:160px}.story-footer{inset-inline-start:24px;bottom:31px}}
@media(max-width:1000px){.hero-layout{display:block;min-height:max(660px,100svh);padding-block:140px 115px}.hero-stories{display:none}.hero-content{max-width:760px}.hero h1{font-size:clamp(62px,9vw,92px)}}
@media(max-width:720px){.hero-layout{min-height:max(690px,100svh);padding-top:132px;padding-bottom:120px}.hero h1{font-size:clamp(54px,12.5vw,86px);line-height:1.08}.hero-description{font-size:19px}.hero .eyebrow{font-size:13px}.hero-primary{font-size:17px;min-height:54px;padding-inline-start:68px}.hero-primary .round-arrow{width:54px;height:54px}.hero-primary .round-arrow svg{width:26px;height:26px}html[dir=rtl] .hero-primary{padding-inline:0 68px}}
@media(prefers-reduced-motion:reduce){.story-card{animation:none}.hero-stories *,.hero-primary,.hero-primary *{transition:none!important}}