.art-hero{min-height:calc(100dvh - 112px);margin-top:112px;display:grid;align-items:center;padding:clamp(52px,6vw,86px) 0;overflow:hidden;background:#171717}
.art-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,3vw,56px)}
.art-hero__copy{position:relative;z-index:2;min-width:0}
.art-hero h1{max-width:14ch;margin:0;font-family:var(--display);font-size:clamp(42px,4.4vw,66px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.art-hero h1 span,.art-heading h2 span{color:var(--blue)}
.art-hero h1>span{display:block;white-space:nowrap}
.art-hero--cg h1{max-width:none;font-size:clamp(28px,3.6vw,56px);white-space:nowrap}
.art-hero--cg h1>span{display:inline}
.art-hero .v-hero-actions{display:grid;grid-template-columns:repeat(2,max-content);align-items:stretch;gap:16px}
.art-hero .v-hero-actions .v-btn{justify-content:center;white-space:nowrap}
.art-hero__copy>p{max-width:38ch;margin:clamp(24px,2.5vw,34px) 0;font-size:clamp(18px,1.7vw,25px);line-height:1.45;color:#c8c8c2}
.art-hero__media{min-width:0;margin:0;display:flex;align-items:center;justify-content:flex-end}
.art-hero__media img{display:block;width:min(760px,112%);max-width:none;max-height:72dvh;object-fit:contain;filter:drop-shadow(0 34px 54px rgba(0,0,0,.46))}
.art-hero:has(.art-hero__media img[src$="character-creature-hero-woman.png"]){min-height:auto;padding:24px 0}
.art-hero:has(.art-hero__media img[src$="props-hero-stone-column.png"]){min-height:auto;padding:clamp(52px,6vw,86px) 0}
.art-hero__media img[src$="props-hero-stone-column.png"]{width:min(608px,89.6%);max-height:57.6dvh}
.art-hero__media img[src$="animation-hero-woman-motion-v2.png"]{width:min(608px,89.6%);max-height:57.6dvh}
.art-hero__media img[src$="trailer-hero-clapperboard.png"]{width:min(570px,84%);max-height:54dvh}
.art-hero__media img[src$="gameplay-trailer-hero-viking.png"]{width:min(646px,95.2%);max-height:61.2dvh}
.art-hero__media img[src*="cg-hero-action.png"]{width:min(680px,104%);max-height:61dvh;transform:translateX(clamp(28px,2.8vw,48px))}
.art-hero__media img[src$="vfx-hero-production-monitor.png"]{width:min(700px,100%)}
@media(min-width:1001px){.art-hero:has(.art-hero__media img[src$="props-car-hero.png"]) .art-hero__grid{transform:translateY(clamp(-70px,-4vw,-42px))}}
.art-ticker{overflow:hidden;background:var(--yellow);color:var(--ink);border-block:2px solid var(--ink)}
.art-ticker>div{display:flex;gap:0;width:max-content;min-width:max-content;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);animation:art-marquee 30s linear infinite;animation-play-state:running}
.art-ticker span{flex:none;padding:17px 28px;font-family:var(--display);font-size:13px;text-transform:uppercase;white-space:nowrap;backface-visibility:hidden}
.art-ticker span:after{content:"/";margin-left:56px;color:var(--blue)}
.art-ticker span{display:flex;align-items:center;gap:28px}
.art-ticker span:after{content:"";display:block;width:12px;height:22px;margin-left:28px;flex:none;background:var(--blue);clip-path:polygon(60% 0,8% 58%,43% 58%,27% 100%,94% 38%,58% 38%)}
.art-ticker span:after{display:block;min-width:12px;opacity:1;visibility:visible;color:inherit;background:currentColor}
@keyframes art-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.art-section,.art-showcase{padding:clamp(72px,8vw,116px) 0;background:#171717;color:var(--paper)}
.art-showcase{background:#1d1d1d}
.art-cases-section{overflow:visible}
.art-cases-section.v-cases-section:before{top:-73px;height:74px;background:url("assets/rough-divider-dark.svg?v=2") center/100% 100% no-repeat}
.art-heading{max-width:880px;margin-bottom:clamp(38px,5vw,70px)}
.art-heading h2{max-width:15ch;margin:0;font-family:var(--display);font-size:clamp(38px,4.5vw,66px);line-height:.98;letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance}
.art-heading p{max-width:58ch;margin:22px 0 0;font-size:clamp(18px,1.6vw,24px);line-height:1.48;color:var(--muted)}
.art-cap-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;padding:1px;background:var(--hair-strong)}
.art-cap-grid article{grid-column:span 4;min-width:0;min-height:260px;padding:clamp(24px,2.6vw,38px);border:0;background:#171717;transition:background .2s,transform .2s}
.art-cap-grid article:nth-child(n){grid-column:span 4}
.art-cap-grid article:hover{background:#202020;transform:translateY(-3px)}
.art-cap-grid b,.art-output-grid>article>span{font-family:var(--display);font-size:14px;color:var(--blue)}
.art-cap-grid b{display:block;width:34px;height:34px;font-size:0;background:currentColor;-webkit-mask:var(--cap-icon) center/contain no-repeat;mask:var(--cap-icon) center/contain no-repeat}
.art-cap-grid article:nth-child(1){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 24 2-7L22 4l6 6-13 13-8 1Z'/%3E%3Cpath d='m18 8 6 6M9 17l6 6M6 28h20'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid article:nth-child(2){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 25c5-8 2-13 8-18 4-3 10-1 12 4 2 6-2 13-8 15-5 2-9 1-12-1Z'/%3E%3Cpath d='M11 22c3-2 5-5 6-9M18 9c2 2 4 3 7 3'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid article:nth-child(3){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m16 3 12 7v12l-12 7-12-7V10l12-7Z'/%3E%3Cpath d='m4 10 12 7 12-7M16 17v12'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid article:nth-child(4){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M16 3S7 14 7 20a9 9 0 0 0 18 0c0-6-9-17-9-17Z'/%3E%3Cpath d='M12 22c1 2 3 3 5 3'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid article:nth-child(5){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='6' r='3'/%3E%3Ccircle cx='7' cy='17' r='3'/%3E%3Ccircle cx='25' cy='17' r='3'/%3E%3Ccircle cx='16' cy='27' r='3'/%3E%3Cpath d='m14 8-5 6M18 8l5 6M9 19l5 6M23 19l-5 6M10 17h12'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid article:nth-child(6){--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v8M20 4v8M8 12h16v3a8 8 0 0 1-8 8v5M5 28h22'/%3E%3C/g%3E%3C/svg%3E")}
.art-output-grid>article>span{display:block;width:34px;height:34px;font-size:0;background:currentColor;-webkit-mask:var(--output-icon) center/contain no-repeat;mask:var(--output-icon) center/contain no-repeat}
.art-output-grid>article:nth-child(1){--output-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2'%3E%3Ccircle cx='16' cy='16' r='9'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3Cpath d='M16 2v7M16 23v7M2 16h7M23 16h7'/%3E%3C/g%3E%3C/svg%3E")}
.art-output-grid>article:nth-child(2){--output-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='16' height='16'/%3E%3Cpath d='M11 11h16v16H11z'/%3E%3C/g%3E%3C/svg%3E")}
.art-output-grid>article:nth-child(3){--output-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='16' cy='9' r='4'/%3E%3Ccircle cx='7' cy='14' r='3'/%3E%3Ccircle cx='25' cy='14' r='3'/%3E%3Cpath d='M9 27v-3c0-4 3-7 7-7s7 3 7 7v3M2 26v-2c0-3 2-5 5-5M30 26v-2c0-3-2-5-5-5'/%3E%3C/g%3E%3C/svg%3E")}
.art-output-grid>article:nth-child(4){--output-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 27V5l19 5-19 6M12 24l4 4 10-12'/%3E%3C/g%3E%3C/svg%3E")}
.art-cap-grid h3,.art-output-grid h3{margin:54px 0 14px;font-family:var(--display);font-size:clamp(19px,1.5vw,24px);line-height:1.1;text-transform:uppercase;text-wrap:balance}
.art-cap-grid p,.art-output-grid p{max-width:32ch;margin:0;color:var(--muted);font-size:var(--fs-body);line-height:1.5}
.art-expertise{padding:clamp(72px,8vw,116px) 0;background:var(--yellow);color:var(--ink)}
.art-heading--ink p{color:rgba(23,23,23,.78)}.art-heading--ink h2 span{color:var(--blue)}
.art-strengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);border-top-width:3px}
.art-strengths article{min-height:220px;padding:clamp(24px,2.5vw,34px);border-right:1px solid rgba(23,23,23,.28)}
.art-strengths article:last-child{border-right:0}
.art-strengths h3{max-width:14ch;margin:0 0 60px;font-family:var(--display);font-size:clamp(18px,1.5vw,23px);line-height:1.1;text-transform:uppercase;text-wrap:balance}
.art-strengths p{margin:0;font-size:var(--fs-body);line-height:1.45;color:rgba(23,23,23,.76)}
.art-production{padding-block:clamp(48px,5vw,76px)}
.art-production .art-heading{margin-bottom:clamp(14px,2vw,28px)}
.art-production__visual{margin:0;width:100%;min-height:280px;display:flex;justify-content:center;align-items:center}
.art-production__visual img{display:block;width:min(1280px,100%);max-height:560px;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(0,0,0,.42))}
.art-production__visual--creatives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:clamp(12px,1.5vw,24px);min-height:0;align-items:center;margin-block:clamp(28px,3vw,44px)}
.art-production__visual--creatives img{width:100%;max-height:none;object-fit:contain;border:1px solid rgba(255,255,255,.2);filter:drop-shadow(0 20px 34px rgba(0,0,0,.4))}
.art-production__visual img[src$="gameplay-pipeline-viking-battle.png"]{width:min(1024px,80%);max-height:448px}
.art-production:has(.art-production__visual img[src$="advertising-pipeline.png"]) .art-heading{margin-bottom:0}
.art-production:has(.art-production__visual img[src$="advertising-pipeline.png"]) .art-production__visual{min-height:0}
.art-production:has(.art-production__visual img[src$="advertising-pipeline.png"]) .art-steps{margin-top:0}
.art-production:has(.art-production__visual img[src$="character-pipeline-stages.png"]) .art-production__visual{min-height:0;margin-block:-44px -52px}
.art-production:has(.art-production__visual img[src$="environment-pipeline-stages.png"]) .art-production__visual{min-height:0;margin-block:-64px -88px}
.art-production:has(.art-production__visual img[src$="props-pipeline-weapons.png"]) .art-production__visual{min-height:0;margin-block:-64px -70px}
.art-production:has(.art-production__visual img[src$="animation-pipeline-archer.png"]) .art-production__visual{min-height:0;margin-block:-54px -62px}
.art-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:clamp(14px,2vw,28px) 0 0;padding:2px 1px 1px;list-style:none;background:linear-gradient(var(--yellow) 0 2px,var(--hair-strong) 2px 100%)}
.art-steps li{display:flex;align-items:center;gap:18px;min-width:0;padding:24px 18px;border:0;background:#171717}
.art-steps b{font-family:var(--display);color:var(--blue);font-size:22px}.art-steps span{font-family:var(--display);font-size:13px;text-transform:uppercase;overflow-wrap:normal;word-break:normal}
.art-output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:var(--hair-strong)}
.art-output-grid article{min-width:0;min-height:310px;padding:clamp(26px,3vw,42px);border:0;background:#171717}
.art-output-grid article:nth-child(2){background:var(--blue);color:var(--ink)}.art-output-grid article:nth-child(3){background:var(--yellow);color:var(--ink)}
.art-output-grid article:nth-child(2)>span{color:var(--yellow)}
.art-output-grid article:nth-child(2) p,.art-output-grid article:nth-child(3) p{color:rgba(23,23,23,.78)}
.art-output-grid article:nth-child(4) h3{font-size:clamp(18px,1.35vw,22px)}
.art-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.art-format-grid article{display:flex;flex-direction:column;min-height:430px;padding:clamp(28px,3vw,44px);background:#202020;border-top:3px solid var(--blue)}
.art-format-grid article:nth-child(2){background:var(--blue);color:var(--ink);border-color:var(--yellow)}.art-format-grid article:nth-child(3){background:var(--yellow);color:var(--ink);border-color:var(--blue)}
.art-format-grid b{font-size:13px;text-transform:uppercase}.art-format-grid h3{margin:60px 0 20px;font-family:var(--display);font-size:clamp(24px,2vw,31px);line-height:1.05;text-transform:uppercase;text-wrap:balance}.art-format-grid p{margin:0 0 34px;font-size:var(--fs-body);line-height:1.5}.art-format-grid a{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:60px;padding:0 20px;background:#171717;color:var(--paper);font-family:var(--display);font-size:12px;text-transform:uppercase;white-space:nowrap}
.art-format-grid article:nth-child(2){padding-inline:clamp(40px,4vw,54px)}
.art-format-grid article:nth-child(2) h3{font-size:clamp(23px,1.8vw,28px)}
.art-faq{padding-inline:max(5vw,24px)}
@media(max-width:1000px){.art-hero{min-height:calc(100dvh - 76px);margin-top:76px}.art-hero__grid{grid-template-columns:1fr}.art-hero__media{justify-content:center}.art-hero__media img{width:min(680px,100%)}.art-cap-grid article,.art-cap-grid article:nth-child(n){grid-column:span 6}.art-strengths{grid-template-columns:repeat(2,1fr)}.art-strengths article{border-bottom:1px solid rgba(23,23,23,.28)}.art-strengths article:nth-child(2n){border-right:0}.art-strengths article:nth-last-child(-n+2){border-bottom:0}.art-output-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.art-production__visual--creatives{grid-template-columns:1fr}.art-production__visual--creatives img{width:min(520px,100%);margin-inline:auto}}
@media(max-width:1000px){.art-hero__media img[src*="cg-hero-action.png"]{width:min(620px,92%);transform:none}}
@media(max-width:760px){.art-hero{min-height:auto;margin-top:68px;padding-top:44px}.art-hero h1{font-size:clamp(38px,12vw,58px)}.art-hero__copy>p{font-size:18px}.art-hero .v-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-hero .v-hero-actions .v-btn{min-width:0;padding-inline:12px;font-size:clamp(9px,2.7vw,12px)}.art-cap-grid{grid-template-columns:1fr}.art-cap-grid article{min-height:auto}.art-strengths,.art-output-grid,.art-format-grid{grid-template-columns:1fr}.art-strengths article,.art-strengths article:nth-child(2n),.art-strengths article:nth-last-child(-n+2){min-height:auto;border-right:0;border-bottom:1px solid rgba(23,23,23,.28)}.art-strengths article:last-child{border-bottom:0}.art-steps{grid-template-columns:1fr}.art-format-grid article{min-height:360px}.art-format-grid article:nth-child(2){padding-inline:clamp(28px,8vw,40px)}.art-format-grid article:nth-child(2) h3{font-size:clamp(21px,7vw,26px)}}
@media(max-width:620px){.art-hero__copy,.art-hero h1,.art-heading{min-width:0;max-width:100%}.art-hero h1{font-size:clamp(30px,9.5vw,40px)}.art-heading h2{font-size:clamp(30px,9vw,36px)}}
@media(max-width:360px){.art-hero h1{font-size:30px}}
@media(max-width:560px){
  .art-hero__grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .art-hero__copy{display:contents}
  .art-hero h1{grid-row:1;margin:0}
  .art-hero__media{grid-row:2;width:100%;margin:0;justify-content:center}
  .art-hero__media img{width:auto;max-width:100%;max-height:380px;object-fit:contain}
  .art-hero__copy>p{grid-row:3;margin:0}
  .art-hero .v-hero-actions{grid-row:4;width:100%;grid-template-columns:1fr}
  .art-hero .v-hero-actions .v-btn{width:100%;min-width:0}

  /* Long service names stay inside the phone viewport and occupy two lines. */
  .page-gameplay-trailers .art-hero h1,
  .page-character-creature .art-hero h1{
    font-size:clamp(25px,7.5vw,32px);
    line-height:.96;
    letter-spacing:-.045em;
    text-wrap:initial;
  }
  .page-gameplay-trailers .art-hero h1>span,
  .page-character-creature .art-hero h1>span{display:block;white-space:nowrap}

  /* Desktop negative optical margins made pipeline art collide with the steps. */
  .art-production:has(.art-production__visual img) .art-production__visual{
    min-height:0;
    margin:0;
    padding:44px 0;
    box-sizing:border-box;
    overflow:visible;
  }
  .art-production__visual img,
  .art-production__visual img[src$="gameplay-pipeline-viking-battle.png"]{
    width:100%;
    max-width:100%;
    max-height:none;
    object-fit:contain;
  }
  .art-production:has(.art-production__visual img[src$="props-pipeline-weapons.png"]) .art-production__visual,
  .art-production:has(.art-production__visual img[src$="animation-pipeline-archer.png"]) .art-production__visual{
    padding-top:64px;
    padding-bottom:72px;
  }
  .art-steps{position:relative;z-index:1;margin-top:0}

  /* Keep the divider at its desktop scale and crop it through the viewport. */
  .art-cases-section.v-cases-section:before{
    top:-73px;
    height:74px;
    background-size:1920px 74px;
    background-position:center;
  }
}
@media(prefers-reduced-motion:reduce){.art-ticker>div{animation:none}}