/* Page projet Josh Digital : contraste éditorial et accents corail issus du visuel. */
.josh-page{--josh-ink:#15151b;--josh-paper:#f7f5f2;--josh-coral:#ff553e;--josh-pink:#ed1761;--josh-muted:#77747a;background:var(--josh-paper);color:var(--josh-ink);font-family:"DM Sans",sans-serif}
.josh-page .topbar{background:rgba(247,245,242,.96);border-color:rgba(21,21,27,.12)}.josh-page .brand{color:var(--josh-ink)}.josh-page .brand span{color:var(--josh-coral)}.josh-page .nav-links a{color:var(--josh-ink)}.josh-page .nav-links .contact{background:var(--josh-ink);color:#fff}
.josh-hero,.josh-film,.josh-facts,.josh-story,.josh-outro{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.josh-hero{position:relative;padding:60px 0 100px;min-height:650px}.josh-page .back{color:var(--josh-muted);font-size:.78rem;text-decoration:none}.josh-kicker{margin:40px 0 16px;color:var(--josh-coral);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.josh-hero h1,.josh-section-title h2,.josh-outro h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.95}.josh-hero h1{position:relative;z-index:2;max-width:850px;margin:0;font-size:clamp(4.5rem,10vw,10rem)}.josh-hero h1 span,.josh-outro h2 span{color:var(--josh-coral)}.josh-lead{position:relative;z-index:2;max-width:430px;margin:32px 0 0;font-size:1.05rem;line-height:1.75}.josh-visual{position:absolute;z-index:1;right:0;top:220px;width:42%;margin:0;background:#f14b3f;box-shadow:18px 18px 0 var(--josh-ink);transform:rotate(2deg)}.josh-visual img{display:block;width:100%;height:auto}.josh-visual figcaption{padding:12px 16px;background:var(--josh-ink);color:white;font-size:.7rem;letter-spacing:.06em}.josh-index{position:absolute;bottom:45px;right:0;font-family:Anton,sans-serif;font-size:1rem;letter-spacing:.12em;color:var(--josh-muted)}
.josh-film{padding:82px 0 92px;border-top:1px solid rgba(21,21,27,.16)}.josh-section-title .josh-kicker{margin:0 0 18px}.josh-section-title h2{margin:0 0 38px;font-size:clamp(3rem,6vw,6.5rem)}.josh-player{aspect-ratio:16/9;background:#101015;box-shadow:0 24px 70px rgba(21,21,27,.15)}.josh-player iframe{display:block;width:100%;height:100%;border:0}.josh-caption{max-width:420px;margin:18px 0 0 auto;text-align:right;color:var(--josh-muted);font-size:.86rem;line-height:1.7}
.josh-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0 34px;border-top:1px solid rgba(255,85,62,.55);border-bottom:1px solid rgba(255,85,62,.55)}.josh-facts span{display:block;margin-bottom:10px;color:var(--josh-coral);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.josh-facts p{margin:0;font-size:.92rem;line-height:1.5}
.josh-story{padding:118px 0 112px;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.josh-story .josh-kicker{margin-top:0}.josh-copy{max-width:620px;padding-top:32px;color:#54515a;font-size:1.02rem;line-height:1.9}.josh-copy p{margin:0 0 22px}.josh-copy strong{color:var(--josh-ink)}
.josh-gallery{width:min(1220px,calc(100% - 64px));margin:0 auto;padding:38px 0 108px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start;border-top:1px solid rgba(21,21,27,.16)}.josh-gallery-heading{grid-column:1/-1;max-width:760px;padding-bottom:18px}.josh-gallery-heading .josh-kicker{margin:0 0 18px}.josh-gallery-heading h2{margin:0;font:400 clamp(3rem,6vw,6rem)/.98 Anton,Impact,sans-serif;text-transform:uppercase}.josh-gallery-heading h2 span{color:var(--josh-coral)}.josh-gallery-heading>p:last-child{max-width:520px;color:var(--josh-muted);line-height:1.7}.josh-gallery-item{margin:0;min-width:0}.josh-gallery-item img{display:block;width:100%;height:auto;background:#eee}.josh-gallery-item figcaption{padding-top:11px;color:var(--josh-muted);font-size:.75rem;line-height:1.5}.josh-gallery-logo{grid-column:span 4}.josh-gallery-identity{grid-column:span 8}.josh-gallery-bonne-allure{grid-column:span 7}.josh-gallery-enerlis{grid-column:span 5}.josh-gallery-3d{grid-column:span 4}.josh-gallery-note{grid-column:span 8;align-self:center;max-width:620px;margin:0;padding:28px 7%;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;line-height:1.35;letter-spacing:-.04em}.josh-gallery-note::before{content:"";display:block;width:54px;height:3px;margin-bottom:22px;background:var(--josh-coral)}
.josh-outro{padding:62px 0 105px;border-top:1px solid rgba(21,21,27,.16)}.josh-outro .josh-kicker{margin:0 0 22px}.josh-outro h2{margin:0;font-size:clamp(3.4rem,8vw,8.5rem)}.josh-outro>a{display:inline-flex;gap:20px;align-items:center;margin-top:38px;color:var(--josh-ink);font-size:.82rem;font-weight:700;text-decoration:none}.josh-outro>a span{color:var(--josh-coral);font-size:1.3rem}
.josh-page .josh-cta{padding:72px 24px;background:var(--josh-ink);color:#fff;text-align:center}.josh-page .josh-cta h2{font-family:Anton,Impact,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:400;text-transform:uppercase}.josh-page .josh-cta p{color:#d2cfd4}.josh-page .josh-cta a{display:inline-block;margin-top:16px;padding:14px 24px;background:var(--josh-coral);color:#17151b;font-weight:700;text-decoration:none}.josh-page footer{padding:24px;text-align:center;color:var(--josh-muted);font-size:.78rem}.josh-page footer a{color:inherit}
@media(max-width:760px){.josh-hero,.josh-film,.josh-facts,.josh-story,.josh-outro,.josh-gallery{width:min(100% - 36px,620px)}.josh-hero{min-height:0;padding:44px 0 74px}.josh-hero .josh-kicker{margin-top:34px}.josh-hero h1{font-size:clamp(4rem,17vw,7rem)}.josh-lead{max-width:540px;margin-top:22px}.josh-visual{position:relative;top:auto;right:auto;width:88%;margin:38px 0 10px auto;transform:none;box-shadow:10px 10px 0 var(--josh-ink)}.josh-index{bottom:28px}.josh-film{padding:60px 0 68px}.josh-section-title h2{margin-bottom:25px}.josh-facts{grid-template-columns:1fr 1fr;gap:22px 16px}.josh-story{padding:76px 0;grid-template-columns:1fr;gap:0}.josh-copy{padding-top:4px}.josh-gallery{padding:30px 0 72px;grid-template-columns:1fr;gap:20px}.josh-gallery-heading{grid-column:1}.josh-gallery-logo,.josh-gallery-identity,.josh-gallery-bonne-allure,.josh-gallery-enerlis,.josh-gallery-3d{grid-column:1}.josh-gallery-note{grid-column:1;padding:18px 0}.josh-outro{padding:52px 0 78px}}
