/* Three illustrated stories. Original PNG alpha is rendered without a blend filter. */
.creative-studio{--scene:#e6ebdf;--scene-accent:#486048;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.creative-studio[data-scene=team]{--scene:#eee3d8;--scene-accent:#93402e}
.creative-studio[data-scene=rest]{--scene:#e9e4db;--scene-accent:#5e654d}
.creative-studio .studio-editorial{padding:38px;justify-content:flex-start}
.creative-studio .studio-intro{max-width:39ch;margin-bottom:24px}
.creative-studio[data-enhanced=true] .studio-panels{min-height:285px}
.creative-studio .studio-panel{padding:22px 0 24px}
.creative-studio .studio-panel>.studio-chapter{max-width:none;margin:0 0 18px;color:var(--accent);font:10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.creative-studio .studio-quote{position:relative;margin:0;padding:0;border:0;color:var(--ink);font:italic clamp(23px,2.1vw,29px)/1.35 var(--serif);letter-spacing:-.35px;text-wrap:pretty}
.creative-studio .studio-quote::before{content:'«';position:absolute;left:-22px;top:-9px;color:var(--accent);font:italic 37px/1 var(--serif)}
.creative-studio .studio-quote p{margin:0;font:inherit;color:inherit}
.creative-studio .studio-panel>.studio-quote-credit{max-width:38ch;margin:18px 0 0;font:11px/1.5 var(--sans);color:var(--muted)}
.creative-studio .studio-tabs button{font-size:12px}
.creative-studio .studio-art{flex-direction:column;min-height:640px;max-height:none;padding:76px 12px 78px;background:var(--scene);overflow:hidden;transition:background .6s}
.creative-studio .studio-art-top{inset:24px 24px auto}
.creative-studio .studio-sticker{padding:10px 15px;font-size:11px;transform:rotate(-4deg);max-width:calc(100% - 66px)}
.creative-studio .studio-scene-stack{width:100%;max-width:620px}
.creative-studio .studio-frame{position:relative;width:100%;margin:0}
.creative-studio .studio-frame[hidden]{display:none!important}
.creative-studio .studio-mascot{display:block;width:100%;height:auto;max-width:none;max-height:none;mix-blend-mode:normal;object-fit:contain;aspect-ratio:1}
.creative-studio .studio-cat-bubble{position:absolute;z-index:2;right:4%;bottom:31%;padding:10px 18px;border:1px solid #a49580;border-radius:50% 50% 46% 44%;background:var(--paper);color:var(--ink);font:italic 20px/1.1 var(--serif);transform:rotate(8deg);box-shadow:0 4px 16px #292b2809}
.creative-studio .studio-cat-bubble::after{content:'';position:absolute;width:9px;height:9px;bottom:-4px;left:32%;background:var(--paper);border-right:1px solid #a49580;border-bottom:1px solid #a49580;transform:rotate(45deg)}
.creative-studio .studio-art-bottom{left:24px;right:24px;bottom:20px;align-items:center;min-height:56px}
.creative-studio .studio-signature{font:10px/1.6 var(--sans);max-width:220px}
.creative-studio .studio-signature [data-studio-signature]{margin:0;color:inherit}
.creative-studio .studio-motion{flex-shrink:0}
@keyframes studio-image-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes studio-scene-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.creative-studio:is([data-motion=on],[data-motion=paused]) .studio-mascot{animation:studio-image-drift 7s ease-in-out infinite}
.creative-studio[data-motion=paused] .studio-mascot,.creative-studio[data-visible=false] .studio-mascot{animation-play-state:paused}
.creative-studio.is-changing .studio-frame:not([hidden]){animation:studio-scene-reveal .45s ease-out}
@media(max-width:1100px){.creative-studio .studio-editorial{padding:30px}.creative-studio .studio-art{min-height:610px}.creative-studio .studio-art-top{inset:22px 18px auto}.creative-studio .studio-art-bottom{left:18px;right:18px}.creative-studio .studio-signature{max-width:160px}}
@media(max-width:800px){.creative-studio{grid-template-columns:1fr}.creative-studio .studio-art{grid-row:1;min-height:0;padding:68px 20px 76px}.creative-studio .studio-scene-stack{max-width:510px}.creative-studio .studio-editorial{padding:32px}.creative-studio .studio-intro{max-width:55ch}.creative-studio[data-enhanced=true] .studio-panels{min-height:230px}.creative-studio .studio-quote{max-width:40ch;font-size:26px}.creative-studio .studio-art-bottom{left:24px;right:24px}.creative-studio .studio-signature{max-width:250px}.creative-studio .studio-selector{max-width:none}}
@media(max-width:480px){.creative-studio .studio-editorial{padding:26px 22px}.creative-studio .studio-eyebrow{font-size:9px;margin-bottom:20px}.creative-studio .studio-art{padding:65px 8px 74px}.creative-studio .studio-art-top{inset:18px 16px auto}.creative-studio .studio-sticker{font-size:10px;padding:9px 12px;max-width:calc(100% - 55px)}.creative-studio .studio-art-bottom{left:16px;right:16px;bottom:14px;gap:8px}.creative-studio .studio-signature{font-size:9px;max-width:130px}.creative-studio .studio-signature [data-studio-signature]{display:block}.creative-studio .studio-motion{font-size:9px;max-width:134px;padding:6px 9px}.creative-studio .studio-quote{font-size:23px}.creative-studio .studio-quote::before{left:-17px;top:-5px;font-size:29px}.creative-studio .studio-panel>.studio-chapter{font-size:9px;letter-spacing:.1em}.creative-studio .studio-panel>.studio-quote-credit{font-size:10px}.creative-studio[data-enhanced=true] .studio-panels{min-height:290px}.creative-studio .studio-tabs button{font-size:10px;padding-inline:5px}.creative-studio .studio-cat-bubble{font-size:16px;padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.creative-studio,.creative-studio .studio-art{transition:none!important}.creative-studio .studio-mascot,.creative-studio .studio-frame{animation:none!important}}