/* Immersive brand direction: original mark, large imagery and native scrolling. */
:root{--cinema:#101117;--lilac:#b9a8ff;--chalk:#f1eef6}
html{scroll-padding-top:96px}section[id]{scroll-margin-top:0}
.site-header{background:#13151d;border-bottom-color:#ffffff12}
.header-inner{width:calc(100% - 76px);max-width:1760px;height:96px}
.header-inner .brand{width:190px}.header-inner nav{font-size:15px;gap:30px}
.access-menu summary{background:var(--lilac);color:#17131e;border:0;border-radius:10px;padding:17px 22px;font-size:14px}
.access-menu[open] summary{background:#d5c9ff;color:#17131e}
.access-panel{color:var(--lavender)}
.reading-progress{top:95px}.container{max-width:1440px;width:calc(100% - 112px)}.container.narrow{max-width:800px}
.section{padding:130px 0}.section h2{font-size:clamp(44px,4.6vw,74px);letter-spacing:-.055em;line-height:1.04}
.section h2 em{color:#7060a8}.button{border-radius:100px;padding-inline:30px}.button.primary{background:var(--lilac);color:#191321;box-shadow:none}.button.primary:hover{background:#cabdff;color:#191321}.whatsapp-button{border-radius:100px}
.page-home{background:var(--cinema)}
.cinema-hero{height:145svh;min-height:1000px;background:var(--cinema);position:relative;color:var(--chalk)}
.cinema-stage{height:calc(100svh - 96px);min-height:680px;position:sticky;top:96px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#34244455,transparent 53%),var(--cinema)}
.contour-lines{position:absolute;inset:0;width:100%;height:100%;color:#b4a0e41f;z-index:-1;pointer-events:none}
.cinema-topline{position:absolute;top:26px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#c2bacf}
.cinema-title{position:absolute;left:3.5%;right:4.5%;top:26%;display:flex;align-items:center;justify-content:space-between;gap:30%;font-size:clamp(100px,12.8vw,230px);line-height:1;letter-spacing:-.08em;font-weight:550;z-index:1;pointer-events:none}
.cinema-title>span{transform:translateX(calc(var(--cinema-progress,0) * -110px))}.cinema-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--lilac);letter-spacing:-.075em;transform:translateX(calc(var(--cinema-progress,0) * 110px))}
.cinema-mark{position:absolute;left:50%;top:44%;width:min(72vw,1280px);aspect-ratio:1;transform:translate(-50%,-50%) translateY(calc(var(--cinema-progress,0) * -36px)) scale(calc(1 + var(--cinema-progress,0) * .15));z-index:2;pointer-events:none}
.cinema-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 50px #0008);transform:perspective(1300px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .8s cubic-bezier(.2,.7,.2,1);position:relative;z-index:2}
.mark-halo{position:absolute;width:45%;height:11%;left:27.5%;top:65%;border-radius:50%;background:#aa7aff1a;filter:blur(40px)}
.cinema-bottom{position:absolute;left:42px;right:42px;bottom:92px;display:flex;align-items:end;justify-content:space-between;z-index:3;gap:40px}
.cinema-bottom .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.12em;color:#ada4c1}
.cinema-bottom p{font-size:19px;line-height:1.6;color:#e4dfef}
.cinema-action{display:flex;align-items:center;gap:30px}.round-link{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #c5b2ed80;border-radius:100px;padding:19px 27px;font-size:15px;line-height:1.35;background:#b9a8ff;color:#171321;transition:background .3s,transform .5s}.round-link:hover{background:#dfd6ff;transform:translateY(-4px)}.round-link>b{font-size:34px;font-weight:400}
.scroll-invitation{writing-mode:vertical-rl;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.1em}.scroll-invitation i{font-style:normal;writing-mode:horizontal-tb;font-size:20px}
.cinema-chapters{position:absolute;bottom:0;left:40px;right:40px;border-top:1px solid #ffffff26;display:flex;gap:35px;padding:19px 0;font-size:11px;color:#998fae;z-index:3}.cinema-chapters a{display:flex;gap:18px;align-items:center}.cinema-chapters b{font-size:13px;color:#ddd5e9;font-weight:400}.cinema-chapters a:hover b{color:#c6b5ff}
.brand-manifesto{background:var(--chalk);position:relative;border-radius:38px 38px 0 0;margin-top:-38px;z-index:4;padding:90px 0 100px;color:#282333;overflow:hidden}
.manifesto-label{display:flex;justify-content:space-between;align-items:start}.manifesto-label>.eyebrow{font-size:12px;color:#6e5e88}.manifesto-label>span:last-child{font-size:68px;line-height:1;font-weight:300;color:#9180ba}
.manifesto-statement{font-size:clamp(70px,8.4vw,145px);line-height:.98;letter-spacing:-.065em;margin:65px 0 70px;font-weight:500}.manifesto-statement>span{color:#2d2738}.manifesto-statement>em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:#7d62b5}.manifesto-statement span{transition:opacity .4s}
.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;gap:60px}.manifesto-index{font-size:11px;letter-spacing:.1em;color:#8b7c9e}.manifesto-bottom p{max-width:570px;font-size:20px;line-height:1.7;color:#62596e}
.page-home .solutions-section{background:var(--chalk);padding-top:70px;border-top:1px solid #dcd5e5}.page-home .solutions-section .section-heading>p{font-size:18px}.visual-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visual-solution{min-width:0;position:relative;background:#1c2532;border-radius:18px;overflow:hidden;color:#fff;min-height:690px}.solution-onprice{background:#152b26}.solution-sara{background:#1d2537}.solution-desenvolvimento{background:#252031}
.solution-visual-link{display:block;height:100%;position:relative;padding:25px 30px 32px;isolation:isolate}.solution-visual-top{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:2}.solution-visual-top>span{font-size:9px;letter-spacing:.08em;color:#e6deec}.solution-visual-top>b{font-weight:400;font-size:26px}.solution-visual{height:260px;position:absolute;left:0;right:0;top:45px;overflow:hidden;z-index:-1}.solution-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#152b26)}.solution-sara .solution-visual:after{background:linear-gradient(transparent 50%,#1d2537)}.solution-desenvolvimento .solution-visual:after{background:linear-gradient(transparent 55%,#252031)}
.solution-visual>img{position:absolute;width:150%;max-width:none;left:10%;top:45px;transform:perspective(900px) rotateY(-15deg) rotateZ(-6deg);border:1px solid #ffffff24;border-radius:8px;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.solution-sara .solution-visual>img{top:70px;width:150%;left:5%;transform:perspective(900px) rotateY(-15deg) rotateZ(5deg)}.solution-desenvolvimento .solution-visual>img{width:100%;height:100%;object-fit:cover;object-position:80%;left:0;top:0;transform:none;border:none;border-radius:0}.solution-visual-link:hover .solution-visual>img{transform:perspective(900px) rotateY(0) rotateZ(0) scale(1.03)}
.solution-visual-copy{position:relative;margin-top:240px}.visual-product-logo{height:30px;max-width:122px;object-fit:contain;object-position:left;margin-bottom:24px}.custom-label{display:block;font-size:10px;letter-spacing:.09em;height:30px;margin-bottom:24px;color:#bfb0db}.solution-visual-copy h3{font-size:clamp(35px,3.3vw,52px);line-height:1.02;letter-spacing:-.055em}.solution-visual-copy p{font-size:17px;line-height:1.6;color:#d0cbd9;margin-top:23px;max-width:340px}.visual-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:20px;margin-top:30px;font-size:15px}.visual-cta i{font-style:normal;font-size:25px}
.page-home .benefits-section{background:#e2d9ef}.page-home .benefit-list h3{font-size:30px}.page-home .benefit-list p{font-size:18px}.page-home .benefit-list article{border-bottom-color:#c7bdd5}
.page-home .scroll-story{background:#15131d;color:#eee9f5;position:relative;border-radius:36px 36px 0 0;margin-top:-36px}.page-home .scroll-story h2 em{color:#b9a8ff}.page-home .scroll-story p{color:#bcb1cc}.story-steps h3{font-size:clamp(38px,4.1vw,65px);line-height:1.06}.story-steps article{min-height:75vh}.story-layout{grid-template-columns:1.15fr .85fr;gap:85px}.story-visual{top:160px}.story-visual-inner{aspect-ratio:1.25}.story-progress{color:#a99abf}.story-screen .real-screen{border-color:#625372}.story-screen.art-screen>img{object-position:75%}.story-screen.art-screen>div{font-size:36px;left:30px;bottom:30px;color:#f5efff;text-shadow:0 2px 30px #000}
.custom-section{padding:0!important;background:#101117}.custom-section .custom-layout{max-width:none;width:100%;gap:0;grid-template-columns:1fr 1fr;min-height:780px}.custom-section .custom-layout>div:not(.glass-art){padding:90px 50px 90px max(56px,calc((100vw - 1440px)/2));position:relative;z-index:2}.custom-section h2{font-size:clamp(46px,5vw,78px);line-height:1.04}.custom-section h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#b9a8ff}.custom-section p{max-width:520px!important;color:#bfb4ce}.custom-section .text-link{color:#d1c1f5}
.glass-art{background:radial-gradient(ellipse at 50% 60%,#5c3b7040,transparent 60%),#101117;border:0!important;border-radius:0;box-shadow:none;overflow:hidden;isolation:isolate;position:relative;min-height:570px}
.glass-art>img{position:absolute;left:-40%;top:-31%;width:180%;height:160%;max-width:none;object-fit:contain;transform:translateY(var(--glass-offset,0px));filter:drop-shadow(0 30px 40px #0006)}.glass-caption{bottom:34px;left:35px;right:35px;font-size:10px;color:#c7b9dd;border-top:1px solid #ffffff20;padding-top:16px}.custom-section .glass-art{height:100%;min-height:780px;align-self:stretch}.glass-art:after{content:'';position:absolute;inset:12%;border:1px solid #baa0e222;border-radius:50%;z-index:-1}
.development-hero{background:#101117;color:#efeafd;padding-bottom:0}.development-grid{grid-template-columns:1.05fr 1fr;gap:20px;padding-bottom:0;align-items:center}.development-grid h1{font-size:clamp(48px,5.1vw,82px);letter-spacing:-.055em}.development-grid h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#b9a8ff}.development-grid>div:first-child{padding-bottom:80px}.development-grid .glass-art{height:650px;min-height:650px;align-self:stretch}.development-grid p{font-size:19px;max-width:570px}.process-section{background:#e6dff0}.page-desenvolvimento .process-list h3{font-size:31px}
.construction-cta{position:relative;isolation:isolate;overflow:hidden;background:#111217;min-height:850px;display:flex;align-items:center;color:#f7f3ff}
.construction-scene{position:absolute;inset:-4%;z-index:-3}.construction-scene img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(var(--construction-shift,0px)) scale(1.06);will-change:transform}
.construction-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101117ed 0%,#101117d9 27%,#10111755 58%,transparent 78%);z-index:-2}
.construction-content{padding:100px 0 145px;position:relative}.construction-content>.eyebrow{color:#c4b2e4;font-size:12px}.construction-content h2{font-size:clamp(48px,5.5vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.06em;max-width:760px}.construction-content p{font-size:19px;color:#d7cee3;max-width:480px;line-height:1.7;margin:30px 0}.construction-content .button{margin-top:12px;gap:20px}
.construction-caption{position:absolute;bottom:32px;left:56px;right:56px;border-top:1px solid #ffffff2b;padding-top:21px;display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.1em;color:#c2b6d1}
.page-desenvolvimento .construction-cta{min-height:950px}.page-desenvolvimento .construction-content h2{font-size:clamp(52px,6.3vw,100px);max-width:820px}
.site-footer{background:#13151d;border-top:1px solid #ffffff18}.site-footer:before{content:'LUMETRA';display:block;font-size:clamp(65px,17.4vw,340px);font-weight:600;line-height:1.1;text-align:center;letter-spacing:-.06em;color:#292430;padding:40px 25px 30px;overflow:hidden}.site-footer .footer-main{padding-top:50px}.whatsapp-float{z-index:60}
@media(min-width:1700px){.cinema-title{left:5%;right:7%}.cinema-mark{width:1350px}.cinema-bottom{left:65px;right:65px}.cinema-topline,.cinema-chapters{left:65px;right:65px}}
@media(max-width:1100px){.header-inner{width:calc(100% - 44px)}.header-inner nav{font-size:13px;gap:20px}.header-inner .brand{width:160px}.access-menu summary{font-size:12px;padding:14px}.container{width:calc(100% - 64px)}.cinema-stage{min-height:720px}.cinema-title{font-size:13vw;top:31%}.cinema-mark{width:100vw;top:42%}.cinema-bottom{left:30px;right:30px}.cinema-bottom p{font-size:17px}.cinema-topline{font-size:9px;left:30px;right:30px}.cinema-chapters{left:30px;right:30px}.visual-solutions{gap:13px}.visual-solution{min-height:680px}.solution-visual-link{padding:22px}.solution-visual-top>span{font-size:8px}.solution-visual-copy h3{font-size:37px}.solution-visual-copy p{font-size:16px}.solution-visual-copy{margin-top:220px}.visual-cta{font-size:14px}.story-layout{gap:40px}.story-steps h3{font-size:42px}.custom-section .custom-layout{min-height:650px}.custom-section .custom-layout>div:not(.glass-art){padding:75px 32px}.custom-section .glass-art{min-height:650px}.construction-content h2{font-size:66px;max-width:600px}.construction-content p{max-width:440px}.construction-cta{min-height:800px}.construction-scene{inset:0 -20% 0 -15%}.construction-shade{background:linear-gradient(90deg,#101117f2,#101117b8 35%,transparent 90%)}.construction-caption{left:32px;right:32px}.development-grid .glass-art{height:550px;min-height:550px}}
@media(max-width:800px){.header-inner{height:80px}.reading-progress{top:79px}.site-header .header-inner nav{font-size:16px}.section{padding:85px 0}.cinema-hero{height:120svh;min-height:1000px}.cinema-stage{height:calc(100svh - 80px);min-height:800px;top:80px}.cinema-topline{top:22px;font-size:8px;justify-content:center}.cinema-topline>span:last-child{display:none}.cinema-title{top:12%;justify-content:center;left:0;right:0;gap:22px;font-size:16vw}.cinema-mark{top:43%;width:150vw;max-width:1100px}.cinema-bottom{bottom:100px;gap:18px}.cinema-bottom .eyebrow{font-size:9px}.cinema-action{gap:15px}.round-link{padding:16px 22px;font-size:14px;gap:25px}.scroll-invitation{display:none}.cinema-chapters{justify-content:center}.manifesto-statement{font-size:10vw}.brand-manifesto{padding:65px 0 75px}.manifesto-bottom{gap:25px}.manifesto-bottom p{font-size:18px;max-width:420px}.manifesto-index{font-size:9px}.visual-solutions{grid-template-columns:1fr;gap:24px}.visual-solution{min-height:560px}.solution-visual-link{padding:28px}.solution-visual{height:100%;top:0;left:35%}.solution-visual:after,.solution-sara .solution-visual:after,.solution-desenvolvimento .solution-visual:after{background:linear-gradient(90deg,#152b26,transparent 40%)}.solution-sara .solution-visual:after{background:linear-gradient(90deg,#1d2537,transparent 40%)}.solution-desenvolvimento .solution-visual:after{background:linear-gradient(90deg,#252031,transparent 40%)}.solution-visual>img{top:18%;width:200%;left:20%}.solution-sara .solution-visual>img{top:25%;width:200%;left:20%}.solution-desenvolvimento .solution-visual>img{width:100%;left:0;top:0}.solution-visual-copy{margin-top:100px;max-width:350px}.solution-visual-copy h3{font-size:48px}.solution-visual-copy p{font-size:18px}.solution-visual-copy .visual-cta{font-size:16px}.custom-section .custom-layout{display:flex;flex-direction:column;text-align:center}.custom-section .custom-layout>div:not(.glass-art){padding:80px 32px 10px}.custom-section .glass-art{width:100%;max-width:none;height:530px;min-height:530px}.custom-section p{margin-inline:auto}.glass-art>img{left:-30%;width:160%;top:-36%;height:170%}.development-grid{display:flex;flex-direction:column;text-align:center}.development-grid>div:first-child{padding-bottom:0}.development-grid .glass-art{width:100%;max-width:none;height:500px;min-height:500px}.development-grid .button{margin-top:0}.development-grid h1{font-size:58px}.development-grid p{margin:25px auto}.construction-content h2,.page-desenvolvimento .construction-content h2{font-size:60px;max-width:600px}.construction-content p{font-size:18px}.construction-caption>span:last-child{display:none}}
@media(max-width:600px){.header-inner{width:calc(100% - 36px);height:76px}.header-inner .brand{width:164px}.reading-progress{top:75px}.container{width:calc(100% - 40px)}.section h2{font-size:40px}.cinema-hero{height:auto;min-height:0}.cinema-stage{position:relative;top:0;height:auto;min-height:890px;padding:35px 20px 0;display:flex;align-items:center;flex-direction:column}.cinema-topline{position:static;font-size:8px;margin-bottom:35px;text-align:center}.cinema-title{position:static;font-size:19vw;gap:15px;justify-content:center;letter-spacing:-.07em}.cinema-title>span,.cinema-title em{transform:none!important}.cinema-mark{position:relative;left:auto;top:auto;transform:none!important;width:200%;max-width:none;height:365px;aspect-ratio:auto;margin:-12px 0 0;pointer-events:none}.cinema-mark img{width:100%;height:210%;max-width:none;position:absolute;top:-58%;object-fit:contain}.mark-halo{top:65%;width:35%;left:32.5%;height:20%}.cinema-bottom{position:static;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;margin-top:0;width:100%}.cinema-bottom .eyebrow{font-size:9px;margin-bottom:12px}.cinema-bottom p{font-size:18px;line-height:1.6}.cinema-action{justify-content:center;width:100%}.round-link{border-radius:100px;gap:30px;padding:16px 25px;font-size:15px}.round-link span br{display:none}.round-link>b{font-size:28px}.cinema-chapters{position:static;margin:32px 0 0;padding:20px 0;width:100%;gap:19px;justify-content:center}.cinema-chapters a{gap:7px;font-size:9px}.cinema-chapters b{font-size:12px}.brand-manifesto{margin-top:0;border-radius:24px 24px 0 0;padding:55px 0 65px}.manifesto-label{justify-content:center;text-align:center}.manifesto-label>.eyebrow{font-size:9px}.manifesto-label>span:last-child{display:none}.manifesto-statement{text-align:center;font-size:12vw;letter-spacing:-.06em;margin:35px 0}.manifesto-bottom{flex-direction:column;align-items:center;text-align:center;gap:20px}.manifesto-bottom p{font-size:18px;line-height:1.7}.manifesto-index{font-size:9px}.page-home .solutions-section{padding-top:65px}.visual-solution{min-height:670px;border-radius:16px}.solution-visual-link{padding:25px;text-align:center;display:flex;flex-direction:column}.solution-visual{height:260px;top:55px;left:0}.solution-visual:after{background:linear-gradient(transparent 40%,#152b26)!important}.solution-sara .solution-visual:after{background:linear-gradient(transparent 40%,#1d2537)!important}.solution-desenvolvimento .solution-visual:after{background:linear-gradient(transparent 50%,#252031)!important}.solution-visual>img{width:145%;left:10%;top:35px}.solution-sara .solution-visual>img{width:145%;left:7%;top:50px}.solution-desenvolvimento .solution-visual>img{width:100%;height:100%;top:0;left:0}.solution-visual-top>span{font-size:8px}.solution-visual-copy{margin:245px auto 0;width:100%;max-width:none}.visual-product-logo{margin:0 auto 22px;object-position:center;height:30px}.custom-label{font-size:9px;margin-bottom:22px}.solution-visual-copy h3{font-size:43px}.solution-visual-copy p{font-size:18px;margin:22px auto 0}.visual-cta{font-size:15px;margin-top:25px}.page-home .benefit-list h3{font-size:28px}.page-home .scroll-story{border-radius:25px 25px 0 0}.story-steps article{min-height:0}.story-steps h3{font-size:38px}.story-steps p{color:#c9bed8}.story-mobile .art-mobile{height:275px;object-position:80%}.custom-section .custom-layout>div:not(.glass-art){padding:70px 20px 0}.custom-section h2{font-size:43px}.custom-section .glass-art{height:390px;min-height:390px}.glass-caption{bottom:22px;left:20px;right:20px;font-size:9px}.glass-art>img{top:-35%;left:-40%;width:180%;height:170%}.development-grid h1{font-size:46px}.development-grid p{font-size:18px}.development-grid .glass-art{height:390px;min-height:390px;margin-top:5px}.development-grid .glass-caption{font-size:8px}.page-desenvolvimento .process-list h3{font-size:25px}.construction-cta,.page-desenvolvimento .construction-cta{display:flex;flex-direction:column;justify-content:flex-start;min-height:940px;padding-top:0;text-align:center}.construction-scene{inset:auto -37% 0 -100%;height:570px;z-index:-3}.construction-scene img{object-position:75% bottom;transform:scale(1.05)!important}.construction-shade{background:linear-gradient(#101117 0%,#101117 28%,#101117d9 44%,#10111700 73%,#10111755)}.construction-content{padding:65px 0 360px}.construction-content>.eyebrow{font-size:10px;margin-bottom:25px}.construction-content h2,.page-desenvolvimento .construction-content h2{font-size:43px;max-width:100%;line-height:1.08;letter-spacing:-.05em}.construction-content p{font-size:18px;margin:25px auto;max-width:400px}.construction-content .button{font-size:14px;gap:15px;padding:16px 21px;min-height:56px;margin-top:0}.construction-caption{left:20px;right:20px;bottom:30px;padding-top:18px;justify-content:center;font-size:8px;letter-spacing:.07em}.site-footer:before{padding:30px 15px 10px;font-size:16.8vw}.site-footer .footer-main{padding-top:35px}.whatsapp-float{bottom:14px;right:14px}.page-home .faq-section{background:#f1eef6}.page-home .faq-section h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.cinema-hero{height:auto;min-height:0}.cinema-stage{position:relative;top:0}.cinema-mark,.cinema-title>span,.cinema-title em,.construction-scene img{transform:none!important}.cinema-mark{translate:-50% -50%}.solution-visual>img,.cinema-mark img{transition:none}.manifesto-statement span{opacity:1!important}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.cinema-mark{translate:none}}
/* Keep primary actions clear of the persistent contact button. */
@media(min-width:801px){.construction-cta{min-height:760px}.page-desenvolvimento .construction-cta{min-height:800px}.construction-content{padding:75px 0 115px}}
@media(max-width:800px){html{scroll-padding-top:80px}}
@media(max-width:600px){html{scroll-padding-top:76px}.cinema-mark{height:330px}.cinema-stage{min-height:855px}}

/* Balance the brand introduction and keep the access indicator optically centered. */
/* The reveal uses the exact alpha silhouette of the original 3D asset. */
.cinema-title, .cinema-mark { user-select: none; -webkit-user-select: none; }
.mark-surface {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: perspective(1300px) rotateY(var(--tilt-x, 0deg)) rotateX(var(--tilt-y, 0deg));
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.cinema-mark .mark-surface > img,
.binary-reveal {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  transition: none;
  pointer-events: none;
}
.binary-reveal { z-index: 3; }
.mark-reveal-toggle {
  position: absolute;
  left: 27.8%;
  top: 31.6%;
  width: 44.4%;
  height: 36.8%;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #cec1eb;
  z-index: 4;
  pointer-events: auto;
  cursor: crosshair;
  -webkit-tap-highlight-color: transparent;
}
.mark-reveal-toggle[hidden] { display: none; }
.mark-reveal-toggle:focus { outline: none; }
.mark-reveal-toggle:focus-visible .mark-reveal-prompt {
  outline: 2px solid #cab8ff;
  outline-offset: 6px;
  border-radius: 3px;
}
.mark-reveal-prompt {
  position: absolute;
  top: calc(100% + 22px);
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  white-space: nowrap;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .04em;
  color: #b7abc9;
  cursor: pointer;
}
.mark-reveal-prompt svg { width: 18px; height: 18px; color: #bda6ff; }
.mark-reveal-toggle:hover .mark-reveal-prompt,
.mark-reveal-toggle[aria-pressed="true"] .mark-reveal-prompt { color: #f0e9ff; }
.prompt-touch { display: none; }
@media (hover: none) {
  .prompt-pointer { display: none; }
  .prompt-touch { display: inline; }
}
@media (max-width: 600px) {
  .mark-surface { position: absolute; top: -58%; height: 210%; }
  .mark-reveal-prompt { top: calc(100% + 16px); font-size: 11px; }
  .cinema-mark { margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mark-surface { transform: none; transition: none; }
}

.access-menu summary { line-height: 1.4; }
.access-menu summary .access-chevron {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  transition: transform .2s ease;
}
.access-menu[open] summary .access-chevron { transform: rotate(180deg); }
.about-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.8fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(40px, 4.2vw, 80px);
  padding: 24px 0 12px;
}
.about-hero-copy h1 {
  font-size: clamp(48px, 5vw, 76px);
  line-height: 1.12;
  margin-bottom: 0;
}
.about-hero-copy p {
  max-width: 660px;
  margin: 32px 0 0;
  font-size: 21px;
  line-height: 1.75;
  color: var(--muted);
}
.about-hero-symbol {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 1;
  justify-self: center;
  isolation: isolate;
}
.about-hero-symbol::before {
  content: '';
  position: absolute;
  inset: -15%;
  z-index: -1;
  background: radial-gradient(ellipse, #9980ff16 0%, #9980ff08 38%, transparent 68%);
}
.about-hero-symbol img { display: block; width: 78%; height: auto; }
@media (max-width: 980px) {
  .about-hero-layout { grid-template-columns: 1fr; gap: 38px; text-align: center; padding-top: 12px; }
  .about-hero-copy h1 { font-size: clamp(42px, 6.6vw, 64px); }
  .about-hero-copy p { margin-inline: auto; }
  .about-hero-symbol { width: 210px; }
}
@media (max-width: 600px) {
  .about-hero-layout { gap: 28px; padding-bottom: 0; }
  .about-hero-copy h1 { font-size: clamp(34px, 10.5vw, 48px); }
  .about-hero-copy p { margin-top: 26px; font-size: 19px; line-height: 1.7; }
  .about-hero-symbol { width: 170px; }
}
@media (prefers-reduced-motion: reduce) {
  .access-menu summary .access-chevron { transition: none; }
}