:root{
  --iom-black:#05070a;
  --iom-navy:#09111c;
  --iom-navy2:#0d1725;
  --iom-white:#fff;
  --iom-off:#f7f5f1;
  --iom-red:#e11b22;
  --iom-red2:#aa0c12;
  --iom-tan:#caa66f;
  --iom-tan2:#ead9bd;
  --iom-ink:#111827;
  --iom-muted:#667085;
  --iom-max:1240px
}
.iomtpl *{box-sizing:border-box}
.iomtpl{overflow:hidden;background:var(--iom-off);color:var(--iom-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.iomtpl button,.iomtpl a{font:inherit}.iomtpl a{text-decoration:none;color:inherit}.iomtpl button{cursor:pointer}
.iomtpl-wrap{width:min(var(--iom-max),calc(100% - 36px));margin:auto}

/* HEADER */
.iomtpl-header{position:sticky;top:0;z-index:60;background:rgba(4,6,9,.97);border-bottom:1px solid rgba(225,27,34,.35);backdrop-filter:blur(18px);box-shadow:0 12px 38px rgba(0,0,0,.24)}
.iomtpl-header-row{height:86px;display:flex;align-items:center;gap:26px}.iomtpl-logo{display:flex;align-items:center;min-width:220px}.iomtpl-logo img{width:150px;max-height:62px;object-fit:contain;object-position:left center}
.iomtpl-nav{margin-left:auto;display:flex;align-items:stretch;height:100%}.iomtpl-nav-link,.iomtpl-hub-trigger{color:#fff;border:0;background:none;padding:0 17px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.05em;position:relative}
.iomtpl-nav-link:after{content:"";position:absolute;left:25%;right:25%;bottom:17px;height:2px;background:var(--iom-red);transform:scaleX(0);transition:.22s}.iomtpl-nav-link:hover:after{transform:scaleX(1)}
.iomtpl-hub-trigger{margin:8px 5px;min-width:132px;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);background:linear-gradient(180deg,rgba(225,27,34,.17),rgba(225,27,34,.04));box-shadow:inset 0 0 0 1px rgba(225,27,34,.95),0 0 26px rgba(225,27,34,.32)}
.iomtpl-hub-trigger:hover,.iomtpl-hub-trigger[aria-expanded="true"]{background:linear-gradient(180deg,rgba(225,27,34,.28),rgba(225,27,34,.08));filter:drop-shadow(0 0 9px rgba(225,27,34,.5))}
.iomtpl-give-top{margin-left:14px;background:linear-gradient(#ef252c,#c80f16);color:#fff;border:0;border-radius:7px;padding:14px 20px;font-weight:800;text-transform:uppercase;box-shadow:0 10px 30px rgba(225,27,34,.28)}
.iomtpl-mobile-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:10px 12px;font-size:20px}

/* LUXURY HUB */
.iomtpl-hub-overlay{position:fixed;inset:86px 0 0;z-index:50;background:rgba(1,3,6,.62);backdrop-filter:blur(6px);display:none}.iomtpl-hub-overlay.open{display:block}
.iomtpl-hub{width:min(940px,calc(100% - 36px));margin:14px auto 0;position:relative;min-height:530px;background:radial-gradient(circle at 50% 48%,rgba(225,27,34,.19),transparent 23%),linear-gradient(145deg,rgba(9,13,20,.995),rgba(2,4,7,.995));border:1px solid rgba(225,27,34,.72);border-radius:30px;box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 48px rgba(225,27,34,.22);overflow:hidden}
.iomtpl-hub:before,.iomtpl-hub:after{content:"";position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.iomtpl-hub:before{width:330px;height:330px;border:1px solid rgba(225,27,34,.20);box-shadow:0 0 0 38px rgba(225,27,34,.025),0 0 0 78px rgba(202,166,111,.018)}.iomtpl-hub:after{width:220px;height:220px;border:1px solid rgba(255,255,255,.60);box-shadow:0 0 0 9px rgba(225,27,34,.12),0 0 0 10px rgba(225,27,34,.92),0 0 45px rgba(225,27,34,.5)}
.iomtpl-hub-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:205px;text-align:center;color:white}.iomtpl-hub-center img{width:122px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}.iomtpl-hub-center strong{display:block;margin-top:8px;font-size:15px;letter-spacing:.03em}.iomtpl-hub-center span{display:block;color:rgba(255,255,255,.7);font-size:11px;line-height:1.5;margin-top:5px}
.iomtpl-hub-grid{position:relative;z-index:4;min-height:530px;padding:24px;display:grid;grid-template-columns:1fr 250px 1fr;grid-template-rows:1fr 1fr;gap:14px}.iomtpl-hub-card{color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:.22s}.iomtpl-hub-card:hover{transform:translateY(-4px);border-color:rgba(225,27,34,.85);background:linear-gradient(145deg,rgba(225,27,34,.14),rgba(255,255,255,.02));box-shadow:0 12px 35px rgba(225,27,34,.12)}
.iomtpl-hub-card:nth-child(1){grid-column:1;grid-row:1}.iomtpl-hub-card:nth-child(2){grid-column:3;grid-row:1}.iomtpl-hub-card:nth-child(3){grid-column:1;grid-row:2}.iomtpl-hub-card:nth-child(4){grid-column:3;grid-row:2}
.iomtpl-hub-head{display:flex;gap:13px;align-items:center}.iomtpl-hub-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--iom-red);color:#fff;font-size:22px;box-shadow:0 0 22px rgba(225,27,34,.22)}.iomtpl-hub-card h3{margin:0;font-size:18px;text-transform:uppercase}.iomtpl-hub-card p{margin:5px 0 0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.5}.iomtpl-hub-links{display:grid;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);font-size:12px}
.iomtpl-hub-close{position:absolute;z-index:6;bottom:0;left:50%;transform:translateX(-50%);border:0;background:var(--iom-tan2);color:#151515;padding:11px 30px;font-weight:800;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}

/* HERO */
.iomtpl-hero{position:relative;min-height:525px;color:#fff;background:radial-gradient(circle at 83% 31%,rgba(225,27,34,.32),transparent 26%),linear-gradient(90deg,rgba(2,5,9,.98),rgba(6,10,16,.85) 56%,rgba(6,8,12,.74));background-size:cover;background-position:center}.iomtpl-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black,transparent)}
.iomtpl-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;min-height:525px;align-items:center;gap:24px}.iomtpl-eyebrow{font-size:13px;color:#ff343b;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.iomtpl-hero h1{margin:14px 0 12px;font-size:56px;line-height:.98;letter-spacing:-1.7px;text-transform:uppercase;max-width:650px}.iomtpl-meta{display:flex;flex-wrap:wrap;gap:14px;color:#fff;font-size:15px}.iomtpl-hero-copy p{max-width:535px;color:rgba(255,255,255,.79);font-size:18px;line-height:1.62}.iomtpl-hero-actions{display:flex;gap:12px;margin-top:25px}.iomtpl-btn{border:0;border-radius:6px;padding:14px 20px;font-weight:800;text-transform:uppercase;font-size:13px}.iomtpl-btn-red{background:var(--iom-red);color:#fff}.iomtpl-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.48)}.iomtpl-dots{display:flex;gap:9px;margin-top:30px}.iomtpl-dot{width:11px;height:11px;border-radius:50%;border:0;background:#fff}.iomtpl-dot.active{background:var(--iom-red)}
.iomtpl-hero-art{height:420px;position:relative}.iomtpl-hero-art:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:8%;top:8%;border:1px solid rgba(225,27,34,.55);box-shadow:0 0 0 24px rgba(225,27,34,.03),0 0 80px rgba(225,27,34,.2)}.iomtpl-hero-art-card{position:absolute;right:0;bottom:38px;width:80%;padding:26px;border:1px solid rgba(202,166,111,.34);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));backdrop-filter:blur(10px)}.iomtpl-hero-art-card strong{display:block;font-size:28px}.iomtpl-hero-art-card span{display:block;color:rgba(255,255,255,.66);margin-top:7px;line-height:1.5}

/* PILLARS */
.iomtpl-pillars{position:relative;z-index:7;margin-top:-46px}.iomtpl-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.iomtpl-pillar{min-height:198px;border-radius:20px;overflow:hidden;position:relative;display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:24px;box-shadow:0 22px 58px rgba(0,0,0,.18);transition:.25s;border:0;text-align:left}.iomtpl-pillar:hover{transform:translateY(-7px);box-shadow:0 30px 78px rgba(0,0,0,.24)}.iomtpl-pillar.give{color:#fff;background:linear-gradient(115deg,#9f0a10,#e11b22 66%,#8d070c)}.iomtpl-pillar.volunteer{color:#fff;background:linear-gradient(115deg,#030508,#121923 70%,#06080b);border:1px solid rgba(202,166,111,.45)}.iomtpl-pillar.help{background:linear-gradient(115deg,#fff,#faf6ef 72%,#ead8bc);border:1px solid rgba(202,166,111,.55)}
.iomtpl-pillar-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;font-size:31px;box-shadow:0 0 0 7px rgba(255,255,255,.05),0 0 28px rgba(225,27,34,.28)}.iomtpl-pillar.help .iomtpl-pillar-icon{background:var(--iom-red);color:#fff;border-color:var(--iom-red)}.iomtpl-pillar h2{margin:0;text-transform:uppercase;font-size:24px;letter-spacing:-.4px}.iomtpl-pillar p{margin:7px 0 0;line-height:1.55;font-size:14px;opacity:.82}.iomtpl-pillar-action{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:20px}.iomtpl-help .iomtpl-pillar-action{background:var(--iom-red);color:#fff}

/* STATS / LOCATIONS */
.iomtpl-stats{margin-top:14px;background:linear-gradient(90deg,#04070b,#0b121b,#04070b);color:#fff;border-top:1px solid rgba(225,27,34,.35);border-bottom:1px solid rgba(225,27,34,.25)}.iomtpl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.iomtpl-stat{padding:22px 28px;display:flex;align-items:center;gap:16px;border-right:1px solid rgba(255,255,255,.12)}.iomtpl-stat:last-child{border-right:0}.iomtpl-stat-ico{font-size:30px;color:var(--iom-red)}.iomtpl-stat strong{font-size:29px;display:block}.iomtpl-stat span{font-size:12px;color:rgba(255,255,255,.68)}
.iomtpl-locations{padding:34px 0 48px;background:#f7f6f3}.iomtpl-location-box{background:#fff;border-radius:17px;box-shadow:0 14px 38px rgba(16,24,40,.07);display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.5fr;overflow:hidden}.iomtpl-loc{padding:25px;border-right:1px solid #e7e7e7}.iomtpl-loc:last-child{border:0}.iomtpl-loc h2,.iomtpl-loc h3{margin-top:0}.iomtpl-loc h2{font-size:24px;text-transform:uppercase;line-height:1.05}.iomtpl-loc h3{font-size:15px;text-transform:uppercase}.iomtpl-loc p{font-size:13px;line-height:1.6;color:#3f4752}.iomtpl-contact-line{display:flex;gap:9px;margin:10px 0;font-size:13px}.iomtpl-map{min-height:205px;position:relative;background:linear-gradient(135deg,#eee9df,#fbfaf7);overflow:hidden}.iomtpl-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(25deg,transparent 46%,rgba(99,111,123,.18) 47%,rgba(99,111,123,.18) 49%,transparent 50%),linear-gradient(155deg,transparent 45%,rgba(99,111,123,.14) 46%,rgba(99,111,123,.14) 48%,transparent 49%);background-size:80px 80px}.iomtpl-pin{position:absolute;width:42px;height:42px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;color:#fff;font-weight:900}.iomtpl-pin span{transform:rotate(45deg)}.iomtpl-pin.one{left:28%;top:34%;background:#111}.iomtpl-pin.two{right:24%;top:44%;background:var(--iom-red)}
.iomtpl-footer{background:#030507;color:#fff;border-top:2px solid var(--iom-red);padding:18px 0;font-size:12px}.iomtpl-footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center;color:rgba(255,255,255,.65)}

/* MODAL */
.iomtpl-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,3,6,.72);backdrop-filter:blur(6px)}.iomtpl-modal.open{display:flex}.iomtpl-modal-card{width:min(560px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 40px 100px rgba(0,0,0,.45)}.iomtpl-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.iomtpl-modal-top h2{margin:0;text-transform:uppercase}.iomtpl-modal-close{border:1px solid #ddd;background:#fff;border-radius:50%;width:38px;height:38px}.iomtpl-choice{display:block;width:100%;text-align:left;border:1px solid #e4e4e4;background:#fff;border-radius:14px;padding:16px;margin-top:10px;transition:.2s}.iomtpl-choice:hover{border-color:var(--iom-red);transform:translateX(3px)}.iomtpl-choice strong{display:block}.iomtpl-choice span{font-size:13px;color:#667085}

.iomtpl-mobile-menu{display:none}
@media(max-width:980px){
 .iomtpl-nav,.iomtpl-give-top{display:none}.iomtpl-mobile-toggle{display:block}.iomtpl-header-row{height:72px}.iomtpl-hub-overlay{display:none!important}
 .iomtpl-hero-grid{grid-template-columns:1fr}.iomtpl-hero{min-height:620px}.iomtpl-hero-art{display:none}.iomtpl-hero h1{font-size:46px}
 .iomtpl-pillars{margin-top:-18px}.iomtpl-pillar-grid{grid-template-columns:1fr}.iomtpl-pillar{min-height:155px}
 .iomtpl-stats-grid{grid-template-columns:1fr 1fr}.iomtpl-stat:nth-child(2){border-right:0}.iomtpl-stat{border-bottom:1px solid rgba(255,255,255,.1)}
 .iomtpl-location-box{grid-template-columns:1fr 1fr}.iomtpl-map{grid-column:1/-1}
 .iomtpl-mobile-menu.open{display:block;position:fixed;z-index:70;inset:72px 0 0;background:#05080d;color:#fff;padding:20px}.iomtpl-mobile-menu a,.iomtpl-mobile-menu button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:17px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:#fff;text-transform:uppercase;font-weight:750}
}
@media(max-width:620px){
 .iomtpl-wrap{width:min(100% - 24px,var(--iom-max))}.iomtpl-logo img{width:126px}.iomtpl-hero{min-height:575px}.iomtpl-hero-grid{min-height:575px}.iomtpl-hero h1{font-size:39px}.iomtpl-hero-copy p{font-size:16px}.iomtpl-hero-actions{flex-direction:column;align-items:flex-start}
 .iomtpl-pillar{grid-template-columns:56px 1fr auto;padding:19px}.iomtpl-pillar-icon{width:54px;height:54px;font-size:24px}.iomtpl-pillar h2{font-size:19px}
 .iomtpl-stats-grid{grid-template-columns:1fr}.iomtpl-stat{border-right:0}.iomtpl-location-box{grid-template-columns:1fr}.iomtpl-map{grid-column:auto}.iomtpl-footer-row{flex-direction:column;align-items:flex-start}
}


/* =========================================================
   v1.1 HARD THEME OVERRIDE — APPROVED PROPORTIONS / COLORS
   This layer intentionally uses stronger specificity so the
   host WordPress theme cannot recolor or resize the template.
   ========================================================= */

html body .iomtpl,
html body .iomtpl * {
  box-sizing: border-box !important;
}

html body .iomtpl {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f7f5f1 !important;
  color: #111827 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

html body .iomtpl a,
html body .iomtpl button,
html body .iomtpl p,
html body .iomtpl span,
html body .iomtpl h1,
html body .iomtpl h2,
html body .iomtpl h3,
html body .iomtpl strong {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

html body .iomtpl a {
  text-decoration: none !important;
}

html body .iomtpl button {
  min-width: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  text-transform: none;
}

/* Header: compact, national-quality proportions */
html body .iomtpl .iomtpl-header {
  background: #05070a !important;
  color: #ffffff !important;
  height: auto !important;
  min-height: 0 !important;
}

html body .iomtpl .iomtpl-header-row {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 0 !important;
  gap: 18px !important;
}

html body .iomtpl .iomtpl-logo {
  min-width: 190px !important;
  max-width: 210px !important;
  height: 62px !important;
}

html body .iomtpl .iomtpl-logo img {
  width: 175px !important;
  height: 58px !important;
  max-width: 175px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

html body .iomtpl .iomtpl-nav {
  height: 76px !important;
  min-height: 76px !important;
  align-items: stretch !important;
  gap: 0 !important;
}

html body .iomtpl .iomtpl-nav-link,
html body .iomtpl .iomtpl-hub-trigger {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: .035em !important;
  white-space: nowrap !important;
  padding: 0 14px !important;
  margin: 0 !important;
  height: 76px !important;
  min-height: 76px !important;
  opacity: 1 !important;
}

html body .iomtpl .iomtpl-hub-trigger {
  min-width: 126px !important;
  max-width: 150px !important;
  margin: 0 4px !important;
  padding: 0 24px !important;
  background: linear-gradient(180deg,rgba(225,27,34,.20),rgba(225,27,34,.055)) !important;
  color: #ffffff !important;
}

html body .iomtpl .iomtpl-give-top {
  width: auto !important;
  min-width: 132px !important;
  max-width: 150px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 0 0 10px !important;
  padding: 0 18px !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  background: linear-gradient(180deg,#ef252c,#c80f16) !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-shadow: 0 7px 22px rgba(225,27,34,.28) !important;
}

/* Hero: approved contrast and scale */
html body .iomtpl .iomtpl-hero {
  min-height: 475px !important;
  height: 475px !important;
  color: #ffffff !important;
  background-color: #080c12 !important;
}

html body .iomtpl .iomtpl-hero-grid {
  min-height: 475px !important;
  height: 475px !important;
  grid-template-columns: 1.06fr .94fr !important;
  gap: 34px !important;
}

html body .iomtpl .iomtpl-hero h1,
html body .iomtpl .iomtpl-hero h1 *,
html body .iomtpl .iomtpl-hero-copy h1 {
  color: #ffffff !important;
  font-size: clamp(42px,4.1vw,62px) !important;
  font-weight: 850 !important;
  line-height: .98 !important;
  letter-spacing: -1.8px !important;
  margin: 12px 0 14px !important;
  max-width: 680px !important;
}

html body .iomtpl .iomtpl-eyebrow,
html body .iomtpl .iomtpl-hero .iomtpl-eyebrow {
  color: #ff3038 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

html body .iomtpl .iomtpl-meta,
html body .iomtpl .iomtpl-meta span {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

html body .iomtpl .iomtpl-hero-copy p {
  color: rgba(255,255,255,.82) !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
  margin: 14px 0 !important;
}

html body .iomtpl .iomtpl-btn {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .iomtpl .iomtpl-btn-red {
  color: #ffffff !important;
  background: #e11b22 !important;
  border: 1px solid #e11b22 !important;
}

html body .iomtpl .iomtpl-btn-outline {
  color: #ffffff !important;
  background: rgba(3,6,10,.2) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
}

html body .iomtpl .iomtpl-hero-art {
  height: 360px !important;
}

html body .iomtpl .iomtpl-hero-art-card {
  width: 72% !important;
  max-width: 430px !important;
  right: 0 !important;
  bottom: 28px !important;
  padding: 22px 24px !important;
  background: rgba(11,16,24,.72) !important;
  border: 1px solid rgba(202,166,111,.48) !important;
}

html body .iomtpl .iomtpl-hero-art-card strong {
  color: #ffffff !important;
  font-size: 25px !important;
}

html body .iomtpl .iomtpl-hero-art-card span {
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Three permanent pillars */
html body .iomtpl .iomtpl-pillars {
  margin-top: -28px !important;
}

html body .iomtpl .iomtpl-pillar-grid {
  gap: 16px !important;
}

html body .iomtpl .iomtpl-pillar {
  min-height: 174px !important;
  height: 174px !important;
  padding: 22px 24px !important;
  grid-template-columns: 62px 1fr 40px !important;
  gap: 18px !important;
  border-radius: 18px !important;
}

html body .iomtpl .iomtpl-pillar.give {
  color: #ffffff !important;
  background: linear-gradient(115deg,#a40910,#e11b22 65%,#9a0b11) !important;
}

html body .iomtpl .iomtpl-pillar.volunteer {
  color: #ffffff !important;
  background: linear-gradient(115deg,#05080c,#101720 72%,#05070a) !important;
}

html body .iomtpl .iomtpl-pillar.help {
  color: #111827 !important;
  background: linear-gradient(115deg,#ffffff,#fbf7f0 72%,#ead7b8) !important;
}

html body .iomtpl .iomtpl-pillar h2 {
  color: inherit !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
}

html body .iomtpl .iomtpl-pillar p {
  color: inherit !important;
  opacity: .82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body .iomtpl .iomtpl-pillar-icon {
  width: 62px !important;
  height: 62px !important;
  font-size: 27px !important;
}

html body .iomtpl .iomtpl-pillar-action {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

/* Stats */
html body .iomtpl .iomtpl-stats {
  background: #05090f !important;
  color: #ffffff !important;
}

html body .iomtpl .iomtpl-stat {
  min-height: 112px !important;
  padding: 20px 26px !important;
}

html body .iomtpl .iomtpl-stat strong {
  color: #ffffff !important;
  font-size: 29px !important;
  line-height: 1 !important;
}

html body .iomtpl .iomtpl-stat span {
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
}

/* Locations: lighter, cleaner and shorter */
html body .iomtpl .iomtpl-locations {
  background: #f7f5f1 !important;
  padding: 30px 0 42px !important;
}

html body .iomtpl .iomtpl-location-box {
  color: #111827 !important;
  background: #ffffff !important;
  grid-template-columns: .95fr 1.15fr 1.15fr 1.5fr !important;
}

html body .iomtpl .iomtpl-loc {
  padding: 24px !important;
  color: #111827 !important;
}

html body .iomtpl .iomtpl-loc h2,
html body .iomtpl .iomtpl-loc h3,
html body .iomtpl .iomtpl-loc p,
html body .iomtpl .iomtpl-contact-line,
html body .iomtpl .iomtpl-contact-line span {
  color: #111827 !important;
}

html body .iomtpl .iomtpl-loc h2 {
  font-size: 23px !important;
  line-height: 1.04 !important;
}

html body .iomtpl .iomtpl-loc h3 {
  font-size: 14px !important;
}

html body .iomtpl .iomtpl-contact-line {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Mega menu: reduce overall size to match approved graphic */
html body .iomtpl .iomtpl-hub-overlay {
  top: 76px !important;
}

html body .iomtpl .iomtpl-hub {
  width: min(880px,calc(100% - 50px)) !important;
  min-height: 455px !important;
  max-height: calc(100vh - 105px) !important;
  margin-top: 10px !important;
  border-radius: 24px !important;
}

html body .iomtpl .iomtpl-hub-grid {
  min-height: 455px !important;
  grid-template-columns: 1fr 225px 1fr !important;
  padding: 18px !important;
  gap: 10px !important;
}

html body .iomtpl .iomtpl-hub:before {
  width: 280px !important;
  height: 280px !important;
}

html body .iomtpl .iomtpl-hub:after {
  width: 184px !important;
  height: 184px !important;
}

html body .iomtpl .iomtpl-hub-center {
  width: 170px !important;
}

html body .iomtpl .iomtpl-hub-center img {
  width: 98px !important;
  max-height: 78px !important;
  filter: brightness(0) invert(1) !important;
}

html body .iomtpl .iomtpl-hub-center strong {
  color: #ffffff !important;
  font-size: 13px !important;
}

html body .iomtpl .iomtpl-hub-center span {
  color: rgba(255,255,255,.72) !important;
  font-size: 10px !important;
}

html body .iomtpl .iomtpl-hub-card {
  min-height: 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

html body .iomtpl .iomtpl-hub-card h3 {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
}

html body .iomtpl .iomtpl-hub-card p,
html body .iomtpl .iomtpl-hub-links a {
  color: rgba(255,255,255,.78) !important;
}

html body .iomtpl .iomtpl-hub-card p {
  font-size: 11px !important;
}

html body .iomtpl .iomtpl-hub-links {
  gap: 6px !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  font-size: 11px !important;
}

html body .iomtpl .iomtpl-hub-icon {
  width: 43px !important;
  height: 43px !important;
  font-size: 19px !important;
}

html body .iomtpl .iomtpl-hub-close {
  color: #161616 !important;
  background: #ead9bd !important;
  padding: 9px 26px !important;
  font-size: 12px !important;
}

/* Footer */
html body .iomtpl .iomtpl-footer,
html body .iomtpl .iomtpl-footer * {
  color: rgba(255,255,255,.75) !important;
}

/* WP admin bar offset */
body.admin-bar .iomtpl .iomtpl-header {
  top: 32px !important;
}
body.admin-bar .iomtpl .iomtpl-hub-overlay {
  top: 108px !important;
}

/* Breakpoints */
@media (max-width: 1100px) {
  html body .iomtpl .iomtpl-nav-link { padding-left: 9px !important; padding-right: 9px !important; }
  html body .iomtpl .iomtpl-hub-trigger { min-width: 118px !important; padding-left: 18px !important; padding-right: 18px !important; }
  html body .iomtpl .iomtpl-logo { min-width: 165px !important; }
  html body .iomtpl .iomtpl-logo img { width: 155px !important; }
}

@media (max-width: 980px) {
  body.admin-bar .iomtpl .iomtpl-header { top: 32px !important; }
  html body .iomtpl .iomtpl-header-row { height: 68px !important; min-height: 68px !important; max-height: 68px !important; }
  html body .iomtpl .iomtpl-hero { height: auto !important; min-height: 560px !important; }
  html body .iomtpl .iomtpl-hero-grid { height: auto !important; min-height: 560px !important; }
  html body .iomtpl .iomtpl-pillar { height: auto !important; min-height: 140px !important; }
}

@media (max-width: 782px) {
  body.admin-bar .iomtpl .iomtpl-header { top: 46px !important; }
}


/* ===== v1.2 PREMIUM INTERACTION UPGRADE ===== */
html body .iomtpl .iomtpl-hub-center-icon{margin:0 auto 10px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px;border:1px solid #e11b22;background:radial-gradient(circle,rgba(225,27,34,.22),rgba(7,10,15,.98) 68%);box-shadow:0 0 25px rgba(225,27,34,.42)}
html body .iomtpl .iomtpl-hub-center-mini{display:grid;gap:4px;margin-top:10px}
html body .iomtpl .iomtpl-hub-center-mini span{display:block;color:rgba(255,255,255,.66)!important;font-size:9px!important}
html body .iomtpl .iomtpl-hub-card.is-active{border-color:#e11b22!important;background:linear-gradient(145deg,rgba(225,27,34,.17),rgba(255,255,255,.025))!important;box-shadow:inset 0 0 25px rgba(225,27,34,.05),0 0 30px rgba(225,27,34,.18)!important}
html body .iomtpl .iomtpl-hub-card.is-active .iomtpl-hub-icon{background:#e11b22!important;box-shadow:0 0 34px rgba(225,27,34,.48)!important}

/* Premium pillar popups */
html body .iomtpl .iomtpl-modal{background:rgba(0,2,5,.80)!important;backdrop-filter:blur(12px)!important}
html body .iomtpl .iomtpl-modal-card{position:relative;overflow:hidden;width:min(690px,100%)!important;color:#fff!important;background:radial-gradient(circle at 12% 0%,rgba(225,27,34,.22),transparent 30%),radial-gradient(circle at 92% 100%,rgba(202,166,111,.11),transparent 28%),linear-gradient(145deg,#0c121b,#030609 72%)!important;border:1px solid rgba(225,27,34,.58)!important;border-radius:28px!important;padding:30px!important;box-shadow:0 45px 130px rgba(0,0,0,.68),0 0 45px rgba(225,27,34,.18)!important}
html body .iomtpl .iomtpl-modal-orbit{position:absolute;right:-90px;top:-110px;width:290px;height:290px;border-radius:50%;border:1px solid rgba(225,27,34,.28);box-shadow:0 0 0 28px rgba(225,27,34,.025),0 0 0 60px rgba(202,166,111,.018);pointer-events:none}
html body .iomtpl .iomtpl-modal-top{position:relative;z-index:2}
html body .iomtpl .iomtpl-modal-top h2{color:#fff!important;font-size:30px!important;line-height:1.08!important;max-width:520px!important}
html body .iomtpl .iomtpl-modal-close{position:relative;z-index:3;width:42px!important;height:42px!important;color:#fff!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.18)!important}
html body .iomtpl .iomtpl-modal-close:hover{border-color:#e11b22!important;background:rgba(225,27,34,.14)!important}
html body .iomtpl .iomtpl-choice{position:relative;z-index:2;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;padding:18px 52px 18px 20px!important;margin-top:12px!important}
html body .iomtpl .iomtpl-choice:after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#e11b22;font-size:20px}
html body .iomtpl .iomtpl-choice:hover{transform:translateX(5px)!important;border-color:#e11b22!important;background:linear-gradient(135deg,rgba(225,27,34,.16),rgba(255,255,255,.025))!important;box-shadow:0 0 26px rgba(225,27,34,.12)!important}
html body .iomtpl .iomtpl-choice strong{color:#fff!important;font-size:17px!important}
html body .iomtpl .iomtpl-choice span{display:block;color:rgba(255,255,255,.62)!important;margin-top:5px;font-size:12px!important}

/* Scalable locations */
html body .iomtpl .iomtpl-locations{padding:44px 0 52px!important;background:#f7f5f1!important}
html body .iomtpl .iomtpl-location-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
html body .iomtpl .iomtpl-location-head h2{margin:7px 0 4px!important;font-size:32px!important;line-height:1!important;text-transform:uppercase}
html body .iomtpl .iomtpl-location-head p{margin:0;max-width:600px;color:#5b6470!important;font-size:13px!important}
html body .iomtpl .iomtpl-locations-all{border:1px solid #caa66f!important;border-radius:8px!important;background:#fff!important;color:#111827!important;padding:11px 17px!important;font-size:12px!important;font-weight:800!important}
html body .iomtpl .iomtpl-location-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
html body .iomtpl .iomtpl-location-card{position:relative;min-height:220px;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:18px;padding:23px;box-shadow:0 12px 35px rgba(16,24,40,.055);transition:.2s}
html body .iomtpl .iomtpl-location-card:hover{transform:translateY(-4px);border-color:rgba(202,166,111,.8);box-shadow:0 18px 45px rgba(16,24,40,.10)}
html body .iomtpl .iomtpl-location-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e11b22;color:#fff!important;font-weight:850;font-size:12px;margin-bottom:14px}
html body .iomtpl .iomtpl-location-card h3{margin:0 0 14px!important;font-size:16px!important;color:#111827!important;text-transform:uppercase}
html body .iomtpl .iomtpl-location-link{display:inline-block;margin-top:10px;color:#c3161c!important;font-size:12px!important;font-weight:800!important}

/* All locations browser */
html body .iomtpl .iomtpl-locations-modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,3,6,.76);backdrop-filter:blur(10px)}
html body .iomtpl .iomtpl-locations-modal.open{display:flex}
html body .iomtpl .iomtpl-locations-modal-card{width:min(850px,100%);max-height:82vh;overflow:auto;border-radius:26px;padding:28px;background:linear-gradient(145deg,#0b1119,#030507);color:#fff;border:1px solid rgba(202,166,111,.52);box-shadow:0 45px 130px rgba(0,0,0,.7),0 0 34px rgba(202,166,111,.09)}
html body .iomtpl .iomtpl-locations-modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
html body .iomtpl .iomtpl-locations-modal-head h2{margin:3px 0 0!important;color:#fff!important;font-size:30px!important}
html body .iomtpl .iomtpl-locations-modal-head button{width:42px;height:42px;border-radius:50%;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}
html body .iomtpl .iomtpl-locations-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
html body .iomtpl .iomtpl-locations-list article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);border-radius:15px}
html body .iomtpl .iomtpl-locations-list h3{color:#fff!important;margin:0 0 5px!important;font-size:15px!important}
html body .iomtpl .iomtpl-locations-list p{color:rgba(255,255,255,.64)!important;margin:3px 0!important;font-size:12px!important}
html body .iomtpl .iomtpl-locations-list a{color:#ead9bd!important;font-size:12px!important;font-weight:750!important}
@media(max-width:900px){html body .iomtpl .iomtpl-location-cards{grid-template-columns:1fr 1fr}html body .iomtpl .iomtpl-location-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){html body .iomtpl .iomtpl-location-cards,html body .iomtpl .iomtpl-locations-list{grid-template-columns:1fr}html body .iomtpl .iomtpl-modal-card{padding:22px!important}html body .iomtpl .iomtpl-modal-top h2{font-size:24px!important}}


/* ===== CORPORATE COMMUNITY IMPACT PARTNERS ===== */
html body .iomtpl .iomtpl-partners {
  background:#ffffff!important;
  padding:48px 0 46px!important;
  border-top:1px solid rgba(16,24,40,.06)!important;
}
html body .iomtpl .iomtpl-partners-head {
  text-align:center;
  max-width:760px;
  margin:0 auto 26px;
}
html body .iomtpl .iomtpl-partners-head h2 {
  margin:7px 0 8px!important;
  color:#111827!important;
  text-transform:uppercase;
  font-size:30px!important;
  line-height:1.05!important;
}
html body .iomtpl .iomtpl-partners-head p {
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-partner-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  align-items:stretch;
}
html body .iomtpl .iomtpl-partner {
  min-height:115px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border-radius:15px;
  background:#faf9f7!important;
  border:1px solid rgba(16,24,40,.07)!important;
  transition:.2s ease;
}
html body .iomtpl .iomtpl-partner:hover {
  transform:translateY(-4px);
  border-color:rgba(202,166,111,.78)!important;
  box-shadow:0 14px 36px rgba(16,24,40,.09)!important;
}
html body .iomtpl .iomtpl-partner img {
  width:100%!important;
  max-width:145px!important;
  max-height:70px!important;
  object-fit:contain!important;
  filter:none!important;
}
html body .iomtpl .iomtpl-partner span {
  color:#111827!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:center;
}
html body .iomtpl .iomtpl-partner-placeholder {
  border:1px dashed rgba(202,166,111,.8);
  background:#fbf7f0!important;
  border-radius:14px;
  padding:24px;
  text-align:center;
  color:#667085!important;
  font-size:13px!important;
}
@media(max-width:1050px){
  html body .iomtpl .iomtpl-partner-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:720px){
  html body .iomtpl .iomtpl-partner-grid{grid-template-columns:repeat(2,1fr)}
  html body .iomtpl .iomtpl-partners-head h2{font-size:25px!important}
}


/* ===== v1.4 NONSTOP PARTNER CAROUSEL + EVENT MEDIA ===== */
html body .iomtpl .iomtpl-partner-carousel{
  width:100%;
  overflow:hidden;
  position:relative;
  padding:6px 0 10px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
html body .iomtpl .iomtpl-partner-track{
  display:flex!important;
  width:max-content!important;
  gap:14px!important;
  align-items:center!important;
  animation:iomPartnerScroll 34s linear infinite!important;
  will-change:transform;
}
html body .iomtpl .iomtpl-partner-carousel:hover .iomtpl-partner-track{
  animation-play-state:paused!important;
}
html body .iomtpl .iomtpl-partner-carousel .iomtpl-partner{
  flex:0 0 190px!important;
  width:190px!important;
  min-height:105px!important;
  background:#fff!important;
  border:1px solid rgba(16,24,40,.08)!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(16,24,40,.045)!important;
}
html body .iomtpl .iomtpl-partner-carousel .iomtpl-partner img{
  max-width:150px!important;
  max-height:64px!important;
}
@keyframes iomPartnerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 7px))}
}
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-partner-track{animation:none!important;flex-wrap:wrap!important;width:100%!important;justify-content:center!important}
}

/* Real event photo/video layer */
html body .iomtpl .iomtpl-hero{
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
  display:none;
}
html body .iomtpl .iomtpl-hero.has-video .iomtpl-hero-video{
  display:block!important;
}
html body .iomtpl .iomtpl-hero.has-video:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,5,9,.96),rgba(6,10,16,.80) 56%,rgba(6,8,12,.48));
}
html body .iomtpl .iomtpl-hero.has-image:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,5,9,.96),rgba(6,10,16,.80) 56%,rgba(6,8,12,.46));
}
html body .iomtpl .iomtpl-hero-grid{
  position:relative!important;
  z-index:2!important;
}


/* ===== v1.5 IMPACT STRIP / MAP / HERO DOT REFINEMENTS ===== */

/* Three impact metrics only */
html body .iomtpl .iomtpl-stats-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
html body .iomtpl .iomtpl-stat:nth-child(3){
  border-right:0!important;
}

/* Smaller hero slide indicators */
html body .iomtpl .iomtpl-dots{
  gap:7px!important;
  margin-top:22px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-dot{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  max-width:7px!important;
  max-height:7px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.70)!important;
  border:0!important;
  box-shadow:none!important;
}
html body .iomtpl .iomtpl-dot.active{
  width:7px!important;
  height:7px!important;
  background:#e11b22!important;
  box-shadow:0 0 0 2px rgba(225,27,34,.16)!important;
}

/* Interactive map under locations */
html body .iomtpl .iomtpl-location-map-panel{
  display:grid;
  grid-template-columns:.78fr 1.72fr;
  gap:0;
  margin-top:16px;
  min-height:300px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 38px rgba(16,24,40,.07);
}
html body .iomtpl .iomtpl-location-map-copy{
  padding:28px;
  background:linear-gradient(145deg,#0a111a,#030608);
  color:#fff!important;
}
html body .iomtpl .iomtpl-location-map-copy h3{
  margin:7px 0 10px!important;
  color:#fff!important;
  font-size:22px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-location-map-copy p{
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-map-switcher{
  display:flex;
  gap:8px;
  margin-top:24px;
  flex-wrap:wrap;
}
html body .iomtpl .iomtpl-map-switch{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body .iomtpl .iomtpl-map-switch:hover,
html body .iomtpl .iomtpl-map-switch.active{
  background:#e11b22!important;
  border-color:#e11b22!important;
  box-shadow:0 0 22px rgba(225,27,34,.32)!important;
}
html body .iomtpl .iomtpl-location-map-frame{
  min-height:300px;
  background:#ece8df;
}
html body .iomtpl .iomtpl-location-map-frame iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:300px!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}

/* Responsive impact strip */
@media(max-width:980px){
  html body .iomtpl .iomtpl-stats-grid{grid-template-columns:repeat(3,1fr)!important}
  html body .iomtpl .iomtpl-stat:nth-child(2){border-right:1px solid rgba(255,255,255,.12)!important}
  html body .iomtpl .iomtpl-location-map-panel{grid-template-columns:1fr}
  html body .iomtpl .iomtpl-location-map-frame{min-height:340px}
  html body .iomtpl .iomtpl-location-map-frame iframe{min-height:340px!important}
}
@media(max-width:620px){
  html body .iomtpl .iomtpl-stats-grid{grid-template-columns:1fr!important}
  html body .iomtpl .iomtpl-stat{border-right:0!important}
  html body .iomtpl .iomtpl-location-map-copy{padding:22px}
  html body .iomtpl .iomtpl-location-map-frame{min-height:285px}
  html body .iomtpl .iomtpl-location-map-frame iframe{min-height:285px!important}
}


/* ===== v1.6 NAV / NEWSLETTER ===== */
html body .iomtpl .iomtpl-newsletter-nav{
  color:#ead9bd!important;
}
@media(min-width:981px) and (max-width:1180px){
  html body .iomtpl .iomtpl-nav-link,
  html body .iomtpl .iomtpl-hub-trigger{
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:11px!important;
  }
  html body .iomtpl .iomtpl-give-top{
    min-width:120px!important;
    padding-left:13px!important;
    padding-right:13px!important;
  }
}


/* ===== v1.7 NEWSLETTER FLIPBOOK OVERLAY ===== */
html body .iomtpl .iomtpl-newsletter-nav{
  background:none!important;
  border:0!important;
  cursor:pointer!important;
}
html body .iomtpl .iomtpl-newsletter-modal{
  position:fixed;
  inset:0;
  z-index:95;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(1,3,6,.86);
  backdrop-filter:blur(12px);
}
html body .iomtpl .iomtpl-newsletter-modal.open{
  display:flex;
}
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(1180px,100%);
  max-height:92vh;
  overflow:auto;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(225,27,34,.18),transparent 28%),
    radial-gradient(circle at 92% 100%,rgba(202,166,111,.09),transparent 25%),
    linear-gradient(145deg,#0a1018,#020406 72%);
  border:1px solid rgba(225,27,34,.48);
  box-shadow:0 45px 140px rgba(0,0,0,.75),0 0 48px rgba(225,27,34,.14);
  padding:24px;
  color:#fff;
}
html body .iomtpl .iomtpl-newsletter-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:2px 4px 18px;
}
html body .iomtpl .iomtpl-newsletter-top h2{
  margin:4px 0 5px!important;
  color:#fff!important;
  font-size:32px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-newsletter-top p{
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:13px!important;
}
html body .iomtpl .iomtpl-newsletter-close{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-newsletter-close:hover{
  border-color:#e11b22!important;
  background:rgba(225,27,34,.14)!important;
}
html body .iomtpl .iomtpl-newsletter-book{
  position:relative;
  min-height:560px;
  border-radius:20px;
  overflow:hidden;
  background:#11161e;
  border:1px solid rgba(255,255,255,.08);
}
html body .iomtpl .iomtpl-newsletter-book > *{
  max-width:100%!important;
}
html body .iomtpl .iomtpl-newsletter-footer{
  display:flex;
  justify-content:flex-end;
  padding-top:14px;
}
html body .iomtpl .iomtpl-newsletter-footer a{
  color:#ead9bd!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body .iomtpl .iomtpl-newsletter-missing{
  color:#fff!important;
  padding:30px!important;
}
@media(max-width:720px){
  html body .iomtpl .iomtpl-newsletter-modal{padding:8px}
  html body .iomtpl .iomtpl-newsletter-shell{padding:16px;border-radius:20px;max-height:95vh}
  html body .iomtpl .iomtpl-newsletter-top h2{font-size:25px!important}
  html body .iomtpl .iomtpl-newsletter-book{min-height:480px}
}


/* ===== v1.8 NEWSLETTER POPUP REFINEMENT ===== */
html body .iomtpl .iomtpl-newsletter-modal{
  padding:24px!important;
  background:rgba(1,3,6,.68)!important;
  backdrop-filter:blur(8px)!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(920px,calc(100% - 24px))!important;
  max-height:86vh!important;
  min-height:0!important;
  border-radius:24px!important;
  padding:20px!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(225,27,34,.16),transparent 26%),
    radial-gradient(circle at 90% 100%,rgba(202,166,111,.08),transparent 24%),
    linear-gradient(145deg,#0b1118,#030507 74%)!important;
  border:1px solid rgba(225,27,34,.50)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.72),0 0 34px rgba(225,27,34,.13)!important;
}
html body .iomtpl .iomtpl-newsletter-top{
  padding:0 2px 14px!important;
}
html body .iomtpl .iomtpl-newsletter-top h2{
  font-size:27px!important;
}
html body .iomtpl .iomtpl-newsletter-book{
  min-height:420px!important;
  max-height:62vh!important;
  overflow:auto!important;
  border-radius:16px!important;
}
html body .iomtpl .iomtpl-newsletter-footer{
  padding-top:10px!important;
}
@media(max-width:720px){
  html body .iomtpl .iomtpl-newsletter-modal{
    padding:10px!important;
  }
  html body .iomtpl .iomtpl-newsletter-shell{
    width:100%!important;
    max-height:90vh!important;
    border-radius:18px!important;
    padding:14px!important;
  }
  html body .iomtpl .iomtpl-newsletter-book{
    min-height:360px!important;
    max-height:68vh!important;
  }
}


/* ===== v1.9 COMMUNITY LETTERS ===== */
html body .iomtpl .iomtpl-letters{
  background:linear-gradient(180deg,#fbfaf8,#f4f0e9)!important;
  padding:52px 0!important;
  border-top:1px solid rgba(16,24,40,.06)!important;
}
html body .iomtpl .iomtpl-letters-head{
  display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;
}
html body .iomtpl .iomtpl-letters-head h2{
  margin:7px 0 7px!important;color:#111827!important;font-size:32px!important;line-height:1!important;text-transform:uppercase;
}
html body .iomtpl .iomtpl-letters-head p{
  max-width:700px;margin:0!important;color:#667085!important;font-size:13px!important;line-height:1.55!important;
}
html body .iomtpl .iomtpl-letter-submit-btn{
  flex:none;border:1px solid #e11b22!important;background:#e11b22!important;color:#fff!important;
  border-radius:8px!important;padding:13px 18px!important;font-size:12px!important;font-weight:850!important;
  box-shadow:0 8px 24px rgba(225,27,34,.18)!important;
}
html body .iomtpl .iomtpl-letter-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:15px;
}
html body .iomtpl .iomtpl-letter-card{
  position:relative;min-height:350px;padding:24px;overflow:hidden;
  background:linear-gradient(145deg,#0b1119,#030507 75%)!important;
  color:#fff!important;border:1px solid rgba(225,27,34,.24)!important;border-radius:20px;
  box-shadow:0 18px 46px rgba(16,24,40,.13);
}
html body .iomtpl .iomtpl-letter-card:after{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-90px;
  border:1px solid rgba(202,166,111,.16);box-shadow:0 0 0 28px rgba(225,27,34,.025);
}
html body .iomtpl .iomtpl-letter-quote{
  position:absolute;right:18px;top:6px;color:rgba(225,27,34,.18)!important;font-size:105px!important;line-height:1!important;font-family:Georgia,serif!important;
}
html body .iomtpl .iomtpl-letter-tag{
  position:relative;z-index:2;color:#ead9bd!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em;
}
html body .iomtpl .iomtpl-letter-card h3{
  position:relative;z-index:2;color:#fff!important;margin:12px 0 12px!important;font-size:21px!important;line-height:1.12!important;
}
html body .iomtpl .iomtpl-letter-excerpt{
  position:relative;z-index:2;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.62!important;
}
html body .iomtpl .iomtpl-letter-by{
  position:relative;z-index:2;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);display:grid;gap:2px;
}
html body .iomtpl .iomtpl-letter-by strong{color:#fff!important;font-size:12px!important}
html body .iomtpl .iomtpl-letter-by span{color:rgba(255,255,255,.5)!important;font-size:10px!important}
html body .iomtpl .iomtpl-letter-actions{
  position:relative;z-index:3;display:flex;gap:9px;margin-top:15px;align-items:center;
}
html body .iomtpl .iomtpl-heart-btn,
html body .iomtpl .iomtpl-comment-btn{
  min-height:38px!important;border-radius:999px!important;padding:0 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important;
  color:#fff!important;font-size:11px!important;font-weight:750!important;
}
html body .iomtpl .iomtpl-heart-btn:hover,
html body .iomtpl .iomtpl-heart-btn.loved{
  color:#fff!important;background:rgba(225,27,34,.16)!important;border-color:#e11b22!important;
}
html body .iomtpl .iomtpl-heart-icon{color:#ff343b!important;font-size:17px!important;margin-right:4px}
html body .iomtpl .iomtpl-letter-empty{
  text-align:center;padding:38px 24px;border:1px dashed rgba(202,166,111,.8);border-radius:20px;background:#fff!important;
}
html body .iomtpl .iomtpl-letter-empty-heart{font-size:38px!important;color:#e11b22!important}
html body .iomtpl .iomtpl-letter-empty h3{color:#111827!important;margin:8px 0!important}
html body .iomtpl .iomtpl-letter-empty p{color:#667085!important;font-size:13px!important}

/* Letter + comments popups */
html body .iomtpl .iomtpl-letter-modal,
html body .iomtpl .iomtpl-comments-modal{
  position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:18px;
  background:rgba(1,3,6,.78);backdrop-filter:blur(10px);
}
html body .iomtpl .iomtpl-letter-modal.open,
html body .iomtpl .iomtpl-comments-modal.open{display:flex}
html body .iomtpl .iomtpl-letter-modal-card,
html body .iomtpl .iomtpl-comments-card{
  width:min(720px,100%);max-height:90vh;overflow:auto;padding:26px;border-radius:26px;
  background:radial-gradient(circle at 12% 0%,rgba(225,27,34,.18),transparent 28%),linear-gradient(145deg,#0b1119,#030507 74%);
  border:1px solid rgba(225,27,34,.5);box-shadow:0 45px 130px rgba(0,0,0,.7),0 0 40px rgba(225,27,34,.13);color:#fff;
}
html body .iomtpl .iomtpl-letter-modal-top{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
}
html body .iomtpl .iomtpl-letter-modal-top h2{
  margin:4px 0 5px!important;color:#fff!important;font-size:28px!important;text-transform:uppercase;
}
html body .iomtpl .iomtpl-letter-modal-top p,
html body .iomtpl .iomtpl-comments-note{
  margin:0!important;color:rgba(255,255,255,.62)!important;font-size:12px!important;
}
html body .iomtpl .iomtpl-letter-modal-top button{
  flex:none;width:42px!important;height:42px!important;border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;
}
html body .iomtpl .iomtpl-letter-form,
html body .iomtpl .iomtpl-comment-form{
  display:grid;gap:12px;margin-top:20px;
}
html body .iomtpl .iomtpl-letter-form label,
html body .iomtpl .iomtpl-comment-form label{
  color:rgba(255,255,255,.78)!important;font-size:11px!important;font-weight:700!important;
}
html body .iomtpl .iomtpl-letter-form input,
html body .iomtpl .iomtpl-letter-form textarea,
html body .iomtpl .iomtpl-comment-form input,
html body .iomtpl .iomtpl-comment-form textarea{
  display:block;width:100%;margin-top:5px;border-radius:10px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);color:#fff;padding:11px 12px;outline:none;
}
html body .iomtpl .iomtpl-letter-form input:focus,
html body .iomtpl .iomtpl-letter-form textarea:focus,
html body .iomtpl .iomtpl-comment-form input:focus,
html body .iomtpl .iomtpl-comment-form textarea:focus{border-color:#e11b22}
html body .iomtpl .iomtpl-letter-consent{
  display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;line-height:1.4;
}
html body .iomtpl .iomtpl-letter-consent input{
  width:auto!important;margin:2px 0 0!important;
}
html body .iomtpl .iomtpl-letter-form-submit,
html body .iomtpl .iomtpl-comment-form > button{
  border:0!important;border-radius:8px!important;background:#e11b22!important;color:#fff!important;
  padding:13px 18px!important;font-size:12px!important;font-weight:850!important;justify-self:start;
}
html body .iomtpl .iomtpl-letter-form-status{
  color:#ead9bd!important;font-size:12px!important;min-height:18px;
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-letter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-letters-head{align-items:flex-start;flex-direction:column}
  html body .iomtpl .iomtpl-letter-grid{grid-template-columns:1fr}
  html body .iomtpl .iomtpl-letter-card{min-height:0}
  html body .iomtpl .iomtpl-letter-modal,
  html body .iomtpl .iomtpl-comments-modal{padding:8px}
  html body .iomtpl .iomtpl-letter-modal-card,
  html body .iomtpl .iomtpl-comments-card{padding:18px;border-radius:19px}
}


/* ===== v2.0 EMBEDDED GIVING POPUP ===== */
html body .iomtpl .iomtpl-give-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(1,3,6,.76);
  backdrop-filter:blur(11px);
}
html body .iomtpl .iomtpl-give-modal.open{
  display:flex;
}
html body .iomtpl .iomtpl-give-shell{
  width:min(760px,100%);
  max-height:90vh;
  overflow:auto;
  border-radius:28px;
  padding:24px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 0%,rgba(225,27,34,.21),transparent 29%),
    radial-gradient(circle at 95% 100%,rgba(202,166,111,.09),transparent 25%),
    linear-gradient(145deg,#0b1119,#030507 74%);
  border:1px solid rgba(225,27,34,.55);
  box-shadow:0 45px 130px rgba(0,0,0,.72),0 0 44px rgba(225,27,34,.16);
}
html body .iomtpl .iomtpl-give-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding-bottom:16px;
}
html body .iomtpl .iomtpl-give-topbar h2{
  margin:4px 0 6px!important;
  color:#fff!important;
  font-size:31px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-give-topbar p{
  margin:0!important;
  max-width:570px;
  color:rgba(255,255,255,.65)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-give-close{
  flex:none;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-give-close:hover{
  background:rgba(225,27,34,.14)!important;
  border-color:#e11b22!important;
}
html body .iomtpl .iomtpl-give-embed{
  min-height:440px;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  position:relative;
}
html body .iomtpl .iomtpl-give-embed iframe{
  display:block!important;
  width:100%!important;
  min-height:560px!important;
  border:0!important;
}
html body .iomtpl .iomtpl-give-embed button,
html body .iomtpl .iomtpl-give-embed a{
  max-width:100%;
}
html body .iomtpl .iomtpl-give-setup{
  min-height:440px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:36px;
  color:#111827!important;
}
html body .iomtpl .iomtpl-give-heart{
  color:#e11b22!important;
  font-size:46px!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-give-setup h3{
  margin:9px 0 7px!important;
  color:#111827!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-give-setup p{
  max-width:500px;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-give-setup a{
  margin-top:10px;
  padding:13px 18px;
  border-radius:8px;
  color:#fff!important;
  background:#e11b22!important;
  font-size:12px!important;
  font-weight:850!important;
}
html body .iomtpl .iomtpl-give-footer{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding-top:12px;
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-give-footer a{
  color:#ead9bd!important;
  font-size:11px!important;
  font-weight:800!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-give-modal{padding:8px}
  html body .iomtpl .iomtpl-give-shell{padding:16px;border-radius:20px;max-height:94vh}
  html body .iomtpl .iomtpl-give-topbar h2{font-size:25px!important}
  html body .iomtpl .iomtpl-give-embed{min-height:500px}
  html body .iomtpl .iomtpl-give-footer{align-items:flex-start;flex-direction:column}
}


/* ===== v2.1 NEWSLETTER + INTERACTIVE LOCATION REFINEMENT ===== */

/* One scrollbar only: the FlipBook handles its own internal scrolling */
html.iomtpl-modal-open,
html.iomtpl-modal-open body{
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-newsletter-modal{
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-newsletter-shell{
  height:min(820px,88vh)!important;
  max-height:88vh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
html body .iomtpl .iomtpl-newsletter-top{
  flex:none!important;
}
html body .iomtpl .iomtpl-newsletter-book{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-newsletter-book > div,
html body .iomtpl .iomtpl-newsletter-book .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-book [class*="flipbook"]{
  max-height:100%!important;
}
html body .iomtpl .iomtpl-newsletter-footer{
  flex:none!important;
}
@media(max-width:720px){
  html body .iomtpl .iomtpl-newsletter-shell{
    height:91vh!important;
    max-height:91vh!important;
  }
  html body .iomtpl .iomtpl-newsletter-book{
    min-height:0!important;
    height:100%!important;
  }
}

/* Locations only occupy the space actually needed */
html body .iomtpl .iomtpl-location-cards{
  display:grid!important;
  width:100%!important;
}
html body .iomtpl .iomtpl-location-cards.iomtpl-location-count-1{
  grid-template-columns:1fr!important;
}
html body .iomtpl .iomtpl-location-cards.iomtpl-location-count-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .iomtpl .iomtpl-location-cards.iomtpl-location-count-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* More engaging location cards */
html body .iomtpl .iomtpl-location-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:12px;
  padding:7px 11px;
  border-radius:999px;
  background:#fff!important;
  border:1px solid rgba(202,166,111,.6)!important;
  color:#4b5563!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.025em;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-location-status span{
  display:grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
}

html body .iomtpl .iomtpl-location-card{
  cursor:pointer!important;
  min-height:240px!important;
  overflow:hidden!important;
  isolation:isolate;
}
html body .iomtpl .iomtpl-location-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.10),transparent 36%),
    linear-gradient(145deg,#fff,#fbf8f2);
  transition:opacity .22s ease;
}
html body .iomtpl .iomtpl-location-card:after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-60px;
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(225,27,34,.09);
  box-shadow:0 0 0 24px rgba(202,166,111,.025);
  pointer-events:none;
}
html body .iomtpl .iomtpl-location-card:hover,
html body .iomtpl .iomtpl-location-card.is-selected{
  transform:translateY(-5px)!important;
  border-color:rgba(225,27,34,.55)!important;
  box-shadow:0 20px 52px rgba(16,24,40,.12),0 0 0 1px rgba(225,27,34,.04)!important;
}
html body .iomtpl .iomtpl-location-card:hover:before,
html body .iomtpl .iomtpl-location-card.is-selected:before{
  opacity:1!important;
}
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-location-number{
  box-shadow:0 0 0 5px rgba(225,27,34,.09),0 0 22px rgba(225,27,34,.25)!important;
}
html body .iomtpl .iomtpl-location-card-actions{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:20px;
  padding-top:13px;
  border-top:1px solid rgba(16,24,40,.07);
}
html body .iomtpl .iomtpl-show-map{
  color:#e11b22!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.02em;
}
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-show-map{
  color:#111827!important;
}
html body .iomtpl .iomtpl-location-link{
  margin-top:0!important;
  white-space:nowrap;
}

/* Richer map panel */
html body .iomtpl .iomtpl-location-map-panel{
  margin-top:18px!important;
  border-radius:22px!important;
  border-color:rgba(225,27,34,.15)!important;
  box-shadow:0 20px 60px rgba(16,24,40,.10)!important;
}
html body .iomtpl .iomtpl-location-map-copy{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 100%,rgba(225,27,34,.18),transparent 36%),
    radial-gradient(circle at 100% 0%,rgba(202,166,111,.09),transparent 30%),
    linear-gradient(145deg,#0a111a,#030608)!important;
}
html body .iomtpl .iomtpl-location-map-copy:after{
  content:"";
  position:absolute;
  right:-85px;bottom:-100px;
  width:260px;height:260px;border-radius:50%;
  border:1px solid rgba(225,27,34,.16);
  box-shadow:0 0 0 34px rgba(225,27,34,.025),0 0 0 70px rgba(202,166,111,.015);
  pointer-events:none;
}
html body .iomtpl .iomtpl-map-switcher{
  position:relative;
  z-index:2;
}
html body .iomtpl .iomtpl-map-switch{
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
html body .iomtpl .iomtpl-map-switch:hover{
  transform:translateY(-2px)!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-location-cards.iomtpl-location-count-2,
  html body .iomtpl .iomtpl-location-cards.iomtpl-location-count-3{
    grid-template-columns:1fr!important;
  }
}


/* ===== v2.2 DIRECT TITHE.LY IFRAME ===== */
html body .iomtpl .iomtpl-give-embed{
  min-height:620px!important;
  height:min(660px,68vh)!important;
  background:#ffffff!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-give-embed iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  border:0!important;
  background:#ffffff!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-give-embed{
    min-height:570px!important;
    height:72vh!important;
  }
  html body .iomtpl .iomtpl-give-embed iframe{
    min-height:570px!important;
  }
}


/* ===== v2.3 REAL3D FLIPBOOK TRANSPARENT POPUP BLEND ===== */

/* Remove the gray shortcode/plugin canvas around the publication */
html body .iomtpl .iomtpl-newsletter-book,
html body .iomtpl .iomtpl-newsletter-book > div,
html body .iomtpl .iomtpl-newsletter-book .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-book .flipbook-main-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-container,
html body .iomtpl .iomtpl-newsletter-book .flipbook-bookLayer,
html body .iomtpl .iomtpl-newsletter-book .flipbook-bg,
html body .iomtpl .iomtpl-newsletter-book [class*="real3d"],
html body .iomtpl .iomtpl-newsletter-book [class*="flipbook"]{
  background-color:transparent!important;
}

/* The newsletter viewport itself should blend into the luxury popup */
html body .iomtpl .iomtpl-newsletter-book{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 48%),
    transparent!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}

/* Remove common Real3D outer shadows/panels without affecting page shadows */
html body .iomtpl .iomtpl-newsletter-book .flipbook-main-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-container{
  box-shadow:none!important;
  border:0!important;
}

/* Keep controls readable while letting their surrounding bar blend in */
html body .iomtpl .iomtpl-newsletter-book .flipbook-toolbar,
html body .iomtpl .iomtpl-newsletter-book .flipbook-menu,
html body .iomtpl .iomtpl-newsletter-book [class*="toolbar"]{
  background:rgba(4,7,11,.78)!important;
  backdrop-filter:blur(8px);
}

/* Canvas and page elements stay untouched so the actual newsletter remains visible */
html body .iomtpl .iomtpl-newsletter-book canvas,
html body .iomtpl .iomtpl-newsletter-book .flipbook-page,
html body .iomtpl .iomtpl-newsletter-book [class*="page"]{
  background-color:initial;
}



/* ===== v2.4 COMMUNITY LETTERS LIVE INSIDE NEWSLETTER POPUP ===== */

/* Newsletter shell is now the single scrolling surface:
   FlipBook first, Community Voices immediately underneath. */
html body .iomtpl .iomtpl-newsletter-shell{
  height:min(900px,90vh)!important;
  max-height:90vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:block!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(225,27,34,.65) rgba(255,255,255,.04);
}
html body .iomtpl .iomtpl-newsletter-shell::-webkit-scrollbar{width:7px}
html body .iomtpl .iomtpl-newsletter-shell::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
html body .iomtpl .iomtpl-newsletter-shell::-webkit-scrollbar-thumb{background:rgba(225,27,34,.65);border-radius:99px}

/* Give the FlipBook a defined viewport without creating its own outer wrapper scrollbar. */
html body .iomtpl .iomtpl-newsletter-book{
  height:min(600px,65vh)!important;
  min-height:500px!important;
  max-height:none!important;
  overflow:hidden!important;
  flex:none!important;
}

/* Community section directly attached to the publication experience */
html body .iomtpl .iomtpl-newsletter-community{
  position:relative;
  margin-top:18px;
  padding:24px;
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.12),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(202,166,111,.08),transparent 30%),
    rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-newsletter-community:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(#e11b22,#caa66f);
}
html body .iomtpl .iomtpl-newsletter-community-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
html body .iomtpl .iomtpl-newsletter-community-head h3{
  margin:5px 0 6px!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-newsletter-community-head p{
  margin:0!important;
  max-width:610px;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-letter-grid-in-newsletter{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body .iomtpl .iomtpl-newsletter-community .iomtpl-letter-card{
  min-height:310px!important;
  background:linear-gradient(145deg,rgba(14,21,31,.96),rgba(3,5,7,.98) 75%)!important;
}
html body .iomtpl .iomtpl-newsletter-letter-empty{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px;
  border-radius:16px;
  border:1px dashed rgba(202,166,111,.42);
  background:rgba(255,255,255,.025)!important;
}
html body .iomtpl .iomtpl-newsletter-empty-icon{
  display:grid;
  place-items:center;
  width:56px;height:56px;
  border-radius:50%;
  border:1px solid rgba(225,27,34,.55);
  color:#ff3138!important;
  font-size:29px!important;
  box-shadow:0 0 25px rgba(225,27,34,.10);
}
html body .iomtpl .iomtpl-newsletter-letter-empty h4{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:17px!important;
}
html body .iomtpl .iomtpl-newsletter-letter-empty p{
  margin:0!important;
  color:rgba(255,255,255,.57)!important;
  font-size:11px!important;
}

/* Remove homepage-specific Community Letters footprint entirely if cached markup exists. */
html body .iomtpl > .iomtpl-letters{
  display:none!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-letter-grid-in-newsletter{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-newsletter-shell{
    height:92vh!important;
    max-height:92vh!important;
  }
  html body .iomtpl .iomtpl-newsletter-book{
    height:58vh!important;
    min-height:420px!important;
  }
  html body .iomtpl .iomtpl-newsletter-community{
    padding:17px!important;
  }
  html body .iomtpl .iomtpl-newsletter-community-head{
    align-items:flex-start;
    flex-direction:column;
  }
  html body .iomtpl .iomtpl-letter-grid-in-newsletter{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-newsletter-letter-empty{
    grid-template-columns:1fr!important;
  }
}


/* ===== v2.5 COMPACT LUXURY LOCATIONS ===== */

html body .iomtpl .iomtpl-locations{
  padding:34px 0 42px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(202,166,111,.07),transparent 28%),
    linear-gradient(180deg,#f8f6f2,#f3efe8)!important;
}

/* Header becomes tighter */
html body .iomtpl .iomtpl-location-head{
  margin-bottom:16px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-location-head h2{
  font-size:29px!important;
  letter-spacing:-.6px!important;
}
html body .iomtpl .iomtpl-location-head p{
  max-width:540px!important;
  font-size:12px!important;
}

/* Location cards: shorter and more premium */
html body .iomtpl .iomtpl-location-cards{
  gap:12px!important;
}
html body .iomtpl .iomtpl-location-card{
  min-height:172px!important;
  padding:20px 22px!important;
  border-radius:17px!important;
  border:1px solid rgba(17,24,39,.075)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(202,166,111,.07),transparent 34%),
    #fff!important;
  box-shadow:0 10px 28px rgba(16,24,40,.055)!important;
}
html body .iomtpl .iomtpl-location-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 17px 42px rgba(16,24,40,.10)!important;
}
html body .iomtpl .iomtpl-location-card.is-selected{
  color:#fff!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.20),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(202,166,111,.09),transparent 32%),
    linear-gradient(145deg,#0a111a,#030608)!important;
  border-color:rgba(225,27,34,.58)!important;
  box-shadow:0 18px 44px rgba(16,24,40,.18),0 0 28px rgba(225,27,34,.09)!important;
}
html body .iomtpl .iomtpl-location-card.is-selected h3,
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-contact-line,
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-contact-line span{
  color:#fff!important;
}
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-contact-line{
  opacity:.78!important;
}

/* Number badge becomes compact luxury marker */
html body .iomtpl .iomtpl-location-number{
  width:28px!important;
  height:28px!important;
  margin-bottom:11px!important;
  font-size:11px!important;
  background:linear-gradient(180deg,#ef252c,#c90f16)!important;
  box-shadow:0 6px 18px rgba(225,27,34,.18)!important;
}
html body .iomtpl .iomtpl-location-card h3{
  font-size:15px!important;
  margin:0 0 10px!important;
  letter-spacing:.01em!important;
}
html body .iomtpl .iomtpl-contact-line{
  margin:7px 0!important;
  gap:8px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
html body .iomtpl .iomtpl-location-card-actions{
  margin-top:13px!important;
  padding-top:10px!important;
}
html body .iomtpl .iomtpl-show-map,
html body .iomtpl .iomtpl-location-link{
  font-size:10px!important;
  letter-spacing:.025em!important;
}

/* Selected action gets tan highlight */
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-show-map{
  color:#ead9bd!important;
}
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-location-card-actions{
  border-top-color:rgba(255,255,255,.10)!important;
}
html body .iomtpl .iomtpl-location-card.is-selected .iomtpl-location-link{
  color:#fff!important;
  opacity:.78!important;
}

/* Map panel: shorter, cleaner, more luxurious */
html body .iomtpl .iomtpl-location-map-panel{
  grid-template-columns:.62fr 1.38fr!important;
  min-height:235px!important;
  margin-top:12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(202,166,111,.24)!important;
  box-shadow:0 16px 42px rgba(16,24,40,.09)!important;
}
html body .iomtpl .iomtpl-location-map-copy{
  padding:22px 24px!important;
  min-height:235px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
html body .iomtpl .iomtpl-location-map-copy .iomtpl-eyebrow{
  font-size:11px!important;
}
html body .iomtpl .iomtpl-location-map-copy h3{
  font-size:19px!important;
  margin:6px 0 8px!important;
  line-height:1.08!important;
}
html body .iomtpl .iomtpl-location-map-copy p{
  font-size:12px!important;
  line-height:1.45!important;
  max-width:230px!important;
}
html body .iomtpl .iomtpl-map-switcher{
  margin-top:18px!important;
  gap:7px!important;
}
html body .iomtpl .iomtpl-map-switch{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-location-map-frame,
html body .iomtpl .iomtpl-location-map-frame iframe{
  min-height:235px!important;
  height:235px!important;
}

/* Small gold divider/detail gives the section a premium finish */
html body .iomtpl .iomtpl-location-map-copy:before{
  content:"";
  position:absolute;
  left:24px;
  top:18px;
  width:42px;
  height:2px;
  background:linear-gradient(90deg,#e11b22,#caa66f);
  border-radius:99px;
}

/* The active-locations chip stays understated */
html body .iomtpl .iomtpl-location-status{
  padding:5px 9px!important;
  margin-top:9px!important;
  font-size:9px!important;
}
html body .iomtpl .iomtpl-location-status span{
  width:19px!important;
  height:19px!important;
  font-size:9px!important;
}

@media(max-width:980px){
  html body .iomtpl .iomtpl-location-map-panel{
    grid-template-columns:.8fr 1.2fr!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-location-map-panel{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-location-map-copy{
    min-height:auto!important;
    padding:24px!important;
  }
  html body .iomtpl .iomtpl-location-map-frame,
  html body .iomtpl .iomtpl-location-map-frame iframe{
    min-height:260px!important;
    height:260px!important;
  }
}


/* ===== v2.6 FORCE DIRECT TITHE.LY LINK IFRAME ===== */
html body .iomtpl .iomtpl-give-iframe-wrap{
  display:block!important;
  width:100%!important;
  height:min(680px,70vh)!important;
  min-height:560px!important;
  padding:0!important;
  margin:0!important;
  overflow:auto!important;
  border-radius:18px!important;
  background:#fff!important;
}
html body .iomtpl .iomtpl-give-iframe-wrap .iomtpl-tithely-frame{
  display:block!important;
  width:100%!important;
  height:680px!important;
  min-height:680px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
}
html body .iomtpl .iomtpl-give-setup{
  display:none!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-give-iframe-wrap{
    height:72vh!important;
    min-height:520px!important;
  }
  html body .iomtpl .iomtpl-give-iframe-wrap .iomtpl-tithely-frame{
    height:700px!important;
    min-height:700px!important;
  }
}


/* =====================================================
   v2.7 CLEAN TEMPLATE — STRUCTURAL, NOT OVERRIDE-ONLY
   ===================================================== */

/* Never show the former letters section on the homepage. */
html body .iomtpl > section.iomtpl-letters{display:none!important}

/* Newsletter popup */
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(1080px,calc(100% - 24px))!important;
  max-height:90vh!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:block!important;
  padding:22px!important;
}
html body .iomtpl .iomtpl-newsletter-book{
  height:min(590px,62vh)!important;
  min-height:480px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .iomtpl .iomtpl-newsletter-book > div,
html body .iomtpl .iomtpl-newsletter-book .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-book .flipbook-main-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-wrapper,
html body .iomtpl .iomtpl-newsletter-book .flipbook-container,
html body .iomtpl .iomtpl-newsletter-book .flipbook-bg,
html body .iomtpl .iomtpl-newsletter-book .flipbook-bookLayer,
html body .iomtpl .iomtpl-newsletter-book .flipbook-viewer,
html body .iomtpl .iomtpl-newsletter-book .flipbook-stage{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

/* Community Voices belongs inside newsletter. */
html body .iomtpl .iomtpl-newsletter-community{
  margin-top:16px!important;
  padding:20px!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.12),transparent 31%),
    rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
html body .iomtpl .iomtpl-newsletter-community-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:20px!important;
  margin-bottom:14px!important;
}
html body .iomtpl .iomtpl-newsletter-community-head h3{
  margin:4px 0 5px!important;
  color:#fff!important;
  font-size:24px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-newsletter-community-head p{
  margin:0!important;
  max-width:650px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-newsletter-letter-empty{
  display:grid!important;
  grid-template-columns:48px 1fr auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:16px!important;
  border-radius:14px!important;
  border:1px dashed rgba(202,166,111,.42)!important;
  background:rgba(255,255,255,.025)!important;
}
html body .iomtpl .iomtpl-newsletter-empty-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.55)!important;
  color:#ff3138!important;font-size:25px!important;
}
html body .iomtpl .iomtpl-newsletter-letter-empty h4{
  margin:0 0 4px!important;color:#fff!important;font-size:16px!important;
}
html body .iomtpl .iomtpl-newsletter-letter-empty p{
  margin:0!important;color:rgba(255,255,255,.58)!important;font-size:11px!important;
}

/* New compact luxury Locations layout */
html body .iomtpl .iomtpl-locations-v27{
  padding:34px 0 40px!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(202,166,111,.08),transparent 28%),
    linear-gradient(180deg,#f8f6f2,#f1ede6)!important;
}
html body .iomtpl .iomtpl-location-head-v27{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:14px!important;
}
html body .iomtpl .iomtpl-location-head-v27 h2{
  margin:5px 0 5px!important;
  color:#111827!important;
  font-size:29px!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-location-head-v27 p{
  margin:0!important;color:#667085!important;font-size:12px!important;
}
html body .iomtpl .iomtpl-location-count-v27{
  display:flex!important;align-items:center!important;gap:7px!important;
  padding:7px 10px!important;border-radius:999px!important;
  border:1px solid rgba(202,166,111,.55)!important;
  background:#fff!important;color:#667085!important;
  font-size:10px!important;font-weight:750!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-location-count-v27 strong{
  width:22px!important;height:22px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#e11b22!important;color:#fff!important;font-size:10px!important;
}
html body .iomtpl .iomtpl-location-layout-v27{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:12px!important;
}
html body .iomtpl .iomtpl-location-list-v27{
  display:grid!important;
  gap:9px!important;
  align-content:start!important;
}
html body .iomtpl .iomtpl-location-tile-v27{
  width:100%!important;
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:34px 1fr 28px!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  padding:14px 15px!important;
  border-radius:15px!important;
  border:1px solid rgba(17,24,39,.08)!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 8px 24px rgba(16,24,40,.045)!important;
  transition:.2s ease!important;
}
html body .iomtpl .iomtpl-location-tile-v27:hover{
  transform:translateX(4px)!important;
  border-color:rgba(225,27,34,.38)!important;
}
html body .iomtpl .iomtpl-location-tile-v27.is-selected{
  color:#fff!important;
  border-color:rgba(225,27,34,.64)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.18),transparent 36%),
    linear-gradient(145deg,#0a111a,#030608)!important;
  box-shadow:0 14px 38px rgba(16,24,40,.17),0 0 24px rgba(225,27,34,.08)!important;
}
html body .iomtpl .iomtpl-location-tile-number{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#e11b22!important;color:#fff!important;
  font-size:11px!important;font-weight:850!important;
}
html body .iomtpl .iomtpl-location-tile-copy{
  display:grid!important;gap:3px!important;min-width:0!important;
}
html body .iomtpl .iomtpl-location-tile-copy strong{
  color:inherit!important;font-size:13px!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-location-tile-copy span{
  color:inherit!important;opacity:.67!important;font-size:11px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body .iomtpl .iomtpl-location-tile-copy small{
  color:#caa66f!important;font-size:10px!important;
}
html body .iomtpl .iomtpl-location-tile-arrow{
  color:#e11b22!important;font-size:17px!important;
}
html body .iomtpl .iomtpl-location-tile-v27.is-selected .iomtpl-location-tile-arrow{
  color:#ead9bd!important;
}
html body .iomtpl .iomtpl-location-viewall-v27{
  width:100%!important;padding:11px 14px!important;border-radius:12px!important;
  border:1px dashed rgba(202,166,111,.55)!important;background:transparent!important;
  color:#111827!important;font-size:10px!important;font-weight:800!important;
}
html body .iomtpl .iomtpl-location-stage-v27{
  min-height:292px!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(202,166,111,.23)!important;
  background:#071019!important;
  box-shadow:0 16px 42px rgba(16,24,40,.10)!important;
}
html body .iomtpl .iomtpl-location-stage-info-v27{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 0 100%,rgba(225,27,34,.16),transparent 38%),
    linear-gradient(145deg,#0b121b,#030608)!important;
  color:#fff!important;
}
html body .iomtpl .iomtpl-location-stage-label-v27{
  color:#ff3138!important;font-size:10px!important;font-weight:850!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;
}
html body .iomtpl .iomtpl-location-stage-info-v27 h3{
  margin:7px 0 8px!important;color:#fff!important;font-size:20px!important;
  line-height:1.08!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-location-stage-info-v27 p{
  margin:0 0 12px!important;color:rgba(255,255,255,.65)!important;
  font-size:11px!important;line-height:1.45!important;
}
html body .iomtpl .iomtpl-location-stage-info-v27 a{
  color:#ead9bd!important;font-size:11px!important;font-weight:750!important;
}
html body .iomtpl .iomtpl-location-map-frame-v27,
html body .iomtpl .iomtpl-location-map-frame-v27 iframe{
  width:100%!important;height:292px!important;min-height:292px!important;border:0!important;
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-location-layout-v27{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-location-stage-v27{
    grid-template-columns:240px 1fr!important;
  }
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-newsletter-community-head,
  html body .iomtpl .iomtpl-location-head-v27{
    align-items:flex-start!important;flex-direction:column!important;
  }
  html body .iomtpl .iomtpl-newsletter-letter-empty{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-location-stage-v27{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-location-map-frame-v27,
  html body .iomtpl .iomtpl-location-map-frame-v27 iframe{
    height:260px!important;min-height:260px!important;
  }
}




/* ===== v2.9 REAL HERO MEDIA FIX ===== */
html body .iomtpl .iomtpl-hero.has-image{
  background-color:#080c12!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
html body .iomtpl .iomtpl-hero.has-image:after{
  /* keep the subtle grid texture, but do not cover the photo */
  opacity:.38!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-hero.has-image .iomtpl-hero-grid{
  position:relative!important;
  z-index:3!important;
}


/* ===== v3.0 ALL LOCATIONS ON ONE MAP ===== */
html body .iomtpl .iomtpl-all-locations-stage{
  grid-template-columns:300px minmax(0,1fr)!important;
}
html body .iomtpl .iomtpl-map-location-list{
  display:grid!important;
  gap:7px!important;
  margin-top:16px!important;
}
html body .iomtpl .iomtpl-map-location-chip{
  width:100%!important;
  display:grid!important;
  grid-template-columns:24px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  font-weight:700!important;
}
html body .iomtpl .iomtpl-map-location-chip span{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(225,27,34,.20)!important;
  color:#fff!important;
  font-size:9px!important;
}
html body .iomtpl .iomtpl-map-location-chip:hover,
html body .iomtpl .iomtpl-map-location-chip.active{
  border-color:rgba(225,27,34,.55)!important;
  background:rgba(225,27,34,.12)!important;
  color:#fff!important;
}
html body .iomtpl .iomtpl-map-location-chip.active span{
  background:#e11b22!important;
  box-shadow:0 0 16px rgba(225,27,34,.25)!important;
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-all-locations-stage{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-map-location-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  html body .iomtpl .iomtpl-map-location-list{
    grid-template-columns:1fr!important;
  }
}


/* ===== v3.1 CLEAN MULTI-PIN MAP — NO ROUTES / NO DISTANCE ===== */
html body .iomtpl .iomtpl-location-map-frame-v27{
  position:relative!important;
  background:#e9eee7!important;
}
html body .iomtpl .iomtpl-leaflet-map{
  width:100%!important;
  height:292px!important;
  min-height:292px!important;
  z-index:1!important;
}
html body .iomtpl .iomtpl-leaflet-map .leaflet-control-zoom a{
  color:#111827!important;
}
html body .iomtpl .iomtpl-leaflet-map .leaflet-control-attribution{
  font-size:8px!important;
}
html body .iomtpl .iomtpl-map-pin-wrap{
  background:transparent!important;
  border:0!important;
}
html body .iomtpl .iomtpl-map-pin{
  position:relative;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:linear-gradient(180deg,#ef252c,#c70f16);
  border:3px solid #fff;
  box-shadow:0 10px 24px rgba(225,27,34,.30),0 0 0 1px rgba(0,0,0,.05);
}
html body .iomtpl .iomtpl-map-pin span{
  transform:rotate(45deg);
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-map-popup{
  min-width:180px;
  display:grid;
  gap:3px;
}
html body .iomtpl .iomtpl-map-popup strong{
  color:#111827!important;
  font-size:12px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-map-popup span{
  color:#667085!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-leaflet-map .leaflet-popup-content-wrapper{
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(16,24,40,.16)!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-leaflet-map{
    height:260px!important;
    min-height:260px!important;
  }
}


/* ===== v3.2 INTERACTION RECOVERY ===== */
html body .iomtpl .iomtpl-give-modal,
html body .iomtpl .iomtpl-closet-modal,
html body .iomtpl .iomtpl-newsletter-modal,
html body .iomtpl .iomtpl-letter-modal,
html body .iomtpl .iomtpl-comments-modal,
html body .iomtpl .iomtpl-locations-modal,
html body .iomtpl .iomtpl-modal{
  visibility:hidden;
  pointer-events:none;
  opacity:0;
}
html body .iomtpl .iomtpl-give-modal.open,
html body .iomtpl .iomtpl-closet-modal.open,
html body .iomtpl .iomtpl-newsletter-modal.open,
html body .iomtpl .iomtpl-letter-modal.open,
html body .iomtpl .iomtpl-comments-modal.open,
html body .iomtpl .iomtpl-locations-modal.open,
html body .iomtpl .iomtpl-modal.open{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
}
html body .iomtpl .iomtpl-hub-overlay{
  visibility:hidden;
  pointer-events:none;
  opacity:0;
}
html body .iomtpl .iomtpl-hub-overlay.open{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
}


/* ===== v3.3 IOM CLOTHING CLOSET MENU + POPUP ===== */
html body .iomtpl .iomtpl-closet-nav{
  color:#ffffff!important;
  background:none!important;
  border:0!important;
  cursor:pointer!important;
}

html body .iomtpl .iomtpl-closet-modal{
  position:fixed;
  inset:0;
  z-index:118;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(1,3,6,.78);
  backdrop-filter:blur(11px);
}
html body .iomtpl .iomtpl-closet-shell{
  width:min(980px,100%);
  max-height:90vh;
  overflow:auto;
  border-radius:28px;
  padding:26px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 0%,rgba(225,27,34,.18),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(202,166,111,.10),transparent 28%),
    linear-gradient(145deg,#0a1018,#030507 74%);
  border:1px solid rgba(225,27,34,.50);
  box-shadow:0 45px 130px rgba(0,0,0,.72),0 0 42px rgba(225,27,34,.14);
}
html body .iomtpl .iomtpl-closet-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:2px 2px 20px;
}
html body .iomtpl .iomtpl-closet-hero h2{
  margin:5px 0 7px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-closet-hero p{
  margin:0!important;
  max-width:650px;
  color:rgba(255,255,255,.64)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-closet-close{
  flex:none;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-closet-close:hover{
  border-color:#e11b22!important;
  background:rgba(225,27,34,.14)!important;
}
html body .iomtpl .iomtpl-closet-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
html body .iomtpl .iomtpl-closet-card{
  position:relative;
  min-height:190px;
  padding:20px;
  overflow:hidden;
  border-radius:17px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}
html body .iomtpl .iomtpl-closet-card-dark{
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.20),transparent 36%),
    rgba(255,255,255,.045)!important;
  border-color:rgba(225,27,34,.40)!important;
}
html body .iomtpl .iomtpl-closet-card:after{
  content:"";
  position:absolute;
  right:-65px;
  bottom:-70px;
  width:160px;
  height:160px;
  border-radius:50%;
  border:1px solid rgba(202,166,111,.10);
  box-shadow:0 0 0 28px rgba(225,27,34,.018);
  pointer-events:none;
}
html body .iomtpl .iomtpl-closet-number{
  color:#ff3138!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em;
}
html body .iomtpl .iomtpl-closet-card h3{
  margin:8px 0 5px!important;
  color:#fff!important;
  font-size:18px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-closet-card strong{
  color:#ead9bd!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-closet-card p{
  margin:9px 0 0!important;
  color:rgba(255,255,255,.63)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-closet-text-action{
  position:relative;
  z-index:2;
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ff3138!important;
  font-size:11px!important;
  font-weight:850!important;
}
html body .iomtpl .iomtpl-closet-location{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:13px;
  padding:18px 20px;
  border-radius:17px;
  background:#f7f1e7!important;
  color:#111827!important;
}
html body .iomtpl .iomtpl-closet-location h3{
  margin:4px 0 2px!important;
  color:#111827!important;
  font-size:19px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-closet-location p{
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-closet-contact-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:9px;
}
html body .iomtpl .iomtpl-closet-contact-row a{
  color:#111827!important;
  font-size:11px!important;
  font-weight:750!important;
}
html body .iomtpl .iomtpl-closet-location-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
html body .iomtpl .iomtpl-closet-location-actions a,
html body .iomtpl .iomtpl-closet-location-actions button{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body .iomtpl .iomtpl-closet-location-actions a{
  color:#111827!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.10)!important;
}
html body .iomtpl .iomtpl-closet-location-actions button{
  color:#fff!important;
  background:#e11b22!important;
  border:1px solid #e11b22!important;
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-closet-grid{grid-template-columns:1fr}
  html body .iomtpl .iomtpl-closet-location{
    align-items:flex-start;
    flex-direction:column;
  }
  html body .iomtpl .iomtpl-closet-location-actions{
    justify-content:flex-start;
  }
  html body .iomtpl .iomtpl-closet-hero h2{font-size:27px!important}
}


/* ===== v3.4 CLOTHING CLOSET SMS ACTION FLOW ===== */
html body .iomtpl .iomtpl-closet-quickbar{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:1px;
  margin-bottom:13px;
  overflow:hidden;
  border-radius:15px;
  border:1px solid rgba(202,166,111,.22);
  background:rgba(202,166,111,.18);
}
html body .iomtpl .iomtpl-closet-quickbar > div{
  display:grid;
  gap:2px;
  padding:13px 15px;
  background:rgba(255,255,255,.045);
}
html body .iomtpl .iomtpl-closet-quickbar span{
  color:#ff3138!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em;
}
html body .iomtpl .iomtpl-closet-quickbar strong{
  color:#fff!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-closet-quickbar small{
  color:rgba(255,255,255,.52)!important;
  font-size:9px!important;
}
html body .iomtpl .iomtpl-closet-primary-action{
  position:relative;
  z-index:2;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin-top:13px!important;
  padding:0 13px!important;
  border-radius:8px!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  box-shadow:0 8px 22px rgba(225,27,34,.15)!important;
}
html body .iomtpl .iomtpl-closet-primary-action:hover{
  transform:translateY(-1px)!important;
  background:#f02027!important;
}
html body .iomtpl .iomtpl-closet-sms-note{
  position:relative;
  z-index:2;
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.43)!important;
  font-size:8px!important;
  text-transform:uppercase;
  letter-spacing:.05em;
}
html body .iomtpl .iomtpl-closet-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:13px;
  padding:17px 19px;
  border-radius:16px;
  background:#f7f1e7!important;
  color:#111827!important;
}
html body .iomtpl .iomtpl-closet-bottom h3{
  margin:4px 0 3px!important;
  color:#111827!important;
  font-size:18px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-closet-bottom p{
  margin:0!important;
  color:#667085!important;
  font-size:11px!important;
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-closet-quickbar{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-closet-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== v3.5 REMOVE PUBLIC HERO EDITOR PLACEHOLDER ===== */
html body .iomtpl .iomtpl-hero-media-card,
html body .iomtpl .iomtpl-current-upcoming,
html body .iomtpl .iomtpl-hero-side-card{
  display:none!important;
}

/* Hero becomes a clean two-column visual only when content exists */
html body .iomtpl .iomtpl-hero.has-image .iomtpl-hero-grid,
html body .iomtpl .iomtpl-hero.has-video .iomtpl-hero-grid{
  grid-template-columns:minmax(0,720px) 1fr!important;
}

/* Do not reserve space for a removed placeholder card */
html body .iomtpl .iomtpl-hero-placeholder,
html body .iomtpl [data-hero-placeholder]{
  display:none!important;
}


/* ===== v3.6 DEDICATED CLOTHING CLOSET PAGE ===== */
html body .iomtpl-closet-page{
  background:#f5f2ec!important;
  color:#111827!important;
}
html body .iomtpl-closet-page-nav{
  position:sticky;top:0;z-index:40;
  background:rgba(3,7,12,.96)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(225,27,34,.28);
}
html body .iomtpl-closet-page-nav-inner{
  min-height:76px;
  display:grid;
  grid-template-columns:110px 1fr auto;
  align-items:center;
  gap:28px;
}
html body .iomtpl-closet-brand img{max-height:52px!important;width:auto!important}
html body .iomtpl-closet-page-nav nav{
  display:flex;justify-content:center;gap:24px;align-items:center;
}
html body .iomtpl-closet-page-nav nav a{
  color:#fff!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase;
}
html body .iomtpl-closet-nav-cta{
  padding:11px 15px!important;border-radius:8px!important;background:#e11b22!important;color:#fff!important;
  font-size:10px!important;font-weight:850!important;
}

html body .iomtpl-closet-page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 30%,rgba(225,27,34,.20),transparent 25%),
    radial-gradient(circle at 80% 90%,rgba(202,166,111,.09),transparent 28%),
    linear-gradient(135deg,#070d15,#020406 72%)!important;
}
html body .iomtpl-closet-page-hero-grid{
  min-height:560px;
  display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;
}
html body .iomtpl-closet-page-hero h1{
  margin:9px 0 15px!important;color:#fff!important;font-size:64px!important;line-height:.94!important;text-transform:uppercase;
  letter-spacing:-2px;
}
html body .iomtpl-closet-page-hero-copy>p{
  max-width:650px;margin:0!important;color:rgba(255,255,255,.68)!important;font-size:17px!important;line-height:1.55!important;
}
html body .iomtpl-closet-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
html body .iomtpl-btn-red,
html body .iomtpl-btn-outline{
  min-height:46px;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 18px!important;border-radius:8px!important;font-size:11px!important;font-weight:850!important;
}
html body .iomtpl-btn-red{background:#e11b22!important;color:#fff!important}
html body .iomtpl-btn-outline{border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}
html body .iomtpl-closet-page-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08);
}
html body .iomtpl-closet-page-facts span{
  display:grid;gap:3px;padding:14px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.52)!important;font-size:9px!important;
  text-transform:uppercase;
}
html body .iomtpl-closet-page-facts strong{color:#fff!important;font-size:11px!important}
html body .iomtpl-closet-page-visual{display:flex;justify-content:center}
html body .iomtpl-closet-page-visual-card{
  position:relative;width:380px;height:380px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  border:1px solid rgba(225,27,34,.42);
  background:radial-gradient(circle,rgba(225,27,34,.13),rgba(6,10,16,.0) 68%);
  box-shadow:0 0 70px rgba(225,27,34,.08);
}
html body .iomtpl-closet-page-visual-card:before,
html body .iomtpl-closet-page-visual-card:after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(202,166,111,.12);
}
html body .iomtpl-closet-page-visual-card:before{inset:38px}
html body .iomtpl-closet-page-visual-card:after{inset:78px}
html body .iomtpl-closet-page-visual-label{
  position:absolute;top:44px;color:#ead9bd!important;font-size:9px!important;font-weight:850!important;letter-spacing:.08em;text-transform:uppercase;
}
html body .iomtpl-closet-page-visual-copy{display:grid;gap:5px;position:relative;z-index:2}
html body .iomtpl-closet-page-visual-copy strong{color:#fff!important;font-size:25px!important;text-transform:uppercase}
html body .iomtpl-closet-page-visual-copy span{color:rgba(255,255,255,.55)!important;font-size:11px!important}

html body .iomtpl-closet-page-strip{background:#fff!important;border-bottom:1px solid rgba(17,24,39,.06)}
html body .iomtpl-closet-page-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ede8de}
html body .iomtpl-closet-page-strip-grid>div{display:grid;gap:4px;padding:23px 25px;background:#fff}
html body .iomtpl-closet-page-strip span{color:#e11b22!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em}
html body .iomtpl-closet-page-strip strong{color:#111827!important;font-size:18px!important}
html body .iomtpl-closet-page-strip small{color:#667085!important;font-size:10px!important}

html body .iomtpl-closet-page-main{padding:62px 0!important}
html body .iomtpl-closet-page-intro{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:28px;
}
html body .iomtpl-closet-page-intro h2{
  margin:6px 0 0!important;font-size:34px!important;line-height:1!important;text-transform:uppercase;color:#111827!important;
}
html body .iomtpl-closet-page-intro>p{
  margin:0!important;color:#667085!important;font-size:13px!important;line-height:1.7!important;
}
html body .iomtpl-closet-page-feature-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
}
html body .iomtpl-closet-page-feature-grid article{
  min-height:250px;padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(17,24,39,.07);
  box-shadow:0 10px 28px rgba(16,24,40,.045);
}
html body .iomtpl-closet-page-feature-grid article.iomtpl-closet-feature-dark{
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.18),transparent 34%),
    linear-gradient(145deg,#0a111a,#030608)!important;
  border-color:rgba(225,27,34,.38)!important;
}
html body .iomtpl-closet-feature-number{color:#e11b22!important;font-size:10px!important;font-weight:900!important}
html body .iomtpl-closet-page-feature-grid h3{
  margin:10px 0 8px!important;font-size:20px!important;text-transform:uppercase;color:#111827!important;
}
html body .iomtpl-closet-page-feature-grid p{margin:0!important;color:#667085!important;font-size:12px!important;line-height:1.65!important}
html body .iomtpl-closet-page-feature-grid a{
  display:inline-block;margin-top:15px;color:#e11b22!important;font-size:11px!important;font-weight:850!important;
}
html body .iomtpl-closet-feature-dark h3{color:#fff!important}
html body .iomtpl-closet-feature-dark p{color:rgba(255,255,255,.63)!important}
html body .iomtpl-closet-feature-dark a{color:#ead9bd!important}

html body .iomtpl-closet-page-location{
  padding:0 0 62px!important;background:#f5f2ec!important;
}
html body .iomtpl-closet-page-location-grid{
  display:grid;grid-template-columns:360px 1fr;overflow:hidden;border-radius:20px;
  border:1px solid rgba(202,166,111,.24);box-shadow:0 18px 50px rgba(16,24,40,.09);
}
html body .iomtpl-closet-page-location-copy{
  display:flex;flex-direction:column;justify-content:center;padding:32px;
  background:
    radial-gradient(circle at 0 100%,rgba(225,27,34,.15),transparent 36%),
    linear-gradient(145deg,#0a111a,#030608)!important;color:#fff;
}
html body .iomtpl-closet-page-location-copy h2{
  margin:8px 0 4px!important;color:#fff!important;font-size:28px!important;line-height:1!important;text-transform:uppercase;
}
html body .iomtpl-closet-page-location-copy p{color:rgba(255,255,255,.58)!important;font-size:12px!important}
html body .iomtpl-closet-contact-list{display:grid;gap:5px;margin:14px 0}
html body .iomtpl-closet-contact-list a{color:#ead9bd!important;font-size:11px!important}
html body .iomtpl-closet-page-map iframe{display:block;width:100%;height:370px;border:0}

html body .iomtpl-closet-page-cta{padding:42px 0!important;background:#0a1018!important}
html body .iomtpl-closet-page-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
html body .iomtpl-closet-page-cta h2{margin:6px 0 0!important;color:#fff!important;font-size:28px!important;text-transform:uppercase}
html body .iomtpl-closet-page-cta-actions{display:flex;gap:9px;flex-wrap:wrap}
html body .iomtpl-closet-page-cta-actions a{
  padding:12px 15px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;font-size:10px!important;font-weight:850!important;
}
html body .iomtpl-closet-page-cta-actions a:first-child{background:#e11b22!important;border-color:#e11b22!important}

@media(max-width:900px){
  html body .iomtpl-closet-page-nav nav{display:none}
  html body .iomtpl-closet-page-nav-inner{grid-template-columns:1fr auto}
  html body .iomtpl-closet-page-hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0}
  html body .iomtpl-closet-page-visual{display:none}
  html body .iomtpl-closet-page-intro{grid-template-columns:1fr;gap:16px}
  html body .iomtpl-closet-page-location-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  html body .iomtpl-closet-page-hero h1{font-size:44px!important}
  html body .iomtpl-closet-page-facts,
  html body .iomtpl-closet-page-strip-grid,
  html body .iomtpl-closet-page-feature-grid{grid-template-columns:1fr}
  html body .iomtpl-closet-page-cta-inner{align-items:flex-start;flex-direction:column}
  html body .iomtpl-closet-nav-cta{display:none}
}

html body .iomtpl .iomtpl-closet-nav{
  color:#fff!important;
}


/* ===== v3.7 CLOTHING CLOSET HERO PHOTO ===== */
html body .iomtpl-closet-page-hero{
  background:
    linear-gradient(90deg,
      rgba(2,5,9,.97) 0%,
      rgba(3,7,12,.90) 30%,
      rgba(4,8,14,.70) 52%,
      rgba(4,8,14,.34) 72%,
      rgba(4,8,14,.16) 100%
    ),
    url("images/clothing-closet-hero.jpg") center 48% / cover no-repeat!important;
}
html body .iomtpl-closet-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 30%,rgba(225,27,34,.15),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(3,7,12,.10));
}
html body .iomtpl-closet-page-hero-grid{
  position:relative!important;
  z-index:2!important;
}
html body .iomtpl-closet-page-visual{
  display:none!important;
}
html body .iomtpl-closet-page-hero-grid{
  grid-template-columns:minmax(0,760px) 1fr!important;
}
@media(max-width:900px){
  html body .iomtpl-closet-page-hero{
    background-position:center center!important;
  }
  html body .iomtpl-closet-page-hero-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== v3.8 COMMUNITY VOICES INTERACTION ===== */
html body .iomtpl .iomtpl-newsletter-letter-empty-interactive{
  grid-template-columns:230px minmax(0,1fr) auto!important;
  gap:18px!important;
}
html body .iomtpl .iomtpl-community-heart{
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:48px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-radius:13px!important;
  border:1px solid rgba(225,27,34,.42)!important;
  background:rgba(225,27,34,.055)!important;
  color:#fff!important;
  text-align:left!important;
}
html body .iomtpl .iomtpl-community-heart:hover,
html body .iomtpl .iomtpl-community-heart.loved{
  background:rgba(225,27,34,.14)!important;
  border-color:#e11b22!important;
  box-shadow:0 0 24px rgba(225,27,34,.10)!important;
}
html body .iomtpl .iomtpl-community-heart-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.70)!important;
  color:#ff3138!important;
  font-size:25px!important;
}
html body .iomtpl .iomtpl-community-heart-label{
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  line-height:1.25!important;
}
html body .iomtpl .iomtpl-community-heart strong{
  min-width:26px!important;
  color:#fff!important;
  font-size:17px!important;
  text-align:right!important;
}
html body .iomtpl .iomtpl-newsletter-empty-copy h4{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:16px!important;
}
html body .iomtpl .iomtpl-newsletter-empty-copy p{
  margin:0!important;
  color:rgba(255,255,255,.57)!important;
  font-size:11px!important;
  line-height:1.45!important;
}
html body .iomtpl .iomtpl-newsletter-empty-actions{
  display:grid!important;
  gap:8px!important;
  justify-items:stretch!important;
  min-width:185px!important;
}
html body .iomtpl .iomtpl-community-comment-btn{
  min-height:40px!important;
  padding:0 13px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
}
html body .iomtpl .iomtpl-community-comment-btn:hover{
  border-color:#caa66f!important;
  color:#ead9bd!important;
}
html body .iomtpl .iomtpl-community-comment-btn span{
  color:#ff3138!important;
  margin-left:4px!important;
}
html body .iomtpl .iomtpl-comments-thread{
  display:grid!important;
  gap:8px!important;
  max-height:260px!important;
  overflow:auto!important;
  margin-top:16px!important;
  padding-right:4px!important;
}
html body .iomtpl .iomtpl-comment-item{
  padding:12px 13px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
}
html body .iomtpl .iomtpl-comment-item>div{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
}
html body .iomtpl .iomtpl-comment-item strong{
  color:#fff!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-comment-item span{
  color:rgba(255,255,255,.36)!important;
  font-size:8px!important;
}
html body .iomtpl .iomtpl-comment-item p{
  margin:6px 0 0!important;
  color:rgba(255,255,255,.67)!important;
  font-size:11px!important;
  line-height:1.45!important;
}
html body .iomtpl .iomtpl-comment-empty,
html body .iomtpl .iomtpl-comment-loading{
  padding:15px!important;
  border-radius:10px!important;
  border:1px dashed rgba(202,166,111,.28)!important;
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
  text-align:center!important;
}
@media(max-width:800px){
  html body .iomtpl .iomtpl-newsletter-letter-empty-interactive{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-newsletter-empty-actions{
    min-width:0!important;
  }
}


/* ===== v3.9 GIVE POPUP — ONE SCROLLBAR ONLY ===== */
html body .iomtpl .iomtpl-give-modal{
  overflow:hidden!important;
}

html body .iomtpl .iomtpl-give-shell{
  width:min(760px,calc(100% - 24px))!important;
  height:min(860px,92vh)!important;
  max-height:92vh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

html body .iomtpl .iomtpl-give-topbar{
  flex:none!important;
  padding-bottom:14px!important;
}

html body .iomtpl .iomtpl-give-embed,
html body .iomtpl .iomtpl-give-iframe-wrap{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fff!important;
}

/* Tithe.ly itself owns the one visible scrollbar */
html body .iomtpl .iomtpl-give-iframe-wrap .iomtpl-tithely-frame{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  overflow:auto!important;
  background:#fff!important;
}

html body .iomtpl .iomtpl-give-footer{
  flex:none!important;
  padding-top:10px!important;
}

@media(max-width:650px){
  html body .iomtpl .iomtpl-give-shell{
    width:100%!important;
    height:94vh!important;
    max-height:94vh!important;
    padding:14px!important;
  }
}


/* ===== v3.9 HORIZONTAL STORY FOUNDATION =====
   Not enabled globally. Intended for a future contained desktop storytelling rail. */
html body .iomtpl .iomtpl-horizontal-story{
  position:relative;
}
html body .iomtpl .iomtpl-horizontal-story-track{
  display:flex;
  width:max-content;
}
html body .iomtpl .iomtpl-horizontal-story-panel{
  width:100vw;
  min-height:100vh;
  flex:0 0 100vw;
}


/* ==================================================
   v4.0 DESKTOP HORIZONTAL STORY EXPERIENCE
   ================================================== */

html body .iomtpl .iomtpl-horizontal-story{
  position:relative!important;
  height:300vh!important;
  background:#f5f2ec!important;
}
html body .iomtpl .iomtpl-horizontal-sticky{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:hidden!important;
  background:#f5f2ec!important;
}
html body.admin-bar .iomtpl .iomtpl-horizontal-sticky{
  top:32px!important;
  height:calc(100vh - 32px)!important;
}
html body .iomtpl .iomtpl-horizontal-track{
  display:flex!important;
  width:300vw!important;
  height:100%!important;
  will-change:transform!important;
  transition:transform .08s linear!important;
}
html body .iomtpl .iomtpl-horizontal-panel{
  position:relative!important;
  flex:0 0 100vw!important;
  width:100vw!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-horizontal-panel-inner{
  width:100%!important;
}
html body .iomtpl .iomtpl-horizontal-progress{
  position:absolute!important;
  z-index:8!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  background:rgba(17,24,39,.08)!important;
}
html body .iomtpl .iomtpl-horizontal-progress span{
  display:block!important;
  width:0;
  height:100%!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
}

html body .iomtpl .iomtpl-horizontal-kicker{
  display:flex!important;
  align-items:flex-start!important;
  gap:17px!important;
  margin-bottom:30px!important;
}
html body .iomtpl .iomtpl-horizontal-kicker>span{
  width:42px!important;
  height:42px!important;
  flex:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 8px 24px rgba(225,27,34,.18)!important;
}
html body .iomtpl .iomtpl-horizontal-kicker h2{
  margin:5px 0 0!important;
  color:#111827!important;
  font-size:42px!important;
  line-height:.98!important;
  letter-spacing:-1.2px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-horizontal-hint{
  position:absolute!important;
  right:56px!important;
  bottom:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
html body .iomtpl .iomtpl-horizontal-hint span{
  color:#e11b22!important;
  font-size:18px!important;
}

/* Panel 1: three actions */
html body .iomtpl .iomtpl-horizontal-panel-actions{
  background:
    radial-gradient(circle at 88% 15%,rgba(202,166,111,.10),transparent 28%),
    linear-gradient(180deg,#f8f6f2,#efeae2)!important;
}
html body .iomtpl .iomtpl-horizontal-pillar-grid{
  gap:16px!important;
}
html body .iomtpl .iomtpl-horizontal-pillar-grid .iomtpl-pillar{
  min-height:270px!important;
  border-radius:22px!important;
  padding:28px!important;
}
html body .iomtpl .iomtpl-horizontal-pillar-grid .iomtpl-pillar:hover{
  transform:translateY(-9px)!important;
}

/* Panel 2: impact */
html body .iomtpl .iomtpl-horizontal-panel-impact{
  background:
    radial-gradient(circle at 85% 28%,rgba(225,27,34,.18),transparent 27%),
    radial-gradient(circle at 12% 80%,rgba(202,166,111,.07),transparent 30%),
    linear-gradient(145deg,#080e16,#020406 72%)!important;
}
html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-eyebrow{
  color:#ff3138!important;
}
html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-horizontal-kicker h2{
  color:#fff!important;
}
html body .iomtpl .iomtpl-horizontal-impact-layout{
  display:grid!important;
  grid-template-columns:.72fr 1.28fr!important;
  gap:70px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-horizontal-impact-copy>p{
  max-width:520px!important;
  color:rgba(255,255,255,.60)!important;
  font-size:15px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-horizontal-impact-copy>strong{
  color:#ead9bd!important;
  font-size:14px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-horizontal-impact-line{
  width:74px!important;
  height:2px!important;
  margin:23px 0!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
}
html body .iomtpl .iomtpl-horizontal-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
}
html body .iomtpl .iomtpl-horizontal-stat{
  min-height:275px!important;
  padding:28px 22px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.035)!important;
}
html body .iomtpl .iomtpl-horizontal-stat span{
  margin-bottom:auto!important;
  color:#ff3138!important;
  font-size:34px!important;
}
html body .iomtpl .iomtpl-horizontal-stat strong{
  color:#fff!important;
  font-size:43px!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-horizontal-stat small{
  margin-top:7px!important;
  color:rgba(255,255,255,.50)!important;
  font-size:11px!important;
  text-transform:uppercase!important;
}

/* Panel 3: partners */
html body .iomtpl .iomtpl-horizontal-panel-partners{
  background:
    radial-gradient(circle at 5% 10%,rgba(225,27,34,.08),transparent 25%),
    linear-gradient(180deg,#fbfaf8,#f0ece5)!important;
}
html body .iomtpl .iomtpl-horizontal-partner-layout{
  display:grid!important;
  grid-template-columns:400px minmax(0,1fr)!important;
  gap:65px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-horizontal-partner-copy>p{
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-horizontal-partner-window{
  min-width:0!important;
  padding:28px 0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.065)!important;
  box-shadow:0 18px 52px rgba(16,24,40,.07)!important;
}
html body .iomtpl .iomtpl-horizontal-partner-window .iomtpl-partner-carousel{
  margin:0!important;
}
html body .iomtpl .iomtpl-horizontal-finish{
  position:absolute!important;
  right:56px!important;
  bottom:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-horizontal-finish strong{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:16px!important;
}

/* Desktop transition into the regular locations section */
html body .iomtpl .iomtpl-locations-v27{
  position:relative!important;
  z-index:2!important;
  box-shadow:0 -16px 50px rgba(16,24,40,.05)!important;
}

/* Tablet/mobile: turn the exact same content back into a normal vertical flow */
@media(max-width:979px){
  html body .iomtpl .iomtpl-horizontal-story{
    height:auto!important;
  }
  html body .iomtpl .iomtpl-horizontal-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  html body.admin-bar .iomtpl .iomtpl-horizontal-sticky{
    top:auto!important;
    height:auto!important;
  }
  html body .iomtpl .iomtpl-horizontal-progress{
    display:none!important;
  }
  html body .iomtpl .iomtpl-horizontal-track{
    display:block!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
  }
  html body .iomtpl .iomtpl-horizontal-panel{
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    padding:48px 0!important;
    overflow:visible!important;
  }
  html body .iomtpl .iomtpl-horizontal-kicker h2{
    font-size:31px!important;
  }
  html body .iomtpl .iomtpl-horizontal-pillar-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-horizontal-pillar-grid .iomtpl-pillar{
    min-height:180px!important;
  }
  html body .iomtpl .iomtpl-horizontal-impact-layout,
  html body .iomtpl .iomtpl-horizontal-partner-layout{
    grid-template-columns:1fr!important;
    gap:25px!important;
  }
  html body .iomtpl .iomtpl-horizontal-stats{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-horizontal-stat{
    min-height:160px!important;
  }
  html body .iomtpl .iomtpl-horizontal-hint,
  html body .iomtpl .iomtpl-horizontal-finish{
    display:none!important;
  }
}


/* ===== v4.1 HERO VISUAL CLEANUP ===== */

/* Never show editor/developer guidance publicly */
html body .iomtpl .iomtpl-hero-media-card,
html body .iomtpl .iomtpl-hero-placeholder,
html body .iomtpl .iomtpl-current-upcoming,
html body .iomtpl [data-hero-placeholder]{
  display:none!important;
}

/* Decorative right-side hero artwork */
html body .iomtpl .iomtpl-hero-art{
  position:absolute!important;
  right:5vw!important;
  top:50%!important;
  width:min(430px,34vw)!important;
  aspect-ratio:1/1!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
}

html body .iomtpl .iomtpl-hero-orbit{
  position:absolute!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.42)!important;
}
html body .iomtpl .iomtpl-hero-orbit-one{inset:0!important}
html body .iomtpl .iomtpl-hero-orbit-two{
  inset:13%!important;
  border-color:rgba(202,166,111,.22)!important;
}
html body .iomtpl .iomtpl-hero-orbit-three{
  inset:27%!important;
  border-color:rgba(255,255,255,.10)!important;
}
html body .iomtpl .iomtpl-hero-pulse{
  position:absolute!important;
  inset:19%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(225,27,34,.18) 0%,rgba(225,27,34,.08) 34%,transparent 70%)!important;
  box-shadow:0 0 70px rgba(225,27,34,.13)!important;
}
html body .iomtpl .iomtpl-hero-mark{
  position:relative!important;
  z-index:3!important;
  width:156px!important;
  height:156px!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(3,7,12,.62)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.28)!important;
}
html body .iomtpl .iomtpl-hero-mark span{
  color:#e11b22!important;
  font-size:44px!important;
  font-weight:950!important;
  line-height:.8!important;
}
html body .iomtpl .iomtpl-hero-mark small{
  margin-top:8px!important;
  color:#ead9bd!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
}
html body .iomtpl .iomtpl-hero-spark{
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 18px rgba(225,27,34,.65)!important;
}
html body .iomtpl .iomtpl-hero-spark-a{
  top:14%!important;
  right:22%!important;
}
html body .iomtpl .iomtpl-hero-spark-b{
  bottom:19%!important;
  left:16%!important;
  background:#caa66f!important;
  box-shadow:0 0 18px rgba(202,166,111,.5)!important;
}

/* Let the real hero photo stay visible under the visual treatment */
html body .iomtpl .iomtpl-hero.has-image .iomtpl-hero-art{
  opacity:.92!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-hero-art{
    width:280px!important;
    right:-70px!important;
    opacity:.44!important;
  }
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-hero-art{
    display:none!important;
  }
}


/* ===== v4.2 DONATE ITEMS GUIDED POPUP ===== */
html body .iomtpl .iomtpl-donate-items-modal{
  position:fixed;
  inset:0;
  z-index:121;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(1,3,6,.79);
  backdrop-filter:blur(11px);
  visibility:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
html body .iomtpl .iomtpl-donate-items-modal.open{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
}
html body .iomtpl .iomtpl-donate-items-shell{
  width:min(980px,100%);
  max-height:90vh;
  overflow:auto;
  padding:26px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 0%,rgba(225,27,34,.18),transparent 29%),
    radial-gradient(circle at 100% 100%,rgba(202,166,111,.09),transparent 27%),
    linear-gradient(145deg,#0a1018,#030507 74%);
  border:1px solid rgba(225,27,34,.50);
  box-shadow:0 45px 130px rgba(0,0,0,.72),0 0 42px rgba(225,27,34,.13);
}
html body .iomtpl .iomtpl-donate-items-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
}
html body .iomtpl .iomtpl-donate-items-head h2{
  margin:5px 0 7px!important;
  max-width:690px;
  color:#fff!important;
  font-size:32px!important;
  line-height:1.02!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-donate-items-head p{
  margin:0!important;
  max-width:720px;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-donate-items-close{
  flex:none;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-donate-items-close:hover{
  border-color:#e11b22!important;
  background:rgba(225,27,34,.14)!important;
}

html body .iomtpl .iomtpl-donate-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
html body .iomtpl .iomtpl-donate-steps article{
  position:relative;
  min-height:265px;
  padding:20px;
  overflow:hidden;
  border-radius:17px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
}
html body .iomtpl .iomtpl-donate-steps article:nth-child(2){
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.18),transparent 38%),
    rgba(255,255,255,.04)!important;
  border-color:rgba(225,27,34,.38)!important;
}
html body .iomtpl .iomtpl-donate-steps article>span{
  color:#ff3138!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em;
}
html body .iomtpl .iomtpl-donate-step-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-top:15px;
  border-radius:50%;
  border:1px solid rgba(225,27,34,.50);
  color:#fff!important;
  background:rgba(225,27,34,.08)!important;
  font-size:18px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-donate-steps h3{
  margin:16px 0 7px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.08!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-donate-steps p{
  margin:0!important;
  color:rgba(255,255,255,.59)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-donate-steps p strong{
  color:#ead9bd!important;
}
html body .iomtpl .iomtpl-donate-steps article>a{
  display:inline-block;
  margin-top:12px;
  color:#ff3138!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body .iomtpl .iomtpl-donate-items-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:12px;
  padding:17px 19px;
  border-radius:16px;
  background:#f7f1e7!important;
  color:#111827!important;
}
html body .iomtpl .iomtpl-donate-items-bottom strong{
  display:block;
  margin-top:4px;
  color:#111827!important;
  font-size:16px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-donate-items-bottom p{
  margin:3px 0 0!important;
  color:#667085!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-donate-items-bottom-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
html body .iomtpl .iomtpl-donate-items-bottom-actions a{
  min-height:39px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:8px!important;
  border:1px solid rgba(17,24,39,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body .iomtpl .iomtpl-donate-items-bottom-actions a:first-child{
  color:#fff!important;
  background:#e11b22!important;
  border-color:#e11b22!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-donate-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-donate-items-modal{padding:8px}
  html body .iomtpl .iomtpl-donate-items-shell{padding:18px;border-radius:20px}
  html body .iomtpl .iomtpl-donate-steps{grid-template-columns:1fr}
  html body .iomtpl .iomtpl-donate-steps article{min-height:auto}
  html body .iomtpl .iomtpl-donate-items-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== v4.3 HERO CENTER BRAND MARK ===== */
html body .iomtpl .iomtpl-hero-mark{
  width:156px!important;
  height:156px!important;
  padding:24px!important;
}
html body .iomtpl .iomtpl-hero-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))!important;
}
html body .iomtpl .iomtpl-hero-mark span,
html body .iomtpl .iomtpl-hero-mark small{display:none!important;}
@media(max-width:900px){
  html body .iomtpl .iomtpl-hero-mark{width:124px!important;height:124px!important;padding:20px!important;}
}


/* ==================================================
   v4.4 NORMAL VERTICAL HOMEPAGE
   ================================================== */
html body .iomtpl .iomtpl-horizontal-story{
  position:relative!important;
  height:auto!important;
  background:#f5f2ec!important;
}
html body .iomtpl .iomtpl-horizontal-sticky,
html body.admin-bar .iomtpl .iomtpl-horizontal-sticky{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  overflow:visible!important;
}
html body .iomtpl .iomtpl-horizontal-progress{
  display:none!important;
}
html body .iomtpl .iomtpl-horizontal-track{
  display:block!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
  transition:none!important;
}
html body .iomtpl .iomtpl-horizontal-panel{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:64px 0!important;
}
html body .iomtpl .iomtpl-horizontal-hint,
html body .iomtpl .iomtpl-horizontal-finish{
  display:none!important;
}
html body .iomtpl .iomtpl-horizontal-pillar-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body .iomtpl .iomtpl-horizontal-impact-layout{
  grid-template-columns:.72fr 1.28fr!important;
}
html body .iomtpl .iomtpl-horizontal-partner-layout{
  grid-template-columns:400px minmax(0,1fr)!important;
}
@media(max-width:979px){
  html body .iomtpl .iomtpl-horizontal-pillar-grid,
  html body .iomtpl .iomtpl-horizontal-impact-layout,
  html body .iomtpl .iomtpl-horizontal-partner-layout{
    grid-template-columns:1fr!important;
  }
}

/* ==================================================
   v4.4 ANIMATED HERO ORBITS
   ================================================== */
html body .iomtpl .iomtpl-hero-mark{
  width:164px!important;
  height:164px!important;
  padding:22px!important;
}
html body .iomtpl .iomtpl-hero-mark img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.28));
}
html body .iomtpl .iomtpl-hero-orbit-one{
  animation:iomOrbitCW 26s linear infinite;
}
html body .iomtpl .iomtpl-hero-orbit-two{
  animation:iomOrbitCCW 20s linear infinite;
}
html body .iomtpl .iomtpl-hero-orbit-three{
  animation:iomOrbitCW 14s linear infinite;
}
html body .iomtpl .iomtpl-hero-pulse{
  animation:iomHeroPulse 4.8s ease-in-out infinite;
}
html body .iomtpl .iomtpl-hero-spark-a{
  top:50%!important;
  left:50%!important;
  margin:-4px 0 0 -4px!important;
  animation:iomSparkOrbitA 10s linear infinite;
}
html body .iomtpl .iomtpl-hero-spark-b{
  top:50%!important;
  left:50%!important;
  margin:-4px 0 0 -4px!important;
  animation:iomSparkOrbitB 15s linear infinite reverse;
}

@keyframes iomOrbitCW{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes iomOrbitCCW{
  from{transform:rotate(360deg)}
  to{transform:rotate(0deg)}
}
@keyframes iomHeroPulse{
  0%,100%{
    transform:scale(.96);
    opacity:.58;
    box-shadow:0 0 42px rgba(225,27,34,.08);
  }
  50%{
    transform:scale(1.05);
    opacity:1;
    box-shadow:0 0 86px rgba(225,27,34,.20);
  }
}
@keyframes iomSparkOrbitA{
  from{transform:rotate(0deg) translateX(182px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(182px) rotate(-360deg)}
}
@keyframes iomSparkOrbitB{
  from{transform:rotate(0deg) translateX(132px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(132px) rotate(-360deg)}
}

@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-hero-orbit,
  html body .iomtpl .iomtpl-hero-pulse,
  html body .iomtpl .iomtpl-hero-spark{
    animation:none!important;
  }
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-hero-mark{
    width:132px!important;
    height:132px!important;
    padding:18px!important;
  }
  html body .iomtpl .iomtpl-hero-mark img{
    max-height:88px!important;
  }
}


/* ===== v4.5 THANKSGIVING HERO ===== */
html body .iomtpl .iomtpl-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html body .iomtpl .iomtpl-btn-tertiary{
  min-height:46px!important;
  display:inline-flex;
  align-items:center!important;
  justify-content:center!important;
  padding:0 20px!important;
  border-radius:8px!important;
  border:1px solid rgba(202,166,111,.60)!important;
  background:rgba(202,166,111,.08)!important;
  color:#ead9bd!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-btn-tertiary:hover{
  background:#caa66f!important;
  color:#111827!important;
  transform:translateY(-1px)!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-hero-actions>a{
    width:100%!important;
  }
}


/* ===== v4.6 REMOVE OLD THEME MOBILE HEADER ===== */
@media(max-width:979px){

  /* Astra / Hello / generic WP theme headers */
  body:has(.iomtpl) #masthead:not(.iomtpl-header),
  body:has(.iomtpl) header#masthead:not(.iomtpl-header),
  body:has(.iomtpl) .site-header:not(.iomtpl-header),
  body:has(.iomtpl) .elementor-location-header,
  body:has(.iomtpl) header[data-elementor-type="header"],
  body:has(.iomtpl) .elementor-element.elementor-element-eael-header,
  body:has(.iomtpl) .ast-mobile-header-wrap,
  body:has(.iomtpl) .ast-primary-header-bar,
  body:has(.iomtpl) .ast-builder-menu-mobile,
  body:has(.iomtpl) .site-header-primary-section-left,
  body:has(.iomtpl) .site-header-primary-section-right{
    display:none!important;
  }

  /* Remove spacing some themes reserve after hiding their header */
  body:has(.iomtpl) #page,
  body:has(.iomtpl) .site-content,
  body:has(.iomtpl) #content{
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Our custom header stays visible and becomes the only mobile navigation */
  html body .iomtpl .iomtpl-header{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:90!important;
  }

  body.admin-bar .iomtpl .iomtpl-header{
    top:46px!important;
  }
}

/* Older browsers without :has() — template-specific body class fallback */
@media(max-width:979px){
  body.iomtpl-page #masthead:not(.iomtpl-header),
  body.iomtpl-page .site-header:not(.iomtpl-header),
  body.iomtpl-page .elementor-location-header,
  body.iomtpl-page header[data-elementor-type="header"]{
    display:none!important;
  }
}


/* ===== v4.7 HERO CENTER LOGO — BRIGHT WHITE ===== */
html body .iomtpl .iomtpl-hero-mark{
  background:rgba(2,5,9,.72)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 20px 55px rgba(0,0,0,.34),
    inset 0 0 26px rgba(255,255,255,.025),
    0 0 34px rgba(225,27,34,.08)!important;
}
html body .iomtpl .iomtpl-hero-mark img{
  filter:brightness(0) invert(1) drop-shadow(0 7px 18px rgba(0,0,0,.32))!important;
  opacity:1!important;
}


/* ===== v4.7 THREE-SLIDE HERO RESTORE ===== */
html body .iomtpl .iomtpl-dots,
html body .iomtpl [data-slide-dots]{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
html body .iomtpl .iomtpl-dot{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  border-radius:50%!important;
}


/* ===== v4.8 THANKSGIVING VOLUNTEER BUTTON FIX ===== */
html body .iomtpl .iomtpl-btn-tertiary.is-visible,
html body .iomtpl [data-slide-tertiary].is-visible{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body .iomtpl [data-slide-tertiary][hidden]{
  display:none!important;
}

/* Keep all three hero actions visible and wrapping cleanly */
html body .iomtpl .iomtpl-hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
@media(min-width:651px){
  html body .iomtpl .iomtpl-hero-actions .iomtpl-btn{
    flex:0 0 auto!important;
  }
}


/* ===== v4.9 SHARED ANIMATED HERO ART ON ALL 3 SLIDES ===== */
html body .iomtpl .iomtpl-hero{
  position:relative!important;
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-hero-art-shared{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  position:absolute!important;
  right:5vw!important;
  top:50%!important;
  width:min(450px,35vw)!important;
  aspect-ratio:1/1!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
}

/* Keep art above background media but below interactive text/buttons */
html body .iomtpl .iomtpl-hero-grid{
  position:relative!important;
  z-index:4!important;
}
html body .iomtpl .iomtpl-hero-video{
  z-index:0!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-mark{
  z-index:5!important;
}

/* Same motion language on every slide */
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-orbit-one{
  animation:iomOrbitCW 26s linear infinite!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-orbit-two{
  animation:iomOrbitCCW 20s linear infinite!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-orbit-three{
  animation:iomOrbitCW 14s linear infinite!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-pulse{
  animation:iomHeroPulse 4.8s ease-in-out infinite!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-spark-a{
  animation:iomSparkOrbitA 10s linear infinite!important;
}
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-spark-b{
  animation:iomSparkOrbitB 15s linear infinite reverse!important;
}

/* White logo remains readable no matter which hero photo is active */
html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-mark img{
  filter:brightness(0) invert(1) drop-shadow(0 7px 18px rgba(0,0,0,.34))!important;
  opacity:1!important;
}

/* Slight photo-dependent separation so the orbit stays visible on bright images */
html body .iomtpl .iomtpl-hero-art-shared:before{
  content:"";
  position:absolute;
  inset:-10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(2,5,9,.18),rgba(2,5,9,.08) 45%,transparent 72%);
  pointer-events:none;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-hero-art-shared{
    width:300px!important;
    right:-64px!important;
    opacity:.48!important;
  }
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-hero-art-shared{
    display:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-orbit,
  html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-pulse,
  html body .iomtpl .iomtpl-hero-art-shared .iomtpl-hero-spark{
    animation:none!important;
  }
}


/* ===== v4.11 SECTION EDGE SPACING =====
   Adds a comfortable site gutter to the impact/numbers and partner sections
   without changing the overall full-width visual design.
*/
html body .iomtpl .iomtpl-impact,
html body .iomtpl .iomtpl-impact-section,
html body .iomtpl .iomtpl-numbers,
html body .iomtpl .iomtpl-stats,
html body .iomtpl .iomtpl-partners,
html body .iomtpl .iomtpl-partners-section,
html body .iomtpl .iomtpl-corporate-partners {
  padding-left: clamp(24px, 4vw, 76px) !important;
  padding-right: clamp(24px, 4vw, 76px) !important;
  box-sizing: border-box !important;
}

/* Protect likely inner wrappers too, while preventing accidental double-width overflow. */
html body .iomtpl .iomtpl-impact > .iomtpl-inner,
html body .iomtpl .iomtpl-impact-section > .iomtpl-inner,
html body .iomtpl .iomtpl-numbers > .iomtpl-inner,
html body .iomtpl .iomtpl-stats > .iomtpl-inner,
html body .iomtpl .iomtpl-partners > .iomtpl-inner,
html body .iomtpl .iomtpl-partners-section > .iomtpl-inner,
html body .iomtpl .iomtpl-corporate-partners > .iomtpl-inner {
  width: 100% !important;
  max-width: 1780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* On smaller screens keep enough breathing room without wasting space. */
@media (max-width: 900px) {
  html body .iomtpl .iomtpl-impact,
  html body .iomtpl .iomtpl-impact-section,
  html body .iomtpl .iomtpl-numbers,
  html body .iomtpl .iomtpl-stats,
  html body .iomtpl .iomtpl-partners,
  html body .iomtpl .iomtpl-partners-section,
  html body .iomtpl .iomtpl-corporate-partners {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
@media (max-width: 520px) {
  html body .iomtpl .iomtpl-impact,
  html body .iomtpl .iomtpl-impact-section,
  html body .iomtpl .iomtpl-numbers,
  html body .iomtpl .iomtpl-stats,
  html body .iomtpl .iomtpl-partners,
  html body .iomtpl .iomtpl-partners-section,
  html body .iomtpl .iomtpl-corporate-partners {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* ==================================================
   v4.12 IMPACT SECTION — TRUE CONTENT GUTTERS + COMPACT CARDS
   ================================================== */

/* The actual section is still named horizontal-panel-impact from the old experiment.
   It is vertical now, so constrain its real content wrapper directly. */
html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-wrap,
html body .iomtpl .iomtpl-horizontal-panel-partners .iomtpl-wrap{
  width:calc(100% - 96px)!important;
  max-width:1720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Prevent the left copy from visually touching the browser edge */
html body .iomtpl .iomtpl-horizontal-impact-copy{
  padding-left:18px!important;
}

/* Make the impact section less vertically oversized */
html body .iomtpl .iomtpl-horizontal-panel-impact{
  padding-top:54px!important;
  padding-bottom:54px!important;
}

/* More balanced split */
html body .iomtpl .iomtpl-horizontal-impact-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
  gap:52px!important;
  align-items:center!important;
}

/* Reduce the giant number cards */
html body .iomtpl .iomtpl-horizontal-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body .iomtpl .iomtpl-horizontal-stat{
  min-height:205px!important;
  height:auto!important;
  padding:22px 20px!important;
  border-radius:18px!important;
  justify-content:flex-end!important;
}
html body .iomtpl .iomtpl-horizontal-stat span{
  margin-bottom:auto!important;
  font-size:28px!important;
}
html body .iomtpl .iomtpl-horizontal-stat strong{
  font-size:38px!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-horizontal-stat small{
  margin-top:7px!important;
  font-size:10px!important;
}

/* Slightly reduce the headline so the whole block breathes */
html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-horizontal-kicker h2{
  font-size:clamp(38px,3.2vw,58px)!important;
  line-height:.98!important;
}

/* Partners — same true content gutter */
html body .iomtpl .iomtpl-horizontal-panel-partners{
  padding-top:52px!important;
  padding-bottom:52px!important;
}
html body .iomtpl .iomtpl-horizontal-partner-layout{
  grid-template-columns:minmax(320px,390px) minmax(0,1fr)!important;
  gap:48px!important;
}

@media(max-width:1100px){
  html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-wrap,
  html body .iomtpl .iomtpl-horizontal-panel-partners .iomtpl-wrap{
    width:calc(100% - 52px)!important;
  }
  html body .iomtpl .iomtpl-horizontal-impact-layout{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  html body .iomtpl .iomtpl-horizontal-impact-copy{
    padding-left:0!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-horizontal-panel-impact .iomtpl-wrap,
  html body .iomtpl .iomtpl-horizontal-panel-partners .iomtpl-wrap{
    width:calc(100% - 34px)!important;
  }
  html body .iomtpl .iomtpl-horizontal-stats{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-horizontal-stat{
    min-height:150px!important;
  }
}


/* ==================================================
   v4.12 POPUP VISIBILITY RECOVERY
   ================================================== */
html body .iomtpl .iomtpl-modal.open,
html body .iomtpl .iomtpl-give-modal.open,
html body .iomtpl .iomtpl-donate-items-modal.open,
html body .iomtpl .iomtpl-newsletter-modal.open,
html body .iomtpl .iomtpl-letter-modal.open,
html body .iomtpl .iomtpl-comments-modal.open,
html body .iomtpl .iomtpl-locations-modal.open{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

html body .iomtpl .iomtpl-modal:not(.open),
html body .iomtpl .iomtpl-give-modal:not(.open),
html body .iomtpl .iomtpl-donate-items-modal:not(.open),
html body .iomtpl .iomtpl-newsletter-modal:not(.open),
html body .iomtpl .iomtpl-letter-modal:not(.open),
html body .iomtpl .iomtpl-comments-modal:not(.open),
html body .iomtpl .iomtpl-locations-modal:not(.open){
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* ==================================================
   v4.13 LOCATIONS MAP — PINS ONLY
   ================================================== */
html body .iomtpl .iomtpl-location-map-frame-v27{
  position:relative!important;
  min-height:320px!important;
  overflow:hidden!important;
  background:#e9eee7!important;
}
html body .iomtpl #iomtpl-all-locations-map,
html body .iomtpl .iomtpl-leaflet-map{
  display:block!important;
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  background:#e9eee7!important;
  z-index:1!important;
}
html body .iomtpl .iomtpl-map-pin-wrap{
  background:transparent!important;
  border:0!important;
}
html body .iomtpl .iomtpl-map-pin{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50% 50% 50% 0!important;
  transform:rotate(-45deg)!important;
  background:linear-gradient(180deg,#ef252c,#c70f16)!important;
  border:3px solid #fff!important;
  box-shadow:0 10px 24px rgba(225,27,34,.28),0 0 0 1px rgba(0,0,0,.06)!important;
}
html body .iomtpl .iomtpl-map-pin span{
  transform:rotate(45deg)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
html body .iomtpl .leaflet-routing-container,
html body .iomtpl [class*="routing"],
html body .iomtpl [class*="directions"],
html body .iomtpl .directions-card{
  display:none!important;
}
html body .iomtpl .leaflet-popup-content-wrapper{
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(16,24,40,.16)!important;
}
html body .iomtpl .iomtpl-map-popup{
  min-width:190px!important;
  display:grid!important;
  gap:4px!important;
}
html body .iomtpl .iomtpl-map-popup strong{
  color:#111827!important;
  font-size:12px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-map-popup span{
  color:#667085!important;
  font-size:10px!important;
}
@media(max-width:700px){
  html body .iomtpl #iomtpl-all-locations-map,
  html body .iomtpl .iomtpl-leaflet-map,
  html body .iomtpl .iomtpl-location-map-frame-v27{
    height:270px!important;
    min-height:270px!important;
  }
}


/* ===== v4.14 HERO CAROUSEL HARD RESTORE ===== */
html body .iomtpl [data-slide-dots]{
  position:relative!important;
  z-index:10!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body .iomtpl [data-slide-dots] .iomtpl-dot{
  display:block!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}


/* ==================================================
   v4.15 UNIFIED POPUP CONTROLLER
   ================================================== */
html body .iomtpl .iomtpl-modal,
html body .iomtpl .iomtpl-give-modal,
html body .iomtpl .iomtpl-donate-items-modal,
html body .iomtpl .iomtpl-newsletter-modal,
html body .iomtpl .iomtpl-letter-modal,
html body .iomtpl .iomtpl-comments-modal,
html body .iomtpl .iomtpl-locations-modal{
  display:flex!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html body .iomtpl .iomtpl-modal.open,
html body .iomtpl .iomtpl-give-modal.open,
html body .iomtpl .iomtpl-donate-items-modal.open,
html body .iomtpl .iomtpl-newsletter-modal.open,
html body .iomtpl .iomtpl-letter-modal.open,
html body .iomtpl .iomtpl-comments-modal.open,
html body .iomtpl .iomtpl-locations-modal.open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

html.iomtpl-modal-open,
body.iomtpl-modal-open{
  overflow:hidden!important;
}

/* Never let a native hidden attribute override an actively-open modal. */
html body .iomtpl .open[hidden]{
  display:flex!important;
}

/* ===== v4.18 CURRENT ASSISTANCE PROGRAM POPUP ===== */
html body .iomtpl .iomtpl-assistance-form-modal{
  position:fixed;
  inset:0;
  z-index:123;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(1,3,6,.82);
  backdrop-filter:blur(11px);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
html body .iomtpl .iomtpl-assistance-form-modal.open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body .iomtpl .iomtpl-assistance-form-shell{
  width:min(980px,100%);
  height:min(880px,92vh);
  max-height:92vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border-radius:26px;
  background:
    radial-gradient(circle at 90% 0%,rgba(225,27,34,.14),transparent 28%),
    linear-gradient(145deg,#0a1018,#030507 74%);
  border:1px solid rgba(225,27,34,.48);
  box-shadow:0 42px 120px rgba(0,0,0,.70);
}
html body .iomtpl .iomtpl-assistance-form-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding:22px 24px 16px;
}
html body .iomtpl .iomtpl-assistance-form-topbar h2{
  margin:5px 0 6px!important;
  color:#fff!important;
  font-size:28px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-assistance-form-topbar p{
  margin:0!important;
  color:rgba(255,255,255,.60)!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html body .iomtpl .iomtpl-assistance-form-close{
  flex:none;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:21px!important;
}
html body .iomtpl .iomtpl-assistance-form-frame-wrap{
  position:relative;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  margin:0 20px 20px;
  border-radius:16px;
  background:#fff!important;
}
html body .iomtpl .iomtpl-assistance-form-frame{
  display:block;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#fff!important;
}
html body .iomtpl .iomtpl-assistance-form-empty{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:34px;
  background:#f7f1e7!important;
}
html body .iomtpl .iomtpl-assistance-form-empty-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(225,27,34,.35);
  color:#e11b22!important;
  font-size:28px!important;
}
html body .iomtpl .iomtpl-assistance-form-empty h3{
  margin:16px 0 7px!important;
  color:#111827!important;
  font-size:20px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-assistance-form-empty p{
  max-width:520px;
  margin:0!important;
  color:#667085!important;
  font-size:11px!important;
}
html body .iomtpl .iomtpl-assistance-form-empty a{
  margin-top:16px;
  padding:11px 14px!important;
  border-radius:8px!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-assistance-form-modal{padding:7px}
  html body .iomtpl .iomtpl-assistance-form-shell{
    width:100%!important;
    height:95vh!important;
    max-height:95vh!important;
    border-radius:18px!important;
  }
  html body .iomtpl .iomtpl-assistance-form-topbar{
    padding:16px 16px 12px!important;
  }
  html body .iomtpl .iomtpl-assistance-form-frame-wrap{
    margin:0 10px 10px!important;
  }
}


/* ===== v4.19 CONNECT WITH OUR TEAM CONTACT FORM ===== */
html body .iomtpl .iomtpl-contact-modal{
  position:fixed;
  inset:0;
  z-index:124;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(1,3,6,.82);
  backdrop-filter:blur(11px);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
html body .iomtpl .iomtpl-contact-modal.open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body .iomtpl .iomtpl-contact-shell{
  width:min(820px,100%);
  max-height:92vh;
  overflow:auto;
  padding:24px;
  border-radius:26px;
  background:
    radial-gradient(circle at 95% 0%,rgba(225,27,34,.14),transparent 27%),
    linear-gradient(145deg,#0a1018,#030507 74%);
  border:1px solid rgba(225,27,34,.48);
  box-shadow:0 42px 120px rgba(0,0,0,.70);
}
html body .iomtpl .iomtpl-contact-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}
html body .iomtpl .iomtpl-contact-head h2{
  margin:5px 0 6px!important;
  color:#fff!important;
  font-size:30px!important;
  text-transform:uppercase;
}
html body .iomtpl .iomtpl-contact-head p{
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
}
html body .iomtpl .iomtpl-contact-close{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:21px!important;
}
html body .iomtpl .iomtpl-contact-form{
  display:grid;
  gap:13px;
}
html body .iomtpl .iomtpl-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
html body .iomtpl .iomtpl-contact-form label{
  display:grid;
  gap:6px;
}
html body .iomtpl .iomtpl-contact-form label>span{
  color:#ead9bd!important;
  font-size:9px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.05em;
}
html body .iomtpl .iomtpl-contact-form input,
html body .iomtpl .iomtpl-contact-form select,
html body .iomtpl .iomtpl-contact-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  padding:12px 13px!important;
  font-size:11px!important;
  outline:none!important;
}
html body .iomtpl .iomtpl-contact-form select option{
  color:#111827!important;
}
html body .iomtpl .iomtpl-contact-form input:focus,
html body .iomtpl .iomtpl-contact-form select:focus,
html body .iomtpl .iomtpl-contact-form textarea:focus{
  border-color:#e11b22!important;
  box-shadow:0 0 0 3px rgba(225,27,34,.09)!important;
}
html body .iomtpl .iomtpl-contact-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:2px;
}
html body .iomtpl .iomtpl-contact-status{
  min-height:18px;
  color:rgba(255,255,255,.58)!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-contact-submit{
  min-height:42px!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:8px!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-contact-submit:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
@media(max-width:650px){
  html body .iomtpl .iomtpl-contact-modal{padding:7px}
  html body .iomtpl .iomtpl-contact-shell{
    padding:18px!important;
    border-radius:18px!important;
  }
  html body .iomtpl .iomtpl-contact-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-contact-actions{
    align-items:stretch!important;
    flex-direction:column!important;
  }
}


/* ==================================================
   v4.20 NEWSLETTER POPUP — CLEANER + LARGER READING AREA
   ================================================== */
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(1380px,96vw)!important;
  height:min(94vh,980px)!important;
  max-height:94vh!important;
  padding:22px 24px 18px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

html body .iomtpl .iomtpl-newsletter-book,
html body .iomtpl [data-iom-newsletter-book]{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  margin:8px 0 12px!important;
  overflow:hidden!important;
  border-radius:14px!important;
}

/* Let the Real3D flipbook use more of the popup */
html body .iomtpl .iomtpl-newsletter-book > *,
html body .iomtpl [data-iom-newsletter-book] > *{
  max-width:none!important;
}

/* Remove extra empty-state/community clutter */
html body .iomtpl .iomtpl-newsletter-community:not(.iomtpl-newsletter-community-simple),
html body .iomtpl .iomtpl-newsletter-letter-empty,
html body .iomtpl .iomtpl-newsletter-empty-copy,
html body .iomtpl .iomtpl-newsletter-empty-actions,
html body .iomtpl .iomtpl-community-comment-btn{
  display:none!important;
}

/* Simplified engagement strip under newsletter */
html body .iomtpl .iomtpl-newsletter-community-simple{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
html body .iomtpl .iomtpl-newsletter-engagement-row{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:10px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-newsletter-heart{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(225,27,34,.44)!important;
  background:rgba(225,27,34,.06)!important;
  color:#fff!important;
}
html body .iomtpl .iomtpl-newsletter-heart:hover,
html body .iomtpl .iomtpl-newsletter-heart.loved{
  border-color:#e11b22!important;
  background:rgba(225,27,34,.14)!important;
}
html body .iomtpl .iomtpl-newsletter-heart-icon{
  color:#ff3138!important;
  font-size:24px!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-newsletter-heart strong{
  color:#fff!important;
  font-size:13px!important;
  min-width:18px!important;
}

html body .iomtpl .iomtpl-newsletter-submit-letter{
  min-height:42px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:8px!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 26px rgba(225,27,34,.17)!important;
}
html body .iomtpl .iomtpl-newsletter-submit-letter:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 13px 32px rgba(225,27,34,.23)!important;
}

/* Remove the lower external-page footer/action area */
html body .iomtpl .iomtpl-newsletter-footer,
html body .iomtpl .iomtpl-newsletter-external,
html body .iomtpl .iomtpl-newsletter-new-page{
  display:none!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-newsletter-shell{
    width:98vw!important;
    height:95vh!important;
    max-height:95vh!important;
    padding:14px!important;
  }
  html body .iomtpl .iomtpl-newsletter-engagement-row{
    flex-direction:row!important;
    align-items:center!important;
  }
  html body .iomtpl .iomtpl-newsletter-submit-letter{
    padding:0 13px!important;
  }
}

html body .iomtpl .iomtpl-newsletter-community-simple [data-letter-comments-open],
html body .iomtpl .iomtpl-newsletter-community-simple .iomtpl-comments-link{
  display:none!important;
}


/* ===== v4.20.1 FINAL NEWSLETTER CLEANUP ===== */
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(1460px,97vw)!important;
  height:95vh!important;
  max-height:95vh!important;
  padding:18px 22px 14px!important;
}
html body .iomtpl .iomtpl-newsletter-top{
  padding-bottom:8px!important;
}
html body .iomtpl .iomtpl-newsletter-top h2{
  font-size:31px!important;
  margin-bottom:3px!important;
}
html body .iomtpl .iomtpl-newsletter-top p{
  margin-bottom:0!important;
}
html body .iomtpl .iomtpl-newsletter-book,
html body .iomtpl [data-iom-newsletter-book]{
  min-height:0!important;
  height:calc(95vh - 160px)!important;
  max-height:none!important;
  margin:4px 0 10px!important;
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-newsletter-community-simple{
  flex:none!important;
}


/* ==================================================
   v4.21 MODERN IOM CLOTHING CLOSET PAGE
   ================================================== */
html body.iomtpl-closet-page{
  margin:0!important;
  background:#f5f2ec!important;
}
html body.iomtpl-closet-page .iomtpl-closet-site{
  min-height:100vh!important;
  overflow-x:hidden!important;
}
html body.iomtpl-closet-page .iomtpl-closet-shared-header{
  position:sticky!important;
  top:0!important;
  z-index:95!important;
}
body.admin-bar.iomtpl-closet-page .iomtpl-closet-shared-header{
  top:32px!important;
}

/* Hero */
html body .iomtpl .iomtpl-closet-hero{
  position:relative!important;
  min-height:620px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(2,5,9,.97) 0%,rgba(3,7,12,.86) 45%,rgba(3,7,12,.40) 76%,rgba(3,7,12,.18) 100%),
    var(--iomtpl-closet-image) center/cover no-repeat!important;
}
html body .iomtpl .iomtpl-closet-hero:after{
  content:""!important;
  position:absolute!important;
  width:500px!important;
  height:500px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.40)!important;
  right:-80px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  box-shadow:
    0 0 0 55px rgba(225,27,34,.025),
    0 0 0 120px rgba(202,166,111,.025)!important;
}
html body .iomtpl .iomtpl-closet-hero-inner{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:70px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-closet-hero-copy{
  max-width:760px!important;
}
html body .iomtpl .iomtpl-closet-hero h1{
  margin:8px 0 18px!important;
  color:#fff!important;
  font-size:clamp(58px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-3px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-lead{
  max-width:620px!important;
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:20px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-closet-hero-meta{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:24px 0!important;
}
html body .iomtpl .iomtpl-closet-hero-meta span{
  padding:8px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:11px!important;
}
html body .iomtpl .iomtpl-closet-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html body .iomtpl .iomtpl-closet-hero-card{
  padding:28px!important;
  border-radius:22px!important;
  border:1px solid rgba(202,166,111,.38)!important;
  background:rgba(6,9,14,.70)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.27)!important;
}
html body .iomtpl .iomtpl-closet-hero-card-label{
  color:#ff3138!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html body .iomtpl .iomtpl-closet-hero-card strong{
  display:block!important;
  margin-top:12px!important;
  color:#fff!important;
  font-size:32px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-hero-card>span{
  color:#ead9bd!important;
  font-size:15px!important;
  font-weight:800!important;
}
html body .iomtpl .iomtpl-closet-hero-card-rule{
  width:62px!important;
  height:2px!important;
  margin:20px 0!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
}
html body .iomtpl .iomtpl-closet-hero-card p{
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Shared section treatment */
html body .iomtpl .iomtpl-closet-quick,
html body .iomtpl .iomtpl-closet-donate,
html body .iomtpl .iomtpl-closet-location{
  padding:78px 0!important;
}
html body .iomtpl .iomtpl-closet-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:36px!important;
  margin-bottom:34px!important;
}
html body .iomtpl .iomtpl-closet-section-head h2,
html body .iomtpl .iomtpl-closet-split-copy h2,
html body .iomtpl .iomtpl-closet-location-copy h2,
html body .iomtpl .iomtpl-closet-volunteer h2{
  margin:6px 0 0!important;
  color:#111827!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:.96!important;
  text-transform:uppercase!important;
  letter-spacing:-1.6px!important;
}
html body .iomtpl .iomtpl-closet-section-head>p{
  max-width:520px!important;
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.6!important;
}

/* Info cards */
html body .iomtpl .iomtpl-closet-info-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .iomtpl .iomtpl-closet-info-card{
  position:relative!important;
  min-height:290px!important;
  padding:26px!important;
  border-radius:20px!important;
  border:1px solid rgba(17,24,39,.08)!important;
  background:#fff!important;
  box-shadow:0 14px 42px rgba(16,24,40,.055)!important;
}
html body .iomtpl .iomtpl-closet-info-card.featured{
  color:#fff!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.18),transparent 38%),
    #070c13!important;
  border-color:rgba(225,27,34,.30)!important;
}
html body .iomtpl .iomtpl-closet-card-number{
  color:#e11b22!important;
  font-size:9px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
html body .iomtpl .iomtpl-closet-card-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin:22px 0 32px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.35)!important;
  color:#e11b22!important;
  font-size:20px!important;
}
html body .iomtpl .iomtpl-closet-info-card h3{
  margin:0 0 8px!important;
  color:#111827!important;
  font-size:20px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-info-card strong{
  display:block!important;
  margin-bottom:10px!important;
  color:#c48f4d!important;
  font-size:12px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-info-card p{
  margin:0!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.6!important;
}
html body .iomtpl .iomtpl-closet-info-card.featured h3{color:#fff!important}
html body .iomtpl .iomtpl-closet-info-card.featured p{color:rgba(255,255,255,.60)!important}

/* Emergency dark section */
html body .iomtpl .iomtpl-closet-dark-section{
  padding:82px 0!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(225,27,34,.15),transparent 30%),
    linear-gradient(145deg,#080e16,#020406 72%)!important;
}
html body .iomtpl .iomtpl-closet-split{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  gap:74px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-closet-split-copy h2{
  color:#fff!important;
}
html body .iomtpl .iomtpl-closet-split-copy>p{
  max-width:670px!important;
  color:rgba(255,255,255,.60)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-closet-steps{
  display:grid!important;
  gap:10px!important;
  margin:28px 0!important;
}
html body .iomtpl .iomtpl-closet-steps>div{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
}
html body .iomtpl .iomtpl-closet-steps span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#e11b22!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-closet-steps p{
  margin:0!important;
  color:rgba(255,255,255,.67)!important;
  font-size:11px!important;
}
html body .iomtpl .iomtpl-closet-callout{
  position:relative!important;
  min-height:390px!important;
  display:grid!important;
  place-items:center!important;
}
html body .iomtpl .iomtpl-closet-callout-ring{
  position:absolute!important;
  inset:20px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.42)!important;
  box-shadow:
    0 0 0 38px rgba(225,27,34,.035),
    0 0 0 78px rgba(202,166,111,.025)!important;
}
html body .iomtpl .iomtpl-closet-callout-inner{
  position:relative!important;
  z-index:2!important;
  max-width:250px!important;
  text-align:center!important;
}
html body .iomtpl .iomtpl-closet-callout-inner span{
  color:#ff3138!important;
  font-size:9px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-callout-inner strong{
  display:block!important;
  margin:10px 0!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-callout-inner p{
  color:rgba(255,255,255,.53)!important;
  font-size:10px!important;
}

/* Donations */
html body .iomtpl .iomtpl-closet-donate-layout{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .iomtpl .iomtpl-closet-donate-panel{
  padding:30px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.17),transparent 38%),
    #070c13!important;
}
html body .iomtpl .iomtpl-closet-donate-panel.light{
  color:#111827!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 14px 42px rgba(16,24,40,.05)!important;
}
html body .iomtpl .iomtpl-closet-donate-panel h3{
  margin:16px 0 9px!important;
  color:inherit!important;
  font-size:25px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-donate-panel>p,
html body .iomtpl .iomtpl-closet-donate-panel li{
  color:rgba(255,255,255,.60)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
html body .iomtpl .iomtpl-closet-donate-panel.light>p,
html body .iomtpl .iomtpl-closet-donate-panel.light li{
  color:#667085!important;
}
html body .iomtpl .iomtpl-closet-address-block{
  margin:24px 0!important;
  padding:18px!important;
  border-radius:14px!important;
  border:1px solid rgba(202,166,111,.26)!important;
  background:rgba(202,166,111,.07)!important;
}
html body .iomtpl .iomtpl-closet-address-block span{
  display:block!important;
  color:#caa66f!important;
  font-size:9px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-address-block strong{
  display:block!important;
  margin-top:7px!important;
  color:#fff!important;
  font-size:19px!important;
}
html body .iomtpl .iomtpl-closet-address-block p,
html body .iomtpl .iomtpl-closet-address-block small{
  display:block!important;
  margin:2px 0 0!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10px!important;
}

/* Location */
html body .iomtpl .iomtpl-closet-location{
  background:#ede8df!important;
}
html body .iomtpl .iomtpl-closet-location-grid{
  display:grid!important;
  grid-template-columns:390px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
html body .iomtpl .iomtpl-closet-location-copy{
  padding:28px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.14),transparent 35%),
    #070c13!important;
}
html body .iomtpl .iomtpl-closet-location-copy h2{
  color:#fff!important;
  font-size:34px!important;
}
html body .iomtpl .iomtpl-closet-location-copy>p{
  color:rgba(255,255,255,.58)!important;
}
html body .iomtpl .iomtpl-closet-location-details{
  display:grid!important;
  gap:9px!important;
  margin:24px 0!important;
}
html body .iomtpl .iomtpl-closet-location-details>div{
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-closet-location-details span{
  display:block!important;
  color:#ff3138!important;
  font-size:8px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-location-details strong{
  color:#fff!important;
  font-size:11px!important;
}
html body .iomtpl .iomtpl-closet-map-card{
  min-height:430px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#dfe8df!important;
}
html body .iomtpl .iomtpl-closet-map{
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
}

/* Volunteer */
html body .iomtpl .iomtpl-closet-volunteer{
  padding:68px 0!important;
  background:#fff!important;
}
html body .iomtpl .iomtpl-closet-volunteer-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:40px!important;
}
html body .iomtpl .iomtpl-closet-volunteer-inner>div{
  max-width:760px!important;
}
html body .iomtpl .iomtpl-closet-volunteer p{
  color:#667085!important;
  font-size:12px!important;
}

/* Footer */
html body .iomtpl .iomtpl-closet-footer{
  padding:30px 0!important;
  background:#030507!important;
  border-top:1px solid rgba(225,27,34,.20)!important;
}
html body .iomtpl .iomtpl-closet-footer .iomtpl-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
}
html body .iomtpl .iomtpl-closet-footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
html body .iomtpl .iomtpl-closet-footer-brand img{
  width:60px!important;
  height:auto!important;
  filter:brightness(0) invert(1)!important;
}
html body .iomtpl .iomtpl-closet-footer-brand strong{
  display:block!important;
  color:#fff!important;
}
html body .iomtpl .iomtpl-closet-footer-brand span{
  color:#caa66f!important;
  font-size:9px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-footer-links{
  display:flex!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
html body .iomtpl .iomtpl-closet-footer-links a{
  color:rgba(255,255,255,.64)!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* Shared buttons */
html body .iomtpl .iomtpl-btn-red{
  background:#e11b22!important;
  color:#fff!important;
  border-color:#e11b22!important;
}
html body .iomtpl .iomtpl-btn-dark{
  background:#111827!important;
  color:#fff!important;
  border-color:#111827!important;
}

/* Responsive */
@media(max-width:1050px){
  html body .iomtpl .iomtpl-closet-hero-inner,
  html body .iomtpl .iomtpl-closet-split,
  html body .iomtpl .iomtpl-closet-location-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-closet-hero-card{
    max-width:440px!important;
  }
  html body .iomtpl .iomtpl-closet-callout{
    display:none!important;
  }
}
@media(max-width:780px){
  html body .iomtpl .iomtpl-closet-hero{
    min-height:auto!important;
    padding:72px 0 54px!important;
  }
  html body .iomtpl .iomtpl-closet-hero:after{
    display:none!important;
  }
  html body .iomtpl .iomtpl-closet-hero-inner{
    gap:30px!important;
  }
  html body .iomtpl .iomtpl-closet-hero h1{
    font-size:54px!important;
    letter-spacing:-2px!important;
  }
  html body .iomtpl .iomtpl-closet-lead{
    font-size:16px!important;
  }
  html body .iomtpl .iomtpl-closet-info-grid,
  html body .iomtpl .iomtpl-closet-donate-layout{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-closet-section-head,
  html body .iomtpl .iomtpl-closet-volunteer-inner,
  html body .iomtpl .iomtpl-closet-footer .iomtpl-wrap{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  html body .iomtpl .iomtpl-closet-quick,
  html body .iomtpl .iomtpl-closet-donate,
  html body .iomtpl .iomtpl-closet-location,
  html body .iomtpl .iomtpl-closet-dark-section{
    padding:54px 0!important;
  }
}
@media(max-width:520px){
  html body .iomtpl .iomtpl-closet-hero h1{
    font-size:46px!important;
  }
  html body .iomtpl .iomtpl-closet-hero-actions .iomtpl-btn{
    width:100%!important;
  }
  body.admin-bar.iomtpl-closet-page .iomtpl-closet-shared-header{
    top:46px!important;
  }
}


/* ==================================================
   v4.22 UNIVERSAL POPUP CLOSE BUTTON — TRUE CIRCLE
   ================================================== */
html body .iomtpl [data-iom-modal-close],
html body .iomtpl [data-iom-give-close],
html body .iomtpl [data-iom-donate-items-close],
html body .iomtpl [data-iom-newsletter-close],
html body .iomtpl [data-iom-assistance-form-close],
html body .iomtpl [data-iom-contact-close],
html body .iomtpl [data-letter-submit-close],
html body .iomtpl [data-letter-comments-close],
html body .iomtpl [data-iom-locations-close],
html body .iomtpl [data-iom-hub-close]{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  letter-spacing:0!important;
  text-indent:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body .iomtpl [data-iom-modal-close]:hover,
html body .iomtpl [data-iom-give-close]:hover,
html body .iomtpl [data-iom-donate-items-close]:hover,
html body .iomtpl [data-iom-newsletter-close]:hover,
html body .iomtpl [data-iom-assistance-form-close]:hover,
html body .iomtpl [data-iom-contact-close]:hover,
html body .iomtpl [data-letter-submit-close]:hover,
html body .iomtpl [data-letter-comments-close]:hover,
html body .iomtpl [data-iom-locations-close]:hover,
html body .iomtpl [data-iom-hub-close]:hover{
  border-color:rgba(225,27,34,.75)!important;
  background:rgba(225,27,34,.15)!important;
  color:#fff!important;
}

/* Prevent theme button styles from stretching close controls */
html body .iomtpl button[data-iom-modal-close],
html body .iomtpl button[data-iom-give-close],
html body .iomtpl button[data-iom-donate-items-close],
html body .iomtpl button[data-iom-newsletter-close],
html body .iomtpl button[data-iom-assistance-form-close],
html body .iomtpl button[data-iom-contact-close],
html body .iomtpl button[data-letter-submit-close],
html body .iomtpl button[data-letter-comments-close]{
  inline-size:42px!important;
  block-size:42px!important;
}

/* Keep modal header layout from assigning the close button leftover width */
html body .iomtpl .iomtpl-handbook-topbar,
html body .iomtpl .iomtpl-assistance-form-topbar,
html body .iomtpl .iomtpl-contact-head,
html body .iomtpl .iomtpl-newsletter-top,
html body .iomtpl .iomtpl-letter-modal-top{
  grid-template-columns:minmax(0,1fr) 42px!important;
}


/* ==================================================
   v4.24 NEWSLETTER — LARGE READABLE FLIPBOOK
   ================================================== */

/* Maximize useful popup area */
html body .iomtpl .iomtpl-newsletter-modal{
  padding:8px!important;
}
html body .iomtpl .iomtpl-newsletter-shell{
  width:min(1720px,99vw)!important;
  height:97vh!important;
  max-height:97vh!important;
  padding:12px 16px 10px!important;
  border-radius:22px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
html body .iomtpl .iomtpl-newsletter-top{
  min-height:68px!important;
  padding:0 2px 7px!important;
}
html body .iomtpl .iomtpl-newsletter-top h2{
  margin:0 0 2px!important;
  font-size:clamp(27px,2.1vw,38px)!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-newsletter-top p{
  margin:0!important;
  font-size:10px!important;
}

/* Give the actual Real3D book essentially the whole popup */
html body .iomtpl .iomtpl-newsletter-book,
html body .iomtpl [data-iom-newsletter-book]{
  position:relative!important;
  width:100%!important;
  height:calc(97vh - 145px)!important;
  min-height:640px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:transparent!important;
}

/* Stretch Real3D wrappers to available area */
html body .iomtpl [data-iom-newsletter-book] .real3dflipbook,
html body .iomtpl [data-iom-newsletter-book] .flipbook-wrapper,
html body .iomtpl [data-iom-newsletter-book] .flipbook-container,
html body .iomtpl [data-iom-newsletter-book] .flipbook-main-wrapper,
html body .iomtpl [data-iom-newsletter-book] .flipbook-viewer,
html body .iomtpl [data-iom-newsletter-book] .flipbook-stage,
html body .iomtpl [data-iom-newsletter-book] .flipbook-bookLayer,
html body .iomtpl [data-iom-newsletter-book] [class*="flipbook"]{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
}

/* Let canvases/pages grow instead of remaining a tiny centered book */
html body .iomtpl [data-iom-newsletter-book] canvas{
  max-height:calc(97vh - 180px)!important;
}

/* Compact controls below */
html body .iomtpl .iomtpl-newsletter-engagement-row{
  min-height:50px!important;
  padding:7px 2px 0!important;
}
html body .iomtpl .iomtpl-newsletter-heart{
  min-height:38px!important;
}
html body .iomtpl .iomtpl-newsletter-submit-letter{
  min-height:38px!important;
}

/* Close button remains a true circle and stays out of reading area */
html body .iomtpl [data-iom-newsletter-close]{
  position:relative!important;
  z-index:10!important;
  flex:0 0 42px!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-newsletter-shell{
    width:100vw!important;
    height:98vh!important;
    max-height:98vh!important;
    border-radius:14px!important;
    padding:10px!important;
  }
  html body .iomtpl .iomtpl-newsletter-book,
  html body .iomtpl [data-iom-newsletter-book]{
    height:calc(98vh - 140px)!important;
    min-height:520px!important;
  }
}


/* ==================================================
   v4.29 STABLE HEADER ATTRIBUTION — NO HEADER RESTRUCTURE
   ================================================== */
html body .iomtpl .iomtpl-powered-by{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  margin-left:-10px!important;
  margin-right:2px!important;
  white-space:nowrap!important;
}
html body .iomtpl .iomtpl-powered-by span{
  color:rgba(255,255,255,.47)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}
html body .iomtpl .iomtpl-powered-by strong{
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
@media(max-width:1240px){
  html body .iomtpl .iomtpl-powered-by span{display:none!important}
  html body .iomtpl .iomtpl-powered-by{margin-left:-16px!important}
}
@media(max-width:1100px){
  html body .iomtpl .iomtpl-powered-by{display:none!important}
}

/* ==================================================
   v4.29 STANDALONE PAGE THEME-CHROME SUPPRESSION
   Only these custom pages are affected.
   ================================================== */
body.iomtpl-standalone-page #masthead,
body.iomtpl-standalone-page #site-header,
body.iomtpl-standalone-page .site-header:not(.iomtpl-header),
body.iomtpl-standalone-page .main-header:not(.iomtpl-header),
body.iomtpl-standalone-page .theme-header,
body.iomtpl-standalone-page .elementor-location-header,
body.iomtpl-standalone-page .main-navigation:not(.iomtpl-nav),
body.iomtpl-standalone-page .site-navigation:not(.iomtpl-nav){
  display:none!important;
}
body.iomtpl-standalone-page{
  margin:0!important;
  padding:0!important;
}
body.iomtpl-standalone-page #page,
body.iomtpl-standalone-page #content,
body.iomtpl-standalone-page .site,
body.iomtpl-standalone-page .site-content,
body.iomtpl-standalone-page .content-area{
  margin-top:0!important;
  padding-top:0!important;
}

/* ==================================================
   v4.29 MOBILE SAFE GUTTERS
   Prevent text/cards from touching phone edges across homepage + custom pages.
   ================================================== */
@media(max-width:760px){
  html body .iomtpl .iomtpl-wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:22px!important;
    padding-right:22px!important;
    box-sizing:border-box!important;
  }
  html body .iomtpl main section,
  html body .iomtpl .iomtpl-hero,
  html body .iomtpl .iomtpl-horizontal-panel-impact,
  html body .iomtpl .iomtpl-horizontal-panel-partners{
    box-sizing:border-box!important;
  }
  html body .iomtpl .iomtpl-hero-copy,
  html body .iomtpl .iomtpl-horizontal-impact-copy,
  html body .iomtpl .iomtpl-closet-hero-copy,
  html body .iomtpl .iomtpl-about-hero-copy{
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media(max-width:420px){
  html body .iomtpl .iomtpl-wrap{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* ==================================================
   v4.29 ABOUT US
   ================================================== */
html body.iomtpl-about-page{
  background:#f4f0e8!important;
}
html body .iomtpl .iomtpl-about-hero{
  position:relative!important;
  min-height:610px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 45%,rgba(225,27,34,.13),transparent 28%),
    linear-gradient(145deg,#070c13,#020406 72%)!important;
}
html body .iomtpl .iomtpl-about-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 460px!important;
  gap:76px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-about-hero-copy h1{
  margin:9px 0 22px!important;
  color:#fff!important;
  font-size:clamp(58px,6vw,94px)!important;
  line-height:.91!important;
  letter-spacing:-3px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-hero-copy>p{
  max-width:670px!important;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:17px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-about-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:28px!important;
}
html body .iomtpl .iomtpl-about-orbit{
  position:relative!important;
  width:430px!important;
  height:430px!important;
  margin:auto!important;
}
html body .iomtpl .iomtpl-about-orbit-ring{
  position:absolute!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.44)!important;
}
html body .iomtpl .iomtpl-about-orbit-ring.r1{inset:0!important;animation:iomOrbitCW 27s linear infinite!important}
html body .iomtpl .iomtpl-about-orbit-ring.r2{inset:52px!important;border-color:rgba(202,166,111,.35)!important;animation:iomOrbitCCW 21s linear infinite!important}
html body .iomtpl .iomtpl-about-orbit-ring.r3{inset:102px!important;animation:iomOrbitCW 15s linear infinite!important}
html body .iomtpl .iomtpl-about-orbit-center{
  position:absolute!important;
  inset:138px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(6,8,12,.76)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 0 42px rgba(225,27,34,.16)!important;
}
html body .iomtpl .iomtpl-about-orbit-center img{
  width:110px!important;
  filter:brightness(0) invert(1)!important;
}

html body .iomtpl .iomtpl-about-story,
html body .iomtpl .iomtpl-about-team{
  padding:82px 0!important;
}
html body .iomtpl .iomtpl-about-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:42px!important;
  margin-bottom:34px!important;
}
html body .iomtpl .iomtpl-about-section-head h2,
html body .iomtpl .iomtpl-about-values-intro h2,
html body .iomtpl .iomtpl-about-founder-copy h2,
html body .iomtpl .iomtpl-about-cta h2{
  margin:6px 0 0!important;
  color:#0b1220!important;
  font-size:clamp(38px,4.4vw,64px)!important;
  line-height:.94!important;
  letter-spacing:-2px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-section-head>p{
  max-width:610px!important;
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-about-story-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .iomtpl .iomtpl-about-story-card{
  min-height:320px!important;
  padding:28px!important;
  border-radius:21px!important;
  border:1px solid rgba(17,24,39,.08)!important;
  background:#fff!important;
  box-shadow:0 16px 46px rgba(16,24,40,.055)!important;
}
html body .iomtpl .iomtpl-about-story-card.dark{
  color:#fff!important;
  background:#070c13!important;
  border-color:rgba(225,27,34,.28)!important;
}
html body .iomtpl .iomtpl-about-story-card.accent{
  background:linear-gradient(145deg,#f5e9d7,#fff)!important;
  border-color:rgba(202,166,111,.35)!important;
}
html body .iomtpl .iomtpl-about-story-card>span{
  color:#e11b22!important;
  font-size:10px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-about-story-card h3{
  margin:70px 0 12px!important;
  color:#101828!important;
  font-size:25px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-story-card.dark h3{color:#fff!important}
html body .iomtpl .iomtpl-about-story-card p{
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-about-story-card.dark p{color:rgba(255,255,255,.62)!important}

html body .iomtpl .iomtpl-about-values{
  padding:84px 0!important;
  background:#070c13!important;
}
html body .iomtpl .iomtpl-about-values-grid{
  display:grid!important;
  grid-template-columns:370px minmax(0,1fr)!important;
  gap:72px!important;
}
html body .iomtpl .iomtpl-about-values-intro h2{color:#fff!important}
html body .iomtpl .iomtpl-about-values-intro p{
  color:rgba(255,255,255,.55)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
html body .iomtpl .iomtpl-about-values-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:11px!important;
}
html body .iomtpl .iomtpl-about-values-list article{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  gap:13px!important;
  padding:17px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
}
html body .iomtpl .iomtpl-about-values-list article>span{
  width:32px!important;height:32px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#e11b22!important;color:#fff!important;font-size:9px!important;font-weight:900!important;
}
html body .iomtpl .iomtpl-about-values-list h3{
  margin:0 0 5px!important;color:#fff!important;font-size:14px!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-values-list p{
  margin:0!important;color:rgba(255,255,255,.54)!important;font-size:10px!important;line-height:1.55!important;
}

html body .iomtpl .iomtpl-about-founder{
  padding:86px 0!important;
  background:#e9e2d6!important;
}
html body .iomtpl .iomtpl-about-founder-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:70px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-about-founder-copy p{
  max-width:690px!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-about-founder-mark{
  min-height:350px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.35)!important;
  box-shadow:0 0 0 38px rgba(225,27,34,.04),0 0 0 76px rgba(202,166,111,.055)!important;
}
html body .iomtpl .iomtpl-about-founder-number{
  color:#e11b22!important;
  font-size:104px!important;
  line-height:.75!important;
  font-weight:950!important;
}
html body .iomtpl .iomtpl-about-founder-mark span{
  margin-top:-86px!important;
  color:#101828!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

html body .iomtpl .iomtpl-about-team-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .iomtpl .iomtpl-about-team-card{
  overflow:hidden!important;
  border-radius:18px!important;
  background:#090e15!important;
  box-shadow:0 16px 44px rgba(16,24,40,.08)!important;
}
html body .iomtpl .iomtpl-about-team-card img{
  width:100%!important;
  aspect-ratio:4/5!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
html body .iomtpl .iomtpl-about-team-card>div{
  padding:17px!important;
  border-top:2px solid #e11b22!important;
}
html body .iomtpl .iomtpl-about-team-card h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.04!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-team-card p{
  margin:0!important;color:#caa66f!important;font-size:10px!important;
}

html body .iomtpl .iomtpl-about-cta{
  padding:66px 0!important;
  background:#fff!important;
}
html body .iomtpl .iomtpl-about-cta-inner{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:36px!important;
}
html body .iomtpl .iomtpl-about-cta-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}

@media(max-width:980px){
  html body .iomtpl .iomtpl-about-hero-grid,
  html body .iomtpl .iomtpl-about-values-grid,
  html body .iomtpl .iomtpl-about-founder-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-about-orbit{display:none!important}
  html body .iomtpl .iomtpl-about-story-grid{grid-template-columns:1fr!important}
  html body .iomtpl .iomtpl-about-team-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-about-hero{
    min-height:auto!important;
    padding:68px 0 58px!important;
  }
  html body .iomtpl .iomtpl-about-hero-copy h1{
    font-size:48px!important;
    letter-spacing:-1.7px!important;
  }
  html body .iomtpl .iomtpl-about-hero-copy>p{
    font-size:15px!important;
  }
  html body .iomtpl .iomtpl-about-story,
  html body .iomtpl .iomtpl-about-team,
  html body .iomtpl .iomtpl-about-values,
  html body .iomtpl .iomtpl-about-founder{
    padding:58px 0!important;
  }
  html body .iomtpl .iomtpl-about-section-head,
  html body .iomtpl .iomtpl-about-cta-inner{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  html body .iomtpl .iomtpl-about-values-list{grid-template-columns:1fr!important}
  html body .iomtpl .iomtpl-about-team-grid{grid-template-columns:1fr!important}
  html body .iomtpl .iomtpl-about-team-card{
    max-width:440px!important;
    width:100%!important;
    margin:auto!important;
  }
  html body .iomtpl .iomtpl-about-founder-mark{
    min-height:300px!important;
    max-width:300px!important;
    width:100%!important;
    margin:auto!important;
  }
}


/* ==================================================
   v4.31 COMPACT IOM + ROC BRAND LOCKUP
   Keep attribution visually attached to the IOM logo.
   ================================================== */
html body .iomtpl .iomtpl-logo{
  flex:0 0 auto!important;
  margin-right:0!important;
}
html body .iomtpl .iomtpl-powered-by{
  position:relative!important;
  margin-left:10px!important;
  margin-right:18px!important;
  padding-left:14px!important;
  gap:5px!important;
}
html body .iomtpl .iomtpl-powered-by::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:30px!important;
  transform:translateY(-50%)!important;
  background:rgba(255,255,255,.25)!important;
}
@media(max-width:1240px){
  html body .iomtpl .iomtpl-powered-by{
    margin-left:8px!important;
    margin-right:10px!important;
    padding-left:11px!important;
  }
}
@media(max-width:1100px){
  html body .iomtpl .iomtpl-powered-by{display:none!important}
}


/* ==================================================
   v4.33 ABOUT US VIDEO STORY
   ================================================== */
html body .iomtpl .iomtpl-about-videos{
  padding:86px 0!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(225,27,34,.09),transparent 28%),
    #f5f1ea!important;
}
html body .iomtpl .iomtpl-about-video-feature{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  margin-bottom:18px!important;
}
html body .iomtpl .iomtpl-about-video-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:28px!important;
  border-radius:22px!important;
  background:#070c13!important;
}
html body .iomtpl .iomtpl-about-video-copy>span,
html body .iomtpl .iomtpl-about-video-card-head>span{
  color:#e11b22!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-video-copy h3,
html body .iomtpl .iomtpl-about-video-card-head h3{
  margin:10px 0 8px!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-video-copy p,
html body .iomtpl .iomtpl-about-video-card-head p{
  margin:0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
html body .iomtpl .iomtpl-about-video-frame{
  position:relative!important;
  overflow:hidden!important;
  min-height:430px!important;
  border-radius:22px!important;
  background:#05080d!important;
  border:1px solid rgba(17,24,39,.10)!important;
  box-shadow:0 18px 54px rgba(16,24,40,.10)!important;
}
html body .iomtpl .iomtpl-about-video-frame.compact{
  min-height:310px!important;
}
html body .iomtpl .iomtpl-about-video-frame iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
html body .iomtpl .iomtpl-about-video-placeholder{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:30px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(225,27,34,.15),transparent 32%),
    linear-gradient(145deg,#0d141e,#030507)!important;
}
html body .iomtpl .iomtpl-about-video-play{
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:8px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.50)!important;
  background:rgba(225,27,34,.10)!important;
  color:#fff!important;
  font-size:20px!important;
}
html body .iomtpl .iomtpl-about-video-placeholder strong{
  color:#fff!important;
  font-size:17px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-video-placeholder span{
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
}
html body .iomtpl .iomtpl-about-video-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
html body .iomtpl .iomtpl-about-video-card{
  overflow:hidden!important;
  border-radius:22px!important;
  background:#070c13!important;
}
html body .iomtpl .iomtpl-about-video-card-head{
  padding:23px 24px!important;
}

/* ==================================================
   v4.33 ABOUT TEAM
   ================================================== */
html body .iomtpl .iomtpl-about-team-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
html body .iomtpl .iomtpl-about-team-card{
  overflow:hidden!important;
  min-width:0!important;
  border-radius:20px!important;
  background:#080d14!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 18px 50px rgba(16,24,40,.09)!important;
}
html body .iomtpl .iomtpl-about-team-card.featured{
  border-color:rgba(225,27,34,.36)!important;
}
html body .iomtpl .iomtpl-about-team-photo{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:4/5!important;
  background:#151a22!important;
}
html body .iomtpl .iomtpl-about-team-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 12%!important;
  display:block!important;
}
html body .iomtpl .iomtpl-about-team-info{
  padding:18px 18px 20px!important;
  border-top:2px solid #e11b22!important;
}
html body .iomtpl .iomtpl-about-team-info span{
  display:block!important;
  margin-bottom:8px!important;
  color:#caa66f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-team-info h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-team-info p{
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:10px!important;
}

/* ==================================================
   v4.33 MOBILE GUTTER & VIDEO STACKING
   ================================================== */
@media(max-width:900px){
  html body .iomtpl .iomtpl-about-video-feature{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-about-video-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-about-team-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  html body .iomtpl .iomtpl-about-videos{
    padding:58px 0!important;
  }
  html body .iomtpl .iomtpl-about-video-frame{
    min-height:260px!important;
  }
  html body .iomtpl .iomtpl-about-video-frame.compact{
    min-height:230px!important;
  }
  html body .iomtpl .iomtpl-about-video-copy{
    padding:22px!important;
  }
  html body .iomtpl .iomtpl-about-team-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:420px){
  html body .iomtpl .iomtpl-wrap{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* ==================================================
   v4.34 MEET THE FOUNDER — EXPANDABLE LIFE STORY
   ================================================== */
html body .iomtpl .iomtpl-about-video-grid.two-video{
  grid-template-columns:1fr 1fr!important;
  margin-bottom:22px!important;
}

html body .iomtpl .iomtpl-founder-story{
  margin-top:22px!important;
  padding:34px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.12),transparent 30%),
    linear-gradient(145deg,#080d14,#030507)!important;
  border:1px solid rgba(225,27,34,.25)!important;
  box-shadow:0 22px 64px rgba(16,24,40,.10)!important;
}

html body .iomtpl .iomtpl-founder-story-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:38px!important;
  align-items:end!important;
}

html body .iomtpl .iomtpl-founder-story-intro h2{
  margin:7px 0 0!important;
  color:#fff!important;
  font-size:clamp(34px,4vw,56px)!important;
  line-height:.96!important;
  letter-spacing:-1.6px!important;
  text-transform:uppercase!important;
}

html body .iomtpl .iomtpl-founder-story-intro>p{
  margin:0!important;
  color:rgba(255,255,255,.55)!important;
  font-size:12px!important;
  line-height:1.6!important;
}

html body .iomtpl .iomtpl-founder-story-summary{
  max-width:900px!important;
  margin-top:24px!important;
}

html body .iomtpl .iomtpl-founder-story-summary p{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:14px!important;
  line-height:1.72!important;
}

html body .iomtpl .iomtpl-founder-story-summary strong{
  color:#caa66f!important;
}

html body .iomtpl .iomtpl-founder-story-toggle{
  margin-top:24px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  border:1px solid rgba(225,27,34,.55)!important;
  background:rgba(225,27,34,.08)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

html body .iomtpl .iomtpl-founder-story-toggle span{
  color:#ff3138!important;
  font-size:19px!important;
}

html body .iomtpl .iomtpl-founder-story-toggle:hover,
html body .iomtpl .iomtpl-founder-story-toggle.is-open{
  background:#e11b22!important;
  border-color:#e11b22!important;
}

html body .iomtpl .iomtpl-founder-story-toggle:hover span,
html body .iomtpl .iomtpl-founder-story-toggle.is-open span{
  color:#fff!important;
}

html body .iomtpl .iomtpl-founder-story-full{
  margin-top:28px!important;
  padding-top:26px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}

html body .iomtpl .iomtpl-founder-story-full[hidden]{
  display:none!important;
}

html body .iomtpl .iomtpl-founder-story-copy{
  max-width:930px!important;
  display:grid!important;
  gap:16px!important;
}

html body .iomtpl .iomtpl-founder-story-copy p{
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:13px!important;
  line-height:1.76!important;
}

html body .iomtpl .iomtpl-founder-story-copy strong{
  color:#caa66f!important;
}

html body .iomtpl .iomtpl-founder-story-collapse{
  margin-top:22px!important;
  padding:10px 14px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-about-video-grid.two-video{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-founder-story-intro{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-founder-story{
    padding:24px!important;
  }
  html body .iomtpl .iomtpl-founder-story-intro h2{
    font-size:38px!important;
  }
  html body .iomtpl .iomtpl-founder-story-summary p,
  html body .iomtpl .iomtpl-founder-story-copy p{
    font-size:12px!important;
  }
}

/* v4.35.1 hero first-paint performance */
html body .iomtpl .iomtpl-hero{visibility:visible!important;opacity:1!important}
html body .iomtpl .iomtpl-hero.iomtpl-hero-initialized{content-visibility:visible!important}
html body .iomtpl .iomtpl-hero:not(.iomtpl-slider-ready){transition:none!important}


/* ==================================================
   v4.36 BRAND LOCKUP — IOM | POWERED BY ROC
   ================================================== */
html body .iomtpl .iomtpl-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo{
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo img{
  width:82px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding-left:12px!important;
  flex:0 0 auto!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:1px!important;
  height:30px!important;
  background:rgba(255,255,255,.25)!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by span{
  display:inline!important;
  color:rgba(255,255,255,.48)!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by strong{
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
}
html body .iomtpl .iomtpl-header-row{gap:18px!important}
html body .iomtpl .iomtpl-nav{margin-left:auto!important}
@media(max-width:1180px){
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by span{display:none!important}
}
@media(max-width:1050px){
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{display:none!important}
}

/* ==================================================
   v4.36 ABOUT VIDEO + FOUNDER STORY — PROMINENT EARLY SECTION
   ================================================== */
html body .iomtpl .iomtpl-about-videos{
  padding-top:72px!important;
  padding-bottom:76px!important;
}
html body .iomtpl .iomtpl-founder-story{
  margin-top:26px!important;
}
html body .iomtpl .iomtpl-founder-story-summary{
  max-width:980px!important;
}

/* ==================================================
   v4.36 TEAM — CLEAN SOURCE PHOTOS, EVEN CARDS
   ================================================== */
html body .iomtpl .iomtpl-about-team-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .iomtpl .iomtpl-about-team-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  min-width:0!important;
  border-radius:18px!important;
  background:#080d14!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 16px 46px rgba(16,24,40,.08)!important;
}
html body .iomtpl .iomtpl-about-team-photo{
  position:relative!important;
  width:100%!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:#111722!important;
}
html body .iomtpl .iomtpl-about-team-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
html body .iomtpl .iomtpl-about-team-info{
  flex:1 1 auto!important;
  padding:18px 18px 20px!important;
  border-top:2px solid #e11b22!important;
}
html body .iomtpl .iomtpl-about-team-info span{
  display:block!important;
  margin-bottom:7px!important;
  color:#caa66f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-team-info h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-about-team-info p{
  margin:0!important;
  color:rgba(255,255,255,.6)!important;
  font-size:10px!important;
  line-height:1.4!important;
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-about-team-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-about-team-grid{grid-template-columns:1fr!important}
  html body .iomtpl .iomtpl-about-team-card{width:100%!important;max-width:none!important}
}


/* ==================================================
   v4.39 COMPACT BRAND LOCKUP — IOM | POWERED BY ROC
   ================================================== */
html body .iomtpl .iomtpl-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo{
  margin:0!important;
  padding:0 5px 0 0!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo img{
  display:block!important;
  width:78px!important;
  max-height:60px!important;
  object-fit:contain!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
  position:relative!important;
  margin:0!important;
  padding:0 0 0 10px!important;
  gap:5px!important;
}
html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:34px!important;
  transform:translateY(-50%)!important;
  background:rgba(255,255,255,.34)!important;
}
html body .iomtpl .iomtpl-header-row{
  column-gap:14px!important;
}

/* v4.39 hero must paint immediately before JS initializes */
html body .iomtpl .iomtpl-hero.iomtpl-hero-initialized{
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
}


/* ==================================================
   v4.41 MOBILE RESPONSIVE HARDENING
   Prevent text/cards/buttons/modals from running off-screen
   across homepage, About Us, and Clothing Closet.
   ================================================== */

html, body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
html body .iomtpl,
html body .iomtpl *{
  box-sizing:border-box!important;
}
html body .iomtpl img,
html body .iomtpl video,
html body .iomtpl iframe,
html body .iomtpl canvas,
html body .iomtpl svg{
  max-width:100%!important;
}

/* Allow flex/grid children to actually shrink instead of forcing overflow. */
html body .iomtpl [class*="grid"],
html body .iomtpl [class*="row"],
html body .iomtpl [class*="copy"],
html body .iomtpl [class*="card"],
html body .iomtpl [class*="content"],
html body .iomtpl [class*="panel"]{
  min-width:0!important;
}

/* Long words, names, URLs and headings must wrap. */
html body .iomtpl h1,
html body .iomtpl h2,
html body .iomtpl h3,
html body .iomtpl h4,
html body .iomtpl p,
html body .iomtpl a,
html body .iomtpl button,
html body .iomtpl span,
html body .iomtpl strong{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* ==================================================
   TABLET / PHONE
   ================================================== */
@media(max-width:900px){

  html body .iomtpl .iomtpl-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }

  /* Header */
  html body .iomtpl .iomtpl-header{
    width:100%!important;
  }
  html body .iomtpl .iomtpl-header-row{
    min-height:76px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  html body .iomtpl .iomtpl-brand-lockup{
    max-width:calc(100% - 58px)!important;
  }
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo img{
    width:62px!important;
    max-height:52px!important;
  }
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
    display:flex!important;
    padding-left:8px!important;
  }
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by span{
    font-size:6px!important;
  }
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by strong{
    font-size:13px!important;
  }

  /* Mobile menu itself */
  html body .iomtpl .iomtpl-mobile-menu{
    width:100%!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  html body .iomtpl .iomtpl-mobile-menu a,
  html body .iomtpl .iomtpl-mobile-menu button{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-align:left!important;
  }

  /* Hero */
  html body .iomtpl .iomtpl-hero{
    min-height:auto!important;
    height:auto!important;
    padding-top:56px!important;
    padding-bottom:56px!important;
    overflow:hidden!important;
  }
  html body .iomtpl .iomtpl-hero-grid{
    display:block!important;
    width:100%!important;
  }
  html body .iomtpl .iomtpl-hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html body .iomtpl .iomtpl-hero h1,
  html body .iomtpl .iomtpl-hero [data-slide-title]{
    max-width:100%!important;
    font-size:clamp(42px,12vw,64px)!important;
    line-height:.92!important;
    letter-spacing:-1.8px!important;
  }
  html body .iomtpl .iomtpl-hero-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px 12px!important;
    max-width:100%!important;
  }
  html body .iomtpl .iomtpl-hero-copy p,
  html body .iomtpl .iomtpl-hero [data-slide-text]{
    width:100%!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  html body .iomtpl .iomtpl-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
  }
  html body .iomtpl .iomtpl-hero-actions .iomtpl-btn,
  html body .iomtpl .iomtpl-hero-actions a,
  html body .iomtpl .iomtpl-hero-actions button{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    white-space:normal!important;
    text-align:center!important;
  }
  html body .iomtpl .iomtpl-hero-orbit,
  html body .iomtpl .iomtpl-about-orbit{
    position:absolute!important;
    right:-170px!important;
    top:90px!important;
    width:390px!important;
    height:390px!important;
    opacity:.34!important;
    pointer-events:none!important;
  }

  /* General sections */
  html body .iomtpl section{
    max-width:100vw!important;
    overflow:hidden!important;
  }

  /* Stats / impact cards */
  html body .iomtpl .iomtpl-horizontal-panel-impact,
  html body .iomtpl .iomtpl-horizontal-panel-partners{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html body .iomtpl .iomtpl-horizontal-impact-inner,
  html body .iomtpl .iomtpl-impact-grid,
  html body .iomtpl .iomtpl-stats-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:14px!important;
  }
  html body .iomtpl .iomtpl-stat-card{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:180px!important;
  }

  /* Locations */
  html body .iomtpl .iomtpl-locations-layout,
  html body .iomtpl .iomtpl-location-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:14px!important;
  }
  html body .iomtpl .iomtpl-location-map,
  html body .iomtpl .iomtpl-map-wrap{
    width:100%!important;
    min-width:0!important;
    height:360px!important;
  }

  /* About page */
  html body .iomtpl .iomtpl-about-hero-grid,
  html body .iomtpl .iomtpl-about-story-grid,
  html body .iomtpl .iomtpl-about-values-grid,
  html body .iomtpl .iomtpl-about-founder-grid,
  html body .iomtpl .iomtpl-about-video-grid,
  html body .iomtpl .iomtpl-founder-story-intro{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:18px!important;
  }
  html body .iomtpl .iomtpl-about-section-head{
    display:block!important;
  }
  html body .iomtpl .iomtpl-about-section-head > p{
    margin-top:14px!important;
    max-width:100%!important;
  }
  html body .iomtpl .iomtpl-about-story-card,
  html body .iomtpl .iomtpl-founder-story,
  html body .iomtpl .iomtpl-about-video-card{
    width:100%!important;
    max-width:100%!important;
  }
  html body .iomtpl .iomtpl-founder-story{
    padding:24px!important;
  }
  html body .iomtpl .iomtpl-founder-story-copy{
    max-width:100%!important;
  }
  html body .iomtpl .iomtpl-founder-story-copy p{
    font-size:13px!important;
    line-height:1.7!important;
  }
  html body .iomtpl .iomtpl-about-team-grid{
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  /* Clothing Closet */
  html body .iomtpl .iomtpl-closet-hero,
  html body .iomtpl .iomtpl-closet-section{
    overflow:hidden!important;
  }
  html body .iomtpl .iomtpl-closet-hero-grid,
  html body .iomtpl .iomtpl-closet-grid,
  html body .iomtpl .iomtpl-closet-info-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:16px!important;
  }
  html body .iomtpl .iomtpl-closet-hero-copy,
  html body .iomtpl .iomtpl-closet-card,
  html body .iomtpl .iomtpl-closet-panel{
    width:100%!important;
    max-width:100%!important;
  }

  /* Popups / modals */
  html body .iomtpl [class*="-modal"]{
    max-width:100vw!important;
  }
  html body .iomtpl [class*="-shell"],
  html body .iomtpl [class*="-dialog"],
  html body .iomtpl [class*="-panel"]{
    max-width:calc(100vw - 24px)!important;
  }
}

@media(max-width:600px){

  html body .iomtpl .iomtpl-wrap{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  html body .iomtpl .iomtpl-hero{
    padding-top:42px!important;
    padding-bottom:44px!important;
  }

  html body .iomtpl .iomtpl-hero h1,
  html body .iomtpl .iomtpl-hero [data-slide-title]{
    font-size:clamp(38px,13vw,52px)!important;
    letter-spacing:-1.2px!important;
  }

  html body .iomtpl .iomtpl-eyebrow{
    font-size:12px!important;
  }

  html body .iomtpl .iomtpl-about-hero-copy h1{
    font-size:44px!important;
    line-height:.92!important;
    letter-spacing:-1.3px!important;
  }

  html body .iomtpl .iomtpl-about-section-head h2,
  html body .iomtpl .iomtpl-about-values-intro h2,
  html body .iomtpl .iomtpl-about-founder-copy h2,
  html body .iomtpl .iomtpl-founder-story-intro h2,
  html body .iomtpl .iomtpl-about-cta h2{
    font-size:clamp(34px,11vw,46px)!important;
    line-height:.95!important;
    letter-spacing:-1.1px!important;
  }

  html body .iomtpl .iomtpl-about-team-grid{
    grid-template-columns:1fr!important;
  }

  html body .iomtpl .iomtpl-about-team-card{
    width:100%!important;
    max-width:100%!important;
  }

  /* Prevent long founder/team names from exploding width */
  html body .iomtpl .iomtpl-about-team-info h3{
    font-size:16px!important;
    overflow-wrap:anywhere!important;
  }

  html body .iomtpl .iomtpl-founder-story{
    padding:20px!important;
    border-radius:18px!important;
  }

  html body .iomtpl .iomtpl-founder-story-toggle,
  html body .iomtpl .iomtpl-founder-story-collapse{
    width:100%!important;
    justify-content:center!important;
  }

  html body .iomtpl .iomtpl-about-video-frame,
  html body .iomtpl .iomtpl-about-video-frame.compact{
    min-height:220px!important;
  }

  /* Modal viewport safety */
  html body .iomtpl .iomtpl-modal,
  html body .iomtpl .iomtpl-give-modal,
  html body .iomtpl .iomtpl-newsletter-modal,
  html body .iomtpl .iomtpl-contact-modal,
  html body .iomtpl .iomtpl-assistance-form-modal,
  html body .iomtpl .iomtpl-donate-items-modal{
    padding:8px!important;
  }

  html body .iomtpl .iomtpl-newsletter-shell,
  html body .iomtpl .iomtpl-give-shell,
  html body .iomtpl .iomtpl-contact-shell,
  html body .iomtpl .iomtpl-assistance-form-shell{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    border-radius:16px!important;
  }
}

@media(max-width:390px){
  html body .iomtpl .iomtpl-wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo img{
    width:54px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
    padding-left:7px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by span{
    display:none!important;
  }

  html body .iomtpl .iomtpl-hero h1,
  html body .iomtpl .iomtpl-hero [data-slide-title]{
    font-size:36px!important;
  }
}


/* ==================================================
   v4.42 FOUNDER STORY POPUP
   ================================================== */
html body .iomtpl .iomtpl-founder-modal{
  position:fixed!important;
  inset:0!important;
  z-index:100050!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
html body .iomtpl .iomtpl-founder-modal.open{
  display:flex!important;
}
html body .iomtpl .iomtpl-founder-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(1,4,8,.88)!important;
  backdrop-filter:blur(9px)!important;
}
html body .iomtpl .iomtpl-founder-modal-shell{
  position:relative!important;
  z-index:1!important;
  width:min(1120px,96vw)!important;
  height:min(900px,94vh)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(225,27,34,.42)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.14),transparent 28%),
    linear-gradient(145deg,#090e16,#030507)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.55)!important;
}
html body .iomtpl .iomtpl-founder-modal-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  gap:24px!important;
  align-items:start!important;
  padding:28px 30px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-founder-modal-top h2{
  margin:7px 0 6px!important;
  color:#fff!important;
  font-size:clamp(32px,4vw,56px)!important;
  line-height:.92!important;
  letter-spacing:-1.6px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-founder-modal-top p{
  margin:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-founder-modal-close{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
}
html body .iomtpl .iomtpl-founder-modal-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:16px 30px 30px!important;
  scrollbar-width:thin!important;
}
html body .iomtpl .iomtpl-founder-story-chapter{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:20px!important;
  padding:28px 0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
html body .iomtpl .iomtpl-founder-story-chapter>span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.45)!important;
  color:#ff3037!important;
  font-size:10px!important;
  font-weight:900!important;
}
html body .iomtpl .iomtpl-founder-story-chapter h3{
  margin:0 0 13px!important;
  color:#fff!important;
  font-size:clamp(22px,2.6vw,32px)!important;
  line-height:1!important;
  letter-spacing:-.7px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-founder-story-chapter p{
  max-width:850px!important;
  margin:0 0 13px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:13px!important;
  line-height:1.76!important;
}
html body .iomtpl .iomtpl-founder-story-chapter blockquote{
  margin:20px 0!important;
  padding:20px 22px!important;
  border-left:3px solid #e11b22!important;
  border-radius:0 12px 12px 0!important;
  background:rgba(225,27,34,.08)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
html body .iomtpl .iomtpl-founder-story-chapter.final{
  border-bottom:0!important;
}
html body .iomtpl .iomtpl-founder-modal-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:16px 30px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.18)!important;
}
html body .iomtpl .iomtpl-founder-modal-footer span{
  color:rgba(255,255,255,.38)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-founder-modal-footer button{
  padding:10px 15px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-founder-modal{
    padding:8px!important;
  }
  html body .iomtpl .iomtpl-founder-modal-shell{
    width:calc(100vw - 16px)!important;
    height:calc(100vh - 16px)!important;
    max-height:none!important;
    border-radius:18px!important;
  }
  html body .iomtpl .iomtpl-founder-modal-top{
    padding:20px 18px 16px!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
  }
  html body .iomtpl .iomtpl-founder-modal-top h2{
    font-size:34px!important;
    letter-spacing:-1px!important;
  }
  html body .iomtpl .iomtpl-founder-modal-body{
    padding:4px 18px 24px!important;
  }
  html body .iomtpl .iomtpl-founder-story-chapter{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:24px 0!important;
  }
  html body .iomtpl .iomtpl-founder-story-chapter>span{
    width:36px!important;
    height:36px!important;
  }
  html body .iomtpl .iomtpl-founder-story-chapter h3{
    font-size:24px!important;
  }
  html body .iomtpl .iomtpl-founder-story-chapter p{
    font-size:13px!important;
    line-height:1.7!important;
  }
  html body .iomtpl .iomtpl-founder-modal-footer{
    padding:13px 18px!important;
  }
}


/* ==================================================
   v4.44 HUB CENTER — STATIONARY LOGO ONLY
   ================================================== */
html body .iomtpl .iomtpl-hub-center{
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
html body .iomtpl .iomtpl-hub-center-logo{
  display:block!important;
  width:118px!important;
  max-width:58%!important;
  height:auto!important;
  margin:auto!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
html body .iomtpl .iomtpl-hub-center:hover,
html body .iomtpl .iomtpl-hub-center.is-static{
  transform:none!important;
}


/* ==================================================
   v4.45 GET INVOLVED CENTER LOGO — NATURAL PROPORTIONS
   ================================================== */
html body .iomtpl .iomtpl-hub-center{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  overflow:visible!important;
  transform:none!important;
}
html body .iomtpl .iomtpl-hub-logo-wrap{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:18%!important;
}
html body .iomtpl .iomtpl-hub-center-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  transform:none!important;
  filter:brightness(0) invert(1)!important;
}
html body .iomtpl .iomtpl-hub-center h1,
html body .iomtpl .iomtpl-hub-center h2,
html body .iomtpl .iomtpl-hub-center h3,
html body .iomtpl .iomtpl-hub-center p,
html body .iomtpl .iomtpl-hub-center span:not(.iomtpl-location-pin){
  display:none!important;
}

/* ==================================================
   v4.45 LOCATION MAP PINS
   ================================================== */
html body .iomtpl .iomtpl-location-pin-wrap{
  background:transparent!important;
  border:0!important;
}
html body .iomtpl .iomtpl-location-pin{
  position:relative!important;
  display:block!important;
  width:22px!important;
  height:22px!important;
  border-radius:50% 50% 50% 0!important;
  background:#e11b22!important;
  border:3px solid #fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28)!important;
  transform:rotate(-45deg)!important;
}
html body .iomtpl .iomtpl-location-pin:after{
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  background:#fff!important;
  transform:translate(-50%,-50%)!important;
}
html body .iomtpl [data-iom-locations-map],
html body .iomtpl #iom-locations-map,
html body .iomtpl .iomtpl-locations-map{
  min-height:420px!important;
  width:100%!important;
  display:block!important;
}


/* ==================================================
   v4.46 HUB CENTER FINAL NORMALIZATION
   ================================================== */
html body .iomtpl [data-iom-hub-center]{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:0!important;
}
html body .iomtpl [data-iom-hub-center] > *:not(.iomtpl-hub-logo-wrap){
  display:none!important;
}
html body .iomtpl [data-iom-hub-center] .iomtpl-hub-logo-wrap{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:22%!important;
  margin:0!important;
}
html body .iomtpl [data-iom-hub-center] .iomtpl-hub-center-logo{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
  transform:none!important;
  filter:brightness(0) invert(1)!important;
}

/* Make interactive controls clearly clickable above decorative layers */
html body .iomtpl .iomtpl-hub-links a,
html body .iomtpl [data-iom-newsletter-open],
html body .iomtpl [data-iom-give-popup],
html body .iomtpl [data-iom-contact-open],
html body .iomtpl [data-iom-modal],
html body .iomtpl [data-iom-assistance-form-open]{
  position:relative!important;
  z-index:6!important;
  pointer-events:auto!important;
}


/* ==================================================
   v4.47 ABOUT US — COMPACT LUXURY EDITORIAL REDESIGN
   ================================================== */

/* Narrow the readable canvas slightly so content feels curated, not stretched. */
html body.iomtpl-about-page .iomtpl-wrap{
  max-width:1320px!important;
}

/* Hero: preserve drama, remove excess height. */
html body .iomtpl .iomtpl-about-hero{
  min-height:535px!important;
}
html body .iomtpl .iomtpl-about-hero-grid{
  gap:54px!important;
}
html body .iomtpl .iomtpl-about-hero-copy h1{
  margin-bottom:18px!important;
}
html body .iomtpl .iomtpl-about-hero-actions{
  margin-top:22px!important;
}

/* Major section rhythm: tighter and more deliberate. */
html body .iomtpl .iomtpl-about-story,
html body .iomtpl .iomtpl-about-team{
  padding:58px 0!important;
}
html body .iomtpl .iomtpl-about-values,
html body .iomtpl .iomtpl-about-founder,
html body .iomtpl .iomtpl-about-videos{
  padding:62px 0!important;
}
html body .iomtpl .iomtpl-about-cta{
  padding:48px 0!important;
}

/* Editorial section heading */
html body .iomtpl .iomtpl-about-section-head{
  align-items:center!important;
  margin-bottom:25px!important;
}
html body .iomtpl .iomtpl-about-section-head-luxe{
  position:relative!important;
  padding-bottom:17px!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
}
html body .iomtpl .iomtpl-about-section-head-luxe:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-1px!important;
  width:82px!important;
  height:2px!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
}
html body .iomtpl .iomtpl-about-section-head h2{
  font-size:clamp(36px,3.7vw,56px)!important;
}

/* Mission / Vision cards: reduce empty height and make them richer. */
html body .iomtpl .iomtpl-about-story-grid{
  gap:12px!important;
}
html body .iomtpl .iomtpl-about-story-card{
  min-height:245px!important;
  padding:24px!important;
  border-radius:17px!important;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important;
}
html body .iomtpl .iomtpl-about-story-card h3{
  margin:42px 0 10px!important;
  font-size:22px!important;
}
html body .iomtpl .iomtpl-about-story-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 45px rgba(15,23,42,.09)!important;
  border-color:rgba(225,27,34,.20)!important;
}

/* Core Values: tighter list and more refined dividers. */
html body .iomtpl .iomtpl-about-values-grid{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:48px!important;
}
html body .iomtpl .iomtpl-about-values-list{
  gap:8px!important;
}
html body .iomtpl .iomtpl-about-values-list article{
  padding:14px 15px!important;
  border-radius:12px!important;
  transition:background .25s ease,border-color .25s ease,transform .25s ease!important;
}
html body .iomtpl .iomtpl-about-values-list article:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(202,166,111,.24)!important;
}

/* Founder bridge section */
html body .iomtpl .iomtpl-about-founder-grid{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:52px!important;
}
html body .iomtpl .iomtpl-about-founder-mark{
  min-height:295px!important;
  box-shadow:0 0 0 28px rgba(225,27,34,.035),0 0 0 55px rgba(202,166,111,.045)!important;
}
html body .iomtpl .iomtpl-about-founder-number{
  font-size:88px!important;
}

/* Video story area: more cinematic, less oversized. */
html body .iomtpl .iomtpl-about-video-grid.two-video{
  gap:14px!important;
  margin-bottom:16px!important;
}
html body .iomtpl .iomtpl-about-video-card{
  border-radius:18px!important;
  box-shadow:0 15px 40px rgba(15,23,42,.10)!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
html body .iomtpl .iomtpl-about-video-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 52px rgba(15,23,42,.14)!important;
}
html body .iomtpl .iomtpl-about-video-card-head{
  padding:19px 21px!important;
}
html body .iomtpl .iomtpl-about-video-card-head h3{
  font-size:22px!important;
}
html body .iomtpl .iomtpl-about-video-frame.compact{
  min-height:270px!important;
}

/* Founder story teaser: compact premium card */
html body .iomtpl .iomtpl-founder-story{
  margin-top:16px!important;
  padding:28px!important;
  border-radius:19px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.16)!important;
}
html body .iomtpl .iomtpl-founder-story-intro{
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:28px!important;
}
html body .iomtpl .iomtpl-founder-story-intro h2{
  font-size:clamp(31px,3.4vw,48px)!important;
}
html body .iomtpl .iomtpl-founder-story-summary{
  margin-top:18px!important;
}
html body .iomtpl .iomtpl-founder-story-toggle{
  margin-top:18px!important;
}

/* Team section: less giant, more editorial portrait-card proportions. */
html body .iomtpl .iomtpl-about-team-grid{
  gap:12px!important;
}
html body .iomtpl .iomtpl-about-team-card{
  border-radius:16px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.08)!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
html body .iomtpl .iomtpl-about-team-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 48px rgba(15,23,42,.13)!important;
}
html body .iomtpl .iomtpl-about-team-photo{
  aspect-ratio:4/4.55!important;
}
html body .iomtpl .iomtpl-about-team-info{
  padding:15px 16px 17px!important;
}
html body .iomtpl .iomtpl-about-team-info h3{
  font-size:16px!important;
}

/* CTA */
html body .iomtpl .iomtpl-about-cta-inner{
  padding:31px 34px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 95% 20%,rgba(225,27,34,.08),transparent 27%),
    #fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.06)!important;
}

/* ==================================================
   v4.47 SUBTLE REVEAL ANIMATION
   ================================================== */
html body.iomtpl-about-page .iom-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .65s cubic-bezier(.2,.7,.2,1),
    transform .65s cubic-bezier(.2,.7,.2,1)!important;
}
html body.iomtpl-about-page .iom-reveal.iom-reveal-visible{
  opacity:1;
  transform:translateY(0);
}

/* Give repeated cards a soft stagger */
html body.iomtpl-about-page .iomtpl-about-story-card:nth-child(2),
html body.iomtpl-about-page .iomtpl-about-team-card:nth-child(2){
  transition-delay:.06s!important;
}
html body.iomtpl-about-page .iomtpl-about-story-card:nth-child(3),
html body.iomtpl-about-page .iomtpl-about-team-card:nth-child(3){
  transition-delay:.12s!important;
}
html body.iomtpl-about-page .iomtpl-about-team-card:nth-child(4){
  transition-delay:.18s!important;
}

/* Gentle orbit polish */
html body.iomtpl-about-page .iomtpl-about-orbit{
  filter:drop-shadow(0 18px 42px rgba(225,27,34,.08))!important;
}

/* ==================================================
   RESPONSIVE COMPACTNESS
   ================================================== */
@media(max-width:980px){
  html body .iomtpl .iomtpl-about-hero{
    min-height:auto!important;
  }
  html body .iomtpl .iomtpl-about-values-grid,
  html body .iomtpl .iomtpl-about-founder-grid,
  html body .iomtpl .iomtpl-founder-story-intro{
    gap:24px!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-about-story,
  html body .iomtpl .iomtpl-about-team,
  html body .iomtpl .iomtpl-about-values,
  html body .iomtpl .iomtpl-about-founder,
  html body .iomtpl .iomtpl-about-videos{
    padding:44px 0!important;
  }
  html body .iomtpl .iomtpl-about-section-head{
    margin-bottom:20px!important;
  }
  html body .iomtpl .iomtpl-about-story-card{
    min-height:0!important;
  }
  html body .iomtpl .iomtpl-about-story-card h3{
    margin-top:25px!important;
  }
  html body .iomtpl .iomtpl-founder-story{
    padding:22px!important;
  }
  html body .iomtpl .iomtpl-about-video-frame.compact{
    min-height:220px!important;
  }
  html body .iomtpl .iomtpl-about-cta-inner{
    padding:25px 22px!important;
  }
}

/* Accessibility: no forced motion for reduced-motion users. */
@media(prefers-reduced-motion:reduce){
  html body.iomtpl-about-page .iom-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  html body.iomtpl-about-page .iomtpl-about-story-card,
  html body.iomtpl-about-page .iomtpl-about-team-card,
  html body.iomtpl-about-page .iomtpl-about-video-card,
  html body.iomtpl-about-page .iomtpl-about-values-list article{
    transition:none!important;
  }
}


/* ==================================================
   v4.48 CLOTHING CLOSET — COMPACT LUXURY PROGRAM PAGE
   ================================================== */

html body.iomtpl-closet-page{
  background:#f4f0e8!important;
}

/* tighter content canvas */
html body.iomtpl-closet-page .iomtpl-wrap{
  max-width:1320px!important;
}

/* hero */
html body .iomtpl .iomtpl-closet-hero{
  min-height:520px!important;
}
html body .iomtpl .iomtpl-closet-hero-grid{
  gap:48px!important;
}
html body .iomtpl .iomtpl-closet-hero-copy h1{
  margin-bottom:16px!important;
}
html body .iomtpl .iomtpl-closet-hero-copy p{
  max-width:650px!important;
  line-height:1.58!important;
}
html body .iomtpl .iomtpl-closet-hero-actions{
  margin-top:22px!important;
}

/* sections */
html body .iomtpl .iomtpl-closet-section{
  padding:54px 0!important;
}
html body .iomtpl .iomtpl-closet-section-head{
  margin-bottom:22px!important;
  padding-bottom:15px!important;
  border-bottom:1px solid rgba(15,23,42,.09)!important;
  position:relative!important;
}
html body .iomtpl .iomtpl-closet-section-head:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-1px!important;
  width:78px!important;
  height:2px!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
}

/* cards/panels */
html body .iomtpl .iomtpl-closet-card,
html body .iomtpl .iomtpl-closet-panel,
html body .iomtpl .iomtpl-closet-info-card{
  border-radius:17px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.07)!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
html body .iomtpl .iomtpl-closet-card:hover,
html body .iomtpl .iomtpl-closet-panel:hover,
html body .iomtpl .iomtpl-closet-info-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 22px 48px rgba(15,23,42,.11)!important;
  border-color:rgba(225,27,34,.18)!important;
}

/* compact grids */
html body .iomtpl .iomtpl-closet-grid,
html body .iomtpl .iomtpl-closet-info-grid{
  gap:12px!important;
}

/* refined buttons */
html body .iomtpl .iomtpl-closet-page .iomtpl-btn,
html body .iomtpl .iomtpl-closet-card .iomtpl-btn{
  border-radius:10px!important;
}

/* ==================================================
   v4.48 CLOTHING CLOSET VIDEO
   ================================================== */
html body .iomtpl .iomtpl-closet-video-section{
  padding:62px 0!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(225,27,34,.10),transparent 30%),
    #070c13!important;
}
html body .iomtpl .iomtpl-closet-video-grid{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
}
html body .iomtpl .iomtpl-closet-video-copy{
  padding:8px 0!important;
}
html body .iomtpl .iomtpl-closet-video-copy h2{
  margin:7px 0 13px!important;
  color:#fff!important;
  font-size:clamp(34px,3.7vw,54px)!important;
  line-height:.96!important;
  letter-spacing:-1.5px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-video-copy>p{
  margin:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:13px!important;
  line-height:1.65!important;
}
html body .iomtpl .iomtpl-closet-video-points{
  display:grid!important;
  gap:7px!important;
  margin-top:20px!important;
}
html body .iomtpl .iomtpl-closet-video-points span{
  position:relative!important;
  padding-left:19px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.03em!important;
}
html body .iomtpl .iomtpl-closet-video-points span:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  transform:translateY(-50%)!important;
  box-shadow:0 0 0 4px rgba(225,27,34,.10)!important;
}
html body .iomtpl .iomtpl-closet-video-frame{
  position:relative!important;
  overflow:hidden!important;
  min-height:360px!important;
  border-radius:19px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#030507!important;
  box-shadow:0 24px 62px rgba(0,0,0,.28)!important;
}
html body .iomtpl .iomtpl-closet-video-frame iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
html body .iomtpl .iomtpl-closet-video-placeholder{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  text-align:center!important;
  padding:30px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(225,27,34,.15),transparent 31%),
    linear-gradient(145deg,#101722,#030507)!important;
}
html body .iomtpl .iomtpl-closet-video-play{
  width:60px!important;
  height:60px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:7px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.5)!important;
  color:#fff!important;
  background:rgba(225,27,34,.09)!important;
}
html body .iomtpl .iomtpl-closet-video-placeholder strong{
  color:#fff!important;
  font-size:17px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-closet-video-placeholder span{
  color:rgba(255,255,255,.47)!important;
  font-size:10px!important;
}

/* ==================================================
   v4.48 CLOTHING CLOSET REVEAL ANIMATION
   ================================================== */
html body.iomtpl-closet-page .iom-closet-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .65s cubic-bezier(.2,.7,.2,1),
    transform .65s cubic-bezier(.2,.7,.2,1)!important;
}
html body.iomtpl-closet-page .iom-closet-reveal.iom-closet-reveal-visible{
  opacity:1;
  transform:translateY(0);
}

/* mobile */
@media(max-width:900px){
  html body .iomtpl .iomtpl-closet-video-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-closet-video-frame{
    min-height:300px!important;
  }
}
@media(max-width:760px){
  html body .iomtpl .iomtpl-closet-hero{
    min-height:auto!important;
  }
  html body .iomtpl .iomtpl-closet-section,
  html body .iomtpl .iomtpl-closet-video-section{
    padding:44px 0!important;
  }
  html body .iomtpl .iomtpl-closet-video-frame{
    min-height:230px!important;
  }
  html body .iomtpl .iomtpl-closet-video-copy h2{
    font-size:38px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.iomtpl-closet-page .iom-closet-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  html body .iomtpl .iomtpl-closet-card,
  html body .iomtpl .iomtpl-closet-panel,
  html body .iomtpl .iomtpl-closet-info-card{
    transition:none!important;
  }
}


/* ==================================================
   v4.51 RECOVERY — SAFE NEXT STEP CENTER
   Base: v4.48. No structural menu or JS rewrites.
   ================================================== */

/* Keep the existing center-circle structure and simply center its image. */
html body .iomtpl [data-iom-hub-center]{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}

/* Hide only the existing center copy. */
html body .iomtpl [data-iom-hub-center] h1,
html body .iomtpl [data-iom-hub-center] h2,
html body .iomtpl [data-iom-hub-center] h3,
html body .iomtpl [data-iom-hub-center] p,
html body .iomtpl [data-iom-hub-center] span{
  display:none!important;
}

/* Logo stays natural and centered inside its existing circle. */
html body .iomtpl [data-iom-hub-center] img{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:58%!important;
  max-height:58%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  transform:none!important;
}

/* Three remaining cards: do not force a new layout; let existing hub CSS flow naturally. */


/* ==================================================
   v4.52 NEXT STEP — THREE BRANCH REDESIGN
   ================================================== */
html body .iomtpl .iomtpl-nextstep-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:100020!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(2,5,9,.76)!important;
  backdrop-filter:blur(12px)!important;
}
html body .iomtpl .iomtpl-nextstep-overlay.open{
  display:flex!important;
}
html body .iomtpl .iomtpl-nextstep-shell{
  position:relative!important;
  width:min(1180px,96vw)!important;
  max-height:92vh!important;
  overflow:auto!important;
  padding:30px!important;
  border-radius:28px!important;
  border:1px solid rgba(225,27,34,.38)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(225,27,34,.12),transparent 28%),
    radial-gradient(circle at 92% 100%,rgba(202,166,111,.08),transparent 30%),
    linear-gradient(145deg,#080d14,#030507)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.52)!important;
}
html body .iomtpl .iomtpl-nextstep-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  z-index:3!important;
}
html body .iomtpl .iomtpl-nextstep-brand{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  padding:4px 58px 25px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-nextstep-logo-ring{
  width:104px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.55)!important;
  box-shadow:
    0 0 0 8px rgba(225,27,34,.07),
    0 0 0 18px rgba(202,166,111,.035)!important;
  background:radial-gradient(circle,rgba(225,27,34,.08),rgba(0,0,0,.08))!important;
}
html body .iomtpl .iomtpl-nextstep-logo-ring img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:68%!important;
  max-height:68%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
html body .iomtpl .iomtpl-nextstep-brand h2{
  margin:6px 0 7px!important;
  color:#fff!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.95!important;
  letter-spacing:-1.1px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-nextstep-brand p{
  margin:0!important;
  max-width:700px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:12px!important;
  line-height:1.6!important;
}

html body .iomtpl .iomtpl-nextstep-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:20px!important;
}
html body .iomtpl .iomtpl-nextstep-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:390px!important;
  padding:24px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
html body .iomtpl .iomtpl-nextstep-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 100% 0%,rgba(225,27,34,.07),transparent 34%)!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(225,27,34,.32)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.20)!important;
}
html body .iomtpl .iomtpl-nextstep-card.assistance:hover{
  border-color:rgba(202,166,111,.34)!important;
}
html body .iomtpl .iomtpl-nextstep-icon{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:26px!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.55)!important;
  color:#fff!important;
  font-size:25px!important;
  background:rgba(225,27,34,.055)!important;
}
html body .iomtpl .iomtpl-nextstep-copy{
  position:relative!important;
  z-index:1!important;
}
html body .iomtpl .iomtpl-nextstep-copy>span{
  display:block!important;
  margin-bottom:8px!important;
  color:#caa66f!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
html body .iomtpl .iomtpl-nextstep-copy h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-nextstep-copy p{
  margin:0!important;
  min-height:58px!important;
  color:rgba(255,255,255,.55)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
html body .iomtpl .iomtpl-nextstep-links{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:0!important;
  margin-top:auto!important;
  padding-top:20px!important;
}
html body .iomtpl .iomtpl-nextstep-links a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:43px!important;
  padding:0 2px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  font-weight:720!important;
  text-decoration:none!important;
  transition:color .2s ease,padding-left .2s ease!important;
}
html body .iomtpl .iomtpl-nextstep-links a:after{
  content:"→"!important;
  color:#e11b22!important;
}
html body .iomtpl .iomtpl-nextstep-links a:hover{
  color:#fff!important;
  padding-left:5px!important;
}
html body .iomtpl .iomtpl-nextstep-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-nextstep-footer span{
  color:#caa66f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-nextstep-footer button{
  padding:9px 13px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

@media(max-width:900px){
  html body .iomtpl .iomtpl-nextstep-grid{
    grid-template-columns:1fr!important;
  }
  html body .iomtpl .iomtpl-nextstep-card{
    min-height:0!important;
  }
  html body .iomtpl .iomtpl-nextstep-copy p{
    min-height:0!important;
  }
}
@media(max-width:600px){
  html body .iomtpl .iomtpl-nextstep-overlay{
    padding:8px!important;
  }
  html body .iomtpl .iomtpl-nextstep-shell{
    width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  html body .iomtpl .iomtpl-nextstep-brand{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:16px!important;
    padding-right:42px!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-ring{
    width:72px!important;
    height:72px!important;
  }
  html body .iomtpl .iomtpl-nextstep-brand h2{
    font-size:28px!important;
  }
  html body .iomtpl .iomtpl-nextstep-card{
    padding:20px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-nextstep-card{
    transition:none!important;
  }
}


/* ==================================================
   v4.53 NEWSLETTER VIEWER STABILIZATION
   ================================================== */
html body .iomtpl .iomtpl-newsletter-viewer{
  position:relative!important;
  width:100%!important;
  min-height:620px!important;
  height:min(70vh,760px)!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#05080d!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

html body .iomtpl .iomtpl-newsletter-viewer > *{
  max-width:100%!important;
}

html body .iomtpl .iomtpl-newsletter-viewer iframe,
html body .iomtpl .iomtpl-newsletter-viewer .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-viewer [class*="real3d"],
html body .iomtpl .iomtpl-newsletter-viewer [id*="real3d"]{
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  max-height:none!important;
}

html body .iomtpl .iomtpl-newsletter-fallback{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:30px!important;
  text-align:center!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(225,27,34,.12),transparent 28%),
    linear-gradient(145deg,#0c121b,#030507)!important;
}
html body .iomtpl .iomtpl-newsletter-fallback-icon{
  font-size:36px!important;
  color:#e11b22!important;
}
html body .iomtpl .iomtpl-newsletter-fallback strong{
  font-size:20px!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-newsletter-fallback p{
  margin:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:12px!important;
}
html body .iomtpl .iomtpl-newsletter-fallback a{
  margin-top:6px!important;
  color:#caa66f!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-newsletter-viewer{
    min-height:68vh!important;
    height:68vh!important;
    border-radius:12px!important;
  }
  html body .iomtpl .iomtpl-newsletter-viewer iframe,
  html body .iomtpl .iomtpl-newsletter-viewer .real3dflipbook,
  html body .iomtpl .iomtpl-newsletter-viewer [class*="real3d"],
  html body .iomtpl .iomtpl-newsletter-viewer [id*="real3d"]{
    min-height:68vh!important;
  }
}


/* ==================================================
   v4.54 CLOTHING CLOSET — LEGACY THEME CHROME REMOVAL
   Scoped ONLY to the Clothing Closet page.
   ================================================== */

/* Common WordPress/theme headers and top navigation */
html body.iomtpl-hide-legacy-theme > header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme #masthead,
html body.iomtpl-hide-legacy-theme .site-header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .main-header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .header-wrapper:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .header-area:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .top-header,
html body.iomtpl-hide-legacy-theme .top-bar,
html body.iomtpl-hide-legacy-theme .site-branding:not(.iomtpl-brand-lockup),
html body.iomtpl-hide-legacy-theme #site-navigation:not(.iomtpl-nav),
html body.iomtpl-hide-legacy-theme .main-navigation:not(.iomtpl-nav),
html body.iomtpl-hide-legacy-theme nav.primary-navigation:not(.iomtpl-nav),
html body.iomtpl-hide-legacy-theme .primary-menu-container,
html body.iomtpl-hide-legacy-theme .menu-primary-container,
html body.iomtpl-hide-legacy-theme .mobile-header,
html body.iomtpl-hide-legacy-theme .mobile-menu-wrapper,
html body.iomtpl-hide-legacy-theme .responsive-menu-pro-wrapper,
html body.iomtpl-hide-legacy-theme .page-header:not(.iomtpl-page-header),
html body.iomtpl-hide-legacy-theme .entry-header:not(.iomtpl-entry-header){
  display:none!important;
}

/* Some themes wrap the old header inside #page / .site */
html body.iomtpl-hide-legacy-theme #page > header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .site > header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme #page > .site-header:not(.iomtpl-header),
html body.iomtpl-hide-legacy-theme .site > .site-header:not(.iomtpl-header){
  display:none!important;
}

/* Remove blank space left by sticky/fixed legacy headers */
html body.iomtpl-hide-legacy-theme,
html body.iomtpl-hide-legacy-theme #page,
html body.iomtpl-hide-legacy-theme .site,
html body.iomtpl-hide-legacy-theme #content,
html body.iomtpl-hide-legacy-theme .site-content,
html body.iomtpl-hide-legacy-theme .content-area,
html body.iomtpl-hide-legacy-theme main.site-main{
  margin-top:0!important;
  padding-top:0!important;
  top:auto!important;
}

/* Reset theme offsets frequently used for fixed headers */
html body.iomtpl-hide-legacy-theme.admin-bar .iomtpl-header{
  top:32px!important;
}
@media(max-width:782px){
  html body.iomtpl-hide-legacy-theme.admin-bar .iomtpl-header{
    top:46px!important;
  }
}

/* Ensure the custom Impact1More shell is the visible page chrome */
html body.iomtpl-hide-legacy-theme .iomtpl{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin-top:0!important;
  padding-top:0!important;
}

/* Hide legacy footer only if the standalone template leaves one outside .iomtpl */
html body.iomtpl-hide-legacy-theme > footer:not(.iomtpl-footer),
html body.iomtpl-hide-legacy-theme #colophon:not(.iomtpl-footer),
html body.iomtpl-hide-legacy-theme .site-footer:not(.iomtpl-footer){
  display:none!important;
}


/* ==================================================
   v4.55 CLOTHING CLOSET — HOMEPAGE HEADER + FAST HERO
   ================================================== */

/* Clothing Closet uses the exact same navigation visual system as homepage */
html body.iomtpl-closet-page .iomtpl-header .iomtpl-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:stretch!important;
  height:100%!important;
}
html body.iomtpl-closet-page .iomtpl-header .iomtpl-nav-link,
html body.iomtpl-closet-page .iomtpl-header .iomtpl-hub-trigger{
  color:#fff!important;
  border:0!important;
  background:none!important;
  padding:0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.05em!important;
  position:relative!important;
  white-space:nowrap!important;
}
html body.iomtpl-closet-page .iomtpl-header .iomtpl-hub-trigger{
  margin:8px 5px!important;
  min-width:132px!important;
  clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)!important;
  background:linear-gradient(180deg,rgba(225,27,34,.17),rgba(225,27,34,.04))!important;
  box-shadow:inset 0 0 0 1px rgba(225,27,34,.95),0 0 26px rgba(225,27,34,.32)!important;
}
html body.iomtpl-closet-page .iomtpl-header .iomtpl-give-top{
  margin-left:14px!important;
  background:linear-gradient(#ef252c,#c80f16)!important;
  color:#fff!important;
  border:0!important;
  border-radius:7px!important;
  padding:14px 20px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 30px rgba(225,27,34,.28)!important;
}

/* Closet page active item gets a restrained underline instead of different styling */
html body.iomtpl-closet-page .iomtpl-closet-nav:after{
  transform:scaleX(1)!important;
}

/* Above-the-fold Clothing Closet content must NEVER wait on IntersectionObserver */
html body.iomtpl-closet-page .iomtpl-closet-hero-immediate{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
}
html body.iomtpl-closet-page .iomtpl-closet-hero-immediate > *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}

/* Prevent any inherited reveal rule from delaying the hero itself */
html body.iomtpl-closet-page .iomtpl-closet-hero .iom-closet-reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

/* Preserve homepage header mobile behavior */
@media(max-width:1100px){
  html body.iomtpl-closet-page .iomtpl-header .iomtpl-nav{
    display:none!important;
  }
  html body.iomtpl-closet-page .iomtpl-header .iomtpl-give-top{
    display:none!important;
  }
  html body.iomtpl-closet-page .iomtpl-header .iomtpl-mobile-toggle{
    display:block!important;
  }
}


/* ==================================================
   v4.56 NEXT STEP — WOW INTERACTIVE EXPERIENCE
   ================================================== */

/* stronger cinematic shell */
html body .iomtpl .iomtpl-nextstep-shell{
  background:
    radial-gradient(circle at 13% 8%,rgba(225,27,34,.18),transparent 24%),
    radial-gradient(circle at 88% 92%,rgba(202,166,111,.12),transparent 25%),
    linear-gradient(145deg,#070b12 0%,#020407 55%,#08090c 100%)!important;
  box-shadow:
    0 36px 120px rgba(0,0,0,.64),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* logo presentation */
html body .iomtpl .iomtpl-nextstep-logo-ring{
  position:relative!important;
  width:132px!important;
  height:132px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate!important;
}

html body .iomtpl .iomtpl-nextstep-logo-core{
  position:relative!important;
  z-index:5!important;
  width:88px!important;
  height:88px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),rgba(255,255,255,.015) 62%,rgba(225,27,34,.05))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    0 0 0 6px rgba(225,27,34,.06),
    0 16px 40px rgba(0,0,0,.35),
    inset 0 0 26px rgba(225,27,34,.06)!important;
}

html body .iomtpl .iomtpl-nextstep-logo-core img{
  width:auto!important;
  height:auto!important;
  max-width:68%!important;
  max-height:68%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.16))!important;
}

/* orbit layers */
html body .iomtpl .iomtpl-nextstep-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  border:1px solid rgba(225,27,34,.40)!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-a{
  width:112px!important;
  height:112px!important;
  animation:iomNextOrbit 11s linear infinite!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-b{
  width:128px!important;
  height:128px!important;
  border-color:rgba(202,166,111,.28)!important;
  animation:iomNextOrbitReverse 16s linear infinite!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-c{
  width:96px!important;
  height:96px!important;
  border-style:dashed!important;
  border-color:rgba(255,255,255,.12)!important;
  animation:iomNextOrbit 20s linear infinite!important;
}

html body .iomtpl .iomtpl-nextstep-node{
  position:absolute!important;
  z-index:6!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 14px rgba(225,27,34,.75)!important;
}
html body .iomtpl .iomtpl-nextstep-node.node-a{
  left:12px!important;
  top:58px!important;
}
html body .iomtpl .iomtpl-nextstep-node.node-b{
  right:18px!important;
  top:25px!important;
  background:#caa66f!important;
  box-shadow:0 0 14px rgba(202,166,111,.62)!important;
}
html body .iomtpl .iomtpl-nextstep-node.node-c{
  right:29px!important;
  bottom:18px!important;
  width:6px!important;
  height:6px!important;
}

@keyframes iomNextOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes iomNextOrbitReverse{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0deg)}
}

/* richer three-card composition */
html body .iomtpl .iomtpl-nextstep-grid{
  gap:16px!important;
  perspective:1200px!important;
}
html body .iomtpl .iomtpl-nextstep-card{
  overflow:hidden!important;
  min-height:405px!important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.042),rgba(255,255,255,.012))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  transform-style:preserve-3d!important;
  transition:
    transform .38s cubic-bezier(.2,.75,.2,1),
    border-color .32s ease,
    box-shadow .32s ease!important;
}

html body .iomtpl .iomtpl-nextstep-card-glow{
  position:absolute!important;
  width:220px!important;
  height:220px!important;
  right:-85px!important;
  top:-80px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(225,27,34,.15),rgba(225,27,34,.025) 50%,transparent 72%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
  transition:transform .4s ease,opacity .4s ease!important;
}

html body .iomtpl .iomtpl-nextstep-card.volunteer .iomtpl-nextstep-card-glow{
  background:radial-gradient(circle,rgba(255,255,255,.10),rgba(225,27,34,.025) 50%,transparent 72%)!important;
}
html body .iomtpl .iomtpl-nextstep-card.assistance .iomtpl-nextstep-card-glow{
  background:radial-gradient(circle,rgba(202,166,111,.16),rgba(202,166,111,.025) 50%,transparent 72%)!important;
}

html body .iomtpl .iomtpl-nextstep-card:hover{
  transform:translateY(-9px) rotateX(1.5deg)!important;
  border-color:rgba(225,27,34,.46)!important;
  box-shadow:
    0 30px 70px rgba(0,0,0,.32),
    0 0 0 1px rgba(225,27,34,.06)!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover .iomtpl-nextstep-card-glow{
  transform:scale(1.18)!important;
  opacity:1!important;
}

/* floating icon treatment */
html body .iomtpl .iomtpl-nextstep-icon{
  position:relative!important;
  width:60px!important;
  height:60px!important;
  margin-bottom:28px!important;
  border:1px solid rgba(225,27,34,.58)!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),rgba(225,27,34,.05))!important;
  box-shadow:
    0 0 0 7px rgba(225,27,34,.035),
    0 12px 28px rgba(0,0,0,.20)!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover .iomtpl-nextstep-icon{
  box-shadow:
    0 0 0 9px rgba(225,27,34,.055),
    0 0 28px rgba(225,27,34,.22)!important;
}

/* luxury number label */
html body .iomtpl .iomtpl-nextstep-copy>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#caa66f!important;
}
html body .iomtpl .iomtpl-nextstep-copy>span:after{
  content:""!important;
  display:block!important;
  width:30px!important;
  height:1px!important;
  background:linear-gradient(90deg,#caa66f,transparent)!important;
}

/* action rows feel interactive */
html body .iomtpl .iomtpl-nextstep-links a{
  min-height:46px!important;
  transition:
    color .2s ease,
    padding-left .22s ease,
    background .22s ease!important;
}
html body .iomtpl .iomtpl-nextstep-links a:hover{
  padding-left:9px!important;
  background:linear-gradient(90deg,rgba(225,27,34,.06),transparent)!important;
}
html body .iomtpl .iomtpl-nextstep-links a:after{
  transition:transform .22s ease!important;
}
html body .iomtpl .iomtpl-nextstep-links a:hover:after{
  transform:translateX(4px)!important;
}

/* stronger headline */
html body .iomtpl .iomtpl-nextstep-brand h2{
  max-width:760px!important;
  font-size:clamp(34px,3.35vw,52px)!important;
  letter-spacing:-1.45px!important;
}

/* subtle animated edge */
html body .iomtpl .iomtpl-nextstep-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:1px!important;
  background:
    linear-gradient(115deg,
      rgba(225,27,34,.72),
      rgba(255,255,255,.05) 26%,
      rgba(202,166,111,.42) 52%,
      rgba(255,255,255,.04) 72%,
      rgba(225,27,34,.48))!important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  opacity:.56!important;
}

/* mobile remains dramatic but compact */
@media(max-width:900px){
  html body .iomtpl .iomtpl-nextstep-brand{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-ring{
    width:100px!important;
    height:100px!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-core{
    width:70px!important;
    height:70px!important;
  }
  html body .iomtpl .iomtpl-nextstep-card{
    min-height:0!important;
  }
}

@media(max-width:600px){
  html body .iomtpl .iomtpl-nextstep-brand{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-ring{
    width:76px!important;
    height:76px!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-core{
    width:56px!important;
    height:56px!important;
  }
  html body .iomtpl .iomtpl-nextstep-orbit.orbit-a{
    width:68px!important;
    height:68px!important;
  }
  html body .iomtpl .iomtpl-nextstep-orbit.orbit-b{
    width:76px!important;
    height:76px!important;
  }
  html body .iomtpl .iomtpl-nextstep-orbit.orbit-c{
    width:60px!important;
    height:60px!important;
  }
}

/* respect reduced-motion */
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-nextstep-orbit{
    animation:none!important;
  }
  html body .iomtpl .iomtpl-nextstep-card,
  html body .iomtpl .iomtpl-nextstep-card-glow,
  html body .iomtpl .iomtpl-nextstep-links a,
  html body .iomtpl .iomtpl-nextstep-links a:after{
    transition:none!important;
  }
}


/* ==================================================
   v4.57 PRIMARY NAV — PREMIUM SIGNAL SYSTEM
   ================================================== */

html body .iomtpl .iomtpl-header{
  position:relative!important;
  background:
    linear-gradient(180deg,rgba(5,8,13,.985),rgba(3,5,8,.985))!important;
  border-bottom:1px solid rgba(225,27,34,.28)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.20)!important;
}

/* faint red/gold light rail beneath the navigation */
html body .iomtpl .iomtpl-header:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(225,27,34,.18) 12%,
    rgba(225,27,34,.72) 43%,
    rgba(202,166,111,.55) 58%,
    rgba(225,27,34,.38) 82%,
    transparent 100%
  )!important;
  pointer-events:none!important;
}

/* regular links become refined interaction zones */
html body .iomtpl .iomtpl-header .iomtpl-nav-link{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  transition:
    color .24s ease,
    transform .24s ease,
    background .24s ease!important;
}

html body .iomtpl .iomtpl-header .iomtpl-nav-link:before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:10px!important;
  height:1px!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
  box-shadow:0 0 12px rgba(225,27,34,.35)!important;
  transition:transform .26s ease!important;
}

html body .iomtpl .iomtpl-header .iomtpl-nav-link:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
}
html body .iomtpl .iomtpl-header .iomtpl-nav-link:hover:before,
html body .iomtpl .iomtpl-header .iomtpl-nav-link.active:before{
  transform:scaleX(1)!important;
}

/* newsletter gets a warm editorial accent without becoming a button */
html body .iomtpl .iomtpl-header .iomtpl-newsletter-nav{
  color:#e7d7bd!important;
}
html body .iomtpl .iomtpl-header .iomtpl-newsletter-nav:hover{
  color:#fff3df!important;
}

/* logo lockup gets subtle focus glow */
html body .iomtpl .iomtpl-brand-lockup{
  position:relative!important;
}
html body .iomtpl .iomtpl-brand-lockup:after{
  content:""!important;
  position:absolute!important;
  left:-18px!important;
  top:50%!important;
  width:120px!important;
  height:64px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(225,27,34,.08),transparent 70%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* ==================================================
   v4.57 NEXT STEP TAB — CLOSED STATE SHOULD ALREADY FEEL SPECIAL
   ================================================== */

html body .iomtpl .iomtpl-header .iomtpl-hub-trigger{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(225,27,34,.24),transparent 48%),
    linear-gradient(180deg,rgba(56,12,17,.96),rgba(18,7,10,.96))!important;
  border:0!important;
  box-shadow:
    inset 0 0 0 1px rgba(225,27,34,.70),
    inset 0 -1px 0 rgba(202,166,111,.22),
    0 0 26px rgba(225,27,34,.16)!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease!important;
}

/* animated energy sweep inside the tab */
html body .iomtpl .iomtpl-header .iomtpl-hub-trigger:before{
  content:""!important;
  position:absolute!important;
  top:-40%!important;
  bottom:-40%!important;
  left:-65%!important;
  width:42%!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.15),
    rgba(202,166,111,.12),
    transparent
  )!important;
  animation:iomNextTabSweep 5.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

html body .iomtpl .iomtpl-header .iomtpl-hub-trigger:after{
  content:""!important;
  position:absolute!important;
  left:20%!important;
  right:20%!important;
  bottom:7px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#e11b22,#caa66f,#e11b22,transparent)!important;
  box-shadow:0 0 11px rgba(225,27,34,.55)!important;
  opacity:.78!important;
}

html body .iomtpl .iomtpl-header .iomtpl-hub-trigger:hover,
html body .iomtpl .iomtpl-header .iomtpl-hub-trigger[aria-expanded="true"]{
  transform:translateY(-2px) scale(1.015)!important;
  filter:brightness(1.10)!important;
  box-shadow:
    inset 0 0 0 1px rgba(225,27,34,.95),
    inset 0 -1px 0 rgba(202,166,111,.35),
    0 0 34px rgba(225,27,34,.32),
    0 12px 32px rgba(0,0,0,.28)!important;
}

@keyframes iomNextTabSweep{
  0%,58%{left:-65%;opacity:0}
  65%{opacity:.9}
  84%{left:125%;opacity:.65}
  100%{left:125%;opacity:0}
}

/* ==================================================
   v4.57 NEXT STEP OPEN — IMMERSIVE WOW LAYER
   ================================================== */

html body .iomtpl .iomtpl-nextstep-overlay{
  background:
    radial-gradient(circle at 50% 50%,rgba(225,27,34,.10),transparent 42%),
    rgba(2,4,8,.88)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}

/* shell receives internal "energy field" */
html body .iomtpl .iomtpl-nextstep-shell{
  isolation:isolate!important;
}
html body .iomtpl .iomtpl-nextstep-shell:after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 18% 24%,rgba(225,27,34,.12),transparent 22%),
    radial-gradient(circle at 82% 74%,rgba(202,166,111,.09),transparent 24%),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 74px,
      rgba(255,255,255,.012) 75px
    )!important;
  pointer-events:none!important;
}

/* top brand feels like a control deck rather than a plain intro */
html body .iomtpl .iomtpl-nextstep-brand{
  position:relative!important;
  padding-top:9px!important;
}
html body .iomtpl .iomtpl-nextstep-brand:after{
  content:"CHOOSE YOUR PATH"!important;
  position:absolute!important;
  right:0!important;
  bottom:15px!important;
  color:rgba(255,255,255,.16)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.24em!important;
}

/* signal dots beside NEXT STEP */
html body .iomtpl .iomtpl-nextstep-kicker{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
html body .iomtpl .iomtpl-nextstep-signal{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
html body .iomtpl .iomtpl-nextstep-signal i{
  display:block!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 9px rgba(225,27,34,.72)!important;
  animation:iomSignalPulse 1.8s ease-in-out infinite!important;
}
html body .iomtpl .iomtpl-nextstep-signal i:nth-child(2){
  background:#caa66f!important;
  animation-delay:.22s!important;
}
html body .iomtpl .iomtpl-nextstep-signal i:nth-child(3){
  animation-delay:.44s!important;
}
@keyframes iomSignalPulse{
  0%,100%{opacity:.28;transform:scale(.8)}
  50%{opacity:1;transform:scale(1.15)}
}

/* centerpiece gets larger, brighter, more dramatic */
html body .iomtpl .iomtpl-nextstep-logo-ring{
  width:150px!important;
  height:150px!important;
}
html body .iomtpl .iomtpl-nextstep-logo-core{
  width:98px!important;
  height:98px!important;
  box-shadow:
    0 0 0 7px rgba(225,27,34,.06),
    0 0 40px rgba(225,27,34,.14),
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 28px rgba(255,255,255,.035)!important;
}
html body .iomtpl .iomtpl-nextstep-logo-core img{
  max-width:74%!important;
  max-height:74%!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(255,255,255,.22))!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-a{
  width:126px!important;
  height:126px!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-b{
  width:146px!important;
  height:146px!important;
}
html body .iomtpl .iomtpl-nextstep-orbit.orbit-c{
  width:108px!important;
  height:108px!important;
}

/* distinct visual identity for each path */
html body .iomtpl .iomtpl-nextstep-card.give{
  --branch-accent:#e11b22;
  --branch-soft:rgba(225,27,34,.12);
}
html body .iomtpl .iomtpl-nextstep-card.volunteer{
  --branch-accent:#ffffff;
  --branch-soft:rgba(255,255,255,.075);
}
html body .iomtpl .iomtpl-nextstep-card.assistance{
  --branch-accent:#caa66f;
  --branch-soft:rgba(202,166,111,.12);
}

html body .iomtpl .iomtpl-nextstep-card{
  border-color:rgba(255,255,255,.105)!important;
}
html body .iomtpl .iomtpl-nextstep-card:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  background:linear-gradient(90deg,transparent,var(--branch-accent),transparent)!important;
  opacity:.38!important;
  transform:scaleX(.55)!important;
  transition:opacity .3s ease,transform .3s ease!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover:after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover{
  border-color:var(--branch-accent)!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover .iomtpl-nextstep-icon{
  border-color:var(--branch-accent)!important;
  background:radial-gradient(circle,var(--branch-soft),rgba(255,255,255,.025))!important;
}

/* vertical branch word on the far edge */
html body .iomtpl .iomtpl-nextstep-edge-label{
  position:absolute!important;
  top:23px!important;
  right:14px!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  color:rgba(255,255,255,.14)!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.20em!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-nextstep-card:hover .iomtpl-nextstep-edge-label{
  color:var(--branch-accent)!important;
  opacity:.68!important;
}

/* selected/hovered card gives a faint atmospheric wash */
html body .iomtpl .iomtpl-nextstep-card:hover{
  background:
    radial-gradient(circle at 88% 15%,var(--branch-soft),transparent 31%),
    linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
}

/* Give Now gets a controlled glow to balance Next Step */
html body .iomtpl .iomtpl-give-top{
  position:relative!important;
  overflow:hidden!important;
  box-shadow:
    0 10px 28px rgba(225,27,34,.24),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
html body .iomtpl .iomtpl-give-top:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 15px 34px rgba(225,27,34,.34),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
}

/* Responsive: keep sophistication without clutter */
@media(max-width:1100px){
  html body .iomtpl .iomtpl-brand-lockup:after{
    display:none!important;
  }
}
@media(max-width:900px){
  html body .iomtpl .iomtpl-nextstep-brand:after{
    display:none!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-ring{
    width:108px!important;
    height:108px!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-core{
    width:74px!important;
    height:74px!important;
  }
}
@media(max-width:600px){
  html body .iomtpl .iomtpl-nextstep-logo-ring{
    width:80px!important;
    height:80px!important;
  }
  html body .iomtpl .iomtpl-nextstep-logo-core{
    width:58px!important;
    height:58px!important;
  }
}

/* Motion accessibility */
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-header .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-nextstep-signal i{
    animation:none!important;
  }
  html body .iomtpl .iomtpl-header .iomtpl-nav-link,
  html body .iomtpl .iomtpl-header .iomtpl-hub-trigger,
  html body .iomtpl .iomtpl-give-top{
    transition:none!important;
  }
}


/* ==================================================
   v4.58 SAFE PERFORMANCE OPTIMIZATION
   ================================================== */

/* Skip layout/paint for content that is far below the viewport. */
html body .iomtpl main > section:not(.iomtpl-hero):not(.iomtpl-about-hero):not(.iomtpl-closet-hero),
html body .iomtpl .iomtpl-about-story,
html body .iomtpl .iomtpl-about-values,
html body .iomtpl .iomtpl-about-founder,
html body .iomtpl .iomtpl-about-videos,
html body .iomtpl .iomtpl-about-team,
html body .iomtpl .iomtpl-closet-section,
html body .iomtpl .iomtpl-closet-video-section{
  content-visibility:auto;
  contain-intrinsic-size:700px;
}

/* Isolate heavier cards from unnecessary surrounding repaints. */
html body .iomtpl .iomtpl-nextstep-card,
html body .iomtpl .iomtpl-about-team-card,
html body .iomtpl .iomtpl-about-video-card,
html body .iomtpl .iomtpl-closet-card,
html body .iomtpl .iomtpl-stat-card{
  contain:layout paint style;
}

/* Hidden overlays should not require layout/paint until opened. */
html body .iomtpl [aria-hidden="true"].iomtpl-nextstep-overlay,
html body .iomtpl [aria-hidden="true"].iomtpl-newsletter-modal,
html body .iomtpl [aria-hidden="true"].iomtpl-give-modal,
html body .iomtpl [aria-hidden="true"].iomtpl-contact-modal,
html body .iomtpl [aria-hidden="true"].iomtpl-assistance-form-modal,
html body .iomtpl [aria-hidden="true"].iomtpl-donate-items-modal{
  content-visibility:hidden!important;
}

/* Only continuously animated elements receive compositor hints. */
html body .iomtpl .iomtpl-nextstep-orbit,
html body .iomtpl .iomtpl-nextstep-signal i{
  will-change:transform,opacity;
}

/* Backdrop blur is attractive but costly on phones/tablets. */
@media(max-width:760px){
  html body .iomtpl .iomtpl-nextstep-overlay,
  html body .iomtpl .iomtpl-newsletter-modal,
  html body .iomtpl .iomtpl-give-modal,
  html body .iomtpl .iomtpl-contact-modal,
  html body .iomtpl .iomtpl-assistance-form-modal,
  html body .iomtpl .iomtpl-donate-items-modal{
    backdrop-filter:none!important;
  }
}

/* Avoid unnecessary animation work for hidden page state. */
html:not(:focus-within) body .iomtpl .iomtpl-nextstep-orbit{
  animation-play-state:paused;
}

@media(prefers-reduced-motion:reduce){
  html body .iomtpl *,
  html body .iomtpl *:before,
  html body .iomtpl *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

html.iom-page-hidden body .iomtpl .iomtpl-nextstep-orbit,
html.iom-page-hidden body .iomtpl .iomtpl-nextstep-signal i,
html.iom-page-hidden body .iomtpl .iomtpl-header .iomtpl-hub-trigger:before{
  animation-play-state:paused!important;
}


/* ==================================================
   v4.59 NEWSLETTER — SINGLE READING SURFACE
   No split panes / duplicate viewer.
   ================================================== */
html body .iomtpl .iomtpl-newsletter-shell-single{
  width:min(1380px,96vw)!important;
  height:min(94vh,980px)!important;
  max-height:94vh!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(225,27,34,.09),transparent 25%),
    #05080d!important;
}

html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-top{
  padding:20px 24px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-top h2{
  margin:3px 0 4px!important;
}

html body .iomtpl .iomtpl-newsletter-reader{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  background:#030507!important;
}

/* The Real3D viewer owns the whole reading area. */
html body .iomtpl .iomtpl-newsletter-reader > div,
html body .iomtpl .iomtpl-newsletter-reader .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-reader [class*="real3d"],
html body .iomtpl .iomtpl-newsletter-reader [id*="real3d"]{
  width:100%!important;
  max-width:100%!important;
}

html body .iomtpl .iomtpl-newsletter-reader iframe{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
}

/* Only one compact action row beneath the newsletter. */
html body .iomtpl .iomtpl-newsletter-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:13px 20px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#070b10!important;
}

html body .iomtpl .iomtpl-newsletter-bottom .iomtpl-newsletter-heart{
  flex:0 0 auto!important;
}

html body .iomtpl .iomtpl-newsletter-bottom .iomtpl-newsletter-submit-letter{
  margin-left:auto!important;
}

/* Old duplicate/split wrappers must never display if cached markup survives. */
html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-book,
html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-viewer,
html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-community{
  display:none!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-newsletter-shell-single{
    width:calc(100vw - 12px)!important;
    height:calc(100vh - 12px)!important;
    max-height:calc(100vh - 12px)!important;
    border-radius:15px!important;
  }

  html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-top{
    padding:16px 16px 12px!important;
  }

  html body .iomtpl .iomtpl-newsletter-shell-single .iomtpl-newsletter-top p{
    display:none!important;
  }

  html body .iomtpl .iomtpl-newsletter-bottom{
    padding:10px 12px!important;
  }
}


/* ==================================================
   v4.60 NEWSLETTER READER — FIT / ZOOM / PAN
   ================================================== */

html body .iomtpl .iomtpl-newsletter-shell-single{
  width:min(1440px,97vw)!important;
  height:min(96vh,1040px)!important;
  max-height:96vh!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  background:#030507!important;
}

html body .iomtpl .iomtpl-newsletter-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 44px!important;
  align-items:center!important;
  gap:18px!important;
}

html body .iomtpl .iomtpl-newsletter-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.04)!important;
}

html body .iomtpl .iomtpl-newsletter-toolbar button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
}

html body .iomtpl .iomtpl-newsletter-toolbar button:hover{
  background:rgba(225,27,34,.13)!important;
  border-color:rgba(225,27,34,.46)!important;
}

html body .iomtpl .iomtpl-newsletter-toolbar span{
  min-width:46px!important;
  text-align:center!important;
  color:rgba(255,255,255,.66)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}

html body .iomtpl .iomtpl-newsletter-toolbar .iomtpl-newsletter-fit{
  width:auto!important;
  min-width:44px!important;
  padding:0 10px!important;
  font-size:9px!important;
  text-transform:uppercase!important;
}

/* Main reader becomes the single scroll surface. */
html body .iomtpl .iomtpl-newsletter-reader{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  background:#030507!important;
  cursor:default!important;
}

/* When zoomed, dragging pans the reader. */
html body .iomtpl .iomtpl-newsletter-reader.is-zoomed{
  cursor:grab!important;
}
html body .iomtpl .iomtpl-newsletter-reader.is-dragging{
  cursor:grabbing!important;
  user-select:none!important;
}

html body .iomtpl .iomtpl-newsletter-panzoom{
  position:relative!important;
  width:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  transform-origin:top center!important;
  transition:transform .18s ease!important;
}

/* Make Real3D use the available reader surface instead of creating a gray side panel. */
html body .iomtpl .iomtpl-newsletter-panzoom > div,
html body .iomtpl .iomtpl-newsletter-panzoom .real3dflipbook,
html body .iomtpl .iomtpl-newsletter-panzoom [class*="real3d"],
html body .iomtpl .iomtpl-newsletter-panzoom [id*="real3d"],
html body .iomtpl .iomtpl-newsletter-panzoom iframe{
  max-width:100%!important;
}

html body .iomtpl .iomtpl-newsletter-panzoom iframe{
  display:block!important;
  width:100%!important;
  min-height:100%!important;
  border:0!important;
  background:#030507!important;
}

/* Neutralize common Real3D gray outer backgrounds where the plugin exposes them. */
html body .iomtpl .iomtpl-newsletter-reader .flipbook-container,
html body .iomtpl .iomtpl-newsletter-reader .flipbook-main-wrapper,
html body .iomtpl .iomtpl-newsletter-reader .flipbook-wrapper,
html body .iomtpl .iomtpl-newsletter-reader [class*="flipbook-container"],
html body .iomtpl .iomtpl-newsletter-reader [class*="flipbook-wrapper"],
html body .iomtpl .iomtpl-newsletter-reader [class*="viewer-wrapper"]{
  background:#030507!important;
}

/* Bottom row stays compact. */
html body .iomtpl .iomtpl-newsletter-bottom{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
}

html body .iomtpl .iomtpl-newsletter-reader-tip{
  color:rgba(255,255,255,.40)!important;
  font-size:9px!important;
  letter-spacing:.03em!important;
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-newsletter-shell-single{
    width:calc(100vw - 8px)!important;
    height:calc(100vh - 8px)!important;
    max-height:calc(100vh - 8px)!important;
    border-radius:12px!important;
  }

  html body .iomtpl .iomtpl-newsletter-top{
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:10px!important;
    padding:12px!important;
  }

  html body .iomtpl .iomtpl-newsletter-toolbar{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-content:center!important;
  }

  html body .iomtpl .iomtpl-newsletter-close{
    grid-column:2!important;
    grid-row:1!important;
  }

  html body .iomtpl .iomtpl-newsletter-reader-tip{
    display:none!important;
  }

  html body .iomtpl .iomtpl-newsletter-bottom{
    grid-template-columns:auto minmax(0,1fr)!important;
    padding:9px 10px!important;
  }

  html body .iomtpl .iomtpl-newsletter-submit-letter{
    justify-self:end!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-newsletter-panzoom{
    transition:none!important;
  }
}


/* ==================================================
   v4.61 NEXT STEP RENDER-STATE FIX
   ================================================== */

/* Open state must always be renderable, even if a cache serves stale aria state. */
html body .iomtpl .iomtpl-nextstep-overlay.open{
  content-visibility:visible!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Closed state remains cheap to render. */
html body .iomtpl .iomtpl-nextstep-overlay[aria-hidden="true"]:not(.open){
  content-visibility:hidden!important;
}

/* Ensure the actual experience fills normally once opened. */
html body .iomtpl .iomtpl-nextstep-overlay.open .iomtpl-nextstep-shell{
  visibility:visible!important;
  opacity:1!important;
}


/* ==================================================
   v4.62 ELEMENTOR FREE — LOCKED CONTENT EDITOR
   ================================================== */
.iomtpl-elementor-editor-card{
  margin:20px!important;
  padding:22px!important;
  border:1px solid rgba(225,27,34,.28)!important;
  border-radius:14px!important;
  background:#080d14!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
}
.iomtpl-elementor-editor-card strong{
  display:block!important;
  margin-bottom:8px!important;
  font-size:18px!important;
}
.iomtpl-elementor-editor-card p{
  margin:0 0 10px!important;
  color:rgba(255,255,255,.68)!important;
  line-height:1.55!important;
}
.iomtpl-elementor-editor-card span{
  color:#caa66f!important;
  font-size:11px!important;
  font-weight:700!important;
}


/* v4.63.2 Contact Form Reliability */
html body .iomtpl .iomtpl-contact-hp{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-contact-status{
  min-height:18px!important;
  line-height:1.45!important;
}


/* ==================================================
   v4.64 ELEMENTOR VISUAL SITE MANAGER
   ================================================== */
.iomtpl-elementor-visual-manager{
  width:100%!important;
  min-height:780px!important;
  overflow:hidden!important;
  border:1px solid #d5d9df!important;
  border-radius:15px!important;
  background:#e8edf2!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
}
.iomtpl-elementor-visual-toolbar{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px 16px!important;
  background:#070b10!important;
  color:#fff!important;
  border-bottom:1px solid rgba(225,27,34,.35)!important;
}
.iomtpl-elementor-visual-title{
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
}
.iomtpl-elementor-visual-title strong{
  font-size:15px!important;
}
.iomtpl-elementor-visual-title span{
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
}
.iomtpl-elementor-preview-tabs{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.iomtpl-elementor-preview-tabs button{
  min-height:31px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.75)!important;
  font-size:10px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.iomtpl-elementor-preview-tabs button:hover,
.iomtpl-elementor-preview-tabs button.active{
  border-color:rgba(225,27,34,.65)!important;
  background:rgba(225,27,34,.13)!important;
  color:#fff!important;
}
.iomtpl-elementor-preview-note{
  padding:9px 14px!important;
  background:#fff8e8!important;
  border-bottom:1px solid #ead7a4!important;
  color:#72551e!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.iomtpl-elementor-live-frame{
  display:block!important;
  width:100%!important;
  height:720px!important;
  border:0!important;
  background:#fff!important;
}
@media(max-width:900px){
  .iomtpl-elementor-live-frame{
    height:640px!important;
  }
}


/* ==================================================
   v4.65 LOCKED VISUAL CONTENT EDITOR
   ================================================== */
.iomtpl-control-highlight{
  box-shadow:0 0 0 2px #8b5cf6 inset!important;
  background:rgba(139,92,246,.08)!important;
  transition:box-shadow .15s ease,background .15s ease!important;
}

/* The visual manager is content-only; no Elementor layout controls are needed. */
.iomtpl-elementor-visual-manager .elementor-element-overlay,
.iomtpl-elementor-visual-manager .elementor-editor-element-settings{
  pointer-events:none!important;
}


/* ==================================================
   v4.66 MOBILE EXPERIENCE — LESS SQUEEZED, MORE INTENTIONAL
   Desktop/tablet styling remains unchanged.
   ================================================== */

@media(max-width:760px){

  /* ----------------------------------------------
     GLOBAL MOBILE RHYTHM
     ---------------------------------------------- */
  html, body{
    overflow-x:hidden!important;
  }

  html body .iomtpl{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  html body .iomtpl .iomtpl-wrap,
  html body .iomtpl .iomtpl-container,
  html body .iomtpl main > section > .iomtpl-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }

  html body .iomtpl h1,
  html body .iomtpl h2,
  html body .iomtpl h3{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  html body .iomtpl p{
    line-height:1.58!important;
  }

  /* ----------------------------------------------
     HEADER / MOBILE MENU
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-header{
    min-height:70px!important;
  }

  html body .iomtpl .iomtpl-header-row{
    min-height:70px!important;
    padding:8px 14px!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-logo img{
    max-height:48px!important;
    width:auto!important;
  }

  html body .iomtpl .iomtpl-powered-by{
    min-width:0!important;
    line-height:1.05!important;
  }

  html body .iomtpl .iomtpl-powered-by span{
    font-size:7px!important;
    letter-spacing:.08em!important;
  }

  html body .iomtpl .iomtpl-powered-by strong{
    font-size:14px!important;
  }

  html body .iomtpl .iomtpl-roc-website a{
    font-size:7px!important;
  }

  html body .iomtpl .iomtpl-mobile-toggle{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:10px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu{
    left:10px!important;
    right:10px!important;
    top:76px!important;
    width:auto!important;
    max-height:calc(100vh - 88px)!important;
    overflow-y:auto!important;
    border-radius:16px!important;
    padding:10px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu a,
  html body .iomtpl .iomtpl-mobile-menu button{
    min-height:52px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }

  /* ----------------------------------------------
     HOME / GENERIC HERO
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-hero{
    min-height:auto!important;
    height:auto!important;
    padding-top:28px!important;
    padding-bottom:30px!important;
  }

  html body .iomtpl .iomtpl-hero-inner,
  html body .iomtpl .iomtpl-hero-content{
    min-height:0!important;
    height:auto!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }

  html body .iomtpl .iomtpl-hero-copy{
    width:100%!important;
    max-width:100%!important;
  }

  html body .iomtpl .iomtpl-hero h1,
  html body .iomtpl [data-slide-title]{
    font-size:clamp(42px,13vw,64px)!important;
    line-height:.94!important;
    letter-spacing:-1.5px!important;
    max-width:100%!important;
  }

  html body .iomtpl .iomtpl-hero p,
  html body .iomtpl [data-slide-text]{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  html body .iomtpl .iomtpl-hero-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
    width:100%!important;
  }

  html body .iomtpl .iomtpl-hero-actions,
  html body .iomtpl .iomtpl-hero-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body .iomtpl .iomtpl-hero-actions a,
  html body .iomtpl .iomtpl-hero-actions button,
  html body .iomtpl .iomtpl-hero-buttons a,
  html body .iomtpl .iomtpl-hero-buttons button,
  html body .iomtpl [data-slide-primary],
  html body .iomtpl [data-slide-secondary],
  html body .iomtpl [data-slide-tertiary]{
    width:100%!important;
    min-height:52px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.2!important;
    border-radius:10px!important;
  }

  html body .iomtpl .iomtpl-hero-art-shared{
    opacity:.52!important;
  }

  html body .iomtpl .iomtpl-hero-dots,
  html body .iomtpl [data-slide-dots]{
    margin-top:16px!important;
  }

  /* ----------------------------------------------
     GENERAL SECTION CARDS
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-path-grid,
  html body .iomtpl .iomtpl-stats-grid,
  html body .iomtpl .iomtpl-partners-grid,
  html body .iomtpl .iomtpl-location-grid,
  html body .iomtpl .iomtpl-about-grid,
  html body .iomtpl .iomtpl-about-team-grid,
  html body .iomtpl .iomtpl-about-video-grid,
  html body .iomtpl .iomtpl-closet-grid,
  html body .iomtpl .iomtpl-closet-hours-grid,
  html body .iomtpl .iomtpl-closet-donate-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  html body .iomtpl .iomtpl-path-card,
  html body .iomtpl .iomtpl-stat-card,
  html body .iomtpl .iomtpl-about-team-card,
  html body .iomtpl .iomtpl-about-video-card,
  html body .iomtpl .iomtpl-closet-card{
    min-height:0!important;
    height:auto!important;
    padding:20px!important;
    border-radius:16px!important;
  }

  html body .iomtpl .iomtpl-stat-card{
    min-height:170px!important;
  }

  html body .iomtpl .iomtpl-stat-card strong{
    font-size:clamp(40px,13vw,58px)!important;
  }

  /* ----------------------------------------------
     ABOUT US
     ---------------------------------------------- */
  html body.iomtpl-about-page .iomtpl-about-hero{
    min-height:auto!important;
    padding:34px 0 30px!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero h1{
    font-size:clamp(42px,12vw,60px)!important;
    line-height:.96!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-actions,
  html body.iomtpl-about-page .iomtpl-about-cta-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-actions a,
  html body.iomtpl-about-page .iomtpl-about-hero-actions button,
  html body.iomtpl-about-page .iomtpl-about-cta-actions a,
  html body.iomtpl-about-page .iomtpl-about-cta-actions button{
    width:100%!important;
    min-height:52px!important;
    white-space:normal!important;
    text-align:center!important;
  }

  html body.iomtpl-about-page .iomtpl-about-team-card img{
    width:100%!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
  }

  /* ----------------------------------------------
     CLOTHING CLOSET
     ---------------------------------------------- */
  html body.iomtpl-closet-page .iomtpl-closet-hero{
    min-height:auto!important;
    height:auto!important;
    padding:30px 0!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-hero-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-hero h1{
    font-size:clamp(44px,14vw,66px)!important;
    line-height:.92!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-address-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-address-pill{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-actions a,
  html body.iomtpl-closet-page .iomtpl-closet-actions button{
    width:100%!important;
    min-height:52px!important;
    justify-content:center!important;
    white-space:normal!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-hours-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:22px!important;
  }

  /* ----------------------------------------------
     NEXT STEP — STACKED, AIRY, TAP FRIENDLY
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-nextstep-overlay{
    padding:6px!important;
    align-items:flex-start!important;
    overflow-y:auto!important;
  }

  html body .iomtpl .iomtpl-nextstep-shell{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-height:calc(100vh - 12px)!important;
    margin:0!important;
    padding:18px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }

  html body .iomtpl .iomtpl-nextstep-brand{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:14px!important;
    padding:4px 42px 18px 0!important;
  }

  html body .iomtpl .iomtpl-nextstep-brand h2{
    font-size:30px!important;
    line-height:.96!important;
  }

  html body .iomtpl .iomtpl-nextstep-brand p{
    font-size:11px!important;
  }

  html body .iomtpl .iomtpl-nextstep-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:16px!important;
  }

  html body .iomtpl .iomtpl-nextstep-card{
    min-height:0!important;
    padding:18px!important;
    border-radius:16px!important;
  }

  html body .iomtpl .iomtpl-nextstep-icon{
    width:50px!important;
    height:50px!important;
    margin-bottom:18px!important;
  }

  html body .iomtpl .iomtpl-nextstep-copy h3{
    font-size:24px!important;
  }

  html body .iomtpl .iomtpl-nextstep-copy p{
    min-height:0!important;
    font-size:11px!important;
  }

  html body .iomtpl .iomtpl-nextstep-links{
    margin-top:14px!important;
    padding-top:8px!important;
  }

  html body .iomtpl .iomtpl-nextstep-links a{
    min-height:48px!important;
    font-size:11px!important;
    padding:0 6px!important;
  }

  html body .iomtpl .iomtpl-nextstep-edge-label{
    display:none!important;
  }

  html body .iomtpl .iomtpl-nextstep-footer{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-nextstep-footer button{
    width:100%!important;
    min-height:44px!important;
  }

  /* ----------------------------------------------
     POPUPS — FULL WIDTH MOBILE SHEETS
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-contact-modal,
  html body .iomtpl .iomtpl-give-modal,
  html body .iomtpl .iomtpl-donate-items-modal,
  html body .iomtpl .iomtpl-assistance-form-modal,
  html body .iomtpl .iomtpl-newsletter-modal,
  html body .iomtpl .iomtpl-letter-modal,
  html body .iomtpl .iomtpl-locations-modal{
    padding:6px!important;
    align-items:flex-start!important;
    overflow-y:auto!important;
  }

  html body .iomtpl .iomtpl-contact-shell,
  html body .iomtpl .iomtpl-give-shell,
  html body .iomtpl .iomtpl-donate-items-shell,
  html body .iomtpl .iomtpl-assistance-form-shell,
  html body .iomtpl .iomtpl-newsletter-shell,
  html body .iomtpl .iomtpl-letter-shell,
  html body .iomtpl .iomtpl-locations-shell{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-height:auto!important;
    margin:0!important;
    border-radius:16px!important;
  }

  html body .iomtpl .iomtpl-contact-head,
  html body .iomtpl .iomtpl-give-topbar,
  html body .iomtpl .iomtpl-assistance-form-topbar,
  html body .iomtpl .iomtpl-newsletter-top{
    padding:16px!important;
  }

  html body .iomtpl .iomtpl-contact-head h2,
  html body .iomtpl .iomtpl-give-topbar h2,
  html body .iomtpl .iomtpl-assistance-form-topbar h2,
  html body .iomtpl .iomtpl-newsletter-top h2{
    font-size:28px!important;
    line-height:1!important;
  }

  html body .iomtpl .iomtpl-contact-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  html body .iomtpl .iomtpl-contact-form{
    padding:16px!important;
  }

  html body .iomtpl .iomtpl-contact-form input,
  html body .iomtpl .iomtpl-contact-form select,
  html body .iomtpl .iomtpl-contact-form textarea{
    width:100%!important;
    font-size:16px!important; /* prevents iOS zoom */
    min-height:48px!important;
  }

  html body .iomtpl .iomtpl-contact-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-contact-submit,
  html body .iomtpl .iomtpl-newsletter-submit-letter{
    width:100%!important;
    min-height:50px!important;
  }

  /* Giving iframe gets its own usable vertical space */
  html body .iomtpl .iomtpl-give-embed,
  html body .iomtpl .iomtpl-give-iframe-wrap{
    min-height:66vh!important;
  }

  html body .iomtpl .iomtpl-tithely-frame{
    width:100%!important;
    min-height:66vh!important;
  }

  /* Newsletter controls wrap instead of squeeze */
  html body .iomtpl .iomtpl-newsletter-top{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-newsletter-toolbar{
    order:3!important;
    width:100%!important;
    justify-content:center!important;
  }

  html body .iomtpl .iomtpl-newsletter-bottom{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-newsletter-submit-letter{
    grid-column:1 / -1!important;
  }

  /* ----------------------------------------------
     BUTTON SAFETY NET — NEVER COMPRESS TEXT
     ---------------------------------------------- */
  html body .iomtpl a[class*="btn"],
  html body .iomtpl button[class*="btn"],
  html body .iomtpl a[class*="button"],
  html body .iomtpl button[class*="button"]{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* ----------------------------------------------
     FOOTER / LOWER PAGE
     ---------------------------------------------- */
  html body .iomtpl .iomtpl-footer-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  html body .iomtpl .iomtpl-footer{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* Extra-small phones */
@media(max-width:390px){
  html body .iomtpl .iomtpl-wrap,
  html body .iomtpl .iomtpl-container,
  html body .iomtpl main > section > .iomtpl-wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  html body .iomtpl .iomtpl-hero h1,
  html body .iomtpl [data-slide-title]{
    font-size:clamp(38px,12.5vw,52px)!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-hero h1{
    font-size:clamp(40px,13vw,56px)!important;
  }

  html body .iomtpl .iomtpl-nextstep-shell{
    padding:15px!important;
  }

  html body .iomtpl .iomtpl-nextstep-brand{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
}


/* ==================================================
   v4.68 AMBIENT LIVE MOTION SYSTEM
   ================================================== */

/* Section becomes a safe decorative positioning context. */
html body .iomtpl .iomtpl-ambient-host{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* Decorative layer stays behind actual content. */
html body .iomtpl .iomtpl-ambient-host > *:not(.iomtpl-ambient-layer){
  position:relative;
  z-index:2;
}

html body .iomtpl .iomtpl-ambient-layer{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

html body .iomtpl .iomtpl-ambient-orb{
  position:absolute!important;
  display:block!important;
  border-radius:50%!important;
  filter:blur(2px)!important;
  opacity:.42!important;
  transform:translate3d(0,var(--iom-ambient-shift,0),0)!important;
  will-change:transform!important;
}

html body .iomtpl .iomtpl-ambient-orb.orb-a{
  width:250px!important;
  height:250px!important;
  right:-105px!important;
  top:12%!important;
  background:radial-gradient(circle,rgba(225,27,34,.14),rgba(225,27,34,.025) 48%,transparent 72%)!important;
  animation:iomAmbientFloatA 11s ease-in-out infinite alternate!important;
}

html body .iomtpl .iomtpl-ambient-orb.orb-b{
  width:185px!important;
  height:185px!important;
  left:-80px!important;
  bottom:8%!important;
  background:radial-gradient(circle,rgba(202,166,111,.12),rgba(202,166,111,.018) 50%,transparent 72%)!important;
  animation:iomAmbientFloatB 14s ease-in-out infinite alternate!important;
}

html body .iomtpl .iomtpl-ambient-layer.is-reversed .orb-a{
  right:auto!important;
  left:-105px!important;
}
html body .iomtpl .iomtpl-ambient-layer.is-reversed .orb-b{
  left:auto!important;
  right:-80px!important;
}

html body .iomtpl .iomtpl-ambient-line{
  position:absolute!important;
  top:50%!important;
  left:-20%!important;
  width:140%!important;
  height:1px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(225,27,34,.00) 10%,
    rgba(225,27,34,.22) 38%,
    rgba(202,166,111,.20) 50%,
    rgba(225,27,34,.16) 62%,
    transparent 90%
  )!important;
  transform:rotate(-2deg)!important;
  opacity:.35!important;
  animation:iomAmbientLine 8.5s ease-in-out infinite!important;
}

@keyframes iomAmbientFloatA{
  0%{transform:translate3d(0,var(--iom-ambient-shift,0),0) scale(.94)}
  100%{transform:translate3d(-22px,calc(var(--iom-ambient-shift,0) + 14px),0) scale(1.05)}
}

@keyframes iomAmbientFloatB{
  0%{transform:translate3d(0,var(--iom-ambient-shift,0),0) scale(1)}
  100%{transform:translate3d(18px,calc(var(--iom-ambient-shift,0) - 12px),0) scale(.92)}
}

@keyframes iomAmbientLine{
  0%,100%{opacity:.18;transform:translateX(-3%) rotate(-2deg)}
  50%{opacity:.45;transform:translateX(3%) rotate(-2deg)}
}

/* ==================================================
   LIVE CARD LIGHT
   ================================================== */
html body .iomtpl .iomtpl-motion-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

html body .iomtpl .iomtpl-motion-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    radial-gradient(
      circle at var(--iom-pointer-x,50%) var(--iom-pointer-y,50%),
      rgba(255,255,255,.09),
      rgba(225,27,34,.045) 24%,
      transparent 52%
    )!important;
  transition:opacity .25s ease!important;
}

html body .iomtpl .iomtpl-motion-card:hover:before{
  opacity:1!important;
}

html body .iomtpl .iomtpl-motion-card > *{
  position:relative;
  z-index:1;
}

/* Tiny animated highlight on section headings */
html body .iomtpl .iomtpl-about-section-head-luxe:before,
html body .iomtpl .iomtpl-closet-section-head:before{
  content:""!important;
  position:absolute!important;
  bottom:-1px!important;
  left:0!important;
  width:42px!important;
  height:2px!important;
  background:#fff!important;
  opacity:.5!important;
  box-shadow:0 0 12px rgba(225,27,34,.4)!important;
  animation:iomHeadingSpark 4.8s ease-in-out infinite!important;
}

@keyframes iomHeadingSpark{
  0%,100%{transform:translateX(0);opacity:.18}
  50%{transform:translateX(54px);opacity:.62}
}

/* Partner/news type cards get a soft "breathing" edge rather than a static border. */
html body .iomtpl .iomtpl-partner-card,
html body .iomtpl .iomtpl-news-card{
  position:relative!important;
}

html body .iomtpl .iomtpl-partner-card:after,
html body .iomtpl .iomtpl-news-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 0 1px rgba(225,27,34,.08)!important;
  animation:iomCardBreath 5.6s ease-in-out infinite!important;
}

@keyframes iomCardBreath{
  0%,100%{opacity:.26}
  50%{opacity:.72}
}

/* ==================================================
   MOBILE — LESS MOTION, SAME CHARACTER
   ================================================== */
@media(max-width:760px){
  html body .iomtpl .iomtpl-ambient-orb{
    opacity:.26!important;
  }

  html body .iomtpl .iomtpl-ambient-orb.orb-a{
    width:160px!important;
    height:160px!important;
  }

  html body .iomtpl .iomtpl-ambient-orb.orb-b{
    width:120px!important;
    height:120px!important;
  }

  html body .iomtpl .iomtpl-ambient-line{
    opacity:.18!important;
  }

  html body .iomtpl .iomtpl-motion-card:before{
    display:none!important;
  }
}

/* ==================================================
   ACCESSIBILITY / PERFORMANCE
   ================================================== */
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-ambient-orb,
  html body .iomtpl .iomtpl-ambient-line,
  html body .iomtpl .iomtpl-about-section-head-luxe:before,
  html body .iomtpl .iomtpl-closet-section-head:before,
  html body .iomtpl .iomtpl-partner-card:after,
  html body .iomtpl .iomtpl-news-card:after{
    animation:none!important;
  }

  html body .iomtpl .iomtpl-ambient-orb{
    transform:none!important;
  }
}

/* Pause decorative motion when tab is hidden. */
html.iom-page-hidden body .iomtpl .iomtpl-ambient-orb,
html.iom-page-hidden body .iomtpl .iomtpl-ambient-line,
html.iom-page-hidden body .iomtpl .iomtpl-about-section-head-luxe:before,
html.iom-page-hidden body .iomtpl .iomtpl-closet-section-head:before{
  animation-play-state:paused!important;
}


/* ==================================================
   v4.69 WOW MOTION — INTERACTIVE DEPTH SYSTEM
   ================================================== */

/* A site-wide mouse-reactive atmospheric light. */
html body .iomtpl:after{
  content:""!important;
  position:fixed!important;
  z-index:1!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  background:
    radial-gradient(
      420px circle at var(--iom-mouse-x,50%) var(--iom-mouse-y,20%),
      rgba(225,27,34,.055),
      rgba(202,166,111,.025) 32%,
      transparent 68%
    )!important;
  mix-blend-mode:screen!important;
}

/* -----------------------------------------------
   3D CARD TILT + HOLOGRAPHIC SHINE
   ----------------------------------------------- */
html body .iomtpl .iomtpl-wow-tilt{
  transform:
    perspective(1000px)
    rotateX(var(--iom-tilt-x,0deg))
    rotateY(var(--iom-tilt-y,0deg))
    translateZ(0)!important;
  transition:
    transform .16s ease-out,
    box-shadow .24s ease,
    border-color .24s ease!important;
  transform-style:preserve-3d!important;
}

html body .iomtpl .iomtpl-wow-tilt:after{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  z-index:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    radial-gradient(
      240px circle at var(--iom-shine-x,50%) var(--iom-shine-y,50%),
      rgba(255,255,255,.13),
      rgba(225,27,34,.05) 34%,
      transparent 65%
    )!important;
  transition:opacity .2s ease!important;
}

html body .iomtpl .iomtpl-wow-tilt:hover:after{
  opacity:1!important;
}

/* -----------------------------------------------
   ANIMATED ENERGY BORDER
   ----------------------------------------------- */
html body .iomtpl .iomtpl-path-card,
html body .iomtpl .iomtpl-stat-card,
html body .iomtpl .iomtpl-nextstep-card{
  --iom-border-angle:0deg;
}

html body .iomtpl .iomtpl-path-card:hover,
html body .iomtpl .iomtpl-stat-card:hover,
html body .iomtpl .iomtpl-nextstep-card:hover{
  box-shadow:
    0 26px 65px rgba(0,0,0,.18),
    0 0 30px rgba(225,27,34,.07)!important;
}

/* animated tracer sweeps along bottom edge */
html body .iomtpl .iomtpl-path-card .iomtpl-card-tracer,
html body .iomtpl .iomtpl-stat-card .iomtpl-card-tracer{
  pointer-events:none!important;
}

/* -----------------------------------------------
   MAGNETIC BUTTONS
   ----------------------------------------------- */
html body .iomtpl .iomtpl-magnetic{
  transform:
    translate3d(var(--iom-mag-x,0px),var(--iom-mag-y,0px),0)!important;
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    box-shadow .2s ease,
    filter .2s ease!important;
}

html body .iomtpl .iomtpl-magnetic:hover{
  filter:brightness(1.08)!important;
}

/* -----------------------------------------------
   IMPACT NUMBERS — LIVING PARTICLE FIELD
   ----------------------------------------------- */
html body .iomtpl .iomtpl-impact-particle-host{
  position:relative!important;
  overflow:hidden!important;
}

html body .iomtpl .iomtpl-impact-particles{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

html body .iomtpl .iomtpl-impact-particles i{
  position:absolute!important;
  left:var(--px)!important;
  top:var(--py)!important;
  width:var(--ps)!important;
  height:var(--ps)!important;
  border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 16px rgba(225,27,34,.75)!important;
  opacity:.18!important;
  animation:iomImpactParticle 7s ease-in-out var(--pd) infinite!important;
}

html body .iomtpl .iomtpl-impact-particles i.p1{
  background:#caa66f!important;
  box-shadow:0 0 16px rgba(202,166,111,.70)!important;
}

html body .iomtpl .iomtpl-impact-particles i.p2{
  background:#fff!important;
  box-shadow:0 0 15px rgba(255,255,255,.45)!important;
}

@keyframes iomImpactParticle{
  0%,100%{
    transform:translate3d(0,8px,0) scale(.75);
    opacity:.10
  }
  48%{
    transform:translate3d(8px,-12px,0) scale(1.2);
    opacity:.72
  }
}

/* make live shortcode values feel illuminated */
html body .iomtpl .iomtpl-stat-card strong{
  position:relative!important;
  display:inline-block!important;
  text-shadow:0 0 24px rgba(225,27,34,.10)!important;
}

html body .iomtpl .iomtpl-stat-card:hover strong{
  text-shadow:
    0 0 12px rgba(255,255,255,.12),
    0 0 32px rgba(225,27,34,.22)!important;
}

/* -----------------------------------------------
   SECTION TRANSIT — MOVING LIGHT NODE
   ----------------------------------------------- */
html body .iomtpl .iomtpl-section-transit{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:-1px!important;
  width:min(480px,68vw)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(225,27,34,.15),
    rgba(202,166,111,.18),
    rgba(225,27,34,.15),
    transparent
  )!important;
}

html body .iomtpl .iomtpl-section-transit:after{
  content:""!important;
  position:absolute!important;
  top:-3px!important;
  left:0!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:
    0 0 8px #fff,
    0 0 18px rgba(225,27,34,.9),
    0 0 34px rgba(225,27,34,.45)!important;
  animation:iomTransitNode 5.5s ease-in-out infinite!important;
}

@keyframes iomTransitNode{
  0%,100%{left:0%;opacity:0}
  12%{opacity:1}
  50%{opacity:.85}
  88%{opacity:1}
  100%{left:calc(100% - 7px);opacity:0}
}

/* -----------------------------------------------
   SCROLL DEPTH: BACKGROUNDS BREATHE AS YOU MOVE
   ----------------------------------------------- */
html body .iomtpl .iomtpl-ambient-host .iomtpl-ambient-layer{
  transform:
    translate3d(0,calc(var(--iom-depth,0) * -10px),0)
    scale(calc(1 + (var(--iom-depth,0) * .008)))!important;
}

/* -----------------------------------------------
   NEXT STEP — EXTRA DIMENSION
   ----------------------------------------------- */
html body .iomtpl .iomtpl-nextstep-logo-core{
  animation:iomLogoCorePulse 3.8s ease-in-out infinite!important;
}

@keyframes iomLogoCorePulse{
  0%,100%{
    transform:scale(1);
    box-shadow:
      0 0 0 7px rgba(225,27,34,.06),
      0 0 40px rgba(225,27,34,.14),
      0 18px 44px rgba(0,0,0,.38),
      inset 0 0 28px rgba(255,255,255,.035)
  }
  50%{
    transform:scale(1.035);
    box-shadow:
      0 0 0 11px rgba(225,27,34,.035),
      0 0 58px rgba(225,27,34,.25),
      0 20px 50px rgba(0,0,0,.42),
      inset 0 0 32px rgba(255,255,255,.055)
  }
}

/* -----------------------------------------------
   MOBILE — PRESERVE WOW WITHOUT SQUEEZE/PERF COST
   ----------------------------------------------- */
@media(max-width:900px){
  html body .iomtpl:after{
    display:none!important;
  }

  html body .iomtpl .iomtpl-wow-tilt{
    transform:none!important;
  }

  html body .iomtpl .iomtpl-magnetic{
    transform:none!important;
  }

  html body .iomtpl .iomtpl-section-transit{
    width:52vw!important;
    opacity:.55!important;
  }

  html body .iomtpl .iomtpl-impact-particles i:nth-child(n+7){
    display:none!important;
  }
}

/* -----------------------------------------------
   REDUCED MOTION
   ----------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-impact-particles i,
  html body .iomtpl .iomtpl-section-transit:after,
  html body .iomtpl .iomtpl-nextstep-logo-core{
    animation:none!important;
  }

  html body .iomtpl .iomtpl-wow-tilt,
  html body .iomtpl .iomtpl-magnetic{
    transform:none!important;
    transition:none!important;
  }

  html body .iomtpl:after{
    display:none!important;
  }
}

/* Pause richer effects when browser tab is hidden. */
html.iom-page-hidden body .iomtpl .iomtpl-impact-particles i,
html.iom-page-hidden body .iomtpl .iomtpl-section-transit:after,
html.iom-page-hidden body .iomtpl .iomtpl-nextstep-logo-core{
  animation-play-state:paused!important;
}


/* ==================================================
   v4.70 PEOPLE BEHIND THE MISSION — CUSTOM FLIP EXPERIENCE
   ================================================== */
html body .iomtpl .iomtpl-team-experience{
  position:relative!important;
  overflow:hidden!important;
}
html body .iomtpl .iomtpl-team-experience-note{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:18px 0 20px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-team-experience-note span{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 0 5px rgba(225,27,34,.08),0 0 16px rgba(225,27,34,.55)!important;
  animation:iomTeamDot 2.4s ease-in-out infinite!important;
}
@keyframes iomTeamDot{50%{transform:scale(1.3);box-shadow:0 0 0 8px rgba(225,27,34,.025),0 0 24px rgba(225,27,34,.75)}}

html body .iomtpl .iomtpl-team-flip-grid{
  align-items:stretch!important;
  perspective:1600px!important;
}
html body .iomtpl .iomtpl-team-flip-card{
  position:relative!important;
  min-width:0!important;
  height:470px!important;
  perspective:1500px!important;
  cursor:pointer!important;
  outline:none!important;
}
html body .iomtpl .iomtpl-team-flip-inner{
  position:relative!important;
  width:100%!important;height:100%!important;
  transform-style:preserve-3d!important;
  transition:transform .82s cubic-bezier(.2,.75,.18,1)!important;
}
@media(hover:hover) and (pointer:fine){
  html body .iomtpl .iomtpl-team-flip-card:hover .iomtpl-team-flip-inner,
  html body .iomtpl .iomtpl-team-flip-card:focus-within .iomtpl-team-flip-inner{
    transform:rotateY(180deg)!important;
  }
}
html body .iomtpl .iomtpl-team-flip-card.is-flipped .iomtpl-team-flip-inner{
  transform:rotateY(180deg)!important;
}
html body .iomtpl .iomtpl-team-face{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.22)!important;
}
html body .iomtpl .iomtpl-team-front{
  background:linear-gradient(145deg,#12161c,#080b10)!important;
}
html body .iomtpl .iomtpl-team-back{
  transform:rotateY(180deg)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:
    radial-gradient(circle at 75% 18%,rgba(225,27,34,.22),transparent 34%),
    radial-gradient(circle at 18% 86%,rgba(202,166,111,.12),transparent 30%),
    linear-gradient(145deg,#12161c,#05070a)!important;
}
html body .iomtpl .iomtpl-team-portrait-frame{
  position:relative!important;
  height:365px!important;
  margin:10px 10px 0!important;
  overflow:hidden!important;
  border-radius:19px 19px 46px 19px!important;
  background:#111!important;
  clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)!important;
}
html body .iomtpl .iomtpl-team-portrait-frame:after{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:
    linear-gradient(180deg,transparent 48%,rgba(3,5,8,.16) 65%,rgba(3,5,8,.84) 100%),
    linear-gradient(120deg,rgba(255,255,255,.08),transparent 25%)!important;
  pointer-events:none!important;
}
html body .iomtpl .iomtpl-team-portrait-frame img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  filter:saturate(.92) contrast(1.04)!important;
  transform:scale(1.015)!important;
  transition:transform .8s cubic-bezier(.2,.75,.18,1),filter .5s ease!important;
}
html body .iomtpl .iomtpl-team-flip-card:hover .iomtpl-team-portrait-frame img{
  transform:scale(1.075)!important;
  filter:saturate(1.03) contrast(1.06)!important;
}
html body .iomtpl .iomtpl-team-portrait-orbit{
  position:absolute!important;z-index:3!important;
  width:128px!important;height:128px!important;
  right:-42px!important;top:-42px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:50%!important;
  animation:iomTeamOrbit 13s linear infinite!important;
}
html body .iomtpl .iomtpl-team-portrait-orbit:before,
html body .iomtpl .iomtpl-team-portrait-orbit:after{
  content:""!important;position:absolute!important;border-radius:50%!important;
  border:1px solid rgba(225,27,34,.28)!important;
}
html body .iomtpl .iomtpl-team-portrait-orbit:before{inset:17px!important}
html body .iomtpl .iomtpl-team-portrait-orbit:after{inset:36px!important;border-color:rgba(202,166,111,.28)!important}
html body .iomtpl .iomtpl-team-portrait-orbit i{
  position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 12px rgba(225,27,34,.85)!important;
}
html body .iomtpl .iomtpl-team-portrait-orbit i:nth-child(1){left:7px!important;top:58px!important}
html body .iomtpl .iomtpl-team-portrait-orbit i:nth-child(2){right:20px!important;bottom:17px!important;background:#e11b22!important}
html body .iomtpl .iomtpl-team-portrait-orbit i:nth-child(3){left:55px!important;bottom:1px!important;background:#caa66f!important}
@keyframes iomTeamOrbit{to{transform:rotate(360deg)}}

html body .iomtpl .iomtpl-team-index{
  position:absolute!important;z-index:4!important;
  left:16px!important;top:15px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;
}
html body .iomtpl .iomtpl-team-area{
  position:absolute!important;z-index:4!important;
  left:16px!important;bottom:15px!important;
  padding:7px 10px!important;border-radius:999px!important;
  background:rgba(6,8,12,.72)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(10px)!important;
  color:#fff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-team-front-copy{
  position:absolute!important;z-index:5!important;
  left:22px!important;right:22px!important;bottom:18px!important;
}
html body .iomtpl .iomtpl-team-front-copy h3{
  margin:0!important;color:#fff!important;font-size:21px!important;line-height:1!important;letter-spacing:-.02em!important;
}
html body .iomtpl .iomtpl-team-front-copy p{
  margin:5px 0 0!important;color:rgba(255,255,255,.55)!important;font-size:10px!important;
}
html body .iomtpl .iomtpl-team-flip-hint{
  position:absolute!important;right:0!important;bottom:0!important;
  color:rgba(255,255,255,.52)!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important;
}
html body .iomtpl .iomtpl-team-flip-hint b{color:#e11b22!important;font-size:13px!important}

html body .iomtpl .iomtpl-team-back-content{position:relative!important;z-index:3!important;width:100%!important}
html body .iomtpl .iomtpl-team-back-kicker{
  color:#e11b22!important;font-size:9px!important;font-weight:900!important;letter-spacing:.17em!important;text-transform:uppercase!important;
}
html body .iomtpl .iomtpl-team-back h3{
  margin:12px 0 7px!important;color:#fff!important;font-size:28px!important;line-height:.98!important;letter-spacing:-.035em!important;
}
html body .iomtpl .iomtpl-team-back-content>p:not(.iomtpl-team-back-note){
  margin:0!important;color:#caa66f!important;font-size:11px!important;font-weight:800!important;
}
html body .iomtpl .iomtpl-team-back-line{
  width:42px!important;height:2px!important;margin:20px 0!important;
  background:linear-gradient(90deg,#e11b22,#caa66f)!important;
  box-shadow:0 0 15px rgba(225,27,34,.35)!important;
}
html body .iomtpl .iomtpl-team-back-note{
  margin:0 0 24px!important;color:rgba(255,255,255,.58)!important;font-size:11px!important;line-height:1.65!important;
}
html body .iomtpl .iomtpl-team-connect{
  width:100%!important;min-height:50px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;
  background:#e11b22!important;color:#fff!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  cursor:pointer!important;box-shadow:0 12px 28px rgba(225,27,34,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
html body .iomtpl .iomtpl-team-connect:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 16px 36px rgba(225,27,34,.28)!important}
html body .iomtpl .iomtpl-team-connect span{font-size:17px!important}
html body .iomtpl .iomtpl-team-return{
  display:block!important;margin-top:15px!important;color:rgba(255,255,255,.30)!important;
  font-size:8px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-align:center!important;
}
html body .iomtpl .iomtpl-team-back-orbit{
  position:absolute!important;width:230px!important;height:230px!important;right:-105px!important;bottom:-95px!important;
  border:1px solid rgba(225,27,34,.20)!important;border-radius:50%!important;
}
html body .iomtpl .iomtpl-team-back-orbit:before,
html body .iomtpl .iomtpl-team-back-orbit:after{
  content:""!important;position:absolute!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.08)!important;
}
html body .iomtpl .iomtpl-team-back-orbit:before{inset:28px!important}
html body .iomtpl .iomtpl-team-back-orbit:after{inset:61px!important;border-color:rgba(202,166,111,.13)!important}

/* Founder card receives a subtle distinction without changing its content. */
html body .iomtpl .iomtpl-team-flip-card.featured .iomtpl-team-face{
  border-color:rgba(225,27,34,.34)!important;
}
html body .iomtpl .iomtpl-team-flip-card.featured .iomtpl-team-front{
  box-shadow:0 25px 75px rgba(225,27,34,.12),0 24px 65px rgba(0,0,0,.28)!important;
}

/* Mobile: cards remain substantial rather than squeezed. Tap flips. */
@media(max-width:760px){
  html body .iomtpl .iomtpl-team-flip-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html body .iomtpl .iomtpl-team-flip-card{
    width:100%!important;height:490px!important;
  }
  html body .iomtpl .iomtpl-team-portrait-frame{height:382px!important}
  html body .iomtpl .iomtpl-team-front-copy h3{font-size:24px!important}
  html body .iomtpl .iomtpl-team-flip-hint:before{content:"Tap to "!important}
  html body .iomtpl .iomtpl-team-flip-hint{font-size:8px!important}
}
@media(max-width:390px){
  html body .iomtpl .iomtpl-team-flip-card{height:455px!important}
  html body .iomtpl .iomtpl-team-portrait-frame{height:350px!important}
  html body .iomtpl .iomtpl-team-back{padding:23px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .iomtpl .iomtpl-team-portrait-orbit,
  html body .iomtpl .iomtpl-team-experience-note span{animation:none!important}
  html body .iomtpl .iomtpl-team-flip-inner{transition:none!important}
}


/* ==================================================
   v4.71 ABOUT US HERO — INTERACTIVE LIGHT + ORBITS
   ================================================== */
html body.iomtpl-about-page .iomtpl-about-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  --about-mouse-x:50%;
  --about-mouse-y:45%;
  --about-depth-x:0px;
  --about-depth-y:0px;
}

/* Keep actual hero content above motion system */
html body.iomtpl-about-page .iomtpl-about-hero > *:not(.iomtpl-about-hero-motion){
  position:relative!important;
  z-index:3!important;
}

/* Mouse-reactive light field */
html body.iomtpl-about-page .iomtpl-about-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(
      430px circle at var(--about-mouse-x) var(--about-mouse-y),
      rgba(255,255,255,.10),
      rgba(225,27,34,.105) 18%,
      rgba(202,166,111,.055) 34%,
      transparent 68%
    )!important;
  mix-blend-mode:screen!important;
  transition:opacity .25s ease!important;
}

html body.iomtpl-about-page .iomtpl-about-hero-motion{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

html body.iomtpl-about-page .iomtpl-about-hero-glow{
  position:absolute!important;
  width:520px!important;
  height:520px!important;
  right:-190px!important;
  top:-155px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,rgba(225,27,34,.16),rgba(225,27,34,.035) 42%,transparent 72%)!important;
  filter:blur(6px)!important;
  transform:translate3d(var(--about-depth-x),var(--about-depth-y),0)!important;
  animation:iomAboutHeroGlow 8.5s ease-in-out infinite alternate!important;
}

@keyframes iomAboutHeroGlow{
  0%{transform:translate3d(var(--about-depth-x),var(--about-depth-y),0) scale(.96)}
  100%{transform:translate3d(calc(var(--about-depth-x) - 22px),calc(var(--about-depth-y) + 18px),0) scale(1.05)}
}

/* Large orbital geometry gives a custom signature */
html body.iomtpl-about-page .iomtpl-about-hero-orbit{
  position:absolute!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.085)!important;
  pointer-events:none!important;
}

html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-one{
  width:560px!important;
  height:560px!important;
  right:-260px!important;
  top:-180px!important;
  border-color:rgba(225,27,34,.25)!important;
  animation:iomAboutOrbit 22s linear infinite!important;
}

html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-two{
  width:430px!important;
  height:430px!important;
  right:-180px!important;
  top:-100px!important;
  border-color:rgba(202,166,111,.18)!important;
  border-style:dashed!important;
  animation:iomAboutOrbitReverse 28s linear infinite!important;
}

html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-three{
  width:310px!important;
  height:310px!important;
  right:-120px!important;
  top:-40px!important;
  border-color:rgba(255,255,255,.10)!important;
  animation:iomAboutOrbit 34s linear infinite!important;
}

@keyframes iomAboutOrbit{to{transform:rotate(360deg)}}
@keyframes iomAboutOrbitReverse{to{transform:rotate(-360deg)}}

/* Orbit nodes */
html body.iomtpl-about-page .iomtpl-about-hero-node{
  position:absolute!important;
  z-index:2!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#e11b22!important;
  box-shadow:0 0 12px rgba(225,27,34,.9),0 0 30px rgba(225,27,34,.42)!important;
  animation:iomAboutNodePulse 2.8s ease-in-out infinite!important;
}
html body.iomtpl-about-page .iomtpl-about-hero-node.node-one{
  right:102px!important;
  top:96px!important;
}
html body.iomtpl-about-page .iomtpl-about-hero-node.node-two{
  right:260px!important;
  top:245px!important;
  width:6px!important;
  height:6px!important;
  background:#caa66f!important;
  box-shadow:0 0 12px rgba(202,166,111,.85),0 0 25px rgba(202,166,111,.30)!important;
  animation-delay:.7s!important;
}
html body.iomtpl-about-page .iomtpl-about-hero-node.node-three{
  right:54px!important;
  top:330px!important;
  width:5px!important;
  height:5px!important;
  background:#fff!important;
  box-shadow:0 0 12px rgba(255,255,255,.7)!important;
  animation-delay:1.3s!important;
}
@keyframes iomAboutNodePulse{
  0%,100%{opacity:.35;transform:scale(.8)}
  50%{opacity:1;transform:scale(1.35)}
}

/* Diagonal energy beam */
html body.iomtpl-about-page .iomtpl-about-hero-beam{
  position:absolute!important;
  left:-12%!important;
  bottom:16%!important;
  width:82%!important;
  height:1px!important;
  transform:rotate(-7deg)!important;
  transform-origin:left center!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(225,27,34,.10) 12%,
    rgba(225,27,34,.65) 42%,
    rgba(202,166,111,.48) 58%,
    transparent 86%
  )!important;
  box-shadow:0 0 16px rgba(225,27,34,.25)!important;
  animation:iomAboutBeam 6.5s ease-in-out infinite!important;
}
html body.iomtpl-about-page .iomtpl-about-hero-beam:after{
  content:""!important;
  position:absolute!important;
  top:-3px!important;
  left:0!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 10px #fff,0 0 20px rgba(225,27,34,.8)!important;
  animation:iomAboutBeamNode 6.5s ease-in-out infinite!important;
}
@keyframes iomAboutBeam{
  0%,100%{opacity:.18}
  50%{opacity:.55}
}
@keyframes iomAboutBeamNode{
  0%{left:4%;opacity:0}
  12%{opacity:1}
  88%{opacity:1}
  100%{left:94%;opacity:0}
}

/* Gentle content parallax response */
html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-copy,
html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-panel{
  transform:translate3d(
    calc(var(--about-depth-x) * -.18),
    calc(var(--about-depth-y) * -.18),
    0
  )!important;
  transition:transform .12s linear!important;
}

/* Mobile: custom motion remains, but simpler and lighter */
@media(max-width:760px){
  html body.iomtpl-about-page .iomtpl-about-hero:after{
    background:
      radial-gradient(
        260px circle at 78% 30%,
        rgba(225,27,34,.10),
        rgba(202,166,111,.035) 35%,
        transparent 68%
      )!important;
    mix-blend-mode:screen!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-one{
    width:340px!important;
    height:340px!important;
    right:-210px!important;
    top:-90px!important;
  }
  html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-two{
    width:270px!important;
    height:270px!important;
    right:-170px!important;
    top:-35px!important;
  }
  html body.iomtpl-about-page .iomtpl-about-hero-orbit.orbit-three{
    display:none!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-glow{
    width:320px!important;
    height:320px!important;
    right:-170px!important;
    top:-80px!important;
    opacity:.6!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-beam{
    width:105%!important;
    bottom:10%!important;
    opacity:.28!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero-node.node-two,
  html body.iomtpl-about-page .iomtpl-about-hero-node.node-three{
    display:none!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-copy,
  html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-panel{
    transform:none!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  html body.iomtpl-about-page .iomtpl-about-hero-glow,
  html body.iomtpl-about-page .iomtpl-about-hero-orbit,
  html body.iomtpl-about-page .iomtpl-about-hero-node,
  html body.iomtpl-about-page .iomtpl-about-hero-beam,
  html body.iomtpl-about-page .iomtpl-about-hero-beam:after{
    animation:none!important;
  }

  html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-copy,
  html body.iomtpl-about-page .iomtpl-about-hero .iomtpl-about-hero-panel{
    transform:none!important;
    transition:none!important;
  }
}

/* Pause when browser tab is hidden */
html.iom-page-hidden body.iomtpl-about-page .iomtpl-about-hero-glow,
html.iom-page-hidden body.iomtpl-about-page .iomtpl-about-hero-orbit,
html.iom-page-hidden body.iomtpl-about-page .iomtpl-about-hero-node,
html.iom-page-hidden body.iomtpl-about-page .iomtpl-about-hero-beam,
html.iom-page-hidden body.iomtpl-about-page .iomtpl-about-hero-beam:after{
  animation-play-state:paused!important;
}

/* v4.72 — CLOTHING CLOSET IMMERSIVE STORY GALLERY */
.iomtpl-closet-story-gallery{position:relative;overflow:hidden;background:#07090c;color:#fff;padding:clamp(70px,8vw,130px) 0 90px;isolation:isolate}
.iomtpl-closet-story-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 15% 25%,rgba(225,27,34,.13),transparent 65%),radial-gradient(500px circle at 85% 70%,rgba(202,166,111,.09),transparent 65%);pointer-events:none}
.iomtpl-closet-gallery-orbit{position:absolute;width:580px;height:580px;right:-310px;top:-220px;border:1px solid rgba(225,27,34,.18);border-radius:50%;animation:iomClosetOrbit 30s linear infinite}
.iomtpl-closet-gallery-orbit i{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;inset:70px}.iomtpl-closet-gallery-orbit i:nth-child(2){inset:145px;border-color:rgba(202,166,111,.15)}.iomtpl-closet-gallery-orbit i:nth-child(3){inset:215px;border-color:rgba(225,27,34,.2)}
@keyframes iomClosetOrbit{to{transform:rotate(360deg)}}
.iomtpl-closet-gallery-head{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.iomtpl-closet-gallery-head h2{font-size:clamp(48px,7vw,100px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase;margin:14px 0 0}.iomtpl-closet-gallery-head h2 span{color:#e11b22}.iomtpl-closet-gallery-head p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:rgba(255,255,255,.72);max-width:520px}
.iomtpl-closet-gallery-track{position:relative;z-index:2;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px max(24px,calc((100vw - 1180px)/2)) 28px;scrollbar-width:none;cursor:grab}.iomtpl-closet-gallery-track::-webkit-scrollbar{display:none}.iomtpl-closet-gallery-track:active{cursor:grabbing}
.iomtpl-closet-gallery-card{position:relative;flex:0 0 clamp(280px,30vw,430px);height:clamp(420px,55vw,610px);border:0;padding:0;overflow:hidden;border-radius:28px;background:#111;scroll-snap-align:center;text-align:left;box-shadow:0 24px 70px rgba(0,0,0,.38);transform:translateY(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.iomtpl-closet-gallery-card:nth-child(even){height:clamp(370px,49vw,550px);margin-top:45px}.iomtpl-closet-gallery-card:hover{transform:translateY(-10px) rotate(.35deg);box-shadow:0 34px 90px rgba(0,0,0,.55)}
.iomtpl-closet-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s ease}.iomtpl-closet-gallery-card:hover img{transform:scale(1.065)}
.iomtpl-closet-gallery-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(4,5,7,.18) 54%,rgba(4,5,7,.94) 100%);transition:background .4s ease}
.iomtpl-closet-gallery-copy{position:absolute;left:26px;right:26px;bottom:25px;z-index:2;display:flex;flex-direction:column;gap:7px;transform:translateY(36px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.iomtpl-closet-gallery-copy small{font-size:11px;letter-spacing:.18em;color:#e11b22;font-weight:800}.iomtpl-closet-gallery-copy strong{font-size:clamp(24px,2vw,31px);line-height:1.05}.iomtpl-closet-gallery-copy em{font-style:normal;font-size:14px;line-height:1.45;color:rgba(255,255,255,.72);opacity:0;transition:opacity .35s ease}.iomtpl-closet-gallery-card:hover .iomtpl-closet-gallery-copy{transform:translateY(0)}.iomtpl-closet-gallery-card:hover .iomtpl-closet-gallery-copy em{opacity:1}
.iomtpl-closet-gallery-progress{width:min(1180px,calc(100% - 48px));height:2px;background:rgba(255,255,255,.1);margin:10px auto 0;overflow:hidden}.iomtpl-closet-gallery-progress span{display:block;height:100%;width:18%;background:linear-gradient(90deg,#e11b22,#caa66f);transform-origin:left center}
.iomtpl-closet-gallery-hint{width:min(1180px,calc(100% - 48px));margin:16px auto 0;font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.4);font-weight:700}.iomtpl-closet-gallery-hint b{color:#e11b22;font-size:18px;margin-left:8px}
.iomtpl-closet-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(2,3,5,.94);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:40px}.iomtpl-closet-lightbox.is-open{display:flex;animation:iomClosetLb .25s ease both}@keyframes iomClosetLb{from{opacity:0}to{opacity:1}}
.iomtpl-closet-lightbox figure{margin:0;max-width:min(1100px,82vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}.iomtpl-closet-lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.6)}.iomtpl-closet-lightbox figcaption{font-size:14px;color:rgba(255,255,255,.68)}
.iomtpl-closet-lightbox button{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(10,12,15,.72);color:#fff;width:52px;height:52px;border-radius:50%;font-size:34px;display:grid;place-items:center;cursor:pointer}.iomtpl-closet-lightbox-close{right:28px;top:25px}.iomtpl-closet-lightbox-prev{left:28px;top:50%}.iomtpl-closet-lightbox-next{right:28px;top:50%}
@media(max-width:760px){.iomtpl-closet-story-gallery{padding:64px 0}.iomtpl-closet-gallery-head{width:calc(100% - 36px);grid-template-columns:1fr;gap:24px;margin-bottom:32px}.iomtpl-closet-gallery-head h2{font-size:clamp(46px,15vw,68px)}.iomtpl-closet-gallery-track{padding-left:18px;padding-right:18px;gap:12px}.iomtpl-closet-gallery-card{flex-basis:82vw;height:108vw;max-height:520px;border-radius:22px}.iomtpl-closet-gallery-card:nth-child(even){height:108vw;max-height:520px;margin-top:0}.iomtpl-closet-gallery-copy{transform:none}.iomtpl-closet-gallery-copy em{opacity:1}.iomtpl-closet-gallery-progress,.iomtpl-closet-gallery-hint{width:calc(100% - 36px)}.iomtpl-closet-lightbox{padding:20px}.iomtpl-closet-lightbox-prev,.iomtpl-closet-lightbox-next{width:42px!important;height:42px!important;top:auto!important;bottom:20px}.iomtpl-closet-lightbox-prev{left:calc(50% - 54px)!important}.iomtpl-closet-lightbox-next{right:calc(50% - 54px)!important}}
@media(prefers-reduced-motion:reduce){.iomtpl-closet-gallery-orbit{animation:none}.iomtpl-closet-gallery-card,.iomtpl-closet-gallery-card img,.iomtpl-closet-gallery-copy{transition:none}}


/* ==================================================
   v4.73 CLOTHING CLOSET FLOW + NEXT STEP HEADER ALIGNMENT
   ================================================== */

/* Clothing Closet: intentional story sequence, no giant dead zone */
html body.iomtpl-closet-page .iomtpl-closet-video-section{
  padding-top:64px!important;
  padding-bottom:34px!important;
  margin-bottom:0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-video-section + .iomtpl-closet-story-gallery{
  margin-top:0!important;
  padding-top:46px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
  margin-bottom:0!important;
  padding-bottom:68px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-story-gallery + .iomtpl-closet-dark-section{
  margin-top:0!important;
  padding-top:72px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-location{
  margin-top:0!important;
  padding-top:64px!important;
  padding-bottom:70px!important;
}

/* Next Step must stay contained inside the header bar */
html body .iomtpl .iomtpl-header,
html body .iomtpl .iomtpl-header-row{
  overflow:visible!important;
}

html body .iomtpl .iomtpl-hub-trigger{
  align-self:stretch!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger,
html body .iomtpl .iomtpl-header-row > .iomtpl-hub-trigger{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
}

/* Keep the decorative polygon clipped to header height */
html body .iomtpl .iomtpl-hub-trigger:before,
html body .iomtpl .iomtpl-hub-trigger:after{
  top:0!important;
  bottom:0!important;
  height:auto!important;
}

@media(min-width:761px){
  html body .iomtpl .iomtpl-header-row{
    min-height:96px!important;
    height:96px!important;
    align-items:stretch!important;
  }

  html body .iomtpl .iomtpl-nav{
    align-items:stretch!important;
    height:100%!important;
  }

  html body .iomtpl .iomtpl-nav > a,
  html body .iomtpl .iomtpl-nav > button{
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
  }

  html body .iomtpl .iomtpl-hub-trigger{
    height:100%!important;
    min-height:96px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

@media(max-width:760px){
  html body.iomtpl-closet-page .iomtpl-closet-video-section{
    padding-top:44px!important;
    padding-bottom:24px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-video-section + .iomtpl-closet-story-gallery{
    padding-top:34px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
    padding-bottom:48px!important;
  }
}


/* ==================================================
   v4.74.1 CLOTHING CLOSET HOURS — SAFE CONTENT UPDATE
   Keeps the stable v4.73 card/grid structure intact.
   ================================================== */
html body.iomtpl-closet-page .iomtpl-closet-donor-message{
  margin-top:18px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid rgba(202,166,111,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(202,166,111,.06),rgba(225,27,34,.03))!important;
}
html body.iomtpl-closet-page .iomtpl-closet-donor-message>span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#e11b22!important;
  border:1px solid rgba(225,27,34,.28)!important;
  font-size:17px!important;
}
html body.iomtpl-closet-page .iomtpl-closet-donor-message p{
  margin:0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  html body.iomtpl-closet-page .iomtpl-closet-donor-message{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   v4.75.1 HEADER REPAIR
   Next Step contained, Give Now vertically centered.
   ========================================================== */
@media(min-width:761px){
  html body .iomtpl .iomtpl-header{
    min-height:92px!important;
    height:92px!important;
    overflow:visible!important;
  }

  html body .iomtpl .iomtpl-header-row{
    min-height:92px!important;
    height:92px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }

  html body .iomtpl .iomtpl-nav{
    height:92px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* Standard navigation items remain centered */
  html body .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top),
  html body .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger){
    height:auto!important;
    min-height:44px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    top:auto!important;
    bottom:auto!important;
  }

  /* Next Step: custom shape contained completely within menu bar */
  html body .iomtpl .iomtpl-hub-trigger{
    position:relative!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    top:0!important;
    bottom:0!important;
    height:92px!important;
    max-height:92px!important;
  }

  /* Give Now is a CTA, not a full-height nav tab */
  html body .iomtpl .iomtpl-give-top{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
}


/* ==========================================================
   v4.75.1 CLOTHING CLOSET — SAFE VISUAL REFINEMENT
   Built on stable v4.74.1 structure. No architecture rewrite.
   ========================================================== */

/* Prevent accidental dead space caused by inherited section sizing */
html body.iomtpl-closet-page .iomtpl-closet-quick,
html body.iomtpl-closet-page .iomtpl-closet-video-section,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery,
html body.iomtpl-closet-page .iomtpl-closet-dark-section,
html body.iomtpl-closet-page .iomtpl-closet-donate,
html body.iomtpl-closet-page .iomtpl-closet-volunteer,
html body.iomtpl-closet-page .iomtpl-closet-location{
  min-height:0!important;
  height:auto!important;
}

/* Deliberately compact page rhythm */
html body.iomtpl-closet-page .iomtpl-closet-quick{
  padding-top:64px!important;
  padding-bottom:52px!important;
}
html body.iomtpl-closet-page .iomtpl-closet-video-section{
  padding-top:52px!important;
  padding-bottom:28px!important;
  margin:0!important;
}
html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
  padding-top:30px!important;
  padding-bottom:64px!important;
  margin:0!important;
}
html body.iomtpl-closet-page .iomtpl-closet-dark-section{
  padding-top:66px!important;
  padding-bottom:66px!important;
  margin:0!important;
}
html body.iomtpl-closet-page .iomtpl-closet-donate{
  padding-top:70px!important;
  padding-bottom:70px!important;
  margin:0!important;
}
html body.iomtpl-closet-page .iomtpl-closet-volunteer{
  padding-top:28px!important;
  padding-bottom:66px!important;
  margin:0!important;
}
html body.iomtpl-closet-page .iomtpl-closet-location{
  padding-top:68px!important;
  padding-bottom:78px!important;
  margin:0!important;
}

/* Visually connect video and photo story */
html body.iomtpl-closet-page .iomtpl-closet-video-section{
  position:relative!important;
  z-index:2!important;
}
html body.iomtpl-closet-page .iomtpl-closet-video-section:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-1px!important;
  width:min(560px,62vw)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(225,27,34,.48),rgba(202,166,111,.34),transparent)!important;
  box-shadow:0 0 16px rgba(225,27,34,.16)!important;
}

/* Make the gallery feel integrated, not like a footer block */
html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
  background:
    radial-gradient(560px circle at 85% 10%,rgba(225,27,34,.08),transparent 67%),
    linear-gradient(180deg,#090c10,#07090c)!important;
}

/* Give visit cards a more premium interaction while preserving structure */
html body.iomtpl-closet-page .iomtpl-closet-info-card{
  transform:translateZ(0)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),
             border-color .32s ease,
             box-shadow .32s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html body.iomtpl-closet-page .iomtpl-closet-info-card:hover{
    transform:translateY(-6px)!important;
    border-color:rgba(225,27,34,.30)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.22),0 0 28px rgba(225,27,34,.05)!important;
  }
}

/* Keep gallery close to its heading/content */
html body.iomtpl-closet-page .iomtpl-closet-gallery-head{
  margin-bottom:30px!important;
}
html body.iomtpl-closet-page .iomtpl-closet-gallery-track{
  padding-top:4px!important;
}

/* Make the location ending compact rather than oversized */
html body.iomtpl-closet-page .iomtpl-closet-location .iomtpl-wrap{
  padding-top:0!important;
  padding-bottom:0!important;
}

@media(max-width:760px){
  html body.iomtpl-closet-page .iomtpl-closet-quick{
    padding-top:44px!important;
    padding-bottom:38px!important;
  }
  html body.iomtpl-closet-page .iomtpl-closet-video-section{
    padding-top:38px!important;
    padding-bottom:20px!important;
  }
  html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
    padding-top:24px!important;
    padding-bottom:46px!important;
  }
  html body.iomtpl-closet-page .iomtpl-closet-dark-section,
  html body.iomtpl-closet-page .iomtpl-closet-donate,
  html body.iomtpl-closet-page .iomtpl-closet-location{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  html body.iomtpl-closet-page .iomtpl-closet-volunteer{
    padding-top:20px!important;
    padding-bottom:46px!important;
  }
}


/* ==========================================================
   v4.75.2 HEADER ALIGNMENT — FINAL NEXT STEP + NEWSLETTER
   ========================================================== */

@media(min-width:761px){

  /*
   * Keep the complete navigation geometry inside the 92px header.
   * The previous custom Next Step pseudo-elements could extend below
   * the header even when the button itself had the correct height.
   */
  html body .iomtpl .iomtpl-header{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-header-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-nav{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  /* Next Step stays custom, but is clipped exactly to the menu bar. */
  html body .iomtpl .iomtpl-hub-trigger{
    position:relative!important;
    align-self:center!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    margin:0!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    top:0!important;
    bottom:auto!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    transform:none!important;
  }

  /*
   * Any decorative active underline belongs inside the header rather
   * than sitting below it.
   */
  html body .iomtpl .iomtpl-hub-trigger > *{
    position:relative!important;
    z-index:2!important;
  }

  /* Newsletter now uses the same white navigation treatment as normal tabs. */
  html body .iomtpl .iomtpl-nav a[data-iom-newsletter-open],
  html body .iomtpl .iomtpl-nav button[data-iom-newsletter-open],
  html body .iomtpl .iomtpl-newsletter-nav{
    color:#fff!important;
  }

  html body .iomtpl .iomtpl-nav a[data-iom-newsletter-open]:hover,
  html body .iomtpl .iomtpl-nav button[data-iom-newsletter-open]:hover,
  html body .iomtpl .iomtpl-newsletter-nav:hover{
    color:#fff!important;
  }
}


/* ==========================================================
   v4.77 CLOTHING CLOSET — NORMAL PAGE LAYOUT RESET
   ========================================================== */

/*
 * This reset intentionally uses the EXISTING Clothing Closet template
 * rather than creating a second page architecture.
 */
html body.iomtpl-closet-page{
  margin:0!important;
  padding:0!important;
  background:#07090c!important;
  overflow-x:hidden!important;
}

html body.iomtpl-closet-page .iomtpl{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

/* Every Closet section sizes itself from its content — never viewport/min-height. */
html body.iomtpl-closet-page .iomtpl-closet-hero,
html body.iomtpl-closet-page .iomtpl-closet-quick,
html body.iomtpl-closet-page .iomtpl-closet-video-section,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery,
html body.iomtpl-closet-page .iomtpl-closet-dark-section,
html body.iomtpl-closet-page .iomtpl-closet-donate,
html body.iomtpl-closet-page .iomtpl-closet-volunteer,
html body.iomtpl-closet-page .iomtpl-closet-location{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Hero is the one intentional large section. */
html body.iomtpl-closet-page .iomtpl-closet-hero{
  min-height:620px!important;
}

/* Clean, predictable rhythm from one section to the next. */
html body.iomtpl-closet-page .iomtpl-closet-quick{
  padding:72px 0 58px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-video-section{
  padding:54px 0 34px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
  padding:38px 0 68px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-dark-section{
  padding:70px 0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-donate{
  padding:72px 0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-volunteer{
  padding:38px 0 70px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-location{
  padding:72px 0 86px!important;
}

/* No legacy builder rows are allowed to inject giant vertical spacing. */
html body.iomtpl-closet-page .iomtpl .vc_row,
html body.iomtpl-closet-page .iomtpl .wpb_row,
html body.iomtpl-closet-page .iomtpl .elementor-section,
html body.iomtpl-closet-page .iomtpl .elementor-container{
  min-height:0!important;
}

/* Video must size like a normal content block. */
html body.iomtpl-closet-page .iomtpl-closet-video-section iframe,
html body.iomtpl-closet-page .iomtpl-closet-video-section video{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}

/* Video → gallery visually belongs together. */
html body.iomtpl-closet-page .iomtpl-closet-video-section + .iomtpl-closet-story-gallery{
  border-top:1px solid rgba(255,255,255,.055)!important;
}

/* Gallery stays substantial without becoming an oversized page ending. */
html body.iomtpl-closet-page .iomtpl-closet-gallery-head{
  margin-top:0!important;
  margin-bottom:30px!important;
}

html body.iomtpl-closet-page .iomtpl-closet-gallery-track{
  margin-top:0!important;
}

/* Regular info cards stay equal and readable. */
html body.iomtpl-closet-page .iomtpl-closet-info-grid{
  align-items:stretch!important;
}

html body.iomtpl-closet-page .iomtpl-closet-info-card{
  height:auto!important;
  min-height:280px!important;
}

/* Location should be a normal closing section, never a forced screen-height block. */
html body.iomtpl-closet-page .iomtpl-closet-location,
html body.iomtpl-closet-page .iomtpl-closet-location .iomtpl-wrap{
  height:auto!important;
  min-height:0!important;
}

/* ==========================================================
   HEADER: NORMAL ALIGNMENT
   ========================================================== */
@media(min-width:761px){
  html body .iomtpl .iomtpl-header,
  html body .iomtpl .iomtpl-header-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
  }

  html body .iomtpl .iomtpl-header-row{
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-nav{
    height:92px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* Normal links */
  html body .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top),
  html body .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger){
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    align-self:center!important;
    margin:0!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }

  /* Newsletter matches regular white tabs. */
  html body .iomtpl .iomtpl-nav [data-iom-newsletter-open],
  html body .iomtpl .iomtpl-newsletter-nav{
    color:#fff!important;
  }

  /* Next Step keeps the custom shape but never exits the bar. */
  html body .iomtpl .iomtpl-hub-trigger{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    align-self:center!important;
    margin:0!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    top:0!important;
    bottom:auto!important;
    height:92px!important;
    max-height:92px!important;
  }

  /* Give Now is centered, not pinned to the top. */
  html body .iomtpl .iomtpl-give-top{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    align-self:center!important;
    margin:0!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
}

@media(max-width:760px){
  html body.iomtpl-closet-page .iomtpl-closet-hero{
    min-height:0!important;
    padding-top:32px!important;
    padding-bottom:34px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-quick{
    padding:44px 0 36px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-video-section{
    padding:40px 0 24px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
    padding:28px 0 48px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-dark-section,
  html body.iomtpl-closet-page .iomtpl-closet-donate,
  html body.iomtpl-closet-page .iomtpl-closet-location{
    padding:48px 0!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-volunteer{
    padding:26px 0 48px!important;
  }

  html body.iomtpl-closet-page .iomtpl-closet-info-card{
    min-height:0!important;
  }
}


/* ==========================================================
   v4.78 NEXT STEP — CLEAN INTEGRATED NAV TAB
   Removes the layered-button look.
   ========================================================== */
@media(min-width:761px){
  html body .iomtpl .iomtpl-hub-trigger{
    position:relative!important;
    width:auto!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:0 22px!important;
    margin:0 4px!important;
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    border:1px solid rgba(225,27,34,.36)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(225,27,34,.14),rgba(255,255,255,.025))!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.18)!important;
    transform:none!important;
    clip-path:none!important;
  }

  /* Kill old decorative layers that were visually sitting over the label. */
  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }

  html body .iomtpl .iomtpl-hub-trigger span,
  html body .iomtpl .iomtpl-hub-trigger strong,
  html body .iomtpl .iomtpl-hub-trigger svg,
  html body .iomtpl .iomtpl-hub-trigger i{
    position:relative!important;
    z-index:2!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:hover{
    border-color:rgba(225,27,34,.72)!important;
    background:linear-gradient(135deg,rgba(225,27,34,.26),rgba(202,166,111,.055))!important;
    box-shadow:0 10px 30px rgba(225,27,34,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
    transform:translateY(-1px)!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:focus-visible{
    outline:2px solid rgba(225,27,34,.72)!important;
    outline-offset:3px!important;
  }
}

@media(max-width:760px){
  html body .iomtpl .iomtpl-hub-trigger{
    clip-path:none!important;
  }
  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }
}


/* ==========================================================
   v4.78.1 NEXT STEP — NAV FLOW ALIGNMENT HOTFIX
   ========================================================== */
@media(min-width:761px){
  html body .iomtpl .iomtpl-nav{
    display:flex!important;
    align-items:center!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger,
  html body .iomtpl .iomtpl-hub-trigger{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    flex:0 0 auto!important;
    align-self:center!important;
    vertical-align:middle!important;

    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;

    margin-top:auto!important;
    margin-bottom:auto!important;
    margin-left:4px!important;
    margin-right:4px!important;

    transform:none!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
    position:static!important;
  }
}


/* ==========================================================
   v4.79 GLOBAL NEXT STEP NAV STYLE
   One appearance across Home / About / Clothing Closet / all pages
   ========================================================== */
@media(min-width:761px){

  html body .iomtpl .iomtpl-nav .iomtpl-hub-trigger,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    flex:0 0 auto!important;
    align-self:center!important;

    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;

    margin:0 5px!important;
    padding:0 20px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;

    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;

    background:rgba(255,255,255,.055)!important;
    color:#fff!important;

    font:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    line-height:1!important;

    box-shadow:none!important;
    clip-path:none!important;
    transform:none!important;
    overflow:hidden!important;

    transition:
      background .2s ease,
      border-color .2s ease,
      color .2s ease,
      transform .2s ease!important;
  }

  html body .iomtpl .iomtpl-nav .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-nav .iomtpl-hub-trigger:after,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:before,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:after,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:before,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }

  html body .iomtpl .iomtpl-nav .iomtpl-hub-trigger:hover,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:hover,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav .iomtpl-hub-trigger:hover{
    background:rgba(225,27,34,.13)!important;
    border-color:rgba(225,27,34,.46)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }

  html body .iomtpl .iomtpl-nav .iomtpl-hub-trigger:focus-visible{
    outline:2px solid rgba(225,27,34,.58)!important;
    outline-offset:2px!important;
  }
}

/* Mobile also receives one consistent Next Step treatment */
@media(max-width:760px){
  html body .iomtpl .iomtpl-hub-trigger{
    width:100%!important;
    min-height:50px!important;
    height:auto!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.05)!important;
    color:#fff!important;
    clip-path:none!important;
    transform:none!important;
  }

  html body .iomtpl .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }
}


/* ==========================================================
   v4.80 CLOTHING CLOSET — VIDEO/GALLERY GAP + CONNECT CTA
   ========================================================== */

/* Kill the oversized empty stage between video and image story/gallery. */
html body.iomtpl-closet-page .iomtpl-closet-video-section,
html body.iomtpl-closet-page .iomtpl-closet-video,
html body.iomtpl-closet-page .iomtpl-closet-video-wrap,
html body.iomtpl-closet-page .iomtpl-closet-video-stage,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery,
html body.iomtpl-closet-page .iomtpl-closet-gallery,
html body.iomtpl-closet-page .iomtpl-closet-gallery-wrap{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

html body.iomtpl-closet-page .iomtpl-closet-video-section{
  padding-bottom:26px!important;
  margin-bottom:0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
  padding-top:26px!important;
  margin-top:0!important;
}

/* Any decorative motion/circle canvas in this transition must not establish
   its own huge document height. */
html body.iomtpl-closet-page .iomtpl-closet-video-section .iomtpl-motion-stage,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery .iomtpl-motion-stage,
html body.iomtpl-closet-page .iomtpl-closet-video-section .iomtpl-orbit-stage,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery .iomtpl-orbit-stage{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  min-height:0!important;
  pointer-events:none!important;
}

/* Remove spacer-like empty children in the video/gallery transition. */
html body.iomtpl-closet-page .iomtpl-closet-video-section > .iomtpl-wrap,
html body.iomtpl-closet-page .iomtpl-closet-story-gallery > .iomtpl-wrap{
  min-height:0!important;
  height:auto!important;
}

/* Bottom Connect CTA — restore full branded button styling regardless of
   whether the markup is an <a> or <button>. */
html body.iomtpl-closet-page a[data-iom-contact-open],
html body.iomtpl-closet-page button[data-iom-contact-open],
html body.iomtpl-closet-page .iomtpl-connect-btn,
html body.iomtpl-closet-page .iomtpl-closet-connect,
html body.iomtpl-closet-page .iomtpl-btn[data-iom-contact-open]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:168px!important;
  min-height:54px!important;
  padding:0 24px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#e11b22,#b90f16)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 12px 32px rgba(225,27,34,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
  cursor:pointer!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}

html body.iomtpl-closet-page a[data-iom-contact-open]:hover,
html body.iomtpl-closet-page button[data-iom-contact-open]:hover,
html body.iomtpl-closet-page .iomtpl-connect-btn:hover,
html body.iomtpl-closet-page .iomtpl-closet-connect:hover{
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 16px 38px rgba(225,27,34,.27),inset 0 1px 0 rgba(255,255,255,.16)!important;
  filter:brightness(1.05)!important;
}

@media(max-width:760px){
  html body.iomtpl-closet-page .iomtpl-closet-video-section{
    padding-bottom:18px!important;
  }
  html body.iomtpl-closet-page .iomtpl-closet-story-gallery{
    padding-top:18px!important;
  }
  html body.iomtpl-closet-page a[data-iom-contact-open],
  html body.iomtpl-closet-page button[data-iom-contact-open],
  html body.iomtpl-closet-page .iomtpl-connect-btn,
  html body.iomtpl-closet-page .iomtpl-closet-connect{
    width:100%!important;
    max-width:360px!important;
  }
}


/* ==========================================================
   v4.81 CLOTHING CLOSET — BRAND COLOR CLEANUP
   Remove teal/blue from action/button areas.
   ========================================================== */

/* General action areas */
html body.iomtpl-closet-page .iomtpl-closet-actions,
html body.iomtpl-closet-page .iomtpl-closet-give-actions,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions,
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions,
html body.iomtpl-closet-page .iomtpl-closet-cta,
html body.iomtpl-closet-page .iomtpl-closet-cta-wrap{
  color:#fff!important;
}

/* Kill teal/blue headings, helper text, links or icons in Closet action areas */
html body.iomtpl-closet-page .iomtpl-closet-actions h1,
html body.iomtpl-closet-page .iomtpl-closet-actions h2,
html body.iomtpl-closet-page .iomtpl-closet-actions h3,
html body.iomtpl-closet-page .iomtpl-closet-actions p,
html body.iomtpl-closet-page .iomtpl-closet-actions a,
html body.iomtpl-closet-page .iomtpl-closet-actions span,
html body.iomtpl-closet-page .iomtpl-closet-actions strong,
html body.iomtpl-closet-page .iomtpl-closet-give-actions h1,
html body.iomtpl-closet-page .iomtpl-closet-give-actions h2,
html body.iomtpl-closet-page .iomtpl-closet-give-actions h3,
html body.iomtpl-closet-page .iomtpl-closet-give-actions p,
html body.iomtpl-closet-page .iomtpl-closet-give-actions a,
html body.iomtpl-closet-page .iomtpl-closet-give-actions span,
html body.iomtpl-closet-page .iomtpl-closet-give-actions strong,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions h1,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions h2,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions h3,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions p,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions a,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions span,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions strong{
  color:#fff!important;
}

/* Muted secondary copy stays neutral gray, never blue/teal */
html body.iomtpl-closet-page .iomtpl-closet-actions p,
html body.iomtpl-closet-page .iomtpl-closet-give-actions p,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions p,
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions p,
html body.iomtpl-closet-page .iomtpl-closet-cta p{
  color:rgba(255,255,255,.64)!important;
}

/* Eyebrows/accent labels use Impact1More red */
html body.iomtpl-closet-page .iomtpl-closet-actions .iomtpl-eyebrow,
html body.iomtpl-closet-page .iomtpl-closet-give-actions .iomtpl-eyebrow,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions .iomtpl-eyebrow,
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions .iomtpl-eyebrow,
html body.iomtpl-closet-page .iomtpl-closet-cta .iomtpl-eyebrow{
  color:#e11b22!important;
}

/* Secondary accent text may use the existing warm gold/tan */
html body.iomtpl-closet-page .iomtpl-closet-actions .iomtpl-accent,
html body.iomtpl-closet-page .iomtpl-closet-give-actions .iomtpl-accent,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions .iomtpl-accent,
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions .iomtpl-accent{
  color:#caa66f!important;
}

/* Neutralize any old colored borders/backgrounds on action cards */
html body.iomtpl-closet-page .iomtpl-closet-actions [class*="card"],
html body.iomtpl-closet-page .iomtpl-closet-give-actions [class*="card"],
html body.iomtpl-closet-page .iomtpl-closet-donate-actions [class*="card"],
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions [class*="card"]{
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,#11151b,#090c10)!important;
}

/* Links/buttons: brand colors only */
html body.iomtpl-closet-page .iomtpl-closet-actions a:not(.iomtpl-btn-red),
html body.iomtpl-closet-page .iomtpl-closet-give-actions a:not(.iomtpl-btn-red),
html body.iomtpl-closet-page .iomtpl-closet-donate-actions a:not(.iomtpl-btn-red),
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions a:not(.iomtpl-btn-red){
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}

html body.iomtpl-closet-page .iomtpl-closet-actions a:hover,
html body.iomtpl-closet-page .iomtpl-closet-give-actions a:hover,
html body.iomtpl-closet-page .iomtpl-closet-donate-actions a:hover,
html body.iomtpl-closet-page .iomtpl-closet-volunteer-actions a:hover{
  color:#fff!important;
  border-color:rgba(225,27,34,.42)!important;
}

/* Defensive catch-all for common teal/blue utility classes inside Closet */
html body.iomtpl-closet-page [class*="teal"],
html body.iomtpl-closet-page [class*="cyan"],
html body.iomtpl-closet-page [class*="blue"]{
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}

html body.iomtpl-closet-page [class*="teal"] .iomtpl-eyebrow,
html body.iomtpl-closet-page [class*="cyan"] .iomtpl-eyebrow,
html body.iomtpl-closet-page [class*="blue"] .iomtpl-eyebrow{
  color:#e11b22!important;
}


/* ==========================================================
   v4.83 NAV ORDER — CONTACT → NEXT STEP → GIVE NOW
   ========================================================== */
@media(min-width:761px){
  html body .iomtpl .iomtpl-nav{
    display:flex!important;
    align-items:center!important;
  }

  /* Keep standard navigation items in their existing sequence. */
  html body .iomtpl .iomtpl-nav > *{
    order:10;
  }

  /* Contact remains immediately before Next Step. */
  html body .iomtpl .iomtpl-nav > a[href*="contact"],
  html body .iomtpl .iomtpl-nav > [data-iom-contact-open],
  html body .iomtpl .iomtpl-nav > .iomtpl-contact-trigger{
    order:80!important;
  }

  /* Next Step is now between Contact and Give Now. */
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    order:90!important;
    position:relative!important;
    inset:auto!important;
    align-self:center!important;
    margin:0 8px!important;
  }

  /* Give Now remains the final navigation CTA. */
  html body .iomtpl .iomtpl-nav > .iomtpl-give-trigger,
  html body .iomtpl .iomtpl-nav > [data-iom-give-open],
  html body .iomtpl .iomtpl-nav > a[href*="give"]{
    order:100!important;
  }
}


/* ==========================================================
   v4.84 GLOBAL HEADER — HOME IS THE SOURCE OF TRUTH
   Same header on Home / About / Clothing Closet / custom pages
   ========================================================== */

/* Strip page-specific header variations. */
html body .iomtpl .iomtpl-header,
html body.iomtpl-about-page .iomtpl .iomtpl-header,
html body.iomtpl-closet-page .iomtpl .iomtpl-header{
  width:100%!important;
  background:#05080b!important;
  border-bottom:1px solid rgba(225,27,34,.34)!important;
  box-shadow:none!important;
  color:#fff!important;
}

html body .iomtpl .iomtpl-header-row,
html body.iomtpl-about-page .iomtpl .iomtpl-header-row,
html body.iomtpl-closet-page .iomtpl .iomtpl-header-row{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Brand block identical everywhere */
html body .iomtpl .iomtpl-brand-lockup,
html body.iomtpl-about-page .iomtpl .iomtpl-brand-lockup,
html body.iomtpl-closet-page .iomtpl .iomtpl-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex:0 0 auto!important;
}

html body .iomtpl .iomtpl-logo,
html body.iomtpl-about-page .iomtpl .iomtpl-logo,
html body.iomtpl-closet-page .iomtpl .iomtpl-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}

html body .iomtpl .iomtpl-logo img,
html body.iomtpl-about-page .iomtpl .iomtpl-logo img,
html body.iomtpl-closet-page .iomtpl .iomtpl-logo img{
  display:block!important;
  width:auto!important;
  object-fit:contain!important;
}

html body .iomtpl .iomtpl-brand-divider,
html body.iomtpl-about-page .iomtpl .iomtpl-brand-divider,
html body.iomtpl-closet-page .iomtpl .iomtpl-brand-divider{
  width:1px!important;
  height:46px!important;
  background:rgba(255,255,255,.24)!important;
  flex:0 0 1px!important;
}

html body .iomtpl .iomtpl-powered-by,
html body.iomtpl-about-page .iomtpl .iomtpl-powered-by,
html body.iomtpl-closet-page .iomtpl .iomtpl-powered-by{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  color:#fff!important;
  white-space:nowrap!important;
}

html body .iomtpl .iomtpl-powered-by span,
html body.iomtpl-about-page .iomtpl .iomtpl-powered-by span,
html body.iomtpl-closet-page .iomtpl .iomtpl-powered-by span{
  color:rgba(255,255,255,.48)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

html body .iomtpl .iomtpl-powered-by strong,
html body.iomtpl-about-page .iomtpl .iomtpl-powered-by strong,
html body.iomtpl-closet-page .iomtpl .iomtpl-powered-by strong{
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .iomtpl .iomtpl-roc-website a,
html body.iomtpl-about-page .iomtpl .iomtpl-roc-website a,
html body.iomtpl-closet-page .iomtpl .iomtpl-roc-website a{
  color:rgba(255,255,255,.55)!important;
  text-decoration:none!important;
}

/* Desktop menu identical everywhere */
@media(min-width:761px){
  html body .iomtpl .iomtpl-header,
  html body.iomtpl-about-page .iomtpl .iomtpl-header,
  html body.iomtpl-closet-page .iomtpl .iomtpl-header{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-header-row,
  html body.iomtpl-about-page .iomtpl .iomtpl-header-row,
  html body.iomtpl-closet-page .iomtpl .iomtpl-header-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:0 28px!important;
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-logo img,
  html body.iomtpl-about-page .iomtpl .iomtpl-logo img,
  html body.iomtpl-closet-page .iomtpl .iomtpl-logo img{
    max-height:55px!important;
  }

  html body .iomtpl .iomtpl-nav,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav{
    margin-left:auto!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:1 1 auto!important;
  }

  /* Default navigation links */
  html body .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top),
  html body .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger):not(.iomtpl-give-top),
  html body.iomtpl-about-page .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top),
  html body.iomtpl-about-page .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger):not(.iomtpl-give-top),
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top),
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger):not(.iomtpl-give-top){
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 12px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transform:none!important;
    top:auto!important;
    bottom:auto!important;
  }

  html body .iomtpl .iomtpl-nav > a:not(.iomtpl-give-top):hover,
  html body .iomtpl .iomtpl-nav > button:not(.iomtpl-hub-trigger):not(.iomtpl-give-top):hover{
    color:#fff!important;
  }

  /* Newsletter = standard white menu item */
  html body .iomtpl .iomtpl-nav [data-iom-newsletter-open],
  html body .iomtpl .iomtpl-newsletter-nav,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav [data-iom-newsletter-open],
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav [data-iom-newsletter-open]{
    color:#fff!important;
  }

  /* Active standard page treatment */
  html body .iomtpl .iomtpl-nav > .is-active:not(.iomtpl-hub-trigger),
  html body .iomtpl .iomtpl-nav > [aria-current="page"]:not(.iomtpl-hub-trigger){
    color:#fff!important;
    box-shadow:inset 0 -2px 0 #e11b22!important;
  }

  /* Shared Next Step design */
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger,
  html body.iomtpl-about-page .iomtpl .iomtpl-nav > .iomtpl-hub-trigger,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    order:90!important;
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    align-self:center!important;
    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0 5px!important;
    padding:0 20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    line-height:1!important;
    box-shadow:none!important;
    clip-path:none!important;
    transform:none!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger:hover{
    background:rgba(225,27,34,.13)!important;
    border-color:rgba(225,27,34,.46)!important;
    transform:translateY(-1px)!important;
  }

  /* Contact immediately before Next Step */
  html body .iomtpl .iomtpl-nav > [data-iom-contact-open],
  html body .iomtpl .iomtpl-nav > .iomtpl-contact-trigger,
  html body .iomtpl .iomtpl-nav > a[href*="contact"]{
    order:80!important;
  }

  /* Give Now is final CTA and same everywhere */
  html body .iomtpl .iomtpl-nav > .iomtpl-give-top,
  html body .iomtpl .iomtpl-nav > .iomtpl-give-trigger,
  html body .iomtpl .iomtpl-nav > [data-iom-give-open],
  html body.iomtpl-about-page .iomtpl .iomtpl-nav > .iomtpl-give-top,
  html body.iomtpl-closet-page .iomtpl .iomtpl-nav > .iomtpl-give-top{
    order:100!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0 0 0 8px!important;
    padding:0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:11px!important;
    background:#e11b22!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    text-transform:none!important;
    text-decoration:none!important;
    box-shadow:0 10px 26px rgba(225,27,34,.18)!important;
    transform:none!important;
  }
}

/* Mobile header/menu = same component everywhere */
@media(max-width:760px){
  html body .iomtpl .iomtpl-header,
  html body.iomtpl-about-page .iomtpl .iomtpl-header,
  html body.iomtpl-closet-page .iomtpl .iomtpl-header{
    min-height:70px!important;
    height:70px!important;
  }

  html body .iomtpl .iomtpl-header-row,
  html body.iomtpl-about-page .iomtpl .iomtpl-header-row,
  html body.iomtpl-closet-page .iomtpl .iomtpl-header-row{
    min-height:70px!important;
    height:70px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-logo img,
  html body.iomtpl-about-page .iomtpl .iomtpl-logo img,
  html body.iomtpl-closet-page .iomtpl .iomtpl-logo img{
    max-height:48px!important;
  }

  html body .iomtpl .iomtpl-powered-by strong{
    font-size:14px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu,
  html body.iomtpl-about-page .iomtpl .iomtpl-mobile-menu,
  html body.iomtpl-closet-page .iomtpl .iomtpl-mobile-menu{
    left:10px!important;
    right:10px!important;
    top:76px!important;
    width:auto!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#080b0f!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }

  html body .iomtpl .iomtpl-mobile-menu a,
  html body .iomtpl .iomtpl-mobile-menu button{
    width:100%!important;
    min-height:52px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border-radius:10px!important;
    color:#fff!important;
  }

  html body .iomtpl .iomtpl-mobile-menu .iomtpl-hub-trigger{
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.05)!important;
  }
}


/* ==========================================================
   v4.85 STABLE CLOSET ROLLBACK + TRUE SHARED HEADER
   ========================================================== */

/* The large gallery-era elements are no longer part of the Clothing Closet. */
html body.iomtpl-closet-page .iomtpl-closet-story-gallery,
html body.iomtpl-closet-page .iomtpl-closet-lightbox{
  display:none!important;
}

/* Restore the pre-gallery page rhythm. */
html body.iomtpl-closet-page .iomtpl-closet-quick,
html body.iomtpl-closet-page .iomtpl-closet-video-section,
html body.iomtpl-closet-page .iomtpl-closet-dark-section,
html body.iomtpl-closet-page .iomtpl-closet-donate,
html body.iomtpl-closet-page .iomtpl-closet-volunteer,
html body.iomtpl-closet-page .iomtpl-closet-location{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-video-section{
  padding:62px 0!important;
}

html body.iomtpl-closet-page .iomtpl-closet-location{
  padding:72px 0 78px!important;
}

/* Original Impact1More Clothing Closet colors. */
html body.iomtpl-closet-page .iomtpl-closet-site h1,
html body.iomtpl-closet-page .iomtpl-closet-site h2,
html body.iomtpl-closet-page .iomtpl-closet-site h3,
html body.iomtpl-closet-page .iomtpl-closet-site strong{
  color:#fff!important;
}
html body.iomtpl-closet-page .iomtpl-closet-site p{
  color:rgba(255,255,255,.64)!important;
}
html body.iomtpl-closet-page .iomtpl-closet-site .iomtpl-eyebrow{
  color:#e11b22!important;
}

/* Exact same navigation geometry on all custom pages. */
@media(min-width:761px){
  html body .iomtpl .iomtpl-header-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:0 28px!important;
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
  }

  html body .iomtpl .iomtpl-nav{
    margin-left:auto!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:1 1 auto!important;
  }

  html body .iomtpl .iomtpl-nav > *{
    order:initial!important;
    flex:0 0 auto!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 12px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    position:relative!important;
    inset:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0 5px!important;
    padding:0 20px!important;
    align-self:center!important;
    transform:none!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    position:relative!important;
    inset:auto!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0 0 0 8px!important;
    padding:0 22px!important;
    align-self:center!important;
    transform:none!important;
  }
}


/* ==========================================================
   v4.86 FINAL CONTRAST + SHARED HEADER PASS
   ========================================================== */

/* ----- ONE HEADER GEOMETRY EVERYWHERE ----- */
@media(min-width:761px){
  html body .iomtpl .iomtpl-header{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    background:#05080b!important;
    overflow:hidden!important;
  }

  html body .iomtpl .iomtpl-header-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:0 28px!important;
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
    box-sizing:border-box!important;
  }

  html body .iomtpl .iomtpl-brand-lockup{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    flex:0 0 auto!important;
  }

  html body .iomtpl .iomtpl-logo img{
    display:block!important;
    width:auto!important;
    max-height:55px!important;
    object-fit:contain!important;
  }

  html body .iomtpl .iomtpl-nav{
    margin-left:auto!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:1 1 auto!important;
  }

  html body .iomtpl .iomtpl-nav > *{
    order:initial!important;
    flex:0 0 auto!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 12px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 20px!important;
    margin:0 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    box-shadow:none!important;
    clip-path:none!important;
    transform:none!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger:before,
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger:after{
    content:none!important;
    display:none!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0 22px!important;
    margin:0 0 0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border-radius:11px!important;
    background:#e11b22!important;
    color:#fff!important;
    transform:none!important;
  }

  html body .iomtpl .iomtpl-newsletter-nav{
    color:#fff!important;
  }
}

/* ----- CLOSET DARK SECTIONS ----- */
html body.iomtpl-closet-page .iomtpl-closet-hero,
html body.iomtpl-closet-page .iomtpl-closet-video-section,
html body.iomtpl-closet-page .iomtpl-closet-dark-section,
html body.iomtpl-closet-page .iomtpl-closet-location,
html body.iomtpl-closet-page .iomtpl-closet-footer{
  color:#fff!important;
}

html body.iomtpl-closet-page .iomtpl-closet-hero h1,
html body.iomtpl-closet-page .iomtpl-closet-hero h2,
html body.iomtpl-closet-page .iomtpl-closet-hero h3,
html body.iomtpl-closet-page .iomtpl-closet-video-section h1,
html body.iomtpl-closet-page .iomtpl-closet-video-section h2,
html body.iomtpl-closet-page .iomtpl-closet-video-section h3,
html body.iomtpl-closet-page .iomtpl-closet-dark-section h1,
html body.iomtpl-closet-page .iomtpl-closet-dark-section h2,
html body.iomtpl-closet-page .iomtpl-closet-dark-section h3,
html body.iomtpl-closet-page .iomtpl-closet-location h1,
html body.iomtpl-closet-page .iomtpl-closet-location h2,
html body.iomtpl-closet-page .iomtpl-closet-location h3{
  color:#fff!important;
}

html body.iomtpl-closet-page .iomtpl-closet-hero p,
html body.iomtpl-closet-page .iomtpl-closet-video-section p,
html body.iomtpl-closet-page .iomtpl-closet-dark-section p,
html body.iomtpl-closet-page .iomtpl-closet-location p{
  color:rgba(255,255,255,.68)!important;
}

/* ----- CLOSET LIGHT SECTIONS ----- */
html body.iomtpl-closet-page .iomtpl-closet-quick,
html body.iomtpl-closet-page .iomtpl-closet-donate,
html body.iomtpl-closet-page .iomtpl-closet-volunteer{
  color:#111318!important;
}

html body.iomtpl-closet-page .iomtpl-closet-quick h1,
html body.iomtpl-closet-page .iomtpl-closet-quick h2,
html body.iomtpl-closet-page .iomtpl-closet-quick h3,
html body.iomtpl-closet-page .iomtpl-closet-quick strong,
html body.iomtpl-closet-page .iomtpl-closet-donate h1,
html body.iomtpl-closet-page .iomtpl-closet-donate h2,
html body.iomtpl-closet-page .iomtpl-closet-donate h3,
html body.iomtpl-closet-page .iomtpl-closet-donate strong,
html body.iomtpl-closet-page .iomtpl-closet-volunteer h1,
html body.iomtpl-closet-page .iomtpl-closet-volunteer h2,
html body.iomtpl-closet-page .iomtpl-closet-volunteer h3,
html body.iomtpl-closet-page .iomtpl-closet-volunteer strong{
  color:#111318!important;
}

html body.iomtpl-closet-page .iomtpl-closet-quick p,
html body.iomtpl-closet-page .iomtpl-closet-donate p,
html body.iomtpl-closet-page .iomtpl-closet-volunteer p{
  color:#555b64!important;
}

html body.iomtpl-closet-page .iomtpl-closet-info-card{
  color:#111318!important;
}

html body.iomtpl-closet-page .iomtpl-closet-info-card h3,
html body.iomtpl-closet-page .iomtpl-closet-info-card strong{
  color:#111318!important;
}

html body.iomtpl-closet-page .iomtpl-closet-info-card p{
  color:#5b6068!important;
}

/* Brand accents only */
html body.iomtpl-closet-page .iomtpl-eyebrow{
  color:#e11b22!important;
}

html body.iomtpl-closet-page .iomtpl-closet-donor-message,
html body.iomtpl-closet-page .iomtpl-closet-donor-message p,
html body.iomtpl-closet-page .iomtpl-closet-donor-message strong{
  color:#2a2e35!important;
}

/* Button contrast */
html body.iomtpl-closet-page .iomtpl-btn-red{
  background:#e11b22!important;
  color:#fff!important;
  border-color:#e11b22!important;
}

html body.iomtpl-closet-page .iomtpl-btn-dark{
  background:#0b0e12!important;
  color:#fff!important;
  border-color:#0b0e12!important;
}

html body.iomtpl-closet-page .iomtpl-closet-hero .iomtpl-btn-outline,
html body.iomtpl-closet-page .iomtpl-closet-video-section .iomtpl-btn-outline,
html body.iomtpl-closet-page .iomtpl-closet-dark-section .iomtpl-btn-outline,
html body.iomtpl-closet-page .iomtpl-closet-location .iomtpl-btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.30)!important;
}

html body.iomtpl-closet-page .iomtpl-closet-quick .iomtpl-btn-outline,
html body.iomtpl-closet-page .iomtpl-closet-donate .iomtpl-btn-outline,
html body.iomtpl-closet-page .iomtpl-closet-volunteer .iomtpl-btn-outline{
  color:#111318!important;
  border-color:rgba(17,19,24,.22)!important;
}

/* Forms: readable controls regardless of popup background */
html body .iomtpl input,
html body .iomtpl textarea,
html body .iomtpl select{
  color:#111318!important;
  background:#fff!important;
}

html body .iomtpl input::placeholder,
html body .iomtpl textarea::placeholder{
  color:#777d85!important;
  opacity:1!important;
}

/* Mobile header consistency */
@media(max-width:760px){
  html body .iomtpl .iomtpl-header,
  html body .iomtpl .iomtpl-header-row{
    min-height:70px!important;
    height:70px!important;
  }

  html body .iomtpl .iomtpl-header-row{
    padding:8px 14px!important;
  }

  html body .iomtpl .iomtpl-mobile-menu{
    left:10px!important;
    right:10px!important;
    top:76px!important;
    width:auto!important;
    background:#080b0f!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:16px!important;
  }
}


/* ==========================================================
   v4.92 CLOTHING CLOSET — DONATION CARD CONTRAST
   ========================================================== */
html body.iomtpl-closet-page .iomtpl-closet-donate-panel{
  background:#f5f1e9!important;
  color:#15171b!important;
  border-color:rgba(17,19,24,.10)!important;
}
html body.iomtpl-closet-page .iomtpl-closet-donate-panel h1,
html body.iomtpl-closet-page .iomtpl-closet-donate-panel h2,
html body.iomtpl-closet-page .iomtpl-closet-donate-panel h3,
html body.iomtpl-closet-page .iomtpl-closet-donate-panel strong{
  color:#15171b!important;
}
html body.iomtpl-closet-page .iomtpl-closet-donate-panel p,
html body.iomtpl-closet-page .iomtpl-closet-donate-panel li,
html body.iomtpl-closet-page .iomtpl-closet-donate-panel small{
  color:#555b64!important;
}


/* ==========================================================
   v4.93 HOME RECOVERY — NEXT STEP OVERLAY STATE
   Prevent the Next Step experience from ever occupying normal
   homepage document flow while closed.
   ========================================================== */
html body .iomtpl .iomtpl-hub-overlay,
html body .iomtpl .iomtpl-nextstep-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  margin:0!important;
  padding:0!important;
  z-index:2147483000!important;
  overflow:auto!important;
  box-sizing:border-box!important;

  /* CLOSED BY DEFAULT */
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
}

/* Open only when JS explicitly applies an open state. */
html body .iomtpl .iomtpl-hub-overlay.is-open,
html body .iomtpl .iomtpl-hub-overlay.open,
html body .iomtpl .iomtpl-hub-overlay[data-open="true"],
html body .iomtpl .iomtpl-hub-overlay[aria-hidden="false"],
html body .iomtpl .iomtpl-nextstep-overlay.is-open,
html body .iomtpl .iomtpl-nextstep-overlay.open,
html body .iomtpl .iomtpl-nextstep-overlay[data-open="true"],
html body .iomtpl .iomtpl-nextstep-overlay[aria-hidden="false"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Never let overlay descendants leak into the page when closed. */
html body .iomtpl .iomtpl-hub-overlay[aria-hidden="true"],
html body .iomtpl .iomtpl-nextstep-overlay[aria-hidden="true"]{
  display:none!important;
}

/* The normal homepage must start immediately after the shared header. */
html body .iomtpl > .iomtpl-header + .iomtpl-hub-overlay[aria-hidden="true"]{
  display:none!important;
}

/* Restore legible dark treatment inside the actual Next Step experience. */
html body .iomtpl .iomtpl-hub-overlay{
  background:#070a0e!important;
  color:#fff!important;
}
html body .iomtpl .iomtpl-hub-overlay h1,
html body .iomtpl .iomtpl-hub-overlay h2,
html body .iomtpl .iomtpl-hub-overlay h3,
html body .iomtpl .iomtpl-hub-overlay p,
html body .iomtpl .iomtpl-hub-overlay a,
html body .iomtpl .iomtpl-hub-overlay button{
  opacity:1;
}

/* Protect the homepage itself from inherited overlay opacity/filter effects. */
html body .iomtpl .iomtpl-hero,
html body .iomtpl .iomtpl-home,
html body .iomtpl main{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}


/* ==========================================================
   v4.94 — ONE MASTER HEADER GEOMETRY
   Home is the visual master. About + Closet inherit exactly
   the same shared header dimensions and navigation spacing.
   ========================================================== */
html body .iomtpl > .iomtpl-header{
  width:100%!important;
  box-sizing:border-box!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-header-inner{
  width:100%!important;
  max-width:none!important;
  min-height:134px!important;
  height:134px!important;
  margin:0!important;
  padding:0 42px!important;
  display:grid!important;
  grid-template-columns:390px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:28px!important;
  box-sizing:border-box!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-brand{
  width:390px!important;
  min-width:390px!important;
  max-width:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-nav{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-nav-link{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:16px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-next-step,
html body .iomtpl > .iomtpl-header .iomtpl-give-now{
  margin:0!important;
  align-self:center!important;
}

/* Page-specific wrappers must never alter shared-header geometry. */
html body.iomtpl-closet-page .iomtpl-header,
html body.iomtpl-about-page .iomtpl-header,
html body.iomtpl-home-page .iomtpl-header{
  margin:0!important;
  padding:0!important;
}
html body.iomtpl-closet-page .iomtpl-header-inner,
html body.iomtpl-about-page .iomtpl-header-inner,
html body.iomtpl-home-page .iomtpl-header-inner{
  margin-left:0!important;
  margin-right:0!important;
}

/* Active page may change only its underline/accent, not its size or position. */
html body .iomtpl > .iomtpl-header .iomtpl-nav-link.active{
  position:relative!important;
}
html body .iomtpl > .iomtpl-header .iomtpl-nav-link.active::after{
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:auto!important;
}

/* Keep responsive/mobile behavior separate from desktop master geometry. */
@media (max-width:1180px){
  html body .iomtpl > .iomtpl-header .iomtpl-header-inner{
    padding:0 24px!important;
    grid-template-columns:300px minmax(0,1fr) auto!important;
    column-gap:18px!important;
  }
  html body .iomtpl > .iomtpl-header .iomtpl-brand{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
  }
  html body .iomtpl > .iomtpl-header .iomtpl-nav{
    gap:14px!important;
  }
}


/* ==========================================================
   v4.95 COMPACT PROFESSIONAL SHARED MENU
   Same menu on all pages, but no oversized gaps.
   ========================================================== */

@media(min-width:1181px){

  /* Keep the header balanced and intentionally compact. */
  html body .iomtpl .iomtpl-header-row{
    width:100%!important;
    max-width:none!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:0 38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    box-sizing:border-box!important;
  }

  /* Brand stays compact on the left. */
  html body .iomtpl .iomtpl-brand-lockup{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 42px 0 0!important;
    padding:0!important;
  }

  html body .iomtpl .iomtpl-logo{
    flex:0 0 auto!important;
    width:auto!important;
    height:54px!important;
  }

  html body .iomtpl .iomtpl-logo img{
    width:auto!important;
    height:50px!important;
    max-width:132px!important;
    max-height:50px!important;
  }

  html body .iomtpl .iomtpl-powered-block{
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  /* Main nav is a compact cluster, not distributed edge-to-edge. */
  html body .iomtpl .iomtpl-nav{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:92px!important;
    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;

    gap:4px!important;
    column-gap:4px!important;
    overflow:visible!important;
  }

  /* Normal tabs sit close together like a real navigation group. */
  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

    margin:0!important;
    padding:0 15px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
  }

  /* A little visual separation before the action buttons. */
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:150px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;

    margin:0 0 0 20px!important;
    padding:0 22px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:154px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;

    margin:0 0 0 10px!important;
    padding:0 22px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Medium desktop / laptop: stay compact without crowding. */
@media(min-width:901px) and (max-width:1180px){

  html body .iomtpl .iomtpl-header-row{
    padding:0 22px!important;
    gap:0!important;
  }

  html body .iomtpl .iomtpl-brand-lockup{
    margin-right:24px!important;
    gap:10px!important;
  }

  html body .iomtpl .iomtpl-logo img{
    height:46px!important;
    max-height:46px!important;
    max-width:116px!important;
  }

  html body .iomtpl .iomtpl-nav{
    justify-content:flex-end!important;
    gap:1px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    padding:0 10px!important;
    font-size:10px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    min-width:126px!important;
    margin-left:12px!important;
    padding:0 16px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    min-width:132px!important;
    margin-left:7px!important;
    padding:0 16px!important;
  }
}

/* Explicitly neutralize earlier spacing/distribution rules. */
html body .iomtpl .iomtpl-nav{
  justify-content:flex-end!important;
}

html body .iomtpl .iomtpl-nav > *{
  order:initial!important;
}

html body .iomtpl .iomtpl-nav > .iomtpl-nav-link,
html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger,
html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
  flex-grow:0!important;
  flex-shrink:0!important;
}


/* ==========================================================
   v4.96 — TIGHTER CENTER CLUSTER + STICKY SHARED HEADER
   ========================================================== */

/* Sticky header across Home / About / Clothing Closet */
html body .iomtpl .iomtpl-header{
  position:sticky!important;
  top:0!important;
  z-index:2147482000!important;
  background:rgba(5,8,11,.97)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

/* Keep the sticky header from being visually displaced by page wrappers. */
html body .iomtpl{
  overflow:visible!important;
}

/* Desktop: tighter, cleaner grouping */
@media(min-width:1181px){

  html body .iomtpl .iomtpl-header-row{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    padding:0 32px!important;
    gap:0!important;
  }

  /* Slightly larger logo */
  html body .iomtpl .iomtpl-logo{
    height:58px!important;
  }

  html body .iomtpl .iomtpl-logo img{
    height:54px!important;
    max-height:54px!important;
    max-width:142px!important;
  }

  /* Pull Powered by ROC closer to the logo */
  html body .iomtpl .iomtpl-brand-lockup{
    gap:8px!important;
    margin-right:30px!important;
  }

  html body .iomtpl .iomtpl-powered-block{
    gap:3px!important;
  }

  /* Much tighter center navigation cluster */
  html body .iomtpl .iomtpl-nav{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    justify-content:flex-end!important;
    gap:0!important;
    column-gap:0!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    padding:0 12px!important;
    margin:0!important;
  }

  /* Keep action cluster separated just enough from standard tabs */
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    min-width:142px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin-left:14px!important;
    padding:0 20px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    min-width:150px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin-left:8px!important;
    padding:0 20px!important;
  }
}

/* Laptop / smaller desktop */
@media(min-width:901px) and (max-width:1180px){

  html body .iomtpl .iomtpl-header-row{
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    padding:0 18px!important;
  }

  html body .iomtpl .iomtpl-logo img{
    height:49px!important;
    max-height:49px!important;
    max-width:128px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup{
    gap:7px!important;
    margin-right:18px!important;
  }

  html body .iomtpl .iomtpl-nav{
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    gap:0!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    padding:0 8px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    min-width:118px!important;
    margin-left:8px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    min-width:126px!important;
    margin-left:6px!important;
  }
}

/* Mobile sticky header too */
@media(max-width:900px){
  html body .iomtpl .iomtpl-header{
    position:sticky!important;
    top:0!important;
  }
}


/* ==========================================================
   v4.97 — ANIMATED HEADER LIGHT RAIL
   A subtle light pulse travels left → right along the red line.
   ========================================================== */

html body .iomtpl .iomtpl-header{
  position:sticky!important;
  top:0!important;
  overflow:hidden!important;
}

/* Base red rail */
html body .iomtpl .iomtpl-header::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:rgba(225,27,34,.38)!important;
  pointer-events:none!important;
  z-index:3!important;
}

/* Moving light */
html body .iomtpl .iomtpl-header::after{
  content:""!important;
  position:absolute!important;
  bottom:0!important;
  left:-18%!important;
  width:18%!important;
  height:2px!important;
  pointer-events:none!important;
  z-index:4!important;

  background:linear-gradient(
    90deg,
    rgba(225,27,34,0) 0%,
    rgba(225,27,34,.18) 22%,
    rgba(255,105,109,.88) 48%,
    rgba(255,225,225,1) 52%,
    rgba(255,105,109,.88) 56%,
    rgba(225,27,34,.18) 78%,
    rgba(225,27,34,0) 100%
  )!important;

  box-shadow:
    0 0 5px rgba(255,78,84,.70),
    0 0 11px rgba(225,27,34,.34)!important;

  animation:iomtpl-header-light-run 4.8s linear infinite!important;
  will-change:transform!important;
}

@keyframes iomtpl-header-light-run{
  0%{
    transform:translateX(0)!important;
    opacity:0!important;
  }
  7%{
    opacity:1!important;
  }
  92%{
    opacity:1!important;
  }
  100%{
    transform:translateX(660%)!important;
    opacity:0!important;
  }
}

/* Respect accessibility settings. Keep the red rail but stop motion. */
@media (prefers-reduced-motion: reduce){
  html body .iomtpl .iomtpl-header::after{
    animation:none!important;
    display:none!important;
  }
}


/* ==========================================================
   v4.98 — UNIFIED HEADER SPACING / BRAND + NAV GROUPING
   Same geometry on Home, About Us, and Clothing Closet.
   ========================================================== */

@media(min-width:1181px){

  /* Keep logo + Powered by ROC visually together */
  html body .iomtpl .iomtpl-brand-lockup{
    gap:0!important;
    margin-right:0!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo{
    padding:0 4px 0 0!important;
    margin:0!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
    margin:0!important;
    padding-left:9px!important;
    gap:4px!important;
  }

  /* Slightly larger logo, identical on every shared-menu page */
  html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo img,
  html body .iomtpl .iomtpl-logo img{
    width:auto!important;
    height:56px!important;
    max-height:56px!important;
    max-width:145px!important;
  }

  /*
   * Deliberate visual hierarchy:
   * BRAND LOCKUP | clear breathing room | ABOUT–CONTACT | flexible space | ACTIONS
   */
  html body .iomtpl .iomtpl-nav{
    margin-left:42px!important;
    flex:1 1 auto!important;
    width:auto!important;
    justify-content:flex-start!important;
    gap:0!important;
    column-gap:0!important;
  }

  /* Tighten the normal menu cluster */
  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    flex:0 0 auto!important;
    padding-left:11px!important;
    padding-right:11px!important;
    margin:0!important;
  }

  /* Push action buttons to the right as their own cluster */
  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    margin-left:auto!important;
    margin-right:0!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    margin-left:10px!important;
    margin-right:0!important;
  }
}

@media(min-width:901px) and (max-width:1180px){

  html body .iomtpl .iomtpl-brand-lockup{
    gap:0!important;
    margin-right:0!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-logo{
    padding-right:3px!important;
  }

  html body .iomtpl .iomtpl-brand-lockup .iomtpl-powered-by{
    padding-left:8px!important;
    gap:3px!important;
  }

  html body .iomtpl .iomtpl-nav{
    margin-left:24px!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-nav-link{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-hub-trigger{
    margin-left:auto!important;
  }

  html body .iomtpl .iomtpl-nav > .iomtpl-give-top{
    margin-left:7px!important;
  }
}