:root {
  --ig-bg:#020c06;
  --ig-bg-2:#07170d;
  --ig-panel:#0a1b10;
  --ig-panel-2:#102516;
  --ig-cream:#f4f1e7;
  --ig-text:#f7f5ee;
  --ig-muted:rgba(238,241,231,.62);
  --ig-muted-dark:rgba(12,37,20,.68);
  --ig-lime:#acd368;
  --ig-line:rgba(172,211,104,.18);
  --ig-radius:28px;
}

body.iconic-gender-page-active,
body.iconic-gender-page-active .site,
body.iconic-gender-page-active .site-content,
body.iconic-gender-page-active .content-area,
body.iconic-gender-page-active .ast-container,
body.iconic-gender-page-active .entry-content {
  background:var(--ig-bg)!important;
}
body.iconic-gender-page-active .site-content > .ast-container,
body.iconic-gender-page-active #primary,
body.iconic-gender-page-active article.page,
body.iconic-gender-page-active .entry-content {
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
}
body.iconic-gender-page-active .entry-header { display:none!important; }
body.iconic-gender-page-active .entry-content > * { max-width:none!important; }

.iconic-gender-page {
  background:var(--ig-bg);
  color:var(--ig-text);
  overflow:hidden;
  position:relative;
}
.iconic-gender-page *, .iconic-gender-page *::before, .iconic-gender-page *::after { box-sizing:border-box; }
.iconic-gender-page button, .iconic-gender-page a { font:inherit; }
.iconic-gender-page a { text-decoration:none; }
.iconic-gender-page button { cursor:pointer; }
.iconic-gender-shell { margin-inline:auto; max-width:1440px; padding-inline:clamp(22px,5vw,88px); width:100%; }
.iconic-gender-section { padding-block:clamp(90px,9vw,150px); }
.iconic-gender-kicker { color:var(--ig-lime)!important; font-family:Sora,Arial,sans-serif!important; font-size:11px!important; font-weight:700!important; letter-spacing:.19em!important; line-height:1.4!important; margin:0!important; text-transform:uppercase!important; }
.iconic-gender-index { color:rgba(172,211,104,.45)!important; font-family:Sora,Arial,sans-serif!important; font-size:10px!important; font-weight:600!important; letter-spacing:.15em!important; margin:.8rem 0 0!important; text-transform:uppercase!important; }
.iconic-gender-page h1,
.iconic-gender-page h2,
.iconic-gender-page h3 {
  font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif!important;
  font-weight:600!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.iconic-gender-page p { font-family:Sora,Arial,sans-serif; }

/* Hero */
.iconic-gender-hero { height:min(880px,calc(100vh - 40px)); min-height:720px; overflow:hidden; position:relative; }
.iconic-gender-hero__picture,
.iconic-gender-hero__picture img { height:100%; inset:0; position:absolute; width:100%; }
.iconic-gender-hero__picture img { object-fit:cover; object-position:center; }
.iconic-gender-hero__shade { background:linear-gradient(90deg,rgba(2,9,5,.98) 0%,rgba(2,9,5,.88) 29%,rgba(2,9,5,.36) 55%,rgba(2,9,5,.02) 75%); inset:0; position:absolute; }
.iconic-gender-hero__glow { background:radial-gradient(circle at 23% 68%,rgba(77,143,51,.27),transparent 36%); inset:0; mix-blend-mode:screen; opacity:.78; position:absolute; }
.iconic-gender-hero__inner { align-items:center; display:flex; height:100%; position:relative; z-index:2; }
.iconic-gender-hero__copy { max-width:720px; }
.iconic-gender-hero h1 { color:var(--ig-cream)!important; font-size:clamp(72px,7vw,132px)!important; line-height:.79!important; margin:22px 0 28px!important; }
.iconic-gender-hero h1 span { display:block; }
.iconic-gender-hero__copy > p:not(.iconic-gender-kicker) { color:rgba(244,245,239,.72)!important; font-size:clamp(15px,1.15vw,18px)!important; line-height:1.75!important; margin:0!important; max-width:650px; }
.iconic-gender-actions { align-items:center; display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.iconic-gender-button { align-items:center; border-radius:999px; display:inline-flex; gap:20px; justify-content:center; min-height:58px; padding:0 24px; transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.iconic-gender-button svg, .iconic-gender-text-link svg { height:20px; width:20px; }
.iconic-gender-button--primary { background:var(--ig-lime)!important; border:1px solid var(--ig-lime)!important; box-shadow:0 14px 36px rgba(131,184,72,.12); color:#071006!important; font-weight:700!important; }
.iconic-gender-button--ghost { background:rgba(0,0,0,.12)!important; border:1px solid rgba(255,255,255,.18)!important; color:#f6f4eb!important; }
.iconic-gender-button:hover { transform:translateY(-2px); }
.iconic-gender-button--primary:hover { box-shadow:0 18px 50px rgba(131,184,72,.22); }
.iconic-gender-button--ghost:hover { border-color:rgba(172,211,104,.48)!important; }

/* Editorial section heads */
.iconic-gender-section-head { align-items:start; display:grid; gap:clamp(32px,6vw,96px); grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr); }
.iconic-gender-section-head h2 { color:var(--ig-cream)!important; font-size:clamp(48px,5vw,92px)!important; line-height:.9!important; max-width:1020px; }
.iconic-gender-section-head > div:last-child > p { color:var(--ig-muted)!important; font-size:15px!important; line-height:1.8!important; margin:28px 0 0!important; max-width:800px; }
.iconic-gender-intro { background:linear-gradient(180deg,#07170d 0%,#06140b 100%); }

/* Pillars – same rail on desktop and mobile */
.iconic-gender-pillar-rail { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:64px; }
.iconic-gender-pillar { background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(172,211,104,.025)); border:1px solid var(--ig-line); border-radius:var(--ig-radius); min-height:320px; padding:32px; position:relative; transition:transform .25s ease,border-color .25s ease; }
.iconic-gender-pillar:hover { border-color:rgba(172,211,104,.38); transform:translateY(-4px); }
.iconic-gender-pillar > span,
.iconic-gender-detail-card > span { color:var(--ig-lime); font-family:Sora,Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:.16em; }
.iconic-gender-pillar h3 { color:var(--ig-cream)!important; font-size:clamp(38px,3.6vw,60px)!important; line-height:.9!important; margin-top:92px!important; }
.iconic-gender-pillar p { color:var(--ig-muted)!important; font-size:13px!important; line-height:1.7!important; margin:18px 0 0!important; max-width:320px; }

/* Detail */
.iconic-gender-detail { background:#030c06; overflow:hidden; position:relative; }
.iconic-gender-detail__ambient { background:radial-gradient(circle at 72% 40%,rgba(91,167,57,.18),transparent 34%); inset:0; position:absolute; }
.iconic-gender-detail .iconic-gender-shell { position:relative; z-index:1; }
.iconic-gender-detail-rail { border-top:1px solid var(--ig-line); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:64px; }
.iconic-gender-detail-card { border-right:1px solid var(--ig-line); min-height:370px; padding:28px 28px 30px 0; }
.iconic-gender-detail-card + .iconic-gender-detail-card { padding-left:28px; }
.iconic-gender-detail-card:last-child { border-right:0; }
.iconic-gender-detail-card h3 { color:var(--ig-cream)!important; font-size:clamp(38px,3vw,54px)!important; line-height:.95!important; margin-top:110px!important; }
.iconic-gender-detail-card p { color:var(--ig-muted)!important; font-size:13px!important; line-height:1.78!important; margin:18px 0 0!important; }

/* Results */
.iconic-gender-results { background:linear-gradient(180deg,#07190e 0%,#041108 100%); }
.iconic-gender-section-head--results { margin-bottom:62px; }
.iconic-gender-results-wrap { overflow:visible; position:relative; }
.iconic-gender-results-rail { display:grid; gap:16px; grid-template-columns:minmax(420px,1.65fr) repeat(2,minmax(220px,.75fr)) minmax(245px,.8fr); grid-template-rows:repeat(2,minmax(220px,1fr)); min-width:1180px; }
.iconic-gender-result-card { border:1px solid rgba(172,211,104,.16); border-radius:26px; grid-column:auto; grid-row:auto; margin:0!important; min-height:250px; overflow:hidden; position:relative; }
.iconic-gender-result-card.is-featured { grid-row:1 / span 2; min-height:520px; }
.iconic-gender-result-card img { display:block; height:100%; object-fit:cover; width:100%; }
.iconic-gender-result-card::after { background:linear-gradient(180deg,transparent 58%,rgba(1,7,3,.76)); content:''; inset:0; position:absolute; }
.iconic-gender-result-card figcaption { align-items:end; bottom:17px; display:flex; justify-content:space-between; left:18px; position:absolute; right:18px; z-index:2; }
.iconic-gender-result-card figcaption span { color:var(--ig-lime); font:700 10px/1 Sora,Arial,sans-serif; letter-spacing:.12em; }
.iconic-gender-result-card figcaption strong { color:#fff; font:700 10px/1 Sora,Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.iconic-gender-result-brand { align-self:stretch; background:linear-gradient(145deg,#0c2414,#06150c); border:1px solid rgba(172,211,104,.22); border-radius:26px; display:flex; flex-direction:column; grid-column:4; grid-row:1 / span 2; justify-content:flex-end; min-height:520px; padding:32px; }
.iconic-gender-result-brand > span,
.iconic-gender-result-brand > strong { color:var(--ig-cream); font-family:'Cormorant Garamond',Georgia,serif; font-size:42px; font-weight:600; letter-spacing:-.04em; line-height:.73; }
.iconic-gender-result-brand small { color:var(--ig-muted); font:400 11px/1.5 Sora,Arial,sans-serif; margin-top:18px; }
.iconic-gender-rail-controls { align-items:center; display:flex; gap:14px; justify-content:flex-end; margin-top:22px; }
.iconic-gender-rail-controls button { align-items:center; background:transparent; border:1px solid var(--ig-line); border-radius:50%; color:var(--ig-cream); display:flex; font-size:27px; height:50px; justify-content:center; width:50px; }
.iconic-gender-rail-controls > span { background:linear-gradient(90deg,var(--ig-lime) 0 45%,rgba(172,211,104,.18) 45%); height:3px; width:100px; }

/* Closing */
.iconic-gender-closing { background:#020905; overflow:hidden; padding-block:clamp(96px,10vw,170px); position:relative; text-align:center; }
.iconic-gender-closing__glow { background:radial-gradient(circle at 50% 46%,rgba(92,169,56,.25),transparent 30%); inset:-20%; position:absolute; }
.iconic-gender-closing__inner { position:relative; z-index:1; }
.iconic-gender-closing h2 { color:var(--ig-cream)!important; font-size:clamp(58px,6vw,108px)!important; line-height:.84!important; margin:20px auto 24px!important; max-width:1120px; }
.iconic-gender-closing__inner > p:not(.iconic-gender-kicker) { color:var(--ig-muted)!important; font-size:14px!important; line-height:1.8!important; margin:0 auto!important; max-width:690px; }
.iconic-gender-actions--center { justify-content:center; }
.iconic-gender-text-link { align-items:center; color:var(--ig-lime)!important; display:inline-flex; gap:12px; font-weight:700!important; padding:16px 8px; }

/* Motion */
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-kicker,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-index,
html.iconic-motion-ready [data-gender-reveal] h2,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-pillar,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-detail-card,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-results-wrap,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-button,
html.iconic-motion-ready [data-gender-reveal] .iconic-gender-text-link { opacity:0; transform:translateY(24px); }
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-kicker,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-index,
html.iconic-motion-ready [data-gender-reveal].is-visible h2,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-pillar,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-detail-card,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-results-wrap,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-button,
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-text-link { animation:iconic-gender-rise .82s cubic-bezier(.2,.75,.25,1) forwards; }
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-pillar:nth-child(2),
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-detail-card:nth-child(2) { animation-delay:.07s; }
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-pillar:nth-child(3),
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-detail-card:nth-child(3) { animation-delay:.14s; }
html.iconic-motion-ready [data-gender-reveal].is-visible .iconic-gender-detail-card:nth-child(4) { animation-delay:.21s; }
@keyframes iconic-gender-rise { to { opacity:1; transform:none; } }
html.iconic-motion-ready .iconic-gender-hero__copy .iconic-gender-kicker,
html.iconic-motion-ready .iconic-gender-hero__copy h1 span,
html.iconic-motion-ready .iconic-gender-hero__copy > p,
html.iconic-motion-ready .iconic-gender-hero__copy .iconic-gender-actions { opacity:0; transform:translateY(24px); }
html.iconic-motion-ready .iconic-gender-hero.is-ready .iconic-gender-kicker { animation:iconic-gender-rise .65s .08s cubic-bezier(.2,.75,.25,1) forwards; }
html.iconic-motion-ready .iconic-gender-hero.is-ready h1 span:first-child { animation:iconic-gender-rise .82s .17s cubic-bezier(.2,.75,.25,1) forwards; }
html.iconic-motion-ready .iconic-gender-hero.is-ready h1 span:last-child { animation:iconic-gender-rise .84s .29s cubic-bezier(.2,.75,.25,1) forwards; }
html.iconic-motion-ready .iconic-gender-hero.is-ready .iconic-gender-hero__copy > p { animation:iconic-gender-rise .7s .41s cubic-bezier(.2,.75,.25,1) forwards; }
html.iconic-motion-ready .iconic-gender-hero.is-ready .iconic-gender-actions { animation:iconic-gender-rise .68s .52s cubic-bezier(.2,.75,.25,1) forwards; }

@media (max-width:1024px) {
  .iconic-gender-section-head { gap:36px; grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr); }
  .iconic-gender-pillar { min-height:300px; padding:26px; }
  .iconic-gender-detail-card { min-height:340px; }
}

/* Mobile: preserve the desktop visual system instead of rebuilding it as vertical stacks. */
@media (max-width:767px) {
  .iconic-gender-shell { padding-inline:18px; }
  .iconic-gender-section { padding-block:70px; }

  .iconic-gender-hero { height:auto; min-height:790px; }
  .iconic-gender-hero__picture img { object-fit:cover; object-position:center; }
  .iconic-gender-hero__shade { background:linear-gradient(180deg,rgba(1,8,4,.05) 0%,rgba(1,8,4,.16) 46%,#020c06 63%,#020c06 100%); }
  .iconic-gender-hero__glow { background:radial-gradient(circle at 18% 60%,rgba(77,143,51,.22),transparent 32%); }
  .iconic-gender-hero__inner { align-items:flex-start; min-height:790px; padding-top:54px; }
  .iconic-gender-hero__copy { max-width:none; width:100%; }
  .iconic-gender-hero h1 { font-size:clamp(54px,15vw,78px)!important; line-height:.82!important; margin-top:16px!important; max-width:94%; }
  .iconic-gender-hero__copy > p:not(.iconic-gender-kicker) { font-size:13px!important; line-height:1.65!important; max-width:92%; }
  .iconic-gender-actions { align-items:flex-start; flex-direction:column; gap:10px; margin-top:22px; }
  .iconic-gender-button { min-height:52px; padding-inline:20px; }

  .iconic-gender-section-head { gap:18px; grid-template-columns:120px minmax(0,1fr); }
  .iconic-gender-section-head h2 { font-size:clamp(42px,10.8vw,62px)!important; line-height:.92!important; }
  .iconic-gender-section-head > div:last-child > p { font-size:12px!important; line-height:1.7!important; margin-top:18px!important; }

  .iconic-gender-pillar-rail,
  .iconic-gender-detail-rail { display:flex; gap:12px; margin-inline:-18px; overflow-x:auto; padding:0 18px 12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .iconic-gender-pillar-rail::-webkit-scrollbar,
  .iconic-gender-detail-rail::-webkit-scrollbar,
  .iconic-gender-results-wrap::-webkit-scrollbar,
  .iconic-gender-results-rail::-webkit-scrollbar { display:none; }
  .iconic-gender-pillar { flex:0 0 76vw; min-height:290px; scroll-snap-align:start; }
  .iconic-gender-pillar h3 { font-size:44px!important; margin-top:78px!important; }

  .iconic-gender-detail-rail { border-top:0; }
  .iconic-gender-detail-card { border:1px solid var(--ig-line)!important; border-radius:24px; flex:0 0 68vw; min-height:330px; padding:26px!important; scroll-snap-align:start; }
  .iconic-gender-detail-card h3 { font-size:42px!important; margin-top:100px!important; }

  .iconic-gender-section-head--results { margin-bottom:38px; }
  .iconic-gender-results-wrap { margin-inline:-18px; overflow-x:auto; padding:0 18px 12px; scroll-snap-type:x mandatory; }
  .iconic-gender-results-rail { gap:10px; grid-template-columns:310px repeat(2,160px) 184px; grid-template-rows:repeat(2,160px); min-width:854px; scroll-snap-align:start; }
  .iconic-gender-result-card { border-radius:20px; min-height:160px; }
  .iconic-gender-result-card.is-featured { min-height:330px; }
  .iconic-gender-result-brand { border-radius:20px; min-height:330px; padding:20px; }
  .iconic-gender-result-brand > span,
  .iconic-gender-result-brand > strong { font-size:31px; }
  .iconic-gender-rail-controls { display:none; }

  .iconic-gender-closing { padding-block:90px; }
  .iconic-gender-closing h2 { font-size:clamp(50px,13vw,72px)!important; line-height:.86!important; }
  .iconic-gender-actions--center { align-items:center; }
}

@media (prefers-reduced-motion:reduce) {
  .iconic-gender-page * { animation:none!important; scroll-behavior:auto!important; transition:none!important; }
  [data-gender-reveal] *, .iconic-gender-hero__copy * { opacity:1!important; transform:none!important; }
}
/* Explicit editorial placement prevents auto-grid overlap with the brand tile. */
.iconic-gender-results-rail > figure:nth-of-type(2) { grid-column:2; grid-row:1; }
.iconic-gender-results-rail > figure:nth-of-type(3) { grid-column:3; grid-row:1; }
.iconic-gender-results-rail > figure:nth-of-type(4) { grid-column:2; grid-row:2; }
.iconic-gender-results-rail > figure:nth-of-type(5) { grid-column:3; grid-row:2; }

/* Arabic uses the same composition, with its reading direction and image wash
   mirrored rather than forcing a left-to-right English layout. */
html[dir="rtl"] .iconic-gender-page {
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] .iconic-gender-page .iconic-gender-kicker,
html[dir="rtl"] .iconic-gender-page .iconic-gender-index {
  letter-spacing:0!important;
  text-transform:none!important;
}
html[dir="rtl"] .iconic-gender-hero__shade { background:linear-gradient(270deg,rgba(2,9,5,.98) 0%,rgba(2,9,5,.88) 29%,rgba(2,9,5,.36) 55%,rgba(2,9,5,.02) 75%); }
html[dir="rtl"] .iconic-gender-hero__glow { background:radial-gradient(circle at 77% 68%,rgba(77,143,51,.27),transparent 36%); }
html[dir="rtl"] .iconic-gender-actions { justify-content:flex-start; }
html[dir="rtl"] .iconic-gender-button svg,
html[dir="rtl"] .iconic-gender-text-link svg { transform:scaleX(-1); }
html[dir="rtl"] .iconic-gender-detail-card { border-left:1px solid var(--ig-line); border-right:0; padding:28px 0 30px 28px; }
html[dir="rtl"] .iconic-gender-detail-card + .iconic-gender-detail-card { padding-left:0; padding-right:28px; }
html[dir="rtl"] .iconic-gender-detail-card:last-child { border-left:0; }
html[dir="rtl"] .iconic-gender-rail-controls { justify-content:flex-start; }
html[dir="rtl"] .iconic-gender-result-brand small { letter-spacing:0; }

@media (max-width:767px) {
  html[dir="rtl"] .iconic-gender-detail-card,
  html[dir="rtl"] .iconic-gender-detail-card + .iconic-gender-detail-card { padding:26px!important; }
}