/* Bon Gusto Vending — cinematic photo & motion layer */
:root{
  --bg-espresso:#17120e;
  --bg-espresso-2:#241a13;
  --gold-rich:#c99348;
  --gold-soft:#e9c58c;
  --cream-photo:#f3ede3;
  --motion-ease:cubic-bezier(.2,.75,.2,1);
}

/* Header: warmer glass, calmer spacing, and a more deliberate active state */
.site-header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
.site-header.is-scrolled{background:rgba(250,247,241,.88);box-shadow:0 12px 34px rgba(25,17,10,.08);border-color:rgba(200,151,82,.25)}
.nav a:after{height:2px;transform-origin:left;transition:width .35s var(--motion-ease)}
.nav-cta{border-radius:999px!important;padding-inline:18px!important;background:rgba(201,147,72,.06)}
.nav-cta:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.brand img{transition:transform .55s var(--motion-ease)}
.brand:hover img{transform:rotate(-5deg) scale(1.05)}

/* Cinematic homepage hero: real Necta machine photography over a coffee image */
.hero{
  color:#fff8ed;
  background-color:var(--bg-espresso);
  background-image:linear-gradient(108deg,rgba(22,16,12,.97) 0%,rgba(26,18,12,.93) 44%,rgba(27,18,12,.76) 100%),url('https://images.unsplash.com/photo-1447933601403-0c6688de566e?auto=format&fit=crop&w=2200&q=90');
  background-size:cover;background-position:center 48%;
}
.hero:before{right:-12%;top:-47%;width:780px;height:780px;border:1px solid rgba(227,184,119,.2);box-shadow:0 0 0 55px rgba(227,184,119,.035),0 0 0 115px rgba(227,184,119,.025)}
.hero:after{content:"";position:absolute;left:-18%;bottom:-75%;width:690px;height:690px;border:1px solid rgba(227,184,119,.12);border-radius:50%;pointer-events:none}
.hero-grid{min-height:690px;grid-template-columns:1.02fr .98fr;gap:24px;padding-top:48px;padding-bottom:70px;z-index:1}
.hero-copy{padding-block:36px 45px;position:relative;z-index:2}
.hero-copy .eyebrow{color:var(--gold-soft)}
.hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(3.9rem,6.8vw,6.6rem);font-weight:850;letter-spacing:-.085em;line-height:.92;margin:23px 0 27px;max-width:730px}
.hero h1 em{font-family:Georgia,serif;font-weight:500;letter-spacing:-.06em;color:var(--gold-soft)}
.hero-copy .lead{color:rgba(255,248,237,.76);max-width:570px;font-size:1.04rem;line-height:1.85}
.hero-actions{gap:13px;margin-top:34px}
.hero .btn-primary{background:var(--gold-soft);color:#1c140e;border-color:var(--gold-soft);border-radius:999px;padding:15px 23px;box-shadow:0 12px 28px rgba(201,147,72,.2)}
.hero .btn-primary:hover{background:#f4d8ad;border-color:#f4d8ad;color:#1b140e;transform:translateY(-4px);box-shadow:0 18px 35px rgba(201,147,72,.26)}
.hero .btn-outline{color:#fff4e4;border-color:rgba(255,244,228,.35);border-radius:999px;padding:15px 23px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.hero .btn-outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,244,228,.7);color:white}
.hero-meta{border-color:rgba(255,255,255,.16);gap:23px}
.hero-meta>div{min-width:110px}
.hero-meta strong{font-family:Inter,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.06em;color:#fff5e7}
.hero-meta span{font-size:.68rem;color:rgba(255,245,231,.58);line-height:1.5;display:block;max-width:135px}
.hero-machine-stage{min-height:545px;perspective:1300px;isolation:isolate}
.hero-machine-stage:before{width:510px;height:510px;right:2%;background:radial-gradient(circle,rgba(227,184,119,.2),rgba(227,184,119,.055) 49%,transparent 70%);border:1px solid rgba(227,184,119,.17);box-shadow:0 0 0 35px rgba(227,184,119,.025)}
.hero-machine-stage:after{content:"";position:absolute;width:465px;height:465px;border:1px dashed rgba(235,203,157,.2);border-radius:50%;animation:slowOrbit 48s linear infinite;pointer-events:none}
.hero-machine-card{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#fffdf9,#f1e9dc);border:1px solid rgba(255,255,255,.8);border-radius:25px;box-shadow:0 30px 75px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.55);transform-style:preserve-3d;transition:transform .5s var(--motion-ease),box-shadow .5s ease}
.hero-machine-main{z-index:2;left:7%;top:4%;width:54%;height:82%;padding:35px 24px 22px;transform:rotateY(-8deg) rotateZ(-2.5deg) translateZ(35px);animation:machineFloat 7s ease-in-out infinite}
.hero-machine-side{z-index:3;right:0;bottom:8%;width:44%;height:62%;padding:35px 18px 18px;transform:rotateY(-6deg) rotateZ(3.5deg) translateZ(70px);animation:machineFloatSide 8s ease-in-out infinite}
.hero-machine-card img{width:100%;height:100%;max-height:none;object-fit:contain;position:relative;filter:drop-shadow(0 10px 12px rgba(20,14,8,.08));mix-blend-mode:multiply}
.photo-label{position:absolute;left:15px;top:13px;z-index:2;font-size:.53rem;font-weight:850;letter-spacing:.15em;color:#7c592e;background:rgba(255,255,255,.78);border:1px solid rgba(138,98,47,.15);border-radius:999px;padding:7px 10px}
.visual-note{z-index:4;right:2%;bottom:0;background:rgba(255,250,241,.94);border:1px solid rgba(255,255,255,.7);border-left:3px solid var(--gold-rich);border-radius:13px;padding:15px 18px;max-width:210px;box-shadow:0 18px 45px rgba(0,0,0,.2);animation:noteFloat 5s ease-in-out infinite}
.visual-note strong{font-family:Inter,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:-.035em;color:#22170f}
.visual-note span{font-size:.68rem;line-height:1.5;color:#756657;display:block;margin-top:3px}

/* Horizontal proof strip */
.trust-strip{background:#fffdfa}
.trust-item{transition:background .35s ease,transform .35s var(--motion-ease)}
.trust-item:hover{background:#fbf5eb;transform:translateY(-3px)}
.trust-icon{transition:transform .45s var(--motion-ease),background .35s ease}
.trust-item:hover .trust-icon{transform:rotate(-10deg) scale(1.08);background:#eddbbd}
.marquee-band{overflow:hidden;background:#d3a15c;color:#21160d;padding:14px 0;white-space:nowrap;position:relative}
.marquee-track{display:flex;align-items:center;gap:34px;width:max-content;animation:marqueeTravel 34s linear infinite}
.marquee-track span{font-size:.66rem;letter-spacing:.21em;font-weight:900}
.marquee-track i{font-style:normal;font-size:.9rem;opacity:.7}
.marquee-band:hover .marquee-track{animation-play-state:paused}

/* Photographic cards */
.feature-card{padding:0 25px 26px;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(35,25,13,.035);transition:transform .55s var(--motion-ease),box-shadow .55s ease,border-color .35s ease}
.feature-card:hover{transform:translateY(-10px);box-shadow:0 26px 55px rgba(35,25,13,.12);border-color:#d9c49e}
.feature-media{height:170px;margin:0 -25px 20px;overflow:hidden;position:relative;background:#eee5d8}
.feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,21,13,.18),transparent 48%);pointer-events:none}
.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--motion-ease),filter .6s ease}
.feature-media-product{background:linear-gradient(135deg,#f4eee5,#e6d8c4)}
.feature-media-product img{object-fit:contain;padding:13px;mix-blend-mode:multiply}
.feature-card:hover .feature-media img{transform:scale(1.065)}
.feature-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800;color:#916326;background:#f6eddf}
.feature-card h3{margin-top:15px;font-family:Inter,sans-serif;font-size:1.18rem;font-weight:800;letter-spacing:-.045em}
.feature-card p{font-size:.84rem;line-height:1.8}
.text-link{transition:gap .3s ease,color .3s ease}
.text-link:hover{gap:14px}
.split-visual{border-radius:22px;box-shadow:0 25px 70px rgba(35,25,13,.13);isolation:isolate}
.split-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,15,10,.44),transparent 62%);pointer-events:none}
.split-visual img{transition:transform 1.3s var(--motion-ease);will-change:transform}
.split-visual:hover img{transform:scale(1.06)}
.split-note{z-index:2;border-radius:11px;backdrop-filter:blur(10px);background:rgba(255,253,249,.94)}

/* Product gallery: true model photos in clear, premium frames */
.machine-grid{align-items:stretch;gap:25px}
.machine-card-photo{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 45px rgba(35,25,13,.06);transition:transform .6s var(--motion-ease),box-shadow .6s ease}
.machine-card-photo:hover{transform:translateY(-9px);box-shadow:0 30px 70px rgba(35,25,13,.15)}
.machine-photo{height:410px;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f4eee5 68%,#e9dfd0 100%);position:relative;overflow:hidden;display:grid;place-items:center;padding:25px}
.machine-photo:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid rgba(187,139,68,.18);box-shadow:0 0 0 27px rgba(187,139,68,.04),0 0 0 55px rgba(187,139,68,.025)}
.machine-photo img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;mix-blend-mode:multiply;transition:transform 1s var(--motion-ease)}
.machine-card-photo:hover .machine-photo img{transform:scale(1.055) translateY(-3px)}
.machine-photo-caption{position:absolute;left:20px;bottom:18px;z-index:2;background:rgba(255,253,249,.9);border:1px solid rgba(160,119,62,.2);border-radius:999px;padding:8px 12px;font-size:.55rem;font-weight:900;letter-spacing:.16em;color:#79562d;backdrop-filter:blur(10px)}
.machine-card-photo .machine-top{background:#241a13;color:#fff5e7;min-height:195px}
.machine-card-photo .machine-top .machine-tag{color:#dfb979}
.machine-card-photo .machine-top h2{color:#fff5e7}
.machine-card-photo .machine-top>span:last-child{color:#d1c1ab}
.machine-card-photo .machine-top:before{display:none}
.machine-card-photo .machine-top:after{border-color:rgba(225,185,121,.3)}
.machine-card-photo .machine-body{padding:29px 31px 32px}

/* Full-width photo moments on Services and References pages */
.service-photo-band,.references-photo-band{padding:4px 0 32px;background:var(--paper)}
.service-photo,.references-photo{min-height:420px;border-radius:26px;overflow:hidden;position:relative;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:end;padding:clamp(28px,5vw,65px);isolation:isolate;box-shadow:0 25px 65px rgba(31,22,13,.13)}
.service-photo:before,.references-photo:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,15,10,.83),rgba(21,15,10,.22) 85%)}
.service-photo{background-image:var(--photo)}
.service-photo h2{max-width:590px;color:#fff7ec;font-family:Inter,sans-serif;font-weight:820;font-size:clamp(2.2rem,4.5vw,4.2rem);letter-spacing:-.075em;line-height:.98;margin:17px 0 0}
.service-photo .eyebrow{color:#e7c28c}
.references-photo{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=88')}
.references-photo span{color:#fff8ec;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);max-width:680px;line-height:1.05;position:relative;z-index:1}

/* Contact: photographic anchor and illuminated contact panel */
.contact-panel{position:relative;overflow:hidden;isolation:isolate}
.contact-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(25,17,11,.12),rgba(25,17,11,.92) 42%),url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1000&q=85') center 35%/cover;opacity:.6}
.contact-photo{height:165px;border-radius:15px;margin-bottom:27px;background:url('https://images.unsplash.com/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=1000&q=85') center 48%/cover;box-shadow:inset 0 -35px 45px rgba(20,13,8,.24);border:1px solid rgba(255,255,255,.15)}
.contact-panel h2{font-size:clamp(2.15rem,3vw,2.8rem)}
.contact-form{transition:transform .5s var(--motion-ease),box-shadow .5s ease}
.contact-form:focus-within{box-shadow:0 24px 65px rgba(40,29,15,.11);transform:translateY(-3px)}
.field input,.field textarea,.field select{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.field input:focus,.field textarea:focus,.field select:focus{transform:translateY(-1px)}

/* Global motion: mask reveals, page entry/exit and depth */
html.motion-ready body{animation:pageFadeIn .7s var(--motion-ease) both}
html.page-leaving body{opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}
[data-reveal]{transition-duration:1s;transition-timing-function:var(--motion-ease)}
.image-reveal{clip-path:inset(0 0 0 0 round 22px)}
.image-reveal img{transform:scale(1.09);transition:transform 1.4s var(--motion-ease)}
.image-reveal.is-image-visible img{transform:scale(1)}
.machine-card-photo[data-reveal],.feature-card[data-reveal]{will-change:transform,opacity}
.hero-machine-card{will-change:transform}
.hero-machine-main{transform:translate3d(var(--card-x,0),var(--card-y,0),0) rotateY(calc(-8deg + var(--tilt-y,0deg))) rotateZ(-2.5deg) translateZ(35px)}
.hero-machine-side{transform:translate3d(calc(var(--card-x,0) * -1.25),calc(var(--card-y,0) * -1.1),0) rotateY(calc(-6deg - var(--tilt-y,0deg))) rotateZ(3.5deg) translateZ(70px)}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes slowOrbit{to{transform:rotate(360deg)}}
@keyframes machineFloat{0%,100%{margin-top:0}50%{margin-top:-11px}}
@keyframes machineFloatSide{0%,100%{margin-bottom:0}50%{margin-bottom:13px}}
@keyframes marqueeTravel{to{transform:translateX(-50%)}}

/* Tablet and mobile tuning */
@media(max-width:1100px){
 .hero-grid{min-height:650px;grid-template-columns:1fr .95fr;gap:5px}
 .hero h1{font-size:clamp(3.5rem,6.8vw,5.7rem)}
 .hero-machine-stage{min-height:485px}
 .hero-machine-main{left:4%;width:57%;height:79%}
 .hero-machine-side{width:45%;height:59%;right:-1%}
 .hero-machine-card{border-radius:20px}
 .machine-photo{height:360px}
}
@media(max-width:800px){
 .hero{background-position:58% center}
 .hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:35px;padding-bottom:58px}
 .hero-copy{padding:44px 0 0}
 .hero h1{font-size:clamp(3.65rem,11vw,5.2rem)}
 .hero-machine-stage{width:min(100%,600px);min-height:470px;margin:2px auto 0}
 .hero-machine-stage:before{width:360px;height:360px}
 .hero-machine-stage:after{width:330px;height:330px}
 .hero-machine-main{left:8%;top:1%;width:53%;height:80%;padding:31px 19px 18px}
 .hero-machine-side{right:4%;bottom:8%;width:43%;height:58%;padding:31px 15px 14px}
 .visual-note{right:3%;bottom:0}
 .service-photo,.references-photo{min-height:345px;background-attachment:scroll}
 .machine-photo{height:345px}
}
@media(max-width:520px){
 .hero-grid{padding-top:20px;padding-bottom:45px}
 .hero-copy{padding-top:36px}
 .hero h1{font-size:clamp(3.1rem,13vw,4.3rem);letter-spacing:-.08em}
 .hero-copy .lead{font-size:.91rem}
 .hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;padding-top:19px}
 .hero-meta>div{min-width:0;padding:0 8px}
 .hero-meta strong{font-size:1.25rem}
 .hero-meta span{font-size:.58rem}
 .hero-machine-stage{min-height:345px;margin-top:12px}
 .hero-machine-stage:before{width:280px;height:280px}
 .hero-machine-stage:after{width:260px;height:260px}
 .hero-machine-main{left:3%;top:2%;width:55%;height:79%;padding:26px 12px 12px;border-radius:15px}
 .hero-machine-side{right:0;bottom:9%;width:45%;height:59%;padding:24px 10px 10px;border-radius:15px}
 .photo-label{font-size:.42rem;left:8px;top:8px;padding:5px 7px}
 .visual-note{right:0;bottom:0;max-width:155px;padding:10px 12px;border-radius:10px}
 .visual-note strong{font-size:.76rem}.visual-note span{font-size:.58rem}
 .marquee-band{padding:11px 0}.marquee-track{gap:22px}.marquee-track span{font-size:.56rem}
 .feature-media{height:145px}
 .machine-photo{height:295px;padding:18px}
 .machine-photo:before{width:210px;height:210px}
 .machine-card-photo .machine-body{padding:23px}
 .service-photo,.references-photo{min-height:300px;padding:25px;border-radius:18px}
 .contact-photo{height:130px}
}
@media(prefers-reduced-motion:reduce){
 html.motion-ready body{animation:none}
 .marquee-track,.hero-machine-stage:after,.hero-machine-main,.hero-machine-side,.visual-note{animation:none!important}
 .hero-machine-card,.feature-media img,.split-visual img,.machine-photo img{transition:none!important}
 [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
 .image-reveal img{transform:none!important}
}


/* WhatsApp: persistent floating contact action */
.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  overflow:hidden;
  border:3px solid rgba(255,255,255,.98);
  border-radius:999px;
  background:#25D366;
  color:#fff;
  box-shadow:0 10px 28px rgba(17,91,49,.32),0 0 0 0 rgba(37,211,102,.35);
  transition:width .38s cubic-bezier(.2,.75,.2,1),transform .3s ease,box-shadow .3s ease,background .3s ease;
  animation:whatsappPulse 3.2s ease-out infinite;
  -webkit-tap-highlight-color:transparent;
}
.whatsapp-float:hover,.whatsapp-float:focus-visible{
  width:184px;
  color:#fff;
  background:#20bf5b;
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(17,91,49,.38),0 0 0 7px rgba(37,211,102,.12);
}
.whatsapp-float:focus-visible{outline:3px solid #1b5e39;outline-offset:5px}
.whatsapp-logo{display:block;flex:0 0 31px;width:31px;height:31px;color:#fff}
.whatsapp-label{
  flex:0 0 auto;
  max-width:0;
  overflow:hidden;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-5px);
  font:750 .83rem/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.005em;
  transition:max-width .38s ease,opacity .25s ease,transform .38s ease;
}
.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{
  max-width:112px;
  opacity:1;
  transform:translateX(0);
}
@keyframes whatsappPulse{
  0%{box-shadow:0 10px 28px rgba(17,91,49,.32),0 0 0 0 rgba(37,211,102,.34)}
  65%{box-shadow:0 10px 28px rgba(17,91,49,.32),0 0 0 12px rgba(37,211,102,0)}
  100%{box-shadow:0 10px 28px rgba(17,91,49,.32),0 0 0 0 rgba(37,211,102,0)}
}
@media(max-width:520px){
  .whatsapp-float{right:16px;bottom:16px;width:56px;height:56px;border-width:2px}
  .whatsapp-float:hover,.whatsapp-float:focus-visible{width:56px;transform:translateY(-3px)}
  .whatsapp-logo{width:29px;height:29px;flex-basis:29px}
  .whatsapp-label{display:none}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-float{animation:none;transition:none}
  .whatsapp-label{transition:none}
}


/* WhatsApp stays beside the visitor while the page scrolls (viewport-centred). */
.whatsapp-float{
  position:fixed !important;
  top:50% !important;
  right:22px !important;
  bottom:auto !important;
  z-index:99999 !important;
  transform:translateY(-50%);
  width:62px;
  min-width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:0 15px;
  overflow:hidden;
  border:3px solid #fff;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  box-shadow:0 13px 34px rgba(18,50,31,.32),0 0 0 0 rgba(37,211,102,.32);
  animation:whatsappPulse 3.2s ease-out infinite;
  transition:width .35s cubic-bezier(.2,.75,.2,1),transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.whatsapp-float:hover,.whatsapp-float:focus-visible{
  width:190px;
  color:#fff;
  background:#1fbd5a;
  transform:translateY(calc(-50% - 3px));
  box-shadow:0 18px 38px rgba(18,50,31,.38),0 0 0 7px rgba(37,211,102,.12);
}
.whatsapp-logo{width:31px;height:31px;flex:0 0 31px;color:#fff;display:block}
.whatsapp-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translateX(-5px);font:750 .83rem/1 Inter,ui-sans-serif,system-ui,sans-serif;transition:max-width .35s ease,opacity .22s ease,transform .35s ease}
.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{max-width:120px;opacity:1;transform:translateX(0)}
.whatsapp-float:focus-visible{outline:3px solid #14532d;outline-offset:5px}

/* Additional editorial photo gallery */
.photo-gallery-section{padding:92px 0;background:#f5efe5;overflow:hidden}
.photo-gallery-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-template-rows:230px 190px;gap:15px}
.photo-gallery-card{position:relative;overflow:hidden;border-radius:18px;background:#d9c8ad;isolation:isolate;box-shadow:0 13px 34px rgba(35,25,13,.08)}
.photo-gallery-card:first-child{grid-row:1 / span 2}
.photo-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .65s ease;filter:saturate(.88)}
.photo-gallery-card:hover img{transform:scale(1.07);filter:saturate(1.05)}
.photo-gallery-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(19,14,10,.72));z-index:1}
.photo-gallery-card figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:17px;color:#fff;font-weight:750;font-size:.85rem;letter-spacing:.02em}
.photo-gallery-card figcaption small{display:block;color:#f0d6ac;font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px}

/* Reference logos and typographic identities */
.reference-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.reference-logo-card{min-height:166px;padding:20px 18px 17px;background:#fff;border:1px solid #e9e0d4;border-radius:17px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:0 7px 23px rgba(42,31,18,.035);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.reference-logo-card:hover{transform:translateY(-6px);border-color:#d4b27d;box-shadow:0 19px 38px rgba(42,31,18,.10)}
.reference-logo-mark{height:76px;display:flex;align-items:center;justify-content:center;padding:6px;min-width:0}
.reference-logo-mark img{max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain}
.reference-logo-mark .wordmark{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;text-align:center;color:#2c241b;line-height:1.05}
.reference-logo-mark .wordmark b{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.28rem;font-weight:850;letter-spacing:-.045em}
.reference-logo-mark .wordmark small{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9a713b}
.reference-logo-mark .wordmark.cvr b{font-family:Georgia,serif;font-size:2.15rem;letter-spacing:.08em;color:#37677f}
.reference-logo-mark .wordmark.cik b{font-family:Georgia,serif;font-size:2.1rem;letter-spacing:.08em;color:#9c7743}
.reference-logo-mark .wordmark.vallee b{font-family:Georgia,serif;font-size:1.42rem;font-weight:600;color:#34423a;letter-spacing:.015em}
.reference-logo-mark .wordmark.ministere b{font-size:.95rem;letter-spacing:.08em;line-height:1.2}
.reference-logo-mark .wordmark.airport b{font-size:1.02rem;letter-spacing:.06em;color:#1c5278}
.reference-logo-mark .wordmark.two-d b{font-size:2rem;color:#af7c35;letter-spacing:-.1em}
.reference-logo-card strong{font-size:.83rem;line-height:1.35;color:#2b2118}
.reference-logo-card .reference-type{font-size:.58rem;color:#9b7440;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.reference-logo-card.is-dark{background:#211a14;border-color:#403326}
.reference-logo-card.is-dark strong{color:#fff5e7}
.reference-logo-card.is-dark .reference-type{color:#d6b47f}
.reference-logo-card .reference-caption{display:flex;flex-direction:column;gap:5px}
.logo-usage-note{margin-top:24px;padding:15px 18px;border:1px solid #e8d9c0;background:#f8f1e6;border-radius:12px;color:#72604b;font-size:.78rem;line-height:1.7}
.client-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.client-logo-mini{min-height:115px;padding:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.15);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.client-logo-mini:hover{transform:translateY(-5px);border-color:rgba(224,184,119,.52);background:rgba(214,170,103,.1)}
.client-logo-mini img{max-width:100%;max-height:42px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.9}
.client-logo-mini b{font-size:.74rem;line-height:1.25;color:#fff5e7}
.client-logo-mini small{font-size:.57rem;color:#d7c2a1;letter-spacing:.12em;text-transform:uppercase}
.client-logo-mini .mini-wordmark{font-size:1.02rem;font-weight:900;letter-spacing:-.04em;color:#e5c28b}

@media(max-width:900px){
 .reference-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .photo-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 170px}
 .photo-gallery-card:first-child{grid-row:auto;grid-column:1 / span 2}
 .client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 .whatsapp-float{right:10px !important;top:52% !important;bottom:auto !important;width:55px;min-width:55px;height:55px;padding:0 11px;border-width:2px;transform:translateY(-50%)}
 .whatsapp-float:hover,.whatsapp-float:focus-visible{width:55px;transform:translateY(calc(-50% - 2px))}
 .whatsapp-logo{width:29px;height:29px;flex-basis:29px}
 .whatsapp-label{display:none}
 .photo-gallery-section{padding:65px 0}
 .photo-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 135px 135px;gap:9px}
 .photo-gallery-card:first-child{grid-column:1 / span 2}
 .photo-gallery-card figcaption{left:13px;right:13px;bottom:12px;font-size:.72rem}
 .reference-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .reference-logo-card{min-height:145px;padding:14px 12px}
 .reference-logo-mark{height:65px}
 .reference-logo-card strong{font-size:.74rem}
 .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .whatsapp-float{animation:none;transition:none}
 .photo-gallery-card img,.reference-logo-card,.client-logo-mini{transition:none}
}

/* Recognizable logos on the dark client-reference strip */
.client-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.client-logo-mini .brand-logo-light{max-width:min(100%,156px);max-height:43px;object-fit:contain;filter:none;opacity:1;background:#fff;border-radius:6px;padding:4px 8px;box-sizing:border-box}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Critical fixed-position correction:
   The previous page entrance animation transformed <body>. Any transformed ancestor
   becomes the containing block for position:fixed descendants, making the WhatsApp
   control behave like it was anchored halfway down the document. Keep body motion
   opacity-only so the control remains attached to the browser viewport. */
@keyframes pageFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
html.motion-ready body {
  animation: pageFadeIn .7s var(--motion-ease) both;
}
html.page-leaving body {
  opacity: 0;
  transform: none !important;
  transition: opacity .28s ease;
}

/* Viewport-fixed WhatsApp contact: stays beside the visitor during page scroll. */
.whatsapp-float {
  position: fixed !important;
  top: 50vh !important;
  top: 50dvh !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483000 !important;
  transform: translateY(-50%) !important;
  will-change: auto;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible {
  transform: translateY(calc(-50% - 3px)) !important;
}
@media (max-width: 600px) {
  .whatsapp-float {
    top: 50vh !important;
    top: 50dvh !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    width: 55px;
    min-width: 55px;
    height: 55px;
    padding: 0 11px;
    transform: translateY(-50%) !important;
  }
  .whatsapp-float:hover,
  .whatsapp-float:focus-visible {
    width: 55px;
    transform: translateY(calc(-50% - 2px)) !important;
  }
}


/* Homepage — larger Necta machine photography in the “Nos solutions” section.
   Scoped to this section only; card copy and all other layouts remain unchanged. */
.home-solutions-section .cards-3{align-items:stretch;gap:20px}
.home-solutions-section .feature-media{height:220px}
.home-solutions-section .feature-card:nth-child(-n+2) .feature-media{
  height:clamp(320px,29vw,390px);
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse at 50% 46%,#fffdf9 0%,#f4ecdf 64%,#e8dbc9 100%);
}
.home-solutions-section .feature-card:nth-child(-n+2) .feature-media:after{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 72%);
}
.home-solutions-section .feature-card:nth-child(-n+2) .feature-media img{
  width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
  padding:22px 25px 25px;
  mix-blend-mode:multiply;
  transform:scale(1.06);
  transition:transform .85s cubic-bezier(.2,.75,.25,1),filter .55s ease;
}
.home-solutions-section .feature-card:nth-child(-n+2):hover .feature-media img{
  transform:scale(1.11) translateY(-3px);
}
.home-solutions-section .feature-card:nth-child(3) .feature-media{height:220px}
@media(max-width:900px){
  .home-solutions-section .feature-card:nth-child(-n+2) .feature-media{height:clamp(330px,47vw,390px)}
}
@media(max-width:520px){
  .home-solutions-section .feature-media{height:195px}
  .home-solutions-section .feature-card:nth-child(-n+2) .feature-media{height:clamp(275px,78vw,330px)}
  .home-solutions-section .feature-card:nth-child(-n+2) .feature-media img{padding:17px 18px 20px;transform:scale(1.04)}
  .home-solutions-section .feature-card:nth-child(-n+2):hover .feature-media img{transform:scale(1.07)}
  .home-solutions-section .feature-card:nth-child(3) .feature-media{height:195px}
}
@media(prefers-reduced-motion:reduce){
  .home-solutions-section .feature-card:nth-child(-n+2) .feature-media img{transition:none;transform:none}
}


/* Three-model Necta catalogue: preserve the approved layout while giving each
   machine equal visual weight in the homepage and solutions page. */
.home-solutions-section .feature-card:nth-child(-n+3) .feature-media {
  height: clamp(290px, 25vw, 350px);
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at 50% 46%, #fffdf9 0%, #f4ecdf 64%, #e8dbc9 100%);
}
.home-solutions-section .feature-card:nth-child(-n+3) .feature-media:after {
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 72%);
}
.home-solutions-section .feature-card:nth-child(-n+3) .feature-media img {
  width: 100%; height: 100%; max-height: 100%; object-fit: contain;
  padding: 20px 22px 24px; mix-blend-mode: multiply;
  transform: scale(1.04);
  transition: transform .85s cubic-bezier(.2,.75,.25,1), filter .55s ease;
}
.home-solutions-section .feature-card:nth-child(-n+3):hover .feature-media img {
  transform: scale(1.09) translateY(-3px);
}
.machine-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.machine-grid-three > .machine-card { min-width: 0; }
.machine-grid-three .machine-photo { height: clamp(300px, 28vw, 365px); padding: 22px; }
.machine-grid-three .machine-photo img { object-fit: contain; }
.machine-grid-three .machine-top { min-height: 190px; }
.machine-grid-three .machine-body { padding: 22px 23px 26px; }
.machine-grid-three .machine-footnote { margin: 12px 0 0; font-size: .74rem; color: #85796c; line-height: 1.55; }
@media (max-width: 1100px) {
  .machine-grid-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .machine-grid-three { grid-template-columns: 1fr; }
  .machine-grid-three .machine-photo { height: clamp(310px, 72vw, 390px); }
  .home-solutions-section .feature-card:nth-child(-n+3) .feature-media { height: clamp(275px, 78vw, 340px); }
}
@media (prefers-reduced-motion: reduce) {
  .home-solutions-section .feature-card:nth-child(-n+3) .feature-media img { transition: none; transform: none; }
}