@charset "UTF-8";
/* Native 3D, light and scroll choreography. Content and scrolling remain native. */
:root{--cinema-ease:cubic-bezier(.16,1,.3,1)}
.hero{height:132svh;min-height:920px}
.hero-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.4s}
.hero.scene-live .hero-ribbon{opacity:1}
.hero.scene-live .hero-visual{opacity:.07;transition:opacity 1.5s}
.hero-aura{background:radial-gradient(ellipse at 50% 75%,#235fca4d,transparent 59%),radial-gradient(ellipse at 20% 15%,#23447722,transparent 46%);animation:ambient-breath 14s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(180deg,#050b18d9 0%,#050b1870 27%,#050b1800 48%,#050b1800 78%,#050b18 100%)}
.hero-copy{position:relative;z-index:3}
.hero h1 em{background-size:200% 100%;animation:letter-light 10s ease-in-out infinite alternate}
.hero h1>span{animation-duration:1.55s}
.hero h1>span:nth-child(2){animation-delay:.2s}
.hero-description{animation-delay:.5s}
.hero-actions{animation-delay:.65s}
.button-blue{position:relative;isolation:isolate;box-shadow:0 10px 40px #2455df33;overflow:hidden}
.button-blue:before{content:"";position:absolute;inset:-60% -40%;background:linear-gradient(100deg,transparent 32%,#fff3 48%,transparent 64%);transform:translateX(-80%) rotate(12deg);transition:transform .8s var(--cinema-ease);z-index:-1;pointer-events:none}
.button-blue:hover:before{transform:translateX(80%) rotate(12deg)}
.button,.project-open,.nav-contact{transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .5s var(--cinema-ease),background .3s,box-shadow .3s}
.button-blue:hover{box-shadow:0 15px 55px #2455df55}
.page-hero:before{transition:transform 1s var(--cinema-ease);transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.045)}
.page-title-accent,.blue-text{background-size:180% 100%}
.intro{position:relative;z-index:2;border-radius:34px 34px 0 0;margin-top:-34px;padding-top:calc(clamp(90px,10.5vw,168px) + 15px)}
.js [data-reveal]{transition-timing-function:var(--cinema-ease);transition-duration:1.05s}
.js [data-reveal]:not(.is-visible){transform:translate3d(0,48px,0)}
.experience{position:relative;z-index:2;border-radius:34px 34px 0 0;margin-top:-34px}
.experience-panel{box-shadow:0 22px 85px #18376312;transition:box-shadow .6s,border-color .6s;animation:scene-appear .7s var(--cinema-ease)}
.experience-panel:hover{box-shadow:0 28px 100px #1837631c;border-color:#b3c7e5}
.experience-art:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,40%),#729cff1f,transparent 58%);pointer-events:none;z-index:4}
.is-in-view .orbit-one{animation:orbit-sway-one 22s ease-in-out infinite alternate}
.is-in-view .orbit-two{animation:orbit-sway-two 28s ease-in-out infinite alternate}
.is-in-view .orbit-three{animation:orbit-sway-three 32s ease-in-out infinite alternate}
.is-in-view .orbit-core{animation:core-breath 7s ease-in-out infinite alternate}
.is-in-view .format-post{animation:editorial-post 9s ease-in-out infinite alternate}
.is-in-view .format-reel{animation:editorial-reel 11s ease-in-out infinite alternate}
.project-scene{perspective:1600px;box-shadow:0 18px 45px #203b5d0c;transition:box-shadow .6s,border-color .6s}
.project-scene:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,35%),#fff3,transparent 58%);opacity:0;transition:opacity .6s;mix-blend-mode:soft-light}
.project-scene:hover:after{opacity:1}
.project-scene:hover{box-shadow:0 30px 65px #1b3a6226;border-color:#8faed8}
.project-devices{transform-style:preserve-3d}
.project-monitor{transform:translate3d(0,var(--monitor-lift,0px),22px) rotateX(var(--monitor-turn,0deg));transform-origin:center 70%;transition:transform .16s linear;will-change:transform}
.project-phone{transform:translate3d(0,var(--phone-lift,0px),60px) rotate(calc(5deg + var(--device-roll,0deg)));transition:transform .16s linear;will-change:transform}
.project-scene-social .project-phone{transform:translate3d(0,var(--phone-lift,0px),60px) rotate(calc(-3deg + var(--device-roll,0deg)))}
.social-showcase-1{transform:translate3d(0,var(--tile-lift,0px),10px) rotate(calc(-11deg - var(--device-roll,0deg)))}
.social-showcase-2{transform:translate3d(0,calc(var(--tile-lift,0px)*-.5),25px) rotate(calc(9deg + var(--device-roll,0deg)))}
.project-caption h2,.project-caption h3{transition:color .35s,letter-spacing .6s var(--cinema-ease)}
.project-card:hover .project-caption h2,.project-card:hover .project-caption h3{color:#1c4bb3;letter-spacing:-.055em}
.method-preview{isolation:isolate;overflow:clip}
.method-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050e21e8 0%,#050e21c2 47%,#050e21b3 100%),radial-gradient(ellipse at var(--light-x,70%) var(--light-y,55%),#2d6ae71a,transparent 60%);z-index:-1;pointer-events:none}
.method-preview-list p{color:#c2cfe5}
.story-stage:before{opacity:.6;filter:saturate(1.15)}
.story-stage:after{background:radial-gradient(ellipse at calc(25% + var(--story-progress,0)*60%) 55%,#285fe32e,transparent 55%),linear-gradient(90deg,#071126d9 8%,#07112633 80%)}
.story-step{transition:opacity .65s var(--cinema-ease),transform .9s var(--cinema-ease),color .6s}
.story-step.is-active{transform:translateX(18px)}
.story-step h3{transition:filter .8s,color .6s}
.story-step.is-active h3{filter:drop-shadow(0 0 25px #6c9eff22)}
.story-step p{transition:opacity .7s,transform .7s var(--cinema-ease)}
.story-step:not(.is-active) p{opacity:.8;transform:translateX(9px)}
.mobile-menu{background:radial-gradient(ellipse at 90% 100%,#173d8070,transparent 66%),#050b18}
.mobile-menu:not([hidden])>a{animation:menu-arrive .55s var(--cinema-ease) both}
.mobile-menu>a:nth-child(2){animation-delay:.04s}.mobile-menu>a:nth-child(3){animation-delay:.08s}.mobile-menu>a:nth-child(4){animation-delay:.12s}.mobile-menu>a:nth-child(5){animation-delay:.16s}.mobile-menu>a:nth-child(6){animation-delay:.2s}
.page-cta:before{transform:scale(1.08) translateY(var(--cta-drift,0px));transition:transform .3s linear}
.laptop-chapter{position:relative;background:#050b18;color:#fff;height:245svh;min-height:1700px;overflow:clip;--laptop-open:1;--lid-angle:0deg;--laptop-scale:.82;--laptop-yaw:0deg;--laptop-pitch:-13deg;--laptop-copy-opacity:1}
.laptop-sticky{position:sticky;top:0;height:100svh;min-height:720px;isolation:isolate;overflow:clip}
.laptop-chapter-copy{position:absolute;top:15%;left:0;right:0;z-index:3;pointer-events:none;opacity:var(--laptop-copy-opacity);transform:translateY(var(--laptop-copy-y,0px))}
.laptop-chapter-copy h2{font-size:clamp(45px,5.1vw,80px);line-height:1.06;max-width:880px;letter-spacing:-.06em}
.laptop-chapter-copy h2 span{color:#8db8ff}
.laptop-stage{position:absolute;inset:0;perspective:2300px;perspective-origin:50% 43%;isolation:isolate}
.laptop-halo{position:absolute;inset:10% -5% -20%;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#2b65d64d,transparent 57%);opacity:calc(.3 + var(--laptop-open)*.7);transform:scale(calc(.8 + var(--laptop-open)*.2))}
.laptop-floor{position:absolute;left:15%;right:15%;height:12%;top:83%;background:#0008;border-radius:50%;filter:blur(30px);opacity:.8}
.laptop-rig{position:absolute;left:50%;top:0;width:min(87vw,1140px);aspect-ratio:1.6;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--laptop-drift,0px)),calc(var(--laptop-rig-y,40svh) + var(--laptop-anchor-y,-48%)),0) rotateX(var(--laptop-pitch)) rotateY(var(--laptop-yaw)) rotateZ(var(--laptop-roll,0deg)) scale(var(--laptop-scale));will-change:transform}
.laptop-lid{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(var(--lid-angle));will-change:transform}
.laptop-lid:before{content:"";position:absolute;inset:-1px;border:3px solid #6b7d99;border-radius:25px 25px 14px 14px;transform:translateZ(-3px);pointer-events:none}
.contact-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 36px;margin-top:32px;font-size:18px;color:#d3dff3}
.contact-direct-actions a{min-height:48px;display:inline-flex;align-items:center;gap:16px}
.contact-direct-actions .contact-whatsapp{border:1px solid #adc8f74d;border-radius:999px;padding:12px 22px;background:#a4c3ff0a}
.contact-direct-actions a:hover{color:#fff}
.footer-contact-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 28px;margin:0 0 24px;font-size:16px;line-height:1.5;color:#d3dff3}
.footer-contact-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-contact-links a:hover{color:#fff}
.contact-form-wrap{margin-top:56px;padding-top:44px;border-top:1px solid #ffffff26;max-width:920px}
.contact-form-heading h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1.15;margin:0 0 12px}
.contact-form-heading p{font-size:17px;line-height:1.6;color:#b6c6e1;margin-bottom:30px}
.studio-contact-form{display:grid;gap:24px;position:relative}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.studio-contact-form label{display:grid;gap:10px;font-size:16px;color:#e0e9fa}
.studio-contact-form input,.studio-contact-form textarea{width:100%;border:1px solid #8ea9d259;border-radius:12px;padding:15px 17px;background:#ffffff08;color:#fff;font:inherit;line-height:1.5}
.studio-contact-form textarea{resize:vertical;min-height:150px}
.studio-contact-form input:focus,.studio-contact-form textarea:focus{outline:2px solid #8db8ff;outline-offset:3px;border-color:#8db8ff}
.contact-privacy{font-size:14px;line-height:1.6;color:#aebfdb;margin:0}.contact-privacy a{text-decoration:underline;text-underline-offset:3px}
.studio-contact-form .button{justify-self:start}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form-notice{padding:18px 22px;border:1px solid #8db8ff;border-radius:12px;line-height:1.6;background:#8db8ff14}
@media(max-width:760px){.contact-form-row{grid-template-columns:1fr}.contact-form-wrap{margin-top:38px;padding-top:32px}.studio-contact-form .button{width:100%;justify-content:space-between}}
@media(max-width:760px){.footer-contact-links{justify-content:flex-start;gap:4px 24px;font-size:16px}}
@media(max-width:760px){.laptop-lid:before{border-radius:12px 12px 7px 7px}.contact-direct-actions{font-size:17px;gap:12px 24px}}
.laptop-shell,.laptop-display{position:absolute;inset:0;border-radius:25px 25px 14px 14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.laptop-shell{display:grid;place-items:center;background:radial-gradient(ellipse at 35% 30%,#8794ad,#46546e 46%,#1f2b40);border:2px solid #b7c4dc66;box-shadow:inset 0 0 0 3px #172033,0 0 40px #3875e71a;transform:rotateY(180deg) translateZ(2px)}
.laptop-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#e4efff1a 40%,transparent 64%);border-radius:inherit}
.laptop-cover-mark{display:block;width:9%;aspect-ratio:.74;overflow:hidden;transform:rotate(180deg);opacity:.85}
.laptop-cover-mark img{width:100%;height:100%;object-fit:cover;object-position:9% 50%;filter:brightness(0) invert(1)}
.laptop-display{padding:22px 16px 17px;background:linear-gradient(135deg,#5c6a82,#0b1220 8%,#080d18 80%,#6c7990);border:1px solid #a5b8dc99;box-shadow:inset 0 0 0 4px #0a1222,0 0 0 1px #050912,0 10px 65px #326cf52e;transform:translateZ(2px)}
.laptop-camera{position:absolute;left:49%;top:8px;width:5px;height:5px;border-radius:50%;background:#294064;box-shadow:0 0 0 2px #050914}
.laptop-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#061126;color:#fff;container-type:inline-size;opacity:calc(.15 + var(--laptop-open)*.85);filter:brightness(calc(.3 + var(--laptop-open)*.7));border-radius:8px}
.screen-origin{position:absolute;inset:0;overflow:hidden;transform:translateY(var(--screen-origin-y,0%));opacity:var(--screen-origin-opacity,1)}

.screen-origin-viewport{position:absolute;inset:0 auto auto 0;width:var(--portal-page-width,100vw);height:var(--portal-viewport,100svh);transform:scale(var(--screen-origin-scale,.8));transform-origin:0 0;pointer-events:none}
.screen-origin-content{position:relative;height:100%;overflow:hidden;background:#050b18}
.screen-origin-viewport .laptop-chapter-copy{opacity:1!important;transform:none!important;top:15%!important}
@media(max-width:760px){.screen-origin-viewport{height:var(--screen-origin-height,60vw)}.screen-origin-viewport .laptop-chapter-copy{top:16%!important}}

.screen-page{position:absolute;top:0;left:0;width:var(--portal-page-width,100vw);height:var(--portal-viewport,100svh);overflow:hidden;transform:translate3d(var(--screen-page-x,0px),var(--screen-page-y,100%),0) scale(var(--screen-page-scale,.6));transform-origin:0 0;pointer-events:none;color:var(--ink)}
.screen-page>.experience{margin:0;border-radius:0;min-height:var(--portal-viewport,100svh);border-top:0}
.screen-page [data-reveal]{opacity:1!important;transform:none!important}
.screen-page .experience-panel,.screen-page .experience-art,.screen-page .experience-art *{animation:none!important;transition:none!important}
.screen-page .experience-panel{transform:none}
.screen-page .experience-art{--tilt-x:0deg;--tilt-y:0deg}
.screen-navigation{position:absolute;left:4%;right:4%;top:4%;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:1.3cqw;color:#cedaf1}
.screen-navigation img{width:16%;height:auto;filter:brightness(0) invert(1)}
.laptop-glass{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#fff0 15%,#bbd7ff12 42%,#fff0 65%);opacity:calc(.9 - var(--laptop-open)*.45)}
.laptop-base{position:absolute;left:-.5%;width:101%;top:100%;height:100%;background:linear-gradient(105deg,#8b99b0,#c6d0df 28%,#8795ad 75%,#4d5e79);border:1px solid #c7d5eb88;border-radius:8px 8px 25px 25px;transform-origin:50% 0;transform:rotateX(90deg);transform-style:preserve-3d;box-shadow:inset 0 0 0 3px #e4edfa33}
.laptop-base:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:linear-gradient(180deg,#a2b2cb,#4e607a);border-radius:0 0 45% 45%;transform-origin:50% 0;transform:rotateX(-90deg);border-bottom:1px solid #d0dff288}
.keyboard{position:absolute;left:9%;right:9%;top:8%;height:49%;padding:1.4%;background:#1b2639;border-radius:8px;box-shadow:0 0 0 2px #687a9566,inset 0 0 15px #000a;display:flex;flex-direction:column;gap:6%}
.keyboard-row{display:flex;gap:1%;flex:1;justify-content:space-between}
.keyboard-row i{display:block;flex:1;min-width:0;background:linear-gradient(180deg,#253349,#111b2a);border:1px solid #7b8dab66;border-bottom:2px solid #070c13;border-radius:4px;box-shadow:0 1px 2px #0005}
.keyboard-row-4 i:nth-child(4){flex:5}
.laptop-trackpad{position:absolute;width:34%;height:28%;left:33%;bottom:7%;border:1px solid #586b8866;border-radius:9px;background:linear-gradient(130deg,#9aaac1,#a5b5cc);box-shadow:inset 0 1px 2px #fff3}
.laptop-speaker{position:absolute;top:10%;width:4%;height:42%;background:repeating-linear-gradient(0deg,#1a2b4633 0 1px,transparent 1px 4px);border-radius:2px}
.speaker-left{left:2.5%}.speaker-right{right:2.5%}
.laptop-hinge{position:absolute;left:3%;right:3%;top:99.1%;height:2%;border-radius:10px;background:linear-gradient(0deg,#1c2940,#6a7c98,#151e2c);transform:translateZ(2px)}
.laptop-scroll-hint{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:15px;letter-spacing:.01em;color:#bacce9;opacity:var(--laptop-hint-opacity,1)}
.laptop-scroll-hint span{display:inline-block;margin-left:15px;animation:scroll-nudge 2.5s ease-in-out infinite}
.laptop-journey{position:relative;background:#050b18}
.laptop-journey.portal-ready>.laptop-chapter{height:240svh;min-height:1650px}
.laptop-journey.portal-ready>.experience{margin-top:calc(-1 * var(--portal-viewport,100svh));border-radius:0;border-top:0;opacity:var(--portal-handoff,0);pointer-events:none}
.laptop-journey.portal-ready>.experience [data-reveal]{opacity:1!important;transform:none!important}
.laptop-journey.has-entered>.experience,.laptop-journey>.experience:focus-within{opacity:1;pointer-events:auto}
.portal-ready .laptop-glass{opacity:calc((.9 - var(--laptop-open)*.45) * (1 - var(--portal-zoom,0)))}
@media(max-width:760px){.screen-page>.experience,.laptop-journey.portal-ready>.experience{padding-top:110px}.laptop-journey.portal-ready>.laptop-chapter{height:205svh;min-height:1250px}.portal-ready .laptop-rig{top:0}.portal-ready .laptop-cover-mark{width:14%;opacity:1}.screen-navigation img{width:24%}.method-preview:before{background-position:88% center;opacity:1}.method-preview:after{background:linear-gradient(90deg,#050e21e6,#050e21c9),linear-gradient(180deg,#050e2133,#050e2180)}}
@media(prefers-reduced-motion:reduce){.laptop-journey.portal-ready>.laptop-chapter{height:100svh;min-height:750px}.laptop-journey.portal-ready>.experience{margin-top:0;opacity:1;pointer-events:auto}.portal-ready .screen-page{display:none}.portal-ready .screen-origin{transform:none;opacity:1}.portal-ready .laptop-rig{top:0;--laptop-rig-y:52svh!important}}
.reduced-motion .laptop-journey.portal-ready>.laptop-chapter{height:100svh;min-height:750px}.reduced-motion .laptop-journey.portal-ready>.experience{margin-top:0;opacity:1;pointer-events:auto}.reduced-motion .portal-ready .screen-page{display:none}.reduced-motion .portal-ready .screen-origin{transform:none;opacity:1}.reduced-motion .portal-ready .laptop-rig{top:0;--laptop-rig-y:52svh!important}
@keyframes ambient-breath{from{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}
@keyframes letter-light{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes scene-appear{from{opacity:.5;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}
@keyframes orbit-sway-one{from{transform:translate(-50%,-50%) rotate(-35deg)}to{transform:translate(-50%,-50%) rotate(20deg)}}
@keyframes orbit-sway-two{from{transform:translate(-50%,-50%) rotate(36deg)}to{transform:translate(-50%,-50%) rotate(100deg)}}
@keyframes orbit-sway-three{from{transform:translate(-50%,-50%) rotate(-20deg)}to{transform:translate(-50%,-50%) rotate(-65deg)}}
@keyframes core-breath{from{box-shadow:0 0 45px #3279ff35,inset 0 1px 14px #c9ddff22}to{box-shadow:0 0 100px #3279ff55,inset 0 1px 24px #c9ddff44}}
@keyframes editorial-post{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(-6deg) translateY(-12px)}}
@keyframes editorial-reel{from{transform:rotate(7deg) translateY(0)}to{transform:rotate(10deg) translateY(12px)}}
@keyframes menu-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes page-leave{to{opacity:0;transform:translateY(-20px) scale(.985);filter:blur(5px)}}
@keyframes page-enter{from{opacity:0;transform:translateY(25px) scale(1.025);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
::view-transition-old(root){animation:page-leave .3s ease both}
::view-transition-new(root){animation:page-enter .6s var(--cinema-ease) both}
@media(max-width:760px){
 .hero{height:119svh;min-height:850px}.intro,.experience{border-radius:24px 24px 0 0;margin-top:-24px}.intro{padding-top:85px}.hero-ribbon{inset:7% -30% 0;width:160%;height:93%}
 .laptop-chapter{height:210svh;min-height:1400px}.laptop-sticky{min-height:650px}.laptop-chapter-copy{top:16%}.laptop-chapter-copy h2{font-size:clamp(36px,8.8vw,52px);max-width:390px}.laptop-stage{perspective:1200px;perspective-origin:50% 48%}.laptop-rig{width:115vw;--laptop-rig-y:43svh}.laptop-display{padding:11px 8px 9px;border-radius:12px 12px 7px 7px}.laptop-shell{border-radius:12px 12px 7px 7px}.laptop-camera{top:4px;width:3px;height:3px;left:49%}.laptop-screen{border-radius:4px}.laptop-floor{left:5%;right:5%;top:72%}.laptop-scroll-hint{font-size:14px;bottom:11%}.laptop-base{border-radius:4px 4px 14px 14px}.keyboard{border-radius:5px;padding:1%}.keyboard-row i{border-radius:2px;border-bottom-width:1px}.laptop-trackpad{border-radius:5px}
 .story-step.is-active{transform:translateX(5px)}.story-step:not(.is-active) p{transform:none}.project-monitor,.project-phone,.social-showcase{transition:transform .2s linear}.project-scene{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .hero{height:auto;min-height:0}.hero-aura,.hero h1 em,.laptop-scroll-hint span,.is-in-view .orbit,.is-in-view .orbit-core,.is-in-view .format-card,.mobile-menu:not([hidden])>a{animation:none!important}
 .hero-ribbon{display:none}.hero.scene-live .hero-visual{opacity:1}.project-monitor,.project-phone,.social-showcase,.button,.project-open,.nav-contact{transform:none!important;transition:none!important}.project-scene-social .project-phone{transform:rotate(-3deg)!important}
 .laptop-chapter{height:100svh;min-height:750px;--lid-angle:0deg!important;--laptop-scale:.64!important;--laptop-open:1!important}.laptop-sticky{position:relative;height:100%;min-height:750px}.laptop-chapter-copy{opacity:1!important;transform:none!important;top:11%}.laptop-rig{top:0;--laptop-rig-y:52svh!important}.laptop-scroll-hint{display:none}.story-step,.story-step.is-active,.story-step p{transform:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
.reduced-motion .hero-aura,.reduced-motion .hero h1 em,.reduced-motion .laptop-scroll-hint span,.reduced-motion .is-in-view .orbit,.reduced-motion .is-in-view .orbit-core,.reduced-motion .is-in-view .format-card,.reduced-motion .mobile-menu>a{animation:none!important}
.reduced-motion .hero-ribbon{display:none}.reduced-motion .hero.scene-live .hero-visual{opacity:1}
.reduced-motion .project-monitor,.reduced-motion .project-phone,.reduced-motion .social-showcase,.reduced-motion .button,.reduced-motion .project-open,.reduced-motion .nav-contact{transform:none!important;transition:none!important}
.reduced-motion .laptop-chapter{height:100svh;min-height:750px;--lid-angle:0deg!important;--laptop-scale:.64!important;--laptop-open:1!important}
.reduced-motion .laptop-sticky{position:relative;height:100%;min-height:750px}.reduced-motion .laptop-chapter-copy{opacity:1!important;transform:none!important;top:11%}.reduced-motion .laptop-rig{top:0;--laptop-rig-y:52svh!important}.reduced-motion .laptop-scroll-hint{display:none}
.reduced-motion .story-step,.reduced-motion .story-step.is-active,.reduced-motion .story-step p{transform:none!important}

/* Original symbols give each competence a visible place in the right column. */
.page-servizi .service-item{position:relative}
.page-servizi .service-item summary h3{padding-right:180px}
.page-servizi .service-detail{max-width:none;padding-right:clamp(240px,27vw,370px)}
.service-symbol{position:absolute;right:clamp(75px,8vw,140px);top:50%;width:78px;height:78px;display:grid;place-items:center;border:1px solid #b9cdef;border-radius:28%;color:#2452b1;background:linear-gradient(140deg,#fafdff 4%,#e2ebfc 48%,#c8dafa 100%);box-shadow:0 16px 32px #2857b41a,inset 0 1px 1px #fff;transform:translateY(-50%) rotate(-7deg);transition:width .65s var(--cinema-ease),height .65s var(--cinema-ease),top .65s var(--cinema-ease),transform .65s var(--cinema-ease),box-shadow .65s;isolation:isolate;pointer-events:none}
.service-symbol:before{content:"";position:absolute;inset:3%;z-index:-1;border-radius:inherit;background:linear-gradient(130deg,#8bb0ef33,#2759c426);transform:translate(9%,9%) rotate(9deg);border:1px solid #aac3ec55}
.service-symbol:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#fff7,transparent 48%)}
.service-symbol svg{width:58%;height:58%;position:relative;z-index:1;transform:rotate(7deg);filter:drop-shadow(0 3px 1px #fff8)}
.page-servizi .service-item[open] .service-symbol{width:176px;height:176px;box-shadow:0 26px 60px #2857b41c,inset 0 1px 1px #fff}
@media(hover:hover) and (pointer:fine){.page-servizi .service-item:hover .service-symbol{transform:translateY(calc(-50% - 4px)) rotate(-2deg);box-shadow:0 24px 60px #2857b42b,inset 0 1px 1px #fff}}
@media(min-width:761px) and (max-width:1100px){.page-servizi .service-detail{padding-right:230px}.page-servizi .service-item[open] .service-symbol{width:140px;height:140px}.page-servizi .service-item summary h3{padding-right:145px}}
@media(max-width:760px){.page-servizi .service-item summary{min-height:110px}.page-servizi .service-item summary h3{padding-right:74px}.page-servizi .service-detail{padding:0 0 30px}.page-servizi .service-item .service-symbol,.page-servizi .service-item[open] .service-symbol{width:54px;height:54px;right:52px;top:54px;box-shadow:0 10px 22px #2857b416,inset 0 1px 1px #fff}}