/* Shared editorial components; page worlds supply their own materials and motion. */
.fw-brand{display:flex;align-items:center;gap:12px;line-height:1!important}.fw-brand img{width:44px;height:48px;flex:none}.fw-brand>span{display:block}.fw-brand small{margin-top:8px!important}.custom-logo-link{display:block;max-width:230px;flex-shrink:0}.custom-logo{width:auto;max-width:100%;height:auto;max-height:76px;object-fit:contain}.studio-footer .custom-logo-link{max-width:205px}.fw-designed-section{--panel-bg:#f0e7dc;--panel-line:#202020;--panel-shadow:#202020;position:relative;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:44px;align-items:center;margin:64px 0 90px;padding:38px;border:1px solid var(--panel-line);border-radius:24px;background:var(--panel-bg);isolation:isolate;min-width:0}.fw-designed-section>*{min-width:0}.section-copy>.fw-chapter,.section-copy>.fw-visual-panel{display:block!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.section-copy h2{font-size:clamp(29px,3.1vw,47px);line-height:1.07;margin:0 0 24px!important;max-width:22ch}.section-copy p{font-size:16px;line-height:1.85;max-width:none!important;margin:0 0 20px}.section-copy p:last-child{margin-bottom:0}.section-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:280px;overflow:hidden;border:1px solid var(--panel-line);border-radius:17px;background:var(--cream);color:var(--ink);transition:box-shadow .4s,background .4s}.section-art-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:17px 20px;border-bottom:1px solid var(--line)}.section-drawing{width:100%;height:auto;max-height:330px;flex:1;min-height:190px;overflow:visible}.section-play{position:relative;align-self:flex-start;border:1px solid var(--ink);border-radius:30px;background:var(--cream);color:var(--ink);font-size:11px;line-height:1.4;margin:0 20px 20px;padding:10px 16px;cursor:pointer}.section-play span{display:inline-block;margin-left:15px;transition:transform .3s}.section-play:hover span{transform:rotate(45deg)}.section-play:focus-visible{outline:3px solid #a82d15;outline-offset:4px}.section-art .draw-primary,.section-art .draw-secondary{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.section-art[data-phase="1"] .draw-primary{transform:translateY(-14px) rotate(-7deg)}.section-art[data-phase="1"] .draw-secondary{transform:translate(-10px,15px) rotate(20deg)}.section-art[data-phase="2"] .draw-primary{transform:translateX(12px) scale(.9) rotate(5deg)}.section-art[data-phase="2"] .draw-secondary{transform:translateY(-12px) rotate(-20deg)}
.fw-designed-section.layout-bento{display:block;padding:0;border:0;background:transparent}.layout-bento .section-art{width:100%;min-height:0;margin-bottom:24px;display:grid;grid-template-columns:1fr 230px auto;align-items:center;background:var(--warm)}.layout-bento .section-art-top{border:0;padding:25px}.layout-bento .section-drawing{min-height:125px;height:155px}.layout-bento .section-play{margin:20px;align-self:center}.layout-bento .section-copy>.wp-block-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.layout-bento .section-copy h2{grid-column:1/-1;margin:10px 0 0!important;max-width:30ch}.layout-bento .section-copy p{padding:28px;border:1px solid var(--panel-line);border-radius:16px;background:var(--panel-bg);margin:0}.layout-poster{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);background:var(--orange);border-radius:4px 50px 4px 4px}.layout-poster .section-art{grid-column:2;grid-row:1;transform:rotate(3deg);box-shadow:7px 8px 0 var(--panel-shadow)}.layout-poster .section-copy{grid-column:1;grid-row:1}.layout-poster h2{font-size:clamp(34px,4vw,58px)}.layout-sequence{display:block;background:transparent;padding:0;border:0}.layout-sequence .section-art{float:left;width:36%;margin:0 34px 20px 0;min-height:300px}.layout-sequence .section-copy{padding:32px;border:1px solid var(--panel-line);border-radius:18px;background:var(--panel-bg)}.layout-sequence:after{content:'';display:block;clear:both}.fw-designed-section.is-in-view .section-art{box-shadow:5px 6px 0 var(--panel-shadow)}.fw-designed-section.is-in-view .draw-secondary{animation:section-idle 5s ease-in-out 1}.fw-designed-section .section-art:hover .draw-primary{translate:0 -5px}.studio-content .fw-faq{padding:35px;border:1px solid var(--ink);background:var(--neutral);border-radius:20px;margin:65px 0}.studio-content .fw-faq h2{max-width:22ch}.studio-content .fw-faq details{padding:20px 0;border-bottom:1px solid var(--line);margin:0}.studio-content .fw-faq summary{cursor:pointer;font-weight:700;line-height:1.6;padding-right:14px}.studio-content .fw-faq details[open]{background:var(--cream);padding:20px;border-radius:10px}.studio-content .fw-faq details[open] p{animation:faq-settle .25s ease-out}.studio-content .fw-faq details p{margin-top:15px}.production-stage,.service-card,.post-card{transition:transform .35s,box-shadow .35s}.production-stage:hover,.production-stage:focus-within{transform:translateY(-5px)}
/* Drawn sets, irregular frames and cel shadows continue below the 2D hero. */
.world-2d-animation .studio-content{background-image:radial-gradient(#20202012 1px,transparent 1px);background-size:18px 18px}.world-2d-animation .fw-designed-section{--panel-bg:#ffe4aa;border:2px solid var(--ink);border-radius:36px 8px 32px 12px;box-shadow:7px 8px 0 var(--ink)}.world-2d-animation .layout-bento,.world-2d-animation .layout-sequence{border:0;box-shadow:none}.world-2d-animation .section-art{border:2px solid var(--ink);border-radius:42% 40% 18px 18px;background:#fff8ef}.world-2d-animation .layout-bento .section-art{border-radius:25px 7px}.world-2d-animation .section-copy p{background-image:none}.world-2d-animation .layout-bento .section-copy p{border:2px solid var(--ink);border-radius:26px 6px;box-shadow:4px 5px 0 var(--ink)}.world-2d-animation .fw-faq{background:#ffe4aa;border:2px solid var(--ink);border-radius:28px 8px}.world-2d-animation .project-cta{background:var(--warm);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:24px}
/* Lit objects, perspective and dark material across the full 3D content stage. */
.world-3d-animation .studio-content{color:var(--cream);background:#202020;padding:30px max(5%,calc((100vw - 1200px)/2)) 65px;width:100%;max-width:none}.world-3d-animation .fw-designed-section{--panel-bg:#303030;--panel-line:#fff8ef55;--panel-shadow:#ff5a3650;background:linear-gradient(145deg,#3c3936,#292827);border-color:#fff8ef44;box-shadow:0 22px 45px #0005}.world-3d-animation .layout-bento,.world-3d-animation .layout-sequence{background:transparent;box-shadow:none}.world-3d-animation .section-art{background:radial-gradient(ellipse at 35% 20%,#645344,#242424);color:var(--cream);border-color:#fff8ef55;box-shadow:inset 0 1px 0 #fff8ef44}.world-3d-animation .layout-poster .section-art{transform:perspective(800px) rotateY(-9deg) rotateX(4deg)}.world-3d-animation .section-art-top{border-color:#fff8ef33}.world-3d-animation .section-copy p,.world-3d-animation .section-copy h2{color:var(--cream)}.world-3d-animation .studio-content a{color:#ffc857}.world-3d-animation .fw-faq{background:#303030;border-color:#fff8ef66}.world-3d-animation .fw-faq details{border-color:#fff8ef44}.world-3d-animation .fw-faq details[open]{background:#3a3733}.world-3d-animation .fw-faq p{color:var(--cream)}.world-3d-animation .fw-story-card{border-color:#fff8ef55}.world-3d-animation .related-services{border-color:#fff8ef55}.world-3d-animation .related-services a{background:#303030;border:1px solid #fff8ef66;padding:14px;border-radius:10px}.world-3d-animation .project-cta{background:linear-gradient(140deg,#ffc857,#ff8c5a);border-radius:25px;box-shadow:0 -10px 40px #0002}
/* Graphic editorial rhythm: geometry, scale and alternating silhouettes. */
.world-motion-graphics .fw-designed-section{--panel-bg:#ffc857;border-radius:2px 60px 2px 2px;border-width:2px}.world-motion-graphics .layout-bento,.world-motion-graphics .layout-sequence{border:0}.world-motion-graphics .layout-poster{background:var(--ink);color:var(--cream);--panel-line:#fff8ef66}.world-motion-graphics .layout-poster p{color:var(--cream)}.world-motion-graphics .section-art{border-radius:0;background:var(--cream)}.world-motion-graphics .layout-bento .section-copy p:nth-of-type(2){background:var(--orange)}.world-motion-graphics .section-art .draw-secondary{transform-origin:center}.world-motion-graphics .fw-faq{border-radius:0 45px 0 0;border-left:10px solid var(--orange)}.world-motion-graphics .project-cta{background:var(--warm);border-radius:0 75px 0 0}
/* Storyboard panels, gutters and reading order across every story chapter. */
.world-explainer-video-production .studio-content{counter-reset:storypage}.world-explainer-video-production .fw-designed-section{--panel-bg:#ffe8bc;border:2px solid var(--ink);border-radius:4px;box-shadow:6px 7px 0 var(--ink);counter-increment:storypage}.world-explainer-video-production .layout-bento,.world-explainer-video-production .layout-sequence{border:0;box-shadow:none}.world-explainer-video-production .section-art{border:2px solid var(--ink);border-radius:2px;background:#fff8ef}.world-explainer-video-production .section-art-top{background:var(--ink);color:var(--cream)}.world-explainer-video-production .layout-bento .section-copy p{border:2px solid var(--ink);border-radius:2px;box-shadow:5px 5px 0 var(--ink)}.world-explainer-video-production .layout-sequence .section-copy{border:2px solid var(--ink);border-radius:2px}.world-explainer-video-production .fw-faq{border:2px solid var(--ink);border-radius:2px;box-shadow:7px 7px 0 var(--ink);background:var(--warm)}.world-explainer-video-production .project-cta{background:var(--warm);border:2px solid var(--ink);border-radius:3px;box-shadow:7px 7px 0 var(--ink)}
/* Product workspaces: window chrome, grid canvas and interface cards. */
.world-saas-explainer-videos .studio-content{background-image:linear-gradient(#20202009 1px,transparent 1px),linear-gradient(90deg,#20202009 1px,transparent 1px);background-size:28px 28px}.world-saas-explainer-videos .fw-designed-section{--panel-bg:#e9ece3;border:1px solid #20202066;border-radius:16px;box-shadow:0 12px 30px #2020200b}.world-saas-explainer-videos .layout-bento,.world-saas-explainer-videos .layout-sequence{border:0;box-shadow:none}.world-saas-explainer-videos .section-art{background:#f5f5ed;border-radius:12px;box-shadow:0 8px 18px #20202012}.world-saas-explainer-videos .section-art-top{background:var(--ink);color:var(--cream);border:0}.world-saas-explainer-videos .layout-bento .section-art-top{align-self:stretch;align-items:center}.world-saas-explainer-videos .layout-poster{background:#dfe4d4}.world-saas-explainer-videos .layout-bento .section-copy p{border-top:5px solid var(--orange);background:var(--cream)}.world-saas-explainer-videos .fw-faq{background:#e9ece3;border-top:12px solid var(--ink)}.world-saas-explainer-videos .project-cta{background:#e9ece3;border:1px solid var(--ink);border-top:12px solid var(--ink);border-radius:16px}
@keyframes section-idle{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes faq-settle{from{transform:translateY(-4px)}to{transform:none}}
@media(min-width:1000px){.layout-split .section-art{position:sticky;top:30px;align-self:start}.layout-split .section-art .section-drawing{min-height:250px}}
@media(max-width:1000px){.fw-designed-section{gap:26px;padding:28px;grid-template-columns:minmax(200px,.7fr) minmax(0,1fr)}.layout-poster{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)}.layout-bento .section-art{grid-template-columns:1fr 170px}.layout-bento .section-play{grid-column:1/-1;justify-self:start;margin-top:0}.layout-sequence .section-art{width:40%;margin-right:24px}.section-copy h2{font-size:32px}.section-copy p{font-size:15px}}
@media(max-width:650px){.fw-brand{gap:7px}.fw-brand img{width:31px;height:37px}.fw-brand>span{font-size:27px}.fw-brand small{font-size:7px!important;letter-spacing:4px!important}.custom-logo-link{max-width:175px}.custom-logo{max-height:55px}.fw-designed-section{display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:25px;margin:40px 0 55px;border-radius:18px}.section-art{min-height:0;flex:none}.section-drawing{height:210px;min-height:0}.section-art-top{font-size:8px;padding:14px;letter-spacing:.8px}.section-play{margin:0 14px 14px}.section-copy h2{font-size:31px}.section-copy p{font-size:16px;line-height:1.85}.layout-poster .section-art{transform:none!important;order:0}.layout-poster .section-copy{order:1}.fw-designed-section.layout-bento{display:block}.layout-bento .section-art{display:flex;flex-direction:column}.layout-bento .section-art-top{align-self:stretch;padding:15px}.layout-bento .section-drawing{height:200px;min-height:0}.layout-bento .section-play{align-self:start;margin:0 15px 15px}.layout-bento .section-copy>.wp-block-group{grid-template-columns:1fr;gap:16px}.layout-bento .section-copy h2{margin-bottom:7px!important}.layout-bento .section-copy p{padding:22px}.layout-sequence .section-art{float:none;width:100%;margin:0 0 24px;min-height:0}.layout-sequence .section-copy{padding:23px}.studio-content .fw-faq{padding:25px 20px;margin:45px 0}.studio-content .fw-faq h2{font-size:31px}.world-3d-animation .studio-content{padding-inline:5%}.world-2d-animation .fw-designed-section,.world-explainer-video-production .fw-designed-section{box-shadow:4px 5px 0 var(--ink)}.world-2d-animation .layout-bento,.world-2d-animation .layout-sequence,.world-explainer-video-production .layout-bento,.world-explainer-video-production .layout-sequence{box-shadow:none}.world-saas-explainer-videos .layout-bento .section-art-top{align-items:center}.project-cta{max-width:90%}}
.motion-paused .section-art *{animation:none!important;transition:none!important}.motion-paused .section-art:hover .draw-primary{translate:none}@media(prefers-reduced-motion:reduce){.section-art *,.fw-designed-section *, .studio-content .fw-faq *{animation:none!important;transition:none!important}.section-art:hover .draw-primary{translate:none}.production-stage:hover{transform:none}}
/* Override legacy chapter grid placement inside the new editorial components. */
.studio-content .section-copy .fw-chapter>h2,.studio-content .section-copy .fw-chapter>p,.studio-content .section-copy .fw-visual-panel>h2,.studio-content .section-copy .fw-visual-panel>p{grid-row:auto;grid-column:auto;max-width:none;margin-bottom:20px}.studio-content .layout-bento .section-copy h2{grid-column:1/-1;grid-row:auto}.studio-content .layout-bento .section-copy p{margin:0}.layout-sequence .section-art{float:none;width:100%;margin:0 0 22px;min-height:0;display:grid;grid-template-columns:1fr 220px auto;align-items:center}.layout-sequence .section-art-top{border:0}.layout-sequence .section-drawing{height:170px;min-height:0}.layout-sequence .section-play{align-self:center;margin:20px}.layout-sequence .section-copy{border-left:8px solid var(--orange);padding:32px}.layout-sequence .section-copy p{max-width:85ch!important}.world-3d-animation .related-services{background:#303030;border:1px solid #fff8ef66}.world-3d-animation .studio-content .related-services a:hover{color:var(--cream);background:#202020}.world-3d-animation .studio-content a:hover{color:var(--cream)}
@media(max-width:650px){.layout-sequence .section-art{display:flex;flex-direction:column;align-items:stretch}.layout-sequence .section-art-top{align-self:stretch}.layout-sequence .section-drawing{height:210px}.layout-sequence .section-play{align-self:start;margin:0 15px 15px}.layout-sequence .section-copy{padding:22px}}
.site-header .mega-service .mini-scene{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.site-header .mega-service:hover .mini-scene,.site-header .mega-service:focus-visible .mini-scene{transform:translateY(-3px) rotate(-3deg)}.world-motion-graphics .section-art[data-phase="1"] .draw-secondary{transform:rotate(90deg) scale(.9)}.world-motion-graphics .section-art[data-phase="2"] .draw-primary{transform:scale(1.08,.85) rotate(-6deg)}.world-2d-animation .section-art[data-phase="1"] .draw-primary{transform:translateY(-10px) scale(.96,1.05)}.world-explainer-video-production .section-art[data-phase="1"] .draw-primary{transform:translate(8px,-6px) rotate(5deg)}.world-saas-explainer-videos .section-art[data-phase="2"] .draw-secondary{transform:translateX(-18px)}.world-3d-animation .section-art[data-phase="2"] .draw-primary{transform:translate(8px,-10px) scale(1.06)}
@media(prefers-reduced-motion:reduce){.site-header .mega-service .mini-scene{transition:none}.site-header .mega-service:hover .mini-scene{transform:none}}.motion-paused .site-header .mega-service .mini-scene{transition:none}

@media(prefers-reduced-motion:reduce){.fw-designed-section .section-art:hover .draw-primary{translate:none}}