/*! dl-brand.css: Delta Brokers brand layer (logo mark + intro). Loaded after gr-fix.css. */

/* ---- nav / footer mark ---- */
.glyph.dlg{width:auto;height:auto;background:none;border:0;border-radius:0;display:inline-grid;place-items:center;color:#F7F8FB}
.glyph.dlg::after{display:none}
.glyph.dlg .dlm{width:46px;height:auto;overflow:visible}
.dlm .dlm-a{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.glyph.dlg.grpol-glyph{animation:none;box-shadow:none}
.glyph.dlg.grpol-glyph .dlm-a{animation:dlGlow 3.2s ease-in-out infinite}
@keyframes dlGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(221,30,37,0))}50%{filter:drop-shadow(0 0 6px rgba(221,30,37,.55))}}
.mark:hover .dlm .dlm-a,.mark:focus-visible .dlm .dlm-a{transform:translate(4px,-3px)}
.brand .glyph.dlg,.brand .mark .glyph.dlg{width:auto!important;height:auto!important}
@media (max-width:760px){.glyph.dlg .dlm{width:38px}}
@media (max-width:380px){.glyph.dlg .dlm{width:34px}}

/* ---- intro: draw, sweep, rise, lift (about 1.8s, once per session) ---- */
.gr-intro.dl-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;clip-path:inset(0 0 0 0);
  background:radial-gradient(120% 90% at 50% 38%,#12306A 0%,#0A1E3F 46%,#050F22 100%);
  animation:dliOut .5s cubic-bezier(.76,0,.24,1) 1.38s forwards}
.dl-intro .dli{width:min(300px,62vw);height:auto;overflow:visible;color:#F7F8FB;
  animation:dliSvg .5s cubic-bezier(.76,0,.24,1) 1.38s forwards}
.dl-intro .dli-n{fill:#F7F8FB;fill-opacity:0;stroke:#F7F8FB;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;
  animation:dliDraw .55s cubic-bezier(.65,0,.35,1) .02s forwards,dliFill .3s ease .38s forwards}
.dl-intro .dli-n2{animation-delay:.1s,.46s}
.dl-intro .dli-arrow{fill:#DD1E25}
.dl-intro .dli-wipe{transform:translateX(0);animation:dliWipe .52s cubic-bezier(.5,0,.15,1) .34s forwards}
.dl-intro .dli-glint{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);animation:dliGlint .45s ease-out .78s forwards}
.dl-intro .dli-d{fill:#F7F8FB;transform:translateY(136px);animation:dliRise .55s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--i)*.055s) forwards}
.dl-intro .dli-rule{fill:#DD1E25;transform-box:fill-box;transform:scaleX(0);animation:dliRule .4s cubic-bezier(.2,.8,.2,1) .86s forwards}
.dl-intro .dli-rule1{transform-origin:right center}
.dl-intro .dli-rule2{transform-origin:left center}
.dl-intro .dli-b{color:#F7F8FB;opacity:0;transform:translateY(10px);animation:dliFade .4s cubic-bezier(.2,.8,.2,1) .9s forwards}
.dl-intro .dli-tag{opacity:0;transform:translateY(6px);animation:dliFade .4s cubic-bezier(.2,.8,.2,1) 1.04s forwards}
.dl-intro.dli-skip{animation:dliOut .35s cubic-bezier(.76,0,.24,1) forwards}
@keyframes dliDraw{to{stroke-dashoffset:0}}
@keyframes dliFill{to{fill-opacity:1;stroke-opacity:0}}
@keyframes dliWipe{to{transform:translateX(400px)}}
@keyframes dliGlint{40%{opacity:1;transform:scale(1.25)}100%{opacity:0;transform:scale(1.6)}}
@keyframes dliRise{to{transform:translateY(0)}}
@keyframes dliRule{to{transform:scaleX(1)}}
@keyframes dliFade{to{opacity:1;transform:none}}
@keyframes dliOut{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes dliSvg{to{transform:translateY(-18px) scale(.96);opacity:0}}
html.gri-seen .gr-intro{display:none!important}
@keyframes egSoarM{
  0%{opacity:0;transform:translate3d(-8vw,8px,0) rotateZ(-3deg) rotateY(0deg) scale(.86)}
  12%{opacity:1}
  50%{transform:translate3d(6vw,0,0) rotateZ(-6deg) rotateY(-12deg) scale(.94)}
  88%{opacity:1}
  100%{opacity:0;transform:translate3d(20vw,-14px,0) rotateZ(4deg) rotateY(10deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){.gr-intro.dl-intro{display:none!important}.dlm .dlm-a{transition:none;animation:none!important}}

/* Hero eagles: cut-out photographs of real bald eagles (public domain, see
   img/eagles/CREDITS.md), graded to the ridge photo's dusk light. Each bird
   rides a long, slow glide with gentle banking (small 3D tilts and
   foreshortening, no spinning), fading in and out at the ends of its run.
   Distant birds are smaller, hazier and slower for depth. */
.dl-eagles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint;perspective:900px}
.eg{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform-style:preserve-3d;will-change:transform,opacity;animation:var(--k) var(--t) cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--d)}
.eg-i{display:block;width:100%;height:auto;transform:scaleX(var(--fx,1))}
.eg1{--x:64%;--y:19%;--w:clamp(150px,15vw,250px);--k:egSoar;--t:46s;--d:-14s;filter:brightness(.9) saturate(.9) drop-shadow(0 6px 10px rgba(5,12,28,.18))}
.eg2{--x:90%;--y:54%;--w:clamp(84px,7.6vw,128px);--k:egGlide;--t:58s;--d:-20s;filter:contrast(.86) brightness(1.06) saturate(.85) blur(.35px);opacity:.9}
.eg3{--x:57%;--y:12%;--w:clamp(60px,5vw,90px);--k:egFar;--t:64s;--d:-41s;--fx:-1;filter:contrast(.74) brightness(1.14) saturate(.75) blur(.5px);opacity:.8}
/* near bird: rises up and to the right toward the viewer, banking left then right */
@keyframes egSoar{
  0%{opacity:0;transform:translate3d(-6vw,10vh,0) rotateZ(-3deg) rotateY(0deg) rotateX(8deg) scale(.82)}
  10%{opacity:1}
  30%{transform:translate3d(-1vw,5vh,0) rotateZ(-7deg) rotateY(-12deg) rotateX(4deg) scale(.88)}
  55%{transform:translate3d(6vw,0,0) rotateZ(1deg) rotateY(4deg) rotateX(0deg) scale(.96)}
  80%{transform:translate3d(13vw,-6vh,0) rotateZ(6deg) rotateY(12deg) rotateX(-4deg) scale(1.04)}
  90%{opacity:1}
  100%{opacity:0;transform:translate3d(18vw,-10vh,0) rotateZ(3deg) rotateY(6deg) rotateX(-6deg) scale(1.1)}
}
/* mid bird: long glide right to left across the ridge, slight sink */
@keyframes egGlide{
  0%{opacity:0;transform:translate3d(10vw,-2vh,0) rotateZ(2deg) rotateY(0deg)}
  10%{opacity:1}
  40%{transform:translate3d(-4vw,1vh,0) rotateZ(-2deg) rotateY(-10deg)}
  70%{transform:translate3d(-16vw,3vh,0) rotateZ(3deg) rotateY(8deg)}
  90%{opacity:1}
  100%{opacity:0;transform:translate3d(-26vw,5vh,0) rotateZ(0deg) rotateY(0deg)}
}
/* far bird: slow, shallow arc high over the ridge */
@keyframes egFar{
  0%{opacity:0;transform:translate3d(-4vw,3vh,0) rotateZ(4deg) rotateY(0deg) scale(.9)}
  12%{opacity:1}
  50%{transform:translate3d(8vw,-1vh,0) rotateZ(-3deg) rotateY(-14deg) scale(.96)}
  88%{opacity:1}
  100%{opacity:0;transform:translate3d(18vw,1vh,0) rotateZ(2deg) rotateY(6deg) scale(1)}
}
@supports (animation-timeline:scroll()){
  .dl-eagles{animation:egPar linear both;animation-timeline:scroll(root);animation-range:0 100vh}
  @keyframes egPar{to{transform:translate3d(0,-16vh,0)}}
}
@media (max-width:760px){
  .eg1{--x:60%;--y:70px;--w:92px;--k:egSoarM;--t:40s}
  .eg2,.eg3{display:none}
}
@media (prefers-reduced-motion:reduce){.dl-eagles,.eg{animation:none!important}.eg{opacity:1}}