@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;900&family=Chakra+Petch:ital,wght@1,700&family=DM+Mono:wght@400;500&display=swap";.m1{--hommie-blue:#0257da;--hommie-blue-tint:#e3ecfd;--ice-100:#f4f8f9;--ice-200:#e3ecec;--ice-300:#dae7e9;--ice-400:#c6d2d6;--grey-500:#96a5ab;--grey-700:#748899;--ink-900:#070807;--ink-700:#242a2c;--ink-500:#4d5559;--ink-300:#8a9296;--paper:#ffffff;--border-hairline:#e6eaeb;--status-error:#c0261f;--font-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--font-techno:"Chakra Petch","Archivo",sans-serif;--font-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--size-hero:clamp(44px,7.2vw,104px);--size-display:clamp(34px,4.6vw,64px);--size-h2:28px;--size-h3:20px;--size-body-lg:18px;--size-body:16px;--size-body-sm:14px;--size-label:11px;--track-hero:-.03em;--track-display:-.02em;--track-label:.18em;--gutter:24px;--section-y:96px;--page-max:1440px;--shadow-focus:0 0 0 2px var(--paper),0 0 0 4px var(--hommie-blue);--scrim-photo:linear-gradient(180deg,rgba(7,8,7,0) 40%,rgba(7,8,7,.55) 100%);--ease-standard:cubic-bezier(.2,.6,.2,1);--dur-fast:.16s;--dur-base:.26s;--dur-marquee:26s;--press-scale:.985;background:var(--ice-100);color:var(--ink-900);font:400 var(--size-body)/1.62 var(--font-display);-webkit-font-smoothing:antialiased}.m1 *,.m1 *:before,.m1 *:after{box-sizing:border-box}.m1 h1,.m1 h2,.m1 h3,.m1 p,.m1 dl,.m1 dd,.m1 figure{margin:0}.m1 h1,.m1 h2,.m1 h3{font-family:var(--font-display);letter-spacing:var(--track-display);text-wrap:balance;color:var(--ink-900)}.m1 img,.m1 video{display:block;max-width:100%}.m1 :focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(prefers-reduced-motion:reduce){.m1{--dur-fast:0ms;--dur-base:0ms}}.m1-wrap{max-width:var(--page-max);margin:0 auto;padding-left:16px;padding-right:16px}@media(min-width:720px){.m1-wrap{padding-left:48px;padding-right:48px}}.m1-label{font:500 var(--size-label)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-500)}.m1-paper{background:var(--paper)}.m1-section{padding-block:var(--section-y);border-top:1px solid var(--border-hairline)}.m1-btn{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;text-decoration:none;padding:18px 26px;border:1px solid var(--ink-900);background:var(--ink-900);color:var(--paper);cursor:pointer;border-radius:0;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.m1-btn:hover{background:var(--hommie-blue);border-color:var(--hommie-blue);color:var(--paper)}.m1-btn:active{transform:scale(var(--press-scale))}.m1-btn--ghost{background:transparent;color:var(--ink-900)}.m1-btn--ghost:hover{background:var(--ink-900);border-color:var(--ink-900)}.m1-marquee{background:var(--ink-900);overflow:hidden}.m1-marquee__track{display:flex;width:max-content;animation:m1-marquee var(--dur-marquee) linear infinite}.m1-marquee span{font-family:var(--font-techno);font-style:italic;font-weight:700;font-size:15px;text-transform:lowercase;padding:12px 0;white-space:nowrap;color:var(--paper)}.m1-marquee i{font-style:normal;color:var(--hommie-blue);padding:0 18px}@keyframes m1-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.m1-marquee__track{animation:none}}.m1-hero{padding-block:64px 48px}.m1-hero__grid{display:grid;gap:32px}@media(min-width:960px){.m1-hero__grid{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:end}.m1-hero__copy{grid-column:1/8}.m1-hero__aside{grid-column:9/13}}.m1-hero__copy .m1-label{display:block;margin-bottom:24px}.m1-hero h1{font-weight:900;font-size:var(--size-hero);line-height:.94;letter-spacing:var(--track-hero);text-transform:lowercase}.m1-hero h1 em{font-style:normal;color:var(--hommie-blue)}.m1-hero__aside{display:grid;gap:24px}.m1-hero__aside p{font-size:var(--size-body-lg);color:var(--ink-700);max-width:42ch}.m1-actions{display:flex;gap:12px;flex-wrap:wrap}.m1-hero__media{margin-top:48px;position:relative;background:var(--ice-300);border:1px solid var(--border-hairline)}.m1-hero__media img{width:100%;aspect-ratio:16/8;object-fit:cover;height:auto}.m1-hero__media figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding:64px 24px 16px;background:var(--scrim-photo)}.m1-hero__media figcaption .m1-label{color:var(--paper)}.m1-placeholder{aspect-ratio:16/8;display:grid;place-items:center;background:var(--ice-300)}.m1-placeholder svg{width:40%;height:auto;fill:var(--ice-400)}.m1-head{display:grid;gap:16px;margin-bottom:48px}@media(min-width:960px){.m1-head{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:end}.m1-head h2{grid-column:1/8}.m1-head p{grid-column:9/13}.m1-head .m1-label{grid-column:1/-1}}.m1-head h2{font-weight:700;font-size:var(--size-display);line-height:1.12;text-transform:lowercase}.m1-head p{color:var(--ink-500);max-width:44ch}.m1-feature{display:grid;gap:32px}@media(min-width:960px){.m1-feature{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}.m1-feature__media{grid-column:1/9}.m1-feature__copy{grid-column:9/13}}.m1-video{position:relative;aspect-ratio:16/9;background:var(--ink-900);overflow:hidden;display:grid;place-items:center}.m1-video video,.m1-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.m1-video__empty{display:grid;gap:12px;justify-items:center;text-align:center;padding:24px;color:var(--paper)}.m1-video__empty .m1-label{color:var(--grey-500)}.m1-feature__copy{display:grid;gap:24px}.m1-feature__copy h3{font:700 var(--size-h2)/1.16 var(--font-display);text-transform:lowercase}.m1-feature__copy p{color:var(--ink-700)}.m1-spec{border-top:1px solid var(--ink-900)}.m1-spec div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-hairline)}.m1-spec dt{font:500 var(--size-label)/1.6 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-500)}.m1-spec dd{font-size:var(--size-body-sm)}.m1-steps{display:grid;border-top:1px solid var(--ink-900)}@media(min-width:720px){.m1-steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.m1-steps{grid-template-columns:repeat(4,1fr)}}.m1-step{padding:24px 24px 32px 0;border-bottom:1px solid var(--border-hairline);display:grid;gap:12px;align-content:start}@media(min-width:720px){.m1-step+.m1-step{padding-left:24px;border-left:1px solid var(--border-hairline)}}.m1-step__num{font:500 13px/1 var(--font-mono);color:var(--hommie-blue)}.m1-step h3{font:600 var(--size-h3)/1.25 var(--font-display);text-transform:lowercase}.m1-step p{color:var(--ink-500);font-size:var(--size-body-sm)}.m1-caps{display:grid;border-top:1px solid var(--ink-900)}@media(min-width:720px){.m1-caps{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.m1-caps{grid-template-columns:repeat(3,1fr)}}.m1-cap{padding:32px 24px 32px 0;border-bottom:1px solid var(--border-hairline);display:grid;gap:12px;align-content:start}.m1-cap h3{font:700 var(--size-h2)/1.16 var(--font-display);text-transform:lowercase}.m1-cap p{color:var(--ink-500);max-width:40ch}.m1-work{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.m1-work figure{display:grid;gap:12px}.m1-shot{aspect-ratio:4/5;background:var(--ice-300);border:1px solid var(--border-hairline);overflow:hidden;display:grid;place-items:center}.m1-shot img{width:100%;height:100%;object-fit:cover}.m1-work figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.m1-work figcaption strong{font:600 var(--size-body)/1.3 var(--font-display)}.m1-faq{border-top:1px solid var(--ink-900);max-width:900px}.m1-faq details{border-bottom:1px solid var(--border-hairline)}.m1-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:24px 0;font:600 var(--size-h3)/1.3 var(--font-display)}.m1-faq summary::-webkit-details-marker{display:none}.m1-faq summary span{font-family:var(--font-mono);color:var(--hommie-blue);transition:transform var(--dur-base) var(--ease-standard)}.m1-faq details[open] summary span{transform:rotate(180deg)}.m1-faq details div{padding-bottom:24px;color:var(--ink-700);max-width:62ch}.m1-form-grid{display:grid;gap:48px}@media(min-width:960px){.m1-form-grid{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}.m1-form-intro{grid-column:1/6}.m1-form-body{grid-column:7/13}}.m1-form-intro{display:grid;gap:24px;align-content:start}.m1-form-intro h2{font-weight:700;font-size:var(--size-display);line-height:1.12;text-transform:lowercase}.m1-form-intro p{color:var(--ink-500);max-width:40ch}.m1-form,.m1-row{display:grid;gap:32px}@media(min-width:600px){.m1-row{grid-template-columns:1fr 1fr}}.m1-field{display:grid;gap:8px;min-width:0;border:0;margin:0;padding:0}.m1-field label,.m1-field legend{font:500 var(--size-label)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-500);padding:0}.m1-field input,.m1-field select,.m1-field textarea{font:400 var(--size-body)/1.4 var(--font-display);color:var(--ink-900);background:transparent;border:0;border-bottom:1px solid var(--ink-900);border-radius:4px 4px 0 0;padding:10px 2px;width:100%;box-shadow:none;min-height:0}.m1-field textarea{resize:vertical;min-height:96px}.m1-field input:focus,.m1-field select:focus,.m1-field textarea:focus{border-bottom-color:var(--hommie-blue);outline:none}.m1-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.m1-chips label{font:500 var(--size-label)/1 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-900);border:1px solid var(--ice-400);padding:12px 14px;cursor:pointer;position:relative}.m1-chips input{position:absolute;opacity:0;pointer-events:none}.m1-chips label:has(input:checked){background:var(--ink-900);border-color:var(--ink-900);color:var(--paper)}.m1-chips label:has(input:focus-visible){box-shadow:var(--shadow-focus)}.m1-note{border:1px solid var(--ink-900);padding:24px;display:grid;gap:8px}.m1-note--error{border-color:var(--status-error);color:var(--status-error)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/m1-brand.css.map */