/* PAPO / CINEMATIC LAB — self-contained Hero + Portfolio art direction */
.hero.papo-cinematic{position:relative;isolation:isolate;min-height:820px;background:#07120e!important;overflow:hidden}
.hero.papo-cinematic:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 32% 50%,#204c3266,transparent 55%),linear-gradient(110deg,#0a1711 5%,#07120e 70%)}
.hero.papo-cinematic .w{position:relative;z-index:2}
.hero.papo-cinematic .nav{position:relative;z-index:8;border-bottom:1px solid #ffffff24}
.hero.papo-cinematic .hero-grid{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:2vw!important;align-items:center!important;min-height:720px!important;padding:60px 0 110px!important}
.hero.papo-cinematic .hero-grid>div:first-child{position:relative;z-index:5;max-width:790px}
.hero.papo-cinematic h1{font:900 clamp(60px,7.8vw,135px)/1.04 Heebo,Arial,sans-serif!important;letter-spacing:-.075em!important;margin:24px 0 28px!important;max-width:900px;text-wrap:balance}
.hero.papo-cinematic h1 em{color:#cfff61!important;font-style:normal}
.hero.papo-cinematic .hero-grid>div:first-child>p:first-of-type{font-size:clamp(16px,1.5vw,21px)!important;line-height:1.75;color:#d1e2d4;max-width:570px}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type>a:not(.btn){font-weight:700;color:#eaf5eb;text-decoration:underline;text-underline-offset:7px}
.hero.papo-cinematic .hero-grid>div:first-child>small{display:block;color:#a7bda9;font-size:12px;margin-top:25px}
.papo-hero-scene{position:relative;isolation:isolate;min-width:0;width:100%;height:min(690px,69vw);max-height:690px;display:grid;place-items:center}
.papo-hero-scene:before{content:"";position:absolute;inset:9%;background:radial-gradient(circle,#b9ff6b18,transparent 67%);filter:blur(24px);pointer-events:none}
.papo-hero-scene:after{content:"";position:absolute;inset:8%;border:1px solid #baff5830;border-radius:50%;transform:perspective(900px) rotateX(70deg);pointer-events:none}
#papo-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none}
#papo-webgl.webgl-unavailable{opacity:0}
.papo-webgl-fallback{position:absolute;inset:17%;display:grid;place-items:center;pointer-events:none;z-index:0}
.papo-webgl-fallback .papo-fallback-p{font:900 clamp(120px,19vw,290px)/1 Arial,sans-serif;letter-spacing:-.17em;color:#d3f7da;text-shadow:-9px 13px 0 #447a5c,0 0 80px #baff5840;transform:perspective(800px) rotateY(-18deg) rotateX(12deg);direction:ltr}
.papo-webgl-fallback .papo-fallback-p b{color:#cfff61}
.papo-scene-index{position:absolute;bottom:9%;left:0;z-index:3;color:#a9c6b0;font:11px 'Space Mono',monospace;direction:ltr}
.papo-scene-badge{position:absolute;top:10%;right:0;z-index:3;display:flex;align-items:center;gap:10px;font:10px 'Space Mono',monospace;color:#cfff61;direction:ltr}
.papo-scene-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#cfff61;box-shadow:0 0 15px #cfff61}
.papo-hero-floor{position:absolute;bottom:0;left:0;right:0;height:130px;pointer-events:none;background:linear-gradient(0deg,#07120e 0%,transparent 100%)}
.papo-hero-bottom{position:absolute;bottom:23px;right:5%;left:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff40;padding-top:14px;color:#b9d0c0;font:11px 'Space Mono',monospace;direction:ltr}
.papo-hero-bottom span:last-child{color:#cfff61}
.papo-cinematic-work .work-head h2{font-size:clamp(48px,6vw,95px)!important;letter-spacing:-.08em}
.papo-cinematic-work .work-head p{max-width:350px}
.papo-cinematic-work .work-layout{grid-template-columns:1.28fr .72fr!important}
.papo-cinematic-work .work-scene{background:radial-gradient(circle at 40% 38%,#426f50,#0b2419 75%)!important}
.papo-cinematic-work .work-scene[data-work="1"]{background:radial-gradient(circle at 45% 40%,#867d65,#322c25 75%)!important}
.papo-cinematic-work .work-scene[data-work="2"]{background:radial-gradient(circle at 42% 40%,#9b6578,#372632 75%)!important}
.papo-cinematic-work .work-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0c 25%);pointer-events:none}
.papo-cinematic-work .work-orbit{border-color:#ffffff2c;transform:perspective(900px) rotateX(65deg)}
.papo-cinematic-work .work-browser{height:min(52vh,500px)!important;max-width:850px;width:85%;border:7px solid #dfe8e1;background:#eef3ec;box-shadow:25px 30px 0 #071e1466,0 40px 110px #0008;transform:perspective(1000px) rotateY(-9deg) rotateX(2deg) rotateZ(-2deg);transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .8s}
.papo-cinematic-work .work-browser:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(0) rotateZ(0);box-shadow:12px 25px 0 #071e1455,0 50px 120px #0008}
.papo-cinematic-work .work-browser img{object-fit:cover!important;object-position:top!important}
.papo-cinematic-work .work-info{background:#12271d!important}
.papo-cinematic-work .work-info h3{font-size:clamp(50px,5.5vw,90px)!important}
.papo-cinematic-work .work-info p{max-width:350px}
.papo-work-subline{font:11px 'Space Mono',monospace;color:#9dc5a8;direction:ltr;margin-top:16px}
.papo-work-meta{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 22px}
.papo-work-meta span{border:1px solid #ffffff40;color:#c6d9c9;padding:7px 11px;font:10px 'Space Mono',monospace;direction:ltr}
.papo-work-image-note{position:absolute;bottom:14px;right:20px;z-index:4;background:#071b14b8;color:#d5e6d6;font-size:11px;padding:6px 9px;max-width:85%}
.papo-work-progress{height:3px;background:#ffffff25;margin-top:20px;direction:ltr}
.papo-work-progress span{display:block;width:33.333%;height:100%;background:#cfff61;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.papo-cinematic-work .work-info a{font-weight:900}
.papo-cinematic-work .work-switch button{transition:padding .3s,color .3s}
.papo-cinematic-work .work-switch button:hover{padding-inline-start:10px;color:#cfff61}
@media(max-width:1000px){.hero.papo-cinematic .hero-grid{grid-template-columns:1fr!important;min-height:850px!important;padding:60px 0 95px!important}.papo-hero-scene{position:absolute;left:0;right:0;top:32%;width:100%;height:500px;opacity:.76;z-index:1}.hero.papo-cinematic .hero-grid>div:first-child{max-width:700px;align-self:start}.papo-hero-bottom{bottom:20px}.papo-cinematic-work .work-layout{grid-template-columns:1fr!important}}
@media(max-width:600px){.hero.papo-cinematic{min-height:790px}.hero.papo-cinematic .hero-grid{min-height:780px!important;padding:40px 0 90px!important}.hero.papo-cinematic h1{font-size:clamp(46px,11.4vw,73px)!important;max-width:100%;line-height:1.08!important}.hero.papo-cinematic .hero-grid>div:first-child>p:first-of-type{font-size:15px!important;max-width:340px}.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type{gap:12px;margin-top:20px}.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type>a{font-size:14px}.hero.papo-cinematic .hero-grid>div:first-child>small{font-size:10px}.papo-hero-scene{top:43%;height:360px;opacity:.9}.papo-scene-badge{top:7%;right:5%}.papo-scene-index{bottom:4%;left:5%}.papo-hero-bottom{bottom:13px;right:5%;left:5%;font-size:9px}.papo-cinematic-work .work-head h2{font-size:clamp(42px,10vw,63px)!important}.papo-cinematic-work .work-scene{min-height:355px!important}.papo-cinematic-work .work-browser{height:260px!important;width:86%;border-width:5px}.papo-cinematic-work .work-info{min-height:350px}.papo-work-meta{gap:8px}.papo-work-meta span{font-size:9px}.papo-work-image-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.papo-cinematic-work .work-browser,.papo-work-progress span{transition:none!important}}