/* =========================================================
   Lorem Ipsum — Nightlife / Entertainment
   Layout & UI system modelled on a dark, editorial event site
   ========================================================= */

/* ---------- Palette ----------
   The approved 16 swatches. Indigo, Medium Purple, Grape Jelly and
   Lavender Blush were struck from the sheet and are not used anywhere. */
:root{
  --dark-purple:    #301934;
  --matte-purple:   #392A48;
  --ultra-violet:   #645394;
  --chinese-violet: #856088;
  --rebecca:        #663399;
  --affair:         #6F4685;
  --luxury-purple:  #743089;
  --sunset-purple:  #A865B5;
  --heather:        #9E7BB5;
  --early-bird:     #CEA2FD;
  --deep-purple:    #524F81;
  --blue-lilac:     #7B679A;
  --lavender-gray:  #B6B5D8;
  --strong-purple:  #875692;
  --faded-purple:   #795F80;
  --thistle:        #D8BFD8;
}

/* ---------- Semantic tokens ---------- */
:root{
  --bg:            #1B0E1F;   /* Dark Purple, deepened for page depth */
  --bg-elev:       var(--dark-purple);
  --bg-elev-2:     var(--matte-purple);
  --line:          rgba(182,181,216,.20);        /* Lavender Gray */
  --line-strong:   rgba(206,162,253,.42);        /* Early Bird    */

  --fg:            #ffffff;
  --fg-muted:      var(--thistle);
  /* Heather, not Blue Lilac: --fg-dim lands on 11-14px text, and Blue Lilac
     only reaches 3.76:1 on --bg. Heather clears AA at 5.27:1. */
  --fg-dim:        var(--heather);

  --accent:        var(--sunset-purple);
  --accent-deep:   var(--luxury-purple);
  --accent-bright: var(--early-bird);

  /* Heading gradient — Early Bird → Sunset Purple → Heather */
  --grad-head: linear-gradient(100deg, var(--early-bird) 0%, var(--sunset-purple) 46%, var(--heather) 100%);
  --grad-cta:  linear-gradient(135deg, var(--luxury-purple), var(--rebecca) 60%, var(--affair));
  --grad-rule: linear-gradient(90deg, var(--early-bird), var(--sunset-purple), var(--rebecca), transparent);

  --font: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Type scale (desktop) */
  --fs-hero:  100px;   /* hero H1            */
  --fs-mega:   80px;   /* about H3 / stats   */
  --fs-h2:     50px;   /* section titles     */
  --fs-h4:     60px;   /* gallery headline   */
  --fs-kick:   24px;
  --fs-body:   16px;
  --fs-nav:    13px;

  --gutter:   100px;   /* desktop page padding */
  --nav-h:     72px;
  --radius:    14px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(58vw 48vh at 10% 6%,   rgba(116,48,137,.30), transparent 70%),
    radial-gradient(50vw 42vh at 92% 40%,  rgba(102,51,153,.26), transparent 72%),
    radial-gradient(46vw 40vh at 46% 96%,  rgba(100,83,148,.22), transparent 74%);
}
img,video{display:block;max-width:100%}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

::selection{background:var(--accent);color:#fff}

/* ---------- Type helpers ---------- */
/* Palette gradient on every display heading. `background-clip:text` needs a
   transparent fill; the solid colour underneath is the no-support fallback. */
.h-display, .h-mega, .h-alt{
  color:var(--early-bird);
  background:var(--grad-head);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){
  .h-display,.h-mega,.h-alt{color:var(--early-bird);-webkit-text-fill-color:currentColor}
}

.h-display{
  font-size:var(--fs-h2);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.02em;
  text-transform:uppercase;
}

/* Eyebrow label + palette rule, used above section titles */
.eyebrow{
  display:flex;align-items:center;gap:16px;
  margin-bottom:18px;
  font-size:12px;font-weight:700;
  letter-spacing:.28em;text-transform:uppercase;
  color:var(--sunset-purple);
}
.eyebrow::after{
  content:'';flex:1;height:1px;max-width:220px;
  background:var(--grad-rule);
}

/* Palette swatch strip — decorative divider */
.swatches{display:flex;height:4px;border-radius:99px;overflow:hidden;margin:0 0 44px}
.swatches i{flex:1}
.swatches i:nth-child(1){background:var(--dark-purple)}
.swatches i:nth-child(2){background:var(--rebecca)}
.swatches i:nth-child(3){background:var(--luxury-purple)}
.swatches i:nth-child(4){background:var(--strong-purple)}
.swatches i:nth-child(5){background:var(--sunset-purple)}
.swatches i:nth-child(6){background:var(--heather)}
.swatches i:nth-child(7){background:var(--early-bird)}
.swatches i:nth-child(8){background:var(--thistle)}
.h-mega{
  font-size:var(--fs-mega);
  font-weight:800;
  line-height:.92;
  letter-spacing:-2.5px;
  text-transform:uppercase;
}
.h-alt{
  font-size:var(--fs-h4);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.body-copy{
  max-width:56ch;
  color:var(--fg-muted);
  font-size:var(--fs-body);
  letter-spacing:1.2px;
  line-height:1.75;
}
.body-copy--wide{max-width:70ch}

.section{padding:120px var(--gutter)}

/* =========================================================
   NAV
   ========================================================= */
.nav{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:100;
  width:min(1152px, calc(100% - 40px));
  height:var(--nav-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 34px;
  background:rgba(48,25,52,.72);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  transition:transform .45s var(--ease), background .3s;
}
.nav.is-hidden{transform:translateX(-50%) translateY(-140%)}

.nav__group{display:flex;gap:40px}
.nav__group a{
  font-size:var(--fs-nav);
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  position:relative;
  padding:6px 0;
}
.nav__group a::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:100%;height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s var(--ease);
}
.nav__group a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__group a::after{background:var(--grad-rule)}
.nav__group a:hover{color:var(--early-bird)}

.nav__logo{position:absolute;left:50%;transform:translateX(-50%)}
.nav__logo img{width:120px;height:auto}

.nav__burger{display:none;width:32px;height:32px;position:relative}
.nav__burger span{
  position:absolute;left:4px;width:24px;height:2px;background:var(--fg);
  transition:transform .35s var(--ease), opacity .2s;
}
.nav__burger span:nth-child(1){top:12px}
.nav__burger span:nth-child(2){top:19px}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}

/* Mobile drawer */
.drawer{
  position:fixed;inset:0;z-index:99;
  background:var(--bg);
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:0 32px;
  clip-path:inset(0 0 100% 0);
  transition:clip-path .6s var(--ease);
}
.drawer.is-open{clip-path:inset(0 0 0 0)}
.drawer a:hover{color:var(--early-bird)}
.drawer a{
  font-size:clamp(30px,9vw,44px);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-.02em;
  padding:8px 0;
  border-bottom:1px solid var(--line);
}

/* =========================================================
   1. HERO
   ========================================================= */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:0 var(--gutter) 90px;
  overflow:hidden;
}
/* background-image doubles as the poster: it shows through until a real
   hero.mp4 is dropped into assets/video/. */
.hero__media{
  position:absolute;inset:0;z-index:-1;
  background:url('../assets/img/hero-poster.jpg') center/cover no-repeat;
}
.hero__video{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.15)}
.hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(27,14,31,.78) 0%, rgba(27,14,31,.18) 36%, rgba(27,14,31,.97) 100%),
    linear-gradient(120deg, rgba(116,48,137,.34), transparent 52%),
    linear-gradient(300deg, rgba(102,51,153,.28), transparent 48%);
}
.hero__inner{max-width:1200px}
.hero__title{
  background:linear-gradient(96deg, #fff 0%, var(--early-bird) 52%, var(--sunset-purple) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(56px, 11vw, var(--fs-hero));
  font-weight:900;
  line-height:.92;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.hero__sub{
  margin-top:20px;
  font-size:var(--fs-body);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--fg-muted);
}
.hero__scroll{
  position:absolute;right:var(--gutter);bottom:90px;
  display:flex;align-items:center;gap:14px;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-dim);
}
.hero__scroll-line{width:54px;height:1px;background:var(--fg-dim);overflow:hidden;position:relative}
.hero__scroll-line::after{
  content:'';position:absolute;inset:0;background:var(--fg);
  animation:sweep 2.2s var(--ease) infinite;
}
@keyframes sweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

/* =========================================================
   2 & 4. CAROUSELS
   ========================================================= */
.section__head{margin-bottom:48px}

.carousel{position:relative}
.carousel__track{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:8px;
  scrollbar-width:none;
}
.carousel__track::-webkit-scrollbar{display:none}

/* Large slide — 2:1 media, matches 832x540 card block */
.slide{
  position:relative;
  flex:0 0 min(832px, 86vw);
  scroll-snap-align:start;
  background:linear-gradient(180deg, var(--bg-elev), var(--bg));
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  transition:border-color .4s var(--ease);
}
.slide::after{                      /* palette rule across the card top */
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--early-bird),var(--sunset-purple),var(--rebecca),var(--ultra-violet));
  opacity:.85;
}
.slide:hover{border-color:var(--line-strong)}
.slide__media{aspect-ratio:2/1;overflow:hidden}
.slide__media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .8s var(--ease);
}
.slide:hover .slide__media img{transform:scale(1.05)}
.slide__body{padding:28px 32px 34px}
.slide__date{
  display:inline-block;
  padding:6px 12px;border-radius:99px;
  background:rgba(168,101,181,.16);
  border:1px solid rgba(206,162,253,.34);
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--early-bird);font-weight:700;
}
.slide__title{
  color:var(--thistle);
  margin-top:10px;
  font-size:34px;font-weight:800;line-height:1.05;
  letter-spacing:-.02em;text-transform:uppercase;
}
.slide__meta{margin-top:8px;color:var(--fg-dim);font-size:14px;letter-spacing:.06em}

/* Pill button */
.btn{
  margin-top:24px;
  display:inline-block;
  padding:14px 30px;
  border-radius:999px;
  background:var(--grad-cta);
  color:#fff;
  border:1px solid rgba(206,162,253,.30);
  font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);
}
.btn:hover{
  background:linear-gradient(135deg,var(--sunset-purple),var(--strong-purple));
  color:#fff;transform:translateY(-2px);
  box-shadow:0 10px 30px -10px rgba(168,101,181,.65);
}

/* Small event card — 3:2 media, matches 640x432 */
.carousel--sm .carousel__track{gap:20px}
.ecard{
  flex:0 0 min(640px, 78vw);
  border:1px solid var(--line);
  transition:border-color .4s var(--ease);
  scroll-snap-align:start;
  border-radius:var(--radius);
  overflow:hidden;
  position:relative;
}
.ecard img{aspect-ratio:3/2;width:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ecard:hover img{transform:scale(1.06)}
.ecard:hover{border-color:var(--line-strong)}
.ecard figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 24px 20px;
  background:linear-gradient(transparent, rgba(27,14,31,.92));
  color:var(--thistle);
  font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}

/* Carousel arrows */
.carousel__nav{display:flex;gap:12px;margin-top:32px}
.cbtn{
  width:52px;height:52px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;place-items:center;
  font-size:18px;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s;
}
.cbtn{color:var(--thistle)}
.cbtn:hover{background:var(--grad-cta);color:#fff;border-color:transparent}

/* =========================================================
   3. ABOUT
   ========================================================= */
.about{padding-bottom:0}
.about__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.about__tag{
  margin-top:26px;
  font-size:var(--fs-body);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--fg-muted);
  line-height:1.9;
}
.about__right{position:relative}
.about__video{
  border-radius:var(--radius);
  overflow:hidden;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:url('../assets/img/hero-poster.jpg') center/cover no-repeat;
}
.about__video video{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.1)}

.arrow-btn{
  position:absolute;right:-22px;bottom:-22px;
  width:88px;height:88px;
  border-radius:50%;
  background:var(--grad-cta);color:#fff;
  border:1px solid rgba(206,162,253,.35);
  display:grid;place-items:center;
  font-size:26px;
  transition:background .35s var(--ease), color .35s var(--ease), transform .35s var(--ease);
}
.arrow-btn:hover{
  background:linear-gradient(135deg,var(--sunset-purple),var(--early-bird));
  color:var(--dark-purple);transform:rotate(45deg);
  box-shadow:0 12px 34px -10px rgba(206,162,253,.6);
}

/* Marquee */
.marquee{
  margin:100px 0 0;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:22px 0;
}
.marquee__track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.marquee__track span:nth-child(even){
  background:var(--grad-head);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.marquee__track span{
  font-size:clamp(22px,3vw,34px);
  font-weight:800;
  letter-spacing:-.01em;
  text-transform:uppercase;
  white-space:nowrap;
  padding-right:20px;
  color:var(--fg);
}
.marquee{
  background:linear-gradient(90deg, transparent, rgba(116,48,137,.18), transparent);
}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Stats */
.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  padding:100px 0 120px;
}
.stat{display:flex;flex-direction:column-reverse;gap:10px}
.stat__num{
  font-size:var(--fs-mega);
  font-weight:800;
  line-height:1;
  letter-spacing:-2.5px;
  background:var(--grad-head);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.stat{position:relative;padding-left:22px}
.stat::before{
  content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:99px;
  background:linear-gradient(var(--early-bird), var(--rebecca));
}
.stat__label{
  font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-dim);
}

/* =========================================================
   5. ARTISTS
   ========================================================= */
.artists{position:relative;overflow:hidden}
.artists__list{
  display:flex;flex-wrap:wrap;gap:10px 28px;
  max-width:640px;
  margin-bottom:60px;
}
.artists__list li{
  font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);
}
.artists__list li::before{content:'—  ';color:var(--sunset-purple)}
.artists__list li{transition:color .3s var(--ease)}
.artists__list li:hover{color:var(--early-bird)}

.artists__stage{position:relative;height:min(720px,74vh);display:grid;place-items:center}
.artists__frame{
  width:min(1080px,100%);height:100%;
  border:1px solid var(--line);
  border-radius:var(--radius);
  display:grid;place-items:center;
  background:radial-gradient(ellipse at center, rgba(168,85,247,.14), transparent 64%);
}
.artists__tag{
  font-size:clamp(24px,4.4vw,58px);
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase;
  text-align:center;
}
.artists__tag i{color:var(--sunset-purple);font-style:normal;padding:0 6px}
.artists__tag{
  background:var(--grad-head);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Floating avatars — sizes mirror 180 / 144 / 108 / 72 px scale */
.orb{
  position:absolute;
  border-radius:50%;
  object-fit:cover;
  border:2px solid transparent;
  background:var(--grad-cta) border-box;
  box-shadow:0 0 0 1px rgba(206,162,253,.30), 0 18px 40px -18px rgba(48,25,52,.9);
  will-change:transform;
}
.orb--1{width:180px;height:180px;top:6%;left:2%}
.orb--2{width:144px;height:144px;top:16%;right:4%}
.orb--3{width:108px;height:108px;bottom:14%;left:9%}
.orb--4{width:180px;height:180px;bottom:6%;right:8%}
.orb--5{width:72px;height:72px;top:46%;left:-1%}
.orb--6{width:108px;height:108px;bottom:34%;right:-2%}

/* =========================================================
   6. GALLERY
   ========================================================= */
.gallery .body-copy{margin:24px 0 64px}
.masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.masonry__col{display:flex;flex-direction:column;gap:20px}
.masonry__col:nth-child(2){padding-top:60px}
.masonry img{
  width:100%;
  border-radius:10px;
  transition:transform .7s var(--ease), filter .7s var(--ease);
  filter:saturate(.55) brightness(.9);
}
.masonry img:hover{transform:scale(1.03);filter:saturate(1.15) brightness(1)}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{
  position:relative;
  padding:100px var(--gutter) 48px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg, transparent, rgba(57,42,72,.55));
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px 40px;
}
.footer__kicker{
  margin-top:14px;
  color:var(--strong-purple);
  font-size:var(--fs-kick);
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.footer__links{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer__links li{margin-bottom:12px}
.footer__links a{
  font-size:var(--fs-body);
  color:var(--fg);
  opacity:.85;
  transition:opacity .25s, padding-left .25s var(--ease);
}
.footer__links a:hover{opacity:1;padding-left:6px;color:var(--early-bird)}
.footer::before{
  content:'';position:absolute;left:0;right:0;top:-1px;height:2px;
  background:linear-gradient(90deg,var(--early-bird),var(--sunset-purple),var(--rebecca),var(--ultra-violet),var(--early-bird));
}
.footer__copy{
  grid-column:1/-1;
  padding-top:32px;
  border-top:1px solid var(--line);
  color:var(--fg-muted);
  font-size:14px;
  letter-spacing:1.2px;
}

/* =========================================================
   SCROLL REVEAL
   ========================================================= */
.reveal{
  opacity:0;
  transform:translateY(38px);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
  transition-delay:calc(var(--d,0) * 110ms);
}
.reveal.is-in{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1200px){
  :root{--gutter:56px;--fs-mega:64px;--fs-h4:48px;--fs-h2:42px}
}

@media (max-width:900px){
  :root{--gutter:32px;--fs-mega:52px;--fs-h4:38px;--fs-h2:34px;--fs-kick:18px}
  .section{padding:88px var(--gutter)}

  .nav{top:12px;padding:0 20px;height:64px}
  .nav__group{display:none}
  .nav__logo{left:20px;transform:none}
  .nav__logo img{width:96px}
  .nav__burger{display:block;margin-left:auto}

  .about__grid{grid-template-columns:1fr;gap:44px}
  .arrow-btn{width:66px;height:66px;right:0;bottom:-18px}
  .stats{grid-template-columns:1fr;gap:34px;padding:72px 0 90px}
  .marquee{margin-top:72px}

  .masonry{grid-template-columns:repeat(2,1fr);gap:14px}
  .masonry__col{gap:14px}
  .masonry__col:nth-child(3){display:none}

  .footer{grid-template-columns:1fr;padding:72px var(--gutter) 40px}
  .hero__scroll{display:none}

  .orb--1{width:104px;height:104px}
  .orb--2{width:84px;height:84px}
  .orb--3{width:64px;height:64px}
  .orb--4{width:96px;height:96px}
  .orb--5,.orb--6{display:none}
}

@media (max-width:560px){
  :root{--gutter:20px}
  .hero{padding-bottom:64px}
  .slide__body{padding:22px 20px 26px}
  .slide__title{font-size:24px}
  .carousel__nav{margin-top:22px}
  .cbtn{width:46px;height:46px}
  .footer__links{grid-template-columns:1fr;gap:24px}
}

/* Footer contact block */
.footer__contact{
  margin-top:22px;
  max-width:42ch;
  font-style:normal;
  color:var(--fg-muted);
  font-size:14px;
  line-height:1.9;
  letter-spacing:.02em;
}
.footer__contact a{
  color:var(--early-bird);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease);
}
.footer__contact a:hover{border-color:currentColor}