.brand-home{color:#0f172a;background:0 0;overflow:clip}.dark .brand-home{color:#f8fafc}.brand-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:0;max-width:1600px;min-height:800px;margin:auto;padding:150px 32px 65px;display:grid}.brand-home-hero-copy{z-index:1;padding-left:12px;position:relative}.brand-home-hero h1{font-family:var(--font-space-grotesk);letter-spacing:-.065em;max-width:720px;margin:0;font-size:clamp(64px,6.6vw,100px);font-weight:600;line-height:1.01}.brand-home-hero h1 span{color:#087c8f}.dark .brand-home-hero h1 span{color:#67e8f9}.brand-home-hero-copy p{color:#52667a;max-width:560px;margin-top:28px;font-size:clamp(16px,1.5vw,21px);line-height:1.75}.dark .brand-home-hero-copy p{color:#a3b2c7}.brand-home-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:34px;display:flex}.brand-home-actions :is(a,button){white-space:nowrap;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:17px 25px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.brand-home-actions :is(a,button):hover{transform:translateY(-2px)}.brand-home-actions :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #06b6d4}.brand-home-primary{color:#fff;background:#087c8f;border:1px solid #0000}.dark .brand-home-primary{color:#020617;background:#67e8f9}.brand-home-secondary{color:#0f172a;border:1px solid #cbd5e1}.dark .brand-home-secondary{color:#f1f5f9;border-color:#334155}.brand-home-hero-art{width:112%;margin:0 0 0 -5%;position:relative}.brand-home-hero-art img{border-radius:22px;width:100%;height:auto;display:block}.dark .brand-home-hero-art img{border-radius:0}.dark :is(.brand-home-hero-art,.brand-home-art){mix-blend-mode:screen;background:0 0;border-color:#0000}.brand-home-art{background:#020617;border:1px solid #1a3041;border-radius:22px;margin:0;overflow:hidden}.brand-home-art img{width:100%;height:auto;display:block}.brand-home-engineering{min-width:0}.brand-home-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.brand-home-principles h3{font-family:var(--font-space-grotesk);letter-spacing:-.03em;margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.4}.brand-home-principles p{color:#52667a;font-size:12px;line-height:1.8}.dark .brand-home-principles p{color:#a3b2c7}.brand-home-atelier-art{width:100%}.dark .brand-home-atelier-art img{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 90%,#0000),linear-gradient(#0000,#000 10% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 90%,#0000),linear-gradient(#0000,#000 10% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:1600px){.brand-home-hero{min-height:900px}}@media (max-width:1023px){.brand-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:700px;padding-inline:24px}.brand-home-hero h1{font-size:70px}.brand-home-hero-art{width:115%;margin-left:-10%}.brand-home-hero-copy{padding-left:0}.brand-home-actions :is(a,button){padding:15px 18px;font-size:12px}.brand-home-hero-copy p{font-size:16px}}@media (max-width:767px){.brand-home-hero{grid-template-columns:1fr;gap:22px;min-height:0;padding:126px 24px 35px}.brand-home-hero h1{max-width:600px;font-size:clamp(53px,12vw,78px)}.brand-home-hero-copy p{max-width:480px;margin-top:22px;font-size:16px}.brand-home-actions{gap:12px;margin-top:26px}.brand-home-hero-art{width:calc(100% + 24px);margin:0 -12px}.brand-home-hero-art img{border-radius:15px}.brand-home-principles{gap:18px}.brand-home-principles h3{font-size:15px}.brand-home-principles p{font-size:11px}.brand-home-art{border-radius:15px}}@media (max-width:400px){.brand-home-actions{flex-direction:column;align-items:stretch}.brand-home-actions :is(a,button){width:100%}.brand-home-principles{grid-template-columns:1fr;gap:20px}.brand-home-principles p{font-size:13px}.brand-home-hero{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.brand-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.light .brand-home-hero{gap:32px}.light .brand-home-hero-art{width:100%;margin-left:0}@media (max-width:767px){.light .brand-home-hero{gap:24px}}