:root{
  --sailing-scale:1.02;
  --sailing-x:0px;
  --sailing-y:0px;
}
.skegOrigin{
  height:320svh;
  position:relative;
  background:#041126;
  color:#fff;
}
.skegOriginSticky{
  height:100svh;
  position:sticky;
  top:0;
  overflow:hidden;
  isolation:isolate;
}
.skegOriginMedia{
  position:absolute;
  inset:-2%;
  z-index:-3;
  background-image:url('/assets/veleiro-home.png?v=20260830-1839')!important;
  background-size:cover;
  background-position:center center;
  transform:translate3d(var(--sailing-x),var(--sailing-y),0) scale(var(--sailing-scale));
  transform-origin:68% 55%;
  will-change:transform;
}
.skegOriginShade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,11,26,.86) 0%,rgba(2,11,26,.70) 34%,rgba(2,11,26,.28) 60%,rgba(2,11,26,.08) 78%,rgba(2,11,26,.18) 100%),
    linear-gradient(180deg,rgba(4,17,38,.18) 0%,rgba(4,17,38,.06) 52%,rgba(4,17,38,.52) 100%);
}
.skegOriginShade::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 77% 45%,rgba(112,157,222,.11),transparent 32%);
}
.skegOriginFrame{
  width:var(--wrap);
  height:100%;
  margin:auto;
  position:relative;
}
.skegOriginCopy{
  position:absolute;
  left:0;
  top:50%;
  width:min(650px,52vw);
  transform:translateY(-50%);
}
.skegOriginPanel{
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  opacity:0;
  transform:translateY(calc(-50% + 34px));
  filter:blur(4px);
  pointer-events:none;
  transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .56s cubic-bezier(.2,.7,.2,1),filter .48s ease;
}
.skegOriginPanel.isActive{
  opacity:1;
  transform:translateY(-50%);
  filter:none;
  pointer-events:auto;
}
.skegOriginPanel.isBefore{
  transform:translateY(calc(-50% - 28px));
}
.skegOriginPanel .eyebrow{
  color:#b1c6e2;
  margin-bottom:20px;
}
.skegOriginPanel h2{
  margin:0;
  max-width:640px;
  font-size:clamp(50px,6vw,86px);
  line-height:.96;
  letter-spacing:-.058em;
  font-weight:660;
  text-wrap:balance;
}
.skegOriginPanel p:last-child{
  max-width:610px;
  margin:28px 0 0;
  color:#d2deee;
  font-size:clamp(18px,1.75vw,23px);
  line-height:1.48;
  letter-spacing:-.018em;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.skegOriginProgress{
  position:absolute;
  left:0;
  bottom:42px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#c8d6e9;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.skegOriginTrack{
  width:150px;
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.24);
}
.skegOriginTrack span{
  display:block;
  width:0;
  height:100%;
  background:#fff;
  transition:width .12s linear;
}
.skegOriginCounter{
  min-width:42px;
  font-variant-numeric:tabular-nums;
}
@media (max-width:980px){
  .skegOrigin{height:300svh}
  .skegOriginMedia{background-position:62% center}
  .skegOriginShade{
    background:
      linear-gradient(90deg,rgba(2,11,26,.77) 0%,rgba(2,11,26,.48) 50%,rgba(2,11,26,.10) 82%),
      linear-gradient(180deg,rgba(4,17,38,.12) 0%,rgba(4,17,38,.20) 52%,rgba(4,17,38,.70) 100%);
  }
  .skegOriginCopy{width:min(720px,78vw)}
}
@media (max-width:640px){
  .skegOrigin{height:280svh}
  .skegOriginMedia{
    inset:-1%;
    background-position:68% center;
    transform-origin:70% 50%;
  }
  .skegOriginShade{
    background:
      linear-gradient(180deg,rgba(3,14,31,.16) 0%,rgba(3,14,31,.18) 36%,rgba(3,14,31,.80) 72%,rgba(3,14,31,.94) 100%),
      linear-gradient(90deg,rgba(3,14,31,.28),rgba(3,14,31,.05) 70%);
  }
  .skegOriginCopy{
    left:0;
    right:0;
    top:auto;
    bottom:17vh;
    width:100%;
    transform:none;
  }
  .skegOriginPanel{
    top:auto;
    bottom:0;
    transform:translateY(28px);
  }
  .skegOriginPanel.isActive{transform:none}
  .skegOriginPanel.isBefore{transform:translateY(-22px)}
  .skegOriginPanel h2{font-size:clamp(40px,12vw,58px);line-height:.98}
  .skegOriginPanel p:last-child{font-size:17px;line-height:1.48;margin-top:20px}
  .skegOriginPanel .eyebrow{margin-bottom:14px}
  .skegOriginProgress{bottom:28px}
  .skegOriginTrack{width:108px}
}
@media (prefers-reduced-motion:reduce){
  .skegOrigin{height:auto;min-height:100svh}
  .skegOriginSticky{height:auto;min-height:100svh;position:relative;padding:110px 0 70px}
  .skegOriginMedia{inset:0;transform:none!important}
  .skegOriginFrame{height:auto;min-height:calc(100svh - 180px)}
  .skegOriginCopy{position:relative;top:auto;left:auto;width:min(760px,100%);transform:none;display:grid;gap:44px}
  .skegOriginPanel,.skegOriginPanel.isActive,.skegOriginPanel.isBefore{position:relative;top:auto;bottom:auto;opacity:1;filter:none;transform:none;pointer-events:auto}
  .skegOriginPanel h2{font-size:clamp(38px,7vw,64px)}
  .skegOriginProgress{display:none}
}