/* Pooria Living Worlds — Premium V23. Cinematic emerald & champagne-gold.
   This only loads after all approved premium assets have been validated. */
:root {
  --v23-emerald:#062b25;--v23-pine:#0d5147;--v23-gold:#f5c977;
  --v23-gold-light:#fff0bd;--v23-glass:rgba(4,32,29,.89);
  --v23-deep-shadow:0 18px 52px rgba(0,0,0,.60),0 0 30px #e3aa5424,inset 0 1px #fff4;
}
.world-grid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,20px)!important;}
.world-grid .world-card,.project-rail .project-card,.experience-grid .experience-card {
  position:relative;isolation:isolate;overflow:hidden;
  border:1.5px solid #f5cc80af!important;
  border-radius:clamp(24px,2.6vw,36px)!important;
  background:linear-gradient(155deg,#0b493f,#041d1b 83%)!important;
  box-shadow:var(--v23-deep-shadow)!important;
  transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease;
}
.world-grid .world-card:before,.project-rail .project-card:before,.experience-grid .experience-card:before{
  content:"";inset:1px;position:absolute;pointer-events:none;z-index:3;border-radius:inherit;
  box-shadow:inset 0 2px 1px #fff3,inset 0 -4px 12px #021910aa;
  border:1px solid #fff0b643;
}
.world-grid .world-card:after,.project-rail .project-card:after,.experience-grid .experience-card:after{
  content:"";inset:0 0 54% 0;position:absolute;pointer-events:none;z-index:2;border-radius:inherit;
  background:linear-gradient(158deg,#ffefb41e,transparent 58%);
}
.world-grid .world-card{padding:10px 10px 17px;min-height:clamp(202px,21vw,296px);}
.world-grid .world-card img.world-art {display:block;width:100%;height:clamp(135px,13vw,190px);
  object-fit:cover;object-position:center;border-radius:clamp(19px,1.8vw,27px);
  border:1px solid #fff0b68c;box-shadow:0 12px 21px #0008;
  filter:saturate(1.07) contrast(1.04);mix-blend-mode:normal;}
.world-grid .world-card img.world-mark,
.project-rail .project-card img.project-mark,
.experience-grid .experience-card img.experience-mark {
  position:absolute;z-index:5;top:15px;inset-inline-start:15px;
  width:clamp(44px,4.5vw,62px);height:clamp(44px,4.5vw,62px);
  border:0;border-radius:28%;background:transparent;object-fit:contain;
  box-shadow:0 8px 17px #0008,0 0 15px #f5ce684e;filter:drop-shadow(0 2px 5px #0009);
}
.world-grid .world-card strong {display:block!important;color:var(--v23-gold-light)!important;
  font-weight:850;line-height:1.45;font-size:clamp(13px,1.18vw,17px)!important;margin-top:9px;
  text-shadow:0 2px 8px #000a;}
.world-grid .world-card small {font-size:clamp(10px,.85vw,12px)!important;color:#dcece0!important;line-height:1.55;}
.project-rail .project-card {min-width:clamp(266px,24vw,365px);flex:0 0 clamp(266px,24vw,365px);}
.project-rail .project-card .project-photo {height:clamp(175px,16.7vw,236px);position:relative;overflow:hidden;border-radius:24px 24px 17px 17px;}
.project-rail .project-card img.project-art{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;filter:saturate(1.08);}
.project-rail .project-card .project-photo:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04261eb5,transparent 55%);}
.project-rail .project-card img.project-mark{top:16px;inset-inline-start:auto;inset-inline-end:16px;}
.project-rail .project-card h3,.experience-grid .experience-card strong{
  color:var(--v23-gold-light)!important;text-shadow:0 2px 10px #000a;}
.project-rail .project-card .project-buttons button,.project-rail .project-card .access-btn{
  border-radius:999px;background:linear-gradient(135deg,#fff0bd,#e0a947);
  color:#063026;border:1px solid #fff0b2;box-shadow:0 5px 14px #d7a34a63;}
.experience-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,1.7vw,22px)!important;}
.experience-grid .experience-card{padding:12px 12px 17px;border-radius:32px!important;}
.experience-grid .experience-card .experience-art{width:100%;aspect-ratio:1.68;height:auto;object-fit:cover;
  border:1px solid #e6c480ae;border-radius:24px;filter:saturate(1.09);}
.experience-grid .experience-card .experience-mark{top:16px;inset-inline-start:16px;}
.experience-grid .experience-card strong {font-size:clamp(14px,1.1vw,18px)!important;}
.experience-grid .experience-card small{font-size:clamp(11px,.93vw,13px)!important;color:#dceade;max-height:none;line-height:1.65;}
.hero .vault .vault-art {
  background-image:linear-gradient(0deg,#031b1935,transparent 58%),url('/assets/premium/door.webp')!important;
  background-position:center!important;background-size:cover!important;filter:none!important;}
.hero .vault .vault-inner {background:linear-gradient(165deg,#042e28e8,#021a18ec)!important;
  backdrop-filter:blur(8px);border:1px solid #ffda90b2;box-shadow:inset 0 2px #fff2,0 9px 28px #000a;}
.hero .portrait-area{background-image:linear-gradient(0deg,#031d1abf,#031d1a26 57%),
  url('/assets/premium/ecosystem.webp')!important;background-size:cover;background-position:center;}
.primary-actions .action{border-radius:27px;border:1.5px solid #efc77ea6;
  box-shadow:0 12px 24px #0007,inset 0 1px #fff3;backdrop-filter:blur(7px);}
.world-grid .world-card:hover,.project-rail .project-card:hover,.experience-grid .experience-card:hover {
  transform:translateY(-5px) scale(1.009);border-color:#ffe8a2!important;
  box-shadow:0 25px 58px #000b,0 0 22px #e9b95873,inset 0 2px #fff5!important;}
.world-grid .world-card:focus-visible,.project-rail .project-card button:focus-visible,
.experience-grid .experience-card:focus-visible{outline:3px solid #ffe099;outline-offset:4px;}
@media(max-width:1100px){.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:780px){
  .world-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .world-grid .world-card{min-height:195px;padding:7px 7px 11px;border-radius:26px!important;}
  .world-grid .world-card img.world-art{height:128px;border-radius:19px;}
  .world-grid .world-card img.world-mark,.experience-grid .experience-card img.experience-mark{width:43px;height:43px;top:11px;inset-inline-start:11px;}
  .world-grid .world-card strong{font-size:12px!important;}
  .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .experience-grid .experience-card{padding:8px 8px 13px;border-radius:24px!important;}
  .experience-grid .experience-card .experience-art{border-radius:18px;}
  .project-rail .project-card{min-width:274px;flex-basis:274px;}
}
@media(max-width:390px){.world-grid .world-card img.world-art{height:110px;}.world-grid .world-card{min-height:182px;}}
@media(prefers-reduced-motion:reduce){
 .world-grid .world-card,.project-rail .project-card,.experience-grid .experience-card{transition:none!important;}
 .world-grid .world-card:hover,.project-rail .project-card:hover,.experience-grid .experience-card:hover{transform:none!important;}
}

/* V24 — composition built from genuinely independent portrait, orb and copy layers.
   Golden globe is an independent SVG; no person is baked into the world image. */
.hero .portrait-area--separated {
  background:radial-gradient(circle at 49% 27%, #165b4e 0%, #0b463c 29%, #052c2c 57%, #011b22 100%)!important;
  border-inline-start:1px solid #d5a45259;
  isolation:isolate;overflow:hidden;
}
.hero .portrait-area--separated:before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 48% 48%, transparent 22%, #01171b88 86%);
}
.hero .portrait-area--separated:after {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(0deg,#011a1de8 0%,#011a1d54 18%,transparent 47%);
}
.hero-earth-layer {position:absolute;z-index:1;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;}
.hero-earth-layer img {
  display:block;width:min(102%,900px);max-width:none;height:100%;max-height:660px;
  object-fit:contain;filter:drop-shadow(0 0 32px #efbc6055);
  animation:hero-world-breathe 13s ease-in-out infinite alternate;
}
.hero .portrait-area--separated .orbital {display:none}
.hero .portrait-area--separated .real-portrait{
 position:absolute;z-index:4;top:-1.5%;left:30%;width:42%;height:89%;
 object-fit:contain;object-position:top center;
 filter:drop-shadow(0 12px 15px #000d) drop-shadow(0 0 6px #ffdc9c55);
 mask-image:none;-webkit-mask-image:none;
}
.hero .portrait-area--separated .portrait-vignettes{z-index:5}
.hero .portrait-area--separated .vignette{
  width:clamp(112px,19%,188px);height:auto;min-height:58px;
  border:1px solid #edc87a91;border-radius:18px!important;
  background:linear-gradient(135deg,#0a5549d9,#032520d8);
  box-shadow:0 10px 27px #0008,inset 0 1px #fff3;
  padding:9px 11px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.hero .portrait-area--separated .vignette.a{top:11%;left:4%}
.hero .portrait-area--separated .vignette.b{top:11%;right:3%}
.hero .portrait-area--separated .vignette.c{top:44%;left:3%}
.hero .portrait-area--separated .vignette.d{top:44%;right:3%}
.hero .portrait-area--separated .portrait-caption{
 z-index:6;bottom:2.4%;left:19%;width:62%;
 padding:12px 15px 13px;
 border:1px solid #d6b16c94;border-radius:24px;
 background:linear-gradient(180deg,#062f2bbb,#021c1ce8);
 box-shadow:0 10px 27px #000a,inset 0 1px #fff3;
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 text-shadow:0 2px 10px #000c;
}
.hero .portrait-area--separated .portrait-caption h1{font-size:clamp(25px,3.4vw,49px);line-height:1.1}
.hero .portrait-area--separated .portrait-caption p{margin-top:3px;font-size:clamp(10px,.99vw,14px)}
@keyframes hero-world-breathe{from{transform:scale(.99)}to{transform:scale(1.035)}}
@media(max-width:980px){
 .hero .portrait-area--separated .real-portrait{left:26%;width:49%;height:84%}
 .hero .portrait-area--separated .vignette{width:24%;padding:6px 8px;min-height:48px}
 .hero .portrait-area--separated .portrait-caption{left:15%;width:70%}
}
@media(max-width:760px){
 .hero .portrait-area--separated .hero-earth-layer img{width:118%;height:100%}
 .hero .portrait-area--separated .real-portrait{left:22%;width:58%;height:85%;top:1%}
 .hero .portrait-area--separated .portrait-caption{
  left:8%;width:84%;bottom:2%;padding:8px 10px;border-radius:19px
 }
 .hero .portrait-area--separated .portrait-caption h1{font-size:clamp(25px,6vw,36px)}
 .hero .portrait-area--separated .vignette{display:none}
}
@media(max-width:420px){
 .hero .portrait-area--separated .real-portrait{left:18%;width:64%;height:82%}
 .hero .portrait-area--separated .hero-earth-layer img{width:140%}
 .hero .portrait-area--separated .portrait-caption .human{display:none}
 .hero .portrait-area--separated .portrait-caption{bottom:1.5%}
}
@media(prefers-reduced-motion:reduce){
 .hero-earth-layer img{animation:none!important}
}


/* V24 release fix: premium project cards are fixed-width scroll items, not 6
   overlapping CSS grid tracks. Keep the flex rail responsive and accessible. */
.project-rail{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  grid-auto-columns:unset;
  gap:clamp(10px,1.2vw,16px);
  min-width:0;
  scroll-padding-inline:10px;
}
.project-rail .project-card{
  flex:0 0 clamp(266px,24vw,365px);
  width:clamp(266px,24vw,365px);
  min-width:clamp(266px,24vw,365px);
  box-sizing:border-box;
}
.project-rail .project-card .project-buttons,
.project-rail .project-card .access-btn{
  position:relative;
  z-index:6;
}
@media(max-width:780px){
  .project-rail .project-card{flex-basis:274px;width:274px;min-width:274px}
}