#about .about-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);min-height:30rem;padding-block:clamp(3rem,6vw,6rem);display:grid}#about .hero-intro{z-index:1;position:relative}#about .hero-intro h1{letter-spacing:-.05em;margin-block:.85rem 1rem;font-size:clamp(2.8rem,5vw,5rem);font-weight:800;line-height:1.1}#about .hero-intro h1 span{color:var(--accent)}#about .hero-intro>p:not(.section-kicker){max-width:57ch;color:var(--textMuted);font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.65}#about .hero-highlights{flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2rem;display:flex}#about .hero-highlights span{align-items:center;gap:.65rem;max-width:11rem;font-size:.85rem;display:flex}#about .hero-highlights .icon{width:1.9rem;height:1.9rem;color:var(--accent)}#about .hero-machining{isolation:isolate;background:var(--navBg);border-radius:1.25rem;height:100%;min-height:22rem;position:relative;overflow:hidden}#about .hero-machining:after{content:"";background:linear-gradient(90deg,var(--background),transparent 48%),linear-gradient(0deg,var(--background),transparent 40%);position:absolute;inset:0}#about .hero-machining img{object-fit:cover;filter:saturate(.65)hue-rotate(8deg);width:100%;height:100%}#about .about-panel{border:1px solid var(--mutedLine);background:color-mix(in srgb,var(--cardBg) 45%,var(--background));border-radius:1.15rem;margin-bottom:1.25rem;padding:clamp(1.3rem,2.2vw,2.2rem)}#about .panel-heading{margin-bottom:1.25rem}#about .panel-heading h2{letter-spacing:-.035em;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;line-height:1.2}#about .panel-heading p{color:var(--textMuted);margin-top:.3rem;font-size:.93rem}#about .capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}#about .mini-card,#about .problem-card{border:1px solid var(--mutedLine);background:color-mix(in srgb,var(--cardBg) 72%,transparent);border-radius:.85rem;padding:1.4rem;transition:border-color .2s,transform .2s}#about .mini-card:hover,#about .problem-card:hover{border-color:var(--accentDim);transform:translateY(-2px)}#about .mini-card{gap:1.1rem;display:flex}#about .mini-card>.icon{width:2rem;height:2rem;color:var(--accent)}#about .mini-card h3,#about .problem-card h3{margin-bottom:.6rem;font-size:1rem;font-weight:750}#about .mini-card p,#about .problem-card p{color:var(--textMuted);font-size:.85rem;line-height:1.55}#about .values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}#about .value-card{border:1px solid var(--mutedLine);background:var(--cardBg);border-radius:.85rem;flex-direction:column;justify-content:flex-end;min-height:19rem;display:flex;position:relative;overflow:hidden}#about .value-art{opacity:.48;background-position:50%;background-size:cover;position:absolute;inset:0 0 38%;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}#about .art-mission{background-image:linear-gradient(145deg,#5146c1,transparent),var(--art)}#about .art-vision{background-image:linear-gradient(145deg,#4034a3,transparent),var(--art)}#about .art-values{background-image:linear-gradient(145deg,#5b4ac1,transparent),var(--art)}#about .art-team{background-image:linear-gradient(145deg,#4236a6,transparent),var(--art)}#about .value-content{z-index:1;padding:1.3rem;position:relative}#about .value-content>.icon{width:1.9rem;height:1.9rem;color:var(--accent);margin-bottom:.8rem}#about .value-content h3{margin-bottom:.7rem;font-size:1rem;font-weight:800}#about .value-content p,#about .value-content li{color:var(--textMuted);font-size:.83rem;line-height:1.55}#about .value-content ul{gap:.3rem;list-style:none;display:grid}#about .value-content li:before{content:"✓";color:var(--accent);margin-right:.45rem}#about .problems-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}#about .problem-card>.icon{width:2rem;height:2rem;color:var(--accent);margin-bottom:.8rem}#about .project-list{gap:.5rem;display:grid}#about .project-list details{border:1px solid var(--mutedLine);background:color-mix(in srgb,var(--cardBg) 75%,transparent);border-radius:.45rem;overflow:hidden}#about .project-list details[open]{border-color:var(--accentDim)}#about .project-list summary{cursor:pointer;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-size:.88rem;font-weight:650;list-style:none;display:flex}#about .project-list summary::-webkit-details-marker{display:none}#about .project-list summary:before{content:"+";color:var(--accent);width:1.3rem;font-size:1.3rem;font-weight:800}#about .project-list details[open] summary:before{content:"−"}#about .project-list summary small{color:var(--textMuted);margin-left:auto;font-size:.78rem}#about .project-detail{border-top:1px solid var(--mutedLine);color:var(--textMuted);gap:.3rem;padding:1rem 1rem 1.15rem 3.4rem;font-size:.85rem;line-height:1.5;display:grid}#about .project-detail strong{color:var(--text)}#about .about-bottom{border:1px solid var(--mutedLine);background:linear-gradient(110deg,var(--cardBg),var(--primary));border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-block:3rem 5rem;padding:2.5rem;display:flex}#about .about-bottom h2{font-size:clamp(1.4rem,2vw,2rem);font-weight:800}#about .about-bottom p{color:var(--textMuted);font-size:.93rem}#about .about-bottom .button{flex:none;margin-left:auto}@media (max-width:1000px){#about .capabilities-grid,#about .values-grid,#about .problems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){#about .about-hero{grid-template-columns:1fr;padding-block:3rem}#about .hero-machining{min-height:15rem;max-height:19rem}#about .capabilities-grid,#about .values-grid,#about .problems-grid{grid-template-columns:1fr}#about .value-card{min-height:15rem}#about .about-bottom .button{margin-left:0}#about .project-detail{padding-left:1rem}}@supports (interpolate-size:allow-keywords){#about .project-list{interpolate-size:allow-keywords}#about .project-list details::details-content{opacity:0;content-visibility:hidden;height:0;transition:height .36s ease, opacity .28s ease, content-visibility .36s allow-discrete;overflow:clip}#about .project-list details[open]::details-content{opacity:1;content-visibility:visible;height:auto}@starting-style{#about .project-list details[open]::details-content{opacity:0;height:0}}}@media (prefers-reduced-motion:reduce){#about .project-list details::details-content{transition:none!important}}
