/* V102.51.15.65.69 - Brand Development public pilot on ElixeMarket Public Design System.
 * No additional photography: only the media belonging to each brand card is shown.
 */
body.emwh-brand-development-body.emwh-brand-index-body.emwh-public-system{
  margin:0;background:
    radial-gradient(circle at 15% 0%,rgba(47,128,237,.16),transparent 33%),
    radial-gradient(circle at 88% 14%,rgba(147,197,253,.08),transparent 30%),
    var(--em-public-bg)!important;
  color:var(--em-public-text)
}

/* Public header: dark corporate shell, no parallel white application chrome. */
.emwh-public-system .emwh-brand-site-header{
  position:relative;z-index:80;background:rgba(2,6,23,.98)!important;
  border-bottom:1px solid var(--em-public-border)!important;color:var(--em-public-white)!important
}
.emwh-public-system .emwh-brand-site-header-inner{
  min-height:82px;margin:0 auto;display:flex;align-items:center;gap:30px
}
.emwh-public-system .emwh-brand-site-logo img{filter:none}
.emwh-public-system .emwh-brand-site-wordmark{color:var(--em-public-white)!important}
.emwh-public-system .emwh-brand-site-wordmark strong{font-size:14px;letter-spacing:.12em}
.emwh-public-system .emwh-brand-site-nav{gap:1px}
.emwh-public-system .emwh-brand-site-nav a{
  min-height:42px;padding:0 8px;color:#cbd5e1!important;background:transparent!important;
  font-size:10px;font-weight:800;letter-spacing:.025em;text-transform:uppercase;border-radius:0!important
}
.emwh-public-system .emwh-brand-site-nav a:hover,
.emwh-public-system .emwh-brand-site-nav a:focus-visible{color:#fff!important}
.emwh-public-system .emwh-brand-site-nav a.is-current{color:#fff!important;font-weight:900}
.emwh-public-system .emwh-brand-site-nav a.is-current:after{
  left:8px;right:8px;bottom:2px;height:2px;background:var(--em-public-blue)!important
}
.emwh-public-system .emwh-brand-site-mobile-nav summary{
  border:1px solid var(--em-public-border)!important;background:rgba(15,23,42,.88)!important;
  color:#fff!important;border-radius:999px!important;padding:10px 15px!important;text-transform:uppercase;letter-spacing:.04em
}
.emwh-public-system .emwh-brand-site-mobile-nav nav{
  border:1px solid var(--em-public-border)!important;background:#0b1324!important;box-shadow:var(--em-public-shadow)!important
}
.emwh-public-system .emwh-brand-site-mobile-nav nav a{color:#d7e0e8!important;background:transparent!important}
.emwh-public-system .emwh-brand-site-mobile-nav nav a:hover,
.emwh-public-system .emwh-brand-site-mobile-nav nav a.is-current{background:rgba(47,128,237,.14)!important;color:#fff!important}

/* Index layout: same 1180px rhythm used by current ElixeMarket public pages. */
.emwh-public-system .emwh-brand-public{
  width:min(var(--em-public-wrap),calc(100% - 48px))!important;max-width:var(--em-public-wrap)!important;
  margin:0 auto!important;padding:0 0 78px!important
}
.emwh-public-system .emwh-brand-index{display:grid;gap:0!important;width:100%}

/* Hero: strong public identity using typography and light only; no hero image. */
.emwh-public-system .emwh-brand-index-hero{
  position:relative;overflow:hidden;margin:0!important;padding:92px 0 80px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.emwh-public-system .emwh-brand-index-hero:before{
  content:"";position:absolute;left:-160px;top:-210px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,128,237,.22),rgba(47,128,237,0) 68%);pointer-events:none
}
.emwh-public-system .emwh-brand-index-hero:after{
  content:"";position:absolute;right:-140px;top:-230px;width:480px;height:480px;border-radius:50%;
  border:1px solid rgba(147,197,253,.10);box-shadow:0 0 0 68px rgba(147,197,253,.025),0 0 0 132px rgba(147,197,253,.012);pointer-events:none
}
.emwh-public-system .emwh-brand-index-hero h1{
  position:relative;z-index:1;max-width:880px;margin:18px 0 24px!important;color:#fff!important;
  font-size:clamp(48px,6vw,82px)!important;font-weight:500!important;line-height:1.01!important;letter-spacing:-.045em!important
}
.emwh-public-system .emwh-brand-index-hero>p{
  position:relative;z-index:1;max-width:760px;margin:0!important;color:var(--em-public-muted-2)!important;
  font-size:18px!important;line-height:1.68!important
}

/* Brands section: editorial, restrained, no additional imagery. */
.emwh-public-system .emwh-brand-index-projects{
  display:grid;gap:28px!important;padding:60px 0 16px;border-top:1px solid rgba(147,197,253,.16)
}
.emwh-public-system .emwh-brand-index-section-head{display:block!important}
.emwh-public-system .emwh-brand-index-section-head h2{
  max-width:850px;margin:14px 0 0!important;color:#fff!important;font-size:clamp(32px,4vw,50px)!important;
  font-weight:500!important;line-height:1.05!important;letter-spacing:-.04em!important
}
.emwh-public-system .emwh-brand-index-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start!important
}
.emwh-public-system .emwh-brand-index-grid.is-single{grid-template-columns:minmax(0,590px)!important}
.emwh-public-system .emwh-brand-index-grid.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important}

.emwh-public-system .emwh-brand-index-item{
  display:grid;gap:0;min-width:0;overflow:hidden;border:1px solid var(--em-public-border);
  border-radius:28px;background:rgba(15,23,42,.88);box-shadow:0 22px 58px rgba(0,0,0,.26);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.emwh-public-system .emwh-brand-index-item:hover,
.emwh-public-system .emwh-brand-index-item:focus-within{
  transform:translateY(-4px);border-color:rgba(147,197,253,.44);box-shadow:0 28px 72px rgba(0,0,0,.34)
}
.emwh-public-system .emwh-brand-index-card{
  position:relative;display:block;overflow:hidden;min-height:0!important;aspect-ratio:16/10!important;
  border:0!important;border-radius:0!important;background:#0f172a!important;color:#fff!important;
  box-shadow:none!important;transform:none!important
}
.emwh-public-system .emwh-brand-index-card:hover{transform:none!important;box-shadow:none!important}
.emwh-public-system .emwh-brand-index-card-media{background:#111827!important}
.emwh-public-system .emwh-brand-index-card-media:after{
  background:linear-gradient(180deg,rgba(2,6,23,.02) 22%,rgba(2,6,23,.18) 52%,rgba(2,6,23,.92) 100%)!important
}
.emwh-public-system .emwh-brand-index-card-media img{
  object-position:center 46%;filter:saturate(.97) contrast(1.03)!important;transition:transform .3s ease,filter .3s ease
}
.emwh-public-system .emwh-brand-index-item:hover .emwh-brand-index-card-media img{transform:scale(1.018);filter:saturate(1.02) contrast(1.04)!important}
.emwh-public-system .emwh-brand-index-card-body{
  min-height:150px!important;padding:44px 30px 28px!important;
  background:linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.24) 25%,rgba(2,6,23,.88) 100%)!important
}
.emwh-public-system .emwh-brand-index-card-body>strong{
  color:#fff!important;font-size:31px!important;font-weight:500!important;letter-spacing:.045em!important
}
.emwh-public-system .emwh-brand-index-card-body>span{
  margin-top:7px!important;color:rgba(255,255,255,.88)!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important
}
.emwh-public-system .emwh-brand-index-card-body>em{
  margin-top:15px!important;color:var(--em-public-blue-soft)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.03em
}
.emwh-public-system .emwh-brand-index-card-scope{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden;margin:0!important;
  border:0!important;border-top:1px solid var(--em-public-border)!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,17,31,.98))!important;box-shadow:none!important
}
.emwh-public-system .emwh-brand-index-card-scope>div{
  min-height:78px!important;padding:15px 18px!important;column-gap:10px!important
}
.emwh-public-system .emwh-brand-index-card-scope>div+div{border-left:1px solid var(--em-public-border)!important}
.emwh-public-system .emwh-brand-index-card-scope span{
  margin-bottom:7px!important;color:#9eb4c4!important;font-size:8px!important;letter-spacing:.09em!important
}
.emwh-public-system .emwh-brand-index-card-scope strong{color:#fff!important;font-size:25px!important;font-weight:850!important}
.emwh-public-system .emwh-brand-index-card-scope small{color:#aebdca!important;font-size:9px!important;font-weight:700!important}
.emwh-public-system .emwh-brand-index-empty{
  padding:28px;border:1px dashed var(--em-public-border);border-radius:24px;background:rgba(15,23,42,.78);color:var(--em-public-muted)
}

/* Footer aligned to the same dark public family. */
.emwh-public-system .emwh-brand-site-footer{background:#050b16!important;border-top:1px solid var(--em-public-border)!important;color:var(--em-public-text)!important}
.emwh-public-system .emwh-brand-site-footer-inner{
  margin:0 auto!important;padding:48px 0 42px!important;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.7fr);gap:72px
}
.emwh-public-system .emwh-brand-site-footer-intro strong{color:#fff!important;font-size:12px!important;letter-spacing:.14em!important}
.emwh-public-system .emwh-brand-site-footer-intro p{color:var(--em-public-muted)!important;font-size:12px!important;line-height:1.7!important}
.emwh-public-system .emwh-brand-site-footer-nav>span{color:var(--em-public-blue-soft)!important;font-size:11px!important}
.emwh-public-system .emwh-brand-site-footer-nav a{color:#b9c5cf!important;font-size:11px!important}
.emwh-public-system .emwh-brand-site-footer-nav a:hover,
.emwh-public-system .emwh-brand-site-footer-nav a:focus-visible{color:#fff!important}
.emwh-public-system .emwh-brand-site-footer-nav a:not(:last-child):after{background:rgba(147,197,253,.18)!important}
.emwh-public-system .emwh-brand-site-footer-meta{background:#020617!important;border-top:1px solid rgba(147,197,253,.12)}
.emwh-public-system .emwh-brand-site-footer-meta>div{
  margin:0 auto!important;min-height:58px!important;color:#8393a1!important;font-size:10px!important
}

@media(max-width:1000px){
  .emwh-public-system .emwh-brand-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .emwh-public-system .emwh-brand-index-grid.is-single{grid-template-columns:minmax(0,560px)!important}
}
@media(max-width:767px){
  .emwh-public-system .emwh-brand-site-header-inner{min-height:68px}
  .emwh-public-system .emwh-brand-public{width:calc(100% - 36px)!important;padding-bottom:48px!important}
  .emwh-public-system .emwh-brand-index-hero{padding:56px 0 48px!important}
  .emwh-public-system .emwh-brand-index-hero h1{margin:14px 0 18px!important;font-size:40px!important;line-height:1.04!important}
  .emwh-public-system .emwh-brand-index-hero>p{font-size:16px!important;line-height:1.62!important}
  .emwh-public-system .emwh-brand-index-projects{padding-top:42px;gap:22px!important}
  .emwh-public-system .emwh-brand-index-section-head h2{font-size:32px!important;line-height:1.08!important}
  .emwh-public-system .emwh-brand-index-grid,
  .emwh-public-system .emwh-brand-index-grid.is-single,
  .emwh-public-system .emwh-brand-index-grid.is-pair{grid-template-columns:1fr!important;gap:16px!important}
  .emwh-public-system .emwh-brand-index-item{border-radius:24px}
  .emwh-public-system .emwh-brand-index-card{aspect-ratio:16/11!important}
  .emwh-public-system .emwh-brand-index-card-body{min-height:130px!important;padding:34px 22px 22px!important}
  .emwh-public-system .emwh-brand-index-card-body>strong{font-size:27px!important}
  .emwh-public-system .emwh-brand-index-card-body>span{font-size:12px!important;white-space:normal!important}
  .emwh-public-system .emwh-brand-index-card-scope>div{min-height:69px!important;padding:12px 13px!important}
  .emwh-public-system .emwh-brand-index-card-scope strong{font-size:22px!important}
  .emwh-public-system .emwh-brand-site-footer-inner{grid-template-columns:1fr!important;gap:28px!important;padding:34px 0 30px!important}
}
@media(max-width:440px){
  .emwh-public-system .emwh-brand-index-card-scope{grid-template-columns:1fr!important}
  .emwh-public-system .emwh-brand-index-card-scope>div+div{border-left:0!important;border-top:1px solid var(--em-public-border)!important}
}
@media(prefers-reduced-motion:reduce){
  .emwh-public-system .emwh-brand-index-item,
  .emwh-public-system .emwh-brand-index-card-media img{transition:none!important}
}