/* =========================================================
   DosiJamon UX — Landing premium Dosi Bocatas
   Todos los estilos de las secciones del shortcode.
   ========================================================= */

:root{
  --dosi-bg:#070707;
  --dosi-bg-2:#0b0b0b;
  --dosi-gold:#D4AF37;
  --dosi-text:#EDEDED;
  --dosi-border: rgba(255,255,255,.10);
  --dosi-shadow: 0 18px 45px rgba(0,0,0,.55);
  --dosi-seam:#070707;
}

html{
  scroll-behavior: smooth;
}

/* El editor de bloques envuelve el shortcode en un <p>, que el
   navegador cierra antes del <div> pero cuyo margen por defecto
   deja un hueco visible antes del hero. Lo neutralizamos. */
p:has(+ .dosijamon-ux){
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* Botón compartido (estilo hero) reutilizado en varias secciones */
.dosi-btn{
  padding: 14px 30px;
  border: 1px solid var(--dosi-gold);
  color: var(--dosi-gold);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  transition: 0.4s;
  font-size: 12px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}
.dosi-btn i{ font-style: normal; opacity:.9; }
.dosi-btn:hover{ background: var(--dosi-gold); color:#000; }
.dosi-btn:hover i{ color:#000; }
.dosi-btn:focus-visible{ outline:none; box-shadow: 0 0 0 3px rgba(212,175,55,.18); }
.dosi-btn.secondary{
  border-color: rgba(255,255,255,.22);
  color: rgba(255,255,255,.88);
}
.dosi-btn.secondary:hover{ background: rgba(255,255,255,.10); color:#fff; }

/* =========================================================
   HERO
   ========================================================= */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes zoomOutEffect {
  from { transform: scale(1.15); }
  to { transform: scale(1); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 0.7; }
}

.hero-v1-container {
  position: relative;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
}
.hero-v1-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url('img/hero/jamon-home-2.png');
  background-size: cover;
  background-position: center;
  z-index: 1;
  animation: zoomOutEffect 15s ease-out forwards;
}
.hero-v1-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
  z-index: 2;
}
.hero-v1-content {
  position: relative;
  z-index: 3;
  max-width: 800px;
  padding: 40px;
  border: 1px solid rgba(212, 175, 55, 0.3);
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.5s;
}
.hero-v1-pretitle {
  font-size: 14px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #D4AF37;
  margin-bottom: 20px;
  display: block;
}
.hero-v1-title {
  font-family: 'Playfair Display', serif;
  font-size: 4rem;
  line-height: 1.1;
  margin-bottom: 30px;
  font-weight: 400;
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
  animation-delay: 0.8s;
}
.hero-v1-title span {
  font-style: italic;
  color: #e0e0e0;
}
.hero-v1-btn {
  padding: 15px 50px;
  border: 1px solid #D4AF37;
  color: #D4AF37;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  transition: 0.4s;
  font-size: 13px;
  background: transparent;
  display: inline-block;
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
  animation-delay: 1.1s;
}
.hero-v1-btn:hover {
  background: #D4AF37;
  color: #000;
}
@media(max-width: 768px) {
  .hero-v1-title { font-size: 2.5rem; }
}
.scroll-indicator {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  text-decoration: none;
  cursor: pointer;
  animation: fadeIn 1s ease-out forwards;
  animation-delay: 1.8s;
  transition: transform 0.3s;
}
.scroll-indicator:hover {
  transform: translateX(-50%) translateY(5px);
  opacity: 1;
}
.scroll-text {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 400;
}
.mouse-icon {
  width: 24px;
  height: 38px;
  border: 2px solid rgba(255,255,255,0.8);
  border-radius: 12px;
  position: relative;
}
.wheel {
  width: 2px;
  height: 6px;
  background: #D4AF37;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  animation: scrollWheel 1.5s infinite;
}
@keyframes scrollWheel {
  0% { top: 6px; opacity: 1; }
  100% { top: 18px; opacity: 0; }
}

/* =========================================================
   CONCEPT JOURNEY (#about)
   ========================================================= */
.concept-journey-section {
  position: relative;
  background-color: #080808;
  padding: 100px 20px 120px 20px;
  text-align: center;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 80vh;
}
.concept-bg-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Cinzel', serif;
  font-size: 15vw;
  color: rgba(255, 255, 255, 0.02);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}
.journey-line {
  width: 1px;
  height: 0;
  background: linear-gradient(to bottom, rgba(212, 175, 55, 0), #D4AF37);
  margin-bottom: 30px;
  opacity: 0;
}
.journey-icon {
  color: #D4AF37;
  font-size: 14px;
  margin-bottom: 20px;
  opacity: 0;
  transform: scale(0);
}
.journey-subtitle {
  font-size: 11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 15px;
  display: block;
  opacity: 0;
  transform: translateY(20px);
}
.journey-title {
  font-family: 'Cinzel', serif;
  font-size: 3rem;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 40px;
  max-width: 800px;
  opacity: 0;
  transform: translateY(30px);
}
.journey-title span {
  color: #D4AF37;
  font-style: italic;
  font-family: 'Playfair Display', serif;
}
.journey-text-block {
  max-width: 650px;
  line-height: 1.8;
  color: #ccc;
  font-weight: 300;
  font-size: 1.05rem;
  position: relative;
  padding-top: 30px;
  opacity: 0;
  transform: translateY(20px);
}
.journey-text-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background-color: #D4AF37;
  opacity: 0.5;
  transition: width 1s ease;
}
.concept-journey-section.in-view .journey-line {
  animation: drawLine 1.5s ease-out forwards;
}
.concept-journey-section.in-view .journey-icon {
  animation: popIn 0.8s ease-out forwards;
  animation-delay: 1.2s;
}
.concept-journey-section.in-view .journey-subtitle {
  animation: slideUpFade 0.8s ease-out forwards;
  animation-delay: 1.5s;
}
.concept-journey-section.in-view .journey-title {
  animation: slideUpFade 1s ease-out forwards;
  animation-delay: 1.8s;
}
.concept-journey-section.in-view .journey-text-block {
  animation: fadeInText 1.5s ease-out forwards;
  animation-delay: 2.2s;
}
.concept-journey-section.in-view .journey-text-block::before {
  width: 40px;
  transition-delay: 2.2s;
}
@keyframes drawLine {
  to { height: 100px; opacity: 1; }
}
@keyframes popIn {
  to { opacity: 1; transform: scale(1); }
}
@keyframes slideUpFade {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInText {
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
  .journey-title { font-size: 2.2rem; }
  .journey-text-block { padding: 30px 20px 0 20px; }
  .journey-line { height: 0; }
  .concept-journey-section.in-view .journey-line { animation: drawLineMobile 1.5s ease-out forwards; }
}
@keyframes drawLineMobile { to { height: 60px; opacity: 1; } }

.journey-features{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  max-width: 980px;
  margin-top: 56px;
  opacity: 0;
  transform: translateY(20px);
}
.journey-feature{
  padding: 30px 24px;
  border: 1px solid var(--dosi-border);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  text-align: center;
}
.journey-feature-icon{
  color: var(--dosi-gold);
  font-size: 12px;
  margin-bottom: 16px;
}
.journey-feature-title{
  font-family: 'Cinzel', serif;
  font-size: 1.05rem;
  color: #fff;
  margin-bottom: 12px;
}
.journey-feature-text{
  font-size: 0.92rem;
  line-height: 1.7;
  color: #ccc;
  font-weight: 300;
}
.journey-closing{
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin-top: 50px;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 1.15rem;
  line-height: 1.7;
  color: rgba(212,175,55,.85);
  opacity: 0;
  transform: translateY(20px);
}
.concept-journey-section.in-view .journey-features{
  animation: fadeInText 1.5s ease-out forwards;
  animation-delay: 2.4s;
}
.concept-journey-section.in-view .journey-closing{
  animation: fadeInText 1.5s ease-out forwards;
  animation-delay: 2.6s;
}
@media (max-width: 900px){
  .journey-features{ grid-template-columns: 1fr; }
}

/* =========================================================
   MENU V5 (#menu)
   ========================================================= */
.menu-v5-section{
  position: relative;
  background:
    radial-gradient(1000px 420px at 20% 15%, rgba(212,175,55,.10), transparent 60%),
    radial-gradient(900px 420px at 85% 35%, rgba(212,175,55,.08), transparent 60%),
    linear-gradient(180deg, var(--dosi-bg) 0%, var(--dosi-bg-2) 100%);
  padding: 110px 22px 130px;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color: var(--dosi-text);
}
.menu-v5-watermark{
  position:absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  font-family: 'Cinzel', serif;
  font-size: 14vw;
  letter-spacing: .08em;
  color: rgba(212,175,55,.06);
  user-select:none;
  pointer-events:none;
}
.menu-v5-container{
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}
.menu-v5-header{
  text-align:center;
  margin-bottom: 55px;
  opacity: 0;
  transform: translateY(16px);
  filter: blur(6px);
}
.menu-v5-kicker{
  display:inline-flex;
  align-items:center;
  gap: 18px;
  font-family: 'Cinzel', serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: var(--dosi-gold);
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(10px);
}
.menu-v5-kicker:before,
.menu-v5-kicker:after{
  content:"";
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dosi-gold), transparent);
  opacity:.8;
}
.menu-v5-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
  margin: 8px 0 40px;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  opacity: 0;
  transform: translateY(10px);
}
.menu-v5-eyebrow span{
  width: 26px;
  height: 1px;
  background: rgba(255,255,255,.25);
}
.menu-v5-title{
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.08;
  margin: 0 0 14px;
  letter-spacing: .02em;
  opacity: 0;
  transform: translateY(14px);
}
.menu-v5-title span{
  color: var(--dosi-gold);
  font-style: italic;
  font-weight: 600;
}
.menu-v5-subcopy{
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.72);
  font-weight: 300;
  line-height: 1.9;
  font-size: 1.05rem;
  opacity: 0;
  transform: translateY(14px);
}
.menu-v5-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 44px;
}
.bocata-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--dosi-border);
  box-shadow: var(--dosi-shadow);
  opacity: 0;
  transform: translateY(22px);
  filter: blur(10px);
  transition: transform .55s ease, border-color .45s ease, box-shadow .55s ease, filter .7s ease, opacity .7s ease;
  will-change: transform;
}
.bocata-card:before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(212,175,55,.55), rgba(255,255,255,.06), rgba(212,175,55,.25));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  opacity: .55;
}
.bocata-tag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(212,175,55,.85);
  margin-bottom: 10px;
}
.bocata-tag:before{
  content:"";
  width: 16px;
  height: 1px;
  background: var(--dosi-gold);
  opacity:.9;
}
.bocata-media{
  position: relative;
  aspect-ratio: 4/3;
  overflow:hidden;
}
.bocata-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: filter .6s ease;
  filter: contrast(1.06) saturate(1.05);
  display:block;
}
.bocata-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 2;
  border: 1px solid rgba(212,175,55,0);
  box-shadow: inset 0 0 0 0 rgba(212,175,55,0);
  transition: border-color .5s ease, box-shadow .5s ease;
  pointer-events: none;
}
.bocata-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.90) 100%);
  pointer-events:none;
}
.bocata-body{
  position: relative;
  padding: 18px 18px 20px;
  background:
    radial-gradient(450px 180px at 10% 0%, rgba(212,175,55,.08), transparent 55%),
    rgba(0,0,0,.30);
  backdrop-filter: blur(2px);
}
.bocata-desc-slot{
  min-height: 48px;
  display:flex;
  align-items:flex-start;
}
.bocata-desc{
  color: rgba(255,255,255,.76);
  font-weight: 300;
  line-height: 1.7;
  font-size: .98rem;
  margin: 0;
}
.bocata-footer{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}
.bocata-note{
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}
.bocata-cta{
  padding: 10px 18px;
  border: 1px solid var(--dosi-gold);
  color: var(--dosi-gold);
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none;
  transition: 0.4s;
  font-size: 11px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}
.bocata-cta i{
  font-style: normal;
  opacity: .9;
}
.bocata-cta:hover{
  background: var(--dosi-gold);
  color: #000;
}
.bocata-cta:hover i{
  color: #000;
}
.bocata-cta:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(212,175,55,.18);
}
.bocata-card:hover{
  transform: translateY(-6px);
  border-color: rgba(212,175,55,.22);
  box-shadow: 0 26px 70px rgba(0,0,0,.62);
  filter: blur(0);
}
.bocata-card:hover .bocata-media img{
  filter: contrast(1.1) saturate(1.18) brightness(1.06);
}
.bocata-card:hover .bocata-media::before{
  border-color: rgba(212,175,55,.55);
  box-shadow: inset 0 0 30px rgba(212,175,55,.12);
}
@keyframes v5FadeUp{
  from { opacity: 0; transform: translateY(18px); filter: blur(10px); }
  to   { opacity: 1; transform: translateY(0);  filter: blur(0); }
}
@keyframes v5Kicker{
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.menu-v5-section.in-view .menu-v5-header{
  animation: v5FadeUp 1s ease-out forwards;
}
.menu-v5-section.in-view .menu-v5-kicker{
  animation: v5Kicker .9s ease-out forwards;
  animation-delay: .10s;
}
.menu-v5-section.in-view .menu-v5-title{
  animation: v5FadeUp 1s ease-out forwards;
  animation-delay: .18s;
}
.menu-v5-section.in-view .menu-v5-subcopy{
  animation: v5FadeUp 1s ease-out forwards;
  animation-delay: .26s;
}
.menu-v5-section.in-view .menu-v5-eyebrow{
  animation: v5FadeUp 1s ease-out forwards;
  animation-delay: .32s;
}
.menu-v5-section.in-view .bocata-card{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.menu-v5-section.in-view .bocata-card:nth-child(1){ transition-delay: .10s; }
.menu-v5-section.in-view .bocata-card:nth-child(2){ transition-delay: .16s; }
.menu-v5-section.in-view .bocata-card:nth-child(3){ transition-delay: .22s; }
.menu-v5-section.in-view .bocata-card:nth-child(4){ transition-delay: .28s; }
.menu-v5-section.in-view .bocata-card:nth-child(5){ transition-delay: .34s; }
.menu-v5-section.in-view .bocata-card:nth-child(6){ transition-delay: .40s; }
@media (max-width: 1024px){
  .menu-v5-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .menu-v5-title{ font-size: 2.6rem; }
}
@media (max-width: 680px){
  .menu-v5-section{ padding: 90px 18px 110px; }
  .menu-v5-grid{ grid-template-columns: 1fr; }
  .menu-v5-title{ font-size: 2.2rem; }
  .menu-v5-watermark{ font-size: 18vw; }
}

/* =========================================================
   CTA V3 (#cta-v3)
   ========================================================= */
.cta-v3{
  position: relative;
  padding: 105px 22px 110px;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color: var(--dosi-text);
  background:
    radial-gradient(900px 420px at 20% 35%, rgba(212,175,55,.14), transparent 60%),
    radial-gradient(900px 420px at 85% 65%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(180deg, #070707 0%, #0b0b0b 100%);
}
.cta-v3::before{
  content:"";
  position:absolute; inset:-120px;
  background:
    radial-gradient(circle at 18% 42%, rgba(212,175,55,.35) 0 2px, transparent 3px),
    radial-gradient(circle at 28% 58%, rgba(255,255,255,.12) 0 2px, transparent 3px),
    radial-gradient(circle at 46% 40%, rgba(212,175,55,.28) 0 2px, transparent 3px),
    radial-gradient(circle at 62% 52%, rgba(255,255,255,.10) 0 2px, transparent 3px),
    radial-gradient(circle at 74% 34%, rgba(212,175,55,.30) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 62%, rgba(255,255,255,.10) 0 2px, transparent 3px);
  opacity:.55;
  pointer-events:none;
}
.cta-v3-wrap{
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.cta-v3-kicker{
  display:inline-flex; align-items:center; gap:12px;
  font-size: 11px; letter-spacing: 4px; text-transform: uppercase;
  color: rgba(255,255,255,.72);
  margin-bottom: 16px;
  opacity:0; transform: translateY(10px);
}
.cta-v3-kicker:before, .cta-v3-kicker:after{
  content:""; width:44px; height:1px;
  background: linear-gradient(90deg, transparent, var(--dosi-gold), transparent);
  opacity:.9;
}
.cta-v3-title{
  font-family:'Playfair Display', serif;
  font-size: 3.0rem;
  line-height: 1.06;
  margin: 0 0 12px;
  font-weight: 600;
  opacity:0; transform: translateY(14px);
}
.cta-v3-title span{ color: var(--dosi-gold); font-style: italic; }
.cta-v3-sub{
  margin: 0 auto 22px;
  max-width: 760px;
  color: rgba(255,255,255,.78);
  font-weight: 300;
  line-height: 1.9;
  font-size: 1.06rem;
  opacity:0; transform: translateY(14px);
}
.cta-v3-cities{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px;
  margin: 8px 0 34px;
  opacity: 0;
  transform: translateY(14px);
}
.cta-v3-city{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.cta-v3-city img{
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(212,175,55,.35);
  padding: 4px;
  transition: border-color .4s ease, transform .4s ease;
}
.cta-v3-city span{
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  transition: color .4s ease;
}
.cta-v3-city:hover img{
  border-color: var(--dosi-gold);
  transform: translateY(-4px);
}
.cta-v3-city:hover span{ color: var(--dosi-gold); }
.cta-v3-divider{
  width: 120px;
  height: 1px;
  margin: 0 auto 22px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.9), transparent);
  opacity:0;
  transform: scaleX(.6);
}
.cta-v3-ctas{
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  gap: 12px;
  opacity:0; transform: translateY(14px);
}
@keyframes ctaFadeUp{ from{opacity:0; transform:translateY(18px); filter:blur(10px);} to{opacity:1; transform:translateY(0); filter:blur(0);} }
@keyframes ctaKicker{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }
@keyframes ctaLine{ to{opacity:.9; transform: scaleX(1);} }
.cta-v3.in-view .cta-v3-kicker{ animation: ctaKicker .9s ease-out forwards; }
.cta-v3.in-view .cta-v3-title{ animation: ctaFadeUp 1s ease-out forwards; animation-delay:.12s; }
.cta-v3.in-view .cta-v3-sub{ animation: ctaFadeUp 1s ease-out forwards; animation-delay:.20s; }
.cta-v3.in-view .cta-v3-cities{ animation: ctaFadeUp 1s ease-out forwards; animation-delay:.26s; }
.cta-v3.in-view .cta-v3-divider{ animation: ctaLine .9s ease-out forwards; animation-delay:.34s; }
.cta-v3.in-view .cta-v3-ctas{ animation: ctaFadeUp 1s ease-out forwards; animation-delay:.38s; }
@media (max-width: 900px){
  .cta-v3-title{ font-size: 2.35rem; }
}
@media (max-width: 680px){
  .cta-v3{ padding: 88px 18px 96px; }
  .cta-v3-title{ font-size: 2.05rem; }
}

/* =========================================================
   FOUNDERS (#founders)
   ========================================================= */
.founders-c{
  position: relative;
  background:
    radial-gradient(900px 420px at 25% 20%, rgba(212,175,55,.10), transparent 60%),
    linear-gradient(180deg, var(--dosi-bg) 0%, var(--dosi-bg-2) 100%);
  padding: 115px 22px 125px;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color: var(--dosi-text);
}
.founders-c-wrap{
  max-width: 1180px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.founders-c-header{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
  opacity:0; transform: translateY(18px); filter: blur(10px);
}
.founders-c-kicker{
  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;
  color: rgba(255,255,255,.65);
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom: 12px;
}
.founders-c-kicker:before{
  content:""; width:46px; height:1px;
  background: linear-gradient(90deg, var(--dosi-gold), transparent);
  opacity:.95;
}
.founders-c-title{
  font-family:'Playfair Display', serif;
  font-size: 3.05rem;
  line-height: 1.08;
  margin:0;
  font-weight:600;
  letter-spacing:.02em;
}
.founders-c-title span{ color: var(--dosi-gold); font-style: italic; }
.founders-c-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.founders-c-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  opacity:0; transform: translateY(18px); filter: blur(10px);
}
.founders-c-card{
  position: relative;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid var(--dosi-border);
  box-shadow: var(--dosi-shadow);
  background: rgba(255,255,255,.03);
  transition: transform .55s ease, border-color .45s ease, box-shadow .55s ease;
  min-height: 420px;
  display:flex;
  align-items: stretch;
}
.founders-c-card:hover{
  transform: translateY(-4px);
  border-color: rgba(212,175,55,.22);
  box-shadow: 0 26px 70px rgba(0,0,0,.62);
}
.founders-c-photo{
  position: relative;
  flex: 1;
  min-width: 44%;
  background: #0a0a0a;
  overflow:hidden;
}
.founders-c-photo::before{
  content:"";
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  filter: blur(18px);
  transform: scale(1.12);
  opacity: .65;
}
.founders-c-photo img{
  position: relative;
  z-index:1;
  width:100%; height:100%;
  object-fit: cover;
  object-position: center;
  display:block;
  transform: scale(1.02);
  transition: transform .9s ease;
}
.founders-c-card:hover .founders-c-photo img{ transform: scale(1.05); }
.founders-c-photo::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.70) 100%);
  z-index:2;
  pointer-events:none;
}
.founders-c-panel{
  position: relative;
  flex: 1.1;
  padding: 22px 20px;
  background: rgba(0,0,0,.40);
  backdrop-filter: blur(10px);
  display:flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.founders-c-role{
  font-size:10px; letter-spacing:3px; text-transform:uppercase;
  color: rgba(255,255,255,.70);
  display:inline-flex; align-items:center; gap:10px;
}
.founders-c-role:before{ content:""; width:18px; height:1px; background: var(--dosi-gold); opacity:.9; }
.founders-c-name{
  font-family:'Playfair Display', serif;
  font-size: 1.65rem;
  margin: 0;
  font-weight: 600;
  line-height: 1.15;
}
.founders-c-bio{
  margin: 0;
  color: rgba(255,255,255,.74);
  font-weight: 300;
  line-height: 1.9;
  font-size: 1.02rem;
}
.founders-c-mini{
  margin-top: 6px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.founders-c-chip{
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.20);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.78);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@keyframes cFadeUp{ from{opacity:0; transform:translateY(18px); filter:blur(10px);} to{opacity:1; transform:translateY(0); filter:blur(0);} }
.founders-c.in-view .founders-c-header{ animation: cFadeUp 1s ease-out forwards; }
.founders-c.in-view .founders-c-grid{ animation: cFadeUp 1s ease-out forwards; animation-delay:.18s; }
@media (max-width: 980px){
  .founders-c-header{ flex-direction: column; align-items:flex-start; }
  .founders-c-actions{ justify-content:flex-start; }
  .founders-c-title{ font-size: 2.45rem; }
  .founders-c-grid{ grid-template-columns: 1fr; }
  .founders-c-card{ min-height: 0; }
  .founders-c-photo{ min-height: 320px; }
}
@media (max-width: 680px){
  .founders-c{ padding: 95px 18px 110px; }
  .founders-c-title{ font-size: 2.05rem; }
}

/* =========================================================
   TESTIMONIALS (#testimonials)
   ========================================================= */
.dosi-testimonials{
  position: relative;
  padding: 110px 22px 115px;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color: var(--dosi-text);
  background:
    radial-gradient(900px 420px at 20% 25%, rgba(212,175,55,.12), transparent 60%),
    radial-gradient(900px 420px at 85% 70%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #070707 0%, #0b0b0b 100%);
}
.dosi-testimonials::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background: linear-gradient(
    180deg,
    var(--dosi-seam) 0%,
    rgba(7,7,7,0) 16%,
    rgba(7,7,7,0) 84%,
    var(--dosi-seam) 100%
  );
  opacity: .95;
  z-index: 0;
}
.dosi-testimonials::before{
  content:"";
  position:absolute; inset:-140px;
  background:
    radial-gradient(circle at 18% 40%, rgba(212,175,55,.35) 0 2px, transparent 3px),
    radial-gradient(circle at 36% 62%, rgba(255,255,255,.10) 0 2px, transparent 3px),
    radial-gradient(circle at 62% 30%, rgba(212,175,55,.25) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 58%, rgba(255,255,255,.08) 0 2px, transparent 3px);
  opacity:.5;
  pointer-events:none;
  z-index:0;
}
.dosi-t-wrap{
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
}
.dosi-t-head{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 26px;
}
.dosi-kicker{
  display:inline-flex; align-items:center; gap:12px;
  font-size: 11px; letter-spacing: 4px; text-transform: uppercase;
  color: rgba(255,255,255,.72);
  margin-bottom: 12px;
  opacity:0; transform: translateY(10px);
}
.dosi-kicker:before{
  content:""; width:44px; height:1px;
  background: linear-gradient(90deg, var(--dosi-gold), transparent);
  opacity:.95;
}
.dosi-t-title{
  font-family:'Playfair Display', serif;
  font-size: 2.6rem;
  line-height: 1.06;
  margin: 0;
  font-weight: 600;
  opacity:0; transform: translateY(14px);
}
.dosi-t-title span{ color: var(--dosi-gold); font-style: italic; }
.dosi-t-sub{
  margin: 10px 0 0;
  color: rgba(255,255,255,.78);
  font-weight: 300;
  line-height: 1.9;
  max-width: 760px;
  opacity:0; transform: translateY(14px);
}
.dosi-t-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  opacity:0; transform: translateY(14px);
}
.dosi-t-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.dosi-quote{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  box-shadow: var(--dosi-shadow);
  padding: 22px 20px 20px;
  overflow: hidden;
  opacity:0;
  transform: translateY(18px);
  filter: blur(10px);
  transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease;
  will-change: transform;
}
.dosi-quote::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(500px 220px at 15% 10%, rgba(212,175,55,.16), transparent 60%);
  opacity:.8;
  pointer-events:none;
}
.dosi-quote-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}
.dosi-stars{
  display:inline-flex;
  gap: 4px;
  color: rgba(212,175,55,.95);
  font-size: 12px;
  letter-spacing: 1px;
}
.dosi-pill{
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(0,0,0,.25);
  padding: 8px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.dosi-quote-text{
  position: relative;
  z-index: 1;
  margin: 0 0 18px;
  color: rgba(255,255,255,.82);
  line-height: 1.95;
  font-weight: 300;
  font-size: 1.02rem;
}
.dosi-quote-foot{
  position: relative;
  z-index: 1;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.dosi-person{
  display:flex;
  flex-direction: column;
  gap: 2px;
}
.dosi-person strong{
  font-weight: 500;
  color: rgba(255,255,255,.92);
  letter-spacing: .2px;
}
.dosi-person span{
  font-size: 12px;
  color: rgba(255,255,255,.62);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.dosi-sig{
  font-family:'Playfair Display', serif;
  font-style: italic;
  color: rgba(212,175,55,.9);
  opacity:.95;
}
.dosi-quote:hover{
  transform: translateY(-6px);
  border-color: rgba(212,175,55,.28);
  box-shadow: 0 26px 60px rgba(0,0,0,.62);
}
@keyframes dosiFadeUp{
  from{opacity:0; transform:translateY(18px); filter:blur(10px);}
  to{opacity:1; transform:translateY(0); filter:blur(0);}
}
@keyframes dosiKicker{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}
.dosi-testimonials.in-view .dosi-kicker{ animation: dosiKicker .9s ease-out forwards; }
.dosi-testimonials.in-view .dosi-t-title{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.10s; }
.dosi-testimonials.in-view .dosi-t-sub{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.18s; }
.dosi-testimonials.in-view .dosi-t-actions{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.24s; }
.dosi-testimonials.in-view .dosi-quote:nth-child(1){ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.26s; }
.dosi-testimonials.in-view .dosi-quote:nth-child(2){ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.34s; }
.dosi-testimonials.in-view .dosi-quote:nth-child(3){ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.42s; }
@media (max-width: 1020px){
  .dosi-t-head{ flex-direction: column; align-items:flex-start; }
  .dosi-t-actions{ width:100%; }
  .dosi-t-grid{ grid-template-columns: 1fr; }
  .dosi-t-title{ font-size: 2.25rem; }
}
@media (max-width: 680px){
  .dosi-testimonials{ padding: 92px 18px 98px; }
}

/* =========================================================
   LOCATIONS (#locations)
   ========================================================= */
.dosi-locations{
  position: relative;
  padding: 110px 22px 115px;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color: var(--dosi-text);
  background:
    radial-gradient(900px 420px at 20% 25%, rgba(212,175,55,.12), transparent 60%),
    radial-gradient(900px 420px at 85% 70%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #070707 0%, #0b0b0b 100%);
}
.dosi-locations::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background: linear-gradient(180deg, var(--dosi-seam) 0%, rgba(7,7,7,0) 16%, rgba(7,7,7,0) 84%, var(--dosi-seam) 100%);
  opacity: .95;
  z-index: 0;
}
.dosi-l-wrap{
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 18px;
  align-items: stretch;
}
.dosi-l-panel{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.20);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  box-shadow: var(--dosi-shadow);
  padding: 26px 22px;
  opacity:0;
  transform: translateY(18px);
  filter: blur(10px);
}
.dosi-l-kicker{
  display:inline-flex; align-items:center; gap:12px;
  font-size: 11px; letter-spacing: 4px; text-transform: uppercase;
  color: rgba(255,255,255,.72);
  margin-bottom: 12px;
  opacity:0; transform: translateY(10px);
}
.dosi-l-kicker:before{
  content:""; width:44px; height:1px;
  background: linear-gradient(90deg, var(--dosi-gold), transparent);
  opacity:.95;
}
.dosi-l-title{
  font-family:'Playfair Display', serif;
  font-size: 2.45rem;
  line-height: 1.06;
  margin: 0 0 10px;
  font-weight: 600;
  opacity:0; transform: translateY(14px);
}
.dosi-l-title span{ color: var(--dosi-gold); font-style: italic; }
.dosi-l-sub{
  margin: 0 0 18px;
  color: rgba(255,255,255,.78);
  font-weight: 300;
  line-height: 1.9;
  opacity:0; transform: translateY(14px);
}
.dosi-l-spot{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  transition: transform .45s ease, border-color .45s ease, background .45s ease;
  margin-bottom: 14px;
  opacity:0; transform: translateY(14px);
}
.dosi-l-spot:hover{
  transform: translateY(-4px);
  border-color: rgba(212,175,55,.22);
  background: rgba(212,175,55,.06);
}
.dosi-l-city{
  display:flex; flex-direction: column; gap: 3px;
  min-width: 0;
}
.dosi-l-city strong{
  font-weight: 500;
  letter-spacing: .2px;
  color: rgba(255,255,255,.92);
  display:flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.dosi-l-city strong em{
  font-style: normal;
  color: rgba(212,175,55,.92);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 10px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(0,0,0,.25);
  padding: 7px 9px;
  border-radius: 999px;
}
.dosi-l-city span{
  font-size: 12px;
  color: rgba(255,255,255,.62);
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.4;
}
.dosi-l-status{
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  padding: 8px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.dosi-l-ctas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  opacity:0; transform: translateY(14px);
}
.dosi-l-map{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--dosi-border);
  box-shadow: var(--dosi-shadow);
  min-height: 520px;
  background-image: url('img/locations/dosi-jamon-store.png'),
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%);
  background-size: cover, auto;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  opacity:0;
  transform: translateY(18px);
  filter: blur(10px);
}
.pin{
  position:absolute;
  width: 10px; height: 10px;
  border-radius: 10px;
  background: var(--dosi-gold);
  box-shadow:
    0 0 0 6px rgba(212,175,55,.12),
    0 0 0 14px rgba(212,175,55,.06),
    0 12px 28px rgba(0,0,0,.55);
  opacity:.95;
  animation: pinPulse 2.6s ease-in-out infinite;
}
.pin:after{
  content:"";
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 26px; height: 26px;
  border-radius: 26px;
  border: 1px solid rgba(212,175,55,.35);
  opacity:.55;
}
@keyframes pinPulse{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-2px); }
}
.pin.hungary{ left: 56%; top: 46%; }
.dosi-l-map-label{
  position:absolute;
  bottom: 16px; left: 16px; right: 16px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.18);
  background: rgba(0,0,0,.38);
  backdrop-filter: blur(10px);
  padding: 14px 14px;
  color: rgba(255,255,255,.82);
  font-weight: 300;
  line-height: 1.75;
}
.dosi-l-map-label strong{
  font-weight: 500;
  color: rgba(255,255,255,.92);
}
.dosi-l-map-label span{
  color: rgba(212,175,55,.92);
}
.dosi-locations.in-view .dosi-l-panel{ animation: dosiFadeUp 1s ease-out forwards; }
.dosi-locations.in-view .dosi-l-map{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.08s; }
.dosi-locations.in-view .dosi-l-kicker{ animation: dosiKicker .9s ease-out forwards; animation-delay:.10s; }
.dosi-locations.in-view .dosi-l-title{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.16s; }
.dosi-locations.in-view .dosi-l-sub{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.22s; }
.dosi-locations.in-view .dosi-l-spot{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.28s; }
.dosi-locations.in-view .dosi-l-ctas{ animation: dosiFadeUp 1s ease-out forwards; animation-delay:.34s; }
@media (max-width: 1020px){
  .dosi-l-wrap{ grid-template-columns: 1fr; }
  .dosi-l-title{ font-size: 2.2rem; }
  .dosi-l-map{ min-height: 320px; }
}
@media (max-width: 680px){
  .dosi-locations{ padding: 92px 18px 98px; }
}

/* =========================================================
   FOOTER / CONTACT
   ========================================================= */
.dosi-footer{
  background: var(--dosi-bg-2);
  border-top: 1px solid var(--dosi-border);
  padding: 72px 24px 32px;
}
.dosi-footer-wrap{
  max-width: 1100px;
  margin: 0 auto;
}
.dosi-footer-brand{
  text-align: center;
  margin-bottom: 48px;
}
.dosi-footer-logo{
  font-family: 'Cinzel', serif;
  font-size: 1.6rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--dosi-gold);
}
.dosi-footer-tagline{
  margin-top: 10px;
  font-size: 0.85rem;
  letter-spacing: 1px;
  color: rgba(237,237,237,.55);
}
.dosi-footer-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--dosi-border);
}
.dosi-footer-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}
.dosi-footer-icon{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(212,175,55,.30);
  border-radius: 50%;
  color: var(--dosi-gold);
  margin-bottom: 6px;
}
.dosi-footer-icon svg{
  width: 18px;
  height: 18px;
}
.dosi-footer-label{
  font-size: 0.72rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--dosi-gold);
}
.dosi-footer-link{
  color: var(--dosi-text);
  text-decoration: none;
  font-size: 0.95rem;
  transition: .3s;
}
.dosi-footer-link:hover{ color: var(--dosi-gold); }
.dosi-footer-note,
.dosi-footer-text{
  font-size: 0.82rem;
  color: rgba(237,237,237,.55);
  line-height: 1.5;
}
.dosi-footer-bottom{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 24px;
  font-size: 0.78rem;
  color: rgba(237,237,237,.45);
}
.dosi-footer-site{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(237,237,237,.55);
  text-decoration: none;
}
.dosi-footer-site:hover{ color: var(--dosi-gold); }
@media (max-width: 780px){
  .dosi-footer-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
  .dosi-footer-grid{ grid-template-columns: 1fr; }
  .dosi-footer-bottom{ flex-direction: column; text-align: center; }
}

/* =========================================================
   Reduce motion (global)
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .hero-v1-content,
  .hero-v1-title,
  .hero-v1-btn,
  .scroll-indicator,
  .wheel,
  .bocata-card,
  .menu-v5-header,
  .menu-v5-kicker,
  .menu-v5-title,
  .menu-v5-subcopy,
  .menu-v5-eyebrow,
  .bocata-media img,
  .cta-v3-kicker,
  .cta-v3-title,
  .cta-v3-sub,
  .cta-v3-cities,
  .cta-v3-divider,
  .cta-v3-ctas,
  .founders-c-header,
  .founders-c-grid,
  .founders-c-photo img,
  .dosi-kicker,
  .dosi-t-title,
  .dosi-t-sub,
  .dosi-t-actions,
  .dosi-quote,
  .dosi-l-panel,
  .dosi-l-map,
  .dosi-l-kicker,
  .dosi-l-title,
  .dosi-l-sub,
  .dosi-l-spot,
  .dosi-l-ctas,
  .journey-features,
  .journey-closing,
  .pin{
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}