.aa3d-managed-work,.aa3d-managed-work *{box-sizing:border-box}
.aa3d-managed-work{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;padding:96px 0 100px;background:#050505;color:#fff;font-family:Manrope,Arial,sans-serif}
.aa3d-managed-work .aa3d-work-container{width:min(1640px,calc(100% - 72px));margin:0 auto}
.aa3d-work-heading-row{display:none!important}
.aa3d-work-filter-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 32px;padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,.12)}
.aa3d-work-filter{appearance:none;padding:0;border:0;background:transparent;color:rgba(255,255,255,.82);font:inherit;font-size:13px;line-height:1.2;letter-spacing:-.015em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:color .25s ease,opacity .25s ease}
.aa3d-work-filter:hover,.aa3d-work-filter.is-active{color:#fff}
.aa3d-work-filter-separator{display:inline-block;margin:0 18px;color:rgba(255,255,255,.26);font-size:16px;font-weight:500;transform:skewX(-10deg)}
.aa3d-managed-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.aa3d-managed-project-card{min-width:0;transition:opacity .36s ease,transform .36s ease}
.aa3d-managed-project-card.is-hidden{display:none}
.aa3d-managed-project-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#121212;color:#fff;text-decoration:none}
.aa3d-managed-project-media.is-static{cursor:default}
.aa3d-managed-project-media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .5s ease}
.aa3d-managed-project-media:hover img{transform:scale(1.045)}
.aa3d-project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.48));opacity:.45;transition:opacity .4s ease}
.aa3d-managed-project-media:hover .aa3d-project-overlay{opacity:.72}
.aa3d-project-play{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.26);transform:translate(-50%,-50%);font-size:12px}
.aa3d-project-placeholder{height:100%;display:grid;place-items:center;color:rgba(255,255,255,.42);font-size:13px}
.aa3d-managed-project-info{display:flex;justify-content:space-between;gap:24px;padding:17px 3px 30px}
.aa3d-managed-project-info h2{margin:0;color:#fff;font-size:17px;line-height:1.3;font-weight:600}
.aa3d-managed-project-info p,.aa3d-managed-project-info span{margin:5px 0 0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.5}
.aa3d-managed-project-info span{text-align:right;white-space:nowrap}
.aa3d-work-empty{grid-column:1/-1;padding:80px 20px;text-align:center;border:1px solid rgba(255,255,255,.1)}
.aa3d-work-empty h2{margin:0 0 10px;font-size:26px}
.aa3d-work-empty p{margin:0;color:rgba(255,255,255,.58)}
@media(max-width:1000px){.aa3d-managed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.aa3d-managed-work{padding:84px 0 72px}.aa3d-managed-work .aa3d-work-container{width:calc(100% - 28px)}.aa3d-work-filter-wrap{gap:12px 0;margin-bottom:24px;padding-bottom:22px}.aa3d-work-filter{font-size:11px}.aa3d-work-filter-separator{margin:0 10px;font-size:13px}.aa3d-managed-project-grid{grid-template-columns:1fr;gap:1px}.aa3d-managed-project-info{padding-bottom:26px}.aa3d-managed-project-media{aspect-ratio:16/10}}


/* v2.1.2 — force plain reference-style category links */
.aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter{
  -webkit-appearance:none !important;
  appearance:none !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.86) !important;
  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-.015em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}
.aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter:hover,
.aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter:focus,
.aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter.is-active{
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}
.aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter-separator{
  color:rgba(255,255,255,.28) !important;
}
@media(max-width:650px){
  .aa3d-managed-work .aa3d-work-filter-wrap .aa3d-work-filter{font-size:11px !important;}
}


/* v2.1.4 Work page reference layout */
.aa3d-managed-work{padding-top:104px!important}
.aa3d-work-title{width:min(1500px,100%);margin:0 auto 30px;color:#fff;font-size:20px;line-height:1.2;font-weight:650}
.aa3d-work-filter-wrap{justify-content:center;text-align:center;margin-bottom:12px!important;padding-bottom:20px!important}
.aa3d-managed-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:dense;gap:5px!important}
.aa3d-managed-project-card:nth-child(6n+1) .aa3d-managed-project-media,.aa3d-managed-project-card:nth-child(6n+4) .aa3d-managed-project-media{aspect-ratio:1/1.18}
.aa3d-managed-project-card:nth-child(6n+2) .aa3d-managed-project-media,.aa3d-managed-project-card:nth-child(6n+5) .aa3d-managed-project-media{aspect-ratio:16/10}
.aa3d-managed-project-card:nth-child(6n+3) .aa3d-managed-project-media,.aa3d-managed-project-card:nth-child(6n+6) .aa3d-managed-project-media{aspect-ratio:1/1}
@media(max-width:900px){.aa3d-managed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.aa3d-work-title{font-size:18px;margin-bottom:24px}.aa3d-managed-project-grid{grid-template-columns:1fr!important}.aa3d-managed-project-media{aspect-ratio:16/10!important}}

/* v2.2.0 — hero render with project name only */
.aa3d-managed-project-card{position:relative}
.aa3d-managed-project-info{display:none!important}
.aa3d-project-name{position:absolute;z-index:3;left:28px;right:28px;bottom:24px;margin:0;color:#fff;font-size:clamp(18px,1.45vw,28px);line-height:1.15;font-weight:600;letter-spacing:-.03em;text-shadow:0 2px 18px rgba(0,0,0,.55);transform:translateY(4px);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease}
.aa3d-managed-project-media:hover .aa3d-project-name{transform:translateY(0)}
.aa3d-managed-project-media:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){.aa3d-project-name{left:18px;right:18px;bottom:17px;font-size:20px}}

/* v2.2.2 — selectable hero frames while preserving existing renders */
.aa3d-managed-project-grid{
  display:block!important;
  column-count:3;
  column-gap:5px!important;
}
.aa3d-managed-project-card{
  display:inline-block;
  width:100%;
  margin:0 0 5px;
  vertical-align:top;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
}
.aa3d-managed-project-media{
  width:100%;
  aspect-ratio:auto!important;
  background:#0d0d0d;
}
.aa3d-managed-project-media img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
}

/* Original ratio: the complete uploaded hero render is always visible. */
.aa3d-frame-original .aa3d-managed-project-media{aspect-ratio:auto!important}
.aa3d-frame-original .aa3d-managed-project-media img{height:auto!important;object-fit:contain!important}

/* Optional editorial frames selected independently for each project. */
.aa3d-frame-landscape-16-9 .aa3d-managed-project-media{aspect-ratio:16/9!important}
.aa3d-frame-landscape-3-2 .aa3d-managed-project-media{aspect-ratio:3/2!important}
.aa3d-frame-landscape-4-3 .aa3d-managed-project-media{aspect-ratio:4/3!important}
.aa3d-frame-portrait-4-5 .aa3d-managed-project-media{aspect-ratio:4/5!important}
.aa3d-frame-square-1-1 .aa3d-managed-project-media{aspect-ratio:1/1!important}
.aa3d-frame-cinematic-21-9 .aa3d-managed-project-media{aspect-ratio:21/9!important}

.aa3d-managed-project-card:not(.aa3d-frame-original) .aa3d-managed-project-media img{height:100%!important}
.aa3d-managed-project-card.aa3d-fit-contain .aa3d-managed-project-media img{object-fit:contain!important}
.aa3d-managed-project-card.aa3d-fit-cover .aa3d-managed-project-media img{object-fit:cover!important}

/* Do not let the old automatic nth-child frames override the chosen frame. */
.aa3d-managed-project-card:nth-child(n) .aa3d-managed-project-media{min-height:0}

@media(max-width:1000px){.aa3d-managed-project-grid{column-count:2}}
@media(max-width:620px){
  .aa3d-managed-project-grid{column-count:1!important}
  .aa3d-managed-project-card{margin-bottom:4px}
  .aa3d-frame-original .aa3d-managed-project-media{aspect-ratio:auto!important}
  .aa3d-frame-original .aa3d-managed-project-media img{height:auto!important}
}