/* playfair-display-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/playfair-display-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;font-size: 100%;}
:root{
  --black:#010101;
  --white:#fff;
  --primary:#D6B25E;
  --secondary:#141414;
  --gap:3rem;
  --card:#141414;
}

body{margin:0;font-family:"Inter", sans-serif;background:var(--black);color:var(--white);line-height:1.5;font-size: 1.125rem;min-width: 320px;}
img,picture,video{display:block;max-width:100%;}
input,button,textarea,select{font:inherit;}
:focus-visible{outline:3px solid var(--primary);outline-offset:3px;}
p{width:100%;margin-bottom: 2rem;}
a{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;transition: text-decoration-thickness 0.2s ease;color: var(--white);}
a:hover{text-decoration-thickness: 3px;color: var(--primary);}
h1{font-family:"Playfair Display", serif;font-size: 2.5rem;font-weight: 400;line-height: 1.25;margin-bottom: 2rem;width: 100%;}
h2{font-family:"Playfair Display", serif;font-size: 2rem;font-weight: 400;line-height: 1.3;margin-bottom: 2rem;width: 100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
h3{font-family:"Playfair Display", serif;font-size: 1.75rem;font-weight: 400;line-height: 1.35;margin-bottom: 1.75rem;width: 100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
h4{font-family:"Playfair Display", serif;font-size: 1.5rem;font-weight: 400;line-height: 1.4;margin-bottom: 1.5rem;width: 100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
ul{margin: 0 1rem 2rem;padding:0;list-style:none;}
   main li{position:relative;padding-left:2rem;}
   main li+li{margin-top:1rem;}
   main li::before{content:"";position:absolute;left:0;top:0.35em;width:1rem;height:1rem;background:url("../img/arrow.svg") no-repeat center/contain;}

.responsive{width: 100%;height: auto;}
.buttons{display: flex;gap: 1rem;padding-top: 2rem;flex-wrap: wrap;}
a.cta{display: inline-block;padding: .625rem 1rem;color: var(--black);border: 3px solid var(--primary);border-radius: 8rem;cursor: pointer;text-decoration: none;text-align: center;}
   a.cta.primary{background: var(--primary);color: var(--black);}
   a.cta.secondary{background: var(--secondary); color: var(--primary);}
   a.cta:hover,#back:hover{background: #E3C46F;outline:3px solid var(--primary);outline-offset:3px;color: var(--black);}
#back{display: inline-block;padding: .25rem .75rem;color: var(--black);border: none;border-radius: 8rem;cursor: pointer;text-decoration: none;font-size: 1rem;background: var(--primary);color: var(--black);}

section{margin:0 auto; max-width:960px; position:relative; display: flex;width: 100%;padding: 4rem 2rem;}
   header section{display: block;padding: 2rem 2rem 0;}
   .headerCols{position:relative; display: flex;align-items: stretch;}
      #headerContent{display:flex;flex-direction:column;padding-bottom: 2rem;align-items:flex-start;}
      #headerImage{display: flex;align-items:flex-end;}
      .imgCrop{width:100%;}
   .grey{background: #272727;}
   .twoCols{flex-direction: row;flex-wrap: nowrap;gap: var(--gap);}
   .col{flex:1;}
      .notHome#headerContent{flex: 2;}
   .columns{flex-direction: column;gap: var(--gap);}
   .glow{background: radial-gradient(circle at 50% 0%, rgba(212, 173, 82, 0.10), transparent 42%),linear-gradient(180deg, #2a2a2a 0%, #212121 100%);}

.metaNav ul{position:fixed;display:flex;list-style:none;margin:0 0 0 -1rem;padding:.75rem 1rem .5rem;gap: 1rem;border-radius: 0 0 16px 16px;background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(20,20,20,.6));top:0;z-index:100;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
   .metaNav li{color:var(--white)}
   .metaNav svg{width:2rem;height:2rem;}
   .metaNav svg:hover{color:var(--primary);}
#logo{width: 100%;max-width: 460px;margin-top:4rem;}

#homeImage{margin-top: -6rem;}

#homeBoxes{display: flex;gap:2rem;align-items: stretch;margin-bottom: 2rem;}
   .homeBox{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--card);border-radius: 24px;padding: 1rem;font-size: 1rem;display: flex;flex-direction: column;gap: .75rem;flex:1;overflow-wrap:anywhere;word-break:normal;hyphens:auto;align-items: center;text-align: center;box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);}
   .homeBox::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(212,184,92,0),rgba(212,184,92,.95) 20%,rgba(233,214,132,1) 50%,rgba(212,184,92,.95) 80%,rgba(212,184,92,0));}
   .homeBox .icon{width: 32px;}
   .homeBox p{margin: 0;}

.audioBlock{background:linear-gradient(135deg,#d4c06f,#c3af5e);border-radius:24px;padding:0 1.75rem 1.5rem;display:flex;flex-direction:column;color:var(--black);gap:1rem;text-align:center;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 30px rgba(212,175,55,.25),inset 0 1px 0 rgba(255,255,255,.25);}
.audioBlock::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%);opacity:.35;pointer-events:none;}
.audioBlock::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,0) 30%,rgba(0,0,0,.2) 100%);opacity:.25;pointer-events:none;}
   .audioBlock p{margin-bottom: 0;}
   .audio{ width:100%; display:block; }

.bigCard{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--card);border-radius: 24px; padding: 1.75rem 1.5rem;flex:1;position: relative;}
   .bigCard p:last-child{margin-bottom:0;}
   .bigCard h2{margin-top: 0;font-size: 1.75rem;}
   .bigCard ul{margin-bottom: 0;}
   .bigCard::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(212,184,92,0),rgba(212,184,92,.95) 20%,rgba(233,214,132,1) 50%,rgba(212,184,92,.95) 80%,rgba(212,184,92,0));}

footer{font-size:1rem;position:relative;background:linear-gradient(180deg,#000 0%,#050505 40%,#0a0a0a 100%);border-top:1px solid rgba(255,255,255,.06);}
footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);}
   #googleLink {position: absolute;left: 50%;transform: translateX(-50%) translateY(-24px);z-index: 10;text-align: center;}
      #googleLink span{text-wrap: nowrap;}
      #googleLink svg{width: 16px; height: 16px;}
   footer section{padding-bottom: 0;align-items: flex-end;}
   #footerClaim{font-size: 1.25rem}
   #footerImage{width: 33%;}
   #socialIcons{margin: -1rem 0 1rem;}
   .social{width: 32px;display: inline-block;margin-right: .5rem;color: var(--primary);}
   .social:hover{color: var(--white);}
   .footerLinks{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}
   .footerLinks ul{display:flex;list-style:none;margin:0 0 1rem;padding:0;}
   .footerLinks li{display:flex;align-items:center;font-size: .75rem;}
   .footerLinks li+li::before{content:"|";margin:0 0.5rem;opacity:0.7;}
   .copy::after{content:"|";margin-left:0.5rem;}


/* ------------------------------
   MEDIA QUERIES
------------------------------ */

@media (min-width:1555px){
header{position:relative;overflow:hidden;background:#000;}
header::before{content:"";position:absolute;top:-12%;left:-14%;width:42rem;height:42rem;background:radial-gradient(circle at 30% 30%,rgba(212,173,82,.16) 0%,rgba(212,173,82,.08) 18%,rgba(212,173,82,.03) 34%,rgba(212,173,82,0) 68%);pointer-events:none;filter:blur(18px);z-index:0;}
header::after{content:"";position:absolute;top:-10%;right:-16%;width:44rem;height:44rem;background:radial-gradient(circle at 70% 30%,rgba(212,173,82,.13) 0%,rgba(212,173,82,.07) 20%,rgba(212,173,82,.025) 36%,rgba(212,173,82,0) 70%);pointer-events:none;filter:blur(22px);z-index:0;}
header section{position:relative;z-index:1;}
}

@media (max-width:777px){
.headerCols{flex-direction:column;}
#headerImage{display:block;}
.imgCrop{width:100%;height:50vh;overflow:hidden;}
.imgCrop .responsive{width:100%;height:100% !important;object-fit:cover;object-position:center top;display:block;}
.twoCols.cards{flex-direction: column;}
footer section.twoCols{flex-direction: column-reverse;text-align: center; justify-content:center;}
.footerLinks{justify-content:center;}
#footerImage{width: 100%;text-align: center;}
#footerImage img{max-width: 400px;}
.footerLinks{justify-content:center;}
#footerImage{width:100%;text-align:center;}
#footerImage img{max-width:400px;}
}
@media (max-width:444px){
h1{overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
html{-webkit-text-size-adjust:100%;font-size:clamp(0.72rem, 0.68rem + 0.35vw, 0.88rem);}
}