.about-page{position:relative;z-index:1}.about-page .h-section{margin:22px 0 0;text-wrap:balance}.about-page a:focus-visible,.about-page button:focus-visible{outline:3px solid var(--primary);outline-offset:6px}.about-page .final-cta .btn{max-width:100%;white-space:normal;text-align:center}.about-page .final-cta--about .h-display{max-width:14em;margin:28px auto 0;font-size:clamp(2rem,4.6vw,4rem);line-height:1.1;text-wrap:wrap}.about-page .final-cta--about:after{background-image:image-set(url("/uploads/about/cta-desktop-v4.avif") type("image/avif"),url("/uploads/about/cta-desktop-v4.webp") type("image/webp"));background-size:cover;background-repeat:no-repeat;background-position:50%;opacity:.55;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 75%,#000);mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 75%,#000)}@media (max-width:760px){.about-page .final-cta--about{padding:56px 20px clamp(150px,36vw,280px)}.about-page .final-cta--about:after{display:none}.about-page .final-cta--about:before{content:"";position:absolute;inset:0;width:100%;z-index:-1;pointer-events:none;background-image:image-set(url("/uploads/about/cta-mobile.avif") type("image/avif"),url("/uploads/about/cta-mobile.webp") type("image/webp"));background-size:100% auto;background-repeat:no-repeat;background-position:bottom;opacity:.8;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(0deg,#000 0,#000 28vw,transparent 42vw);mask-image:linear-gradient(0deg,#000 0,#000 28vw,transparent 42vw)}}.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:48px}.about-hero .h-display{max-width:none;margin:24px 0 0;font-size:clamp(2.25rem,4.5vw,4.25rem);font-weight:700;line-height:1.1;letter-spacing:-.045em;text-wrap:pretty}.about-title-tail{display:block}.about-hero .about-title-accent{margin-inline:0}.about-hero .hero-sub{max-width:54ch;margin:24px 0 0;font-size:1.125rem;line-height:1.65}.about-hero .hero-cta{margin-top:32px;gap:12px}.about-hero .hero-cta .btn{font-size:1rem}.about-hero-art{width:100%;max-width:580px;margin-inline:auto}.about-hero-art img{width:100%;height:auto;display:block}.about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}.about-intro .h-section{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12}.about-intro-copy{padding-top:48px}.about-intro-copy p{color:var(--ink-1);margin:0 0 20px;line-height:1.65}.about-text-link{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-mini);font-weight:600}.about-text-link:hover{color:var(--primary)}.about-text-link svg{flex-shrink:0}.about-products{margin-top:48px}@media (min-width:761px) and (max-width:1180px){.about-products .bento-card:last-child{grid-column:1/-1}}.about-principles-heading{max-width:860px}.about-principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:20px}.about-principle{padding:28px;gap:0}.about-principle-art{width:112px;height:112px;object-fit:contain;margin:0 0 24px}.about-principle h3{font-size:var(--fs-h3);font-weight:600;margin:0 0 14px;line-height:1.3;letter-spacing:-.02em}.about-principle p{color:var(--ink-1);font-size:1.125rem;line-height:1.6;margin:0 0 24px}.about-principle .about-text-link{color:var(--accent);margin-top:auto;padding-top:20px;border-top:1px solid var(--line);width:100%;justify-content:space-between}.about-company-heading{max-width:none;margin-bottom:36px}.about-company-heading .h-section{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12}.about-company-heading .about-company-description{max-width:760px;margin:20px 0 0;line-height:1.6}.about-company-card{padding:36px;gap:32px;border-radius:var(--radius-lg)}.about-company-card:hover{transform:none;box-shadow:none}.about-company-facts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr);gap:32px;margin:0}.about-company-facts dt{color:var(--ink-1);font-size:var(--fs-mini);line-height:1.5;margin-bottom:12px}.about-company-facts dd{margin:0;font-size:1.125rem;font-weight:600;line-height:1.5;text-wrap:pretty}.about-company-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:28px}.about-company-documents a{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500;padding:16px;border-radius:var(--radius-sm);background:#f4f4f2;transition:background .16s ease}.about-company-documents a:hover{background:#dff5e5}.about-company-documents svg{flex-shrink:0}.about-company-documents svg:last-child{margin-left:auto}@media (max-width:1100px){.about-hero-grid{gap:28px}.about-intro{gap:48px}.about-principles-grid{grid-template-columns:minmax(0,1fr);gap:16px}.about-principle{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:0 32px;padding:24px}.about-principle-art{grid-column:2;grid-row:1/4;align-self:center;width:120px;height:120px;margin:0}.about-principle .about-text-link,.about-principle h3,.about-principle p{grid-column:1}.about-principle h3{margin-bottom:8px}.about-principle p{margin-bottom:12px}.about-principle .about-text-link{border:0;padding-top:0;justify-content:flex-start}.about-company-card{padding:28px}.about-company-facts{grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr);gap:24px}.about-company-documents{gap:12px}.about-company-documents a{font-size:.875rem;gap:8px;padding:14px 12px}}@media (max-width:800px){.about-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.about-hero .h-display{font-size:clamp(2.125rem,6.1vw,3.75rem);max-width:720px}.about-hero .hero-sub{max-width:54ch}.about-hero-art{max-width:420px}.about-intro{grid-template-columns:minmax(0,1fr);gap:28px}.about-intro-copy{padding-top:0}.about-principle{grid-template-columns:minmax(0,1fr) 100px;gap:0 24px}.about-principle-art{width:100px;height:100px}.about-company-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.about-company-facts>div:first-child{grid-column:1/-1}.about-company-documents{grid-template-columns:minmax(0,1fr);gap:10px}.about-company-documents a{font-size:1rem;padding:16px}}@media (min-width:481px){.about-hero .hero-cta{flex-direction:row;align-items:center}.about-hero .hero-cta .btn{width:auto}}@media (max-width:480px){.about-hero .h-display{font-size:clamp(2rem,8.9vw,2.5rem);letter-spacing:-.04em}.about-hero .hero-cta{flex-direction:column;align-items:stretch}.about-principle{display:flex;padding:24px}.about-principle-art{align-self:flex-start;width:88px;height:88px;margin-bottom:20px}.about-company-card{padding:24px}.about-company-facts{grid-template-columns:minmax(0,1fr);gap:24px}}@media (prefers-reduced-motion:reduce){.about-company-documents a{transition:none}}