/* nexora studio / original editorial direction, 2026-11-05 */
body.nx-studio{--studio-purple:#bab0d7;--studio-lime:#d0d953;--studio-black:#000;--studio-paper:#fff;color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif}
.nx-studio .shell{max-width:1440px;width:calc(100% - 112px);margin-inline:auto}
.nx-studio .site-header{height:92px;background:#000;color:#fff;border-bottom:1px solid #ffffff30;transition:height .28s ease,box-shadow .28s ease;z-index:100}
.nx-studio .site-header.is-scrolled{height:72px;box-shadow:0 8px 30px #00000020}
.nx-studio .header-inner{height:100%;min-height:0}.nx-studio .brand{width:100px}.nx-studio .brand img{max-height:58px;object-fit:contain}
.nx-studio .site-nav>a{font-weight:500;letter-spacing:.01em}.nx-studio .nav-contact{border-radius:100px!important;padding:15px 25px!important;color:#000!important;background:#d0d953!important}
.nx-studio .btn{border-radius:100px;min-height:55px;padding:16px 27px;gap:25px;font-size:15px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.nx-studio .btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #bab0d7}.nx-studio .btn:active{transform:translateY(0)}
.nx-studio a:focus-visible,.nx-studio button:focus-visible,.nx-studio summary:focus-visible{outline:3px solid #bab0d7;outline-offset:5px}
.nx-studio .hu-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;text-transform:uppercase}
.nx-studio .hu-hero{padding:95px 0 85px;background:#000;color:#fff;overflow:hidden}
.nx-studio .hu-hero h1{font-size:clamp(44px,5.5vw,86px);line-height:1.03;letter-spacing:-.055em;max-width:950px;color:#fff;font-weight:700;margin:22px 0 28px;text-wrap:balance}
.nx-studio .hu-hero .hu-lead{font-size:18px;line-height:1.7;max-width:650px;color:#ffffffc9}
.nx-studio .hu-hero .hu-note{color:#ffffffa8;font-size:12px;max-width:490px;line-height:1.6}.nx-studio .hu-hero .hu-call{color:#fff;font-size:13px}
.nx-studio .hu-hero-grid{gap:65px;align-items:center;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.nx-studio .nx-home-hero{padding-top:82px;padding-bottom:0;position:relative}
.nx-studio .nx-home-hero .hu-hero-grid{min-height:605px;padding-bottom:70px}
.nx-studio .nx-home-hero h1{font-size:clamp(54px,6.6vw,96px);max-width:820px;line-height:.99;letter-spacing:-.06em}.nx-home-hero h1 span{color:#d0d953;display:block}
.nx-studio .hu-portraits{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:480px;align-items:center}
.nx-studio .hu-portraits:before{content:"";position:absolute;width:350px;height:350px;border:1px solid #bab0d760;border-radius:50%;left:-25px;top:25px}
.nx-studio .hu-portraits figure{z-index:1;margin:0;transform:rotate(-5deg) translateY(-35px);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.nx-studio .hu-portraits figure+figure{transform:rotate(5deg) translateY(40px)}
.nx-studio .hu-portraits figure:hover{transform:rotate(0) translateY(-42px)}.nx-studio .hu-portraits figure+figure:hover{transform:rotate(0) translateY(33px)}
.nx-studio .hu-portrait-crop{height:330px;border-radius:130px 130px 16px 16px!important;background:#bab0d7;overflow:hidden;border:6px solid #bab0d7}
.nx-studio .hu-portrait-crop img{height:100%;width:100%;object-fit:cover;object-position:center 12%;transform:none}
.nx-studio .hu-portraits figcaption{margin-top:16px;color:#fff;font-size:12px;letter-spacing:.05em}
.nx-studio .nx-hero-caption{display:flex;align-items:center;justify-content:space-between;padding:25px 56px;border-top:1px solid #ffffff30;font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.nx-hero-caption a{color:#d0d953!important}.nx-studio .nx-hero-caption span:nth-child(2){font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:23px}
.nx-studio .hu-section{padding:100px 0}.nx-studio .hu-section-head{margin-bottom:45px}.nx-studio .hu-section h2{font-size:clamp(32px,4.5vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:700;max-width:950px}
.nx-studio .hu-soft{background:color-mix(in srgb,#bab0d7 18%,#fff)}.nx-studio .hu-reading{font-size:18px;line-height:1.8;max-width:850px}
.nx-studio .nx-services{background:#fff;border-radius:38px 38px 0 0;position:relative;margin-top:-1px}
.nx-service-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.nx-service-index{min-width:0}
.nx-system{margin:0;padding:30px;background:#d0d953;border-radius:24px;color:#000;position:relative}
.nx-system figcaption{font-size:17px;font-weight:bold;display:flex;justify-content:space-between;gap:20px}.nx-system figcaption span{font-size:10px;line-height:1.4;font-weight:normal;max-width:80px;text-transform:uppercase;letter-spacing:.08em}
.nx-system svg{display:block;width:100%;height:auto;margin:10px 0}.nx-system p{font-size:12px;max-width:300px;margin:0;line-height:1.6}
.nx-wires path{stroke-dasharray:6 5}.nx-motion-ready .nx-wires path{animation:nx-connect 9s linear infinite}.nx-system.is-paused .nx-wires path{animation-play-state:paused}.nx-motion-toggle{display:none;border:0;border-bottom:1px solid #000;background:none;color:#000;padding:10px 0;font-size:10px;margin-top:12px;cursor:pointer}.nx-motion-ready .nx-motion-toggle{display:inline-flex}
@keyframes nx-connect{to{stroke-dashoffset:-110}}
.nx-studio .nx-service-row{display:grid;grid-template-columns:30px 1fr;gap:10px 16px;padding:23px 0;border-bottom:1px solid #0003;border-radius:0;background:transparent;position:relative;color:#000;transition:padding .25s ease}
.nx-studio .nx-service-row:hover{padding-left:12px}.nx-service-number{grid-row:1/4;font-size:10px;letter-spacing:.08em;padding-top:5px}.nx-service-row h3{font-size:24px;letter-spacing:-.035em;margin:0!important}.nx-service-row p{font-size:13px;line-height:1.5;max-width:370px;margin:0!important}.nx-service-row svg{position:absolute;right:0;top:30px;width:20px}
.nx-studio .nx-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.nx-studio .hu-case-card{border:0;border-bottom:1px solid #0003;border-radius:0;padding:28px 0;background:none;box-shadow:none;transition:transform .3s ease}
.nx-studio .hu-case-card h3{font-size:29px;line-height:1.15;letter-spacing:-.035em}.nx-studio .hu-case-card p{font-size:15px;line-height:1.7;max-width:700px}
.nx-studio .nx-showcase{grid-column:1/-1;display:block;padding:0 0 38px;margin-bottom:25px;overflow:visible}
.nx-showcase>h3,.nx-showcase>p,.nx-showcase>.hu-eyebrow,.nx-showcase>.hu-text-link{margin-left:0!important}
.nx-project-stage{height:560px;background:#bab0d7;border-radius:24px;position:relative;overflow:hidden;margin-bottom:30px;padding:60px 85px;isolation:isolate}
.nx-putzig .nx-project-stage{background:#d0d953}.nx-project-stage:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #0003;border-radius:50%;right:-180px;top:-240px;z-index:-1}
.nx-browser{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 26px 45px #0003;transform:perspective(1200px) rotateY(-6deg) rotateX(4deg) rotateZ(-3deg);transition:transform .8s cubic-bezier(.2,.7,.2,1);width:87%;background:#fff}
.nx-showcase:hover .nx-browser,.nx-showcase:focus-visible .nx-browser{transform:perspective(1200px) rotateY(0) rotateX(0) rotateZ(0) translateY(-8px)}
.nx-browser-bar{height:28px;display:flex;align-items:center;gap:4px;background:#fff;padding:0 12px;color:#000}.nx-browser-bar i{width:5px;height:5px;border-radius:50%;background:#0004}.nx-browser-bar span{font-size:8px;text-align:center;flex:1;letter-spacing:.03em}
.nx-studio .nx-browser img{display:block;width:100%;height:390px;object-fit:cover;object-position:top;border-radius:0;margin:0}
.nx-phone{position:absolute;right:6%;top:130px;width:170px;height:350px;border:6px solid #000;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 20px 35px #0004;transform:rotate(7deg);transition:transform .7s ease}
.nx-studio .nx-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;margin:0;border-radius:0}.nx-showcase:hover .nx-phone{transform:rotate(3deg) translateY(-12px)}
.nx-project-tag{position:absolute;bottom:25px;left:35px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.nx-studio .hu-case-logo{height:65px;margin-bottom:18px}.nx-studio .hu-case-logo img{max-height:55px}
.nx-studio .hu-service-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.nx-studio .hu-service-rows>div{border:0;border-top:1px solid #0003;border-radius:0;padding:26px 0;background:none}.nx-studio .hu-service-rows h3{font-size:24px;letter-spacing:-.03em}
.nx-studio #kontakt-start{background:#d0d953;color:#000}.nx-studio #kontakt-start .btn-primary{background:#000;color:#fff}.nx-studio .hu-faq details{border-radius:0;border:0;border-top:1px solid #0003;background:none;padding:20px 0}.nx-studio .hu-faq summary{font-size:20px;line-height:1.4}
.nx-studio .hu-contact-note{background:#bab0d7;color:#000;border-radius:90px 12px 12px 12px;border:0;padding:45px 30px;transform:rotate(2deg)}.nx-studio .hu-contact-note p,.nx-studio .hu-contact-note a{color:#000}.nx-studio .hu-contact-note .hu-phone{font-size:28px;letter-spacing:-.035em}
.nx-studio .hu-people img{width:60px;height:75px;border-radius:50%}.nx-studio .hu-people{gap:16px}
.nx-studio .contact-entry{padding-top:95px}.nx-studio .contact-form{border-radius:24px;border:1px solid #0002;padding:35px}.nx-studio .contact-entry h1{font-size:clamp(40px,5vw,70px);letter-spacing:-.05em;line-height:1.06}
.nx-studio .site-footer{background:#000;color:#fff;padding-top:65px}.nx-studio .footer-grid{gap:40px}
.nx-studio .nx-enter{animation:nx-enter .75s ease both}@keyframes nx-enter{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.nx-studio .nx-home-hero h1{font-size:106px}}
@media(max-width:1000px){.nx-studio .shell{width:calc(100% - 64px)}.nx-studio .hu-hero-grid{gap:35px;grid-template-columns:1.2fr .8fr}.nx-studio .hu-portrait-crop{height:250px}.nx-studio .hu-portraits{min-height:370px;gap:12px}.nx-studio .hu-portraits:before{width:240px;height:240px}.nx-service-layout{gap:35px}.nx-studio .nx-home-hero h1{font-size:64px}.nx-project-stage{padding:60px 45px;height:460px}.nx-studio .nx-browser img{height:300px}.nx-phone{height:290px;width:140px}}
@media(max-width:760px){.nx-studio .shell{width:calc(100% - 40px)}.nx-studio .site-header{height:76px}.nx-studio .site-header.is-scrolled{height:66px}.nx-studio .brand img{height:46px}.nx-studio .site-nav{background:#000;color:#fff;top:100%;padding:20px;border-radius:0}.nx-studio .site-nav a,.nx-studio .nav-services summary{color:#fff}.nx-studio .nav-services-menu{color:#000}.nx-studio .nav-services-menu a{color:#000}
.nx-studio .hu-hero{padding:55px 0}.nx-studio .hu-hero-grid{grid-template-columns:1fr;gap:35px}.nx-studio .hu-hero h1,.nx-studio .nx-home-hero h1{font-size:clamp(44px,11.5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:20px 0}.nx-studio .hu-hero .hu-lead{font-size:16px;line-height:1.65}.nx-studio .hu-hero .hu-actions{gap:20px}.nx-studio .hu-actions .btn{width:auto;min-width:0}.nx-studio .hu-hero .hu-call{font-size:12px}.nx-studio .nx-home-hero .hu-hero-grid{min-height:0;padding-bottom:45px}
.nx-studio .hu-portraits{max-width:420px;width:100%;min-height:310px;margin:auto;padding:15px 18px 30px}.nx-studio .hu-portrait-crop{height:245px;border-width:4px}.nx-studio .hu-portraits figure{transform:rotate(-5deg) translateY(-10px)}.nx-studio .hu-portraits figure+figure{transform:rotate(5deg) translateY(20px)}.nx-studio .hu-portraits:before{width:260px;height:260px;left:15%;top:20px}.nx-studio .hu-portraits figcaption{font-size:11px}.nx-studio .nx-hero-caption{padding:20px;gap:15px;font-size:9px;letter-spacing:.06em}.nx-studio .nx-hero-caption span:nth-child(2){display:none}
.nx-studio .hu-section{padding:60px 0}.nx-studio .hu-section h2{font-size:38px}.nx-studio .hu-section-head{margin-bottom:25px}.nx-service-layout{grid-template-columns:1fr;gap:25px}.nx-system{padding:20px;border-radius:18px}.nx-system svg{max-height:330px}.nx-studio .nx-service-row{padding:20px 0}.nx-service-row h3{font-size:23px}.nx-studio .nx-project-grid{grid-template-columns:1fr;gap:15px}.nx-project-stage{height:310px;border-radius:15px;padding:40px 22px}.nx-browser{width:87%;border-radius:7px}.nx-browser-bar{height:18px;padding:0 8px}.nx-browser-bar span{font-size:6px}.nx-studio .nx-browser img{height:205px}.nx-phone{width:95px;height:200px;border-width:4px;border-radius:19px;right:5%;top:75px}.nx-project-tag{bottom:14px;left:20px;font-size:8px}.nx-studio .nx-showcase{margin-bottom:20px;padding-bottom:25px}.nx-studio .hu-case-card h3{font-size:28px}.nx-studio .hu-service-rows{grid-template-columns:1fr}.nx-studio .hu-reading{font-size:16px}.nx-studio .hu-contact-note{transform:none;max-width:500px;border-radius:35px 10px 10px}.nx-studio .contact-form{padding:22px 18px}.nx-studio .hu-faq summary{font-size:18px}.nx-studio .contact-entry{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.nx-studio *,.nx-studio *:before,.nx-studio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.nx-studio .hu-portraits figure,.nx-studio .hu-portraits figure+figure,.nx-studio .nx-browser,.nx-studio .nx-phone{transform:none!important}.nx-motion-toggle{display:none!important}}

.nx-system.is-offscreen .nx-wires path{animation-play-state:paused}
.nx-studio .hu-hero .hu-eyebrow{color:#bab0d7}.nx-system svg text{stroke:none!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:500}.nx-system svg{stroke:none}.nx-studio .hu-hero .hu-note{color:#ffffffb3}
.nx-studio main a:focus-visible,.nx-studio main button:focus-visible,.nx-studio main summary:focus-visible{outline-color:#000}.nx-studio .hu-hero a:focus-visible{outline-color:#bab0d7}

/* Large authentic project views on the two website case studies. */
.nx-studio .nx-detail-showcase{max-width:none;overflow:visible;border:0;background:none;box-shadow:none;border-radius:0;padding:0;text-decoration:none}
.nx-studio .nx-detail-showcase>.nx-project-stage{margin-bottom:18px}
.nx-studio .nx-detail-showcase>span{display:flex;align-items:center;gap:16px;padding:0;color:#000;font-size:15px}
.nx-studio .nx-detail-showcase:focus-visible .nx-phone{transform:rotate(3deg) translateY(-12px)}