


.svc-hero--art{
  position:relative; isolation:isolate; overflow:clip;
  background:var(--ink); color:var(--text-on-ink);
  border-bottom:0;
  min-height:calc(100svh - 85px); 
  display:flex; align-items:center;
  padding:clamp(36px,5vh,64px) 0;
}
.svc-hero--art > .container{ position:relative; z-index:1; width:100%; }


.svc-hero__flight{
  position:absolute; inset:0; z-index:-2; overflow:hidden; pointer-events:none;
  background:linear-gradient(160deg,#234A41 0%,#1F3F37 45%,#16322B 100%); 
}

.svc-hero__flight img{
  position:absolute; left:0; right:0; top:-13%; width:100%; height:126%;
  object-fit:cover; will-change:transform;
}

.svc-hero--art{ view-timeline-name:--svc-hero; view-timeline-axis:block; }
@keyframes svcHeroParallax{
  from{ transform:translate3d(0,-6.5%,0); }
  to  { transform:translate3d(0, 6.5%,0); }
}
@supports (animation-timeline:view()){
  .svc-hero--art .svc-hero__flight img{
    animation:svcHeroParallax linear both;
    animation-timeline:--svc-hero;
    animation-range:cover 0% cover 100%;
  }
}


.svc-hero__flightscrim{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(100deg, rgba(11,24,20,.92) 0%, rgba(11,24,20,.78) 34%, rgba(11,24,20,.42) 58%, rgba(11,24,20,.10) 78%, transparent 92%);
}

@media (max-width:900px){
  .svc-hero__flightscrim{
    background:linear-gradient(180deg, rgba(11,24,20,.84) 0%, rgba(11,24,20,.68) 45%, rgba(11,24,20,.80) 100%);
  }
}
.svc-hero__grain{
  position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.svc-hero--art::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:0;
  background:linear-gradient(90deg,
    rgba(197,165,114,0) 0%, rgba(197,165,114,.55) 18%,
    rgba(197,165,114,.85) 50%, rgba(197,165,114,.55) 82%, rgba(197,165,114,0) 100%);
}


.svc-hero--art .crumbs{ color:var(--text-on-ink-mute); }
.svc-hero--art .crumbs a{ color:var(--text-on-ink-mute); }
.svc-hero--art .crumbs a:hover{ color:var(--gilt); border-color:var(--gilt); }
.svc-hero--art .crumbs span:not(.sep){ color:var(--text-on-ink); }
.svc-hero--art .crumbs .sep{ color:var(--text-on-ink-faint); }

.svc-hero--art .svc-h1{ color:var(--text-on-ink); }

.svc-hero--art .svc-h1 em{ color:var(--accent-on-ink-strong); font-weight:400; }

.svc-hero--art .svc-lead{ color:var(--text-on-ink-mute); }
.svc-hero--art .svc-lead strong{ color:var(--text-on-ink); }

.svc-hero--art .svc-meta{ border-top-color:var(--rule-on-ink-2); }
.svc-hero--art .svc-meta-label{ color:var(--text-on-ink-faint); }
.svc-hero--art .svc-meta-val{ color:var(--text-on-ink); }
.svc-hero--art .svc-meta-val small{ color:var(--text-on-ink-mute); }


.svc-hero__cta{ margin-top:clamp(22px,3.4vh,34px); display:flex; flex-wrap:wrap; gap:14px; }
.svc-hero__cta .btn{ font-weight:600; }
.svc-hero__cta .btn-gold{
  background:var(--btn-gold); color:#1A1A1A;
  border:1px solid rgba(115,87,48,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset, 0 10px 28px rgba(19,38,33,.5);
}
.svc-hero__cta .btn-gold:hover{
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset, 0 14px 34px rgba(19,38,33,.6);
}
.svc-hero__cta .btn-gold:focus-visible{ outline:2px solid var(--gilt); outline-offset:2px; }


@media (prefers-reduced-motion: reduce){
  .svc-hero__flight img{ animation:none!important; transform:none!important; }
}
