body.kota-modern-page.kota-about-template { overflow:visible!important; background:#f4f3ef; }
.kota-about-page { --about-red:#78c7eb; --about-ink:#142126; --about-paper:#f4f3ef; --about-mist:#e7ebea; overflow:visible; color:var(--about-ink); background:var(--about-paper); }
.kota-about-page h1,.kota-about-page h2,.kota-about-page h3 { color:inherit; font-family:var(--kota-sans); }
.kota-about-page h2 em { color:var(--about-red); font-family:var(--kota-serif); font-weight:500; }
.kota-about-page .kota-header,.kota-about-page .kota-header.is-scrolled { color:var(--about-ink); background:rgba(244,243,239,.72); box-shadow:0 1px 0 #14212614; backdrop-filter:blur(16px); }
.kota-about-page .kota-nav a,.kota-about-page .kota-header__phone { color:var(--about-ink); text-shadow:none; }
.kota-about-page .kota-nav a[aria-current="page"]::after { transform:scaleX(1); }
.kota-about-page .kota-menu-toggle span { background:var(--about-ink); }

.kota-about-hero { position:relative; min-height:880px; display:flex; align-items:center; overflow:hidden; background:radial-gradient(circle at 78% 48%,#d9dedc 0,transparent 35%),var(--about-paper); }
.kota-about-hero__lines { position:absolute; inset:0; opacity:.34; background-image:linear-gradient(#87939726 1px,transparent 1px),linear-gradient(90deg,#87939726 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,black,transparent 70%); }
.kota-about-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr); align-items:center; gap:7vw; padding:160px 0 90px; }
.kota-about-hero__copy h1 { margin:18px 0 36px; font-size:clamp(72px,9vw,138px); line-height:.86; letter-spacing:-.07em; }
.kota-about-hero__copy h1 span { color:var(--about-red); }
.kota-about-hero__lead { max-width:590px; margin:0; color:#46565c; font-size:clamp(18px,1.5vw,23px); line-height:1.55; }
.kota-orbit { position:relative; min-height:570px; isolation:isolate; }
.kota-orbit__shape { position:absolute; z-index:-1; width:430px; height:430px; top:68px; left:50%; margin-left:-215px; border:1px solid #78c7eb4a; border-radius:50%; animation:kota-orbit-spin 22s linear infinite; }
.kota-orbit__shape::before,.kota-orbit__shape::after { content:''; position:absolute; inset:54px; border:1px solid #14212638; transform:rotate(45deg); }
.kota-orbit__shape::after { inset:112px; border-color:#78c7eb8c; border-radius:50%; }
.kota-orbit__shape i { position:absolute; width:15px; height:15px; border-radius:50%; background:var(--about-red); box-shadow:0 0 0 10px #78c7eb18; }
.kota-orbit__shape i:nth-child(1) { top:-7px; left:50%; }
.kota-orbit__shape i:nth-child(2) { right:18px; bottom:92px; }
.kota-orbit__shape i:nth-child(3) { left:13px; bottom:103px; background:var(--about-ink); box-shadow:0 0 0 10px #14212613; }
.kota-orbit-card { position:absolute; width:min(290px,42%); min-height:190px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #fff9; background:rgba(255,255,255,.75); box-shadow:0 28px 60px #1421261c; backdrop-filter:blur(15px); }
.kota-orbit-card strong { color:var(--about-red); font-size:clamp(42px,5vw,72px); line-height:1; letter-spacing:-.06em; }
.kota-orbit-card span { max-width:180px; font-size:14px; font-weight:700; line-height:1.45; text-transform:uppercase; letter-spacing:.08em; }
.kota-orbit-card--one { top:18px; left:2%; transform:rotate(-4deg); }
.kota-orbit-card--two { top:190px; right:0; transform:rotate(4deg); }
.kota-orbit-card--three { left:20%; bottom:4px; transform:rotate(-1deg); }
@keyframes kota-orbit-spin { to { transform:rotate(360deg); } }

.kota-about-story { background:#fff; }
.kota-about-story__grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:9vw; }
.kota-about-story__media { position:relative; transform:perspective(1300px) rotateY(5deg); transform-origin:left center; box-shadow:35px 35px 0 var(--about-mist),0 35px 65px #1421261c; }
.kota-about-story__media img { display:block; width:100%; min-height:630px; object-fit:cover; }
.kota-about-story__media span { position:absolute; right:-35px; bottom:-35px; padding:20px 24px; color:#fff; background:var(--about-red); font-size:13px; font-weight:700; line-height:1.45; letter-spacing:.12em; text-transform:uppercase; }
.kota-about-story__copy h2,.kota-about-energy h2,.kota-about-section-head h2,.kota-about-certificates h2 { margin:0 0 38px; font-size:clamp(46px,5.4vw,82px); line-height:.94; letter-spacing:-.055em; }
.kota-about-story__copy > p:not(.kota-kicker) { color:#54646a; font-size:17px; line-height:1.8; }
.kota-about-story__copy > a,.kota-about-energy a { display:inline-flex; gap:35px; margin-top:24px; padding-bottom:8px; border-bottom:1px solid currentColor; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.kota-about-story__copy a b,.kota-about-energy a b { color:var(--about-red); }

.kota-converge { position:relative; height:160vh; color:#fff; background:var(--about-ink); }
.kota-converge__sticky { position:sticky; top:0; height:100vh; min-height:720px; display:flex; align-items:center; overflow:hidden; }
.kota-converge__sticky::before { content:'2001'; position:absolute; right:-.03em; bottom:-.2em; color:#ffffff05; font:700 min(36vw,560px)/1 var(--kota-sans); letter-spacing:-.09em; }
.kota-converge__head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:7vw; margin-bottom:34px; }
.kota-converge__head h2 { margin:0; color:#fff; font-size:clamp(48px,6vw,90px); line-height:.9; letter-spacing:-.055em; transform:translateY(30px); }
.kota-converge__head h2 em { color:#78c7eb; }
.kota-converge__head > p:last-child { max-width:450px; margin:0 0 6px; color:#bdc8ca; font-size:17px; }
.kota-converge__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; perspective:1400px; }
.kota-converge-card { position:relative; min-height:280px; padding:30px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; color:var(--about-ink); background:#f5f3ee; box-shadow:0 30px 75px #0005; will-change:transform; }
.kota-converge-card::before { content:''; position:absolute; width:160px; height:160px; top:-90px; right:-75px; border:28px solid #78c7eb20; border-radius:50%; }
.kota-converge-card > span { position:absolute; top:28px; left:30px; color:var(--about-red); font-size:13px; font-weight:700; }
.kota-converge-card h3 { margin:0 0 16px; font-size:clamp(28px,2.5vw,38px); letter-spacing:-.04em; }
.kota-converge-card p { max-width:310px; margin:0; color:#56666b; }
.kota-converge.is-motion-ready .kota-converge-card--left { transform:translate3d(var(--left-x,0),var(--left-y,0),0) rotateY(var(--left-r,0deg)); }
.kota-converge.is-motion-ready .kota-converge-card--middle { transform:translate3d(0,var(--middle-y,0),0) scale(var(--middle-scale,1)); }
.kota-converge.is-motion-ready .kota-converge-card--right { transform:translate3d(var(--right-x,0),var(--right-y,0),0) rotateY(var(--right-r,0deg)); }
.kota-converge__progress { width:100%; height:2px; margin-top:30px; background:#ffffff18; }
.kota-converge__progress i { display:block; width:var(--progress,0%); height:100%; background:var(--about-red); }

.kota-about-energy { color:#fff; background:var(--about-red); }
.kota-about-energy__grid { display:grid; grid-template-columns:1fr 1fr; gap:9vw; }
.kota-about-energy .kota-kicker { color:#fff; }
.kota-about-energy h2 { color:#fff; }
.kota-about-energy h2 em { color:#27181b; }
.kota-about-energy__grid > div:last-child { padding-top:48px; }
.kota-about-energy__grid > div:last-child p { color:#fff; font-size:18px; line-height:1.75; }
.kota-about-energy a { color:#fff; }
.kota-about-energy a b { color:#27181b; }

.kota-about-team { background:var(--about-paper); }
.kota-about-section-head { display:grid; grid-template-columns:1fr .72fr; align-items:end; gap:8vw; margin-bottom:70px; }
.kota-about-section-head > p { margin:0 0 8px; color:#56666b; font-size:17px; }
.kota-about-team__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#1421261f; border:1px solid #1421261f; }
.kota-about-team__grid article { position:relative; min-height:265px; padding:38px; background:var(--about-paper); transition:background .35s,color .35s,transform .35s; }
.kota-about-team__grid article > span { color:var(--about-red); font-size:13px; font-weight:700; }
.kota-about-team__grid h3 { max-width:490px; margin:45px 0 18px; font-size:clamp(25px,2.4vw,36px); line-height:1.12; letter-spacing:-.035em; }
.kota-about-team__grid p { max-width:500px; margin:0; color:#58686e; }
.kota-about-team__grid article:hover { z-index:2; color:#fff; background:var(--about-ink); transform:translateY(-5px); }
.kota-about-team__grid article:hover p { color:#c8d0d2; }

.kota-about-certificates { background:#fff; }
.kota-about-certificates__grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:10vw; }
.kota-about-certificates__copy > p:not(.kota-kicker) { color:#59686d; font-size:17px; line-height:1.75; }
.kota-about-certificates__copy > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }
.kota-about-certificates__copy span { padding:11px 14px; border:1px solid #14212624; font-size:13px; font-weight:700; }
.kota-about-certificates__stack { position:relative; min-height:570px; perspective:1200px; }
.kota-about-certificates__stack a { position:absolute; top:50%; left:50%; width:min(390px,72%); padding:12px; background:#edf0f0; box-shadow:0 24px 45px #14212621; transition:transform .45s ease; }
.kota-about-certificates__stack a:nth-child(1) { transform:translate(-66%,-51%) rotateY(8deg) rotate(-6deg); }
.kota-about-certificates__stack a:nth-child(2) { transform:translate(-48%,-50%) rotateY(2deg); }
.kota-about-certificates__stack a:nth-child(3) { transform:translate(-30%,-49%) rotateY(-8deg) rotate(6deg); }
.kota-about-certificates__stack img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; background:#fff; }
.kota-about-certificates__stack:hover a:nth-child(1) { transform:translate(-82%,-51%) rotateY(8deg) rotate(-9deg); }
.kota-about-certificates__stack:hover a:nth-child(3) { transform:translate(-14%,-49%) rotateY(-8deg) rotate(9deg); }

.kota-about-cta { padding:120px 0; color:#fff; background:var(--about-ink); }
.kota-about-cta p { margin:0 0 20px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.kota-about-cta h2 { margin:0; color:#fff; font-size:clamp(58px,8vw,120px); line-height:.87; letter-spacing:-.065em; }
.kota-about-cta h2 em { color:#78c7eb; }
.kota-about-cta a { display:inline-block; margin-top:50px; padding:17px 25px; color:#fff; border:1px solid #fff; font-weight:700; }

@media(max-width:1100px) {
 .kota-about-hero__inner { grid-template-columns:1fr; gap:40px; }
 .kota-orbit { width:min(720px,100%); margin:auto; }
 .kota-about-story__grid,.kota-about-certificates__grid { grid-template-columns:1fr; }
 .kota-about-story__media { max-width:720px; }
 .kota-about-certificates__stack { width:min(720px,100%); margin:auto; }
}
@media(max-width:760px) {
 .kota-about-page .kota-header,.kota-about-page .kota-header.is-scrolled { background:rgba(244,243,239,.82); backdrop-filter:blur(16px); }
 .kota-about-hero { min-height:auto; }
 .kota-about-hero__inner { padding:150px 0 65px; }
 .kota-about-hero__copy h1 { font-size:clamp(64px,22vw,94px); }
 .kota-orbit { min-height:590px; }
 .kota-orbit__shape { width:320px; height:320px; top:120px; margin-left:-160px; }
 .kota-orbit-card { width:68%; min-height:155px; padding:22px; }
 .kota-orbit-card--one { left:0; }
 .kota-orbit-card--two { top:208px; }
 .kota-orbit-card--three { left:6%; }
 .kota-about-story__grid,.kota-about-energy__grid,.kota-about-section-head { grid-template-columns:1fr; gap:48px; }
 .kota-about-story__media { margin-right:18px; transform:none; box-shadow:18px 18px 0 var(--about-mist); }
 .kota-about-story__media img { min-height:420px; }
 .kota-about-story__media span { right:-18px; bottom:-18px; }
 .kota-about-story__copy h2,.kota-about-energy h2,.kota-about-section-head h2,.kota-about-certificates h2 { font-size:clamp(40px,13vw,58px); }
 .kota-converge { height:auto; padding:85px 0; }
 .kota-converge__sticky { position:relative; height:auto; min-height:0; overflow:visible; }
 .kota-converge__head { grid-template-columns:1fr; gap:25px; margin-bottom:45px; }
 .kota-converge__head h2 { transform:none; margin-top:15px; }
 .kota-converge__cards { grid-template-columns:1fr; }
 .kota-converge.is-motion-ready .kota-converge-card { transform:none; }
 .kota-converge-card { min-height:235px; }
 .kota-converge__progress { display:none; }
 .kota-about-energy__grid > div:last-child { padding-top:0; }
 .kota-about-team__grid { grid-template-columns:1fr; }
 .kota-about-team__grid article { min-height:230px; padding:28px; }
 .kota-about-certificates__stack { min-height:430px; }
 .kota-about-certificates__stack a { width:72%; }
 .kota-about-cta { padding:85px 0; }
 .kota-about-cta h2 { font-size:clamp(52px,16vw,78px); }
}
@media(prefers-reduced-motion:reduce) {
 .kota-orbit__shape { animation:none; }
 .kota-converge.is-motion-ready .kota-converge-card { transform:none; }
 .kota-about-team__grid article,.kota-about-certificates__stack a { transition:none; }
}