/* Exyo / motion, imagery and editorial interiors */
#nudot-loader .nd-logo{gap:34px!important}#nudot-loader .nd-letter{width:clamp(70px,10vw,145px);height:clamp(70px,10vw,145px)}#nudot-loader .nd-letter img{width:100%;height:100%;object-fit:contain}#nudot-loader .exyo-loader-frames{position:relative;width:clamp(120px,20vw,290px);height:clamp(80px,13vw,185px);overflow:hidden;border-radius:2px}#nudot-loader .exyo-loader-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:loaderFrame .65s step-end both}#nudot-loader .exyo-loader-frames img:nth-child(1){animation-delay:.15s}#nudot-loader .exyo-loader-frames img:nth-child(2){animation-delay:.8s}#nudot-loader .exyo-loader-frames img:nth-child(3){animation-delay:1.45s}@keyframes loaderFrame{0%,99%{opacity:1}100%{opacity:0}}video{background:#0b0911}.hero-section .hero-quick-links a{text-shadow:0 1px 12px #000,0 1px 3px #000}.exyo-inner .exyo-top-nav{position:absolute;z-index:10001}.inner-hero{position:relative;overflow:hidden}.service-hero{background:radial-gradient(ellipse at 90% 75%,#48326333,transparent 50%)}.service-hero .lede{position:relative;z-index:2}.hero-seal{position:absolute;left:5%;bottom:120px;display:flex;align-items:center;gap:24px}.hero-seal img{width:72px;height:72px;animation:sealRotate 24s linear infinite}.hero-seal span{font-size:9px;line-height:1.7;letter-spacing:.12em;color:#b7a8cc}@keyframes sealRotate{to{transform:rotate(360deg)}}.service-demo{padding:100px 7%;background:#17121e;position:relative;overflow:hidden;border-block:1px solid #ffffff18}.demo-desarrollo-software{background:radial-gradient(ellipse at 60% 10%,#66507b55,transparent 65%),#141019}.product-window{border:1px solid #81708f60;background:#17151c;box-shadow:0 35px 90px #0008;border-radius:12px;transform:perspective(1600px) rotateY(-5deg) rotateX(3deg)}.window-top{padding:20px 26px;border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between;font-size:11px;color:#bfaed1}.workspace-grid{display:grid;grid-template-columns:180px 1fr;min-height:450px}.workspace-grid aside{padding:35px 24px;font-size:12px;line-height:3.4;border-right:1px solid #ffffff15;color:#88808e}.workspace-grid aside b{color:#dec6ff}.workspace-main{padding:40px}.workspace-main>small{font-size:9px;letter-spacing:.15em;color:#ba9cdb}.workspace-main h3{font-size:clamp(30px,3.5vw,55px);line-height:1.05;letter-spacing:-.05em;font-weight:400;margin:20px 0 40px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kanban small{font-size:8px;letter-spacing:.1em;color:#93869e}.kanban p{padding:20px 15px;background:#25212c;border-top:2px solid #a383cb;border-radius:4px;font-size:12px;margin-top:15px}.kanban p span{display:block;font-size:9px;color:#9b93a3;margin-top:12px}.ai-layout{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:30px;align-items:center}.source-stack>small,.answer-panel>small{font-size:9px;letter-spacing:.12em;color:#c0abd9}.source-stack>div{border:1px solid #ffffff25;padding:25px 20px;margin-top:15px;font-size:15px;background:#ffffff05}.source-stack span{display:block;font-size:11px;color:#92849d;margin-top:10px}.ai-orb{aspect-ratio:1;border-radius:50%;border:1px solid #be94e34d;box-shadow:0 0 90px #ab65ed20,inset 0 0 50px #a977e71c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;position:relative}.ai-orb:before{content:'';position:absolute;inset:-13px;border-radius:50%;border:1px dashed #ffffff20;animation:sealRotate 35s linear infinite}.ai-orb img{width:35%}.ai-orb span{font-size:8px;letter-spacing:.1em}.answer-panel{border:1px solid #7f668b;padding:30px;background:#28212f}.answer-panel p{font-size:16px;line-height:1.7}.answer-panel .question{color:#dbbcfc;font-size:20px;margin:30px 0}.citations{font-size:10px;color:#baa3d0;padding:20px 0}.answer-panel footer{border-top:1px solid #ffffff20;padding-top:20px;font-size:10px;color:#9e90aa;line-height:1.7}.flow-heading{display:flex;justify-content:space-between;font-size:10px;color:#a99ab5;margin-bottom:70px}.workflow{display:flex;align-items:center;gap:25px}.workflow>div{flex:1;min-height:200px;border-top:1px solid #b59ad2;padding:28px 0}.workflow small{color:#bba1d6;font-size:9px;letter-spacing:.1em}.workflow b{display:block;font-size:clamp(22px,2.5vw,38px);font-weight:400;letter-spacing:-.035em;margin:38px 0 20px}.workflow p{font-size:13px;color:#a094ac}.workflow i{font-size:30px;color:#a87bd6;font-style:normal}.flow-rail{border-top:1px solid #ffffff20;padding-top:30px;display:flex;gap:40px;font-size:11px;color:#b3a4c1}.browser-stage{max-width:1100px;margin:auto;border:1px solid #ffffff25;box-shadow:0 25px 100px #0008}.browser-chrome{display:flex;justify-content:space-between;background:#222127;padding:17px 24px;font-size:11px;color:#aaa}.browser-stage img{display:block;width:100%;max-height:650px;object-fit:cover}.browser-stage>a{display:block;background:#e6dfec;color:#201725;padding:20px 24px;font-size:11px;letter-spacing:.08em}.editorial-break{background:#e5e0e9;color:#21192b}.editorial-break p{color:#665a72}.editorial-break .section-index{color:#776782}.capability-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.capability-tags span{font-size:11px;border:1px solid #8d7b9e55;padding:10px 15px;border-radius:30px}.related-work{padding:80px 5%}.related-work>a{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;border-top:1px solid #ffffff25;padding-top:45px}.related-work img{width:100%;aspect-ratio:1.6;object-fit:cover}.related-work small{font-size:10px;letter-spacing:.1em;color:#aa8bc6}.related-work h2{font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.05em;margin:25px 0}.related-work p{font-size:15px;color:#a69cac}.studio-mosaic{padding:0 5% 90px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.studio-mosaic figure{margin:0;position:relative;overflow:hidden}.studio-mosaic figure:first-child{grid-row:span 2}.studio-mosaic img{width:100%;height:100%;object-fit:cover;min-height:250px;transition:transform .7s}.studio-mosaic figure:hover img{transform:scale(1.035)}.studio-mosaic figcaption{position:absolute;bottom:20px;left:20px;font-size:9px;letter-spacing:.1em;color:#fff;text-shadow:0 2px 6px #000}.studio-mosaic>div{background:#bdabd2;color:#21152b;padding:35px}.studio-mosaic>div span{font-size:clamp(35px,5vw,70px);line-height:1;letter-spacing:-.05em;display:block}.studio-mosaic small{font-size:9px;display:block;margin-top:40px;letter-spacing:.12em}.service-ribbon{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:60px;padding-top:20px;font-size:12px;letter-spacing:.1em;color:#b99fd3}.contact-hero .lede{position:relative;z-index:1}.contact-symbol{position:absolute;right:8%;top:90px;font-size:clamp(170px,28vw,420px);line-height:1;color:#b094cd20;pointer-events:none}.projects-hero{padding-bottom:50px}.project-strip{display:flex;gap:20px;height:190px;margin-top:60px;transform:rotate(-3deg);width:65%;margin-left:auto}.project-strip img{width:32%;object-fit:cover;border:1px solid #ffffff20}.project-strip img:nth-child(2){transform:translateY(-20px)}.case-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff25;margin-top:45px;padding-top:25px;font-size:9px;color:#a78fbb;letter-spacing:.1em}.case-specs b{display:block;margin-top:10px;font-size:13px;color:#e2d9e9;font-weight:400;letter-spacing:0}.case-body{max-width:1100px}.case-body img{border-radius:2px;box-shadow:0 15px 50px #0005}.zoomable{cursor:zoom-in}.exyo-lightbox{background:#09080bf5;color:white;border:0;max-width:none;max-height:none;width:100%;height:100dvh;padding:65px 5vw;position:fixed;inset:0;margin:0}.exyo-lightbox img{width:100%;height:100%;object-fit:contain}.exyo-lightbox button{position:absolute;right:4vw;top:22px;color:white;border:1px solid #ffffff55;background:#17131f;padding:10px 20px;cursor:pointer}.exyo-lightbox::backdrop{background:#000}.archive-project .archive-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.archive-project:hover .archive-img img{transform:scale(1.04)}.archive-img{overflow:hidden}.case-hero{min-height:auto}.full-visual,.case-visual{background:#17131c}.media-unavailable{background:#17131c}
@media(max-width:767px){#nudot-loader .nd-logo{gap:18px!important}#nudot-loader .nd-letter{width:65px;height:65px}#nudot-loader .exyo-loader-frames{width:115px;height:85px}.hero-seal{position:static;margin-top:35px}.hero-seal img{width:40px;height:40px}.hero-seal span{font-size:8px}.service-demo{padding:50px 5%}.workspace-grid{grid-template-columns:1fr}.workspace-grid aside{display:none}.workspace-main{padding:25px 15px}.window-top{padding:15px;font-size:8px}.kanban{gap:7px}.kanban p{padding:12px 8px;font-size:10px;min-height:85px}.kanban small{font-size:7px}.kanban p span{font-size:8px}.product-window{transform:none}.ai-layout{grid-template-columns:1fr;gap:35px}.source-stack>div{padding:16px}.ai-orb{width:150px;margin:auto}.answer-panel{padding:25px}.workflow{flex-direction:column;align-items:stretch;gap:10px}.workflow>div{min-height:0;padding:22px 0}.workflow b{margin:20px 0 12px;font-size:32px}.workflow i{transform:rotate(90deg);align-self:center}.flow-heading{gap:25px;line-height:1.6;margin-bottom:30px;font-size:8px}.flow-rail{gap:15px;flex-wrap:wrap;font-size:9px}.related-work{padding:50px 5%}.related-work>a{grid-template-columns:1fr;gap:30px}.studio-mosaic{grid-template-columns:1fr;padding-bottom:50px}.studio-mosaic figure:first-child{grid-row:auto;min-height:350px}.studio-mosaic>div{padding:30px}.service-ribbon{gap:15px;flex-wrap:wrap;font-size:9px}.project-strip{width:100%;height:110px;margin-top:40px;gap:10px}.contact-symbol{top:120px;right:0}.case-specs{grid-template-columns:1fr 1fr;gap:25px}.browser-chrome{font-size:8px;padding:12px}.browser-stage>a{padding:16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-seal img,.ai-orb:before{animation:none}.archive-project .archive-img img,.studio-mosaic img{transition:none}}

/* The solid background belongs to the cube/text sequence, not the intro. */
#dark-wrapper{background:#080808!important}#dark-wrapper>video,.mobile-cube-bg{display:none!important}.mobile-cube-section{background:#080808!important}.exyo-hero-reel{position:absolute;inset:0;z-index:0;background:#080808;pointer-events:none}.reel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;overflow:hidden}.reel-slide.is-active{opacity:1}.reel-slide img,.reel-slide video{width:100%;height:100%;object-fit:cover;display:block}.reel-slide img{transform:scale(1.04);transition:transform 10s linear}.reel-slide.is-active img{transform:scale(1)}.exyo-hero-reel:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 35%,#0003 65%,#0009)}.exyo-reel-nav{position:absolute;left:3%;right:3%;bottom:18%;z-index:25;display:flex;align-items:center;gap:25px;color:white;font-size:10px;letter-spacing:.1em}.exyo-reel-nav button{width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;background:#08080855;color:#fff;cursor:pointer;font-size:18px}.exyo-reel-nav button:hover{background:#b6a1e7;color:#111}.reel-caption{margin-left:auto}.exyo-reel-nav~.overlay-ui{pointer-events:none}.overlay-ui a,.overlay-ui button{pointer-events:auto}@media(max-width:767px){.exyo-reel-nav{left:5%;right:5%;bottom:24%;gap:12px;font-size:8px}.exyo-reel-nav button{width:30px;height:30px}.reel-caption{max-width:135px;text-align:right;line-height:1.6}}
.hero-section .overlay-ui{mix-blend-mode:difference;color:#fff;text-shadow:none}.exyo-hero-reel:after{background:linear-gradient(#0008,transparent 35%,#0005 65%,#000b)}

.hero-section .huge-text{font-size:clamp(62px,8.8vw,190px)}.hero-section .top-header{gap:20px}.hero-section .small-tag{padding-left:0}@media(max-width:767px){.hero-section .huge-text{font-size:10vw}.hero-section .top-header{gap:10px}}
/* The eight XY images, their dimensions and timing are defined in brand.css. */
/* Art direction: deliberately mixed image proportions, preserving each composition. */
#intro-panel #ip-wave-thumb{height:auto!important;object-fit:contain!important;max-height:37vh;max-width:24vw;width:15vw;aspect-ratio:auto!important;transition:width .4s cubic-bezier(.2,.7,.2,1)}#intro-panel #ip-wave-thumb[data-format="wide"]{width:23vw}#intro-panel #ip-wave-thumb[data-format="square"]{width:17vw}#intro-panel #ip-wave-thumb[data-format="tall"]{width:12vw}@media(max-width:767px){#intro-panel #ip-wave-thumb{width:40vw;max-width:64vw;max-height:30svh}#intro-panel #ip-wave-thumb[data-format="wide"]{width:62vw}#intro-panel #ip-wave-thumb[data-format="square"]{width:44vw}#intro-panel #ip-wave-thumb[data-format="tall"]{width:32vw}}
