:where(html[data-page=about]) .about-page{--about-green:#b7ef20;background:#050505;color:#f4f4f1}:where(html[data-page=about]) body.rtl-lang.about-page .about-culture-title,:where(html[data-page=about]) body.rtl-lang.about-page .about-story-copy{text-align:right}:where(html[data-page=about]) .about-hero{position:relative;min-height:100svh;overflow:hidden;padding:142px 0 90px;text-align:center;background:#020202}:where(html[data-page=about]) .about-hero-inner{position:relative;z-index:2;display:flex;min-height:calc(100svh - 232px);flex-direction:column;align-items:center;justify-content:center;transform:translateY(-9svh)}:where(html[data-page=about]) .about-hero-title{width:100%;max-width:760px;margin:24px auto 20px;font-family:var(--font-heading);font-size:70px;font-weight:700;line-height:.98;letter-spacing:-.035em}:where(html[data-page=about]) .split-text-char,:where(html[data-page=about]) .split-text-word{display:inline-block}:where(html[data-page=about]) .split-text-word{white-space:nowrap}:where(html[data-page=about]) .split-text-char{will-change:transform,opacity}:where(html[data-page=about]) .about-hero-copy{max-width:650px;margin:0 auto;color:rgb(255,255,255);font-size:18px;line-height:1.75}:where(html[data-page=about]) .about-scroll-link{position:absolute;bottom:-40px;left:50%;display:inline-flex;flex-direction:column;align-items:center;gap:10px;color:var(--accent-lime);font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transform:translateX(-50%)}:where(html[data-page=about]) .about-scroll-link:after{content:"";width:1px;height:38px;background:linear-gradient(var(--accent-lime),transparent);animation:aboutScrollCue 1.8s ease-in-out infinite}@keyframes aboutScrollCue{0%,to{opacity:.32;transform:scaleY(.55);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}:where(html[data-page=about]) .about-story{height:34vw}:where(html[data-page=about]) .about-culture,:where(html[data-page=about]) .about-story,:where(html[data-page=about]) .about-values-intro{position:relative;padding:0;background:#050505}:where(html[data-page=about]) .about-page .section-label:not(.process-label){text-align:center;font-size:30px;font-family:400;color:white}:where(html[data-page=about]) .about-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(55px,9vw,150px);margin-top:48px}:where(html[data-page=about]) .about-culture-title h2,:where(html[data-page=about]) .about-story-copy h2,:where(html[data-page=about]) .about-values-heading h2{margin:0 0 30px;font:400 28px var(--font-outfit),sans-serif}:where(html[data-page=about]) .about-culture-title p,:where(html[data-page=about]) .about-story-copy p,:where(html[data-page=about]) .about-values-heading p{color:white;line-height:1.8;font-size:18px}:where(html[data-page=about]) .about-story-copy p+p{margin-top:22px}:where(html[data-page=about]) .about-story-visual{position:relative;margin:0;transform:rotate(2.2deg)}:where(html[data-page=about]) .about-story-visual:before{content:"";position:absolute;inset:-18px}:where(html[data-page=about]) .about-story-visual img{display:block;width:100%}:where(html[data-page=about]) .about-image-index{position:absolute;right:10px;bottom:-36px;color:#6d6d68;font-size:10px;letter-spacing:.18em}:where(html[data-page=about]) .about-values-intro{padding-bottom:40px}:where(html[data-page=about]) .about-values-heading{display:grid;grid-template-columns:1.15fr .55fr;align-items:end;gap:12vw;margin-top:40px}:where(html[data-page=about]) .about-values-heading p{padding-bottom:9px}:where(html[data-page=about]) .about-orbit-scroll{position:relative;height:430vh;background:#050505}:where(html[data-page=about]) .about-orbit-stage{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at center,rgba(183,239,32,.055),transparent 34%)}:where(html[data-page=about]) .about-orbit-rings{position:absolute;inset:50% auto auto 50%;width:min(78vw,1180px);height:min(58vh,580px);transform:translate(-50%,-50%)}:where(html[data-page=about]) .about-orbit-rings span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.07);border-radius:50%}:where(html[data-page=about]) .about-orbit-rings span:last-child{inset:16%;border-color:rgba(183,239,32,.1)}:where(html[data-page=about]) .about-orbit-x{position:absolute;left:50%;top:50%;width:clamp(220px,27vw,450px);transform:translate(-50%,-50%)}:where(html[data-page=about]) .about-orbit-x img{display:block;width:100%}:where(html[data-page=about]) .about-value-card{position:absolute;left:50%;top:50%;width:min(290px,24vw);padding:22px 23px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;will-change:transform,opacity}:where(html[data-page=about]) .about-value-number{display:block;color:var(--about-green);font:600 11px var(--font-inter),sans-serif;letter-spacing:.18em}:where(html[data-page=about]) .about-value-card h3{margin:25px 0 11px;font:500 23px/1.1 var(--font-outfit),sans-serif}:where(html[data-page=about]) .about-value-card p{margin:0;color:#85857f;font-size:12px;line-height:1.65}:where(html[data-page=about]) .about-culture{padding-top:170px;padding-bottom:190px;overflow:hidden}:where(html[data-page=about]) .about-culture-title{display:grid;grid-template-columns:1fr .5fr;gap:12vw;align-items:end;margin-top:35px}:where(html[data-page=about]) .about-page .contact-section{z-index:2;min-height:145svh;padding-block:150px;isolation:isolate}:where(html[data-page=about]) .about-page .contact-x-bg{z-index:1;width:min(52vw,760px);height:min(62svh,600px);transform:none}:where(html[data-page=about]) .about-page .contact-container{z-index:4;max-width:600px}:where(html[data-page=about]) .about-contact-images{position:absolute;inset:0;z-index:3;pointer-events:none}:where(html[data-page=about]) .about-contact-image{position:absolute;margin:0;width:27vw;will-change:transform,opacity}:where(html[data-page=about]) .about-contact-image img{display:block;width:100%;height:auto}:where(html[data-page=about]) .about-contact-image.image-left{left:3.5%;top:40%}:where(html[data-page=about]) .about-contact-image.image-right{right:3%;top:40%}:where(html[data-page=about]) .about-contact-image.image-bottom{left:50%;bottom:2vw;transform:translateX(-50%)}@media (max-width:900px){:where(html[data-page=about]) .about-culture-title,:where(html[data-page=about]) .about-story-grid,:where(html[data-page=about]) .about-values-heading{grid-template-columns:1fr;gap:30px}:where(html[data-page=about]) .about-story{height:auto;padding-bottom:72px}:where(html[data-page=about]) .about-story-visual{margin:25px 18px 0}:where(html[data-page=about]) .about-value-card{width:min(240px,66vw)}:where(html[data-page=about]) .about-orbit-rings{width:120vw;height:55vh}:where(html[data-page=about]) .about-page .contact-section{min-height:1120px;padding:260px 0 250px}:where(html[data-page=about]) .about-page .contact-x-bg{transform:translate(-50%,-50%)}:where(html[data-page=about]) .about-contact-image{width:min(245px,52vw)}:where(html[data-page=about]) .about-contact-image.image-left{left:-3%;top:7%}:where(html[data-page=about]) .about-contact-image.image-right{right:-4%;top:9%}:where(html[data-page=about]) .about-contact-image.image-bottom{bottom:2%}}@media (max-width:767px){:where(html[data-page=about]) .about-hero{min-height:92svh;padding:104px 0 60px}:where(html[data-page=about]) .about-hero-inner{min-height:calc(92svh - 164px);transform:translateY(-4svh)}:where(html[data-page=about]) .about-hero-title{font-size:clamp(38px,12.5vw,56px)}:where(html[data-page=about]) .about-hero-copy{font-size:15px}}@media (max-width:600px){:where(html[data-page=about]) .about-hero{min-height:92svh;padding:104px 0 60px}:where(html[data-page=about]) .about-hero-inner{min-height:calc(92svh - 164px);transform:translateY(-4svh)}:where(html[data-page=about]) .about-hero-title{font-size:clamp(38px,12.5vw,56px)}:where(html[data-page=about]) .about-hero-copy{font-size:15px}:where(html[data-page=about]) .about-culture,:where(html[data-page=about]) .about-story,:where(html[data-page=about]) .about-values-intro{padding:95px 0}:where(html[data-page=about]) .about-culture-title h2,:where(html[data-page=about]) .about-story-copy h2,:where(html[data-page=about]) .about-values-heading h2{font-size:clamp(28px,8vw,34px);line-height:1.15}:where(html[data-page=about]) .about-story-copy p{font-size:16px;line-height:1.7}:where(html[data-page=about]) .about-page .section-label:not(.process-label){font-size:22px;letter-spacing:.18em}:where(html[data-page=about]) .about-values-intro{padding-bottom:10px}:where(html[data-page=about]) .about-orbit-scroll{height:380vh}:where(html[data-page=about]) .about-orbit-stage{min-height:600px}:where(html[data-page=about]) .about-orbit-x{width:210px}:where(html[data-page=about]) .about-culture{padding-bottom:110px}:where(html[data-page=about]) .about-page .contact-section{min-height:1060px;padding:245px 0 235px}:where(html[data-page=about]) .about-page .contact-x-bg{width:92vw;height:52svh}:where(html[data-page=about]) .about-contact-image{width:min(40vw,190px)}:where(html[data-page=about]) .about-contact-image.image-left{left:calc(50% - min(40vw, 190px) - 8px);top:7%}:where(html[data-page=about]) .about-contact-image.image-right{right:calc(50% - min(40vw, 190px) - 8px);top:7%}:where(html[data-page=about]) .about-contact-image.image-bottom{bottom:4%;width:230px}:where(html[data-page=about]) .about-page .contact-title{font-size:39px}:where(html[data-page=about]) .about-page .contact-desc{font-size:15px}}@media (prefers-reduced-motion:reduce){:where(html[data-page=about]) .about-scroll-link:after{animation:none!important}:where(html[data-page=about]) .about-orbit-scroll{height:auto;padding:100px 20px}:where(html[data-page=about]) .about-orbit-stage{position:relative;height:auto;min-height:0;display:grid;gap:16px;overflow:visible}:where(html[data-page=about]) .about-orbit-rings,:where(html[data-page=about]) .about-orbit-x{display:none}:where(html[data-page=about]) .about-value-card{position:relative;inset:auto;width:100%;opacity:1;transform:none!important}}@media (max-width:767px){:where(html[data-page=about]) .about-page .contact-section{min-height:0;padding:330px 0 110px}:where(html[data-page=about]) .about-contact-image{width:min(40vw,170px)}:where(html[data-page=about]) .about-contact-image.image-left{left:calc(50% - min(40vw, 170px) - 6px);top:52px}:where(html[data-page=about]) .about-contact-image.image-right{right:calc(50% - min(40vw, 170px) - 6px);top:60px}:where(html[data-page=about]) .about-contact-image.image-bottom{top:171px;bottom:auto;width:min(54vw,214px)}}