.kovo-about{--about-fg:#f5f0e6;--about-muted:#c0cbd0;--about-line:#ffffff28;--about-gold:#d9be87;position:relative;isolation:isolate;min-height:100vh;color:var(--about-fg);background:#07121c;font-family:var(--kovo-sans,Arial,sans-serif)}
.kovo-about *{box-sizing:border-box}.kovo-about a{color:inherit;text-decoration:none}.kovo-about img{display:block;max-width:100%;height:auto}.kovo-about h1,.kovo-about h2,.kovo-about h3,.kovo-about p,.kovo-about figure{margin:0}
.about-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#07121c}
.about-backdrop>div{position:absolute;inset:0;background-size:cover;background-position:center;will-change:opacity}
.about-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#ffffff12,#ffffff06)}
.about-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:20px 5vw;background:#07121cbb;border-bottom:1px solid #ffffff22;backdrop-filter:blur(24px)}
.about-logo img{width:116px}
.kovo-about main{max-width:1600px;padding:70px 6vw 100px;margin:auto}
.about-glass,.about-sectors article,.about-timeline article,.about-press-grid article{border:1px solid #ffffff2b;border-radius:24px;background:linear-gradient(145deg,#243640f2,#08151ef5 78%);backdrop-filter:blur(24px) saturate(130%);box-shadow:0 24px 80px #0004,inset 0 1px #ffffff1c}
.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:5%;align-items:center;margin-bottom:110px}
.about-hero-copy{padding:clamp(30px,4vw,60px)}
.about-kicker{color:var(--about-gold);font-size:11px;line-height:1.7;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.about-hero h1,.about-wrap h2,.about-sectors h3,.about-press-grid h3,.about-timeline time{font-family:var(--kovo-serif,Georgia,serif);font-weight:400;letter-spacing:-.04em;text-wrap:balance}
.about-hero h1{font-size:clamp(58px,6.9vw,112px);line-height:.97;margin:25px 0 30px}
.about-hero h1 em,.about-wrap h2 em{font-style:normal;color:#e1c992}
.about-lede{font-size:clamp(19px,1.8vw,27px);line-height:1.5;max-width:38ch}
.about-note{font-size:15px;line-height:1.8;color:var(--about-muted);margin-top:24px!important;max-width:50ch}
.about-portrait{max-width:450px;justify-self:center;width:100%}
.about-portrait-frame{padding:9px;border-radius:22px;border:1px solid #d6bc8566;background:#152733b8;overflow:hidden;box-shadow:0 28px 80px #0006}
.about-portrait-frame img{width:100%;aspect-ratio:1102/1427;object-fit:contain;object-position:center;border-radius:15px}
.about-portrait figcaption{font-size:10px;line-height:1.6;letter-spacing:.10em;color:#123840;margin-top:16px}
.about-wrap{margin:0 0 100px;padding:48px}
.about-wrap h2{font-size:clamp(39px,4.9vw,74px);line-height:1.06;margin-top:20px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.about-copy p,.about-philosophy-grid p{font-size:16px;line-height:1.85;color:var(--about-muted)}
.about-copy p+p,.about-philosophy-grid p+p{margin-top:20px}
.about-copy p:first-child{color:#f0eee6}
.about-practice,.about-journey,.about-press{padding:0}
.about-practice>h2,.about-practice>.about-kicker,.about-journey>.about-kicker,.about-press-intro>h2,.about-press-intro>.about-kicker{color:#123840}
.about-practice>h2{max-width:15ch}
.about-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.about-sectors article{padding:32px;min-width:0}
.about-sectors span{font-size:11px;color:var(--about-gold);letter-spacing:.1em}
.about-sectors h3{font-size:30px;line-height:1.15;margin:28px 0 18px}
.about-sectors p{font-size:15px;line-height:1.8;color:var(--about-muted)}
.about-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.about-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.about-timeline article{padding:30px}
.about-timeline time{font-size:44px;color:#dfc38b}
.about-timeline p{font-size:14px;line-height:1.8;color:var(--about-muted);margin-top:20px}
.about-press-intro{max-width:740px;margin-bottom:36px}
.about-press-intro>p:last-child{font-size:16px;line-height:1.8;margin-top:23px;color:#123840}
.about-press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.about-press-grid article{padding:34px;display:flex;flex-direction:column}
.about-press-grid article>span{color:#d4bd8b;font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
.about-press-grid h3{font-size:30px;line-height:1.16;margin:20px 0 18px}
.about-press-grid p{font-size:15px;line-height:1.8;color:var(--about-muted);margin-bottom:25px}
.about-press-grid a{align-self:flex-start;margin-top:auto;padding:12px 0;border-bottom:1px solid #d6bd8a99;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.about-press-grid a:after{content:" ↗";margin-left:12px}
.about-contact{max-width:1000px;margin:0 auto;text-align:center;padding:65px}
.about-contact>p:not(.about-kicker){max-width:54ch;margin:27px auto;color:var(--about-muted);font-size:17px;line-height:1.8}
.about-contact>a{display:inline-flex;padding:18px 25px;border:1px solid #e0c99477;border-radius:12px;background:#dcc38b12;color:#f2e2c0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:background .3s}
.about-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 6vw;background:#06111bcc;border-top:1px solid #ffffff22;font-size:11px;color:#c2c9c9}
.about-footer .about-logo img{width:90px}
.kovo-about a:focus-visible,.kovo-about button:focus-visible{outline:2px solid #f0d397;outline-offset:5px;border-radius:5px}
@media(hover:hover){.about-contact>a:hover{background:#dfc58d2a}.about-press-grid a:hover{color:#ffe3a9}}
@media(max-width:1050px){.about-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}.about-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.about-wrap{padding:35px}.about-practice,.about-journey,.about-press{padding:0}}
@media(max-width:700px){
 .about-header{min-height:74px;padding:16px 6vw}.about-logo img{width:105px}
 .kovo-about main{padding:32px 5.5vw 60px}
 .about-hero{display:flex;flex-direction:column;gap:24px;margin-bottom:64px}
 .about-hero-copy{width:100%;padding:29px 25px;border-radius:20px}
 .about-hero h1{font-size:clamp(49px,12vw,68px);line-height:.98;margin:25px 0}
 .about-lede{font-size:18px;line-height:1.65}.about-note{font-size:15px}
 .about-portrait{max-width:100%;width:100%}
 .about-wrap{padding:29px 25px;margin-bottom:64px;border-radius:20px}
 .about-wrap h2{font-size:42px;line-height:1.06}
 .about-story,.about-philosophy-grid{display:block}
 .about-copy,.about-philosophy-grid>div{margin-top:30px}
 .about-practice,.about-journey,.about-press{padding:0}
 .about-sectors,.about-press-grid,.about-timeline{grid-template-columns:1fr;gap:14px}
 .about-sectors article,.about-press-grid article{padding:29px 25px;border-radius:20px}
 .about-sectors h3,.about-press-grid h3{font-size:30px}
 .about-timeline article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:25px}
 .about-timeline time{font-size:36px}.about-timeline p{margin-top:0}
 .about-contact{padding:35px 25px}
 .about-contact>p:not(.about-kicker){font-size:16px}
 .about-footer{flex-wrap:wrap;padding:27px 6vw}.about-footer span{max-width:25ch;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.kovo-about *{transition:none!important}.about-backdrop>div{will-change:auto}}
