.about-content{width:100%;padding:var(--section-gap) 0}.about-section{margin-bottom:clamp(4rem,8vw,6rem)}.about-section:last-child{margin-bottom:0}.about-section--intro{margin-bottom:clamp(5rem,10vw,8rem)}.about-section--intro .about-section__text{font-size:var(--step-1);line-height:1.65;max-width:none}.about-section--intro .about-section__text p{margin-bottom:var(--space-5);max-width:45ch}.about-section--split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.about-section--intro.about-section--split{align-items:end}.about-section__column{display:flex;flex-direction:column;gap:var(--space-4)}.about-section__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:0 0 var(--space-4) 0}.about-section__text{font-size:var(--step-1);line-height:1.65;color:var(--text)}.about-section__text p{margin-bottom:var(--space-5);max-width:45ch}.about-section__text p:last-child{margin-bottom:0}.principles-list{list-style:none;padding:0;margin:0}.principle-item{margin-bottom:var(--space-3);font-size:var(--step-1);line-height:1.5;color:var(--text);max-width:45ch;display:flex;align-items:flex-start;gap:var(--space-3);transition:all var(--transition-fast)}.principle-item:last-child{margin-bottom:0}.principle-icon{flex-shrink:0;width:20px;height:20px;margin-top:.15em;color:var(--text);transition:all var(--transition-fast)}.principle-item:hover .principle-icon{color:var(--accent);transform:scale(1.1)}.principle-item__content{flex:1;font-size:var(--step-1);line-height:1.5}.principle-item__title{font-weight:600;color:var(--text)}.venn-diagram{width:100%;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.venn-diagram svg{width:100%;height:auto;color:var(--text)}.venn-circle{transition:fill .6s ease,fill-opacity .6s ease;fill:transparent;fill-opacity:0}.venn-circle--product:hover{fill:url(#productGradient);fill-opacity:.5}.venn-circle--engineering:hover{fill:url(#engineeringGradient);fill-opacity:.5}.venn-circle--design:hover{fill:url(#designGradient);fill-opacity:.5}.venn-diagram:has(.intersection-all:hover) .venn-circle--product{fill:url(#productGradient);fill-opacity:.5}.venn-diagram:has(.intersection-all:hover) .venn-circle--engineering{fill:url(#engineeringGradient);fill-opacity:.5}.venn-diagram:has(.intersection-all:hover) .venn-circle--design{fill:url(#designGradient);fill-opacity:.5}.venn-diagram:has(.intersection-pe:hover) .venn-circle--product{fill:url(#productGradient);fill-opacity:.5}.venn-diagram:has(.intersection-pe:hover) .venn-circle--engineering{fill:url(#engineeringGradient);fill-opacity:.5}.venn-diagram:has(.intersection-pd:hover) .venn-circle--product{fill:url(#productGradient);fill-opacity:.5}.venn-diagram:has(.intersection-pd:hover) .venn-circle--design{fill:url(#designGradient);fill-opacity:.5}.venn-diagram:has(.intersection-ed:hover) .venn-circle--engineering{fill:url(#engineeringGradient);fill-opacity:.5}.venn-diagram:has(.intersection-ed:hover) .venn-circle--design{fill:url(#designGradient);fill-opacity:.5}@keyframes pop-out{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.venn-diagram:has(.intersection-all:hover) .me-fireworks{opacity:1}.venn-diagram:has(.intersection-all:hover) .me-fireworks line{animation:pop-out .8s ease-out infinite;transform-origin:center;transform-box:fill-box}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(1){animation-delay:0s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(2){animation-delay:.1s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(3){animation-delay:.15s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(4){animation-delay:.05s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(5){animation-delay:.2s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(6){animation-delay:.12s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(7){animation-delay:.08s}.venn-diagram:has(.intersection-all:hover) .me-fireworks line:nth-child(8){animation-delay:.18s}@media (max-width: 968px){.about-section{margin-bottom:clamp(3rem,6vw,5rem)}.about-section--intro{margin-bottom:clamp(4rem,8vw,6rem)}.about-section--split{grid-template-columns:1fr;gap:var(--space-4)}.about-section--left .about-section__column:last-child,.about-section--right .about-section__column:first-child{display:none}}@media (max-width: 640px){.about-section{margin-bottom:var(--space-8)}.about-section--intro{margin-bottom:clamp(3rem,6vw,5rem)}.about-section--intro .about-section__text{font-size:var(--step-0)}.about-section__title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:var(--space-3)}.about-section__text,.principle-item,.principle-item__content{font-size:var(--step-0)}.about-section--split{gap:var(--space-3)}}
