/* Papo Digital — studio art direction / edition 04 */
.atelier,.work-gallery,.evidence-experience{overflow:hidden;isolation:isolate}
.atelier{background:#e8ece4;color:#142219;padding:115px 0 125px}
.atelier-top,.work-kicker,.work-foot,.atelier-bottom{display:flex;justify-content:space-between;gap:25px;direction:ltr;font:11px 'Space Mono',monospace;letter-spacing:.07em}
.atelier-top,.work-kicker{border-top:1px solid currentColor;padding-top:18px}
.atelier-intro,.work-head,.evidence-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:50px 0}
.atelier-intro h2,.work-head h2,.evidence-heading h2{font:900 clamp(48px,7vw,105px)/1.04 Heebo,Arial,sans-serif;letter-spacing:-.08em;margin:0}
.atelier-intro h2 em,.work-head h2 em,.evidence-heading h2 em{font-style:normal;color:#75977c}
.atelier-intro p,.work-head p,.evidence-heading p{font-size:18px;max-width:365px;color:#536d5b}
.atelier-stage{min-height:670px;display:grid;grid-template-columns:1.13fr .87fr;background:#10221a;color:#f1f7ec;position:relative;overflow:hidden}
.atelier-art{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 50%,#345f41,#0b1b14 70%);perspective:1000px}
.atelier-art-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ffffff0b 20%)}
.atelier-art-orbit,.atelier-art-ring{position:absolute;width:72%;aspect-ratio:1;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg);border:2px solid #cfff6166;box-shadow:0 0 100px #cfff6121;animation:studio-orbit 32s linear infinite}
.atelier-art-ring{width:47%;border:50px solid #b9dbc6;border-right-color:#3c7651;border-bottom-color:#cfff61;box-shadow:0 25px 80px #0008;animation:studio-orbit-reverse 24s linear infinite}
.atelier-art-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:900 clamp(95px,12vw,200px) Arial,sans-serif;direction:ltr;letter-spacing:-.14em;text-shadow:0 18px 40px #0009}
.atelier-art-core span{color:#cfff61}.atelier-art-label{position:absolute;bottom:30px;left:35px;font:10px 'Space Mono',monospace;direction:ltr;color:#c1d8c4}
.atelier-content{padding:60px 8%;display:flex;flex-direction:column;justify-content:center;position:relative}
.atelier-count{font:900 clamp(55px,6vw,100px)/1 'Space Mono',monospace;color:#cfff61;direction:ltr;text-align:right}.atelier-count span{font-size:20px;color:#d1e2d1}
.atelier-english{font:11px 'Space Mono',monospace;color:#cfff61;direction:ltr;margin-top:40px}
.atelier-content h3{font:900 clamp(45px,5vw,78px)/1.07 Heebo,Arial,sans-serif;letter-spacing:-.07em;margin:18px 0}
.atelier-content p{font-size:19px;color:#bed0c1;max-width:470px}
.atelier-switch{display:flex;flex-wrap:wrap;gap:10px;margin-top:55px}
.atelier-switch button{border:1px solid #6d8b73;background:transparent;color:#d3e5d6;padding:11px 16px;cursor:pointer}
.atelier-switch button[aria-pressed=true]{background:#cfff61;border-color:#cfff61;color:#102019}
.atelier-switch button span{font:10px 'Space Mono',monospace;margin-left:10px}
.atelier-content.studio-change h3,.atelier-content.studio-change p{animation:studio-enter .5s both}
.atelier-bottom{align-items:center;margin-top:25px}.atelier-bottom a{color:#23472d;font:800 15px Heebo,Arial,sans-serif;text-decoration:underline;text-underline-offset:6px}
.work-gallery{background:#0e1b14!important;color:#fff}.work-gallery .work-head{margin:35px 0 25px}.work-head h2{font-size:clamp(42px,5.5vw,83px)}.work-head h2 em{color:#cfff61}.work-head p{color:#c2d3c6;font-size:16px}
.work-gallery .pd-work-pin{padding:25px 0 30px}.work-layout{grid-template-columns:1.25fr .75fr!important;min-height:0!important}
.work-scene{position:relative;overflow:hidden;background:radial-gradient(circle,#527b5e,#163725 72%)!important;min-height:0!important;isolation:isolate;perspective:1100px}
.work-scene[data-work="1"]{background:radial-gradient(circle,#ba9786,#4c4038 72%)!important}.work-scene[data-work="2"]{background:radial-gradient(circle,#bd97ae,#4b3b48 72%)!important}
.work-orbit{position:absolute;width:75%;aspect-ratio:1;top:10%;left:10%;border:2px solid #ffffff32;border-radius:50%;transform:rotateX(65deg);animation:studio-orbit 38s linear infinite;z-index:-1}
.work-giant-index{position:absolute;left:-4%;bottom:-27%;font:900 clamp(250px,28vw,490px)/1 'Space Mono',monospace;color:#ffffff0c;pointer-events:none;direction:ltr}
.work-browser{position:relative;width:82%;height:min(49vh,450px);border:8px solid #f0f5ec;background:#f0f5ec;box-shadow:28px 34px 0 #081c1366;transform:perspective(1100px) rotateY(-9deg) rotateZ(-3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.work-browser:hover{transform:perspective(1100px) rotateY(-3deg) rotateZ(-1deg)}
.work-browser-chrome{height:32px;background:#dce7dc;display:flex;align-items:center;justify-content:space-between;padding:0 12px;direction:ltr;color:#526d58;font:10px 'Space Mono',monospace}
.work-browser img{width:100%;height:calc(100% - 32px)!important;object-fit:cover;object-position:top;transform:none!important;box-shadow:none!important;display:block}
.work-scene-caption{position:absolute;bottom:14px;left:24px;font:10px 'Space Mono',monospace;color:#f3fff3;direction:ltr}
.work-info{background:#1c3026!important;display:flex;flex-direction:column;padding:36px!important}
.work-info-top{display:flex;justify-content:space-between;gap:20px;font:11px 'Space Mono',monospace;direction:ltr;color:#cfff61}
.work-info h3{font-size:clamp(42px,5vw,75px)!important;line-height:1.05;margin:28px 0 15px}
.work-info p{font-size:17px;color:#c6d7c9}.work-info>a{color:#cfff61!important;text-decoration:underline;text-underline-offset:7px;font-weight:800}
.work-switch{margin-top:auto}.work-switch button{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;border:0;border-bottom:1px solid #6e8874;padding:18px 0;background:none;color:#dce7dc;cursor:pointer;text-align:right}
.work-switch button span{font:11px 'Space Mono',monospace}.work-switch button strong{font-size:16px}.work-switch button[aria-pressed=true]{color:#cfff61}
.work-foot{margin-top:18px;color:#a9c1ad}
.evidence-experience{background:#0e1c15!important;padding:110px 0!important}
.evidence-heading h2 em{color:#cfff61}.evidence-heading p{color:#c5d5c8}
.evidence-canvas{display:grid;grid-template-columns:1.1fr .9fr;min-height:590px;background:#173023}
.evidence-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 45%,#355f3f,#10261b 75%);padding:45px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.evidence-micro{font:11px 'Space Mono',monospace;direction:ltr;color:#cfff61;letter-spacing:.05em}
.evidence-total{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
.evidence-total strong{font:900 clamp(150px,19vw,320px)/1 Heebo,Arial,sans-serif;letter-spacing:-.1em;color:#cfff61}
.evidence-total span{font-size:25px;line-height:1.3}
.evidence-wheel{position:absolute;left:-180px;bottom:-290px;width:720px;height:720px;border:72px solid #cfff6123;border-top-color:#cfff6170;border-right-color:#b5f5b050;border-radius:50%;animation:studio-orbit 42s linear infinite;z-index:-1}
.evidence-wheel-center{position:absolute;top:50%;left:50%;font:900 110px Arial,sans-serif;transform:translate(-50%,-50%);color:#cfff6122}
.evidence-footnote{position:absolute;bottom:25px;right:35px;font:10px 'Space Mono',monospace;color:#d4e8d1;direction:ltr}
.evidence-story{padding:55px 45px;background:#1a3125;display:flex;flex-direction:column;justify-content:center}
.evidence-story h3{font:900 clamp(37px,4.4vw,72px)/1.06 Heebo,Arial,sans-serif;letter-spacing:-.06em;margin:26px 0 40px}
.evidence-distribution{height:24px;display:flex;direction:ltr;overflow:hidden;gap:4px;transform-origin:left;transform:scaleX(.02);transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.evidence-distribution.studio-active{transform:scaleX(1)}
.evidence-distribution span{display:block;height:100%}.evidence-phone{width:var(--share);background:#cfff61}.evidence-whatsapp{width:var(--share);background:#a9d8c0}.evidence-other{width:var(--share);background:#e4bce8}
.evidence-legend{margin-top:28px}.evidence-legend>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff35}
.evidence-legend i{width:12px;height:12px;border-radius:50%}.legend-phone{background:#cfff61}.legend-whatsapp{background:#a9d8c0}.legend-other{background:#e4bce8}
.evidence-legend strong{font:900 38px Heebo,Arial,sans-serif}.evidence-legend span{font-size:16px}
.evidence-meaning{font-size:17px;color:#c0d3c4;max-width:470px;margin-top:28px}
.evidence-bottom{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-top:25px}
.evidence-bottom span{white-space:nowrap;color:#cfff61;font:11px 'Space Mono',monospace}.evidence-bottom p{font-size:12px;color:#b8cdbb;max-width:750px}
@keyframes studio-orbit{to{rotate:360deg}}@keyframes studio-orbit-reverse{to{rotate:-360deg}}
@keyframes studio-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.atelier-intro,.work-head,.evidence-heading{display:block}.atelier-stage,.evidence-canvas{grid-template-columns:1fr}.atelier-art{min-height:460px}.atelier-content{padding:40px}.work-layout{grid-template-columns:1fr!important}.work-scene{min-height:430px!important}.work-info{min-height:340px}.work-gallery .pd-work-pin{height:auto}.evidence-hero{min-height:430px}.evidence-story{padding:35px}}
@media(max-width:600px){.atelier,.evidence-experience{padding:65px 0!important}.atelier-intro h2,.work-head h2,.evidence-heading h2{font-size:clamp(42px,11vw,62px)}.atelier-intro p,.work-head p,.evidence-heading p{font-size:16px}.atelier-art{min-height:350px}.atelier-art-ring{border-width:28px}.atelier-art-core{font-size:100px}.atelier-content{padding:27px 23px 40px}.atelier-count{font-size:56px}.atelier-content h3{font-size:47px}.atelier-switch{margin-top:25px}.atelier-switch button{padding:10px}.atelier-bottom{font-size:9px}.work-gallery .work-head{margin:25px 0}.work-scene{min-height:310px!important}.work-browser{height:240px;width:80%;border-width:5px}.work-browser-chrome{height:25px;font-size:8px}.work-browser img{height:calc(100% - 25px)!important}.work-info{padding:25px!important;min-height:320px}.work-info h3{font-size:48px!important}.work-info p{font-size:15px}.work-switch button{padding:13px 0}.work-foot{font-size:9px}.evidence-hero{min-height:370px;padding:28px}.evidence-total strong{font-size:clamp(130px,31vw,210px)}.evidence-total span{font-size:20px}.evidence-wheel{width:500px;height:500px;left:-170px;bottom:-250px;border-width:45px}.evidence-story{padding:30px 25px}.evidence-story h3{font-size:48px}.evidence-legend strong{font-size:33px}.evidence-legend span{font-size:14px}.evidence-bottom{display:block}.evidence-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.atelier-art-orbit,.atelier-art-ring,.evidence-wheel{animation:none!important}.evidence-distribution{transform:none!important;transition:none!important}.atelier-content.studio-change h3,.atelier-content.studio-change p{animation:none!important}}

/* Scoped override: ensure browser chrome and image remain aligned with old showcase rules. */
.pd-work-pin .showcase-screen .work-browser img{display:block!important;width:100%!important;height:calc(100% - 32px)!important;max-height:none!important;object-fit:cover!important;object-position:top!important;transform:none!important;box-shadow:none!important;border:0!important}
.work-gallery .showcase-screen.work-scene{display:grid!important;place-items:center!important;padding:15px!important}
@media(max-width:600px){.pd-work-pin .showcase-screen .work-browser img{height:calc(100% - 25px)!important}}