/* CP Helicopters offshore-only visual update — no database changes required. */
.hero{
  background:
    linear-gradient(90deg,rgba(4,20,33,.96) 0%,rgba(4,20,33,.82) 39%,rgba(4,20,33,.27) 74%,rgba(4,20,33,.12) 100%),
    linear-gradient(180deg,rgba(0,9,16,.08) 55%,rgba(4,20,33,.86) 100%),
    url('offshore-ocean-hero.webp') center/cover no-repeat;
}
.routes-hero,.fleet-hero,.safety-hero,.contact-hero{
  background-image:url('offshore-ocean-hero.webp');
}
.confidence-image{
  background-image:linear-gradient(rgba(6,26,43,.08),rgba(6,26,43,.5)),url('offshore-ocean-hero.webp');
  background-position:center;
}
.flying-heli.real-aircraft.offshore-aircraft{
  top:23%;
  right:-3%;
  width:min(52vw,780px);
  filter:none;
  transform-origin:52% 55%;
  animation:offshoreHeliArrival 1.8s cubic-bezier(.2,.75,.25,1) both,
            offshoreHeliCruise 6s ease-in-out 1.8s infinite;
  will-change:transform;
}
.offshore-aircraft>img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 34px 26px rgba(0,8,14,.5));
  user-select:none;
}
.main-rotor-plane{
  position:absolute;
  z-index:1;
  left:39.4%;
  top:18.2%;
  width:94%;
  aspect-ratio:1;
  transform:translate(-50%,-50%) scaleY(.14) rotate(-2deg);
  transform-origin:center;
  pointer-events:none;
}
.main-rotor-spinner,.tail-rotor-spinner{
  position:absolute;
  inset:0;
  display:block;
  animation:mainBladeSpin .16s linear infinite;
  filter:drop-shadow(0 0 4px rgba(225,239,245,.3));
}
.main-rotor-spinner i,.tail-rotor-spinner i{
  position:absolute;
  left:2%;
  top:49%;
  width:96%;
  height:2%;
  border-radius:999px;
  transform-origin:center;
  background:linear-gradient(90deg,transparent 0%,rgba(24,37,45,.78) 8%,rgba(191,205,211,.72) 47%,rgba(205,217,222,.72) 53%,rgba(24,37,45,.78) 92%,transparent 100%);
}
.main-rotor-spinner i:nth-child(2),.tail-rotor-spinner i:nth-child(2){transform:rotate(45deg)}
.main-rotor-spinner i:nth-child(3),.tail-rotor-spinner i:nth-child(3){transform:rotate(90deg)}
.main-rotor-spinner i:nth-child(4),.tail-rotor-spinner i:nth-child(4){transform:rotate(135deg)}
.main-rotor-plane:after{
  content:"";
  position:absolute;
  inset:10%;
  border:3px solid rgba(211,225,231,.17);
  border-radius:50%;
  box-shadow:0 0 28px rgba(210,227,234,.12);
}
.tail-rotor{
  position:absolute;
  z-index:3;
  left:94.4%;
  top:40.8%;
  width:11.5%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.tail-rotor-spinner{animation-duration:.1s}
.tail-rotor-spinner i{
  height:7%;
  background:linear-gradient(90deg,#ed7c2d 0 8%,rgba(21,35,44,.94) 16% 84%,#ed7c2d 92% 100%);
}
.tail-rotor:after{
  content:"";
  position:absolute;
  z-index:2;
  left:46%;top:46%;width:8%;height:8%;
  border-radius:50%;
  background:#b7c3c8;
  box-shadow:0 0 0 3px rgba(5,20,31,.7);
}
.swap:disabled{opacity:1;cursor:default;color:var(--orange)}
.offshore-only-service{grid-template-columns:1fr;height:570px}
.offshore-only-service .service-panel{border-right:0;background-image:linear-gradient(90deg,rgba(4,20,33,.2),rgba(4,20,33,.55)),url('offshore-ocean-hero.webp');background-position:center 63%}
.offshore-only-service .panel-content{max-width:720px;left:8%;right:auto}
.offshore-only-service .panel-content h3{font-size:clamp(40px,5vw,65px)}
.offshore-only-service .service-description{font-size:13px;line-height:1.7;letter-spacing:0;text-transform:none;color:#d6e0e4;max-width:590px;margin:0 0 25px}
@keyframes mainBladeSpin{to{transform:rotate(360deg)}}
@keyframes offshoreHeliArrival{
  from{opacity:0;transform:translate3d(44vw,-7vh,0) scale(.76) rotate(-2deg)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0)}
}
@keyframes offshoreHeliCruise{
  0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}
  35%{transform:translate3d(-21px,-12px,0) rotate(.4deg)}
  70%{transform:translate3d(-7px,8px,0) rotate(-.15deg)}
}
@media(max-width:1100px){
  .flying-heli.real-aircraft.offshore-aircraft{top:27%;right:-12%;width:62vw}
}
@media(max-width:760px){
  .hero{background-position:60% center}
  .flying-heli.real-aircraft.offshore-aircraft{top:17%;right:-19%;width:96vw}
  .hero h1{font-size:clamp(38px,10.7vw,47px)}
  .offshore-only-service{height:500px}
  .offshore-only-service .panel-content{left:8%;right:8%;bottom:45px}
}
@media(max-width:430px){
  .flying-heli.real-aircraft.offshore-aircraft{top:19%;right:-25%;width:109vw}
}
@media(prefers-reduced-motion:reduce){
  .flying-heli.real-aircraft.offshore-aircraft,.main-rotor-spinner,.tail-rotor-spinner{animation:none}
}