/* Approved expedition stamps, v1. Paired PNGs preserve the illustration and alpha. */
.trip-title-with-stamp{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.trip-title-with-stamp>h1,.trip-title-with-stamp>h3{min-inline-size:0;flex:1}
.trip-title-with-stamp .ec-stamp{--stamp-size:9rem}
.trip-hero-copy .trip-title-with-stamp .ec-stamp{--stamp-size:11rem}
/* Destination patches retain their alpha; the card/hero copy scrim supplies contrast. */
.brand-section-head{display:flex;align-items:center;gap:2rem}
.brand-section-head .ec-stamp{--stamp-size:10rem}
.brand-section-head>div{min-inline-size:0;flex:1}
.trip-note>.ec-stamp{--stamp-size:8rem;display:grid;margin-block-end:1rem}
.kit-pack>.ec-stamp,.kit-meet>.ec-stamp{--stamp-size:8rem;display:grid;margin-block-end:1.5rem}
.brand-kit-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block-end:2rem}
.brand-kit-heading .trip-kit-title{margin-block-end:0}
.brand-prep-link{display:inline-block;color:var(--brand);text-decoration:underline;text-underline-offset:.25em}
.contact-options>.ec-stamp{display:grid;--stamp-size:10rem;margin-block-end:1rem}
.signup-brand-motto{font-weight:600;color:var(--text);font-size:1.5rem}
.contact-options>.brand-prep-link{margin-block:1rem 2rem}
.signup-success-stamp:not([hidden]){display:flex;justify-content:center;margin-block-start:1.5rem}
.signup-success-stamp[hidden]{display:none}
.brand-guide{max-inline-size:62rem}
.brand-guide-row{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:2.5rem;border-block-end:1px solid var(--line)}
.brand-guide-row .ec-stamp{--stamp-size:12rem}
.brand-guide-row h2{margin-block-end:1rem}
.brand-guide-row p{color:var(--text-soft);line-height:1.85;max-inline-size:50ch}
.brand-guide>.btn{margin-block-start:2.5rem}
@media(max-width:600px){.trip-title-with-stamp{gap:.75rem}.trip-title-with-stamp .ec-stamp,.trip-hero-copy .trip-title-with-stamp .ec-stamp{--stamp-size:7rem}.brand-section-head{gap:1rem}.brand-section-head .ec-stamp{--stamp-size:7.5rem}.brand-guide-row{grid-template-columns:1fr;gap:1rem}.brand-guide-row .ec-stamp{--stamp-size:10rem}}
.ec-stamp{display:inline-grid;inline-size:var(--stamp-size,10rem);max-inline-size:100%;aspect-ratio:1;flex:none;vertical-align:middle}
.ec-stamp img{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.ec-stamp__light{display:none}
.ec-stamp__dark{display:block}
html[data-theme="light"] .ec-stamp__light{display:block}
html[data-theme="light"] .ec-stamp__dark{display:none}
.ec-stamp.ec-stamp--on-light .ec-stamp__light{display:block}
.ec-stamp.ec-stamp--on-light .ec-stamp__dark{display:none}
.ec-stamp.ec-stamp--on-dark .ec-stamp__light{display:none}
.ec-stamp.ec-stamp--on-dark .ec-stamp__dark{display:block}
.here-purpose .ec-stamp{--stamp-size:11rem;display:grid;margin-block-end:1.5rem}
.here-purpose .label{margin-block-end:.8rem}
.here-purpose .runline{display:inline-block;margin-block-start:1.5rem}
.home-page .method-item{grid-template-columns:10rem minmax(0,15rem) minmax(0,1fr);align-items:center}
.method-mark{display:grid;justify-items:center;gap:.5rem}
.method-mark .method-num{font-size:1rem;color:var(--muted)}
.page-header .about-motto{font-family:var(--display-ar);font-size:clamp(1.5rem,3vw,2.4rem);color:var(--text);margin-block:1.1rem .7rem}
body[dir="ltr"] .page-header .about-motto{font-family:var(--display)}
.about-vision{display:grid;grid-template-columns:14rem minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);border-block-start:1px solid var(--line);padding-block-start:clamp(2.5rem,6vw,4rem);margin-block-start:clamp(2.5rem,6vw,4rem)}
.about-vision .ec-stamp{--stamp-size:14rem}
.about-vision h2{font-size:clamp(1.5rem,3vw,2.4rem);margin-block-end:1rem}
.about-vision p{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.85;max-inline-size:48ch;color:var(--text-soft)}
.value .ec-stamp{display:grid;margin-block-end:1.5rem}
@media(max-width:880px){.home-page .method-item{grid-template-columns:8rem minmax(0,1fr);align-items:center}.method-mark{grid-row:span 2}.method-mark .ec-stamp{--stamp-size:8rem}.home-page .method-item p{grid-column:2}.about-vision{grid-template-columns:10rem minmax(0,1fr)}.about-vision .ec-stamp{--stamp-size:10rem}}
@media(max-width:600px){.about-vision{grid-template-columns:1fr;gap:1.5rem}.about-vision .ec-stamp{--stamp-size:11rem}.home-page .method-item{grid-template-columns:6.5rem minmax(0,1fr);column-gap:1rem}.method-mark .ec-stamp{--stamp-size:6.5rem}.here-purpose .ec-stamp{--stamp-size:10rem}}

/* Mobile: pair the illustration with its heading; let the copy breathe below.
   Logical grid columns mirror naturally between Arabic and English. */
@media (max-width:600px) {
  .here-purpose,
  .about-vision,
  .brand-guide-row,
  .tp-route-head.brand-section-head,
  .trip-note:has(>.ec-stamp),
  .kit-meet,
  .kit-pack {
    display:grid;
    grid-template-columns:minmax(0,1fr) 5.75rem;
    align-items:center;
    column-gap:1rem;
    row-gap:1rem;
  }
  .about-vision>div,
  .brand-guide-row>div { display:contents; }
  .here-purpose>.ec-stamp,
  .about-vision>.ec-stamp,
  .brand-guide-row>.ec-stamp,
  .tp-route-head.brand-section-head>.ec-stamp,
  .trip-note>.ec-stamp,
  .kit-meet>.ec-stamp,
  .kit-pack>.ec-stamp {
    --stamp-size:5.75rem;
    grid-column:2;
    grid-row:1;
    margin:0;
    justify-self:end;
  }
  .here-purpose>.label,
  .about-vision h2,
  .brand-guide-row h2,
  .tp-route-head.brand-section-head>div,
  .trip-note:has(>.ec-stamp)>h3,
  .kit-meet>h3,
  .kit-pack>.kit-pack-head { grid-column:1;grid-row:1;margin:0; }
  .here-purpose>.here-body,
  .here-purpose>.runline,
  .about-vision p,
  .brand-guide-row p,
  .trip-note:has(>.ec-stamp)>.trip-note-body,
  .kit-meet>p,
  .kit-meet>.kit-link,
  .kit-pack>.kit-pack-hint,
  .kit-pack>.kit-pack-bar,
  .kit-pack>ul { grid-column:1 / -1;margin:0; }
  .here-purpose>.runline { justify-self:start; }
  .kit-pack>.kit-pack-head { flex-direction:column;align-items:flex-start;gap:.5rem; }
  .kit-pack>.kit-pack-bar { inline-size:100%; }

  .home-page .method-item {
    grid-template-columns:2rem minmax(0,1fr) 5.5rem;
    gap:1rem .75rem;
  }
  .home-page .method-mark { display:contents; }
  .home-page .method-mark .ec-stamp { --stamp-size:5.5rem;grid-column:3;grid-row:1; }
  .home-page .method-item>h3 { grid-column:2;grid-row:1;align-self:center; }
  .home-page .method-item>p { grid-column:1 / -1;grid-row:2; }
  .home-page .method-mark .method-num {
    display:grid;
    grid-column:1;
    grid-row:1;
    align-self:center;
    place-items:center;
    inline-size:2rem;
    block-size:2rem;
    font-family:var(--display);
    font-weight:700;
    font-size:1.1rem;
    line-height:1;
    color:var(--brand-ink);
    background:var(--brand);
    border-radius:50%;
  }
  body[dir="rtl"].home-page .method-mark .method-num {
    font-family:var(--display-ar);
    font-weight:700;
  }

  .values>.value {
    display:grid;
    grid-template-columns:minmax(0,1fr) 6rem;
    gap:1rem;
    padding:1.5rem;
    align-items:center;
  }
  .value>.value-num { grid-column:1;grid-row:1;margin:0; }
  .value>.ec-stamp { --stamp-size:6rem;grid-column:2;grid-row:1;margin:0;justify-self:end; }
  .value>h3 { grid-column:1 / -1;grid-row:2;margin:0; }
  .value>p { grid-column:1 / -1;grid-row:3; }
}