.hero.section{--hero-duration:8s;--hero-ink:0, 0, 0;--hero-accent:#f8f382;--hero-foreground:#fff;--hero-rule:#ffffff59;min-height:max(900px,100svh);color:var(--hero-foreground);font-family:var(--font-body);padding:140px clamp(40px,4.5vw,65px) 28px;display:flex;position:relative;overflow:hidden}.hero__media,.hero__media:after{position:absolute;inset:0}.hero__media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, rgba(var(--hero-ink), .48), rgba(var(--hero-ink), .48) 65%, rgba(var(--hero-ink), .78))}.hero__slide{opacity:0;margin:0;transition:opacity 1.2s;position:absolute;inset:0;overflow:hidden}.hero__slide.is-active{opacity:1}.hero__media img{object-fit:cover;object-position:center 55%;filter:none;width:100%;height:100%}.hero__slide.is-active img{animation:12s cubic-bezier(.2,.6,.2,1) both hero-drift}.hero__inner{z-index:2;flex-direction:column;width:100%;min-width:0;max-width:1310px;margin-inline:auto;display:flex;position:relative}.hero__content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding-block:48px 64px;display:flex}.hero__headline{width:100%;min-width:0}.hero__aside{justify-items:center;gap:42px;width:100%;max-width:780px;display:grid}.hero__eyebrow{font-family:var(--font-utility);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin:0 0 24px;font-size:12px;font-weight:800;line-height:1;display:flex}.hero__title{font-family:var(--font-heading);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(64px,8.7vw,125px);font-weight:700;line-height:.9}.hero__line{clip-path:inset(-.2em -100vw 0);margin-bottom:-.06em;padding-bottom:.06em;display:block}.hero__line>span{display:inline-block}.hero__title em{color:inherit;font-style:normal}.hero__copy{max-width:740px;color:var(--hero-foreground);text-wrap:balance;margin:0;font-size:clamp(18px,1.75vw,25px);font-weight:600;line-height:1.3}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 36px;display:flex}.hero__actions .button{background:var(--color-accent);color:#fff;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);border:0;gap:16px;min-height:60px;padding:16px 20px}.hero__actions .button__icon{color:#fff;clip-path:polygon(8px 0,20px 0,28px 8px,28px 20px,20px 28px,8px 28px,0 20px,0 8px);background:#000;width:28px;height:28px}.hero__actions .button:hover{background:var(--color-primary)}.hero__actions .button:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #000}.hero__projects{min-height:44px;color:var(--hero-foreground);font-family:var(--font-utility);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:14px;padding:8px 0;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.hero__projects span{font-size:20px}.hero__projects:hover{color:var(--hero-accent)}.hero__projects:focus-visible,.hero__controls button:focus-visible,.hero__facts a:focus-visible{outline:2px solid var(--hero-accent);outline-offset:5px}.hero__rail{border-top:1px solid var(--hero-rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px 40px;display:flex}.hero__controls{align-items:flex-start;gap:24px;min-width:0;display:flex}.hero__selector{grid-template-columns:repeat(3,minmax(0,clamp(150px,12vw,200px)));gap:24px;display:grid}.hero__trigger{color:#fffc;min-height:44px;font-family:var(--font-utility);text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:18px 0 4px;transition:color .2s;display:grid;position:relative}.hero__trigger:hover,.hero__trigger.is-active{color:var(--hero-foreground)}.hero__progress{height:2px;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.hero__progress>span{background:var(--hero-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hero__trigger:hover .hero__progress>span{transition:transform .25s;transform:scaleX(.12)}.hero__trigger.is-active .hero__progress>span{animation:hero-progress var(--hero-duration) linear forwards}.hero:not(.is-playing) .hero__trigger.is-active .hero__progress>span,.hero.is-held .hero__trigger.is-active .hero__progress>span{animation-play-state:paused}.hero.is-stopped .hero__trigger.is-active .hero__progress>span{animation:none;transform:scaleX(1)}.hero__trigger-label{letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:10px;font-size:13px;font-weight:800;line-height:1;display:flex}.hero__number{color:var(--hero-accent);font-variant-numeric:tabular-nums;font-size:11px}.hero__caption{color:#ffffffd9;opacity:0;font-size:12px;line-height:1.4;transition:opacity .4s,transform .4s;transform:translateY(4px)}.hero__trigger.is-active .hero__caption{opacity:1;transform:none}.hero__facts{font-family:var(--font-utility);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;flex-wrap:wrap;align-items:center;margin:0;padding:26px 0 0;font-size:12px;font-weight:600;line-height:1;list-style:none;display:flex}.hero__facts li{padding-inline:18px}.hero__facts li:first-child{padding-left:0}.hero__facts li+li{border-left:1px solid var(--hero-rule)}.hero__facts li:last-child{padding-right:0}.hero__facts strong{color:var(--hero-foreground);margin-right:6px;font-weight:800}.hero__facts a{align-items:center;min-height:44px;margin-block:-16px;transition:color .2s;display:inline-flex}.hero__facts a strong{color:var(--hero-accent)}.hero__facts a:hover{color:var(--hero-foreground)}.hero__reveal{animation:.9s cubic-bezier(.2,.7,.2,1) both hero-rise;animation-delay:var(--d,0s)}.hero__line>.hero__reveal{animation-name:hero-line;animation-duration:1s}html.is-loading .hero__reveal{animation-play-state:paused}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-line{0%{transform:translateY(105%)}to{transform:none}}@keyframes hero-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=1100px){.hero__rail{justify-content:center}.hero__facts{padding-top:0}}@media (width<=900px){.hero.section{min-height:max(820px,100svh);padding-inline:24px}.hero__content{padding-block:35px 55px}.hero__title{font-size:clamp(54px,9vw,80px)}.hero__aside{gap:32px;max-width:650px}}@media (width<=600px){.hero.section{min-height:max(780px,100svh);padding:105px var(--gutter-mobile) 24px}.hero__media img{object-position:47% center}.hero__content{gap:24px;padding-block:40px 48px}.hero__eyebrow{letter-spacing:.12em;margin-bottom:22px;font-size:10px;line-height:1.5}.hero__title{font-size:clamp(32px,10.2vw,60px);line-height:.98}.hero__aside{gap:30px}.hero__copy{max-width:360px;font-size:17px;line-height:1.45}.hero__actions{flex-direction:column;gap:18px}.hero__rail{gap:20px}.hero__controls{gap:12px;width:100%}.hero__selector{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero__trigger{padding-top:14px}.hero__trigger-label{letter-spacing:.03em;flex-direction:column;gap:6px;font-size:10px}.hero__caption{display:none}.hero__facts{letter-spacing:.03em;justify-content:center;gap:10px 0;font-size:10px}.hero__facts li{padding-inline:8px}.hero__facts li:last-child{text-align:center;border:0;flex-basis:100%;padding:0}.hero__facts a{margin-block:0}}@media (prefers-reduced-motion:reduce){.hero__slide{transition:none}.hero__slide.is-active img,.hero__reveal{animation:none}.hero__trigger.is-active .hero__progress>span{animation:none;transform:scaleX(1)}.hero__caption{transition:none}}
