@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/barlow-condensed-700.woff2') format('woff2')}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/barlow-condensed-800.woff2') format('woff2')}@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/barlow-condensed-900.woff2') format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin-variable.woff2') format('woff2')}
:root{--cream:#f4e6cc;--black:#171617;--purple:#9828e6;--muted:#c7bda9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif;line-height:1.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header,footer{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}header{border-bottom:1px solid #ffffff20}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:39px;letter-spacing:-1px;line-height:.85;display:block}.brand span{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:9px}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}.nav-cta{border:1px solid #f4e6cc77;padding:10px 20px;transform:rotate(-2deg)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;padding:72px 6% 100px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 22px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.98;margin:0;letter-spacing:-1px}h1{font-size:clamp(64px,7.9vw,118px)}em{font-style:normal;color:var(--purple)}.intro{font-size:17px;max-width:470px;color:var(--muted);margin:27px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 25px;background:var(--purple);font-weight:700;border:0;color:var(--cream);cursor:pointer;box-shadow:5px 5px 0 #080808;transition:transform .2s}.button:hover{transform:translateY(-3px) rotate(-1deg)}.quiet{display:block;margin-top:23px;font-size:14px;color:var(--muted)}.hero-art{position:relative;transform:rotate(3deg);margin:0 0 10px}.hero-art img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 47%;border:9px solid var(--cream);box-shadow:15px 18px 0 #9828e638}.tape{position:absolute;top:-15px;left:35%;width:125px;height:35px;background:#d4b998bd;transform:rotate(-9deg);z-index:1}.sticker{position:absolute;bottom:35px;left:-35px;background:var(--cream);color:var(--black);font:800 29px/1 'Barlow Condensed',Impact,sans-serif;padding:18px 25px;transform:rotate(-9deg);box-shadow:4px 5px #111}.art-note{display:block;text-align:right;font-size:12px;margin-top:15px}.ribbon{background:var(--purple);padding:20px;text-align:center;font:800 clamp(19px,3vw,32px) 'Barlow Condensed',sans-serif;word-spacing:7px;transform:rotate(-1.5deg);overflow:hidden}.ribbon span{margin:0 25px}.section{max-width:1440px;padding:100px 6%;margin:auto}h2{font-size:clamp(42px,5.2vw,74px)}.section-heading>p:last-child{max-width:490px;color:var(--muted);margin:25px 0 42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.paper{background:var(--cream);color:var(--black);padding:30px 28px 36px;clip-path:polygon(0 1%,8% 0,18% 1%,29% 0,43% 1%,58% 0,75% 1%,90% 0,100% 1%,99% 100%,84% 99%,69% 100%,53% 99%,39% 100%,24% 99%,9% 100%,0 99%)}.paper:nth-child(1){transform:rotate(-1deg)}.paper:nth-child(3){transform:rotate(1deg)}.purple{background:var(--purple);color:var(--cream)}.card-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:1px;border-bottom:1px solid currentColor;padding-bottom:20px;margin-bottom:30px}.card-top span:first-child{font-size:22px}h3{font-size:43px}.paper p{min-height:77px}.paper ul{padding:0;list-style:none;font-size:14px;margin:22px 0 32px}.paper li{border-bottom:1px solid #17161725;padding:9px 0}.paper a{font-weight:700;font-size:14px;border-bottom:2px solid currentColor;padding-bottom:5px}.visual{background:var(--cream);color:var(--black);max-width:none;transform:skewY(-1deg)}.visual>*{transform:skewY(1deg);max-width:1250px;margin-left:auto;margin-right:auto}.visual-bottom{display:flex;align-items:center;gap:50px;margin-top:35px}.visual-bottom p{max-width:510px}.big-star{font-size:100px;line-height:1;color:var(--purple)}.dark{background:var(--black);white-space:nowrap}.method{display:grid;grid-template-columns:1fr 1fr;gap:80px}.method ol{list-style:none;padding:0;margin:0}.method li{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid #ffffff30}.method li>span{color:var(--purple);font:800 35px 'Barlow Condensed',sans-serif}.method h3{font-size:28px}.method li p{color:var(--muted);font-size:15px}.studio{padding-top:10px}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px}.studio-copy .eyebrow{grid-column:1/-1;margin:0}.studio-copy>p:not(.eyebrow){max-width:450px;color:var(--muted)}.caption{font-size:12px;grid-column:1/-1;margin:5px 0 20px}.studio img{width:100%;display:block}.contact{border-top:1px solid #ffffff30;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:100px}.contact p{color:var(--muted)}.demo-label{display:inline-block;font-size:12px;border:1px dashed #ffffff50;padding:9px 12px;margin-top:20px}form{display:grid;gap:10px}form>label,legend{font-size:14px;font-weight:700}input,textarea,select{width:100%;padding:13px;background:#242224;border:1px solid #ffffff38;border-radius:0;color:var(--cream);margin-bottom:10px}fieldset{border:0;padding:0;margin:8px 0 20px;display:flex;flex-wrap:wrap;gap:14px}legend{margin-bottom:12px}fieldset label{font-size:14px}input[type=checkbox]{width:auto;accent-color:var(--purple);margin-right:6px}small{font-weight:400}form .button{justify-content:center}#feedback{font-size:14px;margin:0}footer{border-top:1px solid #ffffff30;font-size:13px;padding-top:35px;padding-bottom:35px}:focus-visible{outline:3px solid #f3af4c;outline-offset:5px}@media(max-width:800px){header{padding:22px 6%}nav{gap:15px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:60px}.hero-art{max-width:470px;margin:0 15px}.hero-art img{aspect-ratio:1/1;object-position:center 45%}.sticker{left:-20px;font-size:24px}h1{font-size:78px}.section{padding:70px 6%}.cards{grid-template-columns:1fr;gap:25px}.paper p{min-height:0}.paper{padding:30px}.visual-bottom{flex-wrap:wrap;gap:15px}.big-star{font-size:65px}.method,.contact{grid-template-columns:1fr;gap:30px}.studio-copy{display:block}.studio-copy .eyebrow{margin-bottom:20px}.studio img{margin-top:25px}.contact h2{font-size:76px}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Immersive Bandit journey */
html{scroll-padding-top:95px}body{overflow-x:clip}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);color:#171617;padding:15px}.skip:focus{top:20px}.site-header{position:fixed;inset:0 0 auto;z-index:40;max-width:none;padding:22px 5%;background:linear-gradient(#100f12ed,#100f1299);backdrop-filter:blur(12px);border:0}.brand span{font-size:12px;letter-spacing:2px}nav{gap:30px}.nav-cta{background:var(--cream);color:var(--black);border:0}.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--purple);transform:scaleX(0);transform-origin:left;z-index:50}.hero.cinematic{position:relative;isolation:isolate;display:flex;min-height:100svh;max-width:none;padding:155px 7% 100px;margin:0;overflow:hidden;align-items:center}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:#181419}.hero-backdrop img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(var(--hero-scale,1.02));will-change:transform}.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141215 12%,#141215e8 33%,#14121535 65%,#14121505),linear-gradient(0deg,#141215 0%,transparent 35%)}.hero-copy{width:60%;max-width:810px;position:relative}.hero h1{font-size:clamp(72px,8vw,130px);line-height:.92;letter-spacing:-.025em;text-shadow:0 4px 20px #0003}.hero .eyebrow{font-size:12px;letter-spacing:2px}.hero .intro{max-width:400px;font-size:16px;line-height:1.6}.hero em{color:#b947ff}.scene-footer{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;z-index:3}.scene-footer a{border-bottom:1px solid;padding-bottom:4px}.ribbon{position:relative;z-index:4;margin:-1px 0;padding:17px 0;transform:rotate(-2deg) scale(1.04);white-space:nowrap;text-align:left;font-size:30px;box-shadow:0 8px 30px #0007}.ribbon>div{transform:translateX(var(--ribbon-x,0px));will-change:transform}.scene-track{position:relative;min-height:145svh;--progress:0}.scene{position:sticky;top:0;min-height:100svh;isolation:isolate;overflow:hidden;padding:145px 7% 100px;display:flex;align-items:center;gap:8%;background:#171419}.scene-image,.visual-room{position:absolute;inset:0;z-index:-2;background:url('assets/room.png') center/cover;transform:scale(calc(1.04 + var(--progress)*.08));will-change:transform}.scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100e12f5,#100e12d9 36%,#100e1222 80%),linear-gradient(0deg,#151216bd,transparent 50%)}.oversize{position:absolute;bottom:3%;right:-1%;font:900 clamp(130px,23vw,360px)/.85 'Barlow Condensed',Impact,sans-serif;color:#f4e6cc0c;letter-spacing:-.035em;z-index:-1;transform:translateX(calc(var(--progress)*-45px));pointer-events:none}.scene-content{width:48%;max-width:650px;position:relative;z-index:2;transform:translateY(calc((.5 - var(--progress))*16px))}.scene h2{font-size:clamp(64px,7.7vw,122px);line-height:.93;letter-spacing:-.02em}.scene-content>p:not(.eyebrow){font-size:18px;max-width:460px;line-height:1.6;margin:26px 0}.scene .eyebrow{font-size:14px}.service-list{list-style:none;padding:0;margin:28px 0 32px;max-width:440px}.service-list li{font-size:16px;border-bottom:1px solid #f4e6cc35;padding:9px 0}.imagery .scene{background:#7620b2}.visual-room{opacity:.22;mix-blend-mode:luminosity;filter:grayscale(1);background-position:75% center}.imagery .scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#7620b2ed,#7620b260)}.imagery em{color:var(--cream)}.cream{background:var(--cream);color:var(--black)}.visual-statement{width:42%;transform:rotate(4deg) translateY(calc(var(--progress)*-35px));padding:35px 28px;border-left:3px solid var(--cream);text-shadow:5px 6px #27103080}.visual-statement>span{font-size:12px;font-weight:700;letter-spacing:2px}.visual-statement p{font:800 clamp(35px,4.2vw,72px)/1 'Barlow Condensed',Impact,sans-serif;margin:24px 0}.visual-statement strong{color:#ffc162;font-weight:900}.promotion .scene{background:var(--cream);color:var(--black)}.promotion .service-list li{border-color:#17161740}.promotion .oversize{color:#1716170c}.release-board{width:42%;max-width:470px;transform:rotate(-5deg) translateY(calc(var(--progress)*-30px));position:relative}.release-board>.eyebrow{color:#632387}.release-note{padding:25px 30px;margin:15px 0;background:#19151d;color:var(--cream);box-shadow:7px 8px 0 #17161722;transform:rotate(2deg)}.release-note:nth-of-type(2){background:var(--purple);transform:rotate(-3deg)}.release-note span{font-size:12px;letter-spacing:2px;display:block;margin-bottom:9px}.release-note strong{font:800 clamp(25px,3vw,45px)/1.1 'Barlow Condensed',Impact,sans-serif}.board-caption{font-size:14px;margin:30px 0}.method{padding-top:120px;padding-bottom:120px}.method h2{font-size:clamp(44px,5vw,78px)}.studio{padding-bottom:100px}.studio img{max-height:600px;object-fit:cover;border:1px solid #ffffff20}.contact{background:#201926;max-width:none;padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(72px,9vw,135px)}.demo-label{font-size:13px}.eyebrow{font-size:14px}.button{font-size:16px}.method li p{font-size:16px}.caption{font-size:14px}.scene-track:last-of-type{min-height:100svh}
@media(min-width:1600px){.scene-content{max-width:720px}.hero-copy{max-width:900px}.scene{gap:12%}}
@media(max-width:800px){.site-header{padding:20px 6%}.brand{font-size:32px}.brand span{font-size:10px}.nav-cta{padding:9px 13px;font-size:13px}.hero.cinematic{padding:135px 6% 100px;min-height:930px;min-height:max(870px,100svh);align-items:flex-start}.hero-copy{width:100%;max-width:500px}.hero h1{font-size:clamp(64px,12vw,90px);max-width:450px}.hero .intro{max-width:285px;font-size:16px}.hero .eyebrow{max-width:250px;font-size:12px;line-height:1.7}.hero-backdrop img{width:100%;height:75%;top:auto;bottom:0;object-position:62% 40%;opacity:.6}.hero-backdrop:after{background:linear-gradient(180deg,#141215 0%,#141215bb 46%,#14121515 76%,#141215 100%),linear-gradient(90deg,#14121590,transparent)}.scene-footer{left:6%;right:6%;font-size:11px;bottom:25px}.scene-footer>span:first-child{max-width:180px}.hero .scene-footer>span:first-child{display:none}.scene-footer>span:last-child{white-space:nowrap}.ribbon{font-size:24px}.scene-track{min-height:0}.scene{position:relative;padding:105px 6% 90px;min-height:100svh;display:block}.scene-content{width:100%;max-width:580px;transform:none}.scene h2{font-size:clamp(61px,12vw,88px)}.scene-content>p:not(.eyebrow){font-size:17px}.scene-image{background-position:65% center;transform:none}.scene-image:after{background:#100e12ca}.visual-statement{width:90%;margin:55px 0 15px 3%;padding:5px 22px;transform:rotate(3deg)}.visual-statement p{font-size:42px}.visual-statement p br{display:none}.visual-statement p br:after{content:' '}.visual-statement strong{display:block;margin-top:8px}.visual-room{transform:none}.release-board{width:90%;max-width:450px;margin:65px auto 10px;transform:rotate(-3deg)}.release-note strong{font-size:36px}.oversize{font-size:32vw;bottom:30px}.method{padding-top:80px;padding-bottom:80px}.contact{padding-top:80px}.studio img{object-fit:contain}.service-list{max-width:100%}}
@media(prefers-reduced-motion:reduce){.scene-track{min-height:0}.scene{position:relative}.scene-content,.scene-image,.visual-room,.hero-backdrop img,.ribbon>div,.oversize{transform:none!important}.scene{min-height:100svh}html{scroll-behavior:auto}}
/* Stu is the continuous foreground layer, the room passes behind him. */
.stu-companion{position:fixed;z-index:12;right:4vw;bottom:7vh;width:min(43vw,650px);height:65vh;pointer-events:none;isolation:isolate;transition:width .7s cubic-bezier(.2,.7,.2,1),height .7s cubic-bezier(.2,.7,.2,1),right .7s,bottom .7s;--actor-y:0px;--actor-r:0deg;--actor-s:1}
.stu-motion{position:relative;width:100%;height:100%;transform:translateY(var(--actor-y)) rotate(var(--actor-r)) scale(var(--actor-s));transform-origin:50% 100%;will-change:transform}
.stu-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;transform:translateY(28px) rotate(4deg) scale(.94);transition:opacity .24s ease,transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(9px 14px 4px #0005)}
.stu-pose.is-active{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.stu-companion[data-pose="visual"]{width:min(49vw,760px);right:1vw;height:59vh}
.stu-companion.is-docked{width:135px;height:180px;right:2vw;bottom:18px}
.hero-backdrop img{width:100%;object-position:60% center;opacity:.8}
.hero-backdrop:after{background:linear-gradient(90deg,#141215f5 0%,#141215dd 32%,#14121522 74%),linear-gradient(0deg,#141215,transparent 40%)}
.hero-copy{width:53%}.hero h1{font-size:clamp(68px,7.6vw,120px)}
.scene-track{min-height:175svh}.scene{padding-top:130px}.scene-content{width:47%;transform:translateY(calc((.5 - var(--progress))*65px))}
.scene-image{transform:scale(calc(1.03 + var(--progress)*.23)) translateX(calc(var(--progress)*-20px))}
.imagery .visual-room{opacity:.4;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(calc(1.12 + var(--progress)*.15)) rotate(calc(var(--progress)*-2deg))}
.visual-statement{position:absolute;right:5%;top:120px;width:38%;padding:0 0 0 22px;border-left-width:2px;transform:rotate(-3deg) translateX(calc((1 - var(--progress))*25px));z-index:1}
.visual-statement p{font-size:clamp(23px,2.4vw,38px);line-height:1.05;margin:10px 0}.visual-statement p br{display:none}.visual-statement strong{display:block}.visual-statement>span{font-size:12px}
.release-board{position:absolute;top:115px;right:5%;width:38%;max-width:620px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-3deg) translateX(calc((1 - var(--progress))*35px))}
.release-board>.eyebrow{grid-column:1/-1;margin:0}.release-note{margin:0;padding:15px 12px;box-shadow:4px 5px #17161725;transform:rotate(calc((1 - var(--progress))*-7deg))}.release-note span{font-size:10px;letter-spacing:.5px}.release-note strong{font-size:clamp(18px,1.8vw,29px)}.board-caption{grid-column:1/-1;margin:8px 0;font-size:13px}
.scene h2{transform:translateX(calc((1 - var(--progress))*-12px)) rotate(calc((1 - var(--progress))*-.6deg));transform-origin:left bottom}
.contact{padding-right:calc(7% + 90px)}
@media(max-width:1000px) and (min-width:801px){.stu-companion{width:44vw;height:52vh}.stu-companion[data-pose="visual"]{height:45vh}.scene-content{width:49%}.scene h2{font-size:75px}.release-board{right:3%;width:39%}}
@media(max-width:800px){.stu-companion{width:135px;height:190px;right:8px;bottom:16px}.stu-companion[data-pose="visual"]{width:185px;height:170px;right:0}.stu-companion.is-docked{width:100px;height:140px;right:5px;bottom:12px}.stu-companion.is-hero{width:64vw;height:38svh;right:0;bottom:10px}.hero.cinematic{min-height:1050px;min-height:max(980px,115svh);padding-bottom:310px}.hero-copy{width:100%}.hero h1{font-size:clamp(64px,12vw,90px)}.hero-backdrop img{width:100%;height:100%;opacity:.65}.hero .scene-footer{bottom:285px;right:6%}.scene-track{min-height:0}.scene{padding:105px 6% 220px}.scene-content{width:100%;transform:none}.scene-content>p:not(.eyebrow),.service-list{max-width:100%}.visual-statement{position:relative;top:auto;right:auto;width:100%;margin:55px 0 0;padding:0 0 0 18px;transform:rotate(-2deg)}.visual-statement p{font-size:31px;max-width:95%}.release-board{position:relative;top:auto;right:auto;width:100%;margin:55px 0 0;transform:rotate(-2deg);gap:8px}.release-note{padding:14px 10px}.release-note strong{font-size:23px}.scene-footer{bottom:180px}.contact{padding-right:6%;padding-bottom:175px}.method{padding-bottom:180px}.studio{padding-bottom:180px}.studio img{max-width:100%}.stu-companion.form-active{opacity:0}.scene h2{transform:none}}
@media(prefers-reduced-motion:reduce){.stu-companion,.stu-pose{transition:none}.stu-motion{transform:none}.scene-track{min-height:0}.scene-content,.scene h2,.visual-statement,.release-board{transform:none}.scene{position:relative}}

/* Form definitivo e pagine informative: integrazioni senza variazioni al layout principale. */
.scene-image,.visual-room{background-image:url('/assets/images/room.webp')}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacy-check{font-weight:400;line-height:1.45}.privacy-check a{text-decoration:underline;text-underline-offset:3px}.captcha{display:grid;gap:8px;margin:4px 0 14px}.captcha>label{font-size:14px;font-weight:700}.captcha-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.captcha-row img{background:var(--cream);border:1px solid #ffffff38}.captcha-row input{width:110px;margin:0}.captcha small{color:var(--muted)}.legal-page{max-width:900px;margin:0 auto;padding:170px 6% 100px}.legal-page h1{font-size:clamp(62px,9vw,112px)}.legal-lead{font-size:20px;color:var(--muted);max-width:680px;margin:32px 0 60px}.legal-page section{padding:30px 0;border-top:1px solid #ffffff30}.legal-page section h2{font-size:38px}.legal-page section p{color:var(--muted);max-width:720px}.legal-note{margin:35px 0;color:var(--muted);font-size:14px}.form-result{min-height:100svh;display:grid;place-items:center;padding:8%}.form-result>div{max-width:720px}.form-result h1{font-size:clamp(58px,9vw,110px)}.form-result p:not(.eyebrow){color:var(--muted);font-size:18px;margin:24px 0 35px}