/* Three distinct worlds, composed as live layers rather than a shared slide. */
.websites-section{background:radial-gradient(ellipse at 92% 8%,#29436945,transparent 45%),#0f1928}
.website-examples button{isolation:isolate;overflow:hidden;min-height:130px}.website-examples button:before{content:'';position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;opacity:.15;transform:scale(1.04);transition:opacity .5s,transform 1.2s}.website-examples button[data-website=altura]:before{background-image:url(web-assets/altura.webp)}.website-examples button[data-website=forma]:before{background-image:url(web-assets/forma-interior.webp)}.website-examples button[data-website=fuoco]:before{background-image:url(web-assets/fuoco-room.webp)}.website-examples button[aria-pressed=true]:before{opacity:.35;transform:scale(1.12)}.website-examples button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1c2be8,#0b182d25)}
.cinema-shell{border-radius:5px;box-shadow:0 35px 90px #0005}.cinema-viewport{--cinema-height:clamp(520px,77svh,780px)}
.cinema-scene{perspective:850px;perspective-origin:50% 50%;background:#18211c}.cinema-landscape{z-index:-6;object-position:60% center}.cinema-depth-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:0;visibility:hidden;z-index:-5;will-change:transform,clip-path,opacity}.cinema-shade{z-index:-2;opacity:.38;background:linear-gradient(90deg,#06110ff2,#06110f00)}.cinema-vignette{background:linear-gradient(90deg,#06120f9e,transparent 80%),linear-gradient(180deg,#06120f80,transparent 35%,transparent 70%,#06120fc9)}
.cinema-film{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.045;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}
.cinema-site-header{left:6%;right:6%;top:26px}.cinema-brand{font-size:27px;letter-spacing:7px}.cinema-site-menu{backdrop-filter:blur(5px)}
.cinema-copy{left:7%;right:7%;top:50%;text-align:left;max-width:720px}.cinema-copy h3{font-size:clamp(56px,7.9vw,116px);line-height:.99;letter-spacing:-4px;text-shadow:0 2px 35px #0003}.cinema-copy .cinema-kicker{font-size:9px;letter-spacing:2.4px;margin-bottom:24px}.cinema-copy>p:not(.cinema-kicker){margin:23px 0 0;max-width:360px;font-size:14px;line-height:1.8}.cinema-copy .cinema-action{background:#0d201c66;backdrop-filter:blur(8px);border-radius:0;font-size:11px;padding:12px 20px;gap:30px}
.cinema-mid-copy{max-width:570px}.cinema-mid-copy h3{font-size:clamp(48px,5.8vw,82px);line-height:1.05}.cinema-end-copy{max-width:750px;text-align:center;left:50%;right:auto;width:86%;margin-left:-43%}.cinema-end-copy h3{font-size:clamp(52px,7vw,100px);line-height:1.05}.cinema-end-copy>p:not(.cinema-kicker){margin-left:auto;margin-right:auto}.cinema-end-copy .cinema-action{background:var(--web-paper);backdrop-filter:none;color:var(--web-dark)}
.cinema-facets{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px;max-width:500px;border-top:1px solid #fffffe55;padding-top:16px}.cinema-facets>span{font-size:11px;line-height:1.8;color:#fff;display:flex;gap:9px;align-items:baseline}.cinema-facets small{font-size:8px;color:var(--web-accent)}
.cinema-signature{position:absolute;left:7%;bottom:32px;font-size:7px;letter-spacing:1.8px;line-height:1.8;color:#fff;max-width:65%}.cinema-scroll-cue{left:auto;right:7%;bottom:75px;writing-mode:vertical-rl;font-size:7px;letter-spacing:1.5px}.cinema-scroll-cue>i{height:55px}.cinema-scene-index{bottom:32px;right:6%}.cinema-door{z-index:-3;left:63%;top:50%;width:36%;height:77%;border-width:1px;border-color:#f7eee876;box-shadow:0 0 0 100vmax #08171415,inset 0 0 50px #f7ffe908}
.cinema-weather,.cinema-architecture,.cinema-kitchen{position:absolute;inset:0;pointer-events:none;z-index:-3;overflow:hidden}.cinema-mist{position:absolute;width:140%;height:50%;left:-20%;border-radius:50%;filter:blur(35px);background:radial-gradient(ellipse,#ebecdf45,transparent 65%);mix-blend-mode:screen;will-change:transform}.mist-near{bottom:-15%;opacity:.7}.mist-far{top:15%;left:-40%;width:160%;height:35%;opacity:.3}.cinema-contours{position:absolute;right:-5%;top:5%;height:100%;width:55%;stroke:#e6ead477;stroke-width:.5;opacity:.18}
.cinema-shell[data-website=altura] .cinema-intro-copy h3{font-weight:400}.cinema-shell[data-website=altura] .cinema-mid-copy{max-width:540px}.cinema-shell[data-website=altura] .cinema-end-copy{max-width:none}.cinema-shell[data-website=altura] .cinema-depth-landscape{object-position:58% center}
.cinema-shell[data-website=forma]{--web-paper:#f3e8d6;--web-accent:#f4e1bd}.cinema-shell[data-website=forma] .cinema-landscape{object-position:50% center}.cinema-shell[data-website=forma] .cinema-copy h3{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-6px;line-height:1.03}.cinema-shell[data-website=forma] .cinema-mid-copy h3{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-2.5px}.cinema-shell[data-website=forma] .cinema-brand{font-size:25px;font-weight:700;letter-spacing:9px}.cinema-shell[data-website=forma] .cinema-door{display:none}.cinema-architecture{perspective:850px;transform-style:preserve-3d;overflow:visible}.cinema-portal{position:absolute;left:50%;top:50%;height:90%;width:66%;border:22px solid #98866a70;box-shadow:inset 2px 0 0 #f6e5c950,0 0 45px #271c1024;will-change:transform,opacity}.cinema-lightbeam{position:absolute;inset:-20%;transform:rotate(-28deg);background:linear-gradient(90deg,transparent 40%,#fff0c630 49%,#fff6d20f 53%,transparent 63%);mix-blend-mode:screen;opacity:.16}.cinema-blueprint{position:absolute;inset:0;width:100%;height:100%;stroke:#f3eadb;stroke-width:.7;opacity:.12}
.cinema-shell[data-website=fuoco]{--web-dark:#260d0c;--web-paper:#ffedcd;--web-accent:#ffc096}.cinema-shell[data-website=fuoco] .cinema-landscape{object-position:68% center}.cinema-shell[data-website=fuoco] .cinema-vignette{background:linear-gradient(90deg,#1e080ce6,transparent 85%),linear-gradient(180deg,#170b0ba3,transparent 30%,transparent 70%,#190c0dde)}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1.01;letter-spacing:-4px;text-transform:uppercase;font-size:clamp(50px,6.8vw,100px)}.cinema-shell[data-website=fuoco] .cinema-mid-copy h3{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-2px;font-size:clamp(43px,5.2vw,76px)}.cinema-shell[data-website=fuoco] .cinema-brand{font-weight:800;letter-spacing:-1px;font-size:32px}.cinema-shell[data-website=fuoco] .cinema-door{display:none}.cinema-shell[data-website=fuoco] .cinema-depth-landscape{inset:auto -7% 2% auto;width:61%;height:88%;border-radius:50%;clip-path:none!important;object-position:center;box-shadow:-30px 20px 100px #08030280}.cinema-shell[data-website=fuoco] .cinema-mid-copy{max-width:50%}.cinema-shell[data-website=fuoco] .cinema-end-copy h3{font-size:clamp(50px,6.2vw,90px)}.cinema-heat{position:absolute;right:-12%;top:-20%;height:110%;width:90%;background:radial-gradient(ellipse,#ef762425,transparent 64%);mix-blend-mode:screen;opacity:.3}.cinema-embers{position:absolute;inset:0}.cinema-embers i{position:absolute;display:block;border-radius:50%;background:#ffae67;box-shadow:0 0 8px #ff790b;opacity:0}.cinema-fire-ring{position:absolute;right:7%;top:20%;width:40%;aspect-ratio:1;border:1px dashed #ffc99a55;border-radius:50%;opacity:.3}.cinema-fire-ring:after{content:'';position:absolute;inset:8%;border:1px solid #ffc99a44;border-radius:50%}
.cinema-shell.is-static .cinema-depth-landscape{display:none}.cinema-shell.is-static .cinema-end-copy{margin-left:-43%;transform:translateY(-50%)!important}.cinema-shell.is-static .cinema-portal{display:none}
@media(min-width:1600px){.cinema-copy{max-width:830px}.cinema-mid-copy{max-width:650px}.cinema-shell[data-website=fuoco] .cinema-mid-copy{max-width:48%}}
@media(max-width:1000px){.cinema-copy h3{font-size:76px}.cinema-mid-copy h3{font-size:63px}.cinema-end-copy h3{font-size:75px}.cinema-shell[data-website=forma] .cinema-copy h3{letter-spacing:-4px}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-size:69px}.cinema-shell[data-website=fuoco] .cinema-mid-copy h3{font-size:53px}.cinema-shell[data-website=fuoco] .cinema-end-copy h3{font-size:66px}.cinema-facets{max-width:360px;gap:10px 18px}.cinema-shell[data-website=fuoco] .cinema-mid-copy{max-width:54%}}
@media(max-width:700px){.cinema-viewport{--cinema-height:clamp(500px,76svh,650px)}.cinema-copy h3{font-size:65px;letter-spacing:-2.5px}.cinema-mid-copy h3{font-size:55px}.cinema-end-copy h3{font-size:64px}.cinema-shell[data-website=forma] .cinema-copy h3{letter-spacing:-3.5px}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-size:56px;letter-spacing:-2.5px}.cinema-shell[data-website=fuoco] .cinema-mid-copy h3{font-size:46px}.cinema-shell[data-website=fuoco] .cinema-end-copy h3{font-size:56px}.cinema-facets{max-width:320px}.cinema-shell[data-website=fuoco] .cinema-mid-copy{max-width:70%}.cinema-shell[data-website=fuoco] .cinema-depth-landscape{width:85%;right:-31%;height:70%;bottom:14%}.cinema-portal{width:80%;border-width:14px}}
@media(max-width:600px){.website-examples button{min-height:118px}.cinema-viewport{--cinema-height:clamp(490px,73svh,620px)}.cinema-site-header{top:19px}.cinema-brand{font-size:20px;letter-spacing:4px}.cinema-copy{left:8%;right:8%;top:50%}.cinema-copy .cinema-kicker{font-size:7px;line-height:1.9;letter-spacing:1.4px;margin-bottom:20px;max-width:245px}.cinema-copy h3{font-size:clamp(43px,13vw,69px);line-height:1.02;letter-spacing:-2px}.cinema-copy>p:not(.cinema-kicker){font-size:13px;line-height:1.85;margin-top:20px;max-width:265px}.cinema-copy .cinema-action{font-size:11px;gap:19px;padding:11px 14px;max-width:100%;margin-top:23px}.cinema-mid-copy h3{font-size:clamp(38px,10.8vw,58px);line-height:1.08}.cinema-end-copy{left:50%;right:auto;width:84%;margin-left:-42%}.cinema-end-copy h3{font-size:clamp(41px,12vw,64px)}.cinema-end-copy .cinema-kicker{margin-left:auto;margin-right:auto;font-size:6.5px;letter-spacing:1.1px}.cinema-end-copy>p:not(.cinema-kicker){margin-left:auto;margin-right:auto}.cinema-facets{display:grid;gap:7px;max-width:230px;padding-top:13px;margin-top:22px}.cinema-facets>span{font-size:11px}.cinema-facets small{font-size:8px}.cinema-signature{left:8%;bottom:27px;max-width:70%;font-size:6px;letter-spacing:1px}.cinema-scroll-cue{right:7%;bottom:80px;font-size:6px}.cinema-scene-index{bottom:27px;font-size:8px}.cinema-door{width:57%;left:65%;height:77%;border-radius:180px 180px 0 0}.cinema-shell[data-website=altura] .cinema-depth-landscape{object-position:56% center}.cinema-shell[data-website=forma] .cinema-copy h3{letter-spacing:-2.7px}.cinema-shell[data-website=forma] .cinema-mid-copy h3{letter-spacing:-1px}.cinema-shell[data-website=forma] .cinema-brand{font-size:20px;letter-spacing:6px}.cinema-portal{width:86%;height:88%;border-width:10px}.cinema-shell[data-website=fuoco] .cinema-brand{font-size:25px}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-size:clamp(38px,10.5vw,56px);line-height:1.07;letter-spacing:-2px}.cinema-shell[data-website=fuoco] .cinema-mid-copy h3{font-size:clamp(35px,9.7vw,50px);line-height:1.1;letter-spacing:-1px}.cinema-shell[data-website=fuoco] .cinema-end-copy h3{font-size:clamp(40px,10.5vw,58px)}.cinema-shell[data-website=fuoco] .cinema-mid-copy{max-width:none}.cinema-shell[data-website=fuoco] .cinema-depth-landscape{width:100%;right:-40%;height:65%;bottom:12%;opacity:.7}.cinema-shell[data-website=fuoco] .cinema-vignette{background:linear-gradient(90deg,#21080ceb,transparent 110%),linear-gradient(180deg,#170b0b88,transparent 30%,transparent 75%,#190c0ddd)}.cinema-fire-ring{width:70%;right:-15%;top:28%}.cinema-contours{width:80%;right:-20%}.cinema-shell.is-static .cinema-end-copy{margin-left:-42%}}
@media(max-width:360px){.cinema-viewport{--cinema-height:500px}.cinema-copy h3{font-size:42px}.cinema-copy .cinema-kicker{font-size:6px;letter-spacing:1px}.cinema-mid-copy h3{font-size:36px}.cinema-end-copy h3{font-size:40px}.cinema-copy>p:not(.cinema-kicker){font-size:12px}.cinema-copy .cinema-action{font-size:10px;gap:13px;padding:11px 12px}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-size:35px}.cinema-shell[data-website=fuoco] .cinema-mid-copy h3{font-size:33px}.cinema-shell[data-website=fuoco] .cinema-end-copy h3{font-size:35px}.cinema-facets>span{font-size:10px}.cinema-signature{font-size:5px}.cinema-scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.website-examples button:before{transition:none}.cinema-depth-landscape,.cinema-mist,.cinema-portal{will-change:auto}}
.cinema-shade{background:#07110e}.cinema-end-copy{left:7%;right:7%;width:auto;max-width:none;margin-left:0}.cinema-shell[data-website=altura] .cinema-end-copy{max-width:none}.cinema-shell.is-static .cinema-end-copy{margin-left:0}
.cinema-shell[data-website=forma] .cinema-shade{background:#18120c}.cinema-shell[data-website=forma] .cinema-vignette{background:linear-gradient(90deg,#1d181399,transparent 85%),linear-gradient(180deg,#1b171080,transparent 30%,transparent 75%,#14110dc9)}.cinema-shell[data-website=fuoco] .cinema-shade{background:#160809}
@media(max-width:600px){.cinema-end-copy{left:8%;right:8%;width:auto;margin-left:0}.cinema-shell.is-static .cinema-end-copy{margin-left:0}}