/* Alternate hero from Figma 154:393; this stylesheet belongs only to the backup. */
.figma-v2 .hero-band{padding-bottom:0;border:0;outline:0;box-shadow:none}
.figma-v2 .hero-figma-backup{
  width:calc(90% + 72px);height:calc(var(--visible-viewport-height, 100vh) * .78);min-height:0;margin:0 auto;padding:32px 36px 32px 67px;
  display:grid;align-items:center;background:#181818;border:0;outline:0;border-radius:32px;box-shadow:none;text-align:left;overflow:clip;
}
.figma-v2 .hero-band::before,.figma-v2 .hero-band::after,
.figma-v2 .hero-figma-backup::before,.figma-v2 .hero-figma-backup::after{content:none}
.figma-v2 .hero-figma-backup.has-wave-outline{box-shadow:none}
.hero-figma-backup .backup-layout{display:grid;grid-template-columns:minmax(0,634fr) minmax(0,555fr);gap:clamp(32px,5.2778vw,76px);align-items:start}
.hero-figma-backup .backup-lead{min-width:0}
.figma-v2 .hero-figma-backup .badge{display:flex;gap:9px;padding:0;margin:16px 0 24px;background:none;border:0;border-radius:0;font:600 13px/20px Poppins,Arial,sans-serif;color:#818181;letter-spacing:1px}
.hero-figma-backup .badge img{width:6px;height:6px;flex:none}
.figma-v2 .hero-figma-backup h1{width:100%;max-width:none;margin:0;padding:13px 0;font:600 clamp(58px,5.7014vw,100px)/.97978 Geist,Arial,sans-serif;letter-spacing:-.0649817em;color:#fff}
.hero-figma-backup .backup-title-line{display:block;white-space:nowrap}
.hero-figma-backup .backup-partner-line{position:relative;padding-left:1.6443em;margin-bottom:.1em}
.hero-figma-backup .backup-partner-mark{position:absolute;left:.1218em;top:50%;translate:0 -50%;display:grid;place-items:center;width:1.36em;height:.77em;border-radius:999px;background:var(--blue)}
.hero-figma-backup .backup-partner-mark svg{display:block;width:.62em;height:.62em}
.hero-figma-backup h1 .muted{color:#555}
.hero-figma-backup .experience{display:flex;flex-direction:column;gap:14px;position:relative;width:100%;height:auto;margin:32px 0 0;padding:18px 0 0;border:0}
.hero-figma-backup .experience::before{width:72px;background:#2e2e2e}
.hero-figma-backup .company-row{display:flex;align-items:center;justify-content:flex-start;position:static;flex-wrap:nowrap;gap:32px;width:100%;height:auto;margin:0}
.hero-figma-backup .logo-slot{display:block;position:static;flex:none;width:auto;height:auto;margin:0;border:0;overflow:visible}
.hero-figma-backup .logo-slot>img,.hero-figma-backup .hero-indmark,.hero-figma-backup .hero-etmark{filter:brightness(0) invert(1)}
.figma-v2 .hero-figma-backup .experience>.eyebrow{margin:0;display:block;max-width:none;color:#fff;font:500 12.416px/18.624px Poppins,Arial,sans-serif;letter-spacing:1.3658px}
.hero-figma-backup .backup-aside{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:14px}
.hero-figma-backup .backup-showreel{align-self:flex-start;position:relative;width:clamp(220px,19vw,300px);aspect-ratio:1.49;margin:0 0 36px 56px;border-radius:0;overflow:hidden;isolation:isolate;
  --showreel-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M25 0H75C97 0 100 3 100 25V75C100 97 97 100 75 100H25C3 100 0 97 0 75V25C0 3 3 0 25 0Z'/%3E%3C/svg%3E");
  -webkit-mask:var(--showreel-mask) center / 100% 100% no-repeat;mask:var(--showreel-mask) center / 100% 100% no-repeat;
}
.hero-figma-backup .backup-showreel>img,.hero-figma-backup .backup-showreel>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-figma-backup .backup-showreel>video{opacity:0;transition:opacity .3s ease}
.hero-figma-backup .backup-showreel>video.is-playing{opacity:1}
.hero-figma-backup .backup-intro{width:calc(100% - 43px);margin-left:56px}
.hero-figma-backup .backup-note{width:435px;max-width:100%;margin:0;color:#fff;font:600 28px/34.2px Poppins,Arial,sans-serif;letter-spacing:-1px}
.hero-figma-backup .backup-note .availability{color:#7e7e7e}
.hero-figma-backup .backup-note-line{display:contents}
.hero-figma-backup .backup-note-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;padding:4px 6px;margin-right:8px;border-radius:999px;background:var(--red);vertical-align:.12em}
.hero-figma-backup .backup-note-icon img{width:16px;height:16px;flex:none;filter:brightness(0) invert(1)}
.hero-figma-backup .backup-support{width:406px;max-width:calc(100% - 106px);margin-left:106px}
.hero-figma-backup .backup-description{width:100%;margin:0;color:#7c7c7c;font:500 clamp(16px,1.2vw,18px)/1.58 Poppins,Arial,sans-serif;white-space:normal;overflow-wrap:break-word}
.hero-figma-backup .backup-book{width:100%;min-height:50px;padding:12px 20px;margin:32px 0 0;border:1px solid #fff;background:transparent;box-shadow:none;color:#ffffffe0;font:700 16px/18.75px Geist,Arial,sans-serif}
.hero-figma-backup .backup-book:hover{background:#ffffff10}
@media(prefers-reduced-motion:no-preference){
  .hero-figma-backup .backup-partner-mark{animation:hero-word-in .85s cubic-bezier(.22,.45,.25,1) 70ms backwards}
  .hero-figma-backup .backup-aside{animation:hero-content-in .9s cubic-bezier(.22,.45,.25,1) .4s backwards}
}
@media(max-width:1150px){
  .figma-v2 .hero-figma-backup{width:calc(100% - 44px);height:auto;min-height:calc(var(--visible-viewport-height, 100vh) * .78);padding:32px 24px}
  .hero-figma-backup .backup-layout{grid-template-columns:minmax(0,1fr);gap:48px}
  .figma-v2 .hero-figma-backup h1{font-size:clamp(52px,8.5vw,82.1px)}
  .hero-figma-backup .backup-aside{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 32px;padding:0}
  .hero-figma-backup .backup-showreel{grid-column:1;grid-row:auto;align-self:start;justify-self:start;width:240px;max-width:100%;margin:0}
  .hero-figma-backup .backup-intro{grid-column:1;grid-row:auto;width:100%;margin:0}
  .hero-figma-backup .backup-support{max-width:100%;margin:16px 0 0}
  .hero-figma-backup .experience>.eyebrow{font-size:11px}
}
@media(min-width:701px) and (max-width:1150px){
  .hero-figma-backup .backup-aside{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto auto;gap:8px 0}
  .hero-figma-backup .backup-intro{display:contents}
  .hero-figma-backup .backup-note{grid-column:1/-1;grid-row:1;width:435px;max-width:74%;margin-left:26%}
  .hero-figma-backup .backup-showreel{grid-column:1;grid-row:2;align-self:end;width:min(calc(100% - 20px),288px);margin:0}
  .hero-figma-backup .backup-support{grid-column:2;grid-row:2;width:min(calc(100% - 24px),406px);max-width:none;margin:0 0 0 24px}
  .hero-figma-backup .backup-description{font-size:clamp(16px,2.3vw,18px)}
}
@media(max-width:700px){
  .figma-v2 .hero-band:has(.hero-figma-backup){padding-bottom:24px}
  .figma-v2 .hero-figma-backup{width:calc(100% - 12px);height:auto;min-height:0;padding:var(--mobile-top,24px) 20px calc(var(--mobile-bottom,24px) + env(safe-area-inset-bottom,0px))}
  .figma-v2 .hero-figma-backup .badge{font-size:12px;letter-spacing:.25px;margin-top:var(--mobile-label-top,16px);margin-bottom:var(--mobile-label-gap,36px)}
  .figma-v2 .hero-figma-backup h1{padding:0;font-size:var(--mobile-title-size,clamp(36px,11.3vw,58px));line-height:1.04}
  .hero-figma-backup .backup-title-line{white-space:normal}
  .hero-figma-backup .backup-founders-line,.hero-figma-backup .backup-ending-line{display:contents}
  .hero-figma-backup .backup-founders-line .hero-word:first-child,.hero-figma-backup .backup-ending-line .in-house{display:block}
  .hero-figma-backup .backup-aside{grid-template-columns:minmax(0,1fr);gap:var(--mobile-video-gap,24px);position:relative;padding:0}
  .hero-figma-backup .backup-showreel{grid-column:1;grid-row:auto;justify-self:start;width:var(--mobile-video-size,clamp(120px,42vw,180px));max-width:100%}
  .hero-figma-backup .backup-intro{grid-column:1;grid-row:auto}
  .hero-figma-backup .backup-note{width:100%;font-size:var(--mobile-note-size,clamp(20px,5.6vw,24px));line-height:1.2;letter-spacing:-.6px}
  .hero-figma-backup .backup-note-line{display:block}
  .hero-figma-backup .backup-note-line:first-child{padding-bottom:4px}
  .hero-figma-backup .backup-note-icon{width:calc(.85em + 8px);height:calc(.85em + 6px);padding:3px 4px;margin-right:5px;border-radius:999px}
  .hero-figma-backup .backup-note-icon img{width:.55em;height:.55em;flex:none}
  .hero-figma-backup .backup-support{width:100%;margin:0}
  .hero-figma-backup .backup-description{width:100%;font-size:14px;line-height:1.6}
  .hero-figma-backup .backup-book{width:100%;min-height:58px;margin-top:var(--mobile-button-gap,28px);font-size:16px}
  .hero-figma-backup .backup-layout{gap:var(--mobile-title-gap,80px)}
  .hero-figma-backup .experience{margin-top:28px;gap:12px}
  .hero-figma-backup .company-row{gap:44px}
  .figma-v2 .hero-figma-backup .experience>.eyebrow{font-size:10px;letter-spacing:1px}
  .figma-v2 .hero-band:has(.hero-figma-backup) .hero-mobile-details{width:calc(100% - 36px);margin-top:20px}
  .figma-v2 .hero-band:has(.hero-figma-backup) .hero-mobile-details .hero-description{font-size:clamp(14px,3.8vw,17px);line-height:1.36;color:#818181}
  .figma-v2 .hero-band:has(.hero-figma-backup) .hero-mobile-details .experience>.eyebrow{font-size:10px;letter-spacing:1px}
}
