.brand{
  width:auto;
  gap:.48rem;
  color:var(--olive);
  font-family:var(--serif);
  font-size:1.22rem;
  letter-spacing:.26em;
}

.brand img{
  content:url("assets/images/sobre-mesa-mark-green.png");
  width:27px;
  height:34px;
  object-fit:contain;
  mix-blend-mode:normal;
}

.footer-brand{width:auto;color:white}
.footer-brand img{filter:brightness(0) invert(1);mix-blend-mode:normal}
.card-brand img{content:url("assets/images/sobre-mesa-mark-green.png")}
.final-gift img{content:url("assets/images/sobre-mesa-mark-green.png");filter:brightness(0) invert(1)!important}

.experience-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}

.experience-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.experience-card img,
.experience-card.featured img{
  height:360px;
}

.experience-card .card-content{
  display:flex;
  flex:1;
  flex-direction:column;
}

.experience-card .card-content a{
  margin-top:auto;
  align-self:flex-start;
}

.desktop-nav{gap:1.55rem}
.pantry{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:var(--ivory)}
.pantry-image{height:620px}
.pantry-copy{padding-right:4vw}
.pantry-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;margin-bottom:2rem}

.manifesto-image img{
  object-position:center top;
}

.pantry-image img{
  object-position:center 48%;
}

.hero-film,
.hero-poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-film{z-index:1}
.hero-poster{z-index:0}
.hero-film:not([data-ready]){display:none}

.film-label{
  position:absolute;
  right:25px;
  bottom:25px;
  z-index:3;
  background:rgba(255,253,248,.92);
  padding:.9rem 1.2rem;
  font:600 .68rem var(--sans);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.mission-band{
  display:grid;
  grid-template-columns:170px 1fr;
  align-items:center;
  gap:2rem;
  padding:3.2rem 4.2vw;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}

.mission-band span{
  color:var(--brass);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.mission-band p{
  margin:0;
  font:400 clamp(2rem,3.5vw,4rem)/1.05 var(--serif);
  color:var(--olive);
}

.experience-journey{grid-template-columns:repeat(4,1fr)}
.footer-mission{font:400 clamp(1.8rem,2.7vw,3rem)/1.05 var(--serif);color:white;margin-bottom:1rem}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.confirmation-page{min-height:100vh;background:var(--ivory);padding:3rem 6vw;display:flex;flex-direction:column;gap:12vh}.confirmation-page>div{max-width:820px;margin:auto}.confirmation-page h1{font:400 clamp(4rem,8vw,8rem)/.92 var(--serif);margin:0 0 2rem}.confirmation-page h1 em{font-weight:400;color:var(--brass)}.confirmation-page>div>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.1rem;margin-bottom:2rem}
.home-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:var(--paper)}.faq-intro{position:sticky;top:120px;align-self:start}.faq-intro>p:last-child{color:var(--muted);max-width:520px}.faq-cards details{border-top:1px solid var(--line);padding:1.6rem 0}.faq-cards details:last-child{border-bottom:1px solid var(--line)}.faq-cards summary{cursor:pointer;list-style:none;font:400 1.7rem var(--serif);display:flex;justify-content:space-between;gap:1rem}.faq-cards summary::-webkit-details-marker{display:none}.faq-cards summary:after{content:"+";color:var(--brass)}.faq-cards details[open] summary:after{content:"−"}.faq-cards details p{color:var(--muted);max-width:650px;margin:1rem 3rem 0 0}
.home-reviews{background:var(--ivory)}.review-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:4rem}.review-heading h2{margin-bottom:0}.review-score{text-align:right}.review-score strong{display:block;font:400 4.8rem/1 var(--serif);color:var(--olive)}.review-score span,.review-grid span{color:var(--brass);letter-spacing:.12em}.review-score p{color:var(--muted);margin:.4rem 0 0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.review-grid blockquote{margin:0;padding:2.7rem;border-right:1px solid var(--line);background:var(--paper)}.review-grid blockquote:last-child{border-right:0}.review-grid p{font:400 1.45rem/1.45 var(--serif);margin:1.5rem 0}.review-grid cite{font-style:normal;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--muted)}.review-actions{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}
.whatsapp-float{position:fixed;right:1.4rem;bottom:1.4rem;z-index:60;display:flex;align-items:center;gap:.55rem;background:#245b43;color:#fff;border-radius:999px;padding:.85rem 1.1rem;box-shadow:0 14px 35px #14251b40;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.whatsapp-float span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:1px solid #ffffffaa;border-radius:50%;font-size:1rem}.whatsapp-float:hover{transform:translateY(-2px)}

@media(max-width:1000px){
  .experience-grid{grid-template-columns:1fr 1fr}
  .experience-card:first-child{grid-column:span 2}
  .pantry{grid-template-columns:1fr}.pantry-image{height:65vw;min-height:480px}.pantry-copy{padding:1rem 2vw 0}
  .home-faq{grid-template-columns:1fr;gap:3rem}.faq-intro{position:static}.review-heading{align-items:flex-start;flex-direction:column}.review-score{text-align:left}.review-grid{grid-template-columns:1fr}.review-grid blockquote{border-right:0;border-bottom:1px solid var(--line)}
}

@media(max-width:650px){
  .brand{font-size:.92rem;letter-spacing:.19em;gap:.3rem}
  .brand img{width:22px;height:28px}
  .experience-grid{grid-template-columns:1fr}
  .experience-card:first-child{grid-column:auto}
  .experience-card img,
  .experience-card.featured img{height:72vw}
  .pantry-image{height:95vw;min-height:0}
  .mission-band{grid-template-columns:1fr;gap:.8rem;padding:2.5rem 6vw}
  .experience-journey{grid-template-columns:1fr 1fr;gap:0}
  .experience-journey p{padding:1rem .4rem;border-bottom:1px solid var(--line)}
  .film-label{right:14px;bottom:14px;font-size:.57rem;padding:.7rem .8rem}
  .whatsapp-float{right:.8rem;bottom:.8rem;padding:.8rem}.whatsapp-float b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

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