.studio-hero{display:block;background:var(--studio-bg);color:var(--studio-ink);font-family:var(--studio-body-font);font-weight:var(--studio-body-weight);letter-spacing:0;overflow:clip}
.studio-hero *{box-sizing:border-box}
.studio-hero__slides{max-width:var(--studio-width);margin:auto}
.studio-hero__slide{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);grid-template-rows:1fr auto 1fr;align-items:center;padding:30px 64px;min-height:var(--studio-height);column-gap:20px}
.studio-hero__slide[hidden]{display:none}
.studio-hero__copy{grid-column:1;grid-row:2;z-index:1}
.studio-hero__eyebrow{margin:0 0 18px;color:var(--studio-muted);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.5}
.studio-hero__title{margin:0;color:inherit;font-family:var(--studio-heading-font);font-weight:var(--studio-heading-weight);font-style:var(--studio-heading-style);font-size:var(--studio-title-size);line-height:1.1;letter-spacing:-.025em;text-transform:none}
.studio-hero__description{font-size:var(--studio-copy-size);line-height:1.5;color:var(--studio-muted);margin:20px 0 24px;max-width:440px;text-wrap:pretty}
.studio-hero__visual{grid-column:2;grid-row:1 / 4;min-width:0;position:relative;width:calc(100% + 48px);margin-left:-24px}
.studio-hero__image{display:block;width:100%;height:calc(var(--studio-height) - 60px);aspect-ratio:3 / 2;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.studio-hero__caption{margin:0;text-align:right;font-size:10px;color:var(--studio-muted);font-weight:600;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}
.studio-hero__actions{grid-column:1;grid-row:3;align-self:start;display:flex;flex-direction:column;align-items:flex-start;z-index:1}
.studio-hero__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;max-width:100%;padding:15px 28px;border:1px solid transparent;border-radius:var(--studio-radius);background:var(--studio-accent);color:var(--studio-button-ink);font-family:var(--studio-heading-font);font-weight:var(--studio-heading-weight);font-size:18px;letter-spacing:.025em;text-transform:uppercase;line-height:1.3;text-align:center;text-decoration:none;transition:color 160ms ease-out}
.studio-hero__cta::before{content:'';position:absolute;inset:0;background:var(--studio-hover);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform 240ms cubic-bezier(.2,0,0,1)}
.studio-hero__cta:hover,.studio-hero__cta:focus-visible{color:var(--studio-hover-ink);border-color:var(--studio-muted)}
.studio-hero__cta:hover::before,.studio-hero__cta:focus-visible::before{transform:scaleX(1)}
.studio-hero__badges{max-width:calc(var(--studio-width) - 128px);margin:0 auto 16px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 var(--studio-fade),#000 calc(100% - var(--studio-fade)),transparent)}
.studio-hero__badge-track{display:flex;width:max-content}
.studio-hero[data-ready] .studio-hero__badge-track{animation:studio-badges var(--studio-badge-speed) linear infinite}
.studio-hero__badge-group{list-style:none;margin:0;padding:0 20px 0 0;display:flex;align-items:center;justify-content:space-around;gap:20px;min-width:640px;flex-shrink:0}
.studio-hero__badge{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:38px;padding:7px 15px;border:1px solid var(--studio-badge-border);border-radius:24px;background:var(--studio-badge-bg);color:var(--studio-badge-ink);font-size:var(--studio-badge-size);line-height:1.45}
.studio-hero__badge span{display:flex}
.studio-hero__badge svg{width:18px;height:18px;fill:currentColor}
.studio-hero__badge span:empty{display:none}
.studio-hero__navigation{position:relative;max-width:calc(var(--studio-width) - 128px);margin:auto;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 54px 16px;border-top:1px solid var(--studio-badge-border)}
.studio-hero__navigation[hidden]{display:none}
.studio-hero__tabs{display:flex;gap:20px}
.studio-hero__tab{color:var(--studio-ink);background:transparent;border:0;cursor:pointer;font-family:inherit;line-height:1.3;min-height:44px;touch-action:manipulation}
.studio-hero__tab{position:relative;font-size:14px;padding:12px 4px;font-weight:600;color:var(--studio-muted)}
.studio-hero__tab::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--studio-accent);transform:scaleX(0);transform-origin:left}
.studio-hero__tab[aria-current=true]{color:var(--studio-ink)}
.studio-hero__tab[aria-current=true]::after{transform:scaleX(1)}
.studio-hero[data-running] .studio-hero__tab[aria-current=true]::after{animation:studio-progress var(--studio-interval,8s) linear both}
.studio-hero__tab:hover{color:var(--studio-ink)}
.studio-hero :is(a,button):focus-visible{outline:2px solid var(--studio-ink);outline-offset:4px}
.studio-hero[data-ready] .studio-hero__visual{touch-action:pan-y pinch-zoom}
.studio-hero__slide.is-entering{animation:studio-enter 320ms ease-out both}
.studio-hero[data-badges-paused] .studio-hero__badge-track{animation-play-state:paused}
@keyframes studio-enter{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-badges{to{transform:translateX(-25%)}}
@keyframes studio-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:750px) and (max-width:1199px){
 .studio-hero__slide{padding:32px 40px;min-height:calc(var(--studio-height) * .9);grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)}
 .studio-hero__title{font-size:clamp(40px,5.6vw,calc(var(--studio-title-size) * .85))}
 .studio-hero__description{font-size:18px}
 .studio-hero__cta{font-size:16px;padding-inline:20px}
 .studio-hero__badges,.studio-hero__navigation{max-width:calc(100% - 80px)}
}
@media(max-width:749px){
 .studio-hero__slide{max-width:560px;margin:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:28px 24px 0;gap:0}
 .studio-hero__copy{grid-column:1;grid-row:1;align-self:auto;min-height:210px}
 .studio-hero__eyebrow{font-size:11px;margin-bottom:12px;letter-spacing:.16em}
 .studio-hero__title{font-size:var(--studio-title-mobile);line-height:1.1;letter-spacing:-.02em}
 .studio-hero__description{font-size:17px;line-height:1.4;max-width:350px;margin:14px 0 20px}
 .studio-hero__actions{grid-column:1;grid-row:2;align-items:stretch}
 .studio-hero__cta{width:100%;font-size:17px;min-height:52px;padding:14px 16px}
 .studio-hero__visual{grid-column:1;grid-row:3;width:calc(100% + 32px);margin:10px -16px 0}
 .studio-hero__image{height:220px;aspect-ratio:3 / 2}
 .studio-hero__caption{display:none}
 .studio-hero__badges{max-width:calc(100% - 24px);margin:6px auto 12px}
 .studio-hero__badge-group{gap:12px;min-width:0;padding-right:12px}
 .studio-hero__badge{font-size:calc(var(--studio-badge-size) - 1px);min-height:36px;padding:7px 13px}
 .studio-hero__navigation{max-width:calc(100% - 48px);justify-content:space-between;padding:10px 0 16px;gap:10px}
 .studio-hero__tabs{gap:20px}
 .studio-hero__tab{font-size:13px;padding-inline:0}
}
@media(max-width:359px){.studio-hero__slide{padding-inline:18px}.studio-hero__title{font-size:calc(var(--studio-title-mobile) * .9)}.studio-hero__copy{min-height:205px}.studio-hero__image{height:190px}.studio-hero__cta{font-size:15px}.studio-hero__navigation{max-width:calc(100% - 36px)}.studio-hero__tabs{gap:14px}.studio-hero__tab{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 .studio-hero__slide.is-entering,.studio-hero[data-ready] .studio-hero__badge-track,.studio-hero[data-running] .studio-hero__tab[aria-current=true]::after{animation:none}
 .studio-hero__cta,.studio-hero__cta::before{transition:none}
 .studio-hero__badges{mask-image:none;overflow:visible;margin-block:14px}
 .studio-hero__badge-track{width:100%}
 .studio-hero__badge-group{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:10px;padding:0}
 .studio-hero__badge-group[aria-hidden=true]{display:none}
}
