/* EWEW 2026 event-logo placement system — v3.5.0
   Places the approved EWEW identity in the header, hero, About section,
   partners block and footer without changing operational forms or CMS data. */

/* Header: compact EWEW symbol with the existing event title. */
.ewew-header-brand{gap:.72rem!important}
.ewew-header-brand .ewew-header-mark{
  width:48px;
  height:52px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.ewew-header-brand .ewew-header-mark .glyph{
  width:auto!important;
  height:50px!important;
  max-width:48px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.26));
}
.ewew-header-brand b{font-size:1.08rem!important}
.ewew-header-brand span:not(.ewew-header-mark){letter-spacing:.18em!important}

/* Hero: medium event logo beside the event title, matching the approved mockup. */
.hero-title-lockup{
  display:grid;
  grid-template-columns:clamp(118px,10.5vw,154px) minmax(0,1fr);
  align-items:center;
  gap:clamp(18px,2.3vw,32px);
  width:min(100%,1060px);
  margin-top:1.25rem;
}
.hero-title-lockup.without-event-logo{
  display:block;
  width:min(100%,850px);
}
.hero-event-logo-card{
  position:relative;
  width:100%;
  padding:10px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 46px -18px rgba(0,0,0,.68);
  backdrop-filter:blur(12px);
  transform:translateZ(0);
}
.hero-event-logo-card:after{
  content:"";
  position:absolute;
  inset:7px;
  pointer-events:none;
  border:1px solid rgba(15,123,206,.10);
  border-radius:12px;
}
.hero-event-logo-card img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:720/752;
  object-fit:contain;
  border-radius:11px;
}
.hero-title-copy{min-width:0}
.hero-title-copy h1{
  margin:0 0 .2rem!important;
  max-width:15ch!important;
}
.hero-title-copy .theme{margin-top:.65rem!important}

/* About: scenic panel with the event identity and four strategic words. */
.about-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:48px!important}
.about-identity-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.about-event-stage{
  position:relative;
  min-height:286px;
  overflow:hidden;
  border:1px solid rgba(11,27,46,.11);
  border-radius:20px;
  background:var(--rift,#06203D);
  box-shadow:0 22px 54px -28px rgba(4,33,31,.48);
}
.about-event-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.05) contrast(1.02);
  transform:scale(1.015);
}
.about-event-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,26,53,.08),rgba(3,25,51,.42)),
    linear-gradient(90deg,rgba(3,25,51,.18),transparent 60%);
}
.about-event-card{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:minmax(105px,132px) minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:14px 18px 14px 14px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px -22px rgba(0,0,0,.62);
  backdrop-filter:blur(13px);
}
.about-event-card img{
  display:block;
  width:100%;
  max-height:132px;
  object-fit:contain;
}
.about-event-values{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.3rem;
  min-height:104px;
  padding-left:18px;
  border-left:1px solid rgba(11,27,46,.16);
}
.about-event-values span{
  font-family:"IBM Plex Mono",monospace;
  font-size:.70rem;
  line-height:1.25;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--teal,#0F7BCE);
}
.about-event-values span:last-child{
  margin-top:.25rem;
  color:var(--rift,#06203D);
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:.92rem;
  letter-spacing:.04em;
}
.about-identity-column .stats{margin-top:0}

/* Partners: dedicated right-side event-identity column. */
.org-block.has-event-logo{
  grid-template-columns:minmax(190px,.68fr) minmax(360px,1.34fr) minmax(155px,.48fr)!important;
  gap:30px!important;
}
.org-block.has-event-logo .org-lead{padding-right:28px!important}
.org-event-identity{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding-left:28px;
  border-left:1px solid var(--line,rgba(11,27,46,.12));
}
.org-event-logo-card{
  flex:1;
  min-height:150px;
  display:grid;
  place-items:center;
  padding:12px;
  border:1px solid var(--line,rgba(11,27,46,.12));
  border-radius:16px;
  background:linear-gradient(180deg,#fff,var(--mist,#EEF3F8));
}
.org-event-logo-card img{
  display:block;
  width:100%;
  max-width:170px;
  max-height:160px;
  object-fit:contain;
}

/* Footer: medium event logo at bottom left, followed by event details. */
.footer-event-identity{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-width:0;
  color:rgba(255,255,255,.72);
}
.footer-event-logo-card{
  display:grid;
  place-items:center;
  padding:9px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:15px;
  background:rgba(255,255,255,.97);
  box-shadow:0 14px 32px -20px rgba(0,0,0,.8);
}
.footer-event-logo-card img{
  display:block;
  width:100%;
  max-height:112px;
  object-fit:contain;
  border-radius:8px;
}
.footer-event-copy{min-width:0}
.footer-event-copy b{
  display:block;
  margin-bottom:.3rem;
  color:#fff;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:1.02rem;
  line-height:1.25;
}
.footer-event-copy span{display:block;font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.62)}
.foot-top{grid-template-columns:minmax(350px,1.55fr) minmax(210px,1fr) auto!important}

@media(max-width:1100px){
  .org-block.has-event-logo{grid-template-columns:minmax(190px,.68fr) minmax(0,1.32fr)!important}
  .org-event-identity{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(150px,220px) minmax(0,1fr);
    align-items:center;
    gap:22px;
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid var(--line,rgba(11,27,46,.12));
  }
  .org-event-identity .org-label{margin:0}
  .org-event-logo-card{min-height:130px;max-width:220px;justify-self:end;width:100%}
}

@media(max-width:900px){
  .about-grid{grid-template-columns:1fr!important;gap:34px!important}
  .about-identity-column{max-width:700px}
  .about-event-stage{min-height:330px}
  .org-block.has-event-logo{grid-template-columns:1fr!important;gap:26px!important}
  .org-block.has-event-logo .org-lead{
    border-right:0!important;
    border-bottom:1px solid var(--line,rgba(11,27,46,.12));
    padding:0 0 24px!important;
  }
  .org-event-identity{grid-column:auto;grid-template-columns:1fr;padding-top:24px}
  .org-event-logo-card{justify-self:start;max-width:210px}
  .foot-top{grid-template-columns:1fr 1fr!important}
  .footer-event-identity{grid-column:1/-1;max-width:620px}
}

@media(max-width:700px){
  .ewew-header-brand .ewew-header-mark{width:40px;height:46px;flex-basis:40px}
  .ewew-header-brand .ewew-header-mark .glyph{height:44px!important;max-width:40px!important}
  .ewew-header-brand b{font-size:.96rem!important}
  .ewew-header-brand span:not(.ewew-header-mark){font-size:.55rem!important}
  .hero-title-lockup{grid-template-columns:84px minmax(0,1fr);gap:15px;margin-top:1rem}
  .hero-event-logo-card{padding:6px;border-radius:13px}
  .hero-event-logo-card:after{inset:4px;border-radius:9px}
  .hero-title-copy h1{font-size:clamp(2.15rem,10vw,3rem)!important;line-height:.99!important}
  .hero-title-copy .theme{font-size:1rem!important;line-height:1.45!important}
  .about-event-stage{min-height:310px}
  .about-event-card{left:12px;right:12px;bottom:12px;grid-template-columns:102px minmax(0,1fr);gap:12px;padding:11px 13px 11px 10px}
  .about-event-values{padding-left:12px}
  .about-event-values span{font-size:.62rem}
  .about-event-values span:last-child{font-size:.80rem}
  .footer-event-identity{grid-template-columns:100px minmax(0,1fr)}
}

@media(max-width:520px){
  .hero-title-lockup{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .hero-title-copy h1{font-size:2.12rem!important}
  .hero-event-logo-card{padding:5px}
  .about-event-stage{min-height:300px}
  .about-event-card{grid-template-columns:88px minmax(0,1fr)}
  .about-event-values{min-height:86px}
  .about-event-values span{letter-spacing:.07em}
  .foot-top{grid-template-columns:1fr!important}
  .footer-event-identity{grid-template-columns:94px minmax(0,1fr)}
  .footer-event-copy b{font-size:.96rem}
  .footer-event-copy span{font-size:.76rem}
}

@media(prefers-reduced-motion:reduce){
  .about-event-backdrop{transform:none}
}