
.hosp-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 26%,#073849 0%,transparent 50%),linear-gradient(130deg,#06111a,#07141c 70%);color:#f8fbfd;padding:105px 0 45px}.hosp-hero:after{content:"";position:absolute;right:-8%;top:0;width:42%;height:100%;background:linear-gradient(130deg,transparent 35%,#f9008630 58%,transparent 75%);pointer-events:none}.hosp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;z-index:1}.hosp-hero-copy h1{font-size:clamp(40px,5vw,75px);line-height:1.08;letter-spacing:-.04em;margin:23px 0}.hosp-hero-copy h1 em,.proof-section h2 em{color:#1fe1e8;font-style:normal}.hosp-lead{font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:#e4eef2;max-width:690px}.hosp-detail{color:#b3c8cf;max-width:610px;line-height:1.7}.hosp-hero-image{height:480px;position:relative;border-radius:18px;background:linear-gradient(130deg,#081d2c30,#04111b77),url('assets/hosp-hero-photo.webp') center/cover;border:1px solid #33cdd466;box-shadow:0 25px 90px #0009,0 0 40px #03d6dd22}.hosp-hero-image:after{content:"";position:absolute;inset:15px;border:1px solid #31dce644;border-radius:12px;pointer-events:none}.image-label{position:absolute;bottom:30px;left:30px;background:#06131bdb;padding:11px 16px;color:#49eff2;font-size:12px;letter-spacing:.18em}.hosp-points{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:66px;border-top:1px solid #45d6e347;padding-top:25px}.hosp-points div{display:flex;flex-direction:column;gap:8px}.hosp-points strong{color:#43e5e8;font-size:14px;letter-spacing:.14em}.hosp-points span{color:#d2e0e4;font-size:14px}.intro-block{background:#f5f8f9;padding:90px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.intro-grid h2,.section-heading h2{font-size:clamp(30px,3.3vw,48px);color:#10232d;line-height:1.16}.intro-grid p{font-size:17px;color:#475964;line-height:1.8}.hospitality-section{padding:85px 0}.tone-light{background:#edf4f5}.tone-dark{background:#081a25}.section-heading{max-width:860px;margin-bottom:34px}.section-heading p{font-size:17px;line-height:1.6;color:#536a74}.tone-dark .section-heading h2{color:#fff}.tone-dark .section-heading p{color:#bed0d5}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{padding:26px 23px;display:flex;flex-direction:column;min-height:262px;background:#fff;border:1px solid #cddfe2;border-top:3px solid #00b8c5;box-shadow:0 8px 24px #04141c0d}.tone-dark .service-card{background:#102a36;border-color:#225262;border-top-color:#f00086}.service-num{font-size:12px;letter-spacing:.16em;color:#008e9b;font-weight:800}.tone-dark .service-num{color:#46e1e7}.service-card h3{font-size:19px;line-height:1.28;margin:16px 0 8px;color:#102530}.tone-dark .service-card h3{color:#f3f9fa}.service-card p{font-size:14px;line-height:1.6;color:#526670;margin:0 0 22px}.tone-dark .service-card p{color:#bbced5}.service-card a{margin-top:auto;font-weight:750;font-size:13px;color:#008d9a;text-decoration:none}.tone-dark .service-card a{color:#53e2e7}.proof-section{background:#07141c;color:#f6fcfd;padding:100px 0}.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.proof-layout h2{font-size:clamp(32px,4vw,56px);line-height:1.15}.proof-layout p{color:#c2d4da;line-height:1.75}.proof-visual{min-height:360px;border:1px solid #1be2e655;background:radial-gradient(circle at 60% 45%,#00c7d728,transparent 60%),linear-gradient(145deg,#102b3a,#06111a);display:flex;flex-wrap:wrap;gap:13px;align-content:center;justify-content:center;padding:36px;border-radius:20px;box-shadow:0 0 60px #00ccdd13}.proof-visual span{border:1px solid #00d3de66;background:#04141bd9;color:#c5f8fb;padding:13px 15px;font-size:12px;letter-spacing:.07em}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosp-hero-grid{gap:28px}.hosp-hero-image{height:400px}}@media(max-width:720px){.hosp-hero{padding:75px 0 40px}.hosp-hero-grid,.intro-grid,.proof-layout{grid-template-columns:1fr}.hosp-hero-image{height:290px}.hosp-points{grid-template-columns:1fr;margin-top:35px}.service-grid{grid-template-columns:1fr}.hospitality-section,.intro-block,.proof-section{padding:60px 0}.hosp-hero-copy h1{font-size:43px}}


/* V2 — visually rich hospitality landing page */
.hosp-hero-image{background-image:linear-gradient(130deg,rgba(3,18,28,.14),rgba(2,10,19,.56)),url('assets/hosp-hero-photo.webp');background-position:center;background-size:cover;isolation:isolate}
.hosp-hero-image:before{content:"";position:absolute;inset:-12px;border-radius:22px;background:linear-gradient(135deg,rgba(21,227,232,.20),transparent 48%,rgba(239,15,138,.22));z-index:-1;filter:blur(14px)}
.section-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:52px;align-items:center;margin-bottom:34px}
.section-feature .section-heading{margin-bottom:0}
.feature-photo{position:relative;overflow:hidden;height:260px;border-radius:16px;border:1px solid rgba(0,204,220,.48);box-shadow:0 16px 45px rgba(0,0,0,.18);background:#08222e}
.feature-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease}
.feature-photo:hover img{transform:scale(1.045)}
.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(1,15,24,.58));pointer-events:none}
.feature-corner{position:absolute;bottom:18px;left:22px;z-index:1;color:#baf9fc;letter-spacing:.22em;font-size:11px;font-weight:800}
.tone-light .service-card{border-radius:9px}.tone-dark .service-card{border-radius:9px}
.service-card{transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.14)}
.intro-block{background:linear-gradient(120deg,#f5f8f9 0%,#eef7f8 65%,#e3f0f2 100%)}
.proof-visual{position:relative;overflow:hidden;background:#061a25;min-height:390px}
.proof-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(.8)}
.proof-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(3,21,30,.45),rgba(2,10,18,.62));z-index:1}
.proof-visual span{position:relative;z-index:2;backdrop-filter:blur(6px)}
@media(max-width:800px){.section-feature{grid-template-columns:1fr;gap:22px}.feature-photo{height:245px}.hospitality-section{padding:65px 0}}
@media(max-width:480px){.feature-photo{height:205px}.hosp-hero-image{height:290px}}
@media(prefers-reduced-motion:reduce){.feature-photo img,.service-card{transition:none}}

/* V4 — new hero photograph, six distinct topic-specific photographic sources */
.hosp-hero-image{background-image:linear-gradient(135deg,rgba(4,19,30,.04),rgba(4,15,26,.46)),url("https://www.restaurantcrissier.com/upload/img/rubrique/l/page-carriere-equipe-rub-1750277595.jpg")!important;background-position:center center;background-size:cover;}
.hosp-hero-image::before{content:"";position:absolute;inset:-9px;z-index:-1;border-radius:22px;background:linear-gradient(135deg,#13dce044,transparent 55%,#f9008833);filter:blur(13px)}
.feature-photo{background:linear-gradient(135deg,#163442,#0b2431);}
.feature-photo img{filter:none!important;object-position:center;image-rendering:auto;}
.feature-photo:after{background:linear-gradient(180deg,transparent 72%,rgba(3,17,26,.48));}
.proof-visual img{filter:none!important;opacity:.62;}

/* V2.3.2: interactive service cards; preserve approved brand styles */
.service-grid .service-card[data-card-link]{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-grid .service-card[data-card-link]:hover,.service-grid .service-card[data-card-link]:focus-visible{transform:translateY(-3px);box-shadow:0 14px 32px #03131c26;border-color:#00b8c5;outline:none}
.service-grid .service-card[data-card-link] a{display:inline-flex;align-items:center;gap:7px;align-self:flex-start}
.service-grid .service-card[data-card-link] a span{transition:transform .2s ease}
.service-grid .service-card[data-card-link]:hover a span{transform:translate(3px,-2px)}
@media(prefers-reduced-motion:reduce){.service-grid .service-card[data-card-link],.service-grid .service-card[data-card-link] a span{transition:none}}

/* V2.3.5 — Hospitality landing page: full-bleed photographic hero. */
.hosp-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(850px,100svh);padding:105px 0 45px;background:#07141c!important}
.hosp-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("https://www.restaurantcrissier.com/upload/img/rubrique/l/page-carriere-equipe-rub-1750277595.jpg");background-position:center 42%;background-size:cover;background-repeat:no-repeat}
.hosp-hero::after{content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;right:0;top:0;background:linear-gradient(90deg,rgba(3,15,23,.96) 0%,rgba(3,15,23,.88) 39%,rgba(3,15,23,.55) 72%,rgba(3,15,23,.38) 100%),linear-gradient(0deg,rgba(3,15,23,.6),transparent 45%);pointer-events:none}
.hosp-hero-grid{display:block;position:relative;z-index:1}
.hosp-hero-copy{max-width:820px}
.hosp-hero-copy h1{max-width:780px}
.hosp-hero-image{display:none!important}
.hosp-points{position:relative;z-index:1;margin-top:75px}
@media(max-width:720px){.hosp-hero{min-height:auto;padding:75px 0 45px}.hosp-hero::before{background-position:60% center}.hosp-hero::after{background:linear-gradient(90deg,rgba(3,15,23,.92),rgba(3,15,23,.65)),linear-gradient(0deg,rgba(3,15,23,.55),transparent)}.hosp-hero-copy{max-width:100%}.hosp-points{margin-top:48px}}
