.hero-media{max-width:1120px;width:100%}
.posts-grid>.instagram-post:nth-child(1){grid-column:1;grid-row:1}.posts-grid>.instagram-post:nth-child(2){grid-column:1;grid-row:2}
.hero-pending{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#efefed;color:#969690;font-size:13px;line-height:1.6}
.instagram-post{display:block;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#fff}.instagram-post img{display:block;width:100%;height:100%;object-fit:contain}.instagram-post:focus-visible{outline:3px solid #FB3601;outline-offset:4px}
.cinema-reverse .cinema-media{grid-column:1;grid-row:1}@media(max-width:700px){.cinema-reverse .cinema-media{grid-column:auto;grid-row:auto}}
.travel-demo + .travel-demo{border-top:0;margin-top:36px;padding-top:0}
.cinema-placeholder{aspect-ratio:16/9;width:100%;border:1px dashed #d3d3d3;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#858585}.cinema-placeholder>span{font-size:40px;font-weight:500;color:#aaa}.cinema-placeholder small{font-size:13px}.cinema-reverse{grid-template-columns:1.6fr 1fr}.cinema-reverse .cinema-copy{grid-column:2;grid-row:1}.cinema-reverse .cinema-placeholder{grid-column:1;grid-row:1}@media(max-width:700px){.cinema-reverse{grid-template-columns:1fr}.cinema-reverse .cinema-copy,.cinema-reverse .cinema-placeholder{grid-column:auto;grid-row:auto}}
.video-slot{aspect-ratio:9/16;width:100%;border:1px dashed #d3d3d3;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#858585}.video-slot span{font-size:30px;font-weight:500;color:#aaa}.video-slot small{font-size:12px}.demo-pending{align-self:start}
.nav-links a{font-weight:700}.nav-links a.nav-gallery{color:#FB3601}.nav-links a.nav-gallery::after{background:#FB3601}
.nav .logo{display:flex;align-items:center;gap:14px}.brand-description{font-size:11px;line-height:1.4;color:#737373;max-width:160px;text-align:left;font-weight:400}.nav-in{gap:18px}.nav-links{gap:18px}.hero{padding-top:40px}.hero-grid{gap:32px}
@media(max-width:1150px) and (min-width:1001px){.brand-description{max-width:105px;font-size:10px}.nav-links{gap:12px}.nav .btn{padding:10px 13px}}
@media(max-width:640px){.hero{padding-top:25px}.hero-grid{gap:18px}.brand-description{font-size:9px;max-width:95px}.nav .logo{gap:8px}.nav-in{column-gap:8px}.nav .btn{font-size:11px;padding:9px 10px}}
@media(max-width:380px){.brand-description{max-width:75px;font-size:8px}.nav .logo img{height:23px}.nav .btn .ar{display:none}}
.hero-showcase{position:relative;width:100%;height:460px;--pointer-x:0;--pointer-y:0;isolation:isolate}
.showcase-card{position:absolute;left:50%;top:50%;margin:0;width:22%;aspect-ratio:9/16;border-radius:13px;overflow:hidden;background:#eee;box-shadow:0 8px 24px #00000018;transform:translate(calc(-50% + var(--offset)),calc(-50% + var(--lift))) rotate(var(--rotation)) scale(var(--scale));transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s;will-change:transform;cursor:pointer}
.showcase-card img,.showcase-card video{display:block;width:100%;height:100%;object-fit:cover}
.showcase-card[data-slot="-3"]{--offset:-155%;--lift:20px;--rotation:-11deg;--scale:.64;z-index:1}
.showcase-card[data-slot="-2"]{--offset:-110%;--lift:4px;--rotation:-8deg;--scale:.73;z-index:2}
.showcase-card[data-slot="-1"]{--offset:-64%;--lift:10px;--rotation:-5deg;--scale:.82;z-index:3}
.showcase-card[data-slot="0"]{--offset:0%;--lift:0px;--rotation:0deg;--scale:1;z-index:4;box-shadow:0 18px 35px #00000025,0 0 0 3px #252525;border-radius:16px}
.showcase-card[data-slot="1"]{--offset:64%;--lift:10px;--rotation:5deg;--scale:.82;z-index:3}
.showcase-card[data-slot="2"]{--offset:110%;--lift:4px;--rotation:8deg;--scale:.73;z-index:2}
.showcase-card[data-slot="3"]{--offset:155%;--lift:20px;--rotation:11deg;--scale:.64;z-index:1}
.showcase-card:focus-visible{outline:3px solid #777;outline-offset:5px}
.showcase-card{transition:transform 1.05s cubic-bezier(.4,0,.2,1),box-shadow 1.05s ease}
.showcase-card[data-slot="-3"]{--rotation:-6deg;--lift:10px;--scale:.7}
.showcase-card[data-slot="-2"]{--rotation:-4deg;--lift:5px;--scale:.78}
.showcase-card[data-slot="-1"]{--rotation:-2deg;--lift:2px;--scale:.87}
.showcase-card[data-slot="1"]{--rotation:2deg;--lift:2px;--scale:.87}
.showcase-card[data-slot="2"]{--rotation:4deg;--lift:5px;--scale:.78}
.showcase-card[data-slot="3"]{--rotation:6deg;--lift:10px;--scale:.7}
@media(max-width:900px){.hero-showcase{height:360px}}
@media(max-width:600px){.hero-showcase{height:250px}.showcase-card{border-radius:7px}.showcase-3{border-width:2px;border-radius:10px}.hero-grid{gap:20px}}
@media(max-width:400px){.hero-showcase{height:200px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none;will-change:auto}}

/* Nine upright cards, one central and four on each side. */
.showcase-card{width:20%;transform:translate(calc(-50% + var(--offset)), -50%) scale(var(--scale))}
.showcase-card[data-slot="-4"]{--offset:-180%;--scale:0.62;--rotation:0deg;--lift:0px;z-index:1}
.showcase-card[data-slot="-3"]{--offset:-143%;--scale:0.7;--rotation:0deg;--lift:0px;z-index:2}
.showcase-card[data-slot="-2"]{--offset:-103%;--scale:0.78;--rotation:0deg;--lift:0px;z-index:3}
.showcase-card[data-slot="-1"]{--offset:-58%;--scale:0.87;--rotation:0deg;--lift:0px;z-index:4}
.showcase-card[data-slot="0"]{--offset:0%;--scale:1;--rotation:0deg;--lift:0px;z-index:5}
.showcase-card[data-slot="1"]{--offset:58%;--scale:0.87;--rotation:0deg;--lift:0px;z-index:4}
.showcase-card[data-slot="2"]{--offset:103%;--scale:0.78;--rotation:0deg;--lift:0px;z-index:3}
.showcase-card[data-slot="3"]{--offset:143%;--scale:0.7;--rotation:0deg;--lift:0px;z-index:2}
.showcase-card[data-slot="4"]{--offset:180%;--scale:0.62;--rotation:0deg;--lift:0px;z-index:1}

/* UGC model comparison */
#portfolio-videos>.formats-new{position:relative;isolation:isolate;overflow:visible;margin-top:48px;padding:48px 0;background:transparent;border-bottom:0}
#portfolio-videos>.formats-new::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);pointer-events:none}
#portfolio-videos>.formats-new>.wrap{width:100%;max-width:none;margin:0;padding:0}
.ugc-models{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:72px;align-items:center;margin:64px 0 80px;padding:40px 0}
.ugc-models-copy{max-width:540px;min-width:0}
.ugc-models-copy h3{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 22px}
.ugc-models-copy p{font-size:15px;line-height:1.75;margin:0 0 18px}
.ugc-models-copy .ugc-models-lead{font-size:20px;line-height:1.45;font-weight:600}
.ugc-models-copy .ugc-models-note{font-size:13px;opacity:.7}
.ugc-models-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;width:100%;max-width:360px;justify-self:end}
.ugc-model-card{margin:0;min-width:0}
.ugc-model-placeholder{aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f3f3f1;border:1px solid #e4e4e0;border-radius:12px;color:#71716b}
.ugc-model-placeholder span{font-size:14px;font-weight:600}
.ugc-model-placeholder small{font-size:11px}
.ugc-model-card figcaption{font-size:11px;text-align:center;margin-top:9px;color:#71716b}
.ugc-model-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px}
@media(max-width:700px){.ugc-models{grid-template-columns:1fr;gap:28px;margin:40px 0 56px;padding:20px 0}.ugc-models-grid{justify-self:center}.ugc-models-copy{max-width:none}}

/* Four UGC profiles in one compact row. */
.ugc-models{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;align-items:center;margin:44px 0 56px;padding:20px 0}
.ugc-models-copy{max-width:none}
.ugc-models-copy h3{margin-bottom:16px}
.ugc-models-copy p{margin-bottom:12px}
.ugc-models-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;justify-self:start;gap:16px}
.ugc-models-copy h3{font-size:clamp(22px,2.2vw,30px);margin:8px 0 12px}
.ugc-models-copy p{font-size:13px;line-height:1.6}
.ugc-models-copy .ugc-models-lead{font-size:16px;line-height:1.4}
.ugc-models-copy .ugc-models-note{font-size:12px}
@media(max-width:700px){.ugc-models{grid-template-columns:minmax(0,1fr);gap:20px}.ugc-models-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;justify-self:start}.ugc-model-placeholder{border-radius:8px;gap:4px}.ugc-model-placeholder span{font-size:11px}.ugc-model-placeholder small{font-size:9px}.ugc-model-card figcaption{font-size:9px}}

.travel-demo h3{font-size:clamp(16px,2vw,26px)}
/* Navigation: approximately 25 percent slimmer. */
:root{--nav-height:56px}
.nav-in{height:var(--nav-height);gap:14px}
.nav .logo{gap:10px}
.nav .logo img{height:24px}
.nav-links{gap:14px}
.nav .btn{padding:8px 16px}
@media(max-width:1000px){:root{--nav-height:90px}.nav-in{height:var(--nav-height);gap:0 12px;padding-top:7px;padding-bottom:6px}.nav-links{margin-top:4px;padding:3px 0;gap:18px}}
@media(max-width:640px){.nav .logo{gap:6px}.nav .logo img{height:21px}.nav .btn{padding:7px 10px}.nav-in{column-gap:8px}}
/* Bring the full carousel into the opening viewport. */
.hero{padding-top:24px}
.hero-grid{gap:20px}
.hero-sub{margin-top:14px}
.hero-cta{margin-top:18px}
.hero-showcase{height:420px}
@media(min-width:901px) and (max-height:800px){.hero-showcase{height:360px}.showcase-card{width:min(20%,190px)}}
@media(max-width:900px){.hero-showcase{height:340px}}
@media(max-width:640px){.hero{padding-top:18px}.hero-grid{gap:14px}.hero-showcase{height:240px}}
@media(max-width:400px){.hero-showcase{height:190px}}

.hero h1 .hero-accent{color:#FB3601;font-weight:700}

/* Contact : campagne et formule dans un même échange. */
.contact-section{padding:64px 0 80px;scroll-margin-top:100px;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.contact-intro h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin:16px 0 20px}
.contact-intro p{line-height:1.75;color:#626262;margin:0 0 18px}
.contact-intro>a{font-weight:600;text-underline-offset:4px}
.project-form{display:grid;gap:10px;padding:28px;border:1px solid #e7e7e7;border-radius:18px;background:#fafafa;position:relative;min-width:0}
.project-form label{font-size:14px;font-weight:600;margin-top:8px;color:#222}
.project-form input,.project-form select,.project-form textarea{font:inherit;font-size:15px;padding:13px;width:100%;min-width:0;background:white;color:#222;border:1px solid #d7d7d7;border-radius:8px}
.project-form textarea{resize:vertical}.project-form :focus-visible{outline:2px solid #FB3601;outline-offset:3px}
.project-form .btn{justify-content:center;width:100%;cursor:pointer;border:0;font:inherit;font-weight:600}
.project-form .btn:disabled{opacity:.55;cursor:wait}
.project-form .form-privacy{font-size:12px;line-height:1.6;color:#666;margin:7px 0}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#form-status{margin:0;font-size:14px;line-height:1.6;color:#333;overflow-wrap:anywhere}
#form-status:empty{display:none}
.foot-links{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:12px 20px}
/* Keep the entire frame visible in native fullscreen, whatever its orientation. */
.demo video,.travel-demo video,.showcase-card video{object-fit:contain;object-position:center}
video:fullscreen{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;transform:none!important;background:#000!important}
video:-webkit-full-screen{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;transform:none!important;background:#000!important}
:fullscreen video{object-fit:contain!important;object-position:center!important;max-height:100vh!important}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-section{padding:44px 0}.project-form{padding:20px}}
