/* ============================================================
   holz4home · Ambassador-Landingpage
   Scope: .h4h-amb-page (alles native nested) — kollidiert nicht
   mit Theme-Styles.
   ============================================================ */

.h4h-amb-page{
  /* Design-Tokens */
  --bg:#ffffff;
  --bg-2:#f5f3ee;
  --ink:#1f2624;
  --ink-2:#444e4f;
  --text:#677279;
  --muted:#8a9297;
  --sage:#98aca0;
  --sage-deep:#3d4a44;
  --sage-soft:#e3eae5;
  --yellow:#ffb723;
  --gold:#e8b25a;
  --honey:#f7e2b4;
  --line:rgba(31,38,36,.1);
  --line-2:rgba(31,38,36,.16);

  font-family:'Ubuntu',system-ui,sans-serif;
  color:var(--text);
  font-weight:300;
  line-height:1.55;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;

  /* gezielte Resets — keine globalen *-Resets */
  &, & *, & *::before, & *::after{box-sizing:border-box}
  & p, & h1, & h2, & h3, & h4, & ul, & ol, & figure, & blockquote, & fieldset{margin:0;padding:0;border:0}
  & ul, & ol{list-style:none}
  & img{max-width:100%;display:block}
  & a{color:inherit;text-decoration:none}
  & button{font-family:inherit;cursor:pointer}

  & .wrap{max-width:1320px;margin:0 auto;padding:0 32px}
  & .eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--sage-deep);font-weight:500;display:inline-flex;align-items:center;gap:10px}
  & .eyebrow::before{content:"";width:18px;height:1px;background:var(--sage-deep)}
  & h1, & h2, & h3, & h4{font-weight:500;color:var(--ink-2);letter-spacing:-.3px;line-height:1.1}
  & h1{font-size:clamp(44px,6.5vw,96px);letter-spacing:-1.5px;line-height:.96}
  & h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.6px}
  & h3{font-size:22px}

  /* ===== Hero ===== */
  & .hero{padding:0;border-bottom:1px solid var(--line);overflow:hidden}
  & .hero__split{display:grid;grid-template-columns:1.05fr 1fr;min-height:80vh}
  & .hero__left{padding:80px 60px 70px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);position:relative}
  & .hero__num{position:absolute;top:24px;right:24px;font-size:11px;letter-spacing:1.6px;color:var(--muted);font-weight:500}
  & .hero__main{margin-top:auto}
  & .hero__main span.eyebrow{margin-bottom:32px;display:inline-flex}
  & .hero__title{margin-bottom:30px;color:var(--ink-2)}
  & .hero__title em{font-style:normal;color:var(--sage-deep);font-weight:500}
  & .hero__lead{font-size:18px;max-width:520px;margin-bottom:0;color:var(--ink-2);line-height:1.5;font-weight:300}
  & .hero__meta{display:grid;grid-template-columns:repeat(3,auto);gap:40px;padding-top:40px;margin-top:50px;border-top:1px solid var(--line)}
  & .hero__meta div b{display:block;font-size:24px;color:var(--ink-2);font-weight:500;margin-bottom:2px;letter-spacing:-.5px}
  & .hero__meta div span{font-size:11.5px;color:var(--muted);letter-spacing:.4px}
  & .hero__right{position:relative;background:var(--bg-2);overflow:hidden}
  & .hero__right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  & .hero__chip{position:absolute;top:32px;left:32px;background:rgba(31,38,36,.85);backdrop-filter:blur(10px);color:#fff;font-size:11.5px;padding:9px 14px;border-radius:30px;letter-spacing:.4px;z-index:2}
  & .hero__cta-card{position:absolute;bottom:32px;left:32px;right:32px;background:#fff;border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2;box-shadow:0 24px 50px -20px rgba(0,0,0,.3)}
  & .hero__cta-card div{flex:1;min-width:0}
  & .hero__cta-card b{display:block;font-size:14px;color:var(--ink-2);font-weight:500;margin-bottom:3px}
  & .hero__cta-card span{font-size:12.5px;color:var(--muted);line-height:1.4}
  & .hero__cta-card a{flex:none;background:var(--yellow);color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:filter .2s,transform .15s}
  & .hero__cta-card a:hover{filter:brightness(1.05);transform:translateY(-1px)}
  & .hero__cta-card a svg{width:14px;height:14px}

  /* ===== Trust bar ===== */
  & .trust{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
  & .trust__c{padding:24px 22px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}
  & .trust__c:last-child{border-right:0}
  & .trust__c svg{width:18px;height:18px;color:var(--sage-deep);flex:none}
  & .trust__c b{display:block;font-size:12.5px;color:var(--ink-2);font-weight:500}
  & .trust__c span{font-size:11px;color:var(--muted)}

  /* ===== Section ===== */
  & .h4h-section{padding:120px 0}
  & .sec-head{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:end;margin-bottom:70px}
  & .sec-head .eyebrow{display:inline-flex;margin-bottom:22px}
  & .sec-head h2{max-width:600px}
  & .sec-head p{font-size:16px;color:var(--ink-2);max-width:440px;justify-self:end;align-self:end}

  /* ===== Tier-Slider (mobile) / Grid (desktop) ===== */
  & .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2);border-left:1px solid var(--line-2)}
  & .tier{padding:50px 40px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);position:relative;display:flex;flex-direction:column;background:var(--bg);transition:background .25s}
  & .tier:hover{background:var(--bg-2)}
  & .tier--hi{background:var(--ink);color:#f3f6f4}
  & .tier--hi:hover{background:var(--ink)}
  & .tier--hi h3, & .tier--hi .tier__name{color:#fff}
  & .tier__step{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--sage-deep);font-weight:500;margin-bottom:18px}
  & .tier--hi .tier__step{color:var(--gold)}
  & .tier__name{font-size:28px;color:var(--ink-2);font-weight:500;margin-bottom:8px;letter-spacing:-.4px;line-height:1.1}
  & .tier__sub{font-size:14px;color:var(--text);margin-bottom:32px}
  & .tier--hi .tier__sub{color:rgba(244,247,245,.7)}
  & .tier__feat{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
  & .tier__feat li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);line-height:1.5}
  & .tier--hi .tier__feat li{color:rgba(244,247,245,.85)}
  & .tier__feat li svg{flex:none;width:15px;height:15px;margin-top:4px;color:var(--sage-deep)}
  & .tier--hi .tier__feat li svg{color:var(--gold)}
  & .tier__bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
  & .tier__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:13.5px;font-weight:500;text-decoration:none;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);transition:background .2s,color .2s,border-color .2s,transform .15s}
  & .tier__cta:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px)}
  & .tier__cta svg{width:14px;height:14px;transition:transform .2s}
  & .tier__cta:hover svg{transform:translateX(2px)}
  & .tier--hi .tier__cta{background:var(--yellow);color:#fff;border-color:var(--yellow)}
  & .tier--hi .tier__cta:hover{filter:brightness(1.05);background:var(--yellow);color:#fff;border-color:var(--yellow)}
  & .tier--soon .tier__cta{opacity:.6;border-color:var(--line)}
  & .tier__tag{font-size:11.5px;padding:7px 12px;background:var(--sage-soft);color:var(--sage-deep);border-radius:30px;letter-spacing:.3px;font-weight:500}
  & .tier--hi .tier__tag{background:rgba(232,178,90,.16);color:var(--gold)}
  & .tier--soon .tier__tag{background:rgba(31,38,36,.08);color:var(--muted)}

  /* ===== Story ===== */
  & .story{padding:120px 0;background:var(--bg-2)}
  & .story__row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border:1px solid var(--line-2);background:#fff;overflow:hidden;margin-bottom:14px}
  & .story__row--rev .story__media{order:2}
  & .story__row--noimg{grid-template-columns:1fr}
  & .story__row--noimg .story__txt{padding:54px 56px;max-width:880px;margin:0 auto}
  & .story__media{aspect-ratio:1/1;background:var(--sage-soft);overflow:hidden}
  & .story__media img{width:100%;height:100%;object-fit:cover}
  & .story__txt{padding:60px 56px;display:flex;flex-direction:column;justify-content:center}
  & .story__step{font-size:42px;color:var(--sage);font-weight:300;margin-bottom:14px;line-height:1;letter-spacing:-1px}
  & .story__txt h3{font-size:30px;color:var(--ink-2);font-weight:500;margin-bottom:16px;letter-spacing:-.4px;line-height:1.15}
  & .story__txt p{font-size:15px;color:var(--ink-2);line-height:1.6;max-width:480px}
  & .story__txt p+p{margin-top:14px}

  /* ===== Form-CTA ===== */
  & .cta{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
  & .cta__split{display:flex;justify-content:center;padding:90px 32px}
  & .cta__r{width:100%;max-width:640px;display:flex;flex-direction:column}
  & .cta__r .eyebrow{margin-bottom:18px}
  & .cta__r h3{font-size:28px;margin:18px 0 10px;color:var(--ink-2);font-weight:500;letter-spacing:-.3px;line-height:1.2}
  & .cta__r > p{font-size:15px;color:var(--ink-2);margin-bottom:30px;max-width:560px;line-height:1.5}
  & .cta__r .h4h-amb-form{max-width:none}

  /* ===== Form ===== */
  & .h4h-amb-form{display:flex;flex-direction:column;gap:18px;max-width:520px}
  & .h4h-amb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  & .h4h-amb-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-2);font-weight:500;letter-spacing:.3px}
  & .h4h-amb-form input[type="text"], & .h4h-amb-form input[type="email"], & .h4h-amb-form input[type="number"]{
    height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;
    font-family:inherit;font-size:14px;color:var(--ink-2);font-weight:300;transition:border-color .15s,box-shadow .15s;
    width:100%;min-width:0;
  }
  & .h4h-amb-form input:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px rgba(61,74,68,.12)}
  & .h4h-amb-form input.is-invalid{border-color:#cc3a3a;box-shadow:0 0 0 3px rgba(204,58,58,.12)}
  & .h4h-amb-form fieldset legend{font-size:12px;color:var(--ink-2);font-weight:500;letter-spacing:.3px;margin-bottom:10px}
  & .h4h-amb-form__plats{display:flex;flex-direction:column;gap:10px}
  & .h4h-amb-form__plat{border:1.5px solid var(--line-2);border-radius:12px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s;overflow:hidden}
  & .h4h-amb-form__plat:hover{border-color:rgba(61,74,68,.4)}
  & .h4h-amb-form__plat.is-on{border-color:var(--sage-deep);background:linear-gradient(180deg,#fff 60%,rgba(227,234,229,.5));box-shadow:0 0 0 3px rgba(61,74,68,.08)}
  /* Toggle-Reihe — wichtig: hoehere Spezifitaet als die globale label-Regel */
  & .h4h-amb-form .h4h-amb-form__plat-toggle{
    display:flex!important;flex-direction:row!important;align-items:center;gap:14px;
    padding:14px 16px;margin:0;cursor:pointer;
    font-size:14.5px;color:var(--ink-2);font-weight:500;letter-spacing:0;text-transform:none;
  }
  & .h4h-amb-form__plat-toggle input[type="checkbox"]{
    appearance:none;-webkit-appearance:none;
    width:22px;height:22px;flex:none;
    border:1.5px solid var(--line-2);border-radius:6px;background:#fff;
    display:grid;place-items:center;cursor:pointer;margin:0;
    transition:background .15s,border-color .15s,transform .12s;
  }
  & .h4h-amb-form__plat-toggle input[type="checkbox"]:hover{border-color:var(--sage-deep)}
  & .h4h-amb-form__plat-toggle input[type="checkbox"]:checked{background:var(--sage-deep);border-color:var(--sage-deep)}
  & .h4h-amb-form__plat-toggle input[type="checkbox"]:checked::after{
    content:"";width:13px;height:13px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L20 7'/></svg>") center/contain no-repeat;
  }
  & .h4h-amb-form__plat-toggle > span{flex:1;min-width:0;text-align:left}
  & .h4h-amb-form__plat-toggle > svg{
    width:20px;height:20px;flex:none;
    color:var(--muted);transition:color .15s;
  }
  & .h4h-amb-form__plat.is-on .h4h-amb-form__plat-toggle > svg{color:var(--sage-deep)}
  & .h4h-amb-form__plat-fields{
    display:none;grid-template-columns:1.4fr 1fr;gap:8px;
    padding:0 16px 16px;
  }
  & .h4h-amb-form__plat.is-on .h4h-amb-form__plat-fields{display:grid;animation:h4h-fields-in .25s ease}
  @keyframes h4h-fields-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  & .h4h-amb-form__cta{display:flex;flex-direction:column;gap:14px;margin-top:6px}
  & .h4h-amb-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:#fff;padding:16px 22px;border:0;border-radius:10px;font-weight:500;font-size:15px;cursor:pointer;transition:filter .2s,transform .2s}
  & .h4h-amb-form__submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
  & .h4h-amb-form__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
  & .h4h-amb-form__submit svg{width:16px;height:16px}
  & .h4h-amb-form__hint{font-size:12px;color:var(--muted);line-height:1.5}
  & .h4h-amb-form__err{font-size:12.5px;color:#cc3a3a;background:#fdecec;border:1px solid #f3c2c2;padding:10px 12px;border-radius:8px;display:none}
  & .h4h-amb-form__err.is-shown{display:block}

  /* ===== Testimonials ===== */
  & .testi{padding:120px 0}
  & .testi__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
  & .testi__left .eyebrow{display:inline-flex;margin-bottom:22px}
  & .testi__left h2{margin-bottom:20px}
  & .testi__left p{font-size:15px;color:var(--ink-2);max-width:340px;margin-bottom:30px;line-height:1.6}
  & .testi__nums{display:grid;gap:20px;max-width:340px}
  & .testi__num{padding:18px 0;border-top:1px solid var(--line)}
  & .testi__num b{display:block;font-size:30px;color:var(--ink-2);font-weight:500;letter-spacing:-.5px}
  & .testi__num span{font-size:12.5px;color:var(--muted)}
  & .testi__list{display:grid;gap:20px}
  & .testi__card{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .25s}
  & .testi__card:hover{border-color:var(--line-2)}
  & .testi__img{aspect-ratio:1;border-radius:10px;background:var(--sage-soft);overflow:hidden}
  & .testi__img img{width:100%;height:100%;object-fit:cover}
  & .testi__body{display:flex;flex-direction:column}
  & .testi__quote{font-size:15px;color:var(--ink-2);line-height:1.55;margin-bottom:14px}
  & .testi__who{margin-top:auto;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
  & .testi__who b{color:var(--ink-2);font-weight:500}

  /* ===== Joshua ===== */
  & .j{padding:0}
  & .j__split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  & .j__img{aspect-ratio:1;background:var(--sage-soft);overflow:hidden;border-right:1px solid var(--line)}
  & .j__img img{width:100%;height:100%;object-fit:cover}
  & .j__txt{padding:100px 60px;display:flex;flex-direction:column;justify-content:center}
  & .j__txt .eyebrow{display:inline-flex;margin-bottom:22px}
  & .j__txt h2{margin-bottom:20px;max-width:480px}
  & .j__txt p{font-size:16px;color:var(--ink-2);margin-bottom:16px;max-width:480px;line-height:1.6}
  & .j__sig{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}
  & .j__sig-av{width:48px;height:48px;border-radius:50%;background:var(--sage-soft);overflow:hidden;flex:none}
  & .j__sig-av img{width:100%;height:100%;object-fit:cover}
  & .j__sig b{color:var(--ink-2);font-weight:500;font-size:14.5px;display:block}
  & .j__sig span{color:var(--muted);font-size:12.5px}

  /* ===== FAQ ===== */
  & .faq{padding:100px 0;background:var(--bg-2)}
  & .faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}
  & .faq__head h2{margin-top:18px;max-width:280px}
  & .faq__list{display:flex;flex-direction:column}
  & .faq__list details{border-top:1px solid var(--line-2);padding:22px 0}
  & .faq__list details:last-child{border-bottom:1px solid var(--line-2)}
  & .faq__list summary{font-size:16.5px;color:var(--ink-2);font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px}
  & .faq__list summary::-webkit-details-marker{display:none}
  & .faq__list summary::after{content:"+";font-size:24px;color:var(--sage-deep);font-weight:300;transition:transform .25s}
  & .faq__list details[open] summary::after{transform:rotate(45deg)}
  & .faq__list p{margin-top:14px;color:var(--ink-2);font-size:14.5px;line-height:1.6;max-width:680px}
}

/* ===== Responsive ===== */
@media (max-width:1000px){
  .h4h-amb-page{
    & .hero__split{grid-template-columns:1fr;min-height:0;display:flex;flex-direction:column}
    & .hero__right{aspect-ratio:4/5;order:1}
    & .hero__left{padding:32px 24px 44px;border-right:0;border-top:1px solid var(--line);order:2}
    & .hero__num{position:static;display:block;margin:0 0 18px;font-size:10.5px;letter-spacing:1.4px}
    & .hero__main{margin-top:0}
    & .hero__main span.eyebrow{margin-bottom:18px}
    & .hero__title{font-size:42px;letter-spacing:-.8px;line-height:1.03;margin-bottom:20px}
    & .hero__lead{font-size:15.5px;line-height:1.5}
    & .hero__meta{display:flex;flex-wrap:wrap;gap:18px 28px;padding-top:24px;margin-top:28px;grid-template-columns:none}
    & .hero__meta div b{font-size:20px;letter-spacing:-.3px}
    & .hero__chip{top:16px;left:16px}
    & .hero__cta-card{bottom:16px;left:16px;right:16px;padding:14px;border-radius:12px}
    & .hero__cta-card b{font-size:13.5px}
    & .hero__cta-card span{font-size:11.5px;line-height:1.35}
    & .cta__split{padding:50px 24px}
    & .cta__r{max-width:none}
    & .testi__grid{grid-template-columns:1fr}
    & .testi__card{grid-template-columns:80px 1fr;gap:18px;padding:18px}
    & .j__split{grid-template-columns:1fr}
    & .j__img{border-right:0;border-bottom:1px solid var(--line)}
    & .j__txt{padding:50px 28px}
    & .faq__grid{grid-template-columns:1fr;gap:32px}
    & .sec-head{grid-template-columns:1fr;gap:18px}
    & .sec-head p{justify-self:start}
    & .story__row, & .story__row--rev{grid-template-columns:1fr}
    & .story__row--rev .story__media{order:0}
    & .story__txt{padding:36px 28px}
    & .wrap{padding:0 28px}
    & .h4h-section{padding:80px 0}
    & .story, & .faq, & .testi, & .j{padding:80px 0}
    & .trust{grid-template-columns:1fr 1fr}
    & .trust__c{border-right:0;border-bottom:1px solid var(--line)}
  }
}
/* ===== Phone: Hero als Backdrop ===== */
/* Eyebrow + Headline sitzen overlaid auf dem Bild,         */
/* Lead + Stats laufen darunter auf normalem Hintergrund.   */
@media (max-width:760px){
  .h4h-amb-page{
    & .hero{padding:0;overflow:hidden}
    & .hero__split{
      display:grid;grid-template-columns:1fr;
      grid-template-areas:"image" "below";
      grid-template-rows:minmax(68vh,520px) auto;
      min-height:0;position:relative;
    }
    & .hero__left, & .hero__main{display:contents}
    & .hero__right{
      grid-area:image;aspect-ratio:auto;
      position:relative;height:100%;overflow:hidden;order:0;
    }
    & .hero__right::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(180deg,
        rgba(31,38,36,0) 0%,
        rgba(31,38,36,.15) 30%,
        rgba(31,38,36,.55) 62%,
        rgba(31,38,36,.92) 100%);
      pointer-events:none;z-index:1;
    }
    & .hero__right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    & .hero__chip{z-index:3;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);top:18px;left:18px}
    & .hero__cta-card{z-index:3;bottom:16px;left:16px;right:16px;padding:12px 14px;border-radius:12px}
    & .hero__num{
      position:static;grid-area:image;align-self:start;justify-self:start;z-index:3;
      margin:18px 0 0 22px;color:rgba(255,255,255,.85);
      font-size:10.5px;letter-spacing:1.4px;
      text-shadow:0 1px 3px rgba(0,0,0,.55);
    }
    & .hero__overlay{
      grid-area:image;z-index:2;align-self:end;
      padding:24px 22px 100px;
    }
    & .hero__overlay span.eyebrow{
      color:#fff;margin-bottom:12px;
      text-shadow:0 1px 3px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35);
    }
    & .hero__overlay span.eyebrow::before{background:rgba(255,255,255,.85)}
    & .hero__title{
      color:#fff;font-size:38px;line-height:1.04;letter-spacing:-.7px;margin-bottom:0;
      text-shadow:0 1px 3px rgba(0,0,0,.55), 0 2px 12px rgba(0,0,0,.4), 0 6px 26px rgba(0,0,0,.25);
    }
    & .hero__title em{color:#d4e3da}
    & .hero__below{
      grid-area:below;background:var(--bg);
      padding:26px 24px 32px;color:var(--text);
    }
    & .hero__lead{color:var(--ink-2);font-size:15px;line-height:1.55;margin-bottom:18px;max-width:none}
    & .hero__meta{
      display:flex;gap:18px 24px;flex-wrap:wrap;
      padding-top:18px;margin-top:0;
      border-top:1px solid var(--line);
      grid-template-columns:none;
    }
    & .hero__meta div b{color:var(--ink-2);font-size:18px;letter-spacing:-.2px}
    & .hero__meta div span{color:var(--muted);font-size:11px}
  }
}

@media (max-width:900px){
  .h4h-amb-page{
    & #programm{overflow:hidden}
    & .tiers{
      display:flex;grid-template-columns:none;
      overflow-x:auto;overflow-y:visible;
      scroll-snap-type:x mandatory;scroll-padding-left:24px;
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
      margin:0 -28px;padding:8px 24px 28px;gap:12px;border:0
    }
    & .tiers::-webkit-scrollbar{display:none}
    & .tier{flex:0 0 86%;max-width:340px;scroll-snap-align:start;border:1px solid var(--line-2);border-radius:16px;padding:34px 28px 30px;background:var(--bg)}
    & .tier--hi{background:var(--ink)}
  }
}
@media (max-width:560px){
  .h4h-amb-page{
    & .hero__title{font-size:34px}
    & .hero__meta div b{font-size:16px}
    & .tier{flex:0 0 88%}
    & .h4h-amb-form__row{grid-template-columns:1fr}
  }
}