@charset "UTF-8";

/* Source conservée : assets/css/main.css */

:root{--navy:#0a2d45;--deep:#062237;--red:#d80618;--sand:#f5f1eb;--pale:#eef4f7;--ink:#1a3545;--muted:#526773;--line:#dce4e8;--max:1240px;--header:92px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:#fff}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.12;color:var(--navy);text-wrap:balance}h1{font-size:clamp(2.35rem,4vw,3.65rem);letter-spacing:-.035em}h2{font-size:clamp(1.9rem,2.6vw,2.7rem);letter-spacing:-.025em}h3{font-size:1.12rem;line-height:1.35;color:var(--navy)}p{margin-top:1rem}p:first-child{margin-top:0}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,summary{font:inherit}button{cursor:pointer;color:var(--navy)}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e79f34;outline-offset:5px}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:76px 0}.section h2+.prose{margin-top:22px}.section h2+.cards,.section h2+.product-grid{margin-top:32px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--red);margin:0 0 18px}.prose p+p{margin-top:1.05em}.prose{max-width:75ch}.prose+h3{margin-top:30px}.prose+.button{margin-top:25px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid var(--red);border-radius:5px;background:var(--red);color:#fff;font-size:.91rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:#ad0010;border-color:#ad0010;transform:translateY(-1px)}.button-white{background:#fff;color:var(--navy);border-color:#fff}.button-white:hover{background:var(--pale);border-color:var(--pale)}.button-secondary{background:var(--navy);border-color:var(--navy)}.button-outline{border-color:#b8c9d3;background:transparent;color:#fff}.button-outline:hover{background:#ffffff18;border-color:white}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:#bdcbd3}.text-link:hover{color:var(--red)}.phone-link{font-size:1.12rem;font-weight:700;text-decoration:none;white-space:nowrap}.soft{background:var(--sand)}.icon{width:54px;height:54px;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:-100px;left:20px;padding:14px;background:#fff;border:2px solid var(--red)}.skip-link:focus{top:10px}
/* The original logo and six distinct activities. */
.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1450px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:24px}.brand{display:block;flex:none;text-decoration:none}.brand-crop{position:relative;display:block;width:166px;height:78px;overflow:hidden}.brand-crop img{position:absolute;top:50%;left:0;width:100%;max-width:none;height:auto;transform:translateY(-50%)}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:22px;margin-left:auto;height:100%}.main-nav>a,.info-toggle{font-size:.76rem;font-weight:700;line-height:1.35;display:flex;align-items:center;position:relative;text-decoration:none;max-width:94px;border:0;background:transparent;padding:16px 0;text-align:left}.main-nav>a:hover,.main-nav>a[aria-current],.info-toggle:hover{color:var(--red)}.main-nav>a[aria-current]:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--red)}.info-menu{display:flex;position:relative}.info-toggle{gap:6px}.info-links{position:absolute;top:calc(100% - 12px);right:-20px;min-width:205px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 14px 32px #0a2d451c;padding:8px}.info-links a{display:block;text-decoration:none;padding:12px;font-size:.88rem;font-weight:700}.info-links a:hover{background:var(--pale)}.header-cta{font-size:.76rem;min-height:44px;white-space:nowrap;padding:10px 13px;gap:8px}.menu-toggle,.mobile-phone{display:none}.breadcrumb{display:flex;gap:10px;align-items:center;min-height:46px;font-size:.75rem;line-height:1.4;color:var(--muted);flex-wrap:wrap;padding-block:12px}.breadcrumb a{text-decoration:none}
/* The V3 visual family: photography, navy veil, red action. */
.home-intro-section{padding:42px 0 36px;background:#fafbfc}.home-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:68px;align-items:center}.home-intro h1,.home-intro h2{font-size:clamp(2rem,3.2vw,3rem)}.home-intro .eyebrow{margin-bottom:12px}.home-intro .prose{font-size:.97rem}.carousel{position:relative;background:var(--navy);color:#fff;isolation:isolate}.slide{position:relative;min-height:540px;display:flex;align-items:center;padding:66px 0 106px;isolation:isolate}.home-carousel .slide{min-height:490px}.slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-3}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041d2ef0 0%,#051e2fc7 37%,#051f2e33 74%,#03182620);z-index:-2}.slide-content h1,.slide-content h2{max-width:650px;color:#fff;font-size:clamp(2.4rem,4.25vw,3.9rem)}.slide-content .prose{max-width:590px;font-size:1.04rem;line-height:1.7;margin-top:25px}.slide-content .eyebrow{color:#e4edf2;letter-spacing:.2em}.slide-content .actions{max-width:690px}.carousel-bar{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;z-index:3;pointer-events:none}.carousel-dots,.carousel-arrows{display:flex;gap:6px;pointer-events:auto}.carousel-dot{border:0;background:transparent;min-width:44px;height:44px;position:relative;color:white;padding:0}.carousel-dot:before{content:"";width:8px;height:8px;display:block;border-radius:50%;background:#ffffff60;margin:auto}.carousel-dot[aria-pressed=true]:before{background:#fff;outline:1px solid white;outline-offset:5px}.carousel-dot span{display:none}.carousel-arrows{gap:10px}.carousel-arrows button{border:1px solid #ffffff75;background:#082c454d;color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.3rem;line-height:1}.carousel-arrows button:hover{background:var(--red);border-color:var(--red)}.hero-signature{position:absolute;right:max(38px,calc((100vw - 1240px)/2));bottom:22px;width:235px;filter:brightness(0) invert(1);pointer-events:none;opacity:.88}.illustration-credit{position:absolute;right:12px;bottom:9px;font-size:10px;line-height:1.4;color:#fff;text-shadow:0 1px 3px #000}
/* Editorial blocks, benefits and service navigation. */
.benefits{background:var(--pale);padding:32px 0 38px;border-bottom:1px solid var(--line)}.benefits>.container>h2{font-family:Arial,sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.2em;text-align:center;color:var(--muted);margin-bottom:28px;font-weight:700}.cards{display:grid;gap:22px;margin-top:30px}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.text-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:28px}.text-card .icon{margin-bottom:20px}.text-card p{font-size:.95rem;color:var(--muted)}.benefits .cards{margin-top:0;gap:0}.benefits .text-card{background:transparent;text-align:center;padding:0 20px;border:0;border-right:1px solid #d2dfe6;border-radius:0}.benefits .text-card:last-child{border:0}.benefits .icon{margin:0 auto 12px;width:42px;height:42px}.benefits h3{font-size:.98rem}.benefits .text-card p{font-size:.81rem;line-height:1.5}.benefit-short{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.benefit-short .icon{margin:0 auto 10px;width:42px;height:42px}.benefit-short h2{font-family:Arial,sans-serif;font-weight:700;font-size:.96rem;letter-spacing:0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.split.reverse>.photo{order:2}.split-copy h3{margin-top:28px}.split-copy .prose{margin-top:22px}.split-copy blockquote{border-left:3px solid var(--red);padding-left:22px;margin-top:28px;font-family:Georgia,serif;font-size:1.55rem;font-style:italic;line-height:1.45}.photo{min-width:0}.photo img{width:100%;height:390px;object-fit:cover;border-radius:6px}.photo figcaption{color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:10px}.section+.section:not(.soft):not(.benefits):not(.cta-section):not(.catalog-section):not(.timeline-section){border-top:1px solid #f0f2f3}.compact-opening{padding:40px 0 62px;background:linear-gradient(115deg,#fff 20%,#f2f6f8)}.compact-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:72px;align-items:center}.compact-grid h1{font-size:clamp(2.2rem,3.6vw,3.35rem)}.compact-grid .prose{margin-top:25px}.compact-grid>.photo img{height:300px}.notice{padding:24px 28px;border-left:3px solid var(--red);background:#fff;margin-top:32px}.notice .prose{max-width:none}.notice h3+.prose{margin-top:12px}.price{font-size:1.65rem!important;color:var(--navy)!important;font-family:Georgia,serif}.contact-band{background:var(--navy);border-radius:8px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:50px;color:#fff}.contact-band h2{color:#fff}.contact-band .prose{max-width:770px;color:#e0e9ef;font-size:.96rem;margin-top:18px}.contact-band .button{flex-shrink:0;max-width:255px}.cta-section{padding:30px 0 76px}.consumer-note{display:flex;align-items:center;gap:60px;justify-content:space-between}.consumer-note>div{max-width:840px}.consumer-note h2{font-size:2rem}.consumer-note .button,.consumer-note>.text-link{flex-shrink:0}.consumer-note .prose{margin-top:20px}.services-section{padding:66px 0}.services-section>.container>h2,.services-section>.container>.eyebrow{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:36px}.service-card{position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white;text-decoration:none;transition:box-shadow .18s,transform .18s}.service-card>img{width:100%;height:125px;object-fit:cover}.service-card>div{padding:16px 15px 42px}.service-card .icon{width:35px;height:35px;margin-bottom:13px}.service-card h3{font-size:.95rem;line-height:1.3;min-height:2.6em}.service-card p{font-size:.77rem;line-height:1.6;color:var(--muted);margin-top:10px}.card-arrow{position:absolute;bottom:13px;right:16px;color:var(--red);font-size:1.25rem}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0a2d4517}.service-card:hover h3{color:var(--red)}.story-section{padding:0 0 50px}.history-teaser{display:grid;grid-template-columns:1fr 1.12fr;background:var(--sand);border-radius:8px;overflow:hidden}.history-teaser>.photo img{height:100%;min-height:485px;border-radius:0;object-position:34% center}.history-teaser-copy{position:relative;isolation:isolate;padding:48px 52px;overflow:hidden}.compass{pointer-events:none;position:absolute;right:-95px;top:-40px;width:360px;opacity:.09;z-index:-1}.history-teaser-copy h2{font-size:2.3rem}.history-teaser-copy .prose{font-size:.98rem;margin-top:24px}.history-teaser-copy .button{margin-top:24px}.story-signature{width:265px;max-height:106px;object-fit:contain;margin-top:25px;margin-left:auto}.footer-signature{width:190px;margin-top:24px;filter:brightness(0) invert(1);opacity:.85}
/* Catalogue photos preserve full products and labels. */
.catalog-section{background:#f9fafb}.catalog-section>.container>.prose{margin-top:20px;max-width:870px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:36px}.product-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.product-image{height:270px;padding:16px;background:#fff;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain}.product-copy{padding:22px;border-top:1px solid #eef1f3;flex:1}.product-copy p{color:var(--muted);font-size:.87rem;line-height:1.6;margin-top:10px}.product-copy h3{font-size:1.06rem}.crew-products .product-image{height:225px}.catalogue-more{margin-top:30px}.catalogue-more summary{border:1px solid var(--navy);border-radius:5px;padding:14px 24px;cursor:pointer;color:var(--navy);font-weight:700;max-width:450px;margin:auto;text-align:center;min-height:52px}.catalogue-more summary span{display:block;font-size:.78rem;font-weight:400;margin-top:2px}.catalogue-more summary:hover{background:var(--pale)}.steps{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps li{border-top:1px solid #c9d4da;padding:22px 0}.steps li>span{font-family:Georgia,serif;font-size:2.4rem;color:var(--red);line-height:1.1;display:block;margin-bottom:14px}.steps p{font-size:.95rem;color:var(--muted)}.delivery-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.delivery-grid h2{font-size:2rem}.delivery-grid h3{margin-top:30px}.delivery-grid .prose{margin-top:22px}.delivery-grid .text-link{margin-top:25px}
/* Only Notre parcours follows the selected history panels. */
.history-intro{background:linear-gradient(120deg,#f7f4ef,#eaf2f6);padding:58px 0 64px;overflow:hidden}.history-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;position:relative;isolation:isolate;align-items:center}.history-opening>.compass{right:30px;top:-90px;width:410px;opacity:.14}.history-opening h1{font-style:italic;font-size:3.6rem}.history-opening blockquote{font-family:Georgia,serif;font-style:italic;font-size:1.6rem;color:var(--navy);margin-top:22px;line-height:1.45}.period-label{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--muted);margin-top:32px!important}.history-opening .prose{margin-top:14px}.polaroid{padding:18px 18px 4px;background:#fff;transform:rotate(3deg);box-shadow:0 8px 24px #18354924;max-width:430px;margin:10px auto}.polaroid img{height:305px;border-radius:0;object-fit:cover}.polaroid figcaption{font-family:Georgia,serif;font-style:italic;font-size:.87rem;text-align:center;padding:3px 8px 12px}.timeline{max-width:980px;margin:0 auto}.chapter{display:grid;grid-template-columns:110px 1fr;gap:44px;position:relative;padding-bottom:70px}.chapter:last-child{padding-bottom:0}.chapter:before{content:"";position:absolute;left:109px;top:15px;bottom:0;width:1px;background:var(--line)}.chapter-date{font-family:Georgia,serif;color:var(--red);font-size:1.5rem;line-height:1.4;position:relative}.chapter-date:after{content:"";position:absolute;right:-5px;top:12px;background:var(--red);width:9px;height:9px;border-radius:50%;outline:7px solid white}.chapter-body>h2{font-size:2.2rem;margin-bottom:26px}.chapter .prose+.prose{margin-top:21px}.chapter .photo{margin-top:32px;max-width:680px}.chapter .photo img{height:auto;max-height:440px;object-fit:contain;object-position:left}.milestone-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:28px;margin:35px 0}.milestone-grid article{padding:25px;border:1px solid #d7d2cc;border-radius:6px;background:#ffffff75}.milestone-grid span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.milestone-grid strong{display:block;font-family:Georgia,serif;font-weight:400;color:var(--navy);font-size:clamp(2rem,3vw,3.3rem);line-height:1.2;margin-top:10px}.milestone-grid p{font-size:.9rem}.history-continuation{columns:2;column-gap:50px}.history-continuation>.prose{break-inside:avoid;margin-bottom:20px}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-card{position:relative;padding:38px;background:#fff;border:1px solid var(--line);border-radius:7px;scroll-margin-top:120px}.contact-card h2{font-size:1.9rem;margin-top:20px}.contact-person{font-size:1.25rem;font-weight:700;margin-top:22px}.contact-card .button{margin-top:24px}.anchor-alias{position:absolute;top:0;scroll-margin-top:120px}.admin-contact{margin-top:40px;padding-top:35px;border-top:1px solid #d4d8d9;display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.admin-contact h2{font-size:1.9rem}.admin-contact .prose{font-size:.95rem;margin-top:15px}.admin-contact .text-link{display:flex;width:fit-content;overflow-wrap:anywhere}.legal{max-width:860px;margin:auto}.legal h1{margin-bottom:38px}.legal h2{font-size:1.9rem;margin-top:36px;margin-bottom:18px}.legal .prose{max-width:none;margin-top:18px}.not-found{position:relative;isolation:isolate;max-width:760px;min-height:430px;padding:35px 0;overflow:hidden}.not-found h1{margin-bottom:25px}.not-found .compass{right:-60px;top:0}.site-footer{background:var(--deep);color:#d9e4ea;padding:52px 0 20px;font-size:.8rem}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.25fr .7fr;gap:42px}.footer-brand{background:#fff;width:150px;border-radius:4px;margin-bottom:20px}.footer-brand .brand-crop{width:150px;height:76px}.site-footer h2{font-family:Arial,sans-serif;color:#fff;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.4;margin:6px 0 20px}.footer-grid nav{display:grid;gap:3px}.footer-grid nav a,.footer-link{display:block;color:inherit;text-decoration:none;line-height:1.6;padding:5px 0;overflow-wrap:anywhere}.footer-grid nav a:hover,.footer-link:hover{color:white;text-decoration:underline}.footer-grid .prose{font-size:.8rem}.footer-grid .prose+.prose{margin-top:16px}.footer-bottom{border-top:1px solid #ffffff24;margin-top:38px;padding-top:20px;display:flex;gap:24px;align-items:center;font-size:.73rem}.footer-bottom p{margin:0 auto 0 0}.footer-bottom .footer-link{display:inline-block}.back-top{white-space:nowrap;color:#fff;text-decoration:none;min-height:44px;display:flex;align-items:center}
@media(min-width:1450px){.header-inner{gap:30px}.main-nav{gap:27px}.main-nav>a,.info-toggle{font-size:.81rem}}
@media(max-width:1279px){:root{--header:82px}.header-inner{padding:0 28px;justify-content:space-between;gap:12px}.brand-crop{width:155px;height:74px}.menu-toggle{display:flex;width:46px;height:46px;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;padding:10px}.menu-toggle span{height:2px;background:var(--navy);display:block;width:24px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-phone{display:flex;align-items:center;justify-content:center;width:46px;height:46px}.mobile-phone .icon{width:28px;height:28px}.header-cta{display:none}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;height:auto;max-height:calc(100dvh - var(--header));overflow-y:auto;padding:10px 28px 22px;background:white;border-bottom:1px solid var(--line);box-shadow:0 14px 30px #0a2d4514}.main-nav.is-open{display:block}.main-nav>a,.info-toggle{font-size:.95rem;max-width:none;min-height:48px;width:100%;padding:13px 0;border-bottom:1px solid #edf0f2}.main-nav>a[aria-current]:after{display:none}.info-menu{display:block}.info-toggle{justify-content:space-between}.info-links{position:static;border:0;box-shadow:none;background:var(--pale);padding:6px 15px;border-radius:0}.service-grid{grid-template-columns:repeat(3,1fr);gap:22px}.service-card>img{height:175px}.service-card>div{padding:20px 24px 38px}.service-card h3{min-height:0;font-size:1.1rem}.service-card p{font-size:.89rem}.split{gap:42px}.compact-grid{gap:40px}.benefits .text-card{padding:0 12px}.footer-grid{gap:24px}.columns-4{grid-template-columns:repeat(2,1fr)}.contact-band{padding:38px;gap:30px}.history-opening{gap:55px}.hero-signature{width:210px}.home-intro{gap:40px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.section{padding:52px 0}.home-intro-section{padding:30px 0}.home-intro{grid-template-columns:1fr;gap:18px}.home-intro h1,.home-intro h2{font-size:2.35rem;max-width:650px}.home-intro .prose{font-size:.93rem}.slide{min-height:550px;padding:48px 0 104px}.home-carousel .slide{min-height:490px}.slide-content h1,.slide-content h2{font-size:3rem;max-width:550px}.slide-content .prose{font-size:1rem;max-width:540px}.slide-shade{background:linear-gradient(90deg,#051e30ee,#062539b8 66%,#06253966)}.hero-signature{width:170px;right:22px;bottom:25px}.carousel-bar{bottom:24px;gap:10px}.carousel-dots{gap:0}.carousel-dot{min-width:36px}.benefits{padding:28px 0}.benefits .columns-5{grid-template-columns:repeat(3,1fr);gap:25px 0}.benefits .columns-4{grid-template-columns:repeat(2,1fr);gap:25px 0}.benefits .text-card:nth-child(3),.benefits .text-card:last-child,.benefits .columns-4 .text-card:nth-child(2){border-right:0}.photo img{height:330px}.split h2{font-size:2.1rem}.compact-grid{grid-template-columns:1.5fr 1fr;gap:30px}.compact-grid h1{font-size:2.5rem}.compact-grid>.photo img{height:280px}.compact-grid .actions{align-items:flex-start;gap:8px}.compact-grid .button{font-size:.82rem;padding:12px 14px}.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .text-card:last-child:nth-child(odd){grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product-image{height:250px}.benefit-short{gap:16px}.benefit-short h2{font-size:.85rem}.contact-band{display:block}.contact-band .button{margin-top:25px}.history-teaser-copy{padding:32px}.history-teaser-copy h2{font-size:2rem}.history-teaser-copy .prose{font-size:.9rem}.history-opening{grid-template-columns:1.1fr 1fr;gap:35px}.history-opening h1{font-size:2.75rem}.history-opening blockquote{font-size:1.35rem}.polaroid{padding:12px 12px 2px}.polaroid img{height:250px}.chapter{grid-template-columns:82px 1fr;gap:28px}.chapter:before{left:81px}.chapter-date{font-size:1.2rem}.chapter-date:after{top:9px}.chapter-body>h2{font-size:2rem}.milestone-grid{gap:16px}.milestone-grid article{padding:20px}.history-continuation{columns:1}.consumer-note{gap:30px}.consumer-note>.text-link{max-width:180px}.delivery-grid{gap:40px}.steps{gap:22px}.contact-card{padding:28px}.contact-card h2{font-size:1.65rem}.admin-contact{gap:30px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:35px 50px}.footer-bottom{flex-wrap:wrap;gap:5px 20px}.footer-bottom p{flex-basis:100%;margin-bottom:8px}}
@media(max-width:580px){:root{--header:76px}.header-inner{padding:0 16px}.brand-crop{width:145px;height:70px}.container{width:calc(100% - 36px)}.section{padding:42px 0}h1{font-size:2.4rem}h2{font-size:2rem}.eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:13px}.breadcrumb{font-size:.68rem;min-height:40px;padding-block:10px}.home-intro-section{padding:26px 0}.home-intro h1,.home-intro h2{font-size:2.12rem}.home-intro .prose{font-size:.87rem;line-height:1.6}.home-intro{gap:15px}.slide{min-height:555px;padding:34px 0 114px}.home-carousel .slide{min-height:520px}.slide-content h1,.slide-content h2{font-size:2.55rem;max-width:100%}.slide-content .prose{font-size:.94rem;line-height:1.65;margin-top:22px}.slide-image{object-position:65% center}.slide-shade{background:linear-gradient(90deg,#032238eb,#06263bc9 60%,#092d4582)}.slide-content .actions{gap:10px;margin-top:25px}.slide-content .button{padding:11px 13px;font-size:.79rem;min-height:46px}.hero-signature{display:none}.carousel-bar{bottom:30px;justify-content:space-between;gap:8px}.carousel-dot{min-width:32px;height:44px}.carousel-arrows{gap:8px}.illustration-credit{font-size:9px;bottom:8px}.benefits{padding:27px 0}.benefits>.container>h2{font-size:.63rem;margin-bottom:25px}.benefits .columns-5,.benefits .columns-4{grid-template-columns:1fr 1fr;gap:24px 0}.benefits .text-card{padding:0 12px!important;grid-column:auto!important;border-right:1px solid #d2dfe6!important}.benefits .text-card:nth-child(even),.benefits .text-card:last-child{border-right:0!important}.benefits .text-card:last-child:nth-child(odd){grid-column:1/-1!important;max-width:275px;justify-self:center}.benefits .text-card .icon{width:38px;height:38px;margin-bottom:8px}.benefits h3{font-size:.85rem}.benefits .text-card p{font-size:.74rem;line-height:1.5;margin-top:8px}.benefit-short{grid-template-columns:1fr 1fr;gap:23px}.service-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}.service-card{display:grid;grid-template-columns:103px 1fr;align-items:stretch;min-height:125px}.service-card>img{height:100%;min-height:125px;object-fit:cover}.service-card>div{padding:15px 31px 15px 17px}.service-card .icon{display:none}.service-card h3{font-size:.98rem}.service-card p{font-size:.77rem;line-height:1.45;margin-top:6px}.card-arrow{bottom:auto;top:calc(50% - 12px);right:12px}.services-section>.container>h2{font-size:1.95rem}.history-teaser{grid-template-columns:1fr}.history-teaser>.photo img{height:230px;min-height:0;object-position:center 45%}.history-teaser-copy{padding:30px 25px}.history-teaser-copy h2{font-size:2rem}.history-teaser-copy .prose{font-size:.93rem}.story-signature{width:230px}.story-section{padding:0 0 20px!important}.cta-section{padding:25px 0 45px!important}.contact-band{padding:30px 25px}.contact-band h2{font-size:2rem}.contact-band .prose{font-size:.93rem}.contact-band .button{max-width:none;font-size:.82rem}.split,.compact-grid{grid-template-columns:1fr;gap:28px}.split.reverse>.photo{order:0}.split-copy h2{font-size:2rem}.split-copy .prose{font-size:.95rem;margin-top:19px}.photo img{height:275px}.compact-opening{padding:28px 0 40px}.compact-grid h1{font-size:2.35rem}.compact-grid>.photo{display:none}.compact-grid .actions{gap:10px 20px;align-items:center}.compact-grid .prose{font-size:.96rem;margin-top:20px}.compact-grid .button{font-size:.86rem}.columns-3,.columns-4{grid-template-columns:1fr;gap:16px}.text-card{padding:25px}.text-card .icon{width:44px;height:44px;margin-bottom:17px}.text-card h3{font-size:1.1rem}.text-card p{font-size:.92rem}.cards .text-card:last-child:nth-child(odd){grid-column:auto}.product-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.product-image{height:295px;padding:14px}.product-copy{padding:19px 22px}.product-copy h3{font-size:1.15rem}.crew-products .product-image{height:225px}.catalogue-more summary{font-size:.88rem;padding:13px 16px}.consumer-note{display:block}.consumer-note>.text-link,.consumer-note>.button{margin-top:20px;max-width:none}.notice{padding:20px;margin-top:26px}.notice .prose{font-size:.92rem}.steps{grid-template-columns:1fr;gap:6px}.steps li{position:relative;padding:19px 0 20px 57px;min-height:100px}.steps li>span{position:absolute;left:0;top:19px;font-size:2rem}.steps h3{font-size:1.1rem}.steps p{font-size:.92rem;margin-top:9px}.delivery-grid{grid-template-columns:1fr;gap:35px}.delivery-grid>div+div{border-top:1px solid #d3d9dc;padding-top:30px}.history-opening{grid-template-columns:1fr;gap:25px}.history-opening h1{font-size:3rem}.history-opening blockquote{font-size:1.5rem}.history-opening .polaroid{width:90%;max-width:360px;margin:12px auto}.history-opening .compass{right:-150px;top:0}.polaroid img{height:255px}.chapter{grid-template-columns:1fr;gap:18px;padding-left:24px;padding-bottom:50px}.chapter:before{left:0;top:12px}.chapter-date{font-size:1.4rem}.chapter-date:after{left:-28px;right:auto;top:12px}.chapter-body>h2{font-size:2rem;margin-bottom:22px}.chapter .prose{font-size:.95rem}.chapter .photo{margin-top:25px}.chapter .photo img{height:auto;max-height:none}.milestone-grid{grid-template-columns:1fr;gap:14px;margin:28px 0}.milestone-grid article{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:7px 15px;align-items:center}.milestone-grid strong{font-size:2.4rem;margin:0;grid-column:2;grid-row:1/3}.milestone-grid p{margin:0}.history-continuation{font-size:.95rem}.contact-cards{grid-template-columns:1fr;gap:22px}.contact-card{padding:28px}.contact-card h2{font-size:1.85rem}.contact-person{font-size:1.18rem}.contact-card .button{font-size:.8rem}.admin-contact{grid-template-columns:1fr;gap:18px}.admin-contact .text-link{font-size:.83rem}.legal h1{font-size:2.4rem}.legal h2{font-size:1.8rem}.legal p{font-size:.95rem;overflow-wrap:anywhere}.not-found{min-height:410px;padding:10px 0}.not-found h1{font-size:2.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-about{grid-column:1/-1}.footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:3}.footer-grid>div:nth-child(4){grid-column:2;grid-row:2}.site-footer{padding:35px 0 16px}.footer-grid h2{font-size:.83rem}.footer-grid nav a,.footer-link{min-height:34px;padding-block:7px}.footer-signature{width:160px}.footer-bottom{margin-top:25px}.footer-bottom .back-top{flex-basis:100%;margin-top:5px}}
/* Keep every carousel control usable even on a 320px viewport. */
.carousel-dot{min-width:44px}
@media(max-width:580px){.home-carousel .carousel-bar{flex-wrap:wrap;bottom:18px}.home-carousel .carousel-dots{width:100%;justify-content:center}.home-carousel .carousel-arrows{margin-left:auto}.home-carousel .slide{padding-bottom:158px;min-height:565px}.footer-grid nav a,.footer-grid .footer-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* V4 — retours client, 28 septembre 2026. */
.header-cta{border-radius:999px;padding:12px 18px}
.mobile-nav-actions{display:none}
.footer-brand{background:transparent;width:154px;border-radius:0;margin-bottom:20px}
.footer-brand img{position:static;display:block;width:154px;height:auto;transform:none}
.footer-about>.prose{font-size:.94rem;font-weight:600;line-height:1.7;color:#edf4f8}
.services-section>.container>.eyebrow{font-weight:800;font-size:.83rem;letter-spacing:.12em}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.service-card>img{height:205px}
.service-card>div{padding:25px 28px 46px}
.service-card h3{font-size:1.16rem;min-height:0}
.service-card p{font-size:.93rem;line-height:1.65}
.home-intro-section{padding:54px 0;margin-bottom:54px}
.professional-panel{max-width:850px;margin-inline:auto;text-align:center}
.professional-copy .prose{margin:22px auto 0}
.professional-copy .button{margin-top:26px}
.skinpack-story .text-link{margin-top:22px}
.skinpack-story .photo img{height:370px;object-position:center}
.local-preparation-mark{max-width:410px;margin-top:30px;padding:14px;background:white;border:1px solid var(--line);border-radius:6px}
.local-preparation-mark img{width:100%;height:auto}
.ice-opening{background-color:#eef4f7;background-image:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.3) 58%,rgba(255,255,255,.12)),url('/assets/img/fond-glace-texture-v17.webp');background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
.preparation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.preparation-grid .text-card{padding:24px 20px}
.preparation-grid .text-card h3{font-size:1.02rem}
.preparation-grid .text-card p{font-size:.87rem}
@media(min-width:1280px){
  .header-inner{gap:20px}
  .main-nav{gap:0}
  .main-nav>a,.info-toggle{color:var(--navy);font-size:.73rem;letter-spacing:.045em;text-transform:uppercase;text-align:center;justify-content:center;max-width:126px;padding:14px 13px}
  .main-nav>a+a:before,.info-menu:before{content:"";position:absolute;left:0;top:calc(50% - 15px);width:1px;height:30px;background:#d5dfe5}
  .main-nav>a[aria-current]:after{left:13px;right:13px;bottom:17px}
  .main-nav>a:hover,.main-nav>a[aria-current],.info-toggle:hover{color:var(--red)}
}
@media(max-width:1279px){
  .main-nav>a,.info-toggle{text-transform:uppercase;letter-spacing:.06em;color:var(--navy);font-size:.85rem}
  .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}
  .mobile-nav-actions .button{border-radius:999px;font-size:.82rem}
}
@media(max-width:1000px){
  .preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .service-card>img{height:190px}
  .service-card>div{padding:22px 23px 40px}
  .preparation-grid .text-card:last-child:nth-child(odd){grid-column:auto}
}
@media(max-width:800px){
  .home-intro-section{padding:38px 0;margin-bottom:38px}
  .skinpack-story .photo img{height:320px}
}
@media(max-width:580px){
  .services-section>.container>.eyebrow{font-size:.72rem}
  .service-grid{grid-template-columns:1fr;gap:12px}
  .service-card>img{height:100%;min-height:125px}
  .service-card>div{padding:15px 31px 15px 17px}
  .service-card h3{font-size:.98rem}
  .service-card p{font-size:.77rem;line-height:1.45}
  .home-intro-section{padding:35px 0;margin-bottom:30px}
  .professional-panel{text-align:left}
  .skinpack-story .photo img{height:270px}
  .local-preparation-mark{max-width:100%;margin-top:25px;padding:10px}
  .ice-opening{background-image:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.45)),url('/assets/img/fond-glace-texture-v17.webp');background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
  .preparation-grid{grid-template-columns:1fr;gap:16px}
  .preparation-grid .text-card{padding:25px}
  .preparation-grid .text-card h3{font-size:1.1rem}
  .preparation-grid .text-card p{font-size:.92rem}
  .footer-about>.prose{font-size:.92rem}
}
@media(max-width:380px){.mobile-nav-actions{grid-template-columns:1fr}}


/* Source conservée : assets/css/v5.css */
/* V5 — shared presentation and the page-specific changes approved in MAP. */
.site-header .brand-crop img{width:90%;left:5%}
.breadcrumb{font-family:Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.09em}
.breadcrumb [aria-hidden]{font-weight:300;color:#7c8c96}
.footer-about>.prose{font-size:.85rem;font-weight:600;line-height:1.7;text-transform:uppercase}
.footer-about>.prose p+p{margin-top:1.25em}
.footer-bottom,.footer-bottom a{font-style:italic}
.ice-section{background-color:#f8fbfc;background-image:url('/assets/img/fond-glace-texture-v17.webp');background-size:627px 627px;background-repeat:repeat;background-position:left top}
.section.ice-section{border-top:0}
.catalog-background{background:#f9fafb}
.notice.notice-navy{border-left-color:#0a2d45}
.guest-yacht-background{position:relative;isolation:isolate;background:#eff4f6 url('/assets/img/yacht-au-bord-de-la-mediterranee-1600.webp') center/cover no-repeat}
.guest-yacht-background:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.68);z-index:-1}
.guest-yacht-background .text-card{background:rgba(255,255,255,.88)}
.page-contact .contact-services{background:#fff}
.page-contact .contact-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.page-contact .contact-card{display:flex;flex-direction:column;padding:30px 26px;background:#0a2d45;border-color:#0a2d45;color:#fff}
.page-contact .contact-card h2{color:#fff;font-size:1.55rem;line-height:1.25}
.page-contact .contact-card .icon{filter:brightness(0) invert(1);opacity:1}
.page-contact .contact-card .contact-person{font-size:1.15rem}
.page-contact .contact-card .prose{margin-top:22px;font-size:.95rem;line-height:1.65}
.page-contact .contact-card .button{align-self:flex-start;margin-top:auto;position:relative;top:0}
.page-contact .contact-card .contact-person,.page-contact .contact-card .prose{margin-bottom:26px}
.page-contact .contact-card .text-link{font-size:.78rem;color:#fff;overflow-wrap:anywhere;max-width:100%;margin-top:14px}
.page-contact .contact-card .button{background:#d80618;border-color:#d80618;color:#fff}
.page-contact .contact-card .button:hover{background:#ad0010;border-color:#ad0010}
.no-script-services{padding-block:16px;display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:1050px){.page-contact .contact-cards{gap:16px}.page-contact .contact-card{padding:26px 20px}.page-contact .contact-card h2{font-size:1.35rem}}
@media(max-width:800px){.page-contact .contact-cards{grid-template-columns:1fr}.page-contact .contact-card{padding:30px}.page-contact .contact-card h2{font-size:1.65rem}.page-contact .contact-card .button{margin-top:0}}


/* Source conservée : assets/css/home-a12.css */

#accueil-a12{--navy:#0a2d45;--deep:#062237;--red:#d80618;--sand:#f5f1eb;--pale:#eef4f7;--ink:#1a3545;--muted:#526773;--line:#dce4e8;--max:1240px;--header:92px}
#accueil-a12 *{box-sizing:border-box}
#accueil-a12{scroll-behavior:smooth;scroll-padding-top:115px}
#accueil-a12{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:#fff}
#accueil-a12 h1,#accueil-a12 h2,#accueil-a12 h3,#accueil-a12 p,#accueil-a12 figure,#accueil-a12 blockquote{margin:0}
#accueil-a12 h1,#accueil-a12 h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.12;color:var(--navy);text-wrap:balance}
#accueil-a12 h1{font-size:clamp(2.35rem,4vw,3.65rem);letter-spacing:-.035em}
#accueil-a12 h2{font-size:clamp(1.9rem,2.6vw,2.7rem);letter-spacing:-.025em}
#accueil-a12 h3{font-size:1.12rem;line-height:1.35;color:var(--navy)}
#accueil-a12 p{margin-top:1rem}
#accueil-a12 p:first-child{margin-top:0}
#accueil-a12 a{color:inherit;text-underline-offset:4px}
#accueil-a12 img{max-width:100%;height:auto;display:block}
#accueil-a12 button,#accueil-a12 summary{font:inherit}
#accueil-a12 button{cursor:pointer;color:var(--navy)}
#accueil-a12 button,#accueil-a12 a,#accueil-a12 summary{-webkit-tap-highlight-color:transparent}
#accueil-a12 button:focus-visible,#accueil-a12 a:focus-visible,#accueil-a12 summary:focus-visible{outline:3px solid #e79f34;outline-offset:5px}
#accueil-a12 [hidden]{display:none!important}
#accueil-a12 .container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
#accueil-a12 .section{padding:76px 0}
#accueil-a12 .section h2+.prose{margin-top:22px}
#accueil-a12 .section h2+.cards,#accueil-a12 .section h2+.product-grid{margin-top:32px}
#accueil-a12 .eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--red);margin:0 0 18px}
#accueil-a12 .prose p+p{margin-top:1.05em}
#accueil-a12 .prose{max-width:75ch}
#accueil-a12 .prose+h3{margin-top:30px}
#accueil-a12 .prose+.button{margin-top:25px}
#accueil-a12 .actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
#accueil-a12 .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid var(--red);border-radius:5px;background:var(--red);color:#fff;font-size:.91rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;transition:background .15s,transform .15s}
#accueil-a12 .button:hover{background:#ad0010;border-color:#ad0010;transform:translateY(-1px)}
#accueil-a12 .button-white{background:#fff;color:var(--navy);border-color:#fff}
#accueil-a12 .button-white:hover{background:var(--pale);border-color:var(--pale)}
#accueil-a12 .button-secondary{background:var(--navy);border-color:var(--navy)}
#accueil-a12 .button-outline{border-color:#b8c9d3;background:transparent;color:#fff}
#accueil-a12 .button-outline:hover{background:#ffffff18;border-color:white}
#accueil-a12 .text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:#bdcbd3}
#accueil-a12 .text-link:hover{color:var(--red)}
#accueil-a12 .phone-link{font-size:1.12rem;font-weight:700;text-decoration:none;white-space:nowrap}
#accueil-a12 .soft{background:var(--sand)}
#accueil-a12 .icon{width:54px;height:54px;object-fit:contain}
#accueil-a12 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#accueil-a12 .skip-link{position:fixed;z-index:200;top:-100px;left:20px;padding:14px;background:#fff;border:2px solid var(--red)}
#accueil-a12 .skip-link:focus{top:10px}/* The original logo and six distinct activities. */
#accueil-a12 .site-header{height:var(--header);position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
#accueil-a12 .header-inner{height:100%;max-width:1450px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:24px}
#accueil-a12 .brand{display:block;flex:none;text-decoration:none}
#accueil-a12 .brand-crop{position:relative;display:block;width:166px;height:78px;overflow:hidden}
#accueil-a12 .brand-crop img{position:absolute;top:50%;left:0;width:100%;max-width:none;height:auto;transform:translateY(-50%)}
#accueil-a12 .main-nav{display:flex;align-items:stretch;justify-content:center;gap:22px;margin-left:auto;height:100%}
#accueil-a12 .main-nav>a,#accueil-a12 .info-toggle{font-size:.76rem;font-weight:700;line-height:1.35;display:flex;align-items:center;position:relative;text-decoration:none;max-width:94px;border:0;background:transparent;padding:16px 0;text-align:left}
#accueil-a12 .main-nav>a:hover,#accueil-a12 .main-nav>a[aria-current],#accueil-a12 .info-toggle:hover{color:var(--red)}
#accueil-a12 .main-nav>a[aria-current]:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--red)}
#accueil-a12 .info-menu{display:flex;position:relative}
#accueil-a12 .info-toggle{gap:6px}
#accueil-a12 .info-links{position:absolute;top:calc(100% - 12px);right:-20px;min-width:205px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 14px 32px #0a2d451c;padding:8px}
#accueil-a12 .info-links a{display:block;text-decoration:none;padding:12px;font-size:.88rem;font-weight:700}
#accueil-a12 .info-links a:hover{background:var(--pale)}
#accueil-a12 .header-cta{font-size:.76rem;min-height:44px;white-space:nowrap;padding:10px 13px;gap:8px}
#accueil-a12 .menu-toggle,#accueil-a12 .mobile-phone{display:none}
#accueil-a12 .breadcrumb{display:flex;gap:10px;align-items:center;min-height:46px;font-size:.75rem;line-height:1.4;color:var(--muted);flex-wrap:wrap;padding-block:12px}
#accueil-a12 .breadcrumb a{text-decoration:none}/* The V3 visual family: photography, navy veil, red action. */
#accueil-a12 .home-intro-section{padding:42px 0 36px;background:#fafbfc}
#accueil-a12 .home-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:68px;align-items:center}
#accueil-a12 .home-intro h1,#accueil-a12 .home-intro h2{font-size:clamp(2rem,3.2vw,3rem)}
#accueil-a12 .home-intro .eyebrow{margin-bottom:12px}
#accueil-a12 .home-intro .prose{font-size:.97rem}
#accueil-a12 .carousel{position:relative;background:var(--navy);color:#fff;isolation:isolate}
#accueil-a12 .slide{position:relative;min-height:540px;display:flex;align-items:center;padding:66px 0 106px;isolation:isolate}
#accueil-a12 .home-carousel .slide{min-height:490px}
#accueil-a12 .slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-3}
#accueil-a12 .slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041d2ef0 0%,#051e2fc7 37%,#051f2e33 74%,#03182620);z-index:-2}
#accueil-a12 .slide-content h1,#accueil-a12 .slide-content h2{max-width:650px;color:#fff;font-size:clamp(2.4rem,4.25vw,3.9rem)}
#accueil-a12 .slide-content .prose{max-width:590px;font-size:1.04rem;line-height:1.7;margin-top:25px}
#accueil-a12 .slide-content .eyebrow{color:#e4edf2;letter-spacing:.2em}
#accueil-a12 .slide-content .actions{max-width:690px}
#accueil-a12 .carousel-bar{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;z-index:3;pointer-events:none}
#accueil-a12 .carousel-dots,#accueil-a12 .carousel-arrows{display:flex;gap:6px;pointer-events:auto}
#accueil-a12 .carousel-dot{border:0;background:transparent;min-width:44px;height:44px;position:relative;color:white;padding:0}
#accueil-a12 .carousel-dot:before{content:"";width:8px;height:8px;display:block;border-radius:50%;background:#ffffff60;margin:auto}
#accueil-a12 .carousel-dot[aria-pressed=true]:before{background:#fff;outline:1px solid white;outline-offset:5px}
#accueil-a12 .carousel-dot span{display:none}
#accueil-a12 .carousel-arrows{gap:10px}
#accueil-a12 .carousel-arrows button{border:1px solid #ffffff75;background:#082c454d;color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.3rem;line-height:1}
#accueil-a12 .carousel-arrows button:hover{background:var(--red);border-color:var(--red)}
#accueil-a12 .hero-signature{position:absolute;right:max(38px,calc((100vw - 1240px)/2));bottom:22px;width:235px;filter:brightness(0) invert(1);pointer-events:none;opacity:.88}
#accueil-a12 .illustration-credit{position:absolute;right:12px;bottom:9px;font-size:10px;line-height:1.4;color:#fff;text-shadow:0 1px 3px #000}/* Editorial blocks, benefits and service navigation. */
#accueil-a12 .benefits{background:var(--pale);padding:32px 0 38px;border-bottom:1px solid var(--line)}
#accueil-a12 .benefits>.container>h2{font-family:Arial,sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.2em;text-align:center;color:var(--muted);margin-bottom:28px;font-weight:700}
#accueil-a12 .cards{display:grid;gap:22px;margin-top:30px}
#accueil-a12 .columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#accueil-a12 .columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#accueil-a12 .columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#accueil-a12 .text-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:28px}
#accueil-a12 .text-card .icon{margin-bottom:20px}
#accueil-a12 .text-card p{font-size:.95rem;color:var(--muted)}
#accueil-a12 .benefits .cards{margin-top:0;gap:0}
#accueil-a12 .benefits .text-card{background:transparent;text-align:center;padding:0 20px;border:0;border-right:1px solid #d2dfe6;border-radius:0}
#accueil-a12 .benefits .text-card:last-child{border:0}
#accueil-a12 .benefits .icon{margin:0 auto 12px;width:42px;height:42px}
#accueil-a12 .benefits h3{font-size:.98rem}
#accueil-a12 .benefits .text-card p{font-size:.81rem;line-height:1.5}
#accueil-a12 .benefit-short{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
#accueil-a12 .benefit-short .icon{margin:0 auto 10px;width:42px;height:42px}
#accueil-a12 .benefit-short h2{font-family:Arial,sans-serif;font-weight:700;font-size:.96rem;letter-spacing:0}
#accueil-a12 .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
#accueil-a12 .split.reverse>.photo{order:2}
#accueil-a12 .split-copy h3{margin-top:28px}
#accueil-a12 .split-copy .prose{margin-top:22px}
#accueil-a12 .split-copy blockquote{border-left:3px solid var(--red);padding-left:22px;margin-top:28px;font-family:Georgia,serif;font-size:1.55rem;font-style:italic;line-height:1.45}
#accueil-a12 .photo{min-width:0}
#accueil-a12 .photo img{width:100%;height:390px;object-fit:cover;border-radius:6px}
#accueil-a12 .photo figcaption{color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:10px}
#accueil-a12 .section+.section:not(.soft):not(.benefits):not(.cta-section):not(.catalog-section):not(.timeline-section){border-top:1px solid #f0f2f3}
#accueil-a12 .compact-opening{padding:40px 0 62px;background:linear-gradient(115deg,#fff 20%,#f2f6f8)}
#accueil-a12 .compact-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:72px;align-items:center}
#accueil-a12 .compact-grid h1{font-size:clamp(2.2rem,3.6vw,3.35rem)}
#accueil-a12 .compact-grid .prose{margin-top:25px}
#accueil-a12 .compact-grid>.photo img{height:300px}
#accueil-a12 .notice{padding:24px 28px;border-left:3px solid var(--red);background:#fff;margin-top:32px}
#accueil-a12 .notice .prose{max-width:none}
#accueil-a12 .notice h3+.prose{margin-top:12px}
#accueil-a12 .price{font-size:1.65rem!important;color:var(--navy)!important;font-family:Georgia,serif}
#accueil-a12 .contact-band{background:var(--navy);border-radius:8px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:50px;color:#fff}
#accueil-a12 .contact-band h2{color:#fff}
#accueil-a12 .contact-band .prose{max-width:770px;color:#e0e9ef;font-size:.96rem;margin-top:18px}
#accueil-a12 .contact-band .button{flex-shrink:0;max-width:255px}
#accueil-a12 .cta-section{padding:30px 0 76px}
#accueil-a12 .consumer-note{display:flex;align-items:center;gap:60px;justify-content:space-between}
#accueil-a12 .consumer-note>div{max-width:840px}
#accueil-a12 .consumer-note h2{font-size:2rem}
#accueil-a12 .consumer-note .button,#accueil-a12 .consumer-note>.text-link{flex-shrink:0}
#accueil-a12 .consumer-note .prose{margin-top:20px}
#accueil-a12 .services-section{padding:66px 0}
#accueil-a12 .services-section>.container>h2,#accueil-a12 .services-section>.container>.eyebrow{text-align:center}
#accueil-a12 .service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:36px}
#accueil-a12 .service-card{position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white;text-decoration:none;transition:box-shadow .18s,transform .18s}
#accueil-a12 .service-card>img{width:100%;height:125px;object-fit:cover}
#accueil-a12 .service-card>div{padding:16px 15px 42px}
#accueil-a12 .service-card .icon{width:35px;height:35px;margin-bottom:13px}
#accueil-a12 .service-card h3{font-size:.95rem;line-height:1.3;min-height:2.6em}
#accueil-a12 .service-card p{font-size:.77rem;line-height:1.6;color:var(--muted);margin-top:10px}
#accueil-a12 .card-arrow{position:absolute;bottom:13px;right:16px;color:var(--red);font-size:1.25rem}
#accueil-a12 .service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0a2d4517}
#accueil-a12 .service-card:hover h3{color:var(--red)}
#accueil-a12 .story-section{padding:0 0 50px}
#accueil-a12 .history-teaser{display:grid;grid-template-columns:1fr 1.12fr;background:var(--sand);border-radius:8px;overflow:hidden}
#accueil-a12 .history-teaser>.photo img{height:100%;min-height:485px;border-radius:0;object-position:34% center}
#accueil-a12 .history-teaser-copy{position:relative;isolation:isolate;padding:48px 52px;overflow:hidden}
#accueil-a12 .compass{pointer-events:none;position:absolute;right:-95px;top:-40px;width:360px;opacity:.09;z-index:-1}
#accueil-a12 .history-teaser-copy h2{font-size:2.3rem}
#accueil-a12 .history-teaser-copy .prose{font-size:.98rem;margin-top:24px}
#accueil-a12 .history-teaser-copy .button{margin-top:24px}
#accueil-a12 .story-signature{width:265px;max-height:106px;object-fit:contain;margin-top:25px;margin-left:auto}
#accueil-a12 .footer-signature{width:190px;margin-top:24px;filter:brightness(0) invert(1);opacity:.85}/* Catalogue photos preserve full products and labels. */
#accueil-a12 .catalog-section{background:#f9fafb}
#accueil-a12 .catalog-section>.container>.prose{margin-top:20px;max-width:870px}
#accueil-a12 .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:36px}
#accueil-a12 .product-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}
#accueil-a12 .product-image{height:270px;padding:16px;background:#fff;display:flex;align-items:center;justify-content:center}
#accueil-a12 .product-image img{width:100%;height:100%;object-fit:contain}
#accueil-a12 .product-copy{padding:22px;border-top:1px solid #eef1f3;flex:1}
#accueil-a12 .product-copy p{color:var(--muted);font-size:.87rem;line-height:1.6;margin-top:10px}
#accueil-a12 .product-copy h3{font-size:1.06rem}
#accueil-a12 .crew-products .product-image{height:225px}
#accueil-a12 .catalogue-more{margin-top:30px}
#accueil-a12 .catalogue-more summary{border:1px solid var(--navy);border-radius:5px;padding:14px 24px;cursor:pointer;color:var(--navy);font-weight:700;max-width:450px;margin:auto;text-align:center;min-height:52px}
#accueil-a12 .catalogue-more summary span{display:block;font-size:.78rem;font-weight:400;margin-top:2px}
#accueil-a12 .catalogue-more summary:hover{background:var(--pale)}
#accueil-a12 .steps{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#accueil-a12 .steps li{border-top:1px solid #c9d4da;padding:22px 0}
#accueil-a12 .steps li>span{font-family:Georgia,serif;font-size:2.4rem;color:var(--red);line-height:1.1;display:block;margin-bottom:14px}
#accueil-a12 .steps p{font-size:.95rem;color:var(--muted)}
#accueil-a12 .delivery-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}
#accueil-a12 .delivery-grid h2{font-size:2rem}
#accueil-a12 .delivery-grid h3{margin-top:30px}
#accueil-a12 .delivery-grid .prose{margin-top:22px}
#accueil-a12 .delivery-grid .text-link{margin-top:25px}/* Only Notre parcours follows the selected history panels. */
#accueil-a12 .history-intro{background:linear-gradient(120deg,#f7f4ef,#eaf2f6);padding:58px 0 64px;overflow:hidden}
#accueil-a12 .history-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;position:relative;isolation:isolate;align-items:center}
#accueil-a12 .history-opening>.compass{right:30px;top:-90px;width:410px;opacity:.14}
#accueil-a12 .history-opening h1{font-style:italic;font-size:3.6rem}
#accueil-a12 .history-opening blockquote{font-family:Georgia,serif;font-style:italic;font-size:1.6rem;color:var(--navy);margin-top:22px;line-height:1.45}
#accueil-a12 .period-label{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--muted);margin-top:32px!important}
#accueil-a12 .history-opening .prose{margin-top:14px}
#accueil-a12 .polaroid{padding:18px 18px 4px;background:#fff;transform:rotate(3deg);box-shadow:0 8px 24px #18354924;max-width:430px;margin:10px auto}
#accueil-a12 .polaroid img{height:305px;border-radius:0;object-fit:cover}
#accueil-a12 .polaroid figcaption{font-family:Georgia,serif;font-style:italic;font-size:.87rem;text-align:center;padding:3px 8px 12px}
#accueil-a12 .timeline{max-width:980px;margin:0 auto}
#accueil-a12 .chapter{display:grid;grid-template-columns:110px 1fr;gap:44px;position:relative;padding-bottom:70px}
#accueil-a12 .chapter:last-child{padding-bottom:0}
#accueil-a12 .chapter:before{content:"";position:absolute;left:109px;top:15px;bottom:0;width:1px;background:var(--line)}
#accueil-a12 .chapter-date{font-family:Georgia,serif;color:var(--red);font-size:1.5rem;line-height:1.4;position:relative}
#accueil-a12 .chapter-date:after{content:"";position:absolute;right:-5px;top:12px;background:var(--red);width:9px;height:9px;border-radius:50%;outline:7px solid white}
#accueil-a12 .chapter-body>h2{font-size:2.2rem;margin-bottom:26px}
#accueil-a12 .chapter .prose+.prose{margin-top:21px}
#accueil-a12 .chapter .photo{margin-top:32px;max-width:680px}
#accueil-a12 .chapter .photo img{height:auto;max-height:440px;object-fit:contain;object-position:left}
#accueil-a12 .milestone-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:28px;margin:35px 0}
#accueil-a12 .milestone-grid article{padding:25px;border:1px solid #d7d2cc;border-radius:6px;background:#ffffff75}
#accueil-a12 .milestone-grid span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
#accueil-a12 .milestone-grid strong{display:block;font-family:Georgia,serif;font-weight:400;color:var(--navy);font-size:clamp(2rem,3vw,3.3rem);line-height:1.2;margin-top:10px}
#accueil-a12 .milestone-grid p{font-size:.9rem}
#accueil-a12 .history-continuation{columns:2;column-gap:50px}
#accueil-a12 .history-continuation>.prose{break-inside:avoid;margin-bottom:20px}
#accueil-a12 .contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#accueil-a12 .contact-card{position:relative;padding:38px;background:#fff;border:1px solid var(--line);border-radius:7px;scroll-margin-top:120px}
#accueil-a12 .contact-card h2{font-size:1.9rem;margin-top:20px}
#accueil-a12 .contact-person{font-size:1.25rem;font-weight:700;margin-top:22px}
#accueil-a12 .contact-card .button{margin-top:24px}
#accueil-a12 .anchor-alias{position:absolute;top:0;scroll-margin-top:120px}
#accueil-a12 .admin-contact{margin-top:40px;padding-top:35px;border-top:1px solid #d4d8d9;display:grid;grid-template-columns:1.2fr 1fr;gap:55px}
#accueil-a12 .admin-contact h2{font-size:1.9rem}
#accueil-a12 .admin-contact .prose{font-size:.95rem;margin-top:15px}
#accueil-a12 .admin-contact .text-link{display:flex;width:fit-content;overflow-wrap:anywhere}
#accueil-a12 .legal{max-width:860px;margin:auto}
#accueil-a12 .legal h1{margin-bottom:38px}
#accueil-a12 .legal h2{font-size:1.9rem;margin-top:36px;margin-bottom:18px}
#accueil-a12 .legal .prose{max-width:none;margin-top:18px}
#accueil-a12 .not-found{position:relative;isolation:isolate;max-width:760px;min-height:430px;padding:35px 0;overflow:hidden}
#accueil-a12 .not-found h1{margin-bottom:25px}
#accueil-a12 .not-found .compass{right:-60px;top:0}
#accueil-a12 .site-footer{background:var(--deep);color:#d9e4ea;padding:52px 0 20px;font-size:.8rem}
#accueil-a12 .footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.25fr .7fr;gap:42px}
#accueil-a12 .footer-brand{background:#fff;width:150px;border-radius:4px;margin-bottom:20px}
#accueil-a12 .footer-brand .brand-crop{width:150px;height:76px}
#accueil-a12 .site-footer h2{font-family:Arial,sans-serif;color:#fff;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.4;margin:6px 0 20px}
#accueil-a12 .footer-grid nav{display:grid;gap:3px}
#accueil-a12 .footer-grid nav a,#accueil-a12 .footer-link{display:block;color:inherit;text-decoration:none;line-height:1.6;padding:5px 0;overflow-wrap:anywhere}
#accueil-a12 .footer-grid nav a:hover,#accueil-a12 .footer-link:hover{color:white;text-decoration:underline}
#accueil-a12 .footer-grid .prose{font-size:.8rem}
#accueil-a12 .footer-grid .prose+.prose{margin-top:16px}
#accueil-a12 .footer-bottom{border-top:1px solid #ffffff24;margin-top:38px;padding-top:20px;display:flex;gap:24px;align-items:center;font-size:.73rem}
#accueil-a12 .footer-bottom p{margin:0 auto 0 0}
#accueil-a12 .footer-bottom .footer-link{display:inline-block}
#accueil-a12 .back-top{white-space:nowrap;color:#fff;text-decoration:none;min-height:44px;display:flex;align-items:center}
@media(min-width:1450px){
#accueil-a12 .header-inner{gap:30px}
#accueil-a12 .main-nav{gap:27px}
#accueil-a12 .main-nav>a,#accueil-a12 .info-toggle{font-size:.81rem}}
@media(max-width:1279px){
#accueil-a12{--header:82px}
#accueil-a12 .header-inner{padding:0 28px;justify-content:space-between;gap:12px}
#accueil-a12 .brand-crop{width:155px;height:74px}
#accueil-a12 .menu-toggle{display:flex;width:46px;height:46px;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;padding:10px}
#accueil-a12 .menu-toggle span{height:2px;background:var(--navy);display:block;width:24px}
#accueil-a12 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}
#accueil-a12 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
#accueil-a12 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}
#accueil-a12 .mobile-phone{display:flex;align-items:center;justify-content:center;width:46px;height:46px}
#accueil-a12 .mobile-phone .icon{width:28px;height:28px}
#accueil-a12 .header-cta{display:none}
#accueil-a12 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;height:auto;max-height:calc(100dvh - var(--header));overflow-y:auto;padding:10px 28px 22px;background:white;border-bottom:1px solid var(--line);box-shadow:0 14px 30px #0a2d4514}
#accueil-a12 .main-nav.is-open{display:block}
#accueil-a12 .main-nav>a,#accueil-a12 .info-toggle{font-size:.95rem;max-width:none;min-height:48px;width:100%;padding:13px 0;border-bottom:1px solid #edf0f2}
#accueil-a12 .main-nav>a[aria-current]:after{display:none}
#accueil-a12 .info-menu{display:block}
#accueil-a12 .info-toggle{justify-content:space-between}
#accueil-a12 .info-links{position:static;border:0;box-shadow:none;background:var(--pale);padding:6px 15px;border-radius:0}
#accueil-a12 .service-grid{grid-template-columns:repeat(3,1fr);gap:22px}
#accueil-a12 .service-card>img{height:175px}
#accueil-a12 .service-card>div{padding:20px 24px 38px}
#accueil-a12 .service-card h3{min-height:0;font-size:1.1rem}
#accueil-a12 .service-card p{font-size:.89rem}
#accueil-a12 .split{gap:42px}
#accueil-a12 .compact-grid{gap:40px}
#accueil-a12 .benefits .text-card{padding:0 12px}
#accueil-a12 .footer-grid{gap:24px}
#accueil-a12 .columns-4{grid-template-columns:repeat(2,1fr)}
#accueil-a12 .contact-band{padding:38px;gap:30px}
#accueil-a12 .history-opening{gap:55px}
#accueil-a12 .hero-signature{width:210px}
#accueil-a12 .home-intro{gap:40px}}
@media(max-width:800px){
#accueil-a12 .container{width:calc(100% - 40px)}
#accueil-a12 .section{padding:52px 0}
#accueil-a12 .home-intro-section{padding:30px 0}
#accueil-a12 .home-intro{grid-template-columns:1fr;gap:18px}
#accueil-a12 .home-intro h1,#accueil-a12 .home-intro h2{font-size:2.35rem;max-width:650px}
#accueil-a12 .home-intro .prose{font-size:.93rem}
#accueil-a12 .slide{min-height:550px;padding:48px 0 104px}
#accueil-a12 .home-carousel .slide{min-height:490px}
#accueil-a12 .slide-content h1,#accueil-a12 .slide-content h2{font-size:3rem;max-width:550px}
#accueil-a12 .slide-content .prose{font-size:1rem;max-width:540px}
#accueil-a12 .slide-shade{background:linear-gradient(90deg,#051e30ee,#062539b8 66%,#06253966)}
#accueil-a12 .hero-signature{width:170px;right:22px;bottom:25px}
#accueil-a12 .carousel-bar{bottom:24px;gap:10px}
#accueil-a12 .carousel-dots{gap:0}
#accueil-a12 .carousel-dot{min-width:36px}
#accueil-a12 .benefits{padding:28px 0}
#accueil-a12 .benefits .columns-5{grid-template-columns:repeat(3,1fr);gap:25px 0}
#accueil-a12 .benefits .columns-4{grid-template-columns:repeat(2,1fr);gap:25px 0}
#accueil-a12 .benefits .text-card:nth-child(3),#accueil-a12 .benefits .text-card:last-child,#accueil-a12 .benefits .columns-4 .text-card:nth-child(2){border-right:0}
#accueil-a12 .photo img{height:330px}
#accueil-a12 .split h2{font-size:2.1rem}
#accueil-a12 .compact-grid{grid-template-columns:1.5fr 1fr;gap:30px}
#accueil-a12 .compact-grid h1{font-size:2.5rem}
#accueil-a12 .compact-grid>.photo img{height:280px}
#accueil-a12 .compact-grid .actions{align-items:flex-start;gap:8px}
#accueil-a12 .compact-grid .button{font-size:.82rem;padding:12px 14px}
#accueil-a12 .columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}
#accueil-a12 .cards .text-card:last-child:nth-child(odd){grid-column:1/-1}
#accueil-a12 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#accueil-a12 .product-image{height:250px}
#accueil-a12 .benefit-short{gap:16px}
#accueil-a12 .benefit-short h2{font-size:.85rem}
#accueil-a12 .contact-band{display:block}
#accueil-a12 .contact-band .button{margin-top:25px}
#accueil-a12 .history-teaser-copy{padding:32px}
#accueil-a12 .history-teaser-copy h2{font-size:2rem}
#accueil-a12 .history-teaser-copy .prose{font-size:.9rem}
#accueil-a12 .history-opening{grid-template-columns:1.1fr 1fr;gap:35px}
#accueil-a12 .history-opening h1{font-size:2.75rem}
#accueil-a12 .history-opening blockquote{font-size:1.35rem}
#accueil-a12 .polaroid{padding:12px 12px 2px}
#accueil-a12 .polaroid img{height:250px}
#accueil-a12 .chapter{grid-template-columns:82px 1fr;gap:28px}
#accueil-a12 .chapter:before{left:81px}
#accueil-a12 .chapter-date{font-size:1.2rem}
#accueil-a12 .chapter-date:after{top:9px}
#accueil-a12 .chapter-body>h2{font-size:2rem}
#accueil-a12 .milestone-grid{gap:16px}
#accueil-a12 .milestone-grid article{padding:20px}
#accueil-a12 .history-continuation{columns:1}
#accueil-a12 .consumer-note{gap:30px}
#accueil-a12 .consumer-note>.text-link{max-width:180px}
#accueil-a12 .delivery-grid{gap:40px}
#accueil-a12 .steps{gap:22px}
#accueil-a12 .contact-card{padding:28px}
#accueil-a12 .contact-card h2{font-size:1.65rem}
#accueil-a12 .admin-contact{gap:30px}
#accueil-a12 .footer-grid{grid-template-columns:1.2fr 1fr;gap:35px 50px}
#accueil-a12 .footer-bottom{flex-wrap:wrap;gap:5px 20px}
#accueil-a12 .footer-bottom p{flex-basis:100%;margin-bottom:8px}}
@media(max-width:580px){
#accueil-a12{--header:76px}
#accueil-a12 .header-inner{padding:0 16px}
#accueil-a12 .brand-crop{width:145px;height:70px}
#accueil-a12 .container{width:calc(100% - 36px)}
#accueil-a12 .section{padding:42px 0}
#accueil-a12 h1{font-size:2.4rem}
#accueil-a12 h2{font-size:2rem}
#accueil-a12 .eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:13px}
#accueil-a12 .breadcrumb{font-size:.68rem;min-height:40px;padding-block:10px}
#accueil-a12 .home-intro-section{padding:26px 0}
#accueil-a12 .home-intro h1,#accueil-a12 .home-intro h2{font-size:2.12rem}
#accueil-a12 .home-intro .prose{font-size:.87rem;line-height:1.6}
#accueil-a12 .home-intro{gap:15px}
#accueil-a12 .slide{min-height:555px;padding:34px 0 114px}
#accueil-a12 .home-carousel .slide{min-height:520px}
#accueil-a12 .slide-content h1,#accueil-a12 .slide-content h2{font-size:2.55rem;max-width:100%}
#accueil-a12 .slide-content .prose{font-size:.94rem;line-height:1.65;margin-top:22px}
#accueil-a12 .slide-image{object-position:65% center}
#accueil-a12 .slide-shade{background:linear-gradient(90deg,#032238eb,#06263bc9 60%,#092d4582)}
#accueil-a12 .slide-content .actions{gap:10px;margin-top:25px}
#accueil-a12 .slide-content .button{padding:11px 13px;font-size:.79rem;min-height:46px}
#accueil-a12 .hero-signature{display:none}
#accueil-a12 .carousel-bar{bottom:30px;justify-content:space-between;gap:8px}
#accueil-a12 .carousel-dot{min-width:32px;height:44px}
#accueil-a12 .carousel-arrows{gap:8px}
#accueil-a12 .illustration-credit{font-size:9px;bottom:8px}
#accueil-a12 .benefits{padding:27px 0}
#accueil-a12 .benefits>.container>h2{font-size:.63rem;margin-bottom:25px}
#accueil-a12 .benefits .columns-5,#accueil-a12 .benefits .columns-4{grid-template-columns:1fr 1fr;gap:24px 0}
#accueil-a12 .benefits .text-card{padding:0 12px!important;grid-column:auto!important;border-right:1px solid #d2dfe6!important}
#accueil-a12 .benefits .text-card:nth-child(even),#accueil-a12 .benefits .text-card:last-child{border-right:0!important}
#accueil-a12 .benefits .text-card:last-child:nth-child(odd){grid-column:1/-1!important;max-width:275px;justify-self:center}
#accueil-a12 .benefits .text-card .icon{width:38px;height:38px;margin-bottom:8px}
#accueil-a12 .benefits h3{font-size:.85rem}
#accueil-a12 .benefits .text-card p{font-size:.74rem;line-height:1.5;margin-top:8px}
#accueil-a12 .benefit-short{grid-template-columns:1fr 1fr;gap:23px}
#accueil-a12 .service-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}
#accueil-a12 .service-card{display:grid;grid-template-columns:103px 1fr;align-items:stretch;min-height:125px}
#accueil-a12 .service-card>img{height:100%;min-height:125px;object-fit:cover}
#accueil-a12 .service-card>div{padding:15px 31px 15px 17px}
#accueil-a12 .service-card .icon{display:none}
#accueil-a12 .service-card h3{font-size:.98rem}
#accueil-a12 .service-card p{font-size:.77rem;line-height:1.45;margin-top:6px}
#accueil-a12 .card-arrow{bottom:auto;top:calc(50% - 12px);right:12px}
#accueil-a12 .services-section>.container>h2{font-size:1.95rem}
#accueil-a12 .history-teaser{grid-template-columns:1fr}
#accueil-a12 .history-teaser>.photo img{height:230px;min-height:0;object-position:center 45%}
#accueil-a12 .history-teaser-copy{padding:30px 25px}
#accueil-a12 .history-teaser-copy h2{font-size:2rem}
#accueil-a12 .history-teaser-copy .prose{font-size:.93rem}
#accueil-a12 .story-signature{width:230px}
#accueil-a12 .story-section{padding:0 0 20px!important}
#accueil-a12 .cta-section{padding:25px 0 45px!important}
#accueil-a12 .contact-band{padding:30px 25px}
#accueil-a12 .contact-band h2{font-size:2rem}
#accueil-a12 .contact-band .prose{font-size:.93rem}
#accueil-a12 .contact-band .button{max-width:none;font-size:.82rem}
#accueil-a12 .split,#accueil-a12 .compact-grid{grid-template-columns:1fr;gap:28px}
#accueil-a12 .split.reverse>.photo{order:0}
#accueil-a12 .split-copy h2{font-size:2rem}
#accueil-a12 .split-copy .prose{font-size:.95rem;margin-top:19px}
#accueil-a12 .photo img{height:275px}
#accueil-a12 .compact-opening{padding:28px 0 40px}
#accueil-a12 .compact-grid h1{font-size:2.35rem}
#accueil-a12 .compact-grid>.photo{display:none}
#accueil-a12 .compact-grid .actions{gap:10px 20px;align-items:center}
#accueil-a12 .compact-grid .prose{font-size:.96rem;margin-top:20px}
#accueil-a12 .compact-grid .button{font-size:.86rem}
#accueil-a12 .columns-3,#accueil-a12 .columns-4{grid-template-columns:1fr;gap:16px}
#accueil-a12 .text-card{padding:25px}
#accueil-a12 .text-card .icon{width:44px;height:44px;margin-bottom:17px}
#accueil-a12 .text-card h3{font-size:1.1rem}
#accueil-a12 .text-card p{font-size:.92rem}
#accueil-a12 .cards .text-card:last-child:nth-child(odd){grid-column:auto}
#accueil-a12 .product-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}
#accueil-a12 .product-image{height:295px;padding:14px}
#accueil-a12 .product-copy{padding:19px 22px}
#accueil-a12 .product-copy h3{font-size:1.15rem}
#accueil-a12 .crew-products .product-image{height:225px}
#accueil-a12 .catalogue-more summary{font-size:.88rem;padding:13px 16px}
#accueil-a12 .consumer-note{display:block}
#accueil-a12 .consumer-note>.text-link,#accueil-a12 .consumer-note>.button{margin-top:20px;max-width:none}
#accueil-a12 .notice{padding:20px;margin-top:26px}
#accueil-a12 .notice .prose{font-size:.92rem}
#accueil-a12 .steps{grid-template-columns:1fr;gap:6px}
#accueil-a12 .steps li{position:relative;padding:19px 0 20px 57px;min-height:100px}
#accueil-a12 .steps li>span{position:absolute;left:0;top:19px;font-size:2rem}
#accueil-a12 .steps h3{font-size:1.1rem}
#accueil-a12 .steps p{font-size:.92rem;margin-top:9px}
#accueil-a12 .delivery-grid{grid-template-columns:1fr;gap:35px}
#accueil-a12 .delivery-grid>div+div{border-top:1px solid #d3d9dc;padding-top:30px}
#accueil-a12 .history-opening{grid-template-columns:1fr;gap:25px}
#accueil-a12 .history-opening h1{font-size:3rem}
#accueil-a12 .history-opening blockquote{font-size:1.5rem}
#accueil-a12 .history-opening .polaroid{width:90%;max-width:360px;margin:12px auto}
#accueil-a12 .history-opening .compass{right:-150px;top:0}
#accueil-a12 .polaroid img{height:255px}
#accueil-a12 .chapter{grid-template-columns:1fr;gap:18px;padding-left:24px;padding-bottom:50px}
#accueil-a12 .chapter:before{left:0;top:12px}
#accueil-a12 .chapter-date{font-size:1.4rem}
#accueil-a12 .chapter-date:after{left:-28px;right:auto;top:12px}
#accueil-a12 .chapter-body>h2{font-size:2rem;margin-bottom:22px}
#accueil-a12 .chapter .prose{font-size:.95rem}
#accueil-a12 .chapter .photo{margin-top:25px}
#accueil-a12 .chapter .photo img{height:auto;max-height:none}
#accueil-a12 .milestone-grid{grid-template-columns:1fr;gap:14px;margin:28px 0}
#accueil-a12 .milestone-grid article{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:7px 15px;align-items:center}
#accueil-a12 .milestone-grid strong{font-size:2.4rem;margin:0;grid-column:2;grid-row:1/3}
#accueil-a12 .milestone-grid p{margin:0}
#accueil-a12 .history-continuation{font-size:.95rem}
#accueil-a12 .contact-cards{grid-template-columns:1fr;gap:22px}
#accueil-a12 .contact-card{padding:28px}
#accueil-a12 .contact-card h2{font-size:1.85rem}
#accueil-a12 .contact-person{font-size:1.18rem}
#accueil-a12 .contact-card .button{font-size:.8rem}
#accueil-a12 .admin-contact{grid-template-columns:1fr;gap:18px}
#accueil-a12 .admin-contact .text-link{font-size:.83rem}
#accueil-a12 .legal h1{font-size:2.4rem}
#accueil-a12 .legal h2{font-size:1.8rem}
#accueil-a12 .legal p{font-size:.95rem;overflow-wrap:anywhere}
#accueil-a12 .not-found{min-height:410px;padding:10px 0}
#accueil-a12 .not-found h1{font-size:2.4rem}
#accueil-a12 .footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}
#accueil-a12 .footer-about{grid-column:1/-1}
#accueil-a12 .footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:3}
#accueil-a12 .footer-grid>div:nth-child(4){grid-column:2;grid-row:2}
#accueil-a12 .site-footer{padding:35px 0 16px}
#accueil-a12 .footer-grid h2{font-size:.83rem}
#accueil-a12 .footer-grid nav a,#accueil-a12 .footer-link{min-height:34px;padding-block:7px}
#accueil-a12 .footer-signature{width:160px}
#accueil-a12 .footer-bottom{margin-top:25px}
#accueil-a12 .footer-bottom .back-top{flex-basis:100%;margin-top:5px}}/* Keep every carousel control usable even on a 320px viewport. */
#accueil-a12 .carousel-dot{min-width:44px}
@media(max-width:580px){
#accueil-a12 .home-carousel .carousel-bar{flex-wrap:wrap;bottom:18px}
#accueil-a12 .home-carousel .carousel-dots{width:100%;justify-content:center}
#accueil-a12 .home-carousel .carousel-arrows{margin-left:auto}
#accueil-a12 .home-carousel .slide{padding-bottom:158px;min-height:565px}
#accueil-a12 .footer-grid nav a,#accueil-a12 .footer-grid .footer-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){
#accueil-a12{scroll-behavior:auto}
#accueil-a12 *,#accueil-a12 *:before,#accueil-a12 *:after{transition:none!important}}/* V4 — retours client, 28 septembre 2026. */
#accueil-a12 .header-cta{border-radius:999px;padding:12px 18px}
#accueil-a12 .mobile-nav-actions{display:none}
#accueil-a12 .footer-brand{background:transparent;width:154px;border-radius:0;margin-bottom:20px}
#accueil-a12 .footer-brand img{position:static;display:block;width:154px;height:auto;transform:none}
#accueil-a12 .footer-about>.prose{font-size:.94rem;font-weight:600;line-height:1.7;color:#edf4f8}
#accueil-a12 .services-section>.container>.eyebrow{font-weight:800;font-size:.83rem;letter-spacing:.12em}
#accueil-a12 .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#accueil-a12 .service-card>img{height:205px}
#accueil-a12 .service-card>div{padding:25px 28px 46px}
#accueil-a12 .service-card h3{font-size:1.16rem;min-height:0}
#accueil-a12 .service-card p{font-size:.93rem;line-height:1.65}
#accueil-a12 .home-intro-section{padding:54px 0;margin-bottom:54px}
#accueil-a12 .professional-panel{max-width:850px;margin-inline:auto;text-align:center}
#accueil-a12 .professional-copy .prose{margin:22px auto 0}
#accueil-a12 .professional-copy .button{margin-top:26px}
#accueil-a12 .skinpack-story .text-link{margin-top:22px}
#accueil-a12 .skinpack-story .photo img{height:370px;object-position:center}
#accueil-a12 .local-preparation-mark{max-width:410px;margin-top:30px;padding:14px;background:white;border:1px solid var(--line);border-radius:6px}
#accueil-a12 .local-preparation-mark img{width:100%;height:auto}
#accueil-a12 .ice-opening{background-color:#eef4f7;background-image:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.3) 58%,rgba(255,255,255,.12)),url("/assets/img/fond-glace-texture-v17.webp");background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
#accueil-a12 .preparation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#accueil-a12 .preparation-grid .text-card{padding:24px 20px}
#accueil-a12 .preparation-grid .text-card h3{font-size:1.02rem}
#accueil-a12 .preparation-grid .text-card p{font-size:.87rem}
@media(min-width:1280px){
#accueil-a12 .header-inner{gap:20px}
#accueil-a12 .main-nav{gap:0}
#accueil-a12 .main-nav>a,#accueil-a12 .info-toggle{color:var(--navy);font-size:.73rem;letter-spacing:.045em;text-transform:uppercase;text-align:center;justify-content:center;max-width:126px;padding:14px 13px}
#accueil-a12 .main-nav>a+a:before,#accueil-a12 .info-menu:before{content:"";position:absolute;left:0;top:calc(50% - 15px);width:1px;height:30px;background:#d5dfe5}
#accueil-a12 .main-nav>a[aria-current]:after{left:13px;right:13px;bottom:17px}
#accueil-a12 .main-nav>a:hover,#accueil-a12 .main-nav>a[aria-current],#accueil-a12 .info-toggle:hover{color:var(--red)}
}
@media(max-width:1279px){
#accueil-a12 .main-nav>a,#accueil-a12 .info-toggle{text-transform:uppercase;letter-spacing:.06em;color:var(--navy);font-size:.85rem}
#accueil-a12 .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}
#accueil-a12 .mobile-nav-actions .button{border-radius:999px;font-size:.82rem}
}
@media(max-width:1000px){
#accueil-a12 .preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
#accueil-a12 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#accueil-a12 .service-card>img{height:190px}
#accueil-a12 .service-card>div{padding:22px 23px 40px}
#accueil-a12 .preparation-grid .text-card:last-child:nth-child(odd){grid-column:auto}
}
@media(max-width:800px){
#accueil-a12 .home-intro-section{padding:38px 0;margin-bottom:38px}
#accueil-a12 .skinpack-story .photo img{height:320px}
}
@media(max-width:580px){
#accueil-a12 .services-section>.container>.eyebrow{font-size:.72rem}
#accueil-a12 .service-grid{grid-template-columns:1fr;gap:12px}
#accueil-a12 .service-card>img{height:100%;min-height:125px}
#accueil-a12 .service-card>div{padding:15px 31px 15px 17px}
#accueil-a12 .service-card h3{font-size:.98rem}
#accueil-a12 .service-card p{font-size:.77rem;line-height:1.45}
#accueil-a12 .home-intro-section{padding:35px 0;margin-bottom:30px}
#accueil-a12 .professional-panel{text-align:left}
#accueil-a12 .skinpack-story .photo img{height:270px}
#accueil-a12 .local-preparation-mark{max-width:100%;margin-top:25px;padding:10px}
#accueil-a12 .ice-opening{background-image:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.45)),url("/assets/img/fond-glace-texture-v17.webp");background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
#accueil-a12 .preparation-grid{grid-template-columns:1fr;gap:16px}
#accueil-a12 .preparation-grid .text-card{padding:25px}
#accueil-a12 .preparation-grid .text-card h3{font-size:1.1rem}
#accueil-a12 .preparation-grid .text-card p{font-size:.92rem}
#accueil-a12 .footer-about>.prose{font-size:.92rem}
}
@media(max-width:380px){
#accueil-a12 .mobile-nav-actions{grid-template-columns:1fr}}/* Explorations accueil A1 — couches ciblées, socle V4 conservé. */
#accueil-a12{--parchment:#e0c397;--header:92px}
#accueil-a12{overflow-x:clip}
#accueil-a12 .site-header{position:relative}
#accueil-a12 .brand-crop{transform:scale(.9);transform-origin:left center}
#accueil-a12 .header-cta{border-radius:999px}
#accueil-a12 .eyebrow{font-weight:800}
#accueil-a12 .services-explore{padding:52px 0 58px}
#accueil-a12 .services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
#accueil-a12 .services-heading h1{font:500 clamp(2.4rem,3.5vw,3.6rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.035em;max-width:850px}
#accueil-a12 .services-heading .eyebrow{margin-bottom:13px}
#accueil-a12 .explore-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);max-width:130px;line-height:1.6;text-align:right;margin-bottom:4px}
#accueil-a12 .service-choice{color:var(--navy);text-align:left;border:0;background:none;padding:0;font:inherit;cursor:pointer}
#accueil-a12 .service-choice:hover .s-arrow{transform:translate(4px,-4px)}
#accueil-a12 .s-arrow{font-family:Arial,sans-serif;transition:transform .2s;display:inline-block;font-size:1.4rem}
#accueil-a12 .s-num{font-size:.68rem;letter-spacing:.1em;font-weight:700;opacity:.7}
#accueil-a12 .s-name{font-family:Georgia,serif;font-size:1.7rem;font-weight:500;line-height:1.1}
#accueil-a12 .s-label{font-size:.76rem;line-height:1.45}
#accueil-a12 .s-icon{width:34px;height:34px;object-fit:contain}
#accueil-a12 .explore-benefits{padding:30px 0 35px}
#accueil-a12 .explore-benefits .benefits-heading{font-family:Georgia,serif;text-transform:none;letter-spacing:-.02em;font-size:1.8rem;font-weight:500;margin-bottom:28px;text-align:center}
#accueil-a12 .explore-benefits .text-card{border:0;box-shadow:none;background:none;padding:0 22px}
#accueil-a12 .explore-benefits .text-card p{font-size:.8rem;line-height:1.6}
#accueil-a12 .explore-benefits .text-card .icon{width:40px;height:40px;margin-bottom:12px}
#accueil-a12 .explore-benefits h3{font-size:.93rem}
#accueil-a12 .presentation{padding:70px 0}
#accueil-a12 .presentation h2{font-size:clamp(2rem,3.4vw,3.7rem);line-height:1.1}
#accueil-a12 .presentation .prose{font-size:1.04rem;line-height:1.85}
#accueil-a12 .presentation .intro-eyebrow{font-weight:800;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--red);margin-bottom:24px}
#accueil-a12 .presentation .intro-rule{width:60px;height:3px;background:var(--red);margin:28px 0}
#accueil-a12 .presentation .intro-brand{font-weight:400;font-family:Georgia,serif}
#accueil-a12 .presentation .intro-em{font-style:italic;font-weight:400}
#accueil-a12 .story-section{padding:48px 0 62px;background:#faf8f4}
#accueil-a12 .history-teaser{border:0;border-radius:0;overflow:hidden;background:#dfc498;grid-template-columns:1.04fr 1fr}
#accueil-a12 .history-teaser>.photo{position:relative}
#accueil-a12 .history-teaser>.photo img{height:100%;min-height:480px;object-fit:cover;object-position:45% center}
#accueil-a12 .history-teaser-copy{position:relative;isolation:isolate;overflow:hidden;padding:50px 46px;background-color:#dfc498;background-image:radial-gradient(ellipse at 20% 25%,#faecd370,transparent 70%),repeating-linear-gradient(91deg,#80502007 0px,#80502007 1px,transparent 1px,transparent 5px),linear-gradient(125deg,#ead5b3,#d2af7b)}
#accueil-a12 .history-teaser-copy .compass{position:absolute;right:-90px;top:-55px;width:420px;height:420px;opacity:.24;z-index:-1;mix-blend-mode:multiply}
#accueil-a12 .history-teaser-copy h2{font-size:2.65rem;max-width:510px}
#accueil-a12 .history-teaser-copy .prose{font-size:.96rem;line-height:1.75}
#accueil-a12 .history-teaser-copy .story-signature{width:210px;margin-top:27px}
#accueil-a12 .history-teaser-copy .button{margin-top:26px}
#accueil-a12 .photo-note{position:absolute;bottom:12px;left:14px;right:auto;color:#fff;background:#082d46c9;padding:5px 9px;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
#accueil-a12 .cta-section{padding:46px 0 66px}
#accueil-a12 .contact-band{border-radius:0}
#accueil-a12 .home-carousel .slide{min-height:500px}
#accueil-a12 .footer-about>.prose{font-size:.85rem;font-weight:600;text-transform:uppercase;line-height:1.8}
#accueil-a12 .footer-about>.prose p+p{margin-top:20px}
#accueil-a12 .footer-bottom,#accueil-a12 .footer-bottom a{font-style:italic}
#accueil-a12 .variant-label{position:fixed;left:14px;bottom:12px;z-index:1000;border:1px solid #c9d4dc;background:#fffc;color:#123d54;padding:7px 12px;border-radius:30px;box-shadow:0 3px 18px #06223714;font-size:10px;letter-spacing:.05em;backdrop-filter:blur(8px);pointer-events:none}
#accueil-a12 .service-dialog{border:0;padding:0;width:min(860px,calc(100% - 32px));max-height:90vh;border-radius:8px;color:var(--navy);box-shadow:0 20px 80px #00192950}
#accueil-a12 .service-dialog::backdrop{background:#001928a6}
#accueil-a12 .dialog-body{display:grid;grid-template-columns:1fr 1fr}
#accueil-a12 .dialog-body img{width:100%;height:100%;min-height:330px;object-fit:cover}
#accueil-a12 .dialog-copy{padding:42px 32px}
#accueil-a12 .dialog-copy h2{font-size:2.5rem}
#accueil-a12 .dialog-copy p{font-size:.95rem;line-height:1.75;margin-bottom:24px}
#accueil-a12 .dialog-close{position:absolute;right:10px;top:10px;background:white;border:1px solid #dce4e8;border-radius:50%;width:36px;height:36px;z-index:2}
#accueil-a12 .dialog-copy a{border-radius:30px}
@media(prefers-reduced-motion:no-preference){
#accueil-a12 .service-choice{transition:background .25s,color .25s}
#accueil-a12 .hero-panel{transition:flex .45s ease}}/* 01 — Le comptoir : photographie verticale et menu de métiers. */
#accueil-a12 .v1 .services-explore{background:#fcfbf8}
#accueil-a12 .counter{display:grid;grid-template-columns:.9fr 1.3fr;min-height:490px;border-top:1px solid #092f4b}
#accueil-a12 .counter-photo{position:relative;margin:24px 36px 0 0;min-width:0;overflow:hidden}
#accueil-a12 .counter-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#accueil-a12 .counter-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#001d36c2,transparent 65%)}
#accueil-a12 .counter-caption{position:absolute;bottom:27px;left:30px;right:20px;color:white;z-index:1}
#accueil-a12 .counter-caption small{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
#accueil-a12 .counter-caption strong{font-family:Georgia,serif;font-weight:400;font-size:2.2rem;line-height:1.15;display:block;margin-top:10px}
#accueil-a12 .counter-list{padding-top:8px}
#accueil-a12 .counter-row{width:100%;display:grid;grid-template-columns:32px 1fr 30px;gap:14px;padding:17px 0;border-bottom:1px solid #cad5d9;align-items:center}
#accueil-a12 .counter-row .s-name{display:block;font-size:1.55rem}
#accueil-a12 .counter-row .s-label{display:block;margin-top:5px;font-size:.76rem;color:var(--muted)}
#accueil-a12 .counter-row:hover,#accueil-a12 .counter-row:focus-visible{color:var(--red)}
#accueil-a12 .v1 .explore-benefits{border-block:1px solid #e2e9ed;background:white}
#accueil-a12 .v1 .explore-benefits .text-card+.text-card{border-left:1px solid #dce4e8}
#accueil-a12 .v1 .explore-benefits .icon{border-radius:50%;background:#edf4f6;padding:10px;width:61px;height:61px}
#accueil-a12 .intro-counter{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center}
#accueil-a12 .v1 .presentation{background:#f2f5f6}
#accueil-a12 .v1 .presentation .intro-em{font-size:.86em}/* 02 — La mosaïque : six photos, proportions éditoriales. */
#accueil-a12 .v2 .services-heading{max-width:980px}
#accueil-a12 .mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:150px 150px 195px;gap:10px}
#accueil-a12 .mosaic-tile{position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:24px;min-width:0}
#accueil-a12 .mosaic-tile>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .4s}
#accueil-a12 .mosaic-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#011f3033,#01253805 15%,#011e39de 100%)}
#accueil-a12 .mosaic-tile:hover>img{transform:scale(1.045)}
#accueil-a12 .mosaic-tile>*:not(img){position:relative;z-index:1}
#accueil-a12 .mosaic-tile .s-num{color:#fff;opacity:1}
#accueil-a12 .mosaic-tile .s-name{font-size:1.85rem;display:block}
#accueil-a12 .mosaic-tile .s-label{display:block;margin-top:7px;max-width:260px}
#accueil-a12 .mosaic-tile .s-arrow{position:absolute;right:20px;top:18px}
#accueil-a12 .mosaic-tile:nth-child(1){grid-column:1/4;grid-row:1/3}
#accueil-a12 .mosaic-tile:nth-child(2){grid-column:4/7;grid-row:1}
#accueil-a12 .mosaic-tile:nth-child(3){grid-column:4/7;grid-row:2}
#accueil-a12 .mosaic-tile:nth-child(4){grid-column:1/3;grid-row:3;background:var(--navy)}
#accueil-a12 .mosaic-tile:nth-child(5){grid-column:3/5;grid-row:3}
#accueil-a12 .mosaic-tile:nth-child(6){grid-column:5/7;grid-row:3}
#accueil-a12 .v2 .explore-benefits{background:var(--navy);color:#e2edf2;margin-top:8px}
#accueil-a12 .v2 .explore-benefits h2,#accueil-a12 .v2 .explore-benefits h3{color:white}
#accueil-a12 .v2 .explore-benefits .icon{filter:brightness(0) invert(1)}
#accueil-a12 .v2 .explore-benefits .text-card p{color:#dce5e9}
#accueil-a12 .intro-mosaic{display:grid;grid-template-columns:1.2fr .8fr;gap:0;align-items:stretch}
#accueil-a12 .intro-mosaic .intro-main{padding:45px 50px 45px 0}
#accueil-a12 .intro-mosaic .intro-aside{padding:36px 40px;background:#f2eee7;border-left:3px solid var(--red);display:flex;flex-direction:column;justify-content:center}
#accueil-a12 .intro-mosaic .intro-aside .intro-brand{font-size:5.4rem;line-height:1;color:#c3ad8d;margin-bottom:26px;font-style:italic}
#accueil-a12 .v2 .presentation{padding:35px 0 55px}
#accueil-a12 .v2 .history-teaser{grid-template-columns:1fr 1fr}
#accueil-a12 .v2 .history-teaser-copy{background-color:#d6b784;background-image:radial-gradient(at 0 0,#f4e4c9,transparent),linear-gradient(130deg,#e4cca8,#d1aa73)}/* 03 — La boussole : six directions autour d'un centre marin. */
#accueil-a12 .v3 .services-explore{background:#fbfcfc}
#accueil-a12 .v3 .services-heading{justify-content:center;text-align:center}
#accueil-a12 .v3 .explore-kicker{display:none}
#accueil-a12 .compass-services{display:grid;grid-template-columns:1fr 300px 1fr;grid-template-rows:repeat(3,112px);column-gap:45px;position:relative;padding:24px 0}
#accueil-a12 .compass-core{grid-column:2;grid-row:1/4;position:relative;align-self:center;aspect-ratio:1}
#accueil-a12 .compass-core>.rose{position:absolute;inset:-26px;width:calc(100% + 52px);height:calc(100% + 52px);opacity:.35}
#accueil-a12 .compass-core>.core-circle{position:absolute;inset:38px;border-radius:50%;overflow:hidden;background:var(--navy);box-shadow:0 0 0 10px white,0 0 0 11px #c4d0d7}
#accueil-a12 .core-circle img{width:100%;height:100%;object-fit:cover;opacity:.57}
#accueil-a12 .core-circle span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:italic 2.05rem/1.1 Georgia,serif;color:white}
#accueil-a12 .direction{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:14px;border-bottom:1px solid #c6d3da;position:relative}
#accueil-a12 .direction:after{content:"";position:absolute;width:25px;height:1px;background:#a8bcc8;right:-25px;top:50%}
#accueil-a12 .direction:nth-of-type(n+4):after{left:-25px}
#accueil-a12 .direction .s-name{font-size:1.34rem;display:block}
#accueil-a12 .direction .s-label{color:var(--muted);font-size:.73rem;display:block;margin-top:7px}
#accueil-a12 .direction .s-icon{width:43px;height:43px}
#accueil-a12 .direction:nth-of-type(1){grid-column:1;grid-row:1}
#accueil-a12 .direction:nth-of-type(2){grid-column:1;grid-row:2}
#accueil-a12 .direction:nth-of-type(3){grid-column:1;grid-row:3}
#accueil-a12 .direction:nth-of-type(4){grid-column:3;grid-row:1}
#accueil-a12 .direction:nth-of-type(5){grid-column:3;grid-row:2}
#accueil-a12 .direction:nth-of-type(6){grid-column:3;grid-row:3}
#accueil-a12 .direction:hover{background:#edf4f7}
#accueil-a12 .v3 .explore-benefits{background:#eef4f7;border-top:1px solid #d4dfe5}
#accueil-a12 .v3 .explore-benefits .cards{position:relative}
#accueil-a12 .v3 .explore-benefits .cards:before{content:"";height:1px;background:#b9ccd7;position:absolute;left:10%;right:10%;top:25px}
#accueil-a12 .v3 .explore-benefits .icon{position:relative;background:#eef4f7;box-sizing:content-box;padding:8px;z-index:1}
#accueil-a12 .intro-compass{text-align:center;max-width:900px;margin:auto}
#accueil-a12 .intro-compass h2{max-width:830px;margin:auto}
#accueil-a12 .intro-compass .prose{max-width:750px;margin:30px auto 0}
#accueil-a12 .intro-compass .intro-eyebrow:before,#accueil-a12 .intro-compass .intro-eyebrow:after{content:"";width:48px;height:1px;background:#b8c7ce;display:inline-block;vertical-align:middle;margin:0 22px}
#accueil-a12 .intro-compass .intro-em{color:#607f8e}
#accueil-a12 .v3 .history-teaser-copy .compass{width:440px;right:-120px;top:-35px;opacity:.29}/* 04 — Les six escales : panneaux photographiques dépliants. */
#accueil-a12.v4 .services-explore{background:#f8f9fa}
#accueil-a12 .panels{display:flex;gap:7px;height:475px}
#accueil-a12 .hero-panel{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--navy);border:none;padding:0;text-align:left;color:white;cursor:pointer}
#accueil-a12 .hero-panel.active{flex:2.25}
#accueil-a12 .hero-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66;transition:opacity .3s}
#accueil-a12 .hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03253730,transparent 30%,#032537f2)}
#accueil-a12 .hero-panel.active>img{opacity:1}
#accueil-a12 .panel-top{position:absolute;top:21px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:1}
#accueil-a12 .panel-copy{position:absolute;bottom:24px;left:20px;right:18px;z-index:1}
#accueil-a12 .panel-copy .s-name{font-size:1.42rem;display:block}
#accueil-a12 .panel-copy .s-label{display:block;margin-top:14px;line-height:1.65;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s,max-height .3s}
#accueil-a12 .hero-panel.active .s-label{max-height:150px;opacity:1}
#accueil-a12 .panel-copy .panel-more{display:none;border-top:1px solid #ffffff88;margin-top:16px;padding-top:12px;font-size:.75rem}
#accueil-a12 .hero-panel.active .panel-more{display:block}
#accueil-a12.v4 .explore-benefits{padding:36px 0;background:white}
#accueil-a12.v4 .explore-benefits .text-card{text-align:left;position:relative;padding-left:15px;border-left:2px solid #d3dfe5}
#accueil-a12.v4 .explore-benefits .text-card:first-child{border-left-color:var(--red)}
#accueil-a12.v4 .explore-benefits .icon{margin-left:0;margin-right:0}
#accueil-a12 .intro-escales{display:grid;grid-template-columns:130px 1.1fr .85fr;gap:40px;align-items:center}
#accueil-a12 .intro-escales .intro-coordinate{font:italic 5rem/1 Georgia,serif;color:#5f7c90;border-right:1px solid #426176;padding:20px 0}
#accueil-a12.v4 .presentation{background:var(--navy);color:#dae5eb}
#accueil-a12.v4 .presentation h2{color:white;font-size:3rem}
#accueil-a12.v4 .presentation .intro-eyebrow{color:#ecb3a3}
#accueil-a12.v4 .presentation .prose{font-size:.98rem}/* 05 — Le sélecteur : navigation typographique et grand aperçu. */
#accueil-a12 .v5 .services-explore{padding-bottom:48px}
#accueil-a12 .service-tabs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #c4d2db;border-radius:4px 4px 0 0;overflow:hidden}
#accueil-a12 .service-tab{padding:17px 12px;background:white;border:0;border-right:1px solid #c4d2db;text-align:center;font-size:.83rem;font-weight:700;color:var(--navy);line-height:1.4;min-height:68px}
#accueil-a12 .service-tab:last-child{border-right:0}
#accueil-a12 .service-tab[aria-selected=true]{background:var(--navy);color:white}
#accueil-a12 .tab-stage{display:grid;grid-template-columns:.9fr 1.1fr;min-height:355px;background:var(--navy)}
#accueil-a12 .tab-copy{padding:39px 42px;color:#e5edf1;display:flex;flex-direction:column;justify-content:center}
#accueil-a12 .tab-copy .tab-caption{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#f2ac9e;margin-bottom:15px}
#accueil-a12 .tab-copy h2{font:500 2.5rem/1.1 Georgia,serif;color:white}
#accueil-a12 .tab-copy p{font-size:.94rem;line-height:1.75;margin-top:20px}
#accueil-a12 .tab-copy .button{align-self:flex-start;margin-top:26px;border-radius:30px}
#accueil-a12 .tab-photo{position:relative;min-height:355px;overflow:hidden}
#accueil-a12 .tab-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#accueil-a12 .v5 .explore-benefits{background:#f3f5f6}
#accueil-a12 .v5 .explore-benefits .text-card .icon{margin-bottom:15px}
#accueil-a12 .v5 .explore-benefits .text-card{border-right:1px solid #c5d4dc}
#accueil-a12 .v5 .explore-benefits .text-card:last-child{border:0}
#accueil-a12 .intro-selector{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
#accueil-a12 .intro-selector .intro-mark{display:flex;gap:28px;align-items:center;margin-top:28px;border-top:1px solid #d4dee3;padding-top:25px}
#accueil-a12 .intro-selector .intro-mark img{width:140px;height:auto}
#accueil-a12 .intro-selector .intro-mark span{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;line-height:1.65;color:var(--muted)}
#accueil-a12 .intro-selector h2 .intro-em{display:block;margin-top:10px}
#accueil-a12 .v5 .presentation .prose{padding:35px;border-top:3px solid var(--red);background:#f8f6f1}
@media(max-width:1100px){
#accueil-a12 .compass-services{grid-template-columns:1fr 230px 1fr;column-gap:28px}
#accueil-a12 .compass-core>.rose{inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px)}
#accueil-a12 .direction .s-name{font-size:1.2rem}
#accueil-a12 .direction{gap:8px;grid-template-columns:36px 1fr 15px}
#accueil-a12 .direction .s-icon{width:32px;height:32px}
#accueil-a12 .intro-escales{grid-template-columns:90px 1fr 1fr;gap:26px}
#accueil-a12 .panel-copy{left:14px;right:12px}
#accueil-a12 .panel-copy .s-name{font-size:1.22rem}
#accueil-a12 .hero-panel.active{flex:2.5}
#accueil-a12 .intro-counter{gap:45px}
#accueil-a12 .history-teaser-copy{padding:36px}
#accueil-a12 .history-teaser-copy h2{font-size:2.2rem}
}
@media(max-width:800px){
#accueil-a12 .services-explore{padding:35px 0 40px}
#accueil-a12 .services-heading{margin-bottom:26px}
#accueil-a12 .explore-kicker{display:none}
#accueil-a12 .services-heading h1{font-size:2.6rem}
#accueil-a12 .counter{grid-template-columns:.85fr 1.15fr;min-height:440px}
#accueil-a12 .counter-photo{margin-right:24px}
#accueil-a12 .counter-caption{left:20px}
#accueil-a12 .counter-caption strong{font-size:1.75rem}
#accueil-a12 .counter-row{padding:14px 0;gap:8px;grid-template-columns:24px 1fr 22px}
#accueil-a12 .counter-row .s-name{font-size:1.26rem}
#accueil-a12 .counter-row .s-label{font-size:.7rem}
#accueil-a12 .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,230px)}
#accueil-a12 .mosaic-tile:nth-child(n){grid-column:auto;grid-row:auto}
#accueil-a12 .compass-services{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,105px);column-gap:35px}
#accueil-a12 .compass-core{display:none}
#accueil-a12 .direction:after{display:none}
#accueil-a12 .direction:nth-of-type(n){grid-column:auto;grid-row:auto}
#accueil-a12 .direction .s-name{font-size:1.32rem}
#accueil-a12 .direction .s-icon{width:34px;height:34px}
#accueil-a12 .panels{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#accueil-a12 .hero-panel{min-height:280px}
#accueil-a12 .hero-panel.active{grid-column:span 2;min-height:330px}
#accueil-a12 .panel-copy .s-name{font-size:1.8rem}
#accueil-a12 .hero-panel.active .s-label{max-width:440px}
#accueil-a12 .service-tabs{grid-template-columns:repeat(3,1fr)}
#accueil-a12 .service-tab{border-bottom:1px solid #c4d2db}
#accueil-a12 .service-tab:nth-child(3){border-right:0}
#accueil-a12 .tab-copy{padding:30px}
#accueil-a12 .tab-copy h2{font-size:2.1rem}
#accueil-a12 .intro-counter,#accueil-a12 .intro-selector{gap:32px}
#accueil-a12 .intro-mosaic .intro-main{padding-right:28px}
#accueil-a12 .intro-mosaic .intro-aside{padding:30px}
#accueil-a12 .intro-escales{grid-template-columns:1fr 1fr}
#accueil-a12 .intro-coordinate{display:none}
#accueil-a12.v4 .presentation h2{font-size:2.4rem}
#accueil-a12 .history-teaser{grid-template-columns:1fr!important}
#accueil-a12 .history-teaser>.photo img{min-height:0;height:350px;object-position:center 35%}
#accueil-a12 .history-teaser-copy{padding:38px 40px}
#accueil-a12 .history-teaser-copy h2{max-width:640px}
#accueil-a12 .presentation{padding:45px 0}
}
@media(max-width:580px){
#accueil-a12 .container{width:calc(100% - 36px)}
#accueil-a12 .services-heading h1{font-size:2.28rem;line-height:1.12}
#accueil-a12 .services-heading .eyebrow{font-size:.67rem;letter-spacing:.13em}
#accueil-a12 .counter{grid-template-columns:1fr}
#accueil-a12 .counter-photo{height:230px;margin:16px 0 10px}
#accueil-a12 .counter-caption strong{font-size:1.9rem}
#accueil-a12 .counter-row{padding:17px 0;grid-template-columns:30px 1fr 24px}
#accueil-a12 .counter-row .s-name{font-size:1.4rem}
#accueil-a12 .counter-row .s-label{font-size:.76rem}
#accueil-a12 .mosaic{gap:7px;grid-template-rows:repeat(3,215px)}
#accueil-a12 .mosaic-tile{padding:16px}
#accueil-a12 .mosaic-tile .s-name{font-size:1.36rem}
#accueil-a12 .mosaic-tile .s-label{font-size:.66rem;line-height:1.5}
#accueil-a12 .mosaic-tile .s-arrow{right:13px;top:12px;font-size:1.2rem}
#accueil-a12 .compass-services{grid-template-columns:1fr;grid-template-rows:none;padding:4px 0}
#accueil-a12 .direction{min-height:105px;grid-template-columns:45px 1fr 25px;gap:13px}
#accueil-a12 .direction .s-name{font-size:1.5rem}
#accueil-a12 .direction .s-label{font-size:.77rem}
#accueil-a12 .direction .s-icon{width:38px;height:38px}
#accueil-a12 .panels{display:flex;flex-direction:column}
#accueil-a12 .hero-panel{min-height:116px;flex:auto}
#accueil-a12 .hero-panel.active{min-height:330px;flex:auto}
#accueil-a12 .panel-top{left:18px;top:15px}
#accueil-a12 .panel-copy{left:45px;bottom:18px}
#accueil-a12 .panel-copy .s-name{font-size:1.45rem;padding-right:8px}
#accueil-a12 .hero-panel.active .panel-copy{left:20px;bottom:24px}
#accueil-a12 .hero-panel.active .s-name{font-size:2rem}
#accueil-a12 .service-tabs{grid-template-columns:repeat(2,1fr)}
#accueil-a12 .service-tab:nth-child(3){border-right:1px solid #c4d2db}
#accueil-a12 .service-tab:nth-child(even){border-right:0}
#accueil-a12 .service-tab{font-size:.78rem;min-height:65px;padding:13px 9px}
#accueil-a12 .tab-stage{grid-template-columns:1fr}
#accueil-a12 .tab-copy{padding:30px 27px}
#accueil-a12 .tab-copy h2{font-size:2.35rem}
#accueil-a12 .tab-photo{min-height:235px;grid-row:1}
#accueil-a12 .tab-copy{min-height:330px}
#accueil-a12 .explore-benefits{padding:30px 0}
#accueil-a12 .explore-benefits .benefits-heading{font-size:1.6rem;margin-bottom:26px}
#accueil-a12 .v3 .explore-benefits .cards:before{display:none}
#accueil-a12 .explore-benefits .text-card p{font-size:.74rem}
#accueil-a12 .presentation h2,#accueil-a12.v4 .presentation h2{font-size:2.5rem}
#accueil-a12 .intro-counter,#accueil-a12 .intro-selector,#accueil-a12 .intro-mosaic,#accueil-a12 .intro-escales{grid-template-columns:1fr;gap:25px}
#accueil-a12 .intro-mosaic .intro-main{padding:0}
#accueil-a12 .intro-mosaic .intro-aside{padding:25px}
#accueil-a12 .intro-mosaic .intro-aside .intro-brand{font-size:3.5rem;margin-bottom:15px}
#accueil-a12 .intro-compass .intro-eyebrow:before,#accueil-a12 .intro-compass .intro-eyebrow:after{width:19px;margin:0 12px}
#accueil-a12 .intro-compass h2{font-size:2.4rem}
#accueil-a12 .intro-selector .prose{padding:26px}
#accueil-a12 .presentation .prose{font-size:.98rem}
#accueil-a12 .history-teaser>.photo img{height:255px;object-position:43% center}
#accueil-a12 .history-teaser-copy{padding:30px 26px}
#accueil-a12 .history-teaser-copy h2{font-size:2.08rem}
#accueil-a12 .history-teaser-copy .prose{font-size:.94rem}
#accueil-a12 .history-teaser-copy .compass{opacity:.25;width:330px;height:330px;right:-110px;top:-30px}
#accueil-a12 .story-section{padding:28px 0}
#accueil-a12 .cta-section{padding:30px 0 45px!important}
#accueil-a12 .home-carousel .slide{min-height:545px}
#accueil-a12 .dialog-body{grid-template-columns:1fr}
#accueil-a12 .dialog-body img{min-height:0;height:180px}
#accueil-a12 .dialog-copy{padding:27px}
#accueil-a12 .dialog-copy h2{font-size:2rem}
#accueil-a12 .variant-label{font-size:9px;left:8px;bottom:7px;max-width:calc(100% - 16px)}
}
#accueil-a12 .benefits.explore-benefits>.container>h2{font-size:1.8rem;text-transform:none;letter-spacing:-.02em;font-family:Georgia,serif;font-weight:500}
#accueil-a12 .explore-benefits .cards{margin-top:0}
@media(max-width:580px){
#accueil-a12 .benefits.explore-benefits>.container>h2{font-size:1.6rem}}/* A2 — five focused derivatives of the approved A1 Six escales. */
#accueil-a12.a2{--escales-ice:url("/assets/img/fond-glace-texture-v17.webp")}
#accueil-a12.a2 .services-explore{padding:50px 0 58px;background-color:#f1f7f9;background-image:linear-gradient(110deg,#fff9,#f7fcff66),var(--escales-ice);background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
#accueil-a12.a2 .services-heading{gap:35px;margin-bottom:32px}
#accueil-a12.a2 .services-heading h1{margin:0;color:var(--navy);font:400 clamp(2.5rem,4.1vw,4rem)/1.08 Georgia,serif;letter-spacing:-.04em}
#accueil-a12.a2 .services-heading h1 em{font-weight:400}
#accueil-a12.a2 .services-heading .eyebrow{font-size:.76rem;font-weight:800;line-height:1.65;letter-spacing:.15em;margin:0;color:var(--red)}
#accueil-a12.a2 .panels{display:flex;flex-direction:row;gap:10px;height:460px}
#accueil-a12.a2 .hero-panel{flex:1;min-width:0;min-height:0;grid-column:auto;border-radius:3px;font-family:Arial,sans-serif}
#accueil-a12.a2 .hero-panel.active{flex:2.35;min-height:0;grid-column:auto}
#accueil-a12.a2 .hero-panel:focus-visible{outline:3px solid white;outline-offset:-6px}
#accueil-a12.a2 .hero-panel>img{opacity:.82;object-position:center}
#accueil-a12.a2 .hero-panel.active>img{opacity:1}
#accueil-a12.a2 .hero-panel:after{background:linear-gradient(180deg,#0325373b,transparent 30%,#032537e8 92%)}
#accueil-a12.a2 .panel-top{left:19px;right:19px;top:20px}
#accueil-a12.a2 .panel-top .s-num{font-size:.78rem;opacity:1;font-weight:600;letter-spacing:.1em}
#accueil-a12.a2 .panel-copy{left:19px;right:17px;bottom:25px}
#accueil-a12.a2 .panel-copy .s-name{font-size:clamp(1.14rem,1.57vw,1.5rem);line-height:1.15;letter-spacing:-.01em}
#accueil-a12.a2 .hero-panel.active .s-name{font-size:clamp(1.6rem,2.1vw,2rem)}
#accueil-a12.a2 .panel-copy .s-label{font-size:.8rem;line-height:1.6;margin-top:13px}
#accueil-a12.a2 .hero-panel.active .s-label{max-height:180px;opacity:1}
#accueil-a12.a2 .panel-copy .panel-more{font-size:.72rem;line-height:1.4;margin-top:16px;padding-top:12px;letter-spacing:.015em}
#accueil-a12.a2 .hero-panel.active .panel-more{display:block}
#accueil-a12.a2 .hero-panel:hover .s-arrow{transform:translate(3px,-3px)}/* 01 — A wider photographic gallery, split editorial heading. */
#accueil-a12 .escale-1 .services-heading{align-items:center;justify-content:flex-start;gap:70px;margin-bottom:37px}
#accueil-a12 .escale-1 .heading-side{width:240px;flex-shrink:0;padding-left:20px;border-left:2px solid var(--red)}
#accueil-a12 .escale-1 .heading-rule{display:block;width:52px;height:1px;background:#7192a3;margin-top:20px}
#accueil-a12 .escale-1 .services-heading h1{font-size:clamp(2.6rem,4vw,3.8rem)}
#accueil-a12 .escale-1 .hero-panel{border-bottom:4px solid transparent}
#accueil-a12 .escale-1 .hero-panel.active{border-bottom-color:var(--red)}/* 02 — Six photographic panels follow a staggered horizon. */
#accueil-a12 .escale-2 .services-heading{display:block;margin-bottom:28px}
#accueil-a12 .escale-2 .services-heading .eyebrow{display:flex;align-items:center;gap:15px;margin-bottom:17px}
#accueil-a12 .escale-2 .services-heading .eyebrow:before{content:"";width:46px;height:2px;background:var(--red)}
#accueil-a12 .escale-2 .services-heading h1{max-width:1100px;font-size:clamp(2.6rem,4.5vw,4.5rem)}
#accueil-a12 .escale-2 .services-heading h1 em{color:#476777}
#accueil-a12 .escale-2 .panels{height:500px;align-items:flex-end;gap:13px}
#accueil-a12 .escale-2 .hero-panel{height:385px;border-radius:0;box-shadow:0 8px 25px #072b4010}
#accueil-a12 .escale-2 .hero-panel:nth-child(2),#accueil-a12 .escale-2 .hero-panel:nth-child(5){height:455px}
#accueil-a12 .escale-2 .hero-panel:nth-child(3),#accueil-a12 .escale-2 .hero-panel:nth-child(6){height:420px}
#accueil-a12 .escale-2 .hero-panel.active{height:500px;flex:2.05}
#accueil-a12 .escale-2 .panel-top{top:18px}
#accueil-a12 .escale-2 .s-num{border-bottom:1px solid #fff9;padding-bottom:10px}/* 03 — A horizontal photographic accordion. */
#accueil-a12 .escale-3 .services-heading{display:block;text-align:center;margin-bottom:32px}
#accueil-a12 .escale-3 .services-heading .eyebrow{margin-bottom:18px}
#accueil-a12 .escale-3 .services-heading h1{max-width:none;font-size:clamp(2.4rem,4vw,3.8rem)}
#accueil-a12 .escale-3 .services-heading h1 em{padding-bottom:7px;border-bottom:1px solid #6f8c9b}
#accueil-a12 .escale-3 .panels{flex-direction:column;height:auto;gap:8px}
#accueil-a12 .escale-3 .hero-panel{flex:none;height:76px;border-radius:0}
#accueil-a12 .escale-3 .hero-panel.active{height:240px;flex:none}
#accueil-a12 .escale-3 .hero-panel:after{background:linear-gradient(90deg,#062e48ed 0%,#062e48c9 43%,#062e48aa 65%,#062e480d 100%)}
#accueil-a12 .escale-3 .hero-panel>img{object-position:center 49%;opacity:.85}
#accueil-a12 .escale-3 .panel-top{left:24px;right:auto;top:0;bottom:0;align-items:center;width:32px}
#accueil-a12 .escale-3 .panel-top .s-num{font:italic 1.45rem Georgia,serif}
#accueil-a12 .escale-3 .panel-top .s-arrow{display:none}
#accueil-a12 .escale-3 .panel-copy{left:85px;right:40px;top:0;bottom:0;display:grid;grid-template-columns:280px minmax(0,420px);column-gap:38px;align-content:center}
#accueil-a12 .escale-3 .panel-copy .s-name{font-size:1.5rem;grid-column:1;grid-row:1/3;align-self:center}
#accueil-a12 .escale-3 .panel-copy .s-name br{display:none}
#accueil-a12 .escale-3 .panel-copy .s-name br:after{content:" "}
#accueil-a12 .escale-3 .panel-copy .s-label{display:none;grid-column:2;grid-row:1;margin-top:0}
#accueil-a12 .escale-3 .panel-copy .panel-more{grid-column:2;grid-row:2;width:fit-content;min-width:190px}
#accueil-a12 .escale-3 .hero-panel.active .s-name{font-size:2.25rem}
#accueil-a12 .escale-3 .hero-panel.active .s-label{display:block}/* 04 — Soft arched windows; a centered, classical question. */
#accueil-a12.escale-4 .services-heading{display:block;text-align:center;margin-bottom:35px}
#accueil-a12.escale-4 .services-heading .eyebrow{display:flex;gap:20px;justify-content:center;align-items:center;margin-bottom:18px}
#accueil-a12.escale-4 .services-heading .eyebrow:before,#accueil-a12.escale-4 .services-heading .eyebrow:after{content:"";height:1px;width:70px;background:#9aabb1}
#accueil-a12.escale-4 .services-heading h1{max-width:none;font-size:clamp(2.6rem,4.2vw,4rem)}
#accueil-a12.escale-4 .services-heading h1 em{font-size:1.2em;color:var(--red)}
#accueil-a12.escale-4 .panels{height:480px;align-items:flex-end;gap:14px}
#accueil-a12.escale-4 .hero-panel{height:445px;border-radius:140px 140px 4px 4px}
#accueil-a12.escale-4 .hero-panel.active{height:480px;flex:2.2}
#accueil-a12.escale-4 .panel-top{top:31px;justify-content:center}
#accueil-a12.escale-4 .s-num{border:1px solid #fff9;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#03253740}
#accueil-a12.escale-4 .panel-top .s-arrow{display:none}
#accueil-a12.escale-4 .panel-copy{left:18px;right:18px;bottom:28px}
#accueil-a12.escale-4 .hero-panel:not(.active) .s-name{text-align:center}/* 05 — Two triptychs, each with three uninterrupted photo panels. */
#accueil-a12 .escale-5 .services-heading{justify-content:space-between;align-items:flex-end;margin-bottom:33px}
#accueil-a12 .escale-5 .services-heading h1{font-size:clamp(2.8rem,4.5vw,4.3rem)}
#accueil-a12 .escale-5 .services-heading>.eyebrow{border-left:1px solid #8ca2af;padding:14px 0 14px 30px;margin:0 18px 7px 0;min-width:225px}
#accueil-a12 .escale-5 .panels{display:flex;flex-direction:column;height:auto;gap:13px}
#accueil-a12 .escale-5 .escale-row{display:flex;gap:13px;height:290px}
#accueil-a12 .escale-5 .hero-panel{flex:1;border-radius:0}
#accueil-a12 .escale-5 .hero-panel.active{flex:1.65}
#accueil-a12 .escale-5 .panel-copy{left:25px;right:23px;bottom:23px}
#accueil-a12 .escale-5 .panel-copy .s-name{font-size:1.8rem}
#accueil-a12 .escale-5 .hero-panel.active .s-name{font-size:2rem}
#accueil-a12 .escale-5 .panel-copy .s-label{max-width:460px;line-height:1.5;font-size:.79rem}
#accueil-a12 .escale-5 .panel-copy .panel-more{margin-top:12px;padding-top:9px}
#accueil-a12 .escale-5 .panel-top{left:25px;right:24px;top:20px}/* Shared changes below: benefits deliberately inherit A1 without overrides. */
#accueil-a12.a2 .story-section{background:#f8f7f4;padding:52px 0}
#accueil-a12.a2 .history-teaser{background:#e6dfd2;grid-template-columns:1.02fr 1fr}
#accueil-a12.a2 .history-teaser-copy{padding:48px 42px;background-color:#e6dfd2;background-image:radial-gradient(ellipse at 18% 28%,#fffaf18c,transparent 72%),repeating-linear-gradient(4deg,#75695705 0,#75695705 1px,transparent 1px,transparent 4px),repeating-linear-gradient(94deg,#75695706 0,#75695706 1px,transparent 1px,transparent 6px),linear-gradient(125deg,#eee8dd,#ddd4c5);box-shadow:inset 0 0 50px #76685712}
#accueil-a12.a2 .history-teaser-copy .compass{width:415px;height:415px;right:-62px;top:-45px;opacity:.4;mix-blend-mode:multiply}
#accueil-a12.a2 .history-teaser-copy .eyebrow{letter-spacing:.17em;color:#735f4b;font-size:.71rem}
#accueil-a12.a2 .history-teaser-copy h2{font:400 clamp(1.9rem,2.8vw,2.8rem)/1.14 Georgia,serif;letter-spacing:-.03em;padding:0 0 24px;border-bottom:1px solid #7d756252;margin-bottom:21px}
#accueil-a12.a2 .history-teaser-copy h2 em{font-weight:400;color:#465561}
#accueil-a12.a2 .history-teaser-copy .prose{font-size:.95rem;line-height:1.8}
#accueil-a12.a2 .history-teaser-copy .story-signature{margin-top:24px}
#accueil-a12.a2 .cta-section{padding:62px 0 68px;background-color:#f1f7f9;background-image:linear-gradient(110deg,#ffffff3b,#edf9ff2b),var(--escales-ice);background-size:auto,627px 627px;background-repeat:no-repeat,repeat;background-position:center,left top}
#accueil-a12.a2 .cta-section .contact-band{box-shadow:0 9px 32px #0b324529}
@media(prefers-reduced-motion:no-preference){
#accueil-a12.a2 .hero-panel{transition:flex .4s ease,height .35s ease,box-shadow .25s ease}
}
@media(min-width:1600px){
#accueil-a12.a2 .panel-copy .s-name{font-size:1.6rem}
#accueil-a12.a2 .hero-panel.active .s-name{font-size:2rem}
#accueil-a12 .escale-3 .hero-panel.active .s-name{font-size:2.25rem}}
@media(max-width:1100px){
#accueil-a12.a2 .panels{gap:8px}
#accueil-a12.a2 .panel-copy{left:13px;right:12px}
#accueil-a12.a2 .panel-top{left:14px;right:14px}
#accueil-a12.a2 .panel-copy .s-name{font-size:1.13rem}
#accueil-a12.a2 .hero-panel.active .s-name{font-size:1.6rem}
#accueil-a12.a2 .panel-copy .s-label{font-size:.75rem}
#accueil-a12 .escale-1 .services-heading{gap:42px}
#accueil-a12 .escale-1 .heading-side{width:200px}
#accueil-a12 .escale-3 .panel-copy{left:72px;right:24px;grid-template-columns:245px minmax(0,370px);column-gap:20px}
#accueil-a12 .escale-3 .panel-copy .s-name{font-size:1.45rem}
#accueil-a12 .escale-3 .hero-panel.active .s-name{font-size:2rem}
#accueil-a12 .escale-3 .panel-top{left:24px;right:auto}
#accueil-a12 .escale-5 .panel-copy{left:22px;right:22px}
#accueil-a12 .escale-5 .panel-copy .s-name{font-size:1.65rem}
#accueil-a12 .escale-5 .hero-panel.active{flex:1.85}
#accueil-a12 .escale-5 .hero-panel.active .s-name{font-size:1.85rem}
#accueil-a12.a2 .history-teaser-copy{padding:40px 32px}
}
@media(max-width:800px){
#accueil-a12.a2 .services-explore{padding:34px 0 40px}
#accueil-a12.a2 .services-heading h1{font-size:2.6rem}
#accueil-a12.a2 .services-heading .eyebrow{font-size:.67rem;letter-spacing:.11em}
#accueil-a12.a2 .panels{display:grid;grid-template-columns:1fr 1fr;height:auto;align-items:stretch;gap:10px}
#accueil-a12.a2 .hero-panel,#accueil-a12.a2 .hero-panel:nth-child(n){height:255px;min-height:0;grid-column:auto;flex:none}
#accueil-a12.a2 .hero-panel.active{grid-column:span 2;height:310px;min-height:0;flex:none}
#accueil-a12.a2 .panel-copy{left:22px;right:22px;bottom:24px}
#accueil-a12.a2 .panel-top{left:23px;right:22px;top:21px}
#accueil-a12.a2 .panel-copy .s-name{font-size:1.65rem}
#accueil-a12.a2 .hero-panel.active .s-name{font-size:2.05rem}
#accueil-a12.a2 .hero-panel.active .s-label{max-width:420px;font-size:.82rem}
#accueil-a12 .escale-1 .services-heading{gap:30px}
#accueil-a12 .escale-1 .heading-side{width:170px;padding-left:14px}
#accueil-a12 .escale-2 .hero-panel{box-shadow:none}
#accueil-a12 .escale-3 .panels{display:flex;flex-direction:column}
#accueil-a12 .escale-3 .hero-panel:nth-child(n){height:80px}
#accueil-a12 .escale-3 .hero-panel.active{height:255px}
#accueil-a12 .escale-3 .panel-top{left:22px;top:0;bottom:0;right:auto}
#accueil-a12 .escale-3 .panel-copy{left:75px;right:25px;top:0;bottom:0;grid-template-columns:1fr 1.1fr;column-gap:20px}
#accueil-a12 .escale-3 .panel-copy .s-name{font-size:1.35rem}
#accueil-a12 .escale-3 .hero-panel.active .s-name{font-size:1.8rem}
#accueil-a12 .escale-3 .hero-panel.active .s-label{font-size:.76rem}
#accueil-a12.escale-4 .hero-panel:nth-child(n){border-radius:90px 90px 4px 4px}
#accueil-a12.escale-4 .hero-panel.active{border-radius:130px 130px 4px 4px}
#accueil-a12.escale-4 .panel-top{top:24px;left:22px;right:22px}
#accueil-a12 .escale-5 .services-heading>.eyebrow{min-width:160px;padding-left:22px;margin-right:0}
#accueil-a12 .escale-5 .panels{display:flex;flex-direction:column;gap:10px}
#accueil-a12 .escale-5 .escale-row{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:10px}
#accueil-a12 .escale-5 .escale-row .hero-panel:nth-child(3){grid-column:span 2;height:180px}
#accueil-a12 .escale-5 .escale-row .hero-panel.active{grid-column:span 2;height:310px}
#accueil-a12.a2 .history-teaser{grid-template-columns:1fr}
#accueil-a12.a2 .history-teaser-copy{padding:40px}
#accueil-a12.a2 .history-teaser-copy h2{font-size:2.6rem;max-width:580px}
#accueil-a12.a2 .cta-section{padding:42px 0 48px}
}
@media(max-width:580px){
#accueil-a12.a2 .services-explore{padding:31px 0 35px;background-position:35% center}
#accueil-a12.a2 .services-heading{margin-bottom:26px}
#accueil-a12.a2 .services-heading h1{font-size:2.5rem;line-height:1.08}
#accueil-a12.a2 .services-heading .eyebrow{font-size:.65rem;letter-spacing:.12em}
#accueil-a12.a2 .panels{display:flex;flex-direction:column;gap:8px}
#accueil-a12.a2 .hero-panel:nth-child(n){height:108px;border-radius:3px;flex:none}
#accueil-a12.a2 .hero-panel.active{height:310px}
#accueil-a12.a2 .panel-top{left:17px;right:17px;top:15px}
#accueil-a12.a2 .panel-copy{left:48px;right:20px;bottom:22px}
#accueil-a12.a2 .panel-copy .s-name{font-size:1.4rem;line-height:1.12}
#accueil-a12.a2 .hero-panel.active .panel-copy{left:22px;bottom:23px}
#accueil-a12.a2 .hero-panel.active .s-name{font-size:1.95rem}
#accueil-a12.a2 .hero-panel.active .s-label{font-size:.8rem;line-height:1.6;max-width:none}
#accueil-a12 .escale-1 .services-heading{display:block}
#accueil-a12 .escale-1 .heading-side{width:auto;margin-bottom:20px;border-left:0;padding-left:0}
#accueil-a12 .escale-1 .heading-side .eyebrow br{display:none}
#accueil-a12 .escale-1 .heading-rule{display:none}
#accueil-a12 .escale-2 .services-heading .eyebrow{gap:12px;margin-bottom:18px}
#accueil-a12 .escale-2 .services-heading .eyebrow:before{width:24px}
#accueil-a12 .escale-2 .services-heading h1 em{display:block}
#accueil-a12 .escale-3 .services-heading{text-align:left}
#accueil-a12 .escale-3 .services-heading h1 em{display:block;width:fit-content;border-bottom:0}
#accueil-a12 .escale-3 .hero-panel:nth-child(n){height:86px}
#accueil-a12 .escale-3 .hero-panel.active{height:320px}
#accueil-a12 .escale-3 .panel-top{left:18px;right:auto;top:0;bottom:0}
#accueil-a12 .escale-3 .panel-top .s-num{font-size:1.2rem}
#accueil-a12 .escale-3 .panel-copy{left:58px;right:22px;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#accueil-a12 .escale-3 .hero-panel.active .panel-copy{left:58px;bottom:0;top:0}
#accueil-a12 .escale-3 .panel-copy .s-name{font-size:1.3rem}
#accueil-a12 .escale-3 .hero-panel.active .s-name{font-size:1.75rem}
#accueil-a12 .escale-3 .hero-panel.active .s-label{margin-top:16px;font-size:.77rem}
#accueil-a12 .escale-3 .panel-copy .panel-more{font-size:.67rem;margin-top:15px}
#accueil-a12.escale-4 .services-heading{text-align:center}
#accueil-a12.escale-4 .services-heading .eyebrow{gap:10px}
#accueil-a12.escale-4 .services-heading .eyebrow:before,#accueil-a12.escale-4 .services-heading .eyebrow:after{width:20px}
#accueil-a12.escale-4 .panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#accueil-a12.escale-4 .hero-panel:nth-child(n){height:235px;border-radius:80px 80px 4px 4px}
#accueil-a12.escale-4 .hero-panel.active{grid-column:span 2;height:345px;border-radius:130px 130px 4px 4px}
#accueil-a12.escale-4 .panel-top{top:22px;left:14px;right:14px}
#accueil-a12.escale-4 .panel-copy{left:13px;right:13px;bottom:23px}
#accueil-a12.escale-4 .panel-copy .s-name{font-size:1.2rem}
#accueil-a12.escale-4 .hero-panel.active .panel-copy{left:25px;right:25px}
#accueil-a12 .escale-5 .services-heading{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#accueil-a12 .escale-5 .services-heading>.eyebrow{order:-1;border:0;margin:0;padding:0;min-width:0}
#accueil-a12 .escale-5 .services-heading>.eyebrow br{display:none}
#accueil-a12 .escale-5 .escale-row{display:flex;flex-direction:column;gap:8px}
#accueil-a12 .escale-5 .escale-row .hero-panel:nth-child(n){height:115px}
#accueil-a12 .escale-5 .escale-row .hero-panel.active{height:325px}
#accueil-a12 .escale-5 .panel-copy .s-name{font-size:1.4rem}
#accueil-a12 .escale-5 .hero-panel.active .s-name{font-size:1.95rem}
#accueil-a12.a2 .story-section{padding:28px 0}
#accueil-a12.a2 .history-teaser-copy{padding:33px 25px}
#accueil-a12.a2 .history-teaser-copy h2{font-size:2rem;line-height:1.16;padding-bottom:22px}
#accueil-a12.a2 .history-teaser-copy .compass{width:355px;height:355px;right:-84px;top:-34px;opacity:.4}
#accueil-a12.a2 .history-teaser-copy .prose{font-size:.9rem}
#accueil-a12.a2 .cta-section{padding:38px 0 44px!important}
#accueil-a12.a2 .variant-label{font-size:8px;max-width:calc(100% - 16px)}
}/* A4 — titre unique, fenêtres bord à bord et image maritime sous le texte. */
#accueil-a12.a4.escale-4 .services-explore{padding-top:43px;padding-bottom:54px}
#accueil-a12.a4.escale-4 .services-explore>.container{width:100%;max-width:none}
#accueil-a12.a4.escale-4 .services-heading{margin:0 auto 36px;padding:0 24px}
#accueil-a12.a4.escale-4 .services-heading h1{display:flex;justify-content:center;align-items:center;gap:24px;margin:0;max-width:none;color:var(--navy);font:800 clamp(1.15rem,2.05vw,1.95rem)/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.12em}
#accueil-a12.a4.escale-4 .services-heading h1:before,#accueil-a12.a4.escale-4 .services-heading h1:after{content:"";height:1px;width:70px;flex:0 0 70px;background:#8da6b4}
#accueil-a12.a4.escale-4 .panels{--slant:26px;display:flex;flex-direction:row;align-items:stretch;width:100%;height:505px;gap:10px;margin:0}
#accueil-a12.a4.escale-4 .hero-panel,#accueil-a12.a4.escale-4 .hero-panel:nth-child(n){height:505px;min-height:505px;min-width:0;flex:1 1 0;grid-column:auto;border:0;border-radius:0;transform:none;overflow:hidden;isolation:isolate;clip-path:polygon(var(--slant) 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}
#accueil-a12.a4.escale-4 .hero-panel+.hero-panel{margin-left:calc(-1 * var(--slant))}
#accueil-a12.a4.escale-4 .hero-panel:first-child{clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}
#accueil-a12.a4.escale-4 .hero-panel:last-child{clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%)}
#accueil-a12.a4.escale-4 .hero-panel.active{flex:2.45 1 0}
#accueil-a12.a4.escale-4 .hero-panel>img{transform:none;object-position:center;opacity:.9}
#accueil-a12.a4.escale-4 .hero-panel.active>img{opacity:1}
#accueil-a12.a4.escale-4 .hero-panel:after{background:linear-gradient(180deg,#03253726,transparent 32%,#032537e8 94%)}
#accueil-a12.a4.escale-4 .panel-top{top:28px;left:30px;right:30px;transform:none;justify-content:center}
#accueil-a12.a4.escale-4 .panel-copy{left:25px;right:36px;bottom:30px;transform:none}
#accueil-a12.a4.escale-4 .panel-copy .s-name{font-size:clamp(1.05rem,1.52vw,1.35rem);line-height:1.16;letter-spacing:-.015em}
#accueil-a12.a4.escale-4 .hero-panel.active .s-name{font-size:clamp(1.55rem,2.25vw,2.1rem);text-align:left}
#accueil-a12.a4.escale-4 .hero-panel.active .panel-copy{left:32px;right:43px}
#accueil-a12.a4.escale-4 .panel-copy .s-label{font-size:.8rem;line-height:1.65}
#accueil-a12.a4.escale-4 .hero-panel.active .s-label{max-height:200px}
#accueil-a12.a4.escale-4 .hero-panel:focus-visible{outline:3px solid white;outline-offset:-7px}
#accueil-a12.a4.escale-4 .hero-panel:focus-visible .s-num{outline:2px solid white;outline-offset:4px}/* L'image choisie est affichée intégralement, sans voile ni fondu ajouté. */
#accueil-a12.a4 .history-teaser{align-items:stretch;background:#f6efe3}
#accueil-a12.a4 .history-teaser-copy{padding:0;min-height:0;display:flex;flex-direction:column;background:none;box-shadow:none}
#accueil-a12.a4 .history-copy-content{position:relative;padding:40px 38px 30px;background:#f6efe3}
#accueil-a12.a4 .history-copy-content h2{font-size:clamp(1.9rem,2.5vw,2.5rem);line-height:1.14;margin-bottom:20px;padding-bottom:21px;border-color:#7d75624a}
#accueil-a12.a4 .history-copy-content .prose{font-size:.93rem;line-height:1.8}
#accueil-a12.a4 .history-copy-content .button{margin-top:24px}
#accueil-a12.a4 .history-teaser-copy .eyebrow{color:#735f4b}
#accueil-a12.a4 .history-teaser-copy>.history-maritime-image{display:block;position:static;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:3/2;object-fit:contain;opacity:1;transform:none;margin:0;border-radius:0}
@media(prefers-reduced-motion:no-preference){
#accueil-a12.a4.escale-4 .hero-panel{transition:flex .45s cubic-bezier(.2,.7,.2,1)}
}
@media(max-width:1150px) and (min-width:1001px){
#accueil-a12.a4.escale-4 .panels{height:470px;gap:8px;--slant:24px}
#accueil-a12.a4.escale-4 .hero-panel,#accueil-a12.a4.escale-4 .hero-panel:nth-child(n){height:470px;min-height:470px}
#accueil-a12.a4.escale-4 .panel-copy{left:16px;right:28px}
#accueil-a12.a4.escale-4 .panel-copy .s-name{font-size:1rem}
#accueil-a12.a4.escale-4 .hero-panel.active .panel-copy{left:26px;right:34px}
#accueil-a12.a4.escale-4 .hero-panel.active .s-name{font-size:1.65rem}
}
@media(max-width:1000px){
#accueil-a12.a4.escale-4 .panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:12px;margin:0}
#accueil-a12.a4.escale-4 .hero-panel,#accueil-a12.a4.escale-4 .hero-panel:nth-child(n){height:240px;min-height:240px;flex:none;clip-path:none;margin-left:0}
#accueil-a12.a4.escale-4 .hero-panel.active{grid-column:1/-1;height:340px;min-height:340px}
#accueil-a12.a4.escale-4 .panel-copy,#accueil-a12.a4.escale-4 .hero-panel.active .panel-copy{left:25px;right:25px;bottom:24px}
#accueil-a12.a4.escale-4 .panel-copy .s-name{font-size:1.4rem}
#accueil-a12.a4.escale-4 .hero-panel.active .s-name{font-size:1.9rem}
#accueil-a12.a4.escale-4 .panel-copy .s-label{max-width:460px}
#accueil-a12.a4 .history-teaser{grid-template-columns:1fr}
#accueil-a12.a4 .history-teaser>.photo img{height:370px;min-height:370px;object-position:center 40%}
#accueil-a12.a4 .history-copy-content{padding:38px}
#accueil-a12.a4 .history-copy-content h2{font-size:2.45rem}
}
@media(max-width:580px){
#accueil-a12.a4.escale-4 .services-explore{padding:32px 0 39px}
#accueil-a12.a4.escale-4 .services-heading{margin-bottom:27px;padding:0 12px}
#accueil-a12.a4.escale-4 .services-heading h1{gap:12px;font-size:clamp(.95rem,3.8vw,1.2rem);letter-spacing:.075em}
#accueil-a12.a4.escale-4 .services-heading h1:before,#accueil-a12.a4.escale-4 .services-heading h1:after{width:22px;flex-basis:22px}
#accueil-a12.a4.escale-4 .panels{display:flex;flex-direction:column;gap:10px;margin:0}
#accueil-a12.a4.escale-4 .hero-panel,#accueil-a12.a4.escale-4 .hero-panel:nth-child(n){height:113px;min-height:113px;flex:none;clip-path:none;margin-left:0}
#accueil-a12.a4.escale-4 .hero-panel.active{height:335px;min-height:335px;flex:none}
#accueil-a12.a4.escale-4 .panel-top{top:17px;left:20px;right:20px;justify-content:flex-start}
#accueil-a12.a4.escale-4 .panel-top .s-num{width:28px;height:28px;font-size:.65rem}
#accueil-a12.a4.escale-4 .panel-copy{left:63px;right:20px;bottom:29px}
#accueil-a12.a4.escale-4 .hero-panel:not(.active) .s-name{text-align:left;font-size:1.38rem}
#accueil-a12.a4.escale-4 .hero-panel:not(.active) .s-name br{display:none}
#accueil-a12.a4.escale-4 .hero-panel.active .panel-copy{left:24px;right:25px;bottom:24px}
#accueil-a12.a4.escale-4 .hero-panel.active .s-name{font-size:1.85rem}
#accueil-a12.a4.escale-4 .hero-panel.active .s-label{font-size:.82rem;max-height:180px}
#accueil-a12.a4 .history-teaser>.photo img{height:280px;min-height:280px}
#accueil-a12.a4 .history-copy-content{padding:32px 25px 28px}
#accueil-a12.a4 .history-copy-content h2{font-size:2rem}
#accueil-a12.a4 .history-copy-content .prose{font-size:.91rem}
}
@media(prefers-reduced-motion:reduce){
#accueil-a12.a4.escale-4 .hero-panel{transition:none}}/* A5 — réduction du titre et continuité des fonds demandée. */
#accueil-a12.a5.escale-4 .services-heading h1{font-size:clamp(.805rem,1.435vw,1.365rem)}/* Un seul fond traverse chaque paire de sections, sans rupture blanche. */
#accueil-a12.a5 .ice-services-group{;background:transparent}
#accueil-a12.a5 .ice-story-group{;background:transparent}
#accueil-a12.a5 .services-explore,#accueil-a12.a5 .explore-benefits,#accueil-a12.a5 .story-section,#accueil-a12.a5 .cta-section{background:transparent}/* De l'arrière vers l'avant : image choisie, beige à 40 %, texte opaque. */
#accueil-a12.a5 .history-teaser{background:transparent}
#accueil-a12.a5 .history-teaser-copy{position:relative;isolation:isolate;padding:0;min-height:0;background:transparent}
#accueil-a12.a5 .history-teaser-copy>.history-maritime-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:1;pointer-events:none}
#accueil-a12.a5 .history-copy-content{position:relative;z-index:1;flex:1;background:rgba(246,239,227,.4);opacity:1}
@media(max-width:580px){
#accueil-a12.a5.escale-4 .services-heading h1{font-size:clamp(.665rem,2.66vw,.84rem)}
#accueil-a12.a5 .ice-services-group{background-position:35% center}
}/* A6 — titres homogènes, bénéfices centrés et finitions Notre parcours. */
#accueil-a12.a6{--history-gold:#735f4b}
#accueil-a12.a6.escale-4 .services-heading h1,#accueil-a12.a6 .benefits.explore-benefits>.container>h2{display:flex;justify-content:center;align-items:center;gap:24px;color:var(--navy);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(.805rem,1.435vw,1.365rem);font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;text-align:center}
#accueil-a12.a6 .benefits.explore-benefits>.container>h2{margin-bottom:32px}
#accueil-a12.a6 .benefits.explore-benefits>.container>h2:before,#accueil-a12.a6 .benefits.explore-benefits>.container>h2:after{content:"";height:1px;width:70px;flex:0 0 70px;background:#8da6b4}/* Séparateurs internes uniquement : aucune barre avant/après le groupe. */
#accueil-a12.a6 .explore-benefits .text-card{position:relative;text-align:center;padding:0 22px!important;border:0!important}
#accueil-a12.a6 .explore-benefits .text-card+.text-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#d3dfe5}
#accueil-a12.a6 .explore-benefits .text-card .icon{margin-left:auto;margin-right:auto}
#accueil-a12.a6 .explore-benefits .text-card h3,#accueil-a12.a6 .explore-benefits .text-card p{text-align:center}/* Ajouter 50 px à l'espace existant, de chaque côté du slider. */
#accueil-a12.a6 .ice-services-group{padding-bottom:50px}
#accueil-a12.a6 .ice-story-group{padding-top:50px}
#accueil-a12.a6 .history-copy-content{text-align:right}
#accueil-a12.a6 .history-copy-content h2,#accueil-a12.a6 .history-copy-content .prose{margin-left:auto;margin-right:0}
#accueil-a12.a6 .history-copy-content .eyebrow{color:var(--history-gold)}
#accueil-a12.a6 .history-copy-content .button{background:var(--history-gold);border-color:var(--history-gold);color:#fff}
#accueil-a12.a6 .history-copy-content .button:hover{background:#604e3c;border-color:#604e3c}
@media(max-width:800px) and (min-width:581px){
#accueil-a12.a6 .explore-benefits .text-card:nth-child(3n+1):before{content:none}
}
@media(max-width:580px){
#accueil-a12.a6.escale-4 .services-heading h1,#accueil-a12.a6 .benefits.explore-benefits>.container>h2{gap:12px;font-size:clamp(.665rem,2.66vw,.84rem);letter-spacing:.075em}
#accueil-a12.a6 .benefits.explore-benefits>.container>h2:before,#accueil-a12.a6 .benefits.explore-benefits>.container>h2:after{width:22px;flex-basis:22px}
#accueil-a12.a6 .explore-benefits .text-card{padding:0 12px!important}
#accueil-a12.a6 .explore-benefits .text-card:nth-child(n):before{content:none}
#accueil-a12.a6 .explore-benefits .text-card:nth-child(even):before{content:""}
}/* A7 — ajustements d'espacement et présentation des partenaires. */
@font-face{font-family:"Pirates Script";src:url("/assets/home/a04947e59fc9339ea3c4.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
#accueil-a12.a7.escale-4 .services-explore{padding-top:28px;padding-bottom:14px}
#accueil-a12.a7 .explore-benefits{border-bottom:0}
#accueil-a12.a7 .story-section{padding-bottom:27px}
#accueil-a12.a7 .history-copy-content{background:rgba(246,239,227,.6)}
#accueil-a12.a7 .presentation{padding:60px 0 46px}
#accueil-a12.a7 .intro-escales{grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
#accueil-a12.a7 .presentation .intro-eyebrow{font:600 2.16rem/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.045em;color:#e5e9ee;margin:0 0 24px;text-transform:uppercase}
#accueil-a12.a7 .presentation .intro-handwritten{font:400 clamp(2.7rem,4.6vw,4rem)/1.08 "Pirates Script","Segoe Print","Bradley Hand",cursive;letter-spacing:0;color:#fff;max-width:600px}
#accueil-a12.a7 .intro-handwritten span{display:block}
#accueil-a12.a7 .intro-promises{display:grid;gap:25px}
#accueil-a12.a7 .intro-promise{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:start}
#accueil-a12.a7 .intro-promise+.intro-promise{padding-top:25px;border-top:1px solid #ffffff24}
#accueil-a12.a7 .promise-icon{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
#accueil-a12.a7 .intro-promise h3{font:700 1rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;margin:0 0 9px}
#accueil-a12.a7 .intro-promise p{font-size:.96rem;line-height:1.75;color:#dbe4ea;margin:0}
#accueil-a12.a7 .partners-block{margin-top:54px;padding-top:30px;border-top:1px solid #ffffff26;background:transparent}
#accueil-a12.a7 .partners-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
#accueil-a12.a7 .partners-title{font:700 .88rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#e6edf2}
#accueil-a12.a7 .partners-controls{display:flex;gap:8px}
#accueil-a12.a7 .partners-control{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff65;border-radius:50%;background:transparent;color:#fff;line-height:1;font-size:1.35rem}
#accueil-a12.a7 .partners-control[data-partner-pause]{font-size:.88rem}
#accueil-a12.a7 .partners-control:hover{background:#ffffff17;border-color:#fff}
#accueil-a12.a7 .partners-control:focus-visible,#accueil-a12.a7 .partners-viewport:focus-visible{outline:2px solid #e8d2ae;outline-offset:4px}
#accueil-a12.a7 .partners-viewport{overflow:hidden;position:relative;background:transparent;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
#accueil-a12.a7 .partners-viewport.is-dragging{cursor:grabbing}
#accueil-a12.a7 .partners-track{display:flex;width:max-content;background:transparent;will-change:transform}
#accueil-a12.a7 .partners-group{list-style:none;display:flex;flex:0 0 auto;gap:28px;align-items:center;margin:0;padding:0 28px 0 0;background:transparent}
#accueil-a12.a7 .partner-item{flex:0 0 220px;width:220px;height:150px;display:flex;align-items:center;justify-content:center;background:transparent}
#accueil-a12.a7 .partner-item img{display:block;width:auto;height:auto;max-width:210px;max-height:150px;object-fit:contain;background:transparent;pointer-events:none}
@media(max-width:1000px){
#accueil-a12.a7 .intro-escales{grid-template-columns:1fr 1fr;gap:36px}
#accueil-a12.a7 .presentation .intro-eyebrow{font-size:1.8rem}
#accueil-a12.a7 .presentation .intro-handwritten{font-size:3.1rem}
}
@media(max-width:700px){
#accueil-a12.a7 .intro-escales{grid-template-columns:1fr;gap:36px}
#accueil-a12.a7 .presentation .intro-handwritten{font-size:3.2rem}
#accueil-a12.a7 .intro-promises{max-width:600px}
#accueil-a12.a7 .partners-block{margin-top:40px}
}
@media(max-width:580px){
#accueil-a12.a7.escale-4 .services-explore{padding-top:17px;padding-bottom:0}
#accueil-a12.a7 .explore-benefits{padding-top:35px}
#accueil-a12.a7 .story-section{padding-bottom:0!important}
#accueil-a12.a7 .cta-section{padding-top:33px!important}
#accueil-a12.a7 .presentation{padding:42px 0 35px}
#accueil-a12.a7 .presentation .intro-eyebrow{font-size:1.65rem;letter-spacing:.035em;margin-bottom:22px}
#accueil-a12.a7 .presentation .intro-handwritten{font-size:2.8rem}
#accueil-a12.a7 .intro-promise{grid-template-columns:30px minmax(0,1fr);gap:15px}
#accueil-a12.a7 .promise-icon{width:30px;height:30px}
#accueil-a12.a7 .intro-promise p{font-size:.9rem}
#accueil-a12.a7 .partners-head{gap:14px}
#accueil-a12.a7 .partners-title{font-size:.75rem}
#accueil-a12.a7 .partners-group{gap:20px;padding-right:20px}
#accueil-a12.a7 .partner-item{flex-basis:184px;width:184px;height:130px}
#accueil-a12.a7 .partner-item img{max-width:174px;max-height:130px}
}
@media(prefers-reduced-motion:reduce){
#accueil-a12.a7 .partners-track{will-change:auto}}/* A8 — corrections ciblées d’après les deux captures utilisateur. */
@font-face{font-family:"Pirates Signature";src:url("/assets/home/8d509802186f1b515725.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
#accueil-a12.a8 .history-copy-content .prose{background:rgba(255,255,255,.8);padding:14px 16px;margin:0 -14px;width:calc(100% + 28px);max-width:none;border:0;border-radius:0;opacity:1}
#accueil-a12.a8 .history-copy-content .prose p{margin:0}
#accueil-a12.a8 .presentation .intro-eyebrow{font-size:1.512rem}
#accueil-a12.a8 .presentation .intro-handwritten{font-family:"Pirates Signature","Segoe Script","Bradley Hand",cursive;font-size:clamp(2.9rem,4.6vw,4rem);font-style:normal;font-weight:400;line-height:1.15;letter-spacing:0;font-synthesis:none}
#accueil-a12.a8 .promise-icon{filter:none;opacity:.95}
#accueil-a12.a8 .partners-head{display:block;text-align:center;margin-bottom:26px}
#accueil-a12.a8 .partners-title{margin:0;text-align:center}
#accueil-a12.a8 .partners-slider{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:14px;align-items:center;background:transparent}
#accueil-a12.a8 .partners-arrow{display:grid;place-items:center;width:54px;height:150px;padding:0;border:0;border-radius:0;background:transparent;color:#e6edf2;cursor:pointer;transition:color .18s,background .18s}
#accueil-a12.a8 .partners-arrow svg{width:38px;height:78px;overflow:visible;pointer-events:none}
#accueil-a12.a8 .partners-arrow:hover{color:#fff;background:#ffffff0d}
#accueil-a12.a8 .partners-arrow:focus-visible{outline:2px solid #e8d2ae;outline-offset:2px}
#accueil-a12.a8 .partners-instruction{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){
#accueil-a12.a8 .presentation .intro-eyebrow{font-size:1.26rem}
#accueil-a12.a8 .presentation .intro-handwritten{font-size:3.1rem}}
@media(max-width:700px){
#accueil-a12.a8 .presentation .intro-handwritten{font-size:3.2rem}}
@media(max-width:580px){
#accueil-a12.a8 .history-copy-content .prose{padding:13px 14px;margin-inline:-10px;width:calc(100% + 20px)}
#accueil-a12.a8 .presentation .intro-eyebrow{font-size:1.155rem}
#accueil-a12.a8 .presentation .intro-handwritten{font-size:2.8rem}
#accueil-a12.a8 .partners-slider{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}
#accueil-a12.a8 .partners-arrow{width:40px;height:130px}
#accueil-a12.a8 .partners-arrow svg{width:28px;height:68px}
}
@media(prefers-reduced-motion:reduce){
#accueil-a12.a8 .partners-arrow{transition:none}}/* A9 — proportions plus légères, signature sur deux lignes. */
@font-face{font-family:"Pirates Fine Signature";src:url("/assets/home/67a7abc298ce9d368b2c.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
#accueil-a12.a9 .history-copy-content .prose{background:rgba(255,255,255,.56);border-radius:12px}
#accueil-a12.a9 .presentation .intro-eyebrow{font-size:1.2852rem;line-height:1.4}
#accueil-a12.a9 .intro-eyebrow span{display:block}
#accueil-a12.a9 .presentation .intro-handwritten{font-family:"Pirates Fine Signature","Segoe Script",cursive;font-size:clamp(44px,4.4vw,60px);font-weight:400;font-style:normal;line-height:1.14;letter-spacing:0;font-synthesis:none}
#accueil-a12.a9 .intro-handwritten span{display:block;white-space:nowrap}
#accueil-a12.a9 .partner-item{height:105px}
#accueil-a12.a9 .partner-item img{max-height:105px;max-width:147px}
#accueil-a12.a9 .partners-arrow{height:105px}
#accueil-a12.a9 .partners-arrow svg{height:54.6px;width:26.6px}
@media(max-width:1000px){
#accueil-a12.a9 .presentation .intro-eyebrow{font-size:1.071rem}
#accueil-a12.a9 .presentation .intro-handwritten{font-size:clamp(32px,4.5vw,44px)}
}
@media(max-width:700px){
#accueil-a12.a9 .presentation .intro-handwritten{font-size:clamp(32px,7.5vw,52px)}}
@media(max-width:580px){
#accueil-a12.a9 .presentation .intro-eyebrow{font-size:.98175rem}
#accueil-a12.a9 .partner-item{height:91px}
#accueil-a12.a9 .partner-item img{max-height:91px;max-width:121.8px}
#accueil-a12.a9 .partners-arrow{height:91px}
#accueil-a12.a9 .partners-arrow svg{height:47.6px;width:19.6px}
}
@media(max-width:360px){
#accueil-a12.a9 .presentation .intro-handwritten{font-size:9.5vw}}/* A10 — hauteurs progressives ; alignement du bandeau ; sept partenaires. */
@media(min-width:1001px){
#accueil-a12.a10.escale-4 .panels{align-items:center}
#accueil-a12.a10.escale-4 .hero-panel,#accueil-a12.a10.escale-4 .hero-panel:nth-child(n){height:calc(100% - var(--panel-trim,0px));min-height:0}
}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
#accueil-a12.a10.escale-4 .hero-panel{transition:flex .45s cubic-bezier(.2,.7,.2,1),height .45s cubic-bezier(.2,.7,.2,1)}
}
#accueil-a12.a10 .intro-escales{align-items:stretch}
#accueil-a12.a10 .intro-main{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
#accueil-a12.a10 .presentation .intro-eyebrow,#accueil-a12.a10 .presentation .intro-handwritten{margin:0}
#accueil-a12.a10 .partners-block{--partners-visible:7;--partner-slot:142px}
#accueil-a12.a10 .partners-group{gap:18px;padding-right:18px}
#accueil-a12.a10 .partner-item{flex-basis:var(--partner-slot);width:var(--partner-slot)}
#accueil-a12.a10 .partner-item img{max-width:min(147px,calc(var(--partner-slot) - 10px))}
@media(max-width:1000px){
#accueil-a12.a10 .partners-block{--partners-visible:5}}
@media(max-width:700px){
#accueil-a12.a10 .intro-main{gap:24px}
#accueil-a12.a10 .partners-block{--partners-visible:3}
}
@media(max-width:580px){
#accueil-a12.a10 .partners-group{gap:14px;padding-right:14px}
#accueil-a12.a10 .partner-item img{max-width:min(121.8px,calc(var(--partner-slot) - 10px))}
}
@media(max-width:480px){
#accueil-a12.a10 .partners-block{--partners-visible:2}}/* A12 — choix utilisateur : Pinyon Script, titre Grossiste / En poissons frais. */
@font-face{font-family:"Pirates Pinyon Signature";src:url("/assets/home/281967f1a3b30777632c.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
#accueil-a12.a12 .presentation .intro-handwritten{font-family:"Pirates Pinyon Signature","Segoe Script",cursive;font-size:clamp(35px,3.7vw,50px);font-weight:400;font-style:normal;line-height:1.25;letter-spacing:0;font-synthesis:none}
@media(max-width:1000px){
#accueil-a12.a12 .presentation .intro-handwritten{font-size:clamp(24px,3.65vw,38px)}}
@media(max-width:700px){
#accueil-a12.a12 .presentation .intro-handwritten{font-size:clamp(25px,7.5vw,50px)}}
@media(max-width:360px){
#accueil-a12.a12 .presentation .intro-handwritten{font-size:7.2vw}}



/* Source conservée : assets/css/v6.css */
/* V6 — MAP SITE-V2-060/061; only the approved deltas from V5. */
@font-face{font-family:"Work Sans";font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/work-sans-300.ttf') format('truetype')}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/work-sans-700.ttf') format('truetype')}
.main-nav>a,.info-toggle,.info-links .nav-link{font-family:"Work Sans",Arial,Helvetica,sans-serif;font-weight:300}
.main-nav>a[aria-current="page"],.info-links .nav-link[aria-current="page"]{font-weight:700}
.selection-icon-pair{display:flex;align-items:center;gap:14px;min-height:64px;margin:0 0 18px}
.selection-icon-pair img{display:block;width:56px;height:56px;object-fit:contain;margin:0;flex:0 0 56px}
.local-preparation-section{background:#fff}
.local-preparation-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,78px);align-items:center}
.local-preparation-copy{min-width:0}
.local-preparation-copy h2{max-width:520px}
.local-preparation-copy .prose{max-width:520px}
.local-preparation-visual{margin:0;min-width:0;background:#fff}
.local-preparation-visual img{display:block;width:100%;height:auto;object-fit:contain}
.family-carousel .slide{min-height:0;height:clamp(360px,39vw,640px);padding:0}
.family-carousel .slide-image{object-position:center 62%}
@media(max-width:760px){
 .local-preparation-grid{grid-template-columns:1fr;gap:24px}
 .local-preparation-visual{width:100%;max-width:650px;justify-self:center}
 .family-carousel .slide{height:clamp(290px,74vw,460px)}
 .family-carousel .slide-image{object-position:44% 64%}
 .selection-icon-pair{gap:10px}
}


/* Source conservée : assets/css/v7.css */
/* V7 — retours V6. Les composants validés du header/footer et de l'accueil restent intacts. */

/* Un fond continu, partagé par plusieurs sections, garde sa texture visible. */
.ice-flow {background-color:#f8fbfc;background-image:url('/assets/img/fond-glace-texture-v17.webp');background-size:627px 627px;background-repeat:repeat;background-position:left top}
.ice-flow > .section.on-ice {
  background: transparent;
  border: 0 !important;
}
.ice-flow > .section + .section { padding-top: 42px; }
.ice-flow .local-preparation-section { border: 0; }

/* Même bandeau que « De la sélection à la livraison », décliné sur les services. */
.section.v7-benefits { padding-block: 52px; }
.section.v7-benefits > .container > .benefits-heading {
  display: flex; align-items: center; justify-content: center; gap: 24px;
  color: var(--navy); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(.805rem, 1.435vw, 1.365rem); font-weight: 700;
  line-height: 1.3; letter-spacing: .12em; text-transform: uppercase;
  text-align: center; margin: 0 0 32px;
}
.v7-benefits .benefits-heading::before,
.v7-benefits .benefits-heading::after {
  content: ""; height: 1px; width: 70px; flex: 0 0 70px; background: #8da6b4;
}
.v7-benefits .cards {
  display: grid; grid-template-columns: repeat(var(--benefit-count, 5), minmax(0, 1fr));
  gap: 0; margin: 0;
}
.v7-benefits .cards .text-card {
  position: relative; padding: 0 22px; border: 0; background: transparent;
  box-shadow: none; text-align: center; grid-column: auto;
}
.v7-benefits .text-card + .text-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: 1px; background: #d3dfe5;
}
.v7-benefits .text-card .icon { width: 40px; height: 40px; margin: 0 auto 12px; }
.v7-benefits .text-card h3 { font-size: .93rem; line-height: 1.35; text-align: center; }
.v7-benefits .text-card p { font-size: .8rem; line-height: 1.6; text-align: center; }

/* Petit bouton intégré à chaque fenêtre existante (sans bouton HTML imbriqué). */
#accueil-a12.a2 .hero-panel .panel-copy .panel-more {
  display: none; align-items: center; justify-content: center;
  width: fit-content; padding: 8px 14px; border: 1px solid #0a2d45;
  border-radius: 999px; background: #0a2d45; color: #fff;
  font: 700 10px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .065em; text-transform: uppercase; text-decoration: none;
}
#accueil-a12.a2 .hero-panel.active .panel-copy .panel-more { display: inline-flex; }
#accueil-a12.a2 .hero-panel.active:hover .panel-copy .panel-more { background: #123e58; }
#accueil-a12 .ice-story-group > .cta-section { padding-top: 46px !important; padding-bottom: 34px !important; }
#accueil-a12 .ice-story-group > .story-section { padding-top: 24px !important; padding-bottom: 64px !important; }

.v7-skinpack .skinpack-opening h1 { font-size: clamp(2.2rem, 3.4vw, 3.3rem); }
.v7-skinpack .professional-split {
  max-width: none; display: grid; grid-template-columns: 1fr 1fr;
  gap: 72px; align-items: center; text-align: left;
}
.v7-skinpack .professional-copy .prose { margin-left: 0; margin-right: 0; }
.v7-skinpack .professional-split .photo { margin: 0; }
.v7-guest .benefit-short h2 { max-width: 24ch; margin-inline: auto; }

/* Même principe que le yacht Guest : photographie, voile blanc, contenu. */
.photo-backdrop { position: relative; isolation: isolate; background-color: #eff4f6; background-size: cover; background-position: center; }
.photo-backdrop::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255,255,255,.68); }
.restaurant-selection { background-image: url('/assets/img/filet-de-poisson-dresse-avec-legumes-pour-un-service-de-restauration-1600.webp'); }
.restaurant-selection .text-card { background: rgba(255,255,255,.88); }
.restaurant-selection .notice { background: rgba(255,255,255,.88); }
.page-contact .contact-services.contact-photo-backdrop { background: #eff4f6 url('/assets/img/accueil-production-r9-1536.webp') center 44% / cover no-repeat; }
.page-contact .contact-intro-grid { grid-template-columns: 1fr; max-width: 960px; }
.contact-direct { display: flex; flex-wrap: wrap; gap: 18px 32px; align-items: center; margin-block: 26px; }
.contact-direct a { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.contact-direct .icon { flex: 0 0 24px; width: 24px; height: 24px; }
.v7-contact .contact-card h2 { min-height: 4.1em; }
.v7-contact .contact-card .contact-person { line-height: 1.85; }
.v7-contact .contact-card .button { min-width: 124px; }

.family-carousel.bottom-carousel .carousel-bar { padding: 8px 14px; background: rgba(6,34,55,.72); border-radius: 999px; width: max-content; max-width: calc(100% - 48px); }
.family-carousel.bottom-carousel .carousel-dot { color: #fff; }
.family-carousel.bottom-carousel .slide[data-slide="1"] .slide-image { object-position: center; }

@media (max-width: 1000px) {
  .v7-benefits .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 0; }
  .v7-benefits .cards.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v7-benefits .text-card:nth-child(3n+1)::before { content: none; }
  .v7-benefits .columns-4 .text-card:nth-child(n)::before { content: ""; }
  .v7-benefits .columns-4 .text-card:nth-child(odd)::before { content: none; }
  .v7-skinpack .professional-split { gap: 36px; }
}
@media (max-width: 700px) {
  .section.v7-benefits { padding-block: 38px; }
  .section.v7-benefits > .container > .benefits-heading { gap: 12px; font-size: clamp(.8rem, 2.66vw, 1rem); letter-spacing: .075em; }
  .v7-benefits .benefits-heading::before, .v7-benefits .benefits-heading::after { width: 22px; flex-basis: 22px; }
  .v7-benefits .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 0; }
  .v7-benefits .cards .text-card { padding-inline: 12px; }
  .v7-benefits .text-card:nth-child(n)::before { content: none; }
  .v7-benefits .text-card:nth-child(even)::before { content: ""; }
  .v7-skinpack .professional-split { grid-template-columns: 1fr; gap: 28px; }
  .v7-skinpack .professional-split .photo { order: 2; }
  .v7-contact .contact-card h2 { min-height: 0; }
  .contact-direct { flex-direction: column; align-items: flex-start; gap: 14px; }
  .contact-direct a { font-size: .91rem; max-width: 100%; }
  .ice-flow > .section + .section { padding-top: 28px; }
  #accueil-a12 .ice-story-group > .cta-section { padding-top: 28px !important; padding-bottom: 20px !important; }
  #accueil-a12 .ice-story-group > .story-section { padding-top: 20px !important; padding-bottom: 40px !important; }
}


/* Source conservée : assets/css/v8.css */
/* V8 — ajustements demandés à partir de V7, composants approuvés conservés. */
#accueil-a12.v8 .contact-band{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch;overflow:hidden}
#accueil-a12.v8 .contact-band-copy{padding:44px 48px;align-self:center}
#accueil-a12.v8 .contact-band-copy .button{margin-top:26px;max-width:none}
#accueil-a12.v8 .contact-band>.photo{margin:0;position:relative;min-width:0}
#accueil-a12.v8 .contact-band>.photo img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center;border-radius:0}
#accueil-a12.v8 .contact-band>.photo figcaption{position:absolute;right:12px;bottom:10px;color:white;background:#0a2d45c9;padding:4px 8px;border-radius:4px;font-size:10px}
#accueil-a12.v8 .history-teaser{grid-template-columns:1fr}
#accueil-a12.v8 .history-copy-content{padding:48px 54px;min-height:450px}
#accueil-a12.v8 .history-copy-content h2{max-width:720px;margin-left:auto}
#accueil-a12.v8 .history-copy-content .prose{max-width:660px;width:auto;margin-left:auto;margin-right:0}
#accueil-a12.v8 .history-maritime-image{object-position:center 48%}

.v8 .local-preparation-visual{background:transparent}
.v8 .local-preparation-visual img{background:transparent}
.v8 .professional-gallery{max-width:none;text-align:left;padding:0}
.v8 .professional-gallery .professional-copy{max-width:780px}
.v8 .professional-gallery .prose{margin-left:0;margin-right:0}
.installation-gallery{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:14px;margin-top:40px;position:relative}
.installation-viewport{grid-column:2;grid-row:1;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-y;min-width:0;border-radius:8px}
.installation-track{display:flex;gap:20px;will-change:transform}
.installation-photo{flex:0 0 calc((100% - 20px)/2);min-width:0;margin:0;height:300px;scroll-snap-align:start}
.installation-photo img{display:block;width:100%;height:300px;object-fit:cover;border-radius:8px}
.installation-photo.portrait img{object-fit:contain}
.installation-arrow{grid-row:1;display:grid;place-items:center;height:300px;width:52px;padding:0;border:0;background:transparent;color:#0a2d45;cursor:pointer;border-radius:8px}
.installation-arrow[hidden]{display:none}
.installation-arrow[data-gallery-prev]{grid-column:1}
.installation-arrow[data-gallery-next]{grid-column:3}
.installation-arrow svg{width:28px;height:70px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.installation-arrow:hover{background:#0a2d4510}
.installation-arrow:focus-visible,.installation-viewport:focus-visible{outline:2px solid #0a2d45;outline-offset:4px}
.installation-gallery[data-ready] .installation-viewport{overflow:hidden;scroll-snap-type:none}

.page-contact.v8 .contact-scene{background-image:url('/assets/img/accueil-production-r9-1536.webp');background-position:center 45%;background-size:cover}
.page-contact.v8 .contact-scene>.section{background:transparent}
.page-contact.v8 .contact-scene::before{background:rgba(255,255,255,.65)}
.page-contact.v8 .contact-opening{padding-bottom:28px}
.page-contact.v8 .contact-intro-grid{max-width:960px;margin-inline:auto}
.page-contact.v8 .contact-intro-card{background:#fff;border-radius:22px;padding:42px 48px;box-shadow:0 10px 36px #0a2d4512}
.page-contact.v8 .contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-block:28px}
.page-contact.v8 .secretariat-label{margin:0;color:var(--navy);font-size:.8rem;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.page-contact.v8 .contact-direct .contact-phone{font-size:clamp(32px,3.4vw,44px);line-height:1.2;letter-spacing:.01em;text-decoration:none;font-weight:700}
.page-contact.v8 .contact-direct .contact-email{font-size:16px;line-height:1.5}
.page-contact.v8 .contact-services{padding-top:24px}
.page-contact.v8 .contact-laboratory{background-color:#f8fbfc;background-image:url('/assets/img/fond-glace-texture-v17.webp');background-size:627px 627px;background-repeat:repeat;background-position:left top}
.page-contact.v8 .contact-laboratory .button{margin:8px 0 26px}
.reception-label{font-weight:700;margin-bottom:10px}
.reception-hours{border-collapse:collapse;width:100%;max-width:400px;font-size:.95rem}
.reception-hours th,.reception-hours td{padding:7px 12px;border-bottom:1px solid #0a2d4519;text-align:left;background:transparent}
.reception-hours th{font-weight:500;padding-left:0}
.reception-hours td{white-space:nowrap}
.delivery-heading{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.delivery-heading h2{margin:0}
.delivery-heading .delivery-icon{width:52px;height:52px;flex:0 0 52px;margin:0}
@media(max-width:1000px){
 #accueil-a12.v8 .contact-band-copy{padding:32px}
 #accueil-a12.v8 .contact-band>.photo img{min-height:340px}
}
@media(max-width:700px){
 #accueil-a12.v8 .contact-band{grid-template-columns:1fr;gap:0}
 #accueil-a12.v8 .contact-band-copy{padding:30px 26px}
 #accueil-a12.v8 .contact-band>.photo img{height:290px;min-height:0}
 #accueil-a12.v8 .history-copy-content{padding:32px 25px;min-height:0}
 .installation-gallery{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;margin-top:28px}
 .installation-photo{flex-basis:100%}
 .installation-arrow{width:34px}
 .installation-arrow svg{width:22px;height:60px}
 .page-contact.v8 .contact-intro-card{padding:28px 23px;border-radius:16px}
 .page-contact.v8 .contact-direct .contact-phone{font-size:32px}
 .page-contact.v8 .contact-direct .contact-email{font-size:14px}
 .page-contact.v8 .contact-opening{padding-bottom:16px}
 .delivery-heading{gap:12px;align-items:flex-start}
 .delivery-heading .delivery-icon{width:42px;height:42px;flex-basis:42px}
}
@media(prefers-reduced-motion:reduce){.installation-track{transition:none!important}}


/* Source conservée : assets/css/v9.css */
/* V9 : ajustements ciblés ; tous les styles validés antérieurs sont conservés. */
#accueil-a12.v9.a2 .hero-panel .panel-copy .panel-more { background: #fff; color: #0a2d45; }
#accueil-a12.v9.a2 .hero-panel:hover .panel-copy .panel-more,
#accueil-a12.v9.a2 .hero-panel:focus-visible .panel-copy .panel-more,
#accueil-a12.v9.a2 .hero-panel:active .panel-copy .panel-more { background: #0a2d45; color: #fff; }
#accueil-a12.v9 .history-copy-content { text-align: left; }
#accueil-a12.v9 .history-copy-content h2,
#accueil-a12.v9 .history-copy-content .prose { margin-left: 0; margin-right: auto; }
#accueil-a12.v9 .history-copy-content .button { display: flex; width: fit-content; margin-left: auto; }
/* All six slides share one grid cell: the tallest determines a stable responsive height. */
#accueil-a12.v9 .home-carousel { display: grid; }
#accueil-a12.v9 .home-carousel > .slide { grid-area: 1 / 1; }
#accueil-a12.v9 .home-carousel > .slide[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
.v9 .professional-gallery .professional-copy { text-align: center; margin-inline: auto; }
.v9.v7-skinpack .professional-copy .prose { margin-inline: auto; }
.v9 .static-hero { color: #fff; background: #082d43; }
.v9 .guest-static-hero { color: var(--navy); background: #eff4f6; }
.v9 .guest-static-hero .slide-shade { background: rgba(255,255,255,.68); }
.v9 .guest-static-hero .slide-content h2,
.v9 .guest-static-hero .slide-content .eyebrow { color: var(--navy); }
.v9 .guest-yacht-background { background-image: url('/assets/img/poissons-cuisines-servis-sur-une-terrasse-dominant-la-mediterranee.webp'); }
.v9 .restaurant-selection { background-image: url('/assets/img/assortiment-de-plats-de-poisson-coquillages-et-crustaces-sur-une-table.webp'); }
.v9 .cold-chain-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.v9 .cold-chain-heading .cold-chain-icon { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; }
.v9 .cold-chain-heading h2 { margin: 0; }
.v9 .local-preparation-copy > .prose { margin-left: 0; }
.v9 .private-delivery-scene { background-image: url('/assets/img/poisson-cuisine-et-plats-a-partager-sur-une-table-en-plein-air.webp'); background-position: center 54%; }
.v9 .private-delivery-scene::before { background: rgba(255,255,255,.6); }
.v9 .private-delivery-card { background: #fff; border-radius: 20px; padding: 40px; gap: 48px; box-shadow: 0 12px 40px #07263b12; }
.v9 .private-delivery-card h2 { font-size: clamp(1.55rem,2.2vw,2rem); }
.v9 .private-delivery-card .pickup-option { border-left: 1px solid #dce4e8; padding-left: 40px; }
.v9 .family-static-photo { position: relative; isolation: isolate; height: clamp(180px,19.5vw,320px); overflow: hidden; }
.v9 .family-static-photo .slide-image { object-position: center 62%; }
.v9 .family-photo-veil { position: absolute; inset: 0; background: rgba(255,255,255,.4); z-index: -2; }
@media(max-width:700px) {
 .v9 .private-delivery-card { grid-template-columns: 1fr; padding: 27px 22px; gap: 28px; }
 .v9 .private-delivery-card .pickup-option { border-left: 0; padding-left: 0; border-top: 1px solid #dce4e8; padding-top: 28px; }
 .v9 .cold-chain-heading { gap: 12px; }
 .v9 .cold-chain-heading .cold-chain-icon { width: 40px; height: 40px; flex-basis: 40px; }
 .v9 .family-static-photo { height: clamp(145px,37vw,230px); }
 .v9 .family-static-photo .slide-image { object-position: 44% 64%; }
}


/* Source conservée : assets/css/v10.css */
/* V10 — ajustements ciblés après validation de V9. */
/* Même doré que le bouton Notre parcours au repos. */
#accueil-a12.v10.a2 .hero-panel:hover .panel-copy .panel-more,
#accueil-a12.v10.a2 .hero-panel:focus-visible .panel-copy .panel-more,
#accueil-a12.v10.a2 .hero-panel:active .panel-copy .panel-more {
  background: var(--history-gold, #735f4b); border-color: var(--history-gold, #735f4b); color: #fff;
}
/* Cinq fonds photographiques partagent le même voile blanc. */
.v10 .guest-static-hero .slide-shade,
.v10 .guest-yacht-background::before,
.v10 .restaurant-selection::before,
.v10 .private-delivery-scene::before,
.v10 .family-photo-veil { background: rgba(255,255,255,.76); }
/* Un seul fond glace de la réception du lot au devis de découpe. */
.v10-decoupe .ice-flow > .cta-section { padding-top: 30px; }
/* Chaîne du froid : icône x2, titre à 80 % de sa taille V9. */
.v10 .cold-chain-heading .cold-chain-icon { width: 96px; height: 96px; flex-basis: 96px; }
.v10 .cold-chain-heading h2 { font-size: clamp(1.52rem,2.08vw,2.16rem); }
.v10 .v10-private-closure > .cta-section { padding-bottom: 38px; }
.v10 .v10-private-closure > .local-preparation-section { padding-top: 21px; }
/* Sept cartes de largeur égale : 4 en haut, 3 centrées au-dessous. */
.v10 .restaurant-selection { text-align: center; }
.v10 .restaurant-selection > .container > h2 { margin-inline: auto; }
.v10 .restaurant-seven-cards { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 22px; }
.v10 .restaurant-seven-cards > .text-card { grid-column: span 2; text-align: center; }
.v10 .restaurant-seven-cards > .text-card:nth-child(5) { grid-column: 2 / span 2; }
.v10 .restaurant-seven-cards > .text-card:nth-child(6) { grid-column: 4 / span 2; }
.v10 .restaurant-seven-cards > .text-card:nth-child(7) { grid-column: 6 / span 2; }
.v10 .restaurant-seven-cards .icon { display: block; margin-inline: auto; }
/* Format de référence SKP-03, y compris la largeur des colonnes. */
.v10-standard-photos .split,
.v10-standard-photos .compact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 72px; }
.v10-standard-photos .split > .photo > img,
.v10-standard-photos .compact-grid > .photo > img { width: 100%; height: 390px; min-height: 0; object-fit: cover; }
@media(max-width:1279px) {
 .v10-standard-photos .split,
 .v10-standard-photos .compact-grid { gap: 42px; }
}
@media(max-width:1000px) {
 .v10 .restaurant-seven-cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .v10 .restaurant-seven-cards > .text-card:nth-child(n) { grid-column: span 2; }
 .v10 .restaurant-seven-cards > .text-card:last-child { grid-column: 2 / span 2; }
}
@media(max-width:800px) {
 .v10-standard-photos .split > .photo > img,
 .v10-standard-photos .compact-grid > .photo > img { height: 330px; }
 .v10 .v10-private-closure > .cta-section { padding-bottom: 26px; }
}
@media(max-width:700px) {
 .v10 .cold-chain-heading .cold-chain-icon { width: 80px; height: 80px; flex-basis: 80px; }
 .v10 .v10-private-closure > .local-preparation-section { padding-top: 14px; }
}
@media(max-width:580px) {
 .v10-standard-photos .split,
 .v10-standard-photos .compact-grid { grid-template-columns: 1fr; gap: 28px; }
 .v10-standard-photos .split > .photo > img,
 .v10-standard-photos .compact-grid > .photo > img { height: 275px; }
 .v10 .cold-chain-heading h2 { font-size: 1.6rem; }
 .v10 .v10-private-closure > .cta-section { padding-bottom: 22.5px !important; }
 .v10 .restaurant-seven-cards { grid-template-columns: 1fr; }
 .v10 .restaurant-seven-cards > .text-card:nth-child(n) { grid-column: 1; }
}


/* Source conservée : assets/css/v11.css */
/* V11 — corrections ciblées depuis V10, décision SITE-V2-067. */
/* Espacement Guest identique à Particuliers V10 à chaque breakpoint. */
.v11 .v11-guest-closure > .cta-section { padding-bottom:38px; }
.v11 .v11-guest-closure > .local-preparation-section { padding-top:21px; }
/* Contact : transparence limitée au fond des encarts, texte opaque. */
.page-contact.v11 .contact-scene { background-image:url('/assets/img/v11-contact-plan-large-1536.webp'); }
.page-contact.v11 .contact-intro-card,
.page-contact.v11 .contact-card { border-radius:22px; }
.page-contact.v11 .contact-intro-card { background:rgba(255,255,255,.95); text-align:center; }
.page-contact.v11 .contact-intro-card .prose { margin-inline:auto; }
.page-contact.v11 .contact-direct { align-items:center; text-align:center; }
.page-contact.v11 .contact-card { background:rgba(10,45,69,.95); border-color:rgba(10,45,69,.95); }
.page-contact.v11 .v11-contact-help { font-style:italic; }
.page-contact.v11 .v11-contact-help > p { font-size:.8em; }
.page-contact.v11 .contact-laboratory .notice .prose { margin:0; font-weight:700; }
.page-contact.v11 .contact-laboratory .notice p { margin:0; }
.page-contact.v11 .v11-contact-delivery { text-align:center; }
.page-contact.v11 .v11-contact-delivery .consumer-note { justify-content:center; }
.page-contact.v11 .v11-contact-delivery .consumer-note > div { width:100%; }
.page-contact.v11 .v11-contact-delivery .delivery-heading { justify-content:center; align-items:center; }
.page-contact.v11 .v11-contact-delivery .prose { margin-inline:auto; }
@media(max-width:800px) {
 .v11 .v11-guest-closure > .cta-section { padding-bottom:26px; }
}
@media(max-width:700px) {
 .v11 .v11-guest-closure > .local-preparation-section { padding-top:14px; }
 .page-contact.v11 .contact-intro-card,
 .page-contact.v11 .contact-card { border-radius:16px; }
}
@media(max-width:580px) {
 .v11 .v11-guest-closure > .cta-section { padding-bottom:22.5px!important; }
}


/* Source conservée : assets/css/v12.css */
/* V12 — retours utilisateur du 30/09/2026, SITE-V2-068. */
/* Conserver tous les voiles, dimensions et placements de V11. */
.page-contact.v12 .contact-scene {
  background-image: url('/assets/img/v12-contact-bureau-1536.webp');
}
/* Restauration : paires de pictogrammes centrées dans les cartes existantes. */
.v12 .restaurant-seven-cards .v12-icon-pair {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  height: 48px; margin: 0 auto 16px;
}
.v12 .restaurant-seven-cards .v12-icon-pair img {
  display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; margin: 0;
}
.v12 .v12-arrivages-actions { margin-top: 24px; }
.v12 .v12-arrivages-cta { border-radius: 10px; }


/* Source conservée : assets/css/v14.css */
/* V14 — retours V12, SITE-V2-069. Ajustements limités aux éléments demandés. */
.page-contact.v14 .contact-scene {
  background-image: url('/assets/img/une-collaboratrice-au-telephone-dans-le-bureau-donnant-sur-le-laboratoire-de-preparation.webp');
}
.v14 .guest-yacht-background > .container > h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.v14 .guest-yacht-background .cards {
  justify-content: center;
}
.v14 .guest-yacht-background .text-card {
  text-align: center;
}
.v14 .guest-yacht-background .selection-icon-pair {
  justify-content: center;
}


/* Source conservée : assets/css/v15.css */
/* V15 — SITE-V2-070. Background alpha never affects foreground text. */
body.v15 #accueil-a12 .history-copy-content .prose {
  font-size:1.0695rem;
  background:rgba(255,255,255,.728);
}
body.v15 .guest-static-hero [data-text="TXT-GST-002"] {
  background:rgba(255,255,255,.8);
  border-radius:20px;
  padding:22px 26px;
}
body.v15 .private-delivery-card { background:rgba(255,255,255,.95); }
/* A standalone light section shared by Home and SkinPack. */
.v15 .v15-partners-section { background:#eaf4f8; color:#082b43; padding:38px 0 40px; }
.v15-partners-section .partners-block { --partners-visible:7; --partner-slot:142px; margin:0; padding:0; border:0; background:transparent; }
.v15-partners-section .partners-head { display:block; text-align:center; margin-bottom:26px; }
.v15-partners-section .partners-title { font:700 .88rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; letter-spacing:.14em; color:#082b43; margin:0; text-align:center; }
.v15-partners-section .partners-slider { display:grid; grid-template-columns:54px minmax(0,1fr) 54px; gap:14px; align-items:center; background:transparent; }
.v15-partners-section .partners-arrow { display:grid; place-items:center; width:54px; height:105px; padding:0; border:0; border-radius:0; background:transparent; color:#082b43; cursor:pointer; transition:color .18s,background .18s; }
.v15-partners-section .partners-arrow svg { width:26.6px; height:54.6px; overflow:visible; pointer-events:none; }
.v15-partners-section .partners-arrow:hover { background:#082b430d; color:#526d80; }
.v15-partners-section .partners-arrow:focus-visible,.v15-partners-section .partners-viewport:focus-visible { outline:2px solid #826b50; outline-offset:3px; }
.v15-partners-section .partners-viewport { overflow:hidden; position:relative; background:transparent; touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; }
.v15-partners-section .partners-viewport.is-dragging { cursor:grabbing; }
.v15-partners-section .partners-track { display:flex; width:max-content; background:transparent; will-change:transform; }
.v15-partners-section .partners-group { list-style:none; display:flex; flex:0 0 auto; gap:18px; align-items:center; margin:0; padding:0 18px 0 0; background:transparent; }
.v15-partners-section .partner-item { flex:0 0 var(--partner-slot); width:var(--partner-slot); height:105px; display:flex; align-items:center; justify-content:center; background:transparent; }
.v15-partners-section .partner-item img { display:block; width:auto; height:auto; max-width:min(147px,calc(var(--partner-slot) - 10px)); max-height:105px; object-fit:contain; background:transparent; pointer-events:none; }
.v15-partners-section .partners-instruction { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1000px) { .v15-partners-section .partners-block { --partners-visible:5; } }
@media(max-width:700px) { .v15-partners-section .partners-block { --partners-visible:3; } }
@media(max-width:580px) {
  body.v15 #accueil-a12 .history-copy-content .prose { font-size:1.0465rem; }
  body.v15 .guest-static-hero [data-text="TXT-GST-002"] { padding:18px 20px; }
  .v15-partners-section .partners-title { font-size:.75rem; }
  .v15-partners-section .partners-slider { grid-template-columns:40px minmax(0,1fr) 40px; gap:5px; }
  .v15-partners-section .partners-arrow { width:40px; height:91px; }
  .v15-partners-section .partners-arrow svg { width:19.6px; height:47.6px; }
  .v15-partners-section .partners-group { gap:14px; padding-right:14px; }
  .v15-partners-section .partner-item { height:91px; }
  .v15-partners-section .partner-item img { max-height:91px; max-width:min(121.8px,calc(var(--partner-slot) - 10px)); }
}
@media(max-width:480px) { .v15-partners-section .partners-block { --partners-visible:2; } }
@media(prefers-reduced-motion:reduce) { .v15-partners-section .partners-track { will-change:auto; } .v15-partners-section .partners-arrow { transition:none; } }


/* Source conservée : assets/css/v17.css */
/* V17 — corrections ciblées depuis V16. */
/* Seule la seconde phrase de présentation du footer perd sa graisse. */
.site-footer .footer-about > .prose[data-text="TXT-COM-013"] > p:nth-of-type(2) {
  font-weight: 400;
}

/* Un fond et une origine de répétition sous les quatre premières sections de l’accueil. */
#accueil-a12 .ice-home-group {
  background-color: #f1f7f9;
  background-image: linear-gradient(110deg, #fff9, #f7fcff66), url('/assets/img/fond-glace-texture-v17.webp');
  background-size: auto, 627px 627px;
  background-repeat: no-repeat, repeat;
  background-position: center, left top;
}
#accueil-a12 .ice-home-group > .ice-services-group,
#accueil-a12 .ice-home-group > .ice-story-group {
  background: transparent;
}


/* V18 — contenu photographique descriptible, cadrages et voiles V17 conservés. */
.seo-photo-background { position: relative; isolation: isolate; background-image: none !important; }
.seo-photo-background > .seo-background-image { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; }