/* Armenia Exclusively — homepage styles.
   Layout and typography live inline in index.html exactly as designed;
   this file holds fonts, breakpoints and hover/focus states only. */
@font-face{font-family:"Bodoni Moda AE";src:url("fonts/BodoniModa-Variable.woff") format("woff");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda AE";src:url("fonts/BodoniModa-Italic-Variable.woff") format("woff");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-Regular.woff2") format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

html,body{margin:0;padding:0;background:#0a120c}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
*,*::before,*::after{box-sizing:border-box}
img,video,svg{max-width:100%}
a{color:#f3eee4;text-decoration:none}
a:hover{color:#A57B3D}
:focus-visible{outline:1px solid #A57B3D;outline-offset:4px}
body.menu-locked{overflow:hidden}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- hover states from the design (style-hover) ---------- */
.h0:hover,.h0:focus-visible{border-color:#A57B3D !important}
.h1:hover{transform:translateX(-4px) !important}
.h2:hover{transform:translateX(4px) !important}
.h3:hover,.h3:focus-visible{color:#c9a46a !important;border-color:rgba(165,123,61,0.6) !important}
.h4:hover{background:#b48a4a !important}
.h5:hover,.h5:focus-visible{color:#c9a46a !important}

/* hero CTA */
.ae-cta .r-ctaColor{color:#f3eee4}
.ae-cta .r-ctaShift{transform:translateX(0)}
.ae-cta:hover .r-ctaColor,.ae-cta:focus-visible .r-ctaColor{color:#A57B3D}
.ae-cta:hover .r-ctaShift,.ae-cta:focus-visible .r-ctaShift{transform:translateX(5px)}

/* venues, socials, video tiles */
.ae-venue:hover img{transform:scale(1.025) !important}
.ae-social:hover,.ae-social:focus-visible{border-color:#A57B3D !important}
.ae-social:hover svg,.ae-social:focus-visible svg{stroke:#A57B3D}
.ae-vid:hover > div[aria-hidden]{opacity:.55 !important}
.ae-vid:hover > div:nth-last-child(2){border-color:#A57B3D !important}
.ae-vid:hover > div:nth-last-child(2) > span{border-left-color:#A57B3D !important}

/* ---------- breakpoints (same thresholds as the design's logic) ---------- */
/* header: full nav >= 1000px, "Menu" button below */
.r-navDisplay{display:flex}
.ae-menu-btn{display:none}
@media (max-width:999.98px){
  .r-navDisplay{display:none}
  .ae-menu-btn{display:flex}
}

/* The Experience — promise lines */
.r-promiseAlign{text-align:left}
@media (max-width:639.98px){.r-promiseAlign{text-align:center}}

/* A Table in the Wild — brand line */
.r-brandDir{flex-direction:row}
.r-brandLeftAlign{text-align:right}
.r-brandRightAlign{text-align:left}
@media (max-width:759.98px){
  .r-brandDir{flex-direction:column}
  .r-brandLeftAlign,.r-brandRightAlign{text-align:center}
}

/* Yerevan After Dark — venues */
.r-venueCols{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:639.98px){.r-venueCols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Journey at a Glance */
.r-glanceCols{grid-template-columns:minmax(0,30fr) minmax(0,70fr);grid-template-areas:"intro map" "brand map"}
@media (max-width:959.98px){.r-glanceCols{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "map" "brand"}}

/* Day sections */
.r-dayCols{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
@media (max-width:959.98px){.r-dayCols{grid-template-columns:minmax(0,1fr)}}

/* Meals / Overnight band */
.r-jdCols{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}
.r-jdJustify{justify-content:center}
.r-jdDivAlign{align-self:stretch;width:1px;height:auto}
@media (max-width:759.98px){
  .r-jdCols{grid-template-columns:minmax(0,1fr)}
  .r-jdJustify{justify-content:flex-start}
  .r-jdDivAlign{align-self:start;width:48px;height:1px}
}

/* Video gallery: 4-up row, swipe strip below 900px */
.r-vidGap{gap:clamp(16px,1.6vw,24px);overflow-x:visible}
.r-vidBasis{flex:0 0 calc((100% - 3 * clamp(16px,1.6vw,24px)) / 4)}
@media (max-width:899.98px){
  .r-vidGap{gap:14px;overflow-x:auto}
  .r-vidBasis{flex:0 0 min(70%,300px)}
}
.r-vidGap::-webkit-scrollbar{display:none}
.ae-vid video{cursor:pointer}

/* Footer grid */
.r-footGrid{grid-template-columns:minmax(0,1.25fr) max-content minmax(0,0.9fr) minmax(0,1.35fr)}
@media (max-width:1179.98px){.r-footGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639.98px){.r-footGrid{grid-template-columns:minmax(0,1fr)}}

/* newsletter status line */
.ae-news-msg{margin:12px 0 0;font-family:'Montserrat',system-ui,sans-serif;font-size:13px;line-height:1.5;color:rgba(243,238,228,0.75)}
.ae-news-input::placeholder{color:rgba(243,238,228,0.55)}

/* scroll reveal (added by site.js; content is fully visible without JS) */
.js .ae-reveal{opacity:0;transform:translateY(16px);transition:opacity 820ms cubic-bezier(0.22,0.61,0.36,1),transform 820ms cubic-bezier(0.22,0.61,0.36,1)}
.js .ae-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .ae-reveal{opacity:1;transform:none;transition:none}}