/* Edition 06: homepage hero + who-we-are redesign */
.home-hero-signature{
  position:relative;
  overflow:hidden;
}
.home-hero-signature::after{
  content:"";
  position:absolute;
  inset:auto -10% -30% auto;
  width:min(48vw,620px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(223,188,128,.18),transparent 68%);
  pointer-events:none;
}
.home-hero-shell{
  grid-template-columns:minmax(0,1fr) minmax(350px,480px);
  gap:clamp(28px,4vw,56px);
  align-items:end;
}
.home-hero-signature .home-hero-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0;
  padding-inline-end:10px;
}
.hero-intro-stack{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-marker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  font:700 10px/1.2 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#e8d6b0;
  background:rgba(255,255,255,.05);
}
.hero-info-band{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  margin-top:36px;
  align-items:stretch;
}
.home-hero-signature .hero-footnote,
.hero-coordinates{
  margin-top:0;
  min-height:76px;
  padding:18px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(9,20,31,.34);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.home-hero-signature .hero-footnote{justify-content:flex-start;flex-wrap:wrap}
.hero-coordinates{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  min-width:230px;
}
.hero-coordinates span{
  color:#b6c8d2;
  font:700 10px/1.4 var(--sans);
  letter-spacing:.18em;
}
.hero-coordinates strong{
  color:#fff;
  font:700 11px/1.5 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hero-stage{display:flex;flex-direction:column;gap:18px;align-self:center}
.hero-stage-card{position:relative}
.home-hero-signature .hero-image{
  min-height:650px;
  height:650px;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(228,196,145,.22);
}
.hero-image-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,15,22,.06) 0%,rgba(5,15,22,.16) 26%,rgba(5,15,22,.75) 100%);
}
.home-hero-signature .hero-image-caption{
  z-index:2;
  bottom:30px;
  left:28px;
  right:28px;
  padding-top:18px;
  border-top:1px solid rgba(248,233,207,.28);
}
.hero-floating-note{
  position:absolute;
  inset:auto 22px 22px auto;
  width:min(280px,72%);
  padding:18px 20px 20px;
  border-radius:24px;
  backdrop-filter:blur(14px);
  background:rgba(11,22,33,.66);
  border:1px solid rgba(244,218,176,.22);
  box-shadow:0 20px 45px rgba(0,0,0,.28);
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:3;
}
.hero-floating-note strong{font:400 clamp(22px,2vw,29px)/1.18 var(--serif)}
.hero-floating-line{display:block;width:72px;height:1px;background:rgba(255,255,255,.28)}
.hero-presence-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(222,191,142,.18);
  background:rgba(10,22,32,.56);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
.hero-presence-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(135deg,#d8b37a,#8a6439);
  color:#132635;
  font:700 15px/1 var(--sans);
  letter-spacing:.18em;
}
.hero-presence-copy strong{
  display:block;
  font:700 10px/1.5 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#eed8b0;
}
.hero-presence-copy p{
  margin:5px 0 0;
  font-size:13px;
  line-height:1.55;
  color:#d8e1e7;
}
.hero-presence-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  font:700 11px/1.4 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-presence-link:hover{color:#e5c189}

.about-editorial-premium{
  align-items:start;
}
.about-editorial-premium .about-art{min-height:0}
.about-editorial-premium .about-image-frame{
  position:relative;
  overflow:hidden;
  border-radius:36px;
}
.about-editorial-premium .about-image-frame img{
  width:100%;
  height:min(68vw,720px);
  min-height:560px;
  object-fit:cover;
  display:block;
}
.about-editorial-premium .about-image-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(11,17,24,.06),rgba(11,17,24,.1) 35%,rgba(11,17,24,.5));
}
.about-overlay-ribbon{
  position:absolute;
  inset:28px 28px auto auto;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:min(300px,76%);
  padding:16px 18px 17px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(11,20,31,.52);
  color:#fff;
  backdrop-filter:blur(12px);
}
.about-overlay-ribbon span,
.about-insight-kicker{
  font:700 10px/1.5 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.about-overlay-ribbon strong{
  font:400 clamp(18px,1.9vw,25px)/1.25 var(--serif);
}
.about-editorial-premium .about-photo-edge{
  z-index:2;
  left:26px;
  bottom:24px;
}
.art-badge-premium{
  position:relative;
  inset:auto;
  margin-top:18px;
  width:auto;
  height:auto;
  border-radius:28px;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:15px;
  padding:20px 22px;
}
.art-badge-premium .art-badge-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:rgba(255,255,255,.12);
  margin:0;
  font-size:18px;
}
.art-badge-premium div{display:flex;flex-direction:column;gap:6px}
.art-badge-premium strong{font-size:30px;line-height:1;letter-spacing:.09em}
.art-badge-premium span:last-child{margin-top:0;font-size:10px}
.about-editorial-premium .about-copy>p{margin-bottom:0}
.about-insight-deck{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
  margin-top:30px;
}
.about-insight-card{
  padding:22px 24px;
  border-radius:24px;
  border:1px solid rgba(59,72,81,.12);
  background:rgba(255,255,255,.7);
  box-shadow:0 14px 35px rgba(23,37,43,.08);
}
.about-insight-card h3{
  margin:8px 0 10px;
  font:400 clamp(24px,2.2vw,31px)/1.18 var(--serif);
  color:#122e38;
}
.about-insight-card p{
  margin:0;
  color:#50626a;
  font-size:14px;
  line-height:1.72;
}
.about-insight-card-alt{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,rgba(17,56,62,.92),rgba(34,84,84,.88));
}
.about-insight-card-alt .about-insight-kicker,
.about-insight-card-alt p{color:#f4ece0}
.about-editorial-premium .stats-editorial{margin-top:28px}
.about-editorial-premium .stats-editorial .stat{
  padding-block:18px 20px;
}
.home-hero-signature .btn-outline{
  background:transparent;
  border:1px solid rgba(232,219,197,.46);
  color:#fbf4ea;
}
.home-hero-signature .btn-outline:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}

html[data-theme="light"] .home-hero-signature{
  background:
    radial-gradient(ellipse at 6% 22%,rgba(210,223,210,.85),transparent 45%),
    radial-gradient(ellipse at 100% 4%,rgba(216,191,149,.3),transparent 42%),
    linear-gradient(130deg,#f3f1ea 0%,#e6ede5 48%,#dee9e2 100%);
  color:#16353a;
}
html[data-theme="light"] .home-hero-signature::before{opacity:.18}
html[data-theme="light"] .home-hero-signature .home-hero-content .eyebrow{color:#7d5326}
html[data-theme="light"] .home-hero-signature .hero-marker{
  color:#1a4747;
  border-color:rgba(24,72,70,.14);
  background:rgba(255,255,255,.78);
}
html[data-theme="light"] .home-hero-signature h1{color:#173a3e;text-shadow:none}
html[data-theme="light"] .home-hero-signature h1::first-line{color:#174c51}
html[data-theme="light"] .home-hero-signature p{color:#486266}
html[data-theme="light"] .home-hero-signature .hero-footnote,
html[data-theme="light"] .hero-coordinates{
  background:rgba(255,255,255,.8);
  border-color:rgba(23,70,68,.11);
  box-shadow:0 18px 45px rgba(28,59,54,.09);
}
html[data-theme="light"] .home-hero-signature .hero-footnote{color:#4b6669}
html[data-theme="light"] .hero-coordinates span{color:#5f726f}
html[data-theme="light"] .hero-coordinates strong{color:#173b40}
html[data-theme="light"] .home-hero-signature .hero-image{
  border:10px solid rgba(255,255,255,.88);
  box-shadow:20px 26px 0 rgba(194,211,201,.74),0 35px 80px rgba(27,65,63,.16);
}
html[data-theme="light"] .home-hero-signature .hero-image-caption{color:#fff}
html[data-theme="light"] .hero-floating-note{
  background:rgba(255,251,245,.9);
  border-color:rgba(144,99,48,.2);
  color:#18363a;
}
html[data-theme="light"] .hero-floating-note .dock-eyebrow{color:#94622f}
html[data-theme="light"] .hero-floating-line{background:rgba(24,54,58,.2)}
html[data-theme="light"] .hero-presence-card{
  background:rgba(255,255,255,.86);
  border-color:rgba(24,70,70,.11);
}
html[data-theme="light"] .hero-presence-copy strong{color:#855324}
html[data-theme="light"] .hero-presence-copy p{color:#476264}
html[data-theme="light"] .hero-presence-link{color:#173c40}
html[data-theme="light"] .hero-presence-link:hover{color:#88592d}
html[data-theme="light"] .home-hero-signature .btn-outline{
  color:#173e42;
  border-color:#1e5353;
  background:#ffffffbf;
}
html[data-theme="light"] .home-hero-signature .btn-outline:hover{
  background:#1e5353;
  color:#fff;
}
html[data-theme="light"] .about-reimagined{
  background:linear-gradient(135deg,#f6f1ea 0%,#ecefe9 50%,#edf4ef 100%);
}
html[data-theme="light"] .about-overlay-ribbon{
  background:rgba(255,252,247,.88);
  border-color:rgba(26,73,70,.13);
  color:#15363a;
}
html[data-theme="light"] .art-badge-premium{
  background:#173f44;
  color:#fff;
  box-shadow:0 16px 35px rgba(26,55,58,.18);
}
html[data-theme="light"] .art-badge-premium span:last-child{color:#debf8e}
html[data-theme="light"] .about-insight-card{
  background:rgba(255,255,255,.84);
  border-color:rgba(23,69,68,.11);
}
html[data-theme="light"] .about-insight-card-alt{
  background:linear-gradient(135deg,#153e42,#2e6a67);
}
html[data-theme="light"] a.btn-about-discover{
  background:#17484a!important;
  border-color:#17484a!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(24,72,74,.16);
}
html[data-theme="light"] a.btn-about-discover:hover{
  background:#0f3337!important;
  border-color:#0f3337!important;
}

html[data-theme="dark"] .home-hero-signature{
  background:
    radial-gradient(ellipse at 18% 78%,rgba(39,77,92,.82),transparent 48%),
    radial-gradient(ellipse at 87% 12%,rgba(178,143,89,.11),transparent 44%),
    linear-gradient(132deg,#08121b 0%,#10222e 48%,#1a3341 100%);
}
html[data-theme="dark"] .home-hero-signature .hero-footnote,
html[data-theme="dark"] .hero-coordinates{
  background:rgba(11,22,33,.5);
}
html[data-theme="dark"] .hero-presence-card{
  background:rgba(12,24,35,.66);
}
html[data-theme="dark"] .hero-floating-note{
  background:rgba(10,21,31,.7);
}
html[data-theme="dark"] .about-reimagined{
  background:linear-gradient(135deg,#0f1e29 0%,#162935 55%,#1c3240 100%);
}
html[data-theme="dark"] .about-overlay-ribbon{background:rgba(10,21,31,.62)}
html[data-theme="dark"] .art-badge-premium{
  background:linear-gradient(135deg,#112331,#1b3342);
  border:1px solid rgba(226,199,149,.14);
}
html[data-theme="dark"] .about-insight-card{
  background:rgba(14,29,40,.72);
  border-color:rgba(219,196,150,.09);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
html[data-theme="dark"] .about-insight-card h3{color:#f6efe2}
html[data-theme="dark"] .about-insight-card p{color:#b6c6ce}
html[data-theme="dark"] .about-insight-card-alt{
  background:linear-gradient(135deg,#1d3d4a,#254a52);
}
html[data-theme="dark"] .about-editorial-premium .about-caption{color:#d6be95}
html[data-theme="dark"] .about-editorial-premium .stats-editorial{border-color:#536670}
html[data-theme="dark"] .about-editorial-premium .stats-editorial .stat{border-color:#44555e}
html[data-theme="dark"] .about-editorial-premium .stats-editorial .stat strong{color:#fff7ea}
html[data-theme="dark"] .about-editorial-premium .stats-editorial .stat span{color:#bed0d7}

[dir="rtl"] .hero-floating-note{inset:auto auto 22px 22px}
[dir="rtl"] .about-overlay-ribbon{inset:28px auto auto 28px}
[dir="rtl"] .hero-presence-card{grid-template-columns:auto 1fr auto}
[dir="rtl"] .home-hero-signature .hero-image-caption{left:28px;right:28px}
[dir="rtl"] .art-badge-premium{flex-direction:row}

@media (max-width: 980px){
  .home-hero-shell{grid-template-columns:1fr;gap:30px;align-items:start}
  .home-hero-signature .home-hero-content{padding-inline-end:0}
  .home-hero-signature .hero-image{height:520px;min-height:520px}
  .hero-presence-card{grid-template-columns:auto 1fr}
  .hero-presence-link{grid-column:1 / -1}
  .about-insight-deck{grid-template-columns:1fr}
}

@media (max-width: 680px){
  .hero-intro-stack{gap:11px}
  .hero-marker{font-size:9px;padding:8px 12px}
  .hero-info-band{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .home-hero-signature .hero-footnote,
  .hero-coordinates{min-height:0;padding:16px 18px;border-radius:20px}
  .home-hero-signature .hero-image{height:430px;min-height:430px;border-radius:28px}
  .hero-floating-note{position:relative;inset:auto;width:100%;margin-top:14px}
  .hero-presence-card{grid-template-columns:1fr;align-items:flex-start}
  .hero-presence-kicker{width:52px;height:52px}
  .about-editorial-premium .about-image-frame img{min-height:380px;height:380px}
  .about-overlay-ribbon{inset:18px 18px auto 18px;max-width:none;padding:14px 16px}
  .about-editorial-premium .about-photo-edge{left:18px;right:18px;bottom:16px;font-size:9px}
  .art-badge-premium{padding:16px 18px;border-radius:22px}
  .about-insight-card{padding:20px 20px}
}