/* Small interaction layer over Fantasy's captured public SSR markup. */
@font-face{font-display:swap;font-family:sans;font-style:normal;font-weight:500;src:url('/fonts/opensans.ttf') format('truetype')}
@font-face{font-display:swap;font-family:sans;font-style:italic;font-weight:500;src:url('/fonts/opensans-italic.ttf') format('truetype')}
@font-face{font-display:swap;font-family:condensed;font-style:normal;font-weight:700;src:url('/fonts/robotocondensed.ttf') format('truetype')}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
[class*="z-[9999]"].fixed.bg-black{display:none!important}
img.opacity-0{opacity:1!important}
.sh-logo,.sh-logo svg{opacity:1!important;visibility:visible!important}
.sh-toggle{opacity:1!important;visibility:visible!important}
.sh-toggle{background:rgba(255,255,255,.15);border-radius:9px;min-width:108px}
.study-mobile-toggle{display:none}
.media-hero{background:linear-gradient(180deg,#0c1215 0%,#12191c 52%,#000 100%)}
.study-hero-video{position:absolute;z-index:1;top:50%;left:50%;width:min(82vw,1120px);height:min(74vh,700px);object-fit:cover;object-position:center;transform:translate(-50%,-50%);pointer-events:none;border-radius:14px}
.media-fill video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
/* Keep complete interface diagrams readable inside the captured media frames. */
figure.media-fill:has(img[src$="-4.webp"]),figure.media-fill:has(img[src$="-5.webp"]){background-color:#09151d}
figure.media-fill img[src$="-4.webp"],figure.media-fill img[src$="-5.webp"]{object-fit:contain!important;background-color:#09151d}
.media-hero>.items-center,.media-hero>.absolute.bottom-0{z-index:2}
.study-menu{position:fixed;z-index:1000;inset:0;background:#0b0b0b;color:#fff;display:flex;flex-direction:column;padding:clamp(24px,3.5vw,55px);font-family:sans,Arial,Helvetica,sans-serif;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1),opacity .45s ease,visibility 0s .65s}
.study-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1),opacity .45s ease,visibility 0s}
.study-menu-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.study-menu-close{color:#fff;background:#363a3c;border:0;border-radius:9px;padding:15px 24px;font-size:15px;cursor:pointer}
.study-menu-nav{margin:auto 0;display:flex;flex-direction:column}
.study-menu-nav a{font-size:clamp(55px,9vw,145px);line-height:.95;letter-spacing:-.07em;padding:10px 0;border-bottom:1px solid #444;display:flex;justify-content:space-between;transition:color .2s,transform .2s}
.study-menu-nav a:hover{color:#b7b7b7;transform:translateX(12px)}
.study-menu-nav a{opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .65s cubic-bezier(.19,1,.22,1),color .2s}
.study-menu.is-open .study-menu-nav a{opacity:1;transform:translateY(0)}
.study-menu.is-open .study-menu-nav a:nth-child(1){transition-delay:.08s}
.study-menu.is-open .study-menu-nav a:nth-child(2){transition-delay:.13s}
.study-menu.is-open .study-menu-nav a:nth-child(3){transition-delay:.18s}
.study-menu.is-open .study-menu-nav a:nth-child(4){transition-delay:.23s}
.study-menu.is-open .study-menu-nav a:nth-child(5){transition-delay:.28s}
.study-menu-nav a:hover{transform:translateX(12px)!important}
.study-menu-nav small{font-size:.25em;align-self:center;letter-spacing:0}
.study-menu-foot{font-size:12px;color:#888}
.study-form-fields{display:flex;flex-direction:column;gap:22px}
.study-form-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#333}
.study-form-fields input,.study-form-fields textarea,.study-form-fields select{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;color:#111;padding:12px 0;font:inherit;font-size:18px;border-radius:0}
.study-form-fields textarea{resize:vertical;min-height:80px}
.study-form-fields .study-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.study-form-message{font-size:13px;color:#155d3a;margin-top:14px}
.study-contact-panel{display:none;font-size:clamp(24px,3vw,45px);line-height:1.15}
.study-contact-panel.is-active{display:block}
.contact-form.study-inactive{display:none}
.study-contact-panel a{text-decoration:underline}
.study-extra-article{max-width:1280px;margin:0 auto;border-top:1px solid #666;padding:28px 0}
.study-extra-article a{display:flex;align-items:center;justify-content:space-between;gap:25px;color:inherit;text-decoration:none;font-size:clamp(24px,3vw,45px)}
.study-extra-article small{font-size:13px;opacity:.6}
.study-private-note{position:fixed;left:8px;bottom:8px;z-index:999;font:11px Arial,sans-serif;color:#999;pointer-events:none;opacity:.3}
.study-motion-ready .media-hero h1{animation:study-hero-rise 1.15s cubic-bezier(.19,1,.22,1) .12s both}
.study-motion-ready .sh-logo,.study-motion-ready .sh-toggle{animation:study-header-in .75s ease both}
.study-motion-ready .study-reveal{opacity:0;transform:translate3d(0,46px,0);transition:opacity .8s ease,transform 1.05s cubic-bezier(.19,1,.22,1)}
.study-motion-ready .study-reveal.study-in-view{opacity:1;transform:translate3d(0,0,0)}
.study-motion-ready figure.study-reveal{transform:translate3d(0,35px,0) scale(.97)}
.study-motion-ready figure.study-reveal.study-in-view{transform:translate3d(0,0,0) scale(1)}
.study-case-list .case-list__media{display:block!important;opacity:0;pointer-events:none!important;transition:opacity .7s ease;overflow:hidden}
.study-case-list .case-list__media.study-case-active{opacity:1;pointer-events:auto!important}
.study-case-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.07);transition:transform 1.5s cubic-bezier(.19,1,.22,1);z-index:0}
.study-case-active .study-case-bg{transform:scale(1)}
.study-case-list .case-list__cards>section{opacity:.45;transition:opacity .55s ease}
.study-case-list .case-list__cards>section.study-case-active{opacity:1}
.study-case-list .case-list__cards>section h2{transition:transform .65s cubic-bezier(.19,1,.22,1)}
.study-case-list .case-list__cards>section.study-case-active h2{transform:translateY(-8px)}
.study-scrollrail{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:auto}
.study-scrollrail::-webkit-scrollbar{display:none}
.study-scrollrail>.js-slide{scroll-snap-align:start;flex-shrink:0}
.study-scrollrail.study-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.storytelling__flip{transform:translateY(var(--study-flip-y,0px)) scale(var(--study-flip-scale,1));transition:transform .18s ease-out;will-change:transform}
.study-page-wipe{position:fixed;inset:0;z-index:2000;background:#15191b;pointer-events:none;transform:translateY(101%);transition:transform .42s cubic-bezier(.76,0,.24,1)}
.study-page-wipe.is-leaving{transform:translateY(0)}
.btn{transition:transform .35s cubic-bezier(.19,1,.22,1),background-color .35s ease}
.btn:hover{transform:translateY(-3px)}
.btn svg{transition:transform .35s cubic-bezier(.19,1,.22,1)}
.btn:hover svg{transform:translateX(4px)}
@keyframes study-hero-rise{from{opacity:0;transform:translateY(58px)}to{opacity:1;transform:translateY(0)}}
@keyframes study-header-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.sh-toggle{display:none!important}.study-mobile-toggle{display:flex;position:fixed;right:16px;top:22px;width:50px;height:50px;z-index:900;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:9px;background:rgba(255,255,255,.17);color:#fff;cursor:pointer;backdrop-filter:blur(9px)}.study-mobile-toggle span{display:block;width:20px;height:2px;background:currentColor}.study-home-hero{overflow:hidden;background:#0b1215}.study-home-hero::before{content:"";position:absolute;inset:-40px;z-index:0;pointer-events:none;background:url('/nova-media/hero.webp') center/cover no-repeat;filter:blur(24px) brightness(.42)}.study-home-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 28%,transparent 56%,rgba(0,0,0,.72))}.study-home-hero .study-hero-video{top:0;left:0;width:100%;height:100vh;height:100dvh;min-height:100%;max-height:none;object-fit:cover;object-position:center;transform:none;border-radius:0;filter:blur(10px) brightness(.72);scale:1.08}.study-home-hero>.items-center,.study-home-hero>.absolute.bottom-0{z-index:2}.study-menu{padding:25px;overflow-y:auto}.study-menu-nav a{font-size:clamp(34px,11vw,55px);padding:clamp(8px,1.8vh,14px) 0}.study-form-fields .study-form-row{grid-template-columns:1fr}.study-case-list .case-list__media{transition:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.study-menu,.study-menu-nav a,.study-page-wipe,.study-reveal,.storytelling__flip,.study-case-bg,.study-case-list .case-list__media,.btn,.btn svg{animation:none!important;transition:none!important}.study-menu-nav a{opacity:1;transform:none}.study-motion-ready .study-reveal{opacity:1;transform:none}}
@media(max-width:700px){
  .study-home-hero::before{inset:0;background-image:url('/motion-media/hero-mobile.jpg');filter:none}
  .study-home-hero .study-hero-video{filter:none;scale:1;object-fit:cover}
}
/* Static counterparts for the source site's script-generated scroll panels. */
.study-feature-list > .absolute.inset-0{display:none}
.study-feature-list .case-list__cards{gap:clamp(26px,4vw,64px);padding:clamp(36px,7vw,100px) clamp(16px,3vw,48px);pointer-events:auto;overflow:visible}
.study-feature-card{position:relative;isolation:isolate;display:flex;min-height:clamp(560px,78svh,830px);overflow:hidden;border-radius:18px;background-color:#101921;background-size:cover;background-position:50% center;animation:study-panel-pan 18s ease-in-out infinite alternate}
.study-feature-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.36) 57%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.54),transparent 60%);pointer-events:none}
.study-feature-card > .relative{position:relative;z-index:2;min-height:inherit;width:100%;align-items:flex-end;padding:clamp(28px,5vw,72px)}
.study-feature-card .site-max{width:100%;margin:0;padding:0}
.study-feature-card .site-max > .relative{max-width:770px}
.study-feature-card h2{font-size:clamp(56px,8vw,122px);line-height:.93;letter-spacing:-.055em}
.study-feature-description{max-width:540px;margin-top:clamp(16px,3vw,36px);font-size:clamp(16px,1.7vw,22px);line-height:1.35;color:rgba(255,255,255,.88)}
.study-feature-link{display:inline-flex;align-items:center;margin-top:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.75);font-size:15px;font-weight:500;color:#fff;text-decoration:none;pointer-events:auto;transition:opacity .25s,transform .25s}
.study-feature-link:hover,.study-feature-link:focus-visible{opacity:.75;transform:translateX(6px)}
.study-story-hero{background:#071323 url('/motion-media/story.jpg') center/cover no-repeat;animation:study-panel-pan 20s ease-in-out infinite alternate}
.study-story-hero .media-hero-exp__media{display:none!important}
.study-story-hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.27) 45%,rgba(0,0,0,.86))}
@keyframes study-panel-pan{from{background-position:47% center}to{background-position:53% center}}
@media(max-width:700px){
  .study-feature-list .case-list__cards{padding:28px 14px;gap:24px}
  .study-feature-card{min-height:72svh;border-radius:14px}
  .study-feature-card::before{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.18) 78%)}
  .study-feature-card > .relative{padding:24px}
  .study-feature-card h2{font-size:clamp(46px,12vw,70px)}
  .study-feature-description{font-size:16px;max-width:340px}
  .study-feature-link{font-size:14px}
  .study-story-hero{background-position:center}
}
@media(prefers-reduced-motion:reduce){.study-feature-card,.study-story-hero{animation:none}}
/* Scroll-linked counterparts measured against the reference's pinned sequences. */
.study-home-hero .study-hero-video{inset:0;width:100%;height:100%;min-height:100%;max-height:none;transform:none;border-radius:0;filter:none;scale:1}
.study-scroll-text{opacity:1!important;transform:none!important;animation:none!important}
.study-word{display:inline-block;will-change:opacity,filter}
.study-scroll-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .25s;pointer-events:none}
.study-scroll-video.has-frame{opacity:1}
.study-gallery-float{position:fixed!important;inset:auto;z-index:2;margin:0;transform:none;max-width:none;max-height:none;background-size:cover;background-position:center}
.study-feature-underlay{display:none}
.study-scroll-linked .study-feature-underlay{display:block;position:absolute;inset:0}
.study-feature-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#080d14}
.study-feature-panel{position:absolute;inset:0;opacity:0;pointer-events:none;background-position:center;background-size:cover;transition:opacity .35s ease-out;transform:scale(1.035)}
.study-feature-panel.is-active{opacity:1;transform:scale(1);transition:opacity .35s ease-out,transform 1.25s cubic-bezier(.19,1,.22,1)}
.study-feature-panel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 58%)}
.study-feature-caption{position:absolute;z-index:2;left:3.2rem;bottom:4.8rem;max-width:40rem;color:#fff}
.study-feature-caption .study-feature-description{margin:0;font-size:18px;line-height:1.4;color:rgba(255,255,255,.72)}
.study-feature-caption .study-feature-link{margin-top:32px;padding:1.6rem 3.2rem;background:rgba(255,255,255,.2);border:0;border-radius:.9rem;font-size:1.6rem;backdrop-filter:blur(8px)}
.study-scroll-linked .study-feature-list .case-list__cards{gap:100svh 0;padding:100svh 0;pointer-events:none;overflow:hidden}
.study-scroll-linked .study-feature-card{display:block;min-height:0;overflow:visible;isolation:auto;border-radius:0;background:none!important;animation:none}
.study-scroll-linked .study-feature-card::before{display:none}
.study-scroll-linked .study-feature-card > .relative{min-height:0;padding:0;display:flex;align-items:flex-end}
.study-scroll-linked .study-feature-card .site-max{width:calc(100% - 64px);margin-inline:auto}
.study-scroll-linked .study-feature-card .site-max > .relative{max-width:none}
.study-scroll-linked .study-feature-card h2{font-size:clamp(60px,7.5vw,140px);line-height:1;letter-spacing:-.045em}
.study-scroll-linked .study-feature-card .study-feature-description,.study-scroll-linked .study-feature-card .study-feature-link{display:none}
.study-scroll-linked .study-story-hero{background:#060b13;animation:none}
.study-story-background{position:absolute;inset:-40px 0;background-size:cover;background-position:center;opacity:.72;will-change:transform}
.study-scroll-linked .storytelling__flip{width:100%;max-width:35rem!important;transform:none!important;transition:none!important}
.study-expanding-media{position:absolute;inset:auto;overflow:hidden;transform:none!important;max-width:none;max-height:none;min-width:0;min-height:0}
.study-scroll-linked .sh-logo__l{transition:opacity .3s}
.study-scroll-linked .sh.is-collapsed .sh-logo__l{opacity:0}
.study-scroll-linked .sh.is-collapsed .sh-toggle{min-width:62px;width:62px}
@media(max-width:649px){
  .study-scroll-linked .study-feature-card .site-max{width:calc(100% - 3.2rem)}
  .study-scroll-linked .study-feature-card h2{font-size:6rem}
  .study-scroll-linked .storytelling__flip{width:100%;max-width:20rem!important}
  .study-scroll-linked figure.media-fill[class*="max-s:max-w"]{max-width:15rem!important}
  .study-feature-caption{left:1.6rem;right:1.6rem;max-width:33.5rem}
  .study-feature-caption{bottom:5.2rem}
  .study-feature-caption .study-feature-description{font-size:2rem}
  .study-feature-caption .study-feature-link{margin-top:3.2rem;font-size:1.8rem;line-height:1}
  .study-scroll-linked .study-mobile-toggle{right:1.6rem;top:3rem;width:6.2rem;height:5rem}
}
@media(min-width:1440px){.study-scroll-linked .storytelling__flip{max-width:50rem!important}}