/* About elovait. Deliberate, photo-ready compositions until the team's shoot. */
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}
.about-page .about-hero{position:relative;isolation:isolate;min-height:660px;padding:170px 0 100px;overflow:hidden;background:#0b1416}
.about-page .about-hero .grain-plume::before{opacity:.08}
.about-page .about-hero .grain-plume::after{opacity:.54}
.about-page .about-hero-content{position:relative;z-index:2}
.about-page .about-eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 27px;color:#b3cbc7;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
.about-page .about-eyebrow::before{content:"";width:26px;height:1px;background:#a9cbc580}
.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:585px;margin-top:27px;font-size:17px;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-values{display:flex;gap:0;list-style:none;padding:0;margin:38px 0 0;max-width:615px}
.about-page .about-values li{display:flex;gap:13px;align-items:center;padding:0 22px;border-left:1px solid var(--about-line)}
.about-page .about-values li:first-child{padding-left:0;border-left:0}
.about-page .about-values svg{width:30px;height:30px;flex:none;color:#b9cba5}
.about-page .about-values span{font-size:9px;font-weight:500;line-height:1.65;letter-spacing:.11em;text-transform:uppercase}
.about-page .about-visual{position:absolute;inset:0 0 0 40%;z-index:0;background:radial-gradient(ellipse 60% 75% at 65% 45%,#3d645b66,transparent 74%),radial-gradient(ellipse at 65% 15%,#a7ba9624,transparent 60%);overflow:hidden}
.about-page .about-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1416,transparent 42%),linear-gradient(0deg,#0b1416,transparent 55%)}
.about-page .about-visual>img{width:100%;height:100%;object-fit:cover;object-position:65% 42%;opacity:.8}
.about-page .about-orbits{position:absolute;width:600px;height:510px;left:23%;top:80px;transform:rotate(-24deg)}
.about-page .about-orbits i{position:absolute;inset:10px;border:1px solid #a4c9b839;border-radius:50%;box-shadow:inset 0 0 40px #adcbac08,0 0 55px #a2c7be07;transform:rotateX(15deg) rotateY(42deg)}
.about-page .about-orbits i:nth-child(2){inset:60px 88px;border-color:#89bdcd55;transform:rotate(50deg);background:linear-gradient(120deg,#89bdcd06,transparent 70%)}
.about-page .about-orbits i:nth-child(3){inset:100px 45px;transform:rotate(-33deg);border-color:#adc69744}
.about-page .about-orbits span{position:absolute;width:9px;height:9px;border-radius:50%;background:#d2e7d7;top:110px;right:101px;box-shadow:0 0 36px 15px #9ac5bc22,0 0 10px #d2e7d7}
.about-page .visual-coordinate{position:absolute;top:155px;right:8%;color:#b5d4cb6e;font-size:10px;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}
.about-page .about-manifesto{position:absolute;z-index:2;right:6%;bottom:95px;color:#a8bfb5;font-size:10px;line-height:2;letter-spacing:.13em;text-transform:uppercase}
.about-page .about-manifesto::after{content:"";display:block;width:27px;height:1px;background:#a8bfb580;margin-top:15px}
.about-page .about-perspectives{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-24px;border:1px solid var(--about-line);border-radius:13px;background:linear-gradient(110deg,#16303880,#16302c4d 65%,#24342b66);box-shadow:inset 0 1px #ffffff05}
.about-page .perspective{position:relative;display:grid;grid-template-columns:48px 1fr;gap:20px;padding:38px 30px 37px}
.about-page .perspective+.perspective{border-left:1px solid var(--about-line)}
.about-page .perspective+.perspective::before{content:"";position:absolute;left:-32px;top:17%;height:66%;width:62px;border:1px solid #99c5c334;border-radius:50%;pointer-events:none}
.about-page .perspective+.perspective::after{content:"";position:absolute;left:-4px;top:49%;width:7px;height:7px;background:#a7c7b7;border-radius:50%;box-shadow:0 0 17px 6px #a7c7b720}
.about-page .perspective-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #a7ccc83b;border-radius:50%;color:#bbd2c6}
.about-page .perspective-icon svg{width:25px;height:25px}
.about-page .perspective h2{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:3px 0 21px}
.about-page .perspective h2::after{content:"";display:block;width:23px;height:1px;background:#adc8c169;margin-top:12px}
.about-page .perspective p{font-size:14px;line-height:1.7;color:#b6c8c5;max-width:32ch}
.about-page .about-team{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 110px;--grain-strength:.28;--grain-light:#487d8c;--grain-shade:#5b7453;--grain-floor:transparent}
.about-page .team-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}
.about-page .team-intro{padding:17px 28px 0 0}
.about-page .team-intro .about-eyebrow{font-size:9px;gap:11px;letter-spacing:.14em}
.about-page .team-intro h2{font-size:clamp(29px,2.6vw,38px);font-weight:450;line-height:1.25;letter-spacing:-.04em;margin-bottom:25px}
.about-page .team-intro>p:not(.about-eyebrow){font-size:15px;line-height:1.8;color:#b6c8c5;text-wrap:pretty}
.about-page .team-signature{display:block;margin-top:38px;padding-top:22px;border-top:1px solid var(--about-line);font-size:11px;color:#b7cbaa;letter-spacing:.015em}
.about-page .founder{min-width:0;border:1px solid var(--about-line);border-radius:11px;background:#142322aa;overflow:hidden}
.about-page .founder-portrait{position:relative;height:210px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 35% 25%,#a3c5b440,transparent 70%),linear-gradient(140deg,#304c48,#152627 80%)}
.about-page .founder-technology .founder-portrait{background:radial-gradient(ellipse at 70% 25%,#96c9dc40,transparent 70%),linear-gradient(220deg,#2c4855,#132627 80%)}
.about-page .founder-portrait::before{content:"";position:absolute;width:260px;height:260px;left:-32%;top:-38%;border:1px solid #bfd6c526;border-radius:50%;box-shadow:0 0 0 38px #b7d0c108,0 0 0 80px #b7d0c105}
.about-page .founder-technology .founder-portrait::before{left:auto;right:-32%}
.about-page .founder-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#142322 1%,transparent 60%);pointer-events:none}
.about-page .founder-monogram{color:#bdd1bd9e;font-size:88px;line-height:1;font-weight:400;letter-spacing:-.08em;transform:translateY(-10px);text-shadow:0 2px 25px #05181622}
.about-page .founder-technology .founder-monogram{color:#b4d3d59e}
.about-page .founder-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0}
.about-page .portrait-caption{position:absolute;bottom:18px;left:26px;z-index:1;color:#aebfba;font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.about-page .founder-copy{padding:8px 26px 24px}
.about-page .founder-copy h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.about-page .founder-role{font-size:11px;color:#b3caaa;margin-top:7px!important}
.about-page .founder-technology .founder-role{color:#a4cbd4}
.about-page .founder-copy>p:last-child{font-size:14px;line-height:1.75;color:#b6c8c5;margin-top:22px;min-height:7em}
.about-page .founder-focus{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0 20px 22px;padding:14px 0;border:1px solid var(--about-line);border-radius:5px}
.about-page .founder-focus li{font-size:10px;color:#bfd0c6;text-align:center;line-height:1.4}
.about-page .founder-focus li+li{border-left:1px solid var(--about-line)}
.about-page .ocean-footer .next-step-section{padding-top:80px}
.about-page .next-step-section h2{font-size:clamp(32px,3.6vw,52px)}
@media(min-width:1500px){.about-page .about-manifesto{right:max(6%,calc((100vw - 1320px)/2))}}
@media(max-width:1100px){
 .about-page .about-hero h1{font-size:58px;max-width:650px}.about-page .about-lead{max-width:510px}
 .about-page .about-orbits{left:2%;opacity:.7}.about-page .about-manifesto{font-size:9px}
 .about-page .perspective{grid-template-columns:1fr;padding:28px 27px;gap:14px}.about-page .perspective h2{margin-bottom:16px}
 .about-page .team-layout{gap:20px;grid-template-columns:.9fr 1fr 1fr}.about-page .team-intro{padding-right:6px}
 .about-page .founder-copy{padding-inline:22px}.about-page .founder-copy h3{font-size:22px}.about-page .founder-focus{margin-inline:16px}
}
@media(max-width:900px){
 .about-page .team-layout{grid-template-columns:1fr 1fr}.about-page .team-intro{grid-column:1/-1;padding:0;max-width:620px;margin-bottom:16px}
 .about-page .team-signature{display:none}.about-page .about-team{padding-block:75px}.about-page .founder-portrait{height:220px}
 .about-page .about-manifesto{display:none}.about-page .about-hero{min-height:640px;padding-bottom:85px}
}
@media(max-width:700px){
 .about-page .about-container{width:calc(100% - 48px)}
 .about-page .about-hero{padding:134px 0 68px;min-height:0}.about-page .about-hero h1{font-size:clamp(36px,8.8vw,53px);line-height:1.12}
 .about-page .about-eyebrow{font-size:9px;margin-bottom:25px}.about-page .about-lead{font-size:15px;margin-top:24px;line-height:1.75}
 .about-page .about-visual{inset:0 0 0 10%;opacity:.5}.about-page .about-orbits{width:400px;height:380px;top:110px;left:50%;opacity:.6}.about-page .visual-coordinate{display:none}
 .about-page .about-values{gap:16px;margin-top:31px}.about-page .about-values li{display:block;padding:0;border:0;flex:1}.about-page .about-values svg{width:25px;height:25px;margin-bottom:10px}.about-page .about-values span{display:block;font-size:8px;letter-spacing:.06em}
 .about-page .about-perspectives{display:block;margin-top:0;border-radius:10px}.about-page .perspective{grid-template-columns:43px 1fr;gap:19px;padding:29px 24px}
 .about-page .perspective+.perspective{border-left:0;border-top:1px solid var(--about-line)}.about-page .perspective+.perspective::before{display:none}.about-page .perspective+.perspective::after{top:-4px;left:43px}
 .about-page .perspective-icon{width:43px;height:43px}.about-page .perspective-icon svg{width:24px;height:24px}.about-page .perspective h2{font-size:20px;margin:3px 0 15px}.about-page .perspective h2::after{display:none}.about-page .perspective p{font-size:14px;max-width:none}
 .about-page .team-layout{grid-template-columns:1fr;gap:24px}.about-page .team-intro{margin-bottom:10px}.about-page .team-intro h2{font-size:32px}.about-page .team-intro>p:not(.about-eyebrow){font-size:14px}
 .about-page .founder-portrait{height:220px}.about-page .founder-copy{padding:7px 25px 25px}.about-page .founder-copy h3{font-size:25px}.about-page .founder-copy>p:last-child{min-height:0}.about-page .founder-focus{margin-inline:24px;padding-block:16px}
 .about-page .about-team{padding:65px 0 70px}.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:18px;gap:14px}.about-page .team-intro h2{font-size:29px}}