/* Urban Company Music — v8 layer: full-screen menu, editorial footer, events, team, blog.
   Loads after style.css, experience.css and impact.css. Progressive enhancement: without JS the inline nav stays visible. */
.ucm-site{--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--line:#524425;--card:linear-gradient(160deg,#12130e,#080907)}
.ucm-site a:hover{text-underline-offset:5px}
.ucm-site .menu a:hover,.ucm-site .site-footer a:hover,.ucm-site .post-card:hover,.ucm-site .ev a:hover{text-decoration:none}

/* ---------- Header: logo + Hablemos + MENÚ ---------- */
.ucm-site .header-contact{margin-left:auto}
.ucm-site .menu-btn{display:none;align-items:center;gap:14px;background:transparent;color:var(--fg);border:1px solid var(--accent);padding:12px 16px 12px 18px;font:700 11px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.ucm-site.has-menu .menu-btn{display:inline-flex}
.ucm-site.has-menu .header nav{display:none}
.ucm-site .menu-btn:hover{background:var(--accent);color:#120f06}
.ucm-site .menu-btn:focus-visible,.ucm-site .menu-close:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.ucm-site .menu-bars{display:grid;gap:5px;width:22px}
.ucm-site .menu-bars i{display:block;height:1.5px;background:currentColor;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ucm-site .menu-bars i:last-child{width:62%;justify-self:end}
.ucm-site .menu-btn:hover .menu-bars i:last-child{width:100%}
@media(max-width:760px){
  .ucm-site.has-menu .header{flex-wrap:nowrap;gap:14px;padding-block:14px}
  .ucm-site .header-contact{font-size:12px;padding-block:6px}
  .ucm-site .menu-btn{padding:11px 13px 11px 15px;gap:10px;letter-spacing:.16em}
}
@media(max-width:420px){.ucm-site .header-contact{display:none}.ucm-site .menu-btn{margin-left:auto}}

/* ---------- Full-screen menu ("Índice") ---------- */
.ucm-site .menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;color:var(--fg);
  background:radial-gradient(ellipse at 88% 6%,#4a3a1670,transparent 52%),radial-gradient(ellipse at 0% 100%,#2f24104d,transparent 50%),#040504;
  visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility 0s .8s}
.ucm-site .menu.is-open{visibility:visible;clip-path:inset(0);transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility 0s}
.ucm-site .menu:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ffffff08 calc(25% - 1px) 25%)}
.ucm-site .menu-shell{position:relative;width:min(1320px,calc(100% - 96px));margin-inline:auto;flex:1;display:flex;flex-direction:column}
.ucm-site .menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;border-bottom:1px solid var(--line)}
.ucm-site .menu-top .brand,.ucm-site .menu-top .brand img{width:104px;height:auto;display:block}
.ucm-site .menu-kicker{margin-right:auto;padding-left:22px;font:700 10px/1 Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}
.ucm-site .menu-close{display:inline-flex;align-items:center;gap:12px;background:transparent;color:var(--fg);border:1px solid var(--accent);padding:12px 16px 12px 18px;font:700 11px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.ucm-site .menu-close:hover{background:var(--accent);color:#120f06}
.ucm-site .menu-close span{font-size:15px;line-height:1}
.ucm-site .menu-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:clamp(32px,6vw,96px);padding-block:clamp(14px,3vh,36px)}
.ucm-site .menu-index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}
.ucm-site .menu-index li{border-bottom:1px solid #ffffff17}
.ucm-site .menu-index li:first-child{border-top:1px solid #ffffff17}
.ucm-site .menu-index a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding-block:clamp(3px,1vh,11px);transition:opacity .3s,padding-left .45s cubic-bezier(.2,.7,.2,1),color .3s}
.ucm-site .menu-index .mi-n{font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:var(--accent)}
.ucm-site .menu-index .mi-t{font:italic 400 clamp(28px,5.4vh,62px)/1.08 var(--serif);letter-spacing:-.01em}
.ucm-site .menu-index small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:right}
.ucm-site .menu-index:hover a{opacity:.3}
.ucm-site .menu-index a:hover,.ucm-site .menu-index a:focus-visible,.ucm-site .menu-index a.is-current{opacity:1;color:var(--accent);padding-left:16px}
.ucm-site .menu-index a:focus-visible{outline-offset:-3px}
.ucm-site .menu-side{display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,3vh,30px)}
.ucm-site .menu-label{font:700 10px/1 Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.ucm-site .menu-cover{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid var(--line);background:#ffffff07;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.ucm-site .menu-cover:hover{border-color:var(--accent);transform:translateY(-3px)}
.ucm-site .menu-cover img{width:92px;height:92px;object-fit:cover;display:block}
.ucm-site .menu-cover small{display:block;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.ucm-site .menu-cover strong{display:block;font:italic 400 26px/1.1 var(--serif);margin:5px 0 4px}
.ucm-site .menu-cover span{font-size:12px;color:var(--muted)}
.ucm-site .menu-actions{display:grid;gap:10px}
.ucm-site .menu-actions .button{justify-content:space-between}
.ucm-site .menu-social{display:flex;flex-wrap:wrap;gap:8px}
.ucm-site .menu-social a{border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:11px;letter-spacing:.04em;transition:border-color .25s,color .25s,background .25s}
.ucm-site .menu-social a:hover{border-color:var(--accent);color:var(--accent);background:#d9b7610f}
.ucm-site .menu-contact{display:grid;gap:5px;font-size:13px;color:var(--muted)}
.ucm-site .menu-contact a{color:var(--fg)}
.ucm-site .menu-contact a:hover{color:var(--accent)}
.ucm-site .menu-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:16px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ucm-site .menu .mi-anim{opacity:0;transform:translateY(28px)}
.ucm-site .menu.is-open .mi-anim{opacity:1;transform:none;transition:opacity .75s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*55ms + 380ms),transform .75s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*55ms + 380ms),color .3s,padding-left .45s cubic-bezier(.2,.7,.2,1)}
.ucm-site.menu-locked .fab,.ucm-site.menu-locked #motion-toggle{visibility:hidden}
html.menu-open{overflow:hidden}
@media(max-width:900px){
  .ucm-site .menu-shell{width:calc(100% - 36px)}
  .ucm-site .menu-grid{grid-template-columns:1fr;gap:34px;padding-block:18px 26px}
  .ucm-site .menu-index .mi-t{font-size:clamp(30px,9vw,46px)}
  .ucm-site .menu-index a{grid-template-columns:40px minmax(0,1fr);padding-block:6px}
  .ucm-site .menu-index small{display:none}
  .ucm-site .menu-kicker{display:none}
  .ucm-site .menu-side{gap:24px}
}
@media(prefers-reduced-motion:reduce){
  .ucm-site .menu,.ucm-site .menu.is-open{transition:none}
  .ucm-site .menu .mi-anim,.ucm-site .menu.is-open .mi-anim{opacity:1;transform:none;transition:none}
}

/* ---------- Services bento: 8th card (Eventos) ---------- */
.ucm-site .bento .svc-wide{grid-column:span 2}
@media(max-width:1000px){.ucm-site .bento .svc-wide{grid-column:span 2}}
@media(max-width:640px){.ucm-site .bento .svc-wide{grid-column:auto}}

/* ---------- Events ---------- */
.ucm-site .events .section-head{margin-bottom:38px}
.ucm-site .ev-flagship{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);border:1px solid #a88a44;background:radial-gradient(ellipse at 0% 0%,#d9b76126,transparent 58%),linear-gradient(160deg,#15130a,#080907);overflow:hidden}
.ucm-site .ev-date{padding:clamp(26px,4vw,52px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.ucm-site .ev-kicker{font:700 10px/1 Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.ucm-site .ev-day{font:800 clamp(92px,12vw,176px)/.82 UCMDisplay,sans-serif;letter-spacing:-.05em;color:var(--accent);text-shadow:0 0 60px #d9b76140}
.ucm-site .ev-month{font:italic 400 clamp(24px,2.8vw,38px)/1.1 var(--serif);margin-top:12px}
.ucm-site .ev-place{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.7}
.ucm-site .ev-main{padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;gap:22px}
.ucm-site .ev-main h3{font:italic 400 clamp(32px,4vw,56px)/1.04 var(--serif);letter-spacing:-.01em}
.ucm-site .ev-main h3 em{color:var(--accent)}
.ucm-site .ev-lead{font-size:15px;line-height:1.7;color:#d8d0b7;max-width:60ch}
.ucm-site .ev-phases{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ucm-site .ev-phases li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding-block:14px;border-bottom:1px solid var(--line);transition:padding-left .4s cubic-bezier(.2,.7,.2,1),background .3s}
.ucm-site .ev-phases li:hover{padding-left:12px;background:#d9b7610a}
.ucm-site .ev-phases .n{font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--accent)}
.ucm-site .ev-phases strong{font-size:16px;font-weight:700}
.ucm-site .ev-phases span{font-size:12px;color:var(--muted);text-align:right}
.ucm-site .ev-lineup{display:flex;flex-wrap:wrap;gap:8px}
.ucm-site .ev-lineup li{list-style:none;font-size:11px;padding:6px 12px;border:1px solid #6b5a2e;border-radius:30px;color:#eadfb9}
.ucm-site .ev-lineup{margin:0;padding:0}
.ucm-site .ev-credit{font-size:12px;line-height:1.7;color:var(--muted)}
.ucm-site .ev-actions{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:auto}
.ucm-site .ev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.ucm-site .ev{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;min-height:300px;border:1px solid #6b5a2e66;background:var(--card);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s}
.ucm-site .ev:hover{transform:translateY(-6px);border-color:var(--accent)}
.ucm-site .ev-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ucm-site .ev-badge{font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--accent)}
.ucm-site .ev-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:5px 11px;border:1px solid #6b5a2e;border-radius:30px;color:#eadfb9}
.ucm-site .ev h3{font:italic 400 30px/1.08 var(--serif);margin-top:10px}
.ucm-site .ev p{font-size:14px;line-height:1.65;color:var(--muted)}
.ucm-site .ev-logo{display:block;width:min(240px,72%);height:auto;margin:6px 0 0;filter:drop-shadow(0 0 22px #1a6bff55)}
.ucm-site .ev-link{margin-top:auto;padding-top:22px;font-size:12px;font-weight:700;color:var(--accent);display:flex;justify-content:space-between;align-items:center}
.ucm-site .ev-link span{font-size:20px;transition:transform .3s}
.ucm-site .ev:hover .ev-link span{transform:translate(4px,-4px)}
.ucm-site .ev-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 30px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.ucm-site .ev-cta p{color:var(--muted);font-size:14px}
@media(max-width:1000px){
  .ucm-site .ev-flagship{grid-template-columns:1fr}
  .ucm-site .ev-date{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:flex-end;flex-wrap:wrap}
  .ucm-site .ev-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ucm-site .ev-grid{grid-template-columns:1fr}
  .ucm-site .ev-phases li{grid-template-columns:34px minmax(0,1fr)}
  .ucm-site .ev-phases span{grid-column:2;text-align:left}
  .ucm-site .ev{min-height:0}
}

/* ---------- Team ---------- */
.ucm-site .team-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}
.ucm-site .person{display:flex;flex-direction:column;border:1px solid #6b5a2e66;background:var(--card);overflow:hidden;transition:border-color .3s}
.ucm-site .person:hover{border-color:var(--accent)}
.ucm-site .person-photo{position:relative;overflow:hidden;aspect-ratio:4/3.75;background:#0b0c09}
.ucm-site .person-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.ucm-site .person:hover .person-photo img{transform:scale(1.045)}
.ucm-site .person-photo:after{content:'';position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,transparent,#030403d9);pointer-events:none}
.ucm-site .person-info{padding:24px 28px 30px}
.ucm-site .person-role{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.ucm-site .person h3{font:italic 400 clamp(28px,3vw,42px)/1.05 var(--serif);margin:10px 0 12px;letter-spacing:-.01em}
.ucm-site .person p{font-size:14px;line-height:1.7;color:var(--muted)}
.ucm-site .person-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ucm-site .person-links a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--accent);padding-block:6px}
.ucm-site .team-side{display:grid;grid-template-rows:auto 1fr;gap:16px}
.ucm-site .person-h{flex-direction:row}
.ucm-site .person-h .person-photo{flex:0 0 42%;aspect-ratio:auto;min-height:250px}
.ucm-site .person-h .person-photo img{object-position:60% 40%}
.ucm-site .person-h .person-info{display:flex;flex-direction:column;justify-content:center;padding:22px 24px}
.ucm-site .person-crew .person-info{padding:30px 30px 34px;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}
.ucm-site .crew-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ucm-site .crew-tags li{font-size:11px;padding:6px 12px;border:1px solid #6b5a2e;border-radius:30px;color:#eadfb9}
@media(max-width:1000px){.ucm-site .team-grid{grid-template-columns:1fr}.ucm-site .person-ceo .person-photo{aspect-ratio:4/3.6}}
@media(max-width:560px){.ucm-site .person-h{flex-direction:column}.ucm-site .person-h .person-photo{flex:none;aspect-ratio:4/3;min-height:0}.ucm-site .person-info{padding:22px}}

/* ---------- Blog cards (home + index) ---------- */
.ucm-site .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ucm-site .post-card{position:relative;display:flex;flex-direction:column;gap:14px;min-height:290px;padding:28px;border:1px solid #6b5a2e66;background:var(--card);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s}
.ucm-site .post-card:before{content:attr(data-n);position:absolute;right:16px;top:-4px;z-index:-1;font:800 96px/1 UCMDisplay,sans-serif;color:#d9b76112;transition:color .3s}
.ucm-site .post-card:hover{transform:translateY(-6px);border-color:var(--accent)}
.ucm-site .post-card:hover:before{color:#d9b76126}
.ucm-site .post-card.is-featured{grid-column:span 2;background:radial-gradient(ellipse at 100% 0%,#d9b76126,transparent 60%),linear-gradient(160deg,#17150b,#080907);border-color:#a88a44}
.ucm-site .post-cat{font:700 10px/1 Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.ucm-site .post-card h3{font:italic 400 clamp(24px,2.4vw,32px)/1.12 var(--serif);letter-spacing:-.005em}
.ucm-site .post-card.is-featured h3{font-size:clamp(30px,3.4vw,46px)}
.ucm-site .post-card p{font-size:14px;line-height:1.65;color:var(--muted);max-width:56ch}
.ucm-site .post-more{margin-top:auto;padding-top:14px;font-size:12px;font-weight:700;color:var(--accent);display:flex;justify-content:space-between;align-items:center}
.ucm-site .post-more small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400}
.ucm-site .blog-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}
@media(max-width:1000px){.ucm-site .blog-grid{grid-template-columns:1fr 1fr}.ucm-site .post-card.is-featured{grid-column:span 2}}
@media(max-width:640px){.ucm-site .blog-grid{grid-template-columns:1fr}.ucm-site .post-card.is-featured{grid-column:auto}.ucm-site .post-card{min-height:0}}

/* ---------- Footer ---------- */
.ucm-site .site-footer{position:relative;margin-top:70px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,#2a21104d,transparent 60%),linear-gradient(180deg,#030403,#090804);overflow:hidden}
.ucm-site .sf-cta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px 60px;align-items:end;padding-block:clamp(50px,7vw,96px) clamp(38px,5vw,64px);border-bottom:1px solid var(--line)}
.ucm-site .sf-cta h2{font:italic 400 clamp(38px,6vw,88px)/1 var(--serif);letter-spacing:-.02em}
.ucm-site .sf-cta h2 em{color:var(--accent)}
.ucm-site .sf-cta p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:22px}
.ucm-site .sf-cta .actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.ucm-site .sf-cols{display:grid;grid-template-columns:1.5fr .9fr .9fr 1.2fr;gap:36px;padding-block:clamp(38px,5vw,60px)}
.ucm-site .sf-brand img{width:132px;height:auto;display:block;margin-bottom:18px}
.ucm-site .sf-brand p{font-size:13px;line-height:1.7;color:var(--muted);max-width:34ch}
.ucm-site .sf-pill{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#eadfb9}
.ucm-site .sf-pill i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.ucm-site .sf-col{display:block;order:0;width:auto;font-size:inherit;gap:0}
.ucm-site .sf-col .menu-label{margin-bottom:16px}
.ucm-site .sf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ucm-site .sf-col a{font-size:14px;color:#e7e0c9;position:relative;transition:color .2s,padding-left .3s cubic-bezier(.2,.7,.2,1)}
.ucm-site .sf-col a:hover{color:var(--accent);padding-left:8px}
.ucm-site .sf-col .sf-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:16px}
.ucm-site .site-footer .wrap{container-type:inline-size}
.ucm-site .sf-mark{font:800 clamp(18px,6.2vw,90px)/1 UCMDisplay,sans-serif;letter-spacing:-.02em;white-space:nowrap;text-align:center;padding-block:10px 0;user-select:none;color:transparent;-webkit-text-stroke:1px #d9b76173;background:linear-gradient(180deg,#d9b76140,transparent 88%);-webkit-background-clip:text;background-clip:text}
@supports (font-size:1cqw){.ucm-site .sf-mark{font-size:6.95cqw}}
.ucm-site .sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:22px 92px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.ucm-site .sf-bottom a{color:var(--accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.ucm-site .sf-bottom .sf-rights{max-width:78ch;line-height:1.6}
@media(max-width:1000px){.ucm-site .sf-cta{grid-template-columns:1fr}.ucm-site .sf-cols{grid-template-columns:1fr 1fr}.ucm-site .sf-brand{grid-column:span 2}}
@media(max-width:560px){.ucm-site .sf-cols{grid-template-columns:1fr 1fr;gap:30px 20px}.ucm-site .sf-col.sf-contact{grid-column:span 2}}

/* ---------- Blog pages ---------- */
.ucm-site .blog-page{padding-block:clamp(40px,7vw,90px) 40px}
.ucm-site .crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.ucm-site .crumbs a{color:var(--accent)}
.ucm-site .crumbs span[aria-hidden]{opacity:.5}
.ucm-site .blog-hero h1{font:italic 400 clamp(46px,8vw,120px)/.98 var(--serif);letter-spacing:-.02em;margin:14px 0 22px}
.ucm-site .blog-hero h1 em{color:var(--accent)}
.ucm-site .blog-hero p.lead{max-width:60ch;font-size:17px;line-height:1.7;color:var(--muted)}
.ucm-site .blog-list{margin-top:clamp(36px,5vw,64px)}
.ucm-site .article-head{max-width:920px;margin-bottom:38px}
.ucm-site .article-head h1{font:italic 400 clamp(36px,5.6vw,72px)/1.04 var(--serif);letter-spacing:-.015em;margin:16px 0 24px}
.ucm-site .article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ucm-site .article-lead{font-size:clamp(18px,2vw,22px);line-height:1.6;color:#e7e0c9;max-width:62ch;margin-top:26px}
.ucm-site .article-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,300px);gap:clamp(30px,6vw,90px);align-items:start}
.ucm-site .article-body{font-size:17px;line-height:1.85;color:#e2dbc6}
.ucm-site .article-body p{margin:0 0 1.25em}
.ucm-site .article-body h2{font:italic 400 clamp(28px,3.2vw,40px)/1.1 var(--serif);color:var(--fg);margin:2em 0 .6em;letter-spacing:-.01em}
.ucm-site .article-body h3{font-size:19px;color:var(--accent);margin:1.6em 0 .4em}
.ucm-site .article-body ul,.ucm-site .article-body ol{margin:0 0 1.4em;padding-left:1.3em}
.ucm-site .article-body li{margin-bottom:.55em;padding-left:.3em}
.ucm-site .article-body li::marker{color:var(--accent)}
.ucm-site .article-body a:not(.button):not(.text-link){color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.ucm-site .article-body .button{color:#171313;text-decoration:none}
.ucm-site .article-body .text-link{color:var(--accent)}
.ucm-site .article-body strong{color:var(--fg)}
.ucm-site .callout{margin:2em 0;padding:22px 26px;border:1px solid #a88a44;background:radial-gradient(ellipse at 100% 0%,#d9b76122,transparent 60%),#0d0c07}
.ucm-site .callout p{margin:0;font-size:15px;line-height:1.7}
.ucm-site .callout p+p{margin-top:.8em}
.ucm-site .article-cta{margin:2.4em 0 0;padding:30px;border:1px solid #a88a44;background:radial-gradient(ellipse at 0% 0%,#d9b76126,transparent 60%),linear-gradient(160deg,#15130a,#080907)}
.ucm-site .article-cta h2{margin:0 0 .4em;font-size:clamp(26px,3vw,36px)}
.ucm-site .article-cta p{color:var(--muted)}
.ucm-site .article-cta .actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.ucm-site .article-side{position:sticky;top:96px;display:grid;gap:18px}
.ucm-site .side-card{padding:22px;border:1px solid #6b5a2e66;background:var(--card)}
.ucm-site .side-card .menu-label{margin-bottom:14px}
.ucm-site .side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ucm-site .side-card a:not(.button){font-size:14px;line-height:1.4;color:#e7e0c9}
.ucm-site .side-card a:not(.button):hover{color:var(--accent);text-decoration:none}
.ucm-site .side-card .button{font-size:12px}
.ucm-site .side-card p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:14px}
.ucm-site .draft-note{margin:0 0 30px;padding:16px 20px;border:1px dashed #d9b761;background:#d9b7610d;font-size:13px;line-height:1.65;color:#eadfb9}
.ucm-site .draft-note strong{color:var(--accent)}
.ucm-site .video-slot{display:grid;place-items:center;margin:1.8em 0;aspect-ratio:16/9;border:1px dashed #6b5a2e;background:#0b0c09;color:var(--muted);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:20px}
.ucm-site .related{margin-top:clamp(50px,7vw,90px);padding-top:34px;border-top:1px solid var(--line)}
.ucm-site .related .blog-grid{margin-top:22px}
@media(max-width:1000px){.ucm-site .article-layout{grid-template-columns:1fr}.ucm-site .article-side{position:static}}
@media(max-width:640px){.ucm-site .article-body{font-size:16px}.ucm-site .article-cta{padding:22px}}

/* Menu logo: the base .brand is a cropped 180x78 window; give the overlay logo its own uncropped size. */
.ucm-site .menu-top .brand{width:118px;height:auto;overflow:visible;mix-blend-mode:normal;display:block}
.ucm-site .menu-top .brand img{width:118px;height:auto;transform:none;display:block}
.ucm-site nav.crumbs{order:0;width:auto;justify-content:flex-start;font-size:11px}
