@font-face{font-family:DMSans;src:url('assets/dm-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;scroll-padding-top:20px}body{margin:0;background:#f7f7f2;color:#171717;font-family:DMSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#c3b4f6;color:#151219}a{color:inherit}a:focus-visible{outline:3px solid #9d79ff;outline-offset:7px}.page{min-height:100svh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1520px;padding-left:5.6vw;padding-right:5.6vw;margin-left:auto;margin-right:auto}
.header{min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:block;width:116px;height:58px}.brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:38px;font-size:12px}.header nav a{display:flex;align-items:center;gap:17px;padding:13px 0;text-decoration:none}.header nav span{font-size:20px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}main{flex:1;display:flex;flex-direction:column}
.intro{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:11%;padding-top:57px;padding-bottom:79px;min-height:485px}.intro h1{font-size:clamp(85px,9.5vw,144px);line-height:.93;letter-spacing:-.045em;font-weight:500;margin:0}.mtr-name{display:block;margin-top:12px}.intro-copy{max-width:445px}.intro-copy h2{font-size:clamp(27px,2.4vw,35px);line-height:1.2;letter-spacing:-.015em;font-weight:500;margin:0 0 24px}.intro-copy p{font-size:clamp(19px,1.7vw,25px);line-height:1.55;letter-spacing:-.012em;margin:0;color:#57564f}
.brands{background:#151419;color:#faf9f5}.brand-heading{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:24px;border-bottom:1px solid #ffffff23;gap:20px}.brand-heading h2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin:0;color:#bcb8c8}.brand-heading>span{font-size:10px;letter-spacing:.07em;color:#bcb8c8;text-transform:uppercase}.brand-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:11%;align-items:center;padding-top:47px;padding-bottom:50px}.electric-identity{display:flex;align-items:center;gap:22px}.electric-identity img{width:87px;height:87px}.electric-identity h3{margin:0;font-size:clamp(42px,4.7vw,65px);font-weight:550;letter-spacing:-.035em}.brand-description>p{font-size:18px;line-height:1.55;letter-spacing:-.008em;color:#cec9d7;margin:0;max-width:435px}.visit{display:inline-flex;align-items:center;gap:47px;text-decoration:none;font-size:14px;border-bottom:1px solid #938b9f;padding:9px 0 12px;margin-top:21px;white-space:nowrap}.visit-arrow{font-size:25px;line-height:1}.visit:hover .visit-arrow{transform:translate(3px,-3px)}
footer{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:10px;color:#696961}footer p{margin:0}.skip{position:absolute;top:-100px;left:20px;z-index:4;background:#151419;color:#fff;padding:14px}.skip:focus{top:10px}@media(prefers-reduced-motion:no-preference){.visit-arrow{transition:transform .2s}}
@media(max-width:1000px){.intro{gap:7%;min-height:445px;padding-top:42px;padding-bottom:58px}.brand-feature{gap:7%}.electric-identity{gap:13px}.electric-identity img{width:65px;height:65px}.brand-description>p{font-size:16px}}
@media(max-width:700px){.wrap{padding-left:7vw;padding-right:7vw}.header{min-height:84px}.brand{width:91px;height:46px}.header nav{font-size:11px;gap:22px}.header nav a{gap:9px}.header nav a:first-child{display:none}.intro{grid-template-columns:1fr;gap:35px;align-content:center;padding-top:33px;padding-bottom:43px;min-height:0}.intro h1{font-size:clamp(77px,23vw,120px);line-height:.92;letter-spacing:-.035em}.mtr-name{margin-top:7px}.intro-copy{max-width:none}.intro-copy h2{font-size:27px;margin-bottom:15px}.intro-copy p{font-size:18px;line-height:1.6;max-width:440px}.brand-heading{padding-top:23px;padding-bottom:23px;gap:12px}.brand-heading h2{font-size:9px}.brand-heading>span{font-size:8px;letter-spacing:.04em}.brand-feature{grid-template-columns:1fr;gap:26px;padding-top:31px;padding-bottom:35px}.electric-identity img{width:56px;height:56px}.electric-identity h3{font-size:43px}.brand-description>p{font-size:17px;max-width:410px}.visit{font-size:13px;gap:46px;margin-top:20px}footer{flex-direction:column;gap:7px;padding-top:19px;padding-bottom:19px;font-size:9px}}