/* MOONFAR · Quiet Space / shared visual and motion foundations.
   Loaded after the legacy styles. Product Universe owns its own interaction styles. */
:root {
  --color-near-black:#080b10;
  --color-deep-navy:#0d1420;
  --color-elevated:#121b28;
  --color-paper:#ebece8;
  --color-secondary:#abb2bb;
  --color-dim:#828c99;
  --color-gold:#bca577;
  --color-gold-bright:#d4c29a;
  --color-hairline:rgba(191,203,218,.16);
  --color-gold-line:rgba(188,165,119,.36);
  --bg:var(--color-near-black);
  --surface:var(--color-deep-navy);
  --text:var(--color-paper);
  --muted:var(--color-secondary);
  --gold:var(--color-gold);
  --gold-light:var(--color-gold-bright);
  --line:var(--color-hairline);
  --font-display:Arial,Helvetica,'Microsoft YaHei',sans-serif;
  --font-body:Arial,Helvetica,'Microsoft YaHei',sans-serif;
  --font-arabic:Tahoma,Arial,sans-serif;
  --text-caption:.75rem;
  --text-small:.875rem;
  --text-body:1rem;
  --text-lead:clamp(1.125rem,1.55vw,1.375rem);
  --text-title:clamp(2.5rem,5.1vw,5.125rem);
  --text-display:clamp(4.25rem,7.7vw,8rem);
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-24:6rem;
  --space-32:8rem;
  --space-section:clamp(6rem,11vw,10rem);
  --page:clamp(1.5rem,5.6vw,7.5rem);
  --motion-fast:180ms;
  --motion-hover:320ms;
  --motion-reveal:720ms;
  --motion-spatial:1100ms;
  --motion-duration:var(--motion-reveal);
  --motion-ease:cubic-bezier(.22,.72,.15,1);
  --motion-ease-spatial:cubic-bezier(.2,.7,.2,1);
  --motion-ease-exit:cubic-bezier(.4,0,.8,.45);
  --motion-distance:22px;
}
html{scroll-padding-top:100px;background:var(--bg)}
body{font-family:var(--font-body);background:var(--bg);font-size:var(--text-body);font-weight:400;line-height:1.7;letter-spacing:-.012em;text-rendering:optimizeLegibility;overflow-x:clip}
body>main{position:relative;isolation:isolate;background:radial-gradient(ellipse 70% 13% at 83% 8%,#15213166,transparent 100%),radial-gradient(ellipse 95% 18% at 10% 67%,#1522373d,transparent 100%)}
p{line-height:1.8}
button,a{-webkit-tap-highlight-color:transparent}
button{font-family:inherit}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--gold-light);outline-offset:6px}
::selection{background:#647183;color:#fff}
.section-space{padding-block:var(--space-section)}
.site-header{height:88px;padding-inline:var(--page);background:rgba(8,11,16,.84);border-color:transparent;backdrop-filter:blur(16px);transition:background var(--motion-hover) var(--motion-ease),border-color var(--motion-hover) var(--motion-ease);isolation:isolate}
.site-header.mf-scrolled{background:rgba(8,11,16,.96);border-color:var(--line)}
.primary-nav{gap:clamp(16px,1.65vw,29px);font-size:13px;letter-spacing:0}
.primary-nav a{position:relative;color:#b5bdc7;transition:color var(--motion-fast) var(--motion-ease)}
.primary-nav a:after{content:'';position:absolute;inset-inline:0;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--motion-hover) var(--motion-ease)}
.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text)}
.primary-nav a:hover:after,.primary-nav a:focus-visible:after{transform:scaleX(1)}
.languages{font-size:12px;gap:12px;letter-spacing:0}
.languages a{transition:color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}
.languages a.active{color:var(--text);border-color:var(--gold)}
.menu-toggle span{transition:transform var(--motion-hover) var(--motion-ease);background:var(--text)}
.hero{grid-template-columns:1.08fr .92fr;gap:3%;min-height:min(860px,calc(100svh - 88px));padding-block:clamp(65px,7vw,110px) 90px;background:transparent;align-items:center}
.hero-copy{max-width:800px}
.hero-eyebrow{color:var(--muted);font-size:10px;letter-spacing:.15em;max-width:650px}
.little-star{display:inline-block;color:var(--gold);font-size:11px;vertical-align:1px;margin-inline-end:10px}
.hero-title{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.065em;line-height:.91;font-weight:400;margin:34px 0 38px}
.hero-title em{font-family:inherit;font-size:.72em;font-style:normal;font-weight:400;line-height:1.15;letter-spacing:-.055em;color:#a4adb8;margin-top:9px}
.hero-line{font-family:var(--font-body);font-size:var(--text-lead);font-weight:400;letter-spacing:-.022em;line-height:1.55;max-width:540px;color:var(--text);margin-top:0}
.hero-body{font-size:15px;max-width:500px;line-height:1.85;margin-top:18px;color:var(--muted)}
.hero-actions{gap:28px;margin-top:32px}
.button,.button.secondary{background:transparent;border:1px solid #b9c0ca4d;color:var(--text);min-height:52px;padding:15px 22px;gap:32px;font-size:13px;letter-spacing:.01em;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-hover) var(--motion-ease),border-color var(--motion-hover) var(--motion-ease)}
.button:hover,.button.secondary:hover{background:#ffffff06;border-color:var(--gold);color:var(--gold-light)}
.button>span{display:inline-block;transition:translate var(--motion-hover) var(--motion-ease)}
.button:hover>span{translate:2px -2px}
.text-link{color:var(--text);font-size:13px;border-color:var(--color-gold-line);padding-block:8px;transition:color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}
.text-link:hover{color:var(--gold-light);border-color:var(--gold)}
/* Existing decorative markup becomes a graphite object with measured orbital lines. */
.cosmos{transform:translate3d(calc(var(--mf-pointer-x,0)*-4px),calc(var(--mf-pointer-y,0)*-3px),0);transition:transform var(--motion-spatial) var(--motion-ease);opacity:.7}
.star-field i{width:1px;height:1px;background:#bac5d4;box-shadow:none;opacity:.2;animation:none}
.star-field i:nth-child(3n){display:none}
.nebula{background:radial-gradient(ellipse at 65% 50%,#20374b19,transparent 38%);animation:none;opacity:.6}
.light-path{border-color:#bccde812;box-shadow:none;animation:none;transform:rotate(-29deg)}
.path-two{border-color:#b6c5d610;transform:rotate(-26deg)}
.orbital-figure{height:clamp(390px,36vw,540px);width:100%;transform:translate3d(calc(var(--mf-pointer-x,0)*8px),calc(var(--mf-pointer-y,0)*6px + var(--mf-hero-y,0px)),0);transition:transform var(--motion-spatial) var(--motion-ease);align-self:center}
.orbital-core{height:calc(100% - 45px);perspective:900px}
.orbital-core:before{width:clamp(230px,24vw,355px);height:auto;aspect-ratio:1;border:1px solid #96a4b024;box-shadow:inset -24px -18px 70px #0009;background:radial-gradient(circle at 28% 28%,#5a667328,#27323f4a 23%,#0c131d 64%,#05080d 94%);transform:translate3d(0,0,0)}
.orbital-core:after{content:'';position:absolute;width:clamp(230px,24vw,355px);aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#b7c5d114,transparent 40%,#080b1077 75%);border:1px solid #a6b2c011;pointer-events:none}
.orbital-star{display:none;animation:none;text-shadow:none}
.orbit-ring{inset:5% -1%;border-color:#8a99ac38;box-shadow:none;transform:rotate(-34deg) scaleY(.55);z-index:1}
.ring-b{inset:7% 0;border-color:#bca57737;transform:rotate(39deg) scaleY(.6)}
.ring-c{inset:12% -9%;border-color:#7a91ab24;transform:rotate(-12deg) scaleY(.74)}
.orbital-point{width:4px;height:4px;background:var(--gold);box-shadow:none;z-index:2}
.point-b{width:3px;height:3px;background:#bcc6d3}
.orbital-label{color:var(--muted);font-size:10px;letter-spacing:.14em;z-index:3}
.label-a{top:4%;right:14%}.label-b{bottom:7%;right:0}.label-c{top:43%;left:-2%}
.orbital-word{font-size:10px;letter-spacing:.35em;color:#a7b0bf;bottom:22px}
.orbital-figure figcaption{color:var(--color-dim);font-size:10px;line-height:1.7;letter-spacing:.09em;padding-top:15px;max-width:390px;margin:10px auto 0}
.audience-strip{background:transparent;border-color:var(--line);font-size:10px;letter-spacing:.16em;color:var(--color-dim);min-height:74px}
.strip-star{font-size:7px;opacity:.7}
.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.16em;line-height:1.7;margin-bottom:24px}
.eyebrow bdi{color:var(--color-dim);font-variant-numeric:tabular-nums;margin-inline-end:16px}
.section-heading{margin-bottom:64px}
.section-heading:after{height:1px;background:linear-gradient(90deg,#a6b2c63b,#a6b2c608);margin-top:42px;transition:transform var(--motion-spatial) var(--motion-ease);transform-origin:left}
.heading-row{grid-template-columns:1.3fr 1fr;gap:11%}
.heading-row>h2,#why h2,.about-grid>h2,.contact-intro>h2{font-family:var(--font-display);font-size:var(--text-title);font-weight:400;line-height:1.06;letter-spacing:-.05em}
.heading-row>p{font-size:15px;color:var(--muted);max-width:450px;line-height:1.85}
.services-grid{column-gap:9%;margin-top:0}
.service{padding:36px 0 44px;gap:28px;border-color:var(--line);transition:border-color var(--motion-hover) var(--motion-ease)}
.service:hover{border-color:var(--color-gold-line);background:transparent}
.service-no{font-family:var(--font-body);font-size:12px;font-style:normal;line-height:2.6;letter-spacing:.06em;color:var(--gold)}
.service h3{font-size:clamp(1.375rem,2.1vw,2rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:20px;transition:color var(--motion-hover) var(--motion-ease)}
.service:hover h3{color:var(--text)}
.service p{font-size:15px;line-height:1.8;max-width:460px}
.service .service-details{font-size:11px;color:var(--color-dim);line-height:1.8;letter-spacing:.035em}
.capabilities{background:linear-gradient(180deg,transparent,#11203530 46%,transparent);border:0;padding-top:var(--space-24)}
.process{gap:30px}
.process li{border-color:var(--line);padding-top:24px;transition:color var(--motion-hover) var(--motion-ease)}
.process li:hover{transform:none}
.process li:before{width:4px;height:4px;top:-2px;background:var(--gold)}
.step-number{font-size:11px;color:var(--gold);letter-spacing:.06em}
.process h3{font-size:20px;font-weight:400;line-height:1.3;margin-top:32px;letter-spacing:-.02em}
.process p{font-size:14px;line-height:1.8;color:var(--muted)}
/* Global Presence is an image-led chapter, sharing the same calm borders and timings. */
.presence-section{background:linear-gradient(180deg,transparent,#101a293d 48%,transparent);border:0;padding-top:var(--space-section);padding-bottom:var(--space-section)}
.presence-toolbar{margin-block:32px}
.presence-toolbar p{font-size:12px;color:var(--color-dim)}
.gallery-step{border-color:var(--line);border-radius:50%;color:var(--text);width:48px;height:48px;font-size:25px;transition:border-color var(--motion-hover) var(--motion-ease),color var(--motion-fast) var(--motion-ease),background var(--motion-hover) var(--motion-ease)}
.gallery-step:hover{background:#ffffff05;border-color:var(--gold);color:var(--gold-light)}
.gallery-step:disabled:hover{background:none;border-color:var(--line);color:var(--text)}
.presence-track{gap:28px;padding-bottom:24px;scrollbar-width:none}
.presence-frame{background:#0a1018;height:clamp(490px,46vw,670px);flex-basis:64vw;max-width:1080px}
.presence-1{height:clamp(430px,40vw,590px);margin-top:80px;flex-basis:39vw}
.presence-2{height:clamp(460px,43vw,620px);margin-top:44px;flex-basis:56vw}
.presence-photo:after{background:linear-gradient(180deg,transparent 44%,#060b1366 66%,#05080fdd 100%)}
.presence-photo img{transition:transform var(--motion-spatial) var(--motion-ease);filter:saturate(.9)}
.presence-frame:hover img{transform:scale(1.02)}
.presence-frame figcaption{inset-inline:34px;bottom:32px;padding:0}
.presence-frame figcaption p{font-size:10px;letter-spacing:.14em;color:var(--gold-light);margin-bottom:12px}
.presence-frame h3{font-size:clamp(1.625rem,2.6vw,2.625rem);font-weight:400;letter-spacing:-.025em;line-height:1.2;max-width:650px}
.presence-frame figcaption>span{font-size:14px;color:#c3cbd4;line-height:1.7;max-width:600px}
.presence-progress{margin-top:25px;gap:30px}
.track-meter{height:1px;background:var(--line)}
.track-meter i{background:var(--gold);transition:width var(--motion-fast) var(--motion-ease)}
.presence-position{font-size:10px;color:var(--color-dim);font-variant-numeric:tabular-nums;letter-spacing:.05em}
.why{background:transparent;border:0;gap:12%;padding-top:var(--space-24)}
.orbit-emblem{width:220px;height:120px;border-color:#7c8d9e28;margin-top:75px;transform:rotate(-23deg)}
.orbit-emblem:after{border-color:#bca57729;width:180px;height:155px;transform:rotate(56deg)}
.orbit-emblem span{font-size:7px;color:var(--gold)}
.reason-list article{padding:27px 0;border-color:var(--line);gap:25px}
.reason-list article>span{font-size:10px;color:var(--gold);line-height:2.7}
.reason-list h3{font-size:22px;font-weight:400;letter-spacing:-.03em;margin-bottom:14px}
.reason-list p{font-size:15px;line-height:1.85}
.about{padding-bottom:clamp(145px,16vw,250px)}
.about-grid{gap:12%}
.about-grid .about-lead{font-size:var(--text-lead);line-height:1.75;color:var(--text)}
.about-grid p{font-size:15px;line-height:1.85}
.about-grid .about-signature{font-size:18px;font-weight:400;letter-spacing:-.01em;color:var(--muted);margin-top:36px;line-height:1.7}
.about-word{font-family:var(--font-display);font-weight:400;color:#a4b8d008;bottom:-.065em;font-size:16.3vw;line-height:1.2;letter-spacing:-.04em;transform:translate3d(0,var(--mf-word-y,0px),0)}
.contact{background:linear-gradient(160deg,#111c2940,transparent 60%);border:0;border-top:1px solid var(--line);gap:12%;padding-top:var(--space-section)}
.contact-intro>h2{font-size:clamp(3rem,5.5vw,5.75rem);margin-bottom:30px}
.contact-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:470px}
.contact .contact-help{font-size:12px;line-height:1.7;color:var(--color-dim);max-width:340px;margin-top:18px}
.contact-channel{padding-block:28px;border-color:var(--line)}
.channel-label{font-size:10px;letter-spacing:.16em;color:var(--color-dim);margin-bottom:15px}
.email{font-size:clamp(1.1rem,1.9vw,1.85rem);color:var(--text);letter-spacing:-.03em;transition:color var(--motion-fast) var(--motion-ease)}
.email:hover{color:var(--gold-light)}
.channel-value{font-size:24px;color:var(--text);font-weight:400;letter-spacing:-.02em}
.contact-channel p{font-size:14px;line-height:1.8}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding-block:var(--space-16) var(--space-8)}
.footer-name{font-size:26px;letter-spacing:.03em;font-weight:400}
.footer-name span{font-size:12px;margin-inline-start:12px;vertical-align:3px}
.footer-top{padding-bottom:30px;border-color:var(--line)}
.footer-top>p{font-size:10px;letter-spacing:.13em;color:var(--color-dim)}
.footer-bottom{color:var(--color-dim);font-size:10px;padding-top:24px}
.footer-bottom>a{font-size:12px;transition:color var(--motion-fast) var(--motion-ease)}
.privacy-page{max-width:1120px}
.privacy-page>h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-title);line-height:1.12;letter-spacing:-.05em}
.privacy-intro{font-size:var(--text-lead);line-height:1.8}
.privacy-page section{border-color:var(--line)}
.privacy-page section h2{font-size:22px;line-height:1.4;letter-spacing:-.02em}
.privacy-page section p{font-size:15px;line-height:1.9}
.toast{background:var(--surface);color:var(--text);border:1px solid var(--color-gold-line);box-shadow:0 12px 36px #0003;transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-hover) var(--motion-ease)}
/* Motion is opt-in per observed element; nothing is hidden if JS is unavailable. */
.mf-motion-ready .mf-enter{transition:opacity var(--motion-reveal) var(--motion-ease) var(--mf-delay,0ms),transform var(--motion-reveal) var(--motion-ease) var(--mf-delay,0ms);opacity:0;transform:translate3d(0,var(--motion-distance),0)}
.mf-motion-ready .mf-enter.mf-shown{opacity:1;transform:translate3d(0,0,0)}
.mf-motion-ready .mf-mask{transition:opacity var(--motion-reveal) var(--motion-ease) var(--mf-delay,0ms),transform var(--motion-spatial) var(--motion-ease) var(--mf-delay,0ms),clip-path var(--motion-spatial) var(--motion-ease) var(--mf-delay,0ms);clip-path:inset(0 0 12% 0)}
.mf-motion-ready .mf-mask.mf-shown{clip-path:inset(0 0 -3% 0)}
.mf-motion-ready .mf-line:after{transform:scaleX(.02)}
.mf-motion-ready .mf-line.mf-shown:after{transform:scaleX(1)}
[dir=rtl] body{font-family:var(--font-arabic);letter-spacing:0}
[dir=rtl] .primary-nav a:after{transform-origin:100% 50%}
[dir=rtl] .section-heading:after{transform-origin:right;background:linear-gradient(270deg,#a6b2c63b,#a6b2c608)}
[dir=rtl] .heading-row>h2,[dir=rtl] #why h2,[dir=rtl] .about-grid>h2,[dir=rtl] .contact-intro>h2{font-family:var(--font-arabic);line-height:1.42;letter-spacing:0;font-size:clamp(2.25rem,4.4vw,4.4rem)}
[dir=rtl] .hero-title{font-family:var(--font-display);font-size:var(--text-display);text-align:start;letter-spacing:-.065em;line-height:.91}
[dir=rtl] .hero-title em{letter-spacing:-.055em;line-height:1.15}
[dir=rtl] .hero-line{line-height:1.9;font-size:var(--text-lead);letter-spacing:0}
[dir=rtl] .hero-eyebrow,[dir=rtl] .eyebrow,[dir=rtl] .channel-label,[dir=rtl] .orbital-label,[dir=rtl] .service .service-details{letter-spacing:0}
[dir=rtl] .service h3{font-size:clamp(1.375rem,2vw,1.8rem);letter-spacing:0;line-height:1.55}
[dir=rtl] .process h3,[dir=rtl] .reason-list h3{letter-spacing:0;line-height:1.7}
[dir=rtl] .presence-frame h3{letter-spacing:0;line-height:1.5}
[dir=rtl] .presence-frame figcaption p{letter-spacing:0}
[dir=rtl] .orbital-label{font-size:12px}
[dir=rtl] .button:hover>span{translate:-2px -2px}
@media(min-width:1750px){:root{--page:max(6.4%,calc((100vw - 1540px)/2))}}
@media(max-width:1100px){
  .site-header{height:80px}
  .primary-nav{background:rgba(8,11,16,.98);border-color:var(--line);font-size:16px;gap:0}
  .primary-nav a:after{display:none}
  .hero{min-height:700px;padding-top:70px;gap:3%}
  .hero-title,[dir=rtl] .hero-title{font-size:8.2vw}
  .orbital-figure{height:410px}
  .orbital-core:before,.orbital-core:after{width:245px}
  .orbital-label{font-size:9px;letter-spacing:.1em}
  .label-c{left:-3%}
  .heading-row{gap:8%;grid-template-columns:1.2fr 1fr}
  .section-heading{margin-bottom:48px}
  .presence-frame{flex-basis:76vw;height:560px}
  .presence-1{flex-basis:55vw;height:490px;margin-top:70px}
  .presence-2{flex-basis:69vw;height:525px;margin-top:35px}
}
@media(max-width:760px){
  :root{--page:24px;--space-section:88px;--text-title:clamp(2.4rem,8vw,3.5rem);--text-lead:1.125rem}
  .site-header{height:76px;gap:12px}
  .hero{min-height:0;grid-template-columns:1fr;padding-block:54px 35px;gap:0;display:flex;flex-direction:column;align-items:stretch}
  .hero-copy{max-width:600px}
  .hero-title,[dir=rtl] .hero-title{font-size:clamp(3.7rem,14.2vw,6.2rem);margin:32px 0}
  .hero-title em{font-size:.72em}
  .hero-eyebrow{font-size:10px;max-width:500px;line-height:1.8;letter-spacing:.12em}
  .hero-line{font-size:18px;max-width:510px;line-height:1.6}
  .hero-body{font-size:15px;line-height:1.9;margin-top:16px;max-width:530px}
  .hero-actions{margin-top:28px;gap:25px}
  .button{min-height:52px;gap:28px;font-size:13px}
  .orbital-figure{width:94%;height:360px;margin:30px auto 0;transform:none!important;align-self:center}
  .orbital-core{height:305px}
  .orbital-core:before,.orbital-core:after{width:235px}
  .orbital-label{font-size:9px;letter-spacing:.1em}
  .label-a{top:3%;right:10%}.label-b{bottom:7%;right:0}.label-c{left:0;top:38%}
  .orbital-word{bottom:14px;font-size:9px}
  .orbital-figure figcaption{font-size:9px;padding-top:10px;margin-top:8px;max-width:330px}
  .orbit-ring{inset:3% -1%}.ring-b{inset:1% 6%}.ring-c{inset:15% -5%}
  .cosmos{transform:none}
  .audience-strip{padding-block:21px;gap:12px 20px;font-size:9px;min-height:0;line-height:1.5;justify-content:center;flex-wrap:wrap}
  .audience-strip .strip-star{font-size:6px}
  .section-heading{margin-bottom:38px}
  .section-heading:after{margin-top:32px}
  .heading-row{display:block}
  .heading-row>p{font-size:15px;margin-top:25px;max-width:600px}
  .heading-row>h2,#why h2,.about-grid>h2{line-height:1.1}
  .eyebrow{font-size:10px;margin-bottom:22px}
  .services-grid{grid-template-columns:1fr}
  .service{padding-block:30px;gap:24px}
  .service h3{font-size:26px;max-width:470px;margin-bottom:18px}
  .service p{font-size:15px;max-width:none}
  .service .service-details{font-size:11px}
  .capabilities,.why{padding-top:var(--space-16)}
  .process{grid-template-columns:1fr;gap:0;padding-inline-start:7px}
  .process li{border-top:0;border-inline-start:1px solid var(--line);padding:0 0 32px 28px;display:grid;grid-template-columns:27px 1fr;gap:0 12px}
  .process li:before{top:9px;inset-inline-start:-2px}
  .process li:last-child{padding-bottom:0}
  .process h3{font-size:21px;margin:0 0 10px}
  .process p{grid-column:2;font-size:14px;margin:0}
  .step-number{grid-row:1/3;padding-top:6px;font-size:10px}
  .presence-toolbar{margin-block:26px}
  .presence-toolbar p{font-size:12px;max-width:58%}
  .gallery-step{width:44px;height:44px}
  .presence-track{gap:16px;padding-bottom:18px}
  .presence-frame{height:520px;flex-basis:86vw}
  .presence-1{height:480px;margin-top:40px;flex-basis:79vw}
  .presence-2{height:505px;margin-top:15px;flex-basis:86vw}
  .presence-frame figcaption{inset-inline:24px;bottom:26px}
  .presence-frame h3{font-size:28px;line-height:1.22;margin-bottom:12px}
  .presence-frame figcaption>span{font-size:14px;line-height:1.75}
  .presence-progress{gap:22px;margin-top:20px}
  .why{grid-template-columns:1fr;gap:32px}
  .why h2{margin-bottom:0}
  .orbit-emblem{display:none}
  .reason-list article,.reason-list article:first-child{padding-block:26px;border-top:1px solid var(--line);border-bottom:0;gap:24px}
  .reason-list h3{font-size:22px}
  .reason-list p{font-size:15px}
  .about{padding-bottom:140px}
  .about-grid{grid-template-columns:1fr;gap:30px}
  .about-grid .about-lead{font-size:18px;line-height:1.8}
  .about-grid p{font-size:15px}
  .about-grid .about-signature{font-size:18px;margin-top:26px}
  .about-word{font-size:16vw;bottom:5px;transform:none}
  .contact{grid-template-columns:1fr;gap:45px}
  .contact-intro>h2{font-size:clamp(2.75rem,10vw,4rem);line-height:1.08;max-width:530px}
  .contact-intro>p:not(.eyebrow){font-size:15px}
  .contact .contact-help{font-size:12px;max-width:350px}
  .contact-channel:first-child{padding-top:27px;border-top:1px solid var(--line)}
  .email{font-size:clamp(1rem,4.8vw,1.65rem)}
  .contact-channel p{font-size:14px}
  .site-footer{padding-block:40px 25px}
  .footer-top{gap:24px;padding-bottom:28px}
  .footer-top>p{font-size:9px;line-height:1.7}
  .footer-bottom{gap:18px;font-size:10px;line-height:1.8}
  [dir=rtl] .heading-row>h2,[dir=rtl] #why h2,[dir=rtl] .about-grid>h2,[dir=rtl] .contact-intro>h2{font-size:clamp(2.2rem,7.7vw,3rem);line-height:1.5}
  [dir=rtl] .hero-title{font-size:clamp(3.7rem,14.2vw,6.2rem)}
  [dir=rtl] .hero-eyebrow,[dir=rtl] .eyebrow{font-size:12px;letter-spacing:0}
  [dir=rtl] .service h3{font-size:24px;line-height:1.6}
  [dir=rtl] .process li{padding:0 28px 32px 0}
  [dir=rtl] .process li:last-child{padding-bottom:0}
  [dir=rtl] .orbital-label{font-size:11px}
}
@media(max-width:390px){:root{--page:20px}.languages{font-size:11px;gap:9px}.header-tools{gap:5px}.hero-title,[dir=rtl] .hero-title{font-size:14vw}.orbital-figure{height:325px}.orbital-core{height:280px}.orbital-core:before,.orbital-core:after{width:205px}.orbital-label{font-size:8px}.presence-frame{height:500px}.presence-1{height:460px}.presence-2{height:485px}.presence-frame figcaption{inset-inline:20px}.presence-frame h3{font-size:25px}}
@media(hover:none){.presence-frame:hover img{transform:none}.button:hover>span{translate:none}.primary-nav a:hover:after{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){
  html,.presence-track{scroll-behavior:auto}
  .mf-motion-ready .mf-enter,.mf-motion-ready .mf-mask{opacity:1;transform:none;clip-path:none;transition:none}
  .mf-motion-ready .mf-line:after{transform:scaleX(1);transition:none}
  .cosmos,.orbital-figure,.about-word{transform:none!important}
}