/* VEGATECH | ABOUT PAGE | Concept 04 */
.about-page .site-header .primary-nav .nav-current{color:#fff;border-bottom:1px solid #bce6cd;padding-bottom:4px}
.about-page .section{padding:99px 0}
.about-page h1,.about-page h2{font-weight:565;letter-spacing:-2.4px}
.about-page h2 em,.about-page h1 em{font-family:var(--serif);font-weight:400;font-style:normal;color:#267964}
.about-page h2{font-size:clamp(36px,4vw,57px);line-height:1.14;margin:22px 0}
.about-page .about-section-head{display:grid;grid-template-columns:1.1fr .75fr;gap:75px;align-items:end;margin-bottom:44px}
.about-page .about-section-head h2{max-width:800px}
.about-page .about-section-head>p{font-size:15px;color:#60747a;line-height:1.85;max-width:420px;margin:0 0 10px}
.about-hero{background:#0b1d30;position:relative;isolation:isolate;overflow:hidden;color:#fff}
.about-hero:before{content:'';position:absolute;inset:0;opacity:.27;pointer-events:none;background-image:radial-gradient(circle,#8abfaf .55px,transparent .7px);background-size:14px 14px;mask-image:linear-gradient(105deg,transparent,#000)}
.about-aurora{position:absolute;right:-280px;top:-180px;width:830px;height:830px;border-radius:100%;background:radial-gradient(circle,#5dbb9c36 0,transparent 68%);animation:about-drift 17s ease-in-out infinite alternate;pointer-events:none}
.about-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:75px;padding-top:70px;padding-bottom:77px;min-height:650px}
.about-breadcrumb{display:flex;gap:14px;align-items:center;margin-bottom:62px;font-size:12px;color:#a5bfc5}
.about-breadcrumb a{border-bottom:1px solid #829ba2;padding-bottom:4px}
.about-breadcrumb strong{color:#c5eccd;letter-spacing:1.4px;font-size:12px}
.about-hero h1{font-size:clamp(52px,5.05vw,77px);line-height:1.08;margin:28px 0;max-width:690px;letter-spacing:-3.2px}
.about-hero h1 em{display:block;color:#c5eccd}
.about-hero-copy>p{font-size:16px;line-height:1.85;color:#bfd0d3;max-width:620px;margin:0}
.about-hero .hero-actions{flex-wrap:wrap}
.about-hero .button-accent{gap:30px}
.about-visual{height:470px;position:relative;padding:31px 32px;border:1px solid #71949373;background:linear-gradient(150deg,#1b3b48bd,#0f2a3ac9);box-shadow:0 30px 65px #071b2a45;overflow:hidden}
.about-visual:before{content:'';position:absolute;inset:0;opacity:.20;background:linear-gradient(90deg,#98d1bd42 1px,transparent 1px),linear-gradient(0deg,#98d1bd32 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to top,transparent,#000)}
.about-orbit{position:absolute;right:-120px;top:75px;width:450px;height:450px;border:1px solid #a3dbb82b;border-radius:50%;box-shadow:0 0 0 44px #a3dbb806,0 0 0 110px #a3dbb806}
.about-visual-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#acc8c7;letter-spacing:2px;font-size:12px;font-weight:800}
.about-visual-top span:last-child{color:#c5eccd;font-size:26px;font-weight:400}
.about-vision-card{position:relative;z-index:2;display:flex;gap:17px;align-items:center;background:#0c2939dd;box-shadow:0 12px 25px #05182652;border:1px solid #56817e;padding:15px 18px;min-height:80px;margin-top:17px;transition:transform .25s,background .25s}
.about-vision-card:first-of-type{margin-top:45px}
.about-vision-card:nth-of-type(3){margin-left:12%;background:#194c4ce8;border-color:#b3e5c5}
.about-vision-card:nth-of-type(4){margin-left:5%;margin-right:4%}
.about-vision-card:hover{transform:translateX(5px);background:#1a4948}
.about-vision-card>span{font-family:var(--serif);font-size:16px;color:#b4e9c6}
.about-vision-card>div{display:flex;flex-direction:column;gap:7px;flex:1}
.about-vision-card small{color:#8caeb3;font-size:12px;letter-spacing:1.4px;font-weight:800}
.about-vision-card strong{font-size:18px;color:#eef9f1;font-weight:620;letter-spacing:-.4px}
.about-vision-card b{color:#c7eccb;font-size:20px;font-weight:400}
.about-visual-foot{position:absolute;left:30px;bottom:21px;right:30px;display:flex;gap:14px;align-items:center;color:#86aab2;font-size:12px;letter-spacing:1.2px;font-weight:700}
.about-hero-foot{position:relative;border-top:1px solid #3b5662;min-height:54px;display:flex;align-items:center;justify-content:space-between;color:#97aeb2;font-size:12px;letter-spacing:1.4px;font-weight:800}
.about-intro{background:#f7f8f4}.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:115px}
.about-intro h2{max-width:580px}.about-intro-copy{padding-top:32px}.about-intro-copy>p{font-size:15px;line-height:1.95;color:#516773;margin:0 0 24px}
.about-intro-copy blockquote{margin:40px 0 0;padding:24px 0 0;border-top:1px solid #c2d4cd;font-size:clamp(21px,2vw,29px);letter-spacing:-.6px;line-height:1.4;color:#204a45;font-weight:570}
.about-intro-copy blockquote>span{color:#5ca58a;font-family:var(--serif);font-size:44px;margin-right:12px}
.about-intro-copy blockquote small{display:block;margin-top:18px;color:#56917f;font-size:12px;letter-spacing:2px;font-weight:800}
.about-beliefs{background:#eaf0ed}.about-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c6d6d0;border:1px solid #c6d6d0}
.about-principle{padding:29px 26px 35px;background:#fff;min-height:302px;transition:background .2s}
.about-principle:hover{background:#f3faf5}.about-principle>span{font-size:12px;color:#327b68;font-weight:800;letter-spacing:1px}
.about-principle h3{margin:53px 0 15px;font-size:21px;font-weight:640;line-height:1.3;letter-spacing:-.5px}
.about-principle p{margin:0;color:#687a7d;font-size:13px;line-height:1.72}
.about-values{background:#0d2635;color:#fff}.about-values .about-section-head>p{color:#b3c7cb}.about-values h2 em{color:#c5eccd}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.about-value{padding:32px 34px 37px;border:1px solid #43636a;background:#143644;min-height:272px;position:relative;transition:transform .2s}
.about-value:hover{transform:translateY(-5px)}.about-value>span:first-child{font-family:var(--serif);font-size:17px;color:#a5d9bd}
.about-value h3{font-size:26px;font-weight:600;margin:60px 0 12px;letter-spacing:-.7px}
.about-value p{font-size:13px;line-height:1.8;color:#b2c7c8;max-width:350px}.about-value .value-mark{position:absolute;top:27px;right:31px;font-size:20px;color:#a6d5bc}
.about-audience{background:#f7f8f4}.about-audience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}
.about-audience-grid>div:first-child>p{color:#61777d;line-height:1.9;font-size:15px;max-width:490px}
.audience-list{border-top:1px solid #c4d3ce}.audience-row{display:grid;grid-template-columns:200px 1fr 20px;gap:30px;padding:26px 5px;border-bottom:1px solid #c4d3ce;align-items:center}
.audience-row h3{font-size:17px;margin:0;font-weight:680;letter-spacing:-.3px}.audience-row p{color:#61747a;font-size:13px;line-height:1.65;margin:0}.audience-row span{color:#387e6d;font-size:22px}
.about-approach{background:#ebf2ed}.about-steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #c1d1c9;border-bottom:1px solid #c1d1c9}
.about-step{padding:27px 15px;min-height:208px;border-right:1px solid #c1d1c9}.about-step:first-child{padding-left:0}.about-step:last-child{border-right:0}.about-step>span{font-family:var(--serif);color:#2f866d;font-size:26px}
.about-step h3{font-size:17px;margin:32px 0 11px;letter-spacing:-.3px;font-weight:650}.about-step p{font-size:12px;line-height:1.7;color:#62797b;margin:0}
.about-expertise{background:#f7f8f4}.about-practices{border-top:1px solid #c0d4ca}.about-practice{display:grid;grid-template-columns:65px 1fr 42px;align-items:center;gap:20px;padding:27px 14px 27px 5px;border-bottom:1px solid #c0d4ca;transition:background .2s,padding .2s}
.about-practice:hover{background:#eaf2ec;padding-left:16px}.practice-num{font-family:var(--serif);font-size:19px;color:#418b75}
.practice-body{display:flex;gap:10px;flex-direction:column}.practice-body strong{font-size:clamp(17px,1.9vw,26px);font-weight:620;letter-spacing:-.5px}.practice-body small{font-size:13px;color:#708184;line-height:1.6}
.practice-arrow{color:#257962;font-size:25px}
.about-contact{background:#183b43;color:#fff;position:relative;overflow:hidden}.about-contact:after{content:'';position:absolute;right:-180px;top:-240px;width:610px;height:610px;border:1px solid #b6dec72c;border-radius:50%;box-shadow:0 0 0 90px #b6dec709,0 0 0 180px #b6dec709;pointer-events:none}
.about-contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.about-contact h2{font-size:clamp(44px,5.2vw,73px);max-width:780px}.about-contact h2 em{color:#c5eccd}
.about-contact p{font-size:15px;line-height:1.9;color:#b9d0d1;max-width:620px;margin:25px 0 30px}
.about-contact-side{padding:30px 0;display:flex;flex-direction:column;align-items:flex-start}.about-contact-side>span{font-size:12px;letter-spacing:2px;color:#92c4bc;font-weight:800}
.about-contact-side strong{font-size:clamp(27px,3vw,42px);line-height:1.28;letter-spacing:-1px;margin:20px 0 35px;font-weight:550}
.about-contact-side>a{border-top:1px solid #75969b;width:100%;padding-top:22px;font-size:17px;display:flex;justify-content:space-between;gap:10px;color:#d8ebdd}
.about-page .site-footer{background:#0b1d30}
@keyframes about-drift{to{transform:translate(-70px,80px) scale(1.18)}}
@media(max-width:1150px){.about-hero-grid{gap:40px}.about-intro-grid{gap:70px}.about-audience-grid{gap:50px}.audience-row{grid-template-columns:160px 1fr 17px;gap:16px}.about-principle{padding:25px 22px}}
@media(max-width:950px){.about-page .container{width:min(100% - 48px,1290px)}.about-page .section{padding:76px 0}.about-hero-grid{grid-template-columns:1fr;min-height:0;gap:46px;padding:53px 0 55px}.about-breadcrumb{margin-bottom:32px}.about-hero h1{max-width:800px}.about-hero-copy>p{max-width:770px}.about-visual{max-width:680px;width:100%;height:450px}.about-intro-grid,.about-audience-grid{grid-template-columns:1fr;gap:25px}.about-intro-copy{padding:0}.about-section-head{grid-template-columns:1fr!important;gap:5px!important}.about-principles{grid-template-columns:repeat(2,1fr)}.about-principle{min-height:265px}.about-values-grid{grid-template-columns:1fr 1fr}.about-steps{grid-template-columns:repeat(3,1fr)}.about-step:nth-child(3){border-right:0}.about-step:nth-child(n+4){border-top:1px solid #c1d1c9}.about-contact-grid{grid-template-columns:1fr;gap:30px}.about-contact-side{max-width:450px}}
@media(max-width:700px){.about-page .container{width:min(100% - 36px,1290px)}.about-page .section{padding:65px 0}.about-hero-grid{padding:32px 0 43px;gap:39px}.about-hero h1{font-size:clamp(42px,10.3vw,62px);letter-spacing:-2.2px}.about-hero-copy>p{font-size:14px;line-height:1.83}.about-hero .hero-actions{gap:22px}.about-hero .button-accent{width:100%;justify-content:space-between}.about-visual{height:435px;padding:24px 20px}.about-vision-card{min-height:74px;padding:13px}.about-vision-card:first-of-type{margin-top:38px}.about-vision-card:nth-of-type(3){margin-left:4%}.about-vision-card strong{font-size:15px}.about-vision-card small{font-size:12px}.about-visual-foot{left:20px;right:20px;font-size:12px;gap:10px}.about-hero-foot{font-size:12px;gap:12px}.about-hero-foot span:last-child{display:none}.about-page h2{font-size:clamp(36px,9vw,44px);letter-spacing:-1.4px}.about-intro-copy>p{font-size:14px}.about-principles{grid-template-columns:1fr}.about-principle{min-height:0;padding:26px}.about-principle h3{margin-top:29px}.about-values-grid{grid-template-columns:1fr}.about-value{min-height:0;padding:28px}.about-value h3{margin-top:37px}.audience-row{grid-template-columns:1fr 18px;gap:9px}.audience-row h3{grid-column:1}.audience-row p{grid-column:1;grid-row:2}.audience-row span{grid-column:2;grid-row:1}.about-steps{grid-template-columns:repeat(2,1fr)}.about-step:nth-child(n){border-right:1px solid #c1d1c9;border-top:1px solid #c1d1c9;min-height:170px;padding:20px 12px}.about-step:nth-child(2n){border-right:0}.about-step:nth-child(-n+2){border-top:0}.about-step h3{margin-top:19px}.about-practice{grid-template-columns:34px 1fr 22px;gap:12px;padding:23px 5px}.practice-body strong{font-size:17px}.practice-body small{font-size:12px}.about-contact-grid{gap:30px}.about-contact-side strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before, .about-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(prefers-reduced-motion:no-preference){.about-reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--reveal-delay,0ms)}.about-reveal.is-visible{opacity:1;transform:none}}