/* CrazyCom : affiches de métiers, papier imprimé et scènes humaines. */
.topic-hero,.hero-journal,.hero-early,.campaign-hero{position:relative;isolation:isolate}
.topic-hero{--hero-bg:oklch(90% .04 235);--hero-fg:var(--ink);--hero-accent:oklch(48% .18 24);--hero-stamp:var(--ink);--photo-tilt:1.2deg;background:var(--hero-bg);color:var(--hero-fg);overflow:hidden}
.topic-hero::before,.hero-journal::before,.hero-early::before,.campaign-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('/assets/texture-impression.svg') repeat;opacity:.48;z-index:-1}
.topic-hero::after{content:'';position:absolute;width:39%;height:60%;bottom:0;right:0;background:url('/assets/texture-trame.svg') repeat;mask-image:linear-gradient(120deg,transparent,oklch(25% .01 280));opacity:.6;z-index:-1;pointer-events:none}
.page-head.topic-hero{width:100%;max-width:none;margin:0;padding:42px 0 0;border:0}
.topic-hero .topic-hero-grid,.topic-hero .brand-hero-grid{position:relative;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:clamp(30px,4vw,72px);padding-bottom:40px;min-height:430px}
.topic-hero-copy,.topic-hero .brand-hero-copy{min-width:0;padding-block:10px}
.page-head.topic-hero h1,.topic-hero.brand-hero h1{font:400 clamp(34px,4.2vw,64px)/1.1 'Ultra',Georgia,serif;letter-spacing:-.04em;color:inherit;margin:23px 0 25px;max-width:19ch;overflow-wrap:normal;text-wrap:balance}
.topic-hero h1 span,.topic-hero h1 em{color:var(--hero-accent);font-style:normal}
.topic-hero-copy>.eyebrow,.topic-hero .brand-hero-copy>.eyebrow{color:inherit;font-size:11px;line-height:1.5;letter-spacing:.075em;font-weight:750;max-width:55ch}
.topic-hero-copy>p:not(.eyebrow):not(.breadcrumb),.topic-hero .brand-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:52ch;color:inherit;margin-top:0}
.topic-hero .breadcrumb,.topic-hero .breadcrumb a{color:inherit;font-size:12px;line-height:1.5;opacity:1}
.topic-hero .breadcrumb{margin-bottom:25px}
.topic-hero .page-campaign-photo{width:100%;min-width:0;position:relative;margin:0;transform:rotate(var(--photo-tilt));justify-self:end}
.topic-hero .page-campaign-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.27;object-fit:cover;object-position:center;clip-path:polygon(0 2%,97% 0,100% 97%,2% 100%)}
.topic-hero .page-campaign-photo figcaption{font-size:8px;line-height:1.4;margin-top:11px;color:inherit;letter-spacing:.04em}
.topic-hero .page-campaign-stamp{background:var(--hero-stamp);color:var(--paper);font:750 clamp(24px,2.7vw,37px)/.95 'Barlow Condensed',sans-serif;padding:14px 18px;right:0;bottom:34px;box-shadow:5px 5px 0 var(--hero-accent);transform:rotate(-7deg)}
.topic-hero .button{background:var(--hero-fg);color:var(--hero-bg);border-color:var(--hero-fg);font-size:13px;line-height:1.45;min-height:47px;margin-top:23px}
.topic-hero .button:hover{background:var(--hero-fg);color:var(--hero-bg);box-shadow:4px 4px 0 var(--hero-accent)}
.hero-printmark{position:absolute;top:-75px;right:32%;font:400 390px/.8 'Source Sans 3',sans-serif;color:var(--hero-accent);opacity:.12;transform:rotate(-14deg);pointer-events:none;z-index:-1;user-select:none}
.hero-edition{display:flex;gap:25px;justify-content:space-between;align-items:baseline;border-top:1px solid currentColor;padding-block:15px 18px}
.hero-edition>span{font-size:9px;font-weight:750;letter-spacing:.08em;white-space:nowrap}
.hero-edition>strong{font:400 clamp(29px,3.3vw,46px)/1.1 'Ultra',Georgia,serif;letter-spacing:-.04em;margin-left:auto;margin-right:25px}
.hero-communication{--hero-bg:oklch(90% .055 12);--hero-accent:oklch(46% .17 24);--photo-tilt:-1.4deg}
.hero-communication::after{width:44%;height:80%;mask-image:linear-gradient(20deg,transparent,oklch(25% .01 280));opacity:.4}
.hero-marketing{--hero-bg:oklch(48% .25 273);--hero-fg:var(--paper);--hero-accent:oklch(93% .13 103);--hero-stamp:var(--ink);--photo-tilt:2deg}
.hero-marketing::after{background-size:13px 13px;width:48%;opacity:.7}
.hero-marketing .hero-printmark{font-size:440px;right:37%;top:60px;opacity:.15}
.hero-marketing .page-campaign-photo>img{clip-path:polygon(2% 0,100% 3%,98% 100%,0 95%)}
.hero-commerce,.hero-recruteurs{--hero-bg:oklch(92% .12 99);--hero-accent:oklch(46% .17 24);--photo-tilt:-1deg}
.hero-commerce .topic-hero-copy,.hero-reseaux .topic-hero-copy{grid-column:2;grid-row:1}
.hero-commerce .page-campaign-photo,.hero-reseaux .page-campaign-photo{grid-column:1;grid-row:1}
.hero-commerce::after{inset:0 auto auto 0;width:39%;height:100%;background:repeating-linear-gradient(125deg,transparent 0 18px,currentColor 18px 19px);opacity:.09;mask-image:linear-gradient(90deg,oklch(25% .01 280),transparent)}
.hero-commerce .hero-printmark{right:2%;top:18%;transform:rotate(10deg)}
.hero-evenementiel{--hero-bg:oklch(53% .205 25);--hero-fg:var(--paper);--hero-accent:oklch(93% .13 103);--hero-stamp:oklch(48% .25 273);--photo-tilt:0deg}
.hero-evenementiel .page-campaign-photo>img{aspect-ratio:1.2;clip-path:polygon(0 0,100% 4%,96% 100%,4% 96%)}
.hero-evenementiel .hero-printmark{right:30%;top:100px;opacity:.2;font-size:410px}
.hero-reseaux{--hero-bg:oklch(88% .06 230);--hero-accent:oklch(45% .18 265);--photo-tilt:1.5deg}
.hero-reseaux .hero-printmark{right:5%;top:180px}
.hero-direction,.hero-metiers{--hero-bg:var(--ink);--hero-fg:var(--paper);--hero-accent:oklch(93% .13 103);--hero-stamp:oklch(48% .25 273)}
.hero-direction::after,.hero-metiers::after{background:repeating-linear-gradient(0deg,transparent 0 34px,oklch(70% .025 280) 34px 35px),repeating-linear-gradient(90deg,transparent 0 34px,oklch(70% .025 280) 34px 35px);opacity:.2}
.hero-direction .hero-printmark{right:40%;font-weight:350;top:0;opacity:.16}
.hero-offres{--hero-bg:oklch(91% .04 230);--hero-accent:oklch(46% .18 265);--photo-tilt:-1.5deg}
.hero-offres .page-campaign-photo>img{aspect-ratio:1.6}
.hero-offres .topic-hero-grid{min-height:380px}
.hero-recruteurs .page-campaign-photo>img{clip-path:polygon(3% 0,100% 4%,98% 99%,0 95%)}
.hero-favoris{--hero-bg:oklch(90% .055 12);--hero-accent:oklch(46% .17 24)}
.hero-recherches{--hero-bg:oklch(92% .12 99);--hero-accent:oklch(45% .18 265)}
.hero-comparer{--hero-bg:oklch(48% .25 273);--hero-fg:var(--paper);--hero-accent:oklch(93% .13 103)}
.hero-confidentialite,.hero-admin{--hero-bg:oklch(92% .025 250);--hero-accent:oklch(45% .18 265)}
.hero-about{--hero-bg:oklch(53% .205 25);--hero-fg:var(--paper);--hero-accent:oklch(93% .13 103);--hero-stamp:var(--ink);--photo-tilt:-1.5deg}
.hero-about .brand-hero-copy{grid-column:2;grid-row:1}
.hero-about .page-campaign-photo{grid-column:1;grid-row:1}
.hero-about .hero-printmark{right:6%;top:130px;opacity:.15}
.topic-hero.brand-hero{padding:43px 0 0}
.hero-job .topic-hero-grid{min-height:360px}
.page-head.hero-job h1{font-size:clamp(32px,3.5vw,52px);max-width:22ch;line-height:1.13;margin-block:19px 23px}
.hero-job .page-campaign-photo>img{aspect-ratio:1.55}
.topic-hero .detail-company p,.topic-hero .detail-company strong{color:inherit}
.topic-hero .detail-company{margin-top:10px}
.topic-hero .detail-tags{gap:8px;margin-top:20px}
.topic-hero .detail-tags .tag{background:var(--paper);color:var(--ink);border:0;font-size:12px}
.topic-hero .company-mark{background:var(--paper);color:var(--ink)}
.topic-hero .privacy-version{font-size:11px!important;margin-top:20px!important}
.topic-hero :is(a,button):focus-visible{outline:3px solid var(--hero-fg);outline-offset:5px}
.hero-journal{background:var(--ink);overflow:hidden}
.hero-journal::after{content:'';position:absolute;inset:0 46% 0 auto;width:8%;background:oklch(48% .25 273);transform:skew(-9deg);z-index:-1}
.hero-journal h1{color:var(--paper)}
.hero-journal h1 span{color:oklch(93% .13 103)}
.hero-journal .journal-portrait img{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}
.hero-early::after{content:'';position:absolute;right:0;bottom:0;width:40%;height:85%;background:url('/assets/texture-trame.svg');opacity:.4;z-index:-1;mask-image:linear-gradient(135deg,transparent,oklch(25% .01 280));pointer-events:none}
@media(min-width:781px){.topic-hero .page-campaign-photo{animation:hero-printed-in .65s cubic-bezier(.16,1,.3,1) both}}
@keyframes hero-printed-in{from{transform:translateY(12px) rotate(0deg)}to{transform:translateY(0) rotate(var(--photo-tilt))}}
@media(min-width:1500px){.topic-hero .topic-hero-grid,.topic-hero .brand-hero-grid{gap:75px;padding-block:15px 45px}.page-head.topic-hero h1,.topic-hero.brand-hero h1{font-size:66px}.page-head.hero-job h1{font-size:54px}}
@media(max-width:1050px) and (min-width:781px){.page-head.topic-hero h1,.topic-hero.brand-hero h1{font-size:40px}.topic-hero-copy>p:not(.eyebrow):not(.breadcrumb),.topic-hero .brand-hero-copy>p:not(.eyebrow){font-size:16px}.topic-hero .page-campaign-photo>img{aspect-ratio:1.1}.hero-job .page-campaign-photo>img,.hero-offres .page-campaign-photo>img{aspect-ratio:1.3}.page-head.hero-job h1{font-size:36px}}
@media(max-width:780px){
 .page-head.topic-hero,.topic-hero.brand-hero{padding:28px 0 0}
 .topic-hero .topic-hero-grid,.topic-hero .brand-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:23px;min-height:0;padding-bottom:28px}
 .topic-hero-copy,.topic-hero .brand-hero-copy{padding:0}
 .page-head.topic-hero h1,.topic-hero.brand-hero h1{font-size:clamp(31px,7.8vw,50px);line-height:1.13;max-width:21ch;margin-block:19px 21px;text-wrap:initial;overflow-wrap:normal}
 .topic-hero-copy>.eyebrow,.topic-hero .brand-hero-copy>.eyebrow{font-size:9px;line-height:1.5}
 .topic-hero-copy>p:not(.eyebrow):not(.breadcrumb),.topic-hero .brand-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:60ch}
 .topic-hero .breadcrumb{font-size:11px;margin-bottom:22px}
 .topic-hero .button{margin-top:22px;font-size:12px}
 .topic-hero .page-campaign-photo{transform:none!important;width:100%;margin:0;grid-column:auto;grid-row:auto}
 .topic-hero .page-campaign-photo>img,.hero-evenementiel .page-campaign-photo>img{aspect-ratio:1.6;object-position:center;clip-path:polygon(0 2%,100% 0,99% 98%,1% 100%)}
 .topic-hero .page-campaign-stamp{font-size:24px;right:0;bottom:32px;padding:11px 14px;box-shadow:3px 3px 0 var(--hero-accent)}
 .hero-printmark{font-size:260px!important;top:20px!important;right:-45px!important;opacity:.08!important}
 .hero-edition{gap:15px;flex-wrap:wrap;padding-block:16px 20px}
 .hero-edition>strong{order:-1;width:100%;font-size:30px;margin:0}
 .hero-edition>span{font-size:8px}.hero-edition>span:last-child{margin-left:auto}
 .hero-job .topic-hero-grid{min-height:0}.page-head.hero-job h1{font-size:clamp(30px,7.7vw,45px)}
 .topic-hero .detail-company{margin-top:5px}.topic-hero .detail-company p{font-size:13px}
 .topic-hero .detail-tags{margin-top:18px}.topic-hero .detail-tags .tag{font-size:11px}
 .hero-journal::after{inset:18% 0 0 auto;width:28%;height:50%;transform:skew(-15deg)}
 .hero-journal .journal-portrait img{clip-path:polygon(0 3%,100% 0,100% 100%,0 100%)}
 .hero-early::after{width:70%;height:45%}
}
@media(max-width:500px){.topic-hero .page-campaign-stamp{position:relative;display:table;right:auto;bottom:auto;margin:-12px 0 0 auto;font-size:22px;transform:rotate(-4deg)}.topic-hero .page-campaign-photo figcaption{font-size:7px;margin-top:9px}.page-head.topic-hero h1,.topic-hero.brand-hero h1{font-size:clamp(28px,7.7vw,39px)}.topic-hero .page-campaign-photo>img{aspect-ratio:1.5}.hero-job .page-campaign-photo>img{aspect-ratio:1.65}.hero-job .detail-company strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.topic-hero .page-campaign-photo{animation:none!important}}

/* Deux prises de parole franches, sans dernier mot isolé sur ordinateur. */
.hero-guide .hero-title-line{display:block;color:var(--hero-accent)}
.hero-guide .hero-title-line:first-child{color:inherit}
.hero-marketing{--guide-title-size:clamp(30px,3.45vw,53px)}
.hero-commerce{--guide-title-size:clamp(28px,3.05vw,47px)}
.hero-evenementiel{--guide-title-size:clamp(31px,3.6vw,55px)}
.hero-reseaux{--guide-title-size:clamp(30px,3.5vw,54px)}
.hero-direction{--guide-title-size:clamp(29px,3.1vw,48px)}
@media(min-width:781px){.page-head.hero-guide h1{font-size:var(--guide-title-size,clamp(34px,3.85vw,60px));max-width:none;text-wrap:initial}.hero-guide .hero-title-line{white-space:nowrap}}
@media(max-width:780px){.hero-guide .hero-title-line{text-wrap:balance;max-width:24ch}.hero-guide .hero-title-line+.hero-title-line{margin-top:.08em}}