/* About elovait: real photography, three perspectives and two founders. */
body.direction-b.about-page{background:#0b1416;color:#edf4ef}
.about-page{--about-muted:#b1c4c2;--about-line:#a7ccc82b;--about-blue:#a7d5de;--about-green:#afc9a3}
.about-page .about-container{width:88%;max-width:1320px;margin-inline:auto}
.about-page .site-nav a[aria-current=page]{color:#fff;border-bottom:1px solid #9dc6be}
/* One atmosphere spans the introduction, perspectives, founders and closing. */
.about-page .about-story{position:relative;isolation:isolate;overflow:hidden;background:#0b1113;--grain-strength:.26;--grain-light:#487d8c;--grain-shade:#66805b;--grain-floor:#86aea608}
.about-page .about-story>.section-grain{inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 180px),transparent);mask-image:linear-gradient(#000 calc(100% - 180px),transparent)}
.about-page .about-hero{position:relative;isolation:isolate;min-height:0;padding:100px 0 64px;overflow:hidden;background:transparent}
.about-page .about-hero-content{position:relative;z-index:2}
.about-page .about-hero h1{max-width:760px;font-family:Montserrat,Arial,sans-serif;font-size:clamp(44px,5vw,74px);font-weight:450;line-height:1.08;letter-spacing:-.045em;color:#f1f5f1}
.about-page .about-hero h1 em{font-style:normal;font-weight:600;color:#acc8ad}
.about-page .about-lead{max-width:650px;margin-top:29px;font-size:20px;line-height:1.7;color:#bccdcd;text-wrap:pretty}
.about-page svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.about-page .now-wordmark{stroke:none}
.about-page .about-visual{position:absolute;inset:0 0 0 38%;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}
.about-page .about-visual>img{width:100%;height:100%;object-fit:cover;object-position:60% 25%;opacity:.48;-webkit-mask-image:linear-gradient(#000 35%,transparent 100%);mask-image:linear-gradient(#000 35%,transparent 100%)}

/* Equal, quiet surfaces give each perspective its own space. */
.about-page .about-perspectives{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0;scroll-margin-top:120px}
.about-page .perspective{--perspective-accent:#b9d8c5;--perspective-tint:#426b5230;position:relative;min-width:0;padding:34px;border:1px solid #a7ccc829;border-radius:var(--elovait-radius,18px);background:radial-gradient(ellipse at 100% 0,var(--perspective-tint),transparent 75%),#122223;box-shadow:inset 0 1px 0 #ffffff08,0 20px 44px #00000012}
.about-page .perspective-business{--perspective-accent:#c1d5b0;--perspective-tint:#6673452b}
.about-page .perspective-technology{--perspective-accent:#a7d5de;--perspective-tint:#3b718033}
.about-page .perspective-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:29px;border:1px solid #b8d6cf26;border-radius:var(--elovait-control-radius,10px);background:#d4e8de08;color:var(--perspective-accent)}
.about-page .perspective-icon svg{width:29px;height:29px;stroke-width:1.65}
.about-page .perspective h2{font-size:26px;line-height:1.25;font-weight:550;letter-spacing:-.035em;margin:0 0 16px;color:#edf4ef}
.about-page .perspective p{font-size:16px;line-height:1.8;color:var(--about-muted);margin:0;text-wrap:pretty}

.about-page .about-team{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 72px;scroll-margin-top:80px}
.about-page .team-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1040px;align-items:stretch}
.about-page .team-intro{grid-column:1/-1;text-align:center;max-width:740px;margin:0 auto 28px}
.about-page .team-intro h2{font-size:clamp(34px,3.7vw,50px);font-weight:500;line-height:1.18;letter-spacing:-.045em;margin:0 0 24px}
.about-page .team-intro>p{font-size:16px;line-height:1.8;color:var(--about-muted);text-wrap:pretty;margin:0}
.about-page .founder{min-width:0;display:flex;flex-direction:column;padding:8px;border:1px solid #a7ccc82b;border-radius:var(--elovait-radius,18px);background:linear-gradient(145deg,#20332f,#122323);box-shadow:inset 0 1px 0 #ffffff0a,0 24px 56px #00000018;overflow:hidden}
.about-page .founder-technology{background:linear-gradient(145deg,#1c3035,#122323)}
.about-page .founder-portrait{position:relative;aspect-ratio:1.4;overflow:hidden;border-radius:var(--elovait-radius,18px);background:#142628}
.about-page .founder-portrait>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-page .founder-business .founder-portrait>img{object-position:center 38%}
.about-page .founder-technology .founder-portrait>img{object-position:center 35%}
.about-page .founder-copy{padding:29px 26px 26px}
.about-page .founder-role{font-size:12px;font-weight:500;line-height:1.5;color:#b6cfb1;margin:0 0 10px}
.about-page .founder-technology .founder-role{color:#aacfd8}
.about-page .founder-copy h3{font-size:29px;font-weight:550;line-height:1.25;letter-spacing:-.035em;margin:0 0 18px}
.about-page .founder-copy>p:last-child{font-size:15px;line-height:1.8;color:var(--about-muted);margin:0;text-wrap:pretty}
.about-page .founder-focus{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin: auto 26px 0;padding:0 0 24px;border:0}
.about-page .founder-focus li{font-size:12px;font-weight:500;line-height:1.5;color:#d1dfd6}
.about-page .founder-focus li+li::before{content:"";display:inline-block;width:3px;height:3px;margin:0 22px 3px 0;border-radius:50%;background:#829e95}

.about-page .about-founder-company{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 26px;padding:23px 0 19px;border-top:1px solid var(--about-line);color:#edf4ef;text-decoration:none}
.about-page .about-founder-brand{display:grid;gap:8px}
.about-page .about-founder-brand img{display:block;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.94}
.about-page .about-logo-nicola{width:154px;height:54px}
.about-page .about-logo-antigravity{width:174px;height:54px;margin-left:-16px}
.about-page .about-founder-brand span{font-size:12px;color:#afc5be}
.about-page .about-founder-company>svg{width:36px;height:36px;padding:8px;border:1px solid #b4d2c92e;border-radius:var(--elovait-control-radius,10px);stroke-width:2;transition:background .2s,transform .2s}
.about-page .about-founder-company:hover>svg{background:#b5d9cd15;transform:translate(2px,-2px)}
.about-page .about-founder-company:focus-visible{outline:2px solid var(--about-blue);outline-offset:5px;border-radius:var(--elovait-control-radius,10px)}
.about-page .ocean-footer .next-step-section{padding-top:80px}
.about-page .next-step-section h2{font-size:clamp(32px,3.6vw,52px)}

@media(max-width:1100px){
 .about-page .about-hero h1{font-size:58px;max-width:650px}.about-page .about-lead{max-width:510px}
 .about-page .perspective{padding:28px}.about-page .perspective h2{font-size:23px}
 .about-page .founder-copy{padding-inline:22px}.about-page .founder-focus{margin-inline:22px;gap:10px 14px}.about-page .founder-focus li+li::before{margin-right:14px}
}
@media(max-width:900px){
 .about-page .about-hero{padding-bottom:54px}
 .about-page .about-perspectives{grid-template-columns:1fr;gap:14px}
 .about-page .perspective{display:grid;grid-template-columns:50px 1fr;gap:24px;padding:28px 32px}
 .about-page .perspective-icon{margin-bottom:0}.about-page .perspective h2{margin:1px 0 10px}
 .about-page .about-team{padding:76px 0 60px}.about-page .team-layout{gap:22px}.about-page .team-intro{margin-bottom:18px}
 .about-page .founder-copy h3{font-size:25px}
 .about-page .founder-focus{gap:8px 14px}.about-page .founder-focus li+li::before{display:none}
}
@media(max-width:700px){
 .about-page .about-founder-company{margin-inline:20px;padding-block:22px 18px}
 .about-page .about-container{width:calc(100% - 48px)}
 .about-page .about-hero{padding:75px 0 44px;min-height:0}.about-page .about-hero h1{font-size:clamp(36px,8.8vw,53px);line-height:1.12}
 .about-page .about-lead{font-size:18px;margin-top:24px;line-height:1.75}
 .about-page .about-visual{inset:0 0 0 15%;opacity:.55}
 .about-page .about-perspectives{margin-top:0;scroll-margin-top:100px}
 .about-page .perspective{padding:27px 24px;grid-template-columns:1fr;gap:20px}.about-page .perspective h2{font-size:25px;margin:0 0 12px}
 .about-page .team-layout{grid-template-columns:1fr;gap:24px}.about-page .team-intro{margin-bottom:10px}.about-page .team-intro h2{font-size:34px}.about-page .team-intro>p{font-size:15px}
 .about-page .founder-portrait{aspect-ratio:1.15}.about-page .founder-copy{padding:26px 20px}.about-page .founder-copy h3{font-size:27px}.about-page .founder-focus{margin-inline:20px;gap:10px 20px}
 .about-page .about-team{padding:64px 0 48px}.about-page .ocean-footer .next-step-section{padding-top:60px}
}
@media(max-width:360px){.about-page .about-container{width:calc(100% - 36px)}.about-page .perspective{padding-inline:22px}.about-page .team-intro h2{font-size:30px}}

@media(prefers-reduced-motion:reduce){.about-page .about-founder-company>svg{transition:none}.about-page .about-founder-company:hover>svg{transform:none}}