.about-page{background:#edf0ef;color:#07121f}.about-page .nav{height:68px;background:rgba(4,14,24,.94)}.about-hero{min-height:790px;background:#07121f;color:#fff;padding:145px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden}.about-kicker{font-size:9px!important;letter-spacing:.2em!important;color:#8ea5b1!important;display:flex;align-items:center;gap:12px}.about-kicker span{width:36px;height:1px;background:var(--cyan)}.about-hero h1{font-size:clamp(58px,7.6vw,116px);line-height:.86;letter-spacing:-.065em;margin:28px 0}.about-hero h1 em,.about-statement h2 em,.about-independent h2 em,.about-method h2 em,.about-split h2 em,.about-cta h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.about-hero-copy>p:not(.about-kicker){max-width:700px;color:#a0b1bb;font-size:17px;line-height:1.7}.about-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.about-actions>a:not(.button){color:#fff;font-size:11px;border-bottom:1px solid var(--cyan);padding-bottom:6px}.about-hero-visual{position:relative;margin:0;min-height:560px;display:grid;place-items:center}.about-hero-visual:before{content:"";position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(100,221,255,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(100,221,255,.025),0 0 0 140px rgba(100,221,255,.018);animation:aboutPulse 5s ease-in-out infinite}.about-hero-visual img{width:118%;max-width:none;position:relative;z-index:2;filter:drop-shadow(0 35px 45px rgba(0,0,0,.42));animation:aboutFloat 6s ease-in-out infinite}.about-hero-visual figcaption{position:absolute;z-index:3;left:0;right:0;bottom:10px;display:flex;justify-content:space-between;color:#78909d;font-size:8px;letter-spacing:.18em}.about-orbit{position:absolute;inset:7%;border:1px dashed rgba(100,221,255,.18);border-radius:50%;animation:aboutSpin 24s linear infinite}.about-marquee{overflow:hidden;background:var(--cyan);color:#07121f;padding:16px 0;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.about-marquee div{width:max-content;animation:aboutTicker 26s linear infinite}.about-marquee i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#07121f;margin:0 30px;vertical-align:middle}.about-intro{padding:120px 8vw 130px}.about-section-label,.about-method-head>small,.about-split small,.about-cta small{font-size:9px;letter-spacing:.2em;color:#1a93b4}.about-statement{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin:36px 0 75px}.about-statement h2,.about-method h2,.about-split h2,.about-cta h2{font-size:clamp(43px,6vw,82px);line-height:.92;letter-spacing:-.055em;margin:0}.about-statement p{color:#61747f;line-height:1.8;font-size:16px}.about-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd4d7;border-bottom:1px solid #cbd4d7}.about-numbers article{padding:40px 0;border-right:1px solid #cbd4d7}.about-numbers article+article{padding-left:40px}.about-numbers article:last-child{border:0}.about-numbers strong{display:block;font-size:clamp(50px,7vw,92px);letter-spacing:-.06em}.about-numbers span{color:#60737e;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.about-independent{padding:120px 8vw;background:var(--cyan);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.about-independent small{font-size:9px;letter-spacing:.18em}.about-independent h2{font-size:clamp(45px,6vw,80px);line-height:.92;letter-spacing:-.055em;margin:24px 0}.about-independent h2 em{color:#fff}.about-independent-copy p{line-height:1.75;max-width:590px}.about-independent-copy>a{display:inline-block;color:#07121f;border-bottom:1px solid #07121f;font-size:11px;margin-top:20px;padding-bottom:6px}.about-principles{background:#07121f;color:#fff}.about-principles article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.about-principles article:last-child{border:0}.about-principles span{color:var(--cyan);font-size:11px}.about-principles h3{margin:0 0 7px;font-size:18px}.about-principles p{margin:0;color:#92a7b2;font-size:12px;line-height:1.6}.about-method{padding:125px 8vw 140px}.about-method-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:70px}.about-method-head small{padding-top:12px}.about-method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c6d0d4}.about-method-grid article{padding:34px 25px 10px 0;border-right:1px solid #c6d0d4;min-height:310px}.about-method-grid article+article{padding-left:25px}.about-method-grid article:last-child{border:0}.about-method-grid b{font-size:42px;color:#cad5d9}.about-method-grid span{display:block;margin:28px 0 14px;color:#168cac;font-size:8px;letter-spacing:.17em}.about-method-grid h3{font-size:21px;line-height:1.2;margin:0 0 14px}.about-method-grid p{color:#677984;line-height:1.7;font-size:13px}.about-split{display:grid;grid-template-columns:1.05fr .95fr;background:#07121f;color:#fff}.about-split figure{margin:0;min-height:690px;overflow:hidden}.about-split figure img{width:100%;height:100%;object-fit:cover}.about-split>div{padding:90px 7vw}.about-split h2{margin:24px 0 45px}.about-split ul{list-style:none;padding:0;margin:0}.about-split li{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:19px 0;border-top:1px solid rgba(255,255,255,.12)}.about-split li b{font-size:12px}.about-split li span{color:#9babb4;font-size:12px;line-height:1.6}.about-cta{padding:130px 8vw;text-align:center}.about-cta h2{margin:24px auto 42px}.about-cta>div{display:flex;justify-content:center;gap:10px}.about-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.about-reveal.is-visible{opacity:1;transform:none}@keyframes aboutFloat{50%{transform:translateY(-14px) rotate(.3deg)}}@keyframes aboutPulse{50%{transform:scale(1.04);opacity:.75}}@keyframes aboutSpin{to{transform:rotate(360deg)}}@keyframes aboutTicker{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.about-hero-visual img,.about-hero-visual:before,.about-orbit,.about-marquee div{animation:none}.about-reveal{opacity:1;transform:none;transition:none}}@media(max-width:900px){.about-hero{grid-template-columns:1fr;padding-top:135px}.about-hero-visual{min-height:420px}.about-statement,.about-independent,.about-split{grid-template-columns:1fr}.about-method-grid{grid-template-columns:1fr 1fr}.about-method-grid article:nth-child(2){border-right:0}.about-split figure{min-height:430px}.about-method-head{display:block}.about-method-head small{display:block;margin-bottom:25px}}@media(max-width:600px){.about-hero{padding:125px 6vw 60px}.about-hero-visual{min-height:330px}.about-hero-visual img{width:125%}.about-actions,.about-cta>div{align-items:flex-start;flex-direction:column}.about-intro,.about-method,.about-cta{padding:85px 6vw}.about-statement{grid-template-columns:1fr}.about-numbers{grid-template-columns:1fr}.about-numbers article,.about-numbers article+article{padding:24px 0;border-right:0;border-bottom:1px solid #cbd4d7}.about-independent{padding:85px 6vw}.about-method-grid{grid-template-columns:1fr}.about-method-grid article,.about-method-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #c6d0d4;min-height:0}.about-split>div{padding:75px 6vw}.about-split li{grid-template-columns:1fr;gap:7px}}

/* FF_CALM_DESIGN_2026_START */
.about-hero{min-height:650px;padding:122px 7vw 68px}.about-hero h1{font-size:clamp(50px,6vw,86px);line-height:.93}.about-hero h1 em,.about-statement h2 em,.about-independent h2 em,.about-method h2 em,.about-split h2 em,.about-cta h2 em{color:#a7eaf8}
.about-hero-visual{min-height:450px}.about-hero-visual:before{opacity:.32;box-shadow:none;animation:none}.about-hero-visual img{animation:none;filter:drop-shadow(0 24px 34px rgba(0,0,0,.32))}.about-orbit{opacity:.25;animation:none}
.about-marquee{background:#e9f5f7;color:#07121f;border-top:1px solid rgba(27,151,184,.18);border-bottom:1px solid rgba(27,151,184,.18)}.about-marquee div{animation-duration:45s}
.about-statement h2,.about-method h2,.about-split h2,.about-cta h2,.about-independent h2{font-size:clamp(40px,4.8vw,66px);line-height:.98}
.about-independent{background:#e9f5f7;color:#07121f;padding:92px 8vw}.about-independent h2 em{color:#527986}
.about-numbers strong{font-size:clamp(46px,5.5vw,76px)}
@media(max-width:600px){.about-hero{padding:112px 6vw 58px}.about-hero-visual{min-height:310px}}
/* FF_CALM_DESIGN_2026_END */