/* Idéal Web — Public Brand Surface V1 — 2026-10-03
   Remplace l'ancien look bleu/noir « tech » par une interface claire, premium et cohérente avec Idéal Web.
   Ne modifie pas la structure SEO ni le contenu métier. */
body.iw-brand-surface-v1{
  --bg:#ffffff;
  --bg2:#f6f9f7;
  --card:#ffffff;
  --text:#10261f;
  --muted:#52655d;
  --green:#0f8442;
  --green2:#8addbb;
  --blue:#0f8442;
  --line:#d7e3dd;
  --radius:18px;
  --shadow:0 18px 48px rgba(3,36,31,.085);
  background:#fff!important;
  color:var(--text)!important;
}
body.iw-brand-surface-v1 main{
  background:#fff;
  color:var(--text);
}
body.iw-brand-surface-v1 main :is(h1,h2,h3,h4,strong){color:var(--text)}
body.iw-brand-surface-v1 main :is(p,.lead,.service-areas,.section-head p,.panel p,.card p,.job-card p,.offer p,.related-card span,.faq p,.step span){color:var(--muted)}
body.iw-brand-surface-v1 main a{color:inherit}

body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero){
  background:
    radial-gradient(circle at 82% 8%,rgba(15,132,66,.10),transparent 29%),
    radial-gradient(circle at 7% 88%,rgba(138,221,187,.16),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%)!important;
  color:var(--text)!important;
}
body.iw-brand-surface-v1 main :is(.kicker,.eyebrow){
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid #cce4d7!important;
  border-radius:999px;
  background:#eef8f1!important;
  color:#0a6036!important;
  font-weight:900;
  letter-spacing:.07em;
}
body.iw-brand-surface-v1 main :is(.lead,.hero-lead){color:#43564e!important}

body.iw-brand-surface-v1 main :is(.btn,.navcta){
  border-radius:11px!important;
  border:1px solid #b9d6c8!important;
  background:#fff!important;
  color:#0a6036!important;
  box-shadow:none!important;
}
body.iw-brand-surface-v1 main :is(.btn.primary,.navcta){
  border-color:#0f8442!important;
  background:#0f8442!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(15,132,66,.17)!important;
}
body.iw-brand-surface-v1 main :is(.btn.primary,.navcta):hover{background:#0a6036!important}

body.iw-brand-surface-v1 main :is(.hero-media,.catalog-media){
  border:1px solid #d7e3dd!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 24px 64px rgba(3,36,31,.10)!important;
}
body.iw-brand-surface-v1 main .hero-media figcaption{color:#61746c!important}

body.iw-brand-surface-v1 main .section{background:#fff;color:var(--text)}
body.iw-brand-surface-v1 main .section.alt{
  background:#f6f9f7!important;
  border-block:1px solid #e0ebe5!important;
}
body.iw-brand-surface-v1 main :is(.card,.panel,.offer,.related-card,.faq details,.job-card,.strategy-card,.benefits-grid article,.choice-card){
  border:1px solid #d7e3dd!important;
  background:#fff!important;
  color:var(--text)!important;
  box-shadow:0 12px 34px rgba(3,36,31,.065)!important;
}
body.iw-brand-surface-v1 main :is(.card,.panel,.offer,.related-card,.job-card,.benefits-grid article,.choice-card):hover{
  border-color:#a9cfbd!important;
  box-shadow:0 20px 50px rgba(3,36,31,.10)!important;
}
body.iw-brand-surface-v1 main .offer.featured{
  border-color:#8fc8aa!important;
  box-shadow:0 18px 46px rgba(15,132,66,.10)!important;
}
body.iw-brand-surface-v1 main :is(.checklist li,.step strong,.faq summary){color:var(--text)!important}
body.iw-brand-surface-v1 main :is(.checklist li::before,.step::before,.card i){color:#0f8442!important}
body.iw-brand-surface-v1 main .step{
  border:1px solid #dbe7e1!important;
  background:#fbfdfc!important;
}
body.iw-brand-surface-v1 main .step::before{
  border-color:#bfddcd!important;
  background:#eaf6ef!important;
}
body.iw-brand-surface-v1 main .faq summary::after{color:#0f8442!important}

/* Catalogue métiers : cartes plus éditoriales, moins « dashboard sombre ». */
body.iw-brand-surface-v1.catalog-page .catalog-hero{padding:64px 0 70px!important}
body.iw-brand-surface-v1.catalog-page .catalog-hero-grid{gap:54px!important;align-items:center}
body.iw-brand-surface-v1.catalog-page .catalog-hero-copy h1{
  max-width:760px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(2.8rem,5.2vw,5rem)!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
  color:#10261f!important;
}
body.iw-brand-surface-v1.catalog-page .hero-proof{gap:8px 10px!important}
body.iw-brand-surface-v1.catalog-page .hero-proof span{
  padding:8px 11px!important;
  border:1px solid #d0e4da!important;
  background:#f3f9f5!important;
  color:#28483b!important;
  font-size:.78rem!important;
}
body.iw-brand-surface-v1.catalog-page .service-areas a{color:#0a6036!important;text-decoration:underline;text-decoration-color:#9bc9b3;text-underline-offset:3px}
body.iw-brand-surface-v1.catalog-page .choice-section{padding:18px 0 86px!important;background:#fff!important}
body.iw-brand-surface-v1.catalog-page .choice-card{padding:30px!important;border-radius:20px!important;position:relative;overflow:hidden}
body.iw-brand-surface-v1.catalog-page .choice-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#0f8442}
body.iw-brand-surface-v1.catalog-page .choice-card.bespoke::before{background:#8addbb}
body.iw-brand-surface-v1.catalog-page .choice-number{
  background:#eef8f1!important;border:1px solid #cce4d7!important;color:#0a6036!important
}
body.iw-brand-surface-v1.catalog-page .choice-card h2{color:#10261f!important}
body.iw-brand-surface-v1.catalog-page .choice-card p{color:#52655d!important}
body.iw-brand-surface-v1.catalog-page .benefits-grid article{border-radius:16px!important;padding:24px!important}
body.iw-brand-surface-v1.catalog-page .benefits-grid strong{color:#10261f!important;font-size:1rem}
body.iw-brand-surface-v1.catalog-page .benefits-grid p{color:#52655d!important}
body.iw-brand-surface-v1.catalog-page .catalog-nav{gap:8px!important;margin-bottom:34px!important}
body.iw-brand-surface-v1.catalog-page :is(.catalog-nav a,.back-top){
  border:1px solid #cfe1d8!important;
  background:#fff!important;
  color:#0a6036!important;
  border-radius:10px!important;
  box-shadow:0 3px 10px rgba(3,36,31,.035);
}
body.iw-brand-surface-v1.catalog-page :is(.catalog-nav a,.back-top):hover{border-color:#8fc8aa!important;background:#eef8f1!important}
body.iw-brand-surface-v1.catalog-page .category-block+.category-block{margin-top:64px!important}
body.iw-brand-surface-v1.catalog-page .category-title{padding-bottom:14px;border-bottom:1px solid #e0ebe5}
body.iw-brand-surface-v1.catalog-page .category-title h3{color:#10261f!important}
body.iw-brand-surface-v1.catalog-page .job-grid{gap:18px!important}
body.iw-brand-surface-v1.catalog-page .job-card{border-radius:18px!important;overflow:hidden!important}
body.iw-brand-surface-v1.catalog-page .job-media{background:#eef5f1!important;aspect-ratio:16/9!important}
body.iw-brand-surface-v1.catalog-page .job-body{min-height:275px!important;padding:22px!important}
body.iw-brand-surface-v1.catalog-page .job-tag.available{
  border:1px solid #cbe3d6!important;background:#eef8f1!important;color:#0a6036!important
}
body.iw-brand-surface-v1.catalog-page .job-card h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.025em!important;color:#10261f!important}
body.iw-brand-surface-v1.catalog-page .job-card p{color:#52655d!important}
body.iw-brand-surface-v1.catalog-page .job-links .detail-link{
  min-height:46px!important;
  border:1px solid #bad7c9!important;
  border-radius:10px!important;
  background:#f8fbf9!important;
  color:#0a6036!important;
}
body.iw-brand-surface-v1.catalog-page .job-links .detail-link:hover{border-color:#0f8442!important;background:#eef8f1!important;color:#0a6036!important}
body.iw-brand-surface-v1.catalog-page .other-trade{
  border:1px solid #cfe1d8!important;background:linear-gradient(135deg,#f3f9f5,#fff)!important
}
body.iw-brand-surface-v1.catalog-page .other-trade strong{color:#10261f!important}
body.iw-brand-surface-v1.catalog-page .other-trade p{color:#52655d!important}

/* CTA final : seul grand bloc sombre, volontaire, aux couleurs de la marque. */
body.iw-brand-surface-v1 main .cta-final{
  border:1px solid rgba(138,221,187,.24)!important;
  background:linear-gradient(135deg,#052d25,#03241f)!important;
  box-shadow:0 22px 60px rgba(3,36,31,.16)!important;
}
body.iw-brand-surface-v1 main .cta-final :is(h2,strong){color:#f4f7f5!important}
body.iw-brand-surface-v1 main .cta-final p{color:#bfd2c9!important}
body.iw-brand-surface-v1 main .cta-final .btn.primary{background:#8addbb!important;border-color:#8addbb!important;color:#03241f!important}

/* Footer legacy aligné sur le footer canonique. */
body.iw-brand-surface-v1>.footer,
body.iw-brand-surface-v1 .footer{background:#052d25!important;color:#c7d7d0!important;border-top-color:rgba(244,247,245,.1)!important}
body.iw-brand-surface-v1 .footer :is(h2,h3,strong){color:#f4f7f5!important}
body.iw-brand-surface-v1 .footer a{color:#c7d7d0!important}
body.iw-brand-surface-v1 .footer a:hover{color:#8addbb!important}

@media(max-width:920px){
  body.iw-brand-surface-v1.catalog-page .catalog-hero-grid{gap:34px!important}
  body.iw-brand-surface-v1.catalog-page .choice-section{padding-bottom:64px!important}
}
@media(max-width:620px){
  body.iw-brand-surface-v1 main :is(.kicker,.eyebrow){font-size:.7rem!important}
  body.iw-brand-surface-v1.catalog-page .catalog-hero{padding:40px 0 48px!important}
  body.iw-brand-surface-v1.catalog-page .catalog-hero-copy h1{font-size:clamp(2.35rem,11vw,3.35rem)!important}
  body.iw-brand-surface-v1.catalog-page .choice-card{padding:24px!important}
  body.iw-brand-surface-v1.catalog-page .job-body{min-height:0!important;padding:19px!important}
  body.iw-brand-surface-v1.catalog-page :is(.catalog-nav a,.back-top){width:100%!important}
}

/* ==========================================================
   IDÉAL WEB — PUBLIC BRAND SURFACE V2 / TYPOGRAPHY & LAYOUT
   2026-10-03 — conserve la palette, corrige proportions,
   lisibilité, alignements et effet de texte étiré.
   ========================================================== */
body.iw-brand-surface-v1{
  --iw-brand-deep:#03241f;
  --iw-brand-deep-2:#052d25;
  --iw-brand-dark:#0a6036;
  --iw-brand-green:#0f8442;
  --iw-brand-mint:#8addbb;
  --iw-brand-ink:#10261f;
  --iw-brand-copy:#52655d;
  --iw-brand-line:#d7e3dd;
  font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* Retire l'effet Syne trop large/étiré de toute cette famille de pages. */
body.iw-brand-surface-v1 main :is(h1,h2,h3,h4),
body.iw-brand-surface-v1 main :is(.price,.other-trade strong){
  font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-stretch:normal!important;
  font-variation-settings:normal!important;
  text-rendering:optimizeLegibility;
  text-wrap:balance;
}
body.iw-brand-surface-v1 main h1{
  font-size:clamp(2.8rem,4.35vw,4.35rem)!important;
  line-height:1.035!important;
  letter-spacing:-.044em!important;
  font-weight:850!important;
}
body.iw-brand-surface-v1 main h2{
  font-size:clamp(2rem,3.3vw,3.2rem)!important;
  line-height:1.08!important;
  letter-spacing:-.034em!important;
  font-weight:820!important;
}
body.iw-brand-surface-v1 main h3{
  line-height:1.2!important;
  letter-spacing:-.018em!important;
  font-weight:800!important;
}
body.iw-brand-surface-v1 main p{ text-wrap:pretty; }

/* Palette conservée : header clair, hero vert profond, contenu clair. */
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero){
  position:relative;
  background:
    radial-gradient(circle at 82% 8%,rgba(138,221,187,.13),transparent 29%),
    radial-gradient(circle at 10% 88%,rgba(15,132,66,.18),transparent 30%),
    linear-gradient(135deg,#07352f 0%,#052d29 48%,#062a2e 100%)!important;
  color:#f4f7f5!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) :is(h1,h2,h3,h4,strong){color:#f4f7f5!important}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) :is(.lead,.hero-lead,.service-areas,p){color:#c9d9d2!important}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) a:not(.btn):not(.button){color:#a9e7cb!important}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) :is(.kicker,.eyebrow){
  border-color:rgba(138,221,187,.30)!important;
  background:rgba(15,132,66,.13)!important;
  color:#baf0d7!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) .btn:not(.primary){
  border-color:rgba(244,247,245,.22)!important;
  background:rgba(244,247,245,.07)!important;
  color:#f4f7f5!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) .btn:not(.primary):hover{
  border-color:rgba(138,221,187,.44)!important;
  background:rgba(138,221,187,.11)!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) .btn.primary{
  border-color:var(--iw-brand-green)!important;
  background:var(--iw-brand-green)!important;
  color:#fff!important;
  box-shadow:0 13px 30px rgba(0,0,0,.17)!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) :is(.hero-media,.catalog-media){
  border-color:rgba(138,221,187,.25)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.24)!important;
}
body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero) .hero-media figcaption{color:#b8ccc3!important}

/* Largeurs de lecture et alignements communs. */
body.iw-brand-surface-v1 main :is(.hero-grid,.catalog-hero-grid){
  gap:clamp(38px,4.8vw,72px)!important;
  align-items:center!important;
}
body.iw-brand-surface-v1 main :is(.hero-copy,.catalog-hero-copy){min-width:0}
body.iw-brand-surface-v1 main :is(.hero-copy,.catalog-hero-copy) h1{max-width:15.5ch}
body.iw-brand-surface-v1 main :is(.lead,.hero-lead){
  max-width:64ch!important;
  font-size:clamp(1rem,1.25vw,1.12rem)!important;
  line-height:1.7!important;
}
body.iw-brand-surface-v1 main :is(.section-head,.section-heading){
  max-width:860px;
}
body.iw-brand-surface-v1 main :is(.section-head,.section-heading) > p{
  max-width:70ch;
  font-size:1rem!important;
  line-height:1.72!important;
  color:var(--iw-brand-copy)!important;
}
body.iw-brand-surface-v1 main :is(.card,.panel,.choice-card,.job-card,.benefits-grid article,.strategy-card,.related-card){
  line-height:1.58;
}
body.iw-brand-surface-v1 main :is(.card,.panel,.choice-card,.job-card,.benefits-grid article,.strategy-card,.related-card) p{
  line-height:1.62!important;
}

/* Catalogue métiers : proportions du screenshot corrigées sans changer les couleurs. */
body.iw-brand-surface-v1.catalog-page main > .iw-v7-breadcrumb{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px max(22px,calc((100vw - 1240px)/2 + 22px))!important;
  overflow-x:auto;
  white-space:nowrap;
  background:#07352f!important;
  border:0!important;
  color:#9eb7ad!important;
  scrollbar-width:none;
}
body.iw-brand-surface-v1.catalog-page main > .iw-v7-breadcrumb::-webkit-scrollbar{display:none}
body.iw-brand-surface-v1.catalog-page main > .iw-v7-breadcrumb a{color:#5fd0a0!important;font-weight:700}
body.iw-brand-surface-v1.catalog-page main > .iw-v7-breadcrumb span{color:#6f9686!important}
body.iw-brand-surface-v1.catalog-page .catalog-hero{
  padding:54px 0 64px!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;
  gap:clamp(48px,5vw,76px)!important;
  align-items:center!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-hero-copy h1{
  max-width:620px!important;
  margin:24px 0 20px!important;
  font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(3rem,4.25vw,4.35rem)!important;
  line-height:1.025!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  color:#f4f7f5!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-hero-copy .lead{
  max-width:62ch!important;
  margin:0!important;
  color:#d0ded8!important;
  font-size:clamp(1.02rem,1.2vw,1.12rem)!important;
  line-height:1.68!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-hero .hero-actions{
  margin-top:28px!important;
  gap:11px!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-media{
  align-self:center!important;
  padding:8px!important;
  border-radius:24px!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-media img{
  width:100%!important;
  max-height:470px!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  border-radius:18px!important;
}
body.iw-brand-surface-v1.catalog-page .catalog-media figcaption{
  padding:10px 8px 3px!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}
body.iw-brand-surface-v1.catalog-page .hero-proof{
  margin-top:20px!important;
  gap:8px!important;
}
body.iw-brand-surface-v1.catalog-page .hero-proof span{
  padding:7px 10px!important;
  border-color:rgba(138,221,187,.24)!important;
  background:rgba(138,221,187,.08)!important;
  color:#d8e9e1!important;
  font-size:.76rem!important;
  line-height:1.35!important;
}
body.iw-brand-surface-v1.catalog-page .service-areas{
  max-width:62ch!important;
  margin:18px 0 0!important;
  color:#b8ccc3!important;
  font-size:.9rem!important;
  line-height:1.65!important;
}
body.iw-brand-surface-v1.catalog-page .service-areas a{
  color:#9fe2c4!important;
  text-decoration-color:rgba(159,226,196,.5)!important;
}

/* Sections/catalogue : meilleure hiérarchie et alignement des cartes. */
body.iw-brand-surface-v1.catalog-page .choice-section{
  padding:54px 0 76px!important;
}
body.iw-brand-surface-v1.catalog-page .choice-grid{
  gap:18px!important;
  align-items:stretch!important;
}
body.iw-brand-surface-v1.catalog-page .choice-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  padding:30px!important;
}
body.iw-brand-surface-v1.catalog-page .choice-card h2{
  margin:16px 0 12px!important;
  font-size:clamp(1.65rem,2.5vw,2.25rem)!important;
  line-height:1.12!important;
}
body.iw-brand-surface-v1.catalog-page .choice-card p{margin:0 0 22px!important}
body.iw-brand-surface-v1.catalog-page .choice-card .btn{margin-top:auto!important;align-self:flex-start}
body.iw-brand-surface-v1.catalog-page .section-head{
  max-width:820px!important;
  margin-bottom:34px!important;
}
body.iw-brand-surface-v1.catalog-page .section-head h2{
  margin:14px 0 12px!important;
  max-width:18ch;
}
body.iw-brand-surface-v1.catalog-page .section-head p{margin:0!important}
body.iw-brand-surface-v1.catalog-page .category-title{
  align-items:flex-end!important;
  gap:24px!important;
  margin:54px 0 22px!important;
  padding-bottom:16px!important;
}
body.iw-brand-surface-v1.catalog-page .category-title h3{
  max-width:30ch;
  margin:9px 0 0!important;
  font-size:clamp(1.45rem,2.1vw,2rem)!important;
}
body.iw-brand-surface-v1.catalog-page .job-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.iw-brand-surface-v1.catalog-page .job-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  border-radius:18px!important;
}
body.iw-brand-surface-v1.catalog-page .job-media{
  aspect-ratio:16/9!important;
  overflow:hidden!important;
}
body.iw-brand-surface-v1.catalog-page .job-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.iw-brand-surface-v1.catalog-page .job-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:250px!important;
  padding:21px!important;
}
body.iw-brand-surface-v1.catalog-page .job-card h3{
  margin:13px 0 8px!important;
  font-size:1.08rem!important;
  line-height:1.25!important;
}
body.iw-brand-surface-v1.catalog-page .job-card p{
  margin:0 0 18px!important;
  font-size:.92rem!important;
  line-height:1.62!important;
}
body.iw-brand-surface-v1.catalog-page .job-links{margin-top:auto!important}
body.iw-brand-surface-v1.catalog-page .job-links .detail-link{
  min-height:44px!important;
  padding:9px 12px!important;
  line-height:1.3!important;
  font-size:.82rem!important;
}

/* Les articles/pages de la même famille gardent le hero sombre mais une lecture plus calme. */
body.iw-brand-surface-v1:not(.catalog-page) main :is(.hero,.mother-hero) h1{
  max-width:18ch!important;
}
body.iw-brand-surface-v1:not(.catalog-page) main :is(.hero-grid,.hero-inner){
  gap:clamp(36px,4.5vw,68px)!important;
  align-items:center!important;
}
body.iw-brand-surface-v1:not(.catalog-page) main :is(.hero,.mother-hero) :is(.lead,.hero-lead){
  max-width:62ch!important;
}

@media(max-width:1100px){
  body.iw-brand-surface-v1.catalog-page .catalog-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(380px,.95fr)!important;
    gap:38px!important;
  }
  body.iw-brand-surface-v1.catalog-page .catalog-hero-copy h1{font-size:clamp(2.75rem,5.5vw,4rem)!important}
}

@media(max-width:920px){
  body.iw-brand-surface-v1 main :is(.hero-grid,.catalog-hero-grid){grid-template-columns:1fr!important}
  body.iw-brand-surface-v1 main :is(.hero-copy,.catalog-hero-copy) h1{max-width:18ch!important}
  body.iw-brand-surface-v1 main :is(.hero-media,.catalog-media){width:min(100%,760px);margin-inline:auto!important}
  body.iw-brand-surface-v1.catalog-page .catalog-hero{padding:44px 0 52px!important}
  body.iw-brand-surface-v1.catalog-page .catalog-hero-grid{gap:34px!important}
  body.iw-brand-surface-v1.catalog-page .job-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.iw-brand-surface-v1.catalog-page .job-body{min-height:235px!important}
}

@media(max-width:620px){
  body.iw-brand-surface-v1 main h1{
    font-size:clamp(2.25rem,10vw,3rem)!important;
    line-height:1.065!important;
    letter-spacing:-.035em!important;
  }
  body.iw-brand-surface-v1 main h2{
    font-size:clamp(1.75rem,8vw,2.25rem)!important;
    line-height:1.11!important;
  }
  body.iw-brand-surface-v1 main :is(.hero,.catalog-hero,.mother-hero){padding-block:38px!important}
  body.iw-brand-surface-v1 main :is(.lead,.hero-lead){font-size:1rem!important;line-height:1.65!important}
  body.iw-brand-surface-v1.catalog-page main > .iw-v7-breadcrumb{
    padding:12px 16px!important;
    font-size:.78rem!important;
  }
  body.iw-brand-surface-v1.catalog-page .catalog-hero-copy h1{
    max-width:16ch!important;
    margin:20px 0 16px!important;
    font-size:clamp(2.35rem,10.5vw,3rem)!important;
  }
  body.iw-brand-surface-v1.catalog-page .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  body.iw-brand-surface-v1.catalog-page .hero-actions .btn{width:100%!important}
  body.iw-brand-surface-v1.catalog-page .hero-proof{display:grid!important;grid-template-columns:1fr!important}
  body.iw-brand-surface-v1.catalog-page .hero-proof span{text-align:left!important}
  body.iw-brand-surface-v1.catalog-page .choice-section{padding:42px 0 58px!important}
  body.iw-brand-surface-v1.catalog-page .choice-card{padding:23px!important}
  body.iw-brand-surface-v1.catalog-page .category-title{align-items:flex-start!important;flex-direction:column!important;margin-top:44px!important}
  body.iw-brand-surface-v1.catalog-page .job-grid{grid-template-columns:1fr!important;gap:15px!important}
  body.iw-brand-surface-v1.catalog-page .job-body{min-height:0!important;padding:19px!important}
}