.portfolio-main{padding-top:0}html[data-cinema-mode=editorial] .portfolio-main{padding-top:82px}.cinematic{position:relative;min-height:0;--intro-scroll:110svh}.intro-track{height:calc(100svh + var(--intro-scroll));position:relative}.intro-viewport{position:sticky;top:0;height:100svh;overflow:hidden;z-index:12;pointer-events:none}.intro-viewport .cover{position:absolute;inset:0;width:100%;height:100%;min-height:100%;transform-origin:50% 35%;pointer-events:auto;backface-visibility:hidden;will-change:transform}.cinematic:not([data-ready=true]) .discover{pointer-events:none}html:not([data-cinema-mode=editorial]) .cinema-gallery,html:not([data-cinema-mode=editorial]) .cinema-toolbar,html:not([data-cinema-mode=editorial]) [data-page=contacto],html:not([data-cinema-mode=editorial]) [data-page=sobre-arianna],html[data-cinema-mode=editorial] .intro-track{display:none}.cinematic .cinema-room{position:absolute;top:var(--intro-scroll);left:0;width:100%;height:100svh;min-height:0;margin:0;scroll-margin:0}html[data-cinema-mode=editorial] .cinema-room{top:0;height:0}.cinematic .cinema-stage{position:fixed;inset:0 auto auto 0;width:100vw;height:100dvh;overflow:clip;isolation:isolate;z-index:10;transform-origin:50% 80%;pointer-events:none;backface-visibility:hidden}.cinematic[data-state=room][data-intro-ready=true] .cinema-stage{pointer-events:auto}.cinematic[data-state=room][data-intro-covered=true] .cinema-stage{visibility:hidden}.cinematic:is([data-state=entering],[data-state=returning]) .cinema-stage{z-index:30}.cinematic[data-state=gallery] .cinema-stage{visibility:hidden;pointer-events:none}.cinematic .cinema-gallery{opacity:1}.cinematic[data-state=entering] .cinema-gallery{opacity:0}.cinematic .cinema-toolbar{height:64px;margin:0 3vw;display:flex;align-items:center;justify-content:flex-end}.cinematic .cinema-return{min-height:44px;padding:10px 16px;border:1px solid #eee7d75c;background:#000e;font-size:12px;letter-spacing:.04em}.cinematic:is([data-state=entering],[data-state=returning]) .cinema-return{position:fixed;z-index:45;right:24px;top:20px}.cinematic .scene{position:absolute;left:50%;top:50%;translate:-50% -50%;width:max(100vw,calc(100dvh * 1672 / 941));aspect-ratio:1672/941;transform-origin:calc(836.5 / 1672 * 100%) calc(420 / 941 * 100%);touch-action:pan-y pinch-zoom}.cinematic .room-art{position:absolute;inset:0}.cinematic .architecture{display:block;width:100%;height:100%}.cinematic .menu-mask{position:absolute;top:0;height:12%;background:linear-gradient(180deg,#0b0906 0,#0b0906 65%,transparent);pointer-events:none}.cinematic .menu-mask-left{left:0;width:44%;mask-image:linear-gradient(90deg,#000 91%,transparent)}.cinematic .menu-mask-right{left:75%;width:25%;mask-image:linear-gradient(90deg,transparent,#000 9%)}.cinematic .screen-surface{position:absolute;left:calc(525 / 1672 * 100%);top:calc(280 / 941 * 100%);width:calc(623 / 1672 * 100%);height:calc(280 / 941 * 100%);background:radial-gradient(ellipse at 48% 42%,#fff5e7,#f4ddc4 75%,#e6c3a4);opacity:0;pointer-events:none}.cinematic .cinema-logos{position:absolute;inset:0}.cinematic .logo{position:absolute;display:block;padding:0;border:0;background:transparent;touch-action:manipulation}.cinematic .logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 2.5px rgb(69 39 20/calc(.68 * var(--logo-glow, 0)))) drop-shadow(0 0 2px rgb(255 255 255/var(--logo-glow,0))) drop-shadow(0 0 6px rgb(255 249 227/calc(.94 * var(--logo-glow, 0))));transition:filter .24s ease}.cinematic .logo:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 16px);height:calc(100% + 16px);min-width:44px;min-height:44px;transform:translate(-50%,-50%);border-radius:4px;background:transparent}.cinematic .logo:focus-visible{--logo-glow:1;outline:none}@media (hover:hover){.cinematic .logo:hover{--logo-glow:1}}@media (forced-colors:active){.cinematic .logo:focus-visible{outline:2px solid Highlight}}.cinematic .telefonica{left:calc(548 / 1672 * 100%);top:calc(344 / 941 * 100%);width:calc(197 / 1672 * 100%)}.cinematic .real-madrid{left:calc(793 / 1672 * 100%);top:calc(303 / 941 * 100%);width:calc(95 / 1672 * 100%)}.cinematic .vogue{left:calc(951 / 1672 * 100%);top:calc(347 / 941 * 100%);width:calc(173 / 1672 * 100%)}.cinematic .liga-futve{left:calc(627 / 1672 * 100%);top:calc(433 / 941 * 100%);width:calc(79 / 1672 * 100%)}.cinematic .bernabeu{left:calc(946 / 1672 * 100%);top:calc(456 / 941 * 100%);width:calc(126 / 1672 * 100%)}@media (max-aspect-ratio:704/941){.cinematic .scene{width:min(calc(100dvh * 1672 / 941),calc(100vw * 1672 / 704))}.cinematic .scene:before{content:"";position:absolute;z-index:-1;inset:50% 0 auto;height:calc(100dvh + 144px);translate:0 -50%;background:url(/assets/room/sala-pantalla-limpia.png) 50%/cover no-repeat;filter:blur(36px) brightness(.45);pointer-events:none}.cinematic .room-art{mask-image:linear-gradient(transparent,#000 14%,#000 92%,transparent)}}@media (max-width:699px){html[data-cinema-mode=editorial] .portfolio-main{padding-top:104px}.cinematic .cinema-toolbar{margin:0 12px}.cinematic:is([data-state=entering],[data-state=returning]) .cinema-return{right:16px;top:16px}}@media (max-height:600px){.intro-viewport .cover{padding:85px 12% 70px}.intro-viewport .monogram{max-height:60svh}}@media (prefers-reduced-motion:reduce){.cinematic .logo img{transition:none}.intro-viewport .cover{will-change:auto}}