/* V6: narrowly scoped behavior and CTA alignment. */
body[data-page=home] .hero-actions{align-items:center}
body[data-page=home] .hero-actions .button,
body[data-page=home] .hero-actions .hero-library-link{height:54px;min-height:54px;box-sizing:border-box;padding:0 24px;font-size:12px;line-height:1.2;align-items:center}
body[data-page=home] .hero-actions .hero-library-link{gap:18px}
body[data-page=home] .hero-actions .hero-library-link .pz-icon{width:20px;height:20px;align-self:center}

/* Library feature: frameless artwork fades into the page; only the image moves. */
body[data-page=projects] .catalog-feature-shell{
 position:relative;min-width:0;width:100%;aspect-ratio:1.85;
 translate:-195px -23px;
 isolation:isolate;
}
body[data-page=projects] .catalog-intro .catalog-feature-shell .catalog-feature{
 position:absolute;inset:0;display:block;width:124%;height:124%;aspect-ratio:auto;
 overflow:visible;background:transparent;border:0;outline:0;
 transform:none!important;translate:none!important;scale:none!important;transition:none!important;
}
body[data-page=projects] .catalog-feature-shell .catalog-feature::after{content:none}
body[data-page=projects] .catalog-feature-art{
 position:absolute;inset:0;overflow:hidden;background:transparent;pointer-events:none;
 mask-image:
  linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),
  linear-gradient(180deg,transparent,#000 7%,#000 72%,transparent);
 mask-composite:intersect;
}
body[data-page=projects] .catalog-feature-art::after{
 content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
 background:linear-gradient(0deg,rgba(11,11,12,.9),rgba(11,11,12,.24) 47%,transparent 78%);
}
body[data-page=projects] .catalog-feature-art>img{
 position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);
 object-fit:cover;object-position:var(--feature-art-focal,50% 50%)!important;filter:none;
 transform:translate3d(var(--feature-art-x,0px),var(--feature-art-y,0px),0);
 scale:1.035;opacity:0;z-index:1;pointer-events:none;
}
body[data-page=projects] .catalog-feature-art>img.is-active{
 opacity:1;animation:pz-feature-zoom 4000ms linear both;
}
@keyframes pz-feature-zoom{from{scale:1.035}to{scale:1.055}}
body[data-page=projects] .catalog-feature-shell .catalog-feature>span{
 position:absolute;z-index:4;left:45px;right:45px;bottom:35px;top:auto;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:11px;
 width:auto;max-width:calc(100% - 90px);min-height:102px;margin:0;padding:0;
 text-align:left;text-shadow:0 2px 18px rgba(0,0,0,.8);transform:none;translate:none;scale:none;pointer-events:none;
}
body[data-page=projects] .catalog-feature-shell .catalog-feature>span>*{
 position:static;align-self:flex-start;margin:0;padding:0;text-align:left;transform:none;translate:none;scale:none;
}
body[data-page=projects] .catalog-feature-shell .catalog-feature strong{
 width:auto;max-width:100%;font-size:28.5px;white-space:nowrap;
}
body[data-page=projects] .catalog-feature-shell .status{font-size:12.4px}
body[data-page=projects] .catalog-feature-shell .catalog-feature>span>span{font-size:13.6px}
@media(max-width:1600px){
 body[data-page=projects] .catalog-feature-shell{translate:0 -23px}
 body[data-page=projects] .catalog-intro .catalog-feature-shell .catalog-feature{width:106%;height:106%}
 body[data-page=projects] .catalog-feature-shell .catalog-feature>span{left:38px;right:38px;bottom:30px;max-width:calc(100% - 76px);min-height:87px;gap:9.5px}
 body[data-page=projects] .catalog-feature-shell .catalog-feature strong{font-size:24.4px}
 body[data-page=projects] .catalog-feature-shell .status{font-size:10.6px}
 body[data-page=projects] .catalog-feature-shell .catalog-feature>span>span{font-size:11.7px}
}
@media(max-width:1300px){
 body[data-page=projects] .catalog-feature-shell .catalog-feature strong{white-space:normal}
}
@media(max-width:900px){
 body[data-page=projects] .catalog-feature-shell{translate:none}
 body[data-page=projects] .catalog-intro .catalog-feature-shell .catalog-feature{width:100%;height:100%}
 body[data-page=projects] .catalog-feature-shell .catalog-feature>span{left:20px;right:20px;bottom:20px;max-width:calc(100% - 40px);min-height:82px;gap:5px}
 body[data-page=projects] .catalog-feature-shell .catalog-feature strong{font-size:20px;white-space:normal}
 body[data-page=projects] .catalog-feature-shell .status{font-size:10px}
 body[data-page=projects] .catalog-feature-shell .catalog-feature>span>span{font-size:11px}
}

/* A selected idea remains a card state, never a hero-art control. */
body[data-page=comunitate] .candidate-selector>button:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}

@media(max-width:760px){
 body[data-page=home] .hero-actions{align-items:flex-start}
 body[data-page=home] .hero-actions .button,
 body[data-page=home] .hero-actions .hero-library-link{min-height:54px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page=projects] .catalog-feature-art>img{animation:none!important;transform:none!important;scale:1!important}
}
.motion-reduced body[data-page=projects] .catalog-feature-art>img{animation:none!important;transform:none!important;scale:1!important}

/* The two real Desktop captures breathe gently on their own; the existing pointer depth stays on the inner window. */
body[data-page=home] .desktop-section .product-space,
body[data-page=descarcare] .download-page .product-space{
 transform-origin:50% 58%;
 animation:pz-desktop-drift 10s cubic-bezier(.45,.05,.55,.95) infinite;
 will-change:transform;
}
@keyframes pz-desktop-drift{
 0%,100%{transform:translate3d(0,0,0) rotateZ(0deg)}
 25%{transform:translate3d(-3px,-7px,0) rotateZ(-.12deg)}
 52%{transform:translate3d(2px,-12px,0) rotateZ(.1deg)}
 76%{transform:translate3d(4px,-5px,0) rotateZ(.06deg)}
}
@media(max-width:760px){
 body[data-page=home] .desktop-section .product-space,
 body[data-page=descarcare] .download-page .product-space{animation-duration:12s}
}
@media(prefers-reduced-motion:reduce){
 body[data-page=home] .desktop-section .product-space,
 body[data-page=descarcare] .download-page .product-space{animation:none;transform:none}
}
.motion-reduced body[data-page=home] .desktop-section .product-space,
.motion-reduced body[data-page=descarcare] .download-page .product-space{animation:none;transform:none}

/* PROJECTS HERO SLIDE CAPTION - MOVE TO LEFT */
.projects-hero .hero-spotlight,
.projects-hero .featured-project,
.projects-hero .project-spotlight,
.projects-hero .spotlight-copy,
.projects-hero .hero-card-overlay,
.projects-hero .hero-overlay-content {
  left: 48px !important;
  right: auto !important;
  bottom: 40px !important;
  text-align: left !important;
  align-items: flex-start !important;
  justify-items: start !important;
}

.projects-hero .hero-visual .hero-card-overlay,
.projects-hero .hero-visual .spotlight-copy,
.projects-hero .hero-visual .featured-project,
.projects-hero .hero-visual .project-spotlight {
  left: 48px !important;
  right: auto !important;
  bottom: 40px !important;
  transform: none !important;
}

.projects-hero .hero-spotlight h3,
.projects-hero .featured-project h3,
.projects-hero .project-spotlight h3,
.projects-hero .spotlight-copy h3,
.projects-hero .hero-card-overlay h3,
.projects-hero .hero-overlay-content h3 {
  text-align: left !important;
}

/* Projects catalog: equal desktop columns and consistent image frames. */
@media (min-width: 1101px) {
  body[data-page=projects] .catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body[data-page=projects] .catalog-grid .game-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body[data-page=projects] .catalog-grid .game-image {
  width: 100%;
  aspect-ratio: 1.85;
  box-sizing: border-box;
}
body[data-page=projects] .catalog-grid .game-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Homepage desktop preview: a landscape product note, not a second CTA. */
body[data-page=home] .desktop-section .section-heading {
  align-items: center;
}
body[data-page=home] .desktop-section .section-heading > div:first-child {
  flex: 1 1 0;
  min-width: 0;
}
body[data-page=home] .desktop-section .heading-aside {
  flex: 0 0 min(42vw, 520px);
  width: min(42vw, 520px);
  max-width: 520px;
  min-width: 0;
}
body[data-page=home] .desktop-info-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 310px;
  padding: 25px 28px 19px;
  background: radial-gradient(ellipse at 95% 0%, #5723323d, transparent 53%), linear-gradient(135deg, #21171c 0%, #141317 56%, #111215 100%);
  border: 1px solid #935c6c5c;
  box-shadow: 0 18px 46px #0007, inset 0 1px #ffffff12, inset 1px 0 #a4536326;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}
body[data-page=home] .desktop-info-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, #a34860b3, #9b70676e 52%, transparent);
  pointer-events: none;
}
body[data-page=home] .desktop-info-card::after {
  content: "";
  position: absolute;
  top: -115px;
  right: -105px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, #8d27402e, transparent 68%);
  pointer-events: none;
  z-index: -1;
  transition: opacity .32s ease;
}
body[data-page=home] .desktop-info-card:hover {
  transform: translateY(-2px);
  border-color: #ad718380;
  box-shadow: 0 21px 48px #0008, 0 0 25px #7e1f3819, inset 0 1px #ffffff1a, inset 1px 0 #a4536333;
}
body[data-page=home] .desktop-info-card:hover::after { opacity: .7; }
body[data-page=home] .desktop-info-card__eyebrow {
  display: block;
  color: var(--bronze);
  font: 10px Consolas, monospace;
  letter-spacing: .16em;
  margin-bottom: 15px;
}
body[data-page=home] .desktop-info-card h3 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(23px, 2vw, 29px);
  line-height: 1.15;
  letter-spacing: -.045em;
}
body[data-page=home] .desktop-info-card p {
  margin: 12px 0 19px;
  max-width: 445px;
  color: #c3b9ba;
  font-size: 13.5px;
  line-height: 1.5;
}
body[data-page=home] .desktop-info-card ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
  margin: auto 0 0;
  padding: 16px 0 15px;
  border-top: 1px solid #ffffff1c;
  border-bottom: 1px solid #ffffff1e;
}
body[data-page=home] .desktop-info-card li {
  position: relative;
  padding: 0 0 0 15px;
  color: #ded5d5;
  font-size: 11.5px;
  line-height: 1.35;
}
body[data-page=home] .desktop-info-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 4px;
  background: #ab5165;
  transform: rotate(45deg);
}
body[data-page=home] .desktop-info-card small {
  margin-top: 12px;
  color: #a89fa0;
  font: 10px Consolas, monospace;
  letter-spacing: .06em;
}
@media (max-width: 960px) {
  body[data-page=home] .desktop-section .section-heading { display: block; }
  body[data-page=home] .desktop-section .heading-aside {
    width: min(100%, 520px);
    max-width: 520px;
    margin-top: 32px;
  }
}
@media (max-width: 760px) {
  body[data-page=home] .desktop-section .heading-aside {
    width: 100%;
    max-width: 520px;
  }
}
@media (max-width: 540px) {
  body[data-page=home] .desktop-info-card {
    min-height: 0;
    padding: 23px 24px 18px;
  }
  body[data-page=home] .desktop-info-card ul {
    grid-template-columns: 1fr;
    gap: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=home] .desktop-info-card,
  body[data-page=home] .desktop-info-card::after { transition: none; }
  body[data-page=home] .desktop-info-card:hover,
  body[data-page=home] .desktop-info-card:hover::after { transform: none; }
}