/* PAPO EDITION 05 — MOBILE ART DIRECTION, NOT ANOTHER CARD TEMPLATE */
.hero.papo-cinematic{overflow:hidden!important}
.hero.papo-cinematic .hero-grid{position:relative}
.papo-hero-scene{contain:layout paint}
.papo-hero-scene .papo-webgl-fallback{opacity:.2}
.papo-hero-scene:has(#papo-webgl.webgl-active) .papo-webgl-fallback{display:none}
#papo-webgl{max-width:100%;max-height:100%;object-fit:contain}
.hero.papo-cinematic .hero-grid>div:first-child{isolation:isolate}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type{position:relative;z-index:6}
.hero.papo-cinematic .pd-hero-note{opacity:.6;font-size:10px}
.papo-cinematic-work .work-browser{isolation:isolate}
.papo-cinematic-work .work-scene .work-giant-index{font-size:clamp(140px,24vw,340px);opacity:.55}
.papo-cinematic-work .work-switch button{background:transparent!important;border-radius:0!important;box-shadow:none!important}
.papo-cinematic-work .work-switch button[aria-pressed=true]{padding-inline-start:18px;background:linear-gradient(90deg,transparent,#cfff610e)!important}
/* Art direction: manifesto as typographic exhibition, not side-by-side rectangles */
.atelier{background:#e9eee8!important}
.atelier-stage{position:relative;grid-template-columns:.9fr 1.1fr!important;min-height:540px!important;background:#0a1a12!important}
.atelier-art{background:radial-gradient(ellipse at 40% 60%,#2a6042,#081810 68%)!important}
.atelier-art-orbit{width:78%!important;border-style:dashed!important;border-width:1px!important;opacity:.45}
.atelier-art-ring{width:49%!important;border-width:22px!important;opacity:.8;filter:drop-shadow(0 0 20px #cfff611f)}
.atelier-art-core{font-size:clamp(100px,14vw,190px)!important;letter-spacing:-.14em}
.atelier-content{padding:45px 7%!important}
.atelier-content h3{font-size:clamp(46px,5vw,83px)!important;line-height:1.05}
.atelier-switch{border-top:1px solid #ffffff45;gap:0!important;margin-top:30px!important;flex-wrap:nowrap!important}
.atelier-switch button{flex:1;padding:17px 5px!important;border:0!important;border-bottom:2px solid #ffffff30!important;background:transparent!important;border-radius:0!important;color:#c2d5c6!important;font-size:14px}
.atelier-switch button[aria-pressed=true]{border-bottom-color:#cfff61!important;color:#cfff61!important}
/* Pricing as an editorial decision surface instead of repetitive cards */
.pd-builder-stage{box-shadow:none!important;min-height:0!important}
.pd-builder-options{background:#f7faf5!important}
.pd-builder-plans{display:flex!important;flex-direction:column!important;gap:0!important;border-top:1px solid #718c78!important;margin-bottom:38px!important}
.pd-builder-plans button{display:grid!important;grid-template-columns:70px 1fr auto!important;align-items:center!important;min-height:100px!important;gap:15px!important;border:0!important;border-bottom:1px solid #93ac98!important;border-radius:0!important;background:transparent!important;padding:18px 5px!important;text-align:right}
.pd-builder-plans button>span{font-size:11px!important;align-self:center!important}
.pd-builder-plans button strong{font-size:clamp(22px,2.7vw,35px)!important}
.pd-builder-plans button small{margin:0!important;align-self:center!important;font-size:15px!important;white-space:nowrap}
.pd-builder-plans button[aria-pressed=true]{background:linear-gradient(90deg,#cfff6120,#cfff6190)!important;padding-inline:18px!important}
.pd-builder-plans button[aria-pressed=true]:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:#2e683c}
.pd-builder-plans button{position:relative}
.pd-builder-addons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important}
.pd-builder-addons label{min-height:95px!important;border:0!important;border-bottom:1px solid #9db2a0!important;background:transparent!important;padding:18px 4px!important;border-radius:0!important}
.pd-builder-addons label:has(input:checked){background:#cfff6125!important;border-bottom-color:#3f8a4c!important}
.pd-builder-addons label span{font-size:16px!important}
.pd-builder-result{box-shadow:none!important}
/* Mobile first: let the story breathe, do not cover text with 3D */
@media(max-width:900px){
.hero.papo-cinematic .hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;padding:40px 0 80px!important;gap:10px!important}
.hero.papo-cinematic .hero-grid>div:first-child{position:relative!important;z-index:5!important}
.papo-hero-scene{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:370px!important;max-height:370px!important;opacity:1!important;z-index:2!important;margin-top:0!important}
.hero.papo-cinematic .pd-hero-note{display:none!important}
.hero.papo-cinematic{min-height:0!important}
.atelier-stage{grid-template-columns:1fr!important}
.atelier-art{min-height:320px!important}
.atelier-content{padding:35px 30px!important}
}
@media(max-width:600px){
.hero.papo-cinematic .nav{padding:14px 0!important}
.hero.papo-cinematic .hero-grid{padding:30px 0 65px!important}
.hero.papo-cinematic h1{font-size:clamp(42px,10.5vw,59px)!important;line-height:1.11!important;margin:18px 0!important;letter-spacing:-.065em!important}
.hero.papo-cinematic .hero-grid>div:first-child>p:first-of-type{font-size:15px!important;line-height:1.55!important}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type{margin:22px 0 0!important;gap:12px!important}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type>a{font-size:13px!important}
.hero.papo-cinematic .hero-grid>div:first-child>p:last-of-type .btn{padding:12px 16px!important}
.hero.papo-cinematic .hero-grid>div:first-child>small{font-size:10px!important;margin-top:12px!important}
.papo-hero-scene{height:300px!important;max-height:300px!important;margin-top:0!important}
.papo-hero-scene:after{inset:14%}
.papo-scene-badge{top:5%!important;right:3%!important;font-size:9px!important}
.papo-scene-index{bottom:3%!important;left:3%!important;font-size:9px!important}
.papo-hero-bottom{font-size:8px!important;gap:10px!important}
.papo-hero-bottom span:last-child{white-space:nowrap}
.atelier{padding:65px 0!important}
.atelier-art{min-height:260px!important}
.atelier-art-core{font-size:105px!important}
.atelier-content{padding:25px 23px 32px!important}
.atelier-content h3{font-size:clamp(38px,10vw,52px)!important}
.atelier-switch button{font-size:12px!important;padding:13px 2px!important}
.atelier-switch button span{font-size:9px}
.pd-builder-options{padding:24px 16px!important}
.pd-builder-plans button{grid-template-columns:32px 1fr!important;min-height:90px!important;gap:4px 12px!important;padding:14px 8px!important}
.pd-builder-plans button>span{grid-row:span 2;align-self:center;font-size:9px!important;writing-mode:vertical-rl}
.pd-builder-plans button strong{font-size:22px!important;grid-column:2}
.pd-builder-plans button small{grid-column:2;font-size:13px!important}
.pd-builder-addons{grid-template-columns:1fr!important}
.pd-builder-addons label{min-height:77px!important;padding:14px 8px!important}
.pd-builder-addons label span{font-size:16px!important}
.papo-cinematic-work .work-browser{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.atelier-art-orbit,.atelier-art-ring{animation:none!important}}