/* WeFX chrome + Work dark theme overrides (isolated from wefx-site layout). */

/* Full-bleed pure black — no gray frame around Namma grid */
html:has(body.nw-page),
body.nw-page.wefx-dark,
body.nw-page{
  background:#000 !important;
  overflow-x:clip;
  min-height:100%;
}
.nw-page > .wefx-footer{
  position:relative;
  z-index:5;
  isolation:isolate;
  font-family:Fustat,Helvetica Neue,Arial,sans-serif;
  background:#000 !important;
  width:100%;
  margin:0;
}
.nw-chrome{
  background:#000 !important;
  color:#fff;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
  min-height:0;
}
.namma-work{
  --light:#000;
  --dark:#fff;
  --_theme---background:#000;
  --_theme---text:#fff;
  --blue:#fff;
  --black:#000;
  background:#000 !important;
  color:#fff !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  min-height:0 !important;
  isolation:isolate;
}
/* Kill residual light/grey shells from the Namma mirror */
.namma-work .page-main,
.namma-work .section_latest,
.namma-work .section_projects,
.namma-work .padding-global,
.namma-work .container-large,
.namma-work .latest_component,
.namma-work .latest_clw,
.namma-work .latest_content,
.namma-work .projects_component{
  background:#000 !important;
  background-color:#000 !important;
}
.namma-work .padding-global{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.nw-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  max-width:120rem;
  margin:0 auto;
  padding:5.5rem 1.25rem 1.5rem;
  font-family:"Gt Pressura Mono","Courier New",monospace;
  font-size:.9rem;
  letter-spacing:.12rem;
  text-transform:uppercase;
  font-weight:300;
  color:#fff;
  background:#000;
  box-sizing:border-box;
  width:100%;
}
.nw-toolbar h1{
  margin:0;
  font-family:"Mixtape Extra Condensed",Verdana,sans-serif;
  font-size:clamp(3rem,8vw,6rem);
  line-height:.85;
  letter-spacing:-.08rem;
  text-transform:uppercase;
  font-weight:700;
  color:#fff;
}
.nw-toolbar__meta{
  margin:0 0 .4rem;
  opacity:.55;
  color:#fff;
}
.nw-toggle{
  display:inline-flex;
  gap:.75rem;
  flex-shrink:0;
}
.nw-toggle button{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  cursor:pointer;
  opacity:.35;
  padding:0;
}
.nw-toggle button[aria-pressed="true"]{opacity:1}
.nw-toggle button:focus-visible{
  outline:1px solid #fff;
  outline-offset:3px;
}

/*
  Full poster frames — source assets are ~800×1185 (portrait).
  Namma default is square (aspect-ratio:1 + object-fit:cover) which crops.
*/
.namma-work .latest_visual{
  aspect-ratio:800 / 1185 !important;
  overflow:hidden;
}
.namma-work .latest_visual_background{
  object-fit:cover !important;
  object-position:center center !important;
  width:100% !important;
  height:100% !important;
}
/* Sticky list preview: keep poster readable (portrait-friendly crop) */
.namma-work .projects_visuals_wrapper{
  aspect-ratio:800 / 1185 !important;
}
.namma-work .projects_images_preload .projects_visual,
.namma-work .projects_images_preload .projects_visual > img{
  object-fit:cover;
  object-position:center top;
}
.namma-work .project_visual{
  aspect-ratio:800 / 1185 !important;
  background-size:cover !important;
  background-position:center top !important;
}

/* Page transition (Namma click) — outside scoped dependency on .page-main */
.nw-transition{
  z-index:100000;
  pointer-events:none;
  height:100svh;
  display:none;
  position:fixed;
  inset:0;
  overflow:hidden;
}
.nw-transition__overlay{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);
}

/* Custom cursor title chip (data-cursor-hover) */
.nw-cursor{
  position:fixed;
  top:0;
  left:0;
  width:16px;
  height:16px;
  background:#fff;
  color:#000;
  pointer-events:none;
  transform-origin:center;
  transition:width .15s ease,height .15s ease,background .4s ease;
  z-index:13000;
  font-size:2rem;
  font-family:"Mixtape Extra Condensed",Verdana,sans-serif;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:-.07rem;
  opacity:0;
  border-radius:50%;
  line-height:1;
  white-space:nowrap;
}
.nw-cursor.is-hover{
  width:auto;
  height:3rem;
  border-radius:.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:.7rem;
}

@media (max-width:767px){
  .nw-toolbar{
    padding-top:4.5rem;
    padding-left:.75rem;
    padding-right:.75rem;
    flex-wrap:wrap;
  }
}