.about-page{--hero-image:url(/assets/mavio-struga-hero-4k.webp)}.about-hero--personal{background:linear-gradient(90deg, #04080bf2, #04080bdb 56%, #04080bb8), var(--hero-image);background-position:50%;background-size:cover;min-height:680px;padding-block:78px 86px;display:block}.about-hero__personal-grid{z-index:2;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:clamp(42px,7vw,96px);display:grid;position:relative}.about-hero__copy-block h1{max-width:12ch;margin:18px 0 24px}.about-hero__copy-block>p{color:#f8f5efc2;max-width:720px;margin:0;font-size:clamp(18px,1.45vw,22px);line-height:1.58}.about-portrait{text-align:center;justify-self:end;width:220px;margin:0}.about-portrait__frame{background:#0a0d10;border-radius:50%;width:220px;height:220px;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000005c,0 0 0 1px #efd19d38,0 0 44px #d5ad7217}.about-portrait__frame:after{content:"";pointer-events:none;background:radial-gradient(circle at 34% 24%,#ffffff1a,#0000 25%),linear-gradient(#0000 58%,#04080b29);border-radius:50%;position:absolute;inset:0}.about-portrait img{object-fit:cover;object-position:center 24%;filter:saturate(.9)contrast(1.03);width:100%;height:100%;display:block;transform:scale(1.02)}.about-portrait figcaption{color:#f1d19a8a;letter-spacing:.16em;text-align:center;margin-top:16px;font-size:8px;line-height:1.5}.about-bridge{background:radial-gradient(circle at 10% 90%,#915e2a24,#0000 34%),#080c10;border-block:1px solid #d5ad721c;padding-block:112px}.about-bridge__inner{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(56px,8vw,126px);display:grid}.about-bridge h2{letter-spacing:-.05em;margin:15px 0 0;font-size:clamp(42px,4.4vw,70px);font-weight:500;line-height:.98}.about-bridge p{color:#f4f2eda8;margin:0;font-size:clamp(18px,1.55vw,23px);line-height:1.62}.about-story--continuation{padding-top:0}.about-expertise{background:radial-gradient(circle at 82% 12%,#d5ad7214,#0000 28%),#080c10;border-block:1px solid #d5ad721c;padding-block:112px}.about-expertise--late{margin-top:0}.about-expertise__intro{color:#ffffff85;max-width:660px;margin:22px 0 0;font-size:16px;line-height:1.6}.about-expertise__grid{border-top:1px solid #d5ad7229;border-bottom:1px solid #d5ad721f;grid-template-columns:repeat(3,1fr);display:grid}.about-expertise__grid article{background:linear-gradient(#d5ad7206,#0000 60%);border-right:1px solid #d5ad721c;flex-direction:column;min-height:292px;padding:24px 24px 28px;display:flex}.about-expertise__grid article:last-child{border-right:0}.about-expertise__topline{color:#f1d19a8c;align-items:center;gap:14px;font-size:10px;display:flex}.about-expertise__topline i{background:linear-gradient(90deg,#d5ad724d,#0000);flex:1;height:1px}.about-expertise__grid h3{letter-spacing:-.04em;margin:62px 0 16px;font-size:clamp(25px,2.3vw,36px);font-weight:500;line-height:1}.about-expertise__grid p{color:#ffffff91;margin:0;font-size:15px;line-height:1.62}.about-expertise__grid small{color:#f1d19a80;letter-spacing:.12em;margin-top:auto;padding-top:28px;font-size:8px;line-height:1.6}@media (max-width:980px){.about-hero__personal-grid{grid-template-columns:minmax(0,1fr) 210px;gap:40px}.about-portrait,.about-portrait__frame{width:190px}.about-portrait__frame{height:190px}.about-expertise__grid{grid-template-columns:1fr 1fr}.about-expertise__grid article:nth-child(2){border-right:0}.about-expertise__grid article:last-child{border-top:1px solid #d5ad721c;grid-column:1/-1}}@media (max-width:700px){.about-hero--personal{background-position:47%;min-height:auto;padding-block:56px 66px}.about-hero__personal-grid{grid-template-columns:1fr;gap:34px}.about-portrait{justify-self:start;width:170px}.about-portrait__frame{width:170px;height:170px}.about-portrait figcaption{text-align:left;margin-left:8px}.about-bridge,.about-expertise{padding-block:78px}.about-bridge__inner{grid-template-columns:1fr;gap:30px}.about-bridge p{font-size:17px}.about-expertise__grid{grid-template-columns:1fr}.about-expertise__grid article,.about-expertise__grid article:nth-child(2),.about-expertise__grid article:last-child{border-top:0;border-bottom:1px solid #d5ad721c;border-right:0;grid-column:auto;min-height:220px}.about-expertise__grid article:last-child{border-bottom:0}.about-expertise__grid h3{margin-top:42px}}
.about-portrait__frame{background:linear-gradient(#04080b00 56%,#04080b38 100%),url(/assets/mavio-about-astrit.webp?v=2) 50%/cover no-repeat}.about-portrait__frame img{opacity:0}