.about-page { background:#fff; }
.about-hero { position:relative; min-height:760px; padding:132px 0 70px; overflow:hidden; color:#fff; background:radial-gradient(circle at 81% 40%,rgba(242,130,9,.24),transparent 18%),linear-gradient(120deg,#01145a 0%,#011F78 55%,#031052 100%); }
.about-hero:before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:92px 92px; mask-image:linear-gradient(90deg,transparent 8%,black 42%,transparent 88%); }
.about-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(2.5rem,5vw,5.8rem); min-height:540px; }
.about-hero-copy h1 { max-width:550px; margin:0 0 1.55rem; font-size:clamp(3.7rem,5vw,5.35rem); }
.about-hero-copy>p { max-width:460px; color:rgba(255,255,255,.75); font-size:16px; line-height:1.75; }
.about-scroll { display:inline-flex; gap:.75rem; margin-top:1.1rem; padding-bottom:.45rem; border-bottom:1px solid #F28209; font-size:12px; font-weight:800; }
.about-scroll span { color:#F28209; font-size:17px; }
.about-hero-image { position:relative; align-self:start; justify-self:end; width:min(100%,610px); height:540px; min-height:0; margin:0; overflow:hidden; border-radius:28px 28px 96px 28px; }
.about-hero-image:before { content:""; position:absolute; z-index:2; right:24px; bottom:32px; width:108px; height:2px; background:#F28209; }
.about-hero-image:after { content:""; position:absolute; z-index:1; inset:0; border-radius:inherit; background:linear-gradient(0deg,rgba(1,31,120,.5),transparent 45%); pointer-events:none; }
.about-hero-image img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; object-position:center 62%; transform:scale(1.04); transform-origin:center; filter:saturate(.9) contrast(1.04); }
.about-hero-image figcaption { position:absolute; z-index:1; bottom:1.25rem; left:1.25rem; display:flex; align-items:center; gap:.6rem; font:9px var(--mono); letter-spacing:.1em; }
.about-hero-image figcaption i { width:26px; height:1px; background:#F28209; }
.about-orbit { position:absolute; z-index:2; right:max(24px,calc((100vw - 1280px)/2)); bottom:43px; display:grid; width:118px; height:118px; place-items:center; border:1px solid rgba(255,255,255,.38); border-radius:50%; animation:orbit-spin 16s linear infinite; }
.about-orbit:before,.about-orbit:after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#F28209; }
.about-orbit:before { top:-3px; }.about-orbit:after { right:-3px; }
.about-orbit span { position:absolute; inset:9px; border:1px dashed rgba(255,255,255,.28); border-radius:50%; }
.about-orbit b { text-align:center; font:600 35px/.75 var(--display); letter-spacing:-.1em; }.about-orbit small { font:8px var(--mono); letter-spacing:.08em; }
.about-story { padding:10rem 0 8rem; }.story-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(3rem,8vw,10rem); align-items:start; }.story-title h2,.numbers-head h2,.culture-head h2 { margin:0; font-size:clamp(3rem,5vw,5.4rem); }.story-copy { padding-top:5.7rem; }.story-copy p { max-width:480px; color:#596889; font-size:16px; line-height:1.8; }.story-link { display:inline-block; margin-top:1.2rem; padding-bottom:.4rem; border-bottom:1px solid #011F78; font-size:12px; font-weight:800; }.story-link span { margin-left:.45rem; color:#F28209; font-size:17px; }.story-gallery { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; margin-top:6rem; }.story-gallery figure { height:350px; margin:0; overflow:hidden; background:#011F78; }.story-gallery figure:last-child { margin-top:76px; }.story-gallery img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.25,1); }.story-gallery figure:hover img { transform:scale(1.06); }
.about-numbers { position:relative; overflow:hidden; color:#fff; background:#011F78; }.about-numbers:before { content:"MONISAT"; position:absolute; right:-.08em; bottom:-.34em; color:rgba(255,255,255,.045); font:600 18vw/.7 var(--display); letter-spacing:-.1em; }.numbers-head { position:relative; z-index:1; margin-bottom:5rem; }.numbers-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.22); }.numbers-grid article { min-height:210px; padding:2.2rem 2rem 1rem 0; }.numbers-grid article+article { padding-left:2rem; border-left:1px solid rgba(255,255,255,.18); }.numbers-grid b { display:block; margin-bottom:1.2rem; color:#F28209; font:600 clamp(2.7rem,4.3vw,4.6rem)/.8 var(--display); letter-spacing:-.1em; }.numbers-grid span { display:block; max-width:175px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.55; }
.culture { padding:10rem 0; }.culture-head { margin-bottom:5.4rem; }.culture-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.culture-grid article { position:relative; display:flex; min-height:450px; flex-direction:column; padding:2rem; overflow:hidden; background:#f5f6fb; transition:background .35s ease,transform .35s ease,color .35s ease; }.culture-grid article:after { content:""; position:absolute; right:-.09em; bottom:-.25em; color:rgba(1,31,120,.06); font:600 10rem/.7 var(--display); letter-spacing:-.1em; }.culture-grid article:nth-child(1):after { content:"M"; }.culture-grid article:nth-child(2):after { content:"V"; }.culture-grid article:nth-child(3):after { content:"+"; }.culture-grid article:hover { color:#fff; background:#011F78; transform:translateY(-10px); }.culture-grid article>span { color:#F28209; font:9px var(--mono); letter-spacing:.1em; }.culture-grid h3 { max-width:300px; margin:3.7rem 0 1.4rem; font-size:clamp(2rem,2.75vw,2.75rem); }.culture-grid p { position:relative; z-index:1; margin-top:auto; color:#596889; font-size:13px; line-height:1.75; }.culture-grid article:hover p { color:rgba(255,255,255,.72); }
.about-cta { position:relative; overflow:hidden; padding:8rem 0; color:#fff; background:#011F78; }.about-cta:after { content:"JUNTE-SE"; position:absolute; right:-.04em; bottom:-.34em; color:rgba(255,255,255,.05); font:600 15vw/.7 var(--display); letter-spacing:-.1em; }.about-cta-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.2fr .8fr; gap:7rem; }.about-cta h2 { margin:0; font-size:clamp(3.3rem,5.2vw,5.6rem); }.about-cta-grid>div:last-child { align-self:end; }.about-cta p { max-width:380px; color:rgba(255,255,255,.75); font-size:16px; line-height:1.75; }.about-cta .button { margin-top:1rem; }
.about-page .hero .section-line,.about-hero .section-line,.about-numbers .section-line,.about-cta .section-line { background:#F28209; }.about-hero .section-line:after,.about-numbers .section-line:after,.about-cta .section-line:after { background:#F28209; box-shadow:0 0 0 5px rgba(242,130,9,.14); }
@keyframes orbit-spin { to { transform:rotate(360deg); } }
@media(max-width:1000px) { .about-hero { min-height:0; padding-bottom:7rem; }.about-hero-grid { grid-template-columns:1fr; gap:3.5rem; }.about-hero-image { max-width:760px; height:390px; min-height:390px; margin-top:0; }.about-orbit { right:6%; bottom:26px; }.story-grid { grid-template-columns:1fr; gap:1rem; }.story-copy { padding-top:0; }.numbers-grid { grid-template-columns:repeat(2,1fr); }.numbers-grid article:nth-child(3) { border-left:0; padding-left:0; }.numbers-grid article:nth-child(3),.numbers-grid article:nth-child(4) { border-top:1px solid rgba(255,255,255,.18); padding-top:2rem; }.culture-grid { grid-template-columns:1fr; }.culture-grid article { min-height:300px; }.culture-grid h3 { margin:2.6rem 0 1.2rem; }.about-cta-grid { grid-template-columns:1fr; gap:2rem; } }
@media(max-width:720px) { .about-hero { padding:112px 0 72px; text-align:center; }.about-hero-grid { gap:2.5rem; min-height:0; }.about-hero-copy { display:flex; flex-direction:column; align-items:center; }.about-hero-copy .section-line,.story-title .section-line,.numbers-head .section-line,.culture-head .section-line,.about-cta .section-line { margin-right:auto; margin-left:auto; }.about-hero-copy h1 { max-width:360px; font-size:clamp(3.3rem,14vw,4.45rem); }.about-hero-copy>p { max-width:335px; font-size:14px; }.about-hero-image { align-self:auto; height:245px; min-height:245px; }.about-hero-image:before { right:16px; bottom:18px; width:60px; }.about-hero-image figcaption { right:1rem; left:1rem; justify-content:center; font-size:8px; }.about-orbit { right:18px; bottom:25px; width:78px; height:78px; }.about-orbit b { font-size:25px; }.about-orbit small { font-size:7px; }.about-story,.culture { padding:5.5rem 0; text-align:center; }.story-grid { gap:1.5rem; }.story-title h2,.numbers-head h2,.culture-head h2 { font-size:clamp(2.7rem,12vw,3.55rem); }.story-copy p { font-size:14px; }.story-gallery { grid-template-columns:1fr; gap:12px; margin-top:3.2rem; }.story-gallery figure,.story-gallery figure:last-child { height:230px; margin:0; }.about-numbers { padding:5.5rem 0; text-align:center; }.numbers-head { margin-bottom:3rem; }.numbers-grid { grid-template-columns:1fr 1fr; text-align:left; }.numbers-grid article { min-height:155px; padding:1.6rem .8rem 1rem 0; }.numbers-grid article+article { padding-left:.9rem; }.numbers-grid article:nth-child(3) { padding-left:0; }.numbers-grid b { font-size:2.7rem; }.numbers-grid span { font-size:10px; }.culture-head { margin-bottom:3rem; }.culture-grid { gap:12px; }.culture-grid article { min-height:285px; padding:1.5rem; text-align:left; }.culture-grid h3 { font-size:2rem; }.culture-grid p { font-size:12px; }.about-cta { padding:5.5rem 0; text-align:center; }.about-cta-grid { display:block; }.about-cta h2 { margin-bottom:2rem; font-size:clamp(3rem,13vw,4.1rem); }.about-cta-grid>div:last-child { display:flex; flex-direction:column; align-items:center; }.about-cta p { font-size:14px; }.about-cta .button { min-width:205px; } }
@media(prefers-reduced-motion:reduce) { .about-orbit { animation:none; }.culture-grid article,.story-gallery img { transition:none; } }