:root{--teaser-bg:#000;--teaser-ink:#f3f3f3;--teaser-muted:#b4b4b8;--teaser-focus:#a8d7d4;--teaser-title:clamp(2.625rem, 2.1rem + 2.8vw, 4.75rem);--teaser-top:clamp(3.5rem, 9svh, 6rem);--teaser-gutter:1.5rem;--teaser-phone-title:clamp(2.25rem, 11.2vw, 3.25rem);--teaser-phone-closing:clamp(1.875rem, 8vw, 2.25rem);--teaser-display:"Intension Teaser Display", "Helvetica Neue", Arial, sans-serif}@font-face{font-family:Intension Teaser Display;src:url(/teaser/NeueHaasDisplayLight.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}html:has(.desktop-teaser),body.theme-dark:has(.desktop-teaser){background:var(--teaser-bg);color:var(--teaser-ink);color-scheme:dark}body:has(.desktop-teaser) .wl__msg{color:var(--teaser-muted);text-wrap:balance;max-width:min(25rem,100vw - 3rem)}.teaser-experience{display:contents}.desktop-teaser{background:var(--teaser-bg);min-height:100svh;color:var(--teaser-ink);padding-block:var(--teaser-top) 7.5rem;text-align:center;overflow:clip}.desktop-teaser--overview{--teaser-top:clamp(8rem, 14svh, 10rem)}body.theme-dark:has(.desktop-teaser--overview) .siteheader .siteheader__scrim{background:linear-gradient(#000 0%,#000000a3 44%,#0000 100%)}@supports not (backdrop-filter:blur(1px)){body:has(.desktop-teaser--overview) .siteheader .siteheader__blur{background:linear-gradient(#000,#0000)}}.teaser-copy{z-index:1;padding-inline:var(--teaser-gutter);margin-inline:auto;position:relative}.desktop-teaser .mac-badge{padding:6px 12px;-webkit-backdrop-filter:none!important;background:0 0!important}.desktop-teaser .mac-badge .btn__label{mix-blend-mode:plus-lighter;align-items:center;gap:8px;display:inline-flex}.desktop-teaser .mac-badge__logo{color:#ffffff80;flex-shrink:0;transform:translateY(-1.5px)}.desktop-teaser .mac-badge__text{color:#ffffff80;font-weight:500}.desktop-teaser h1{font-family:var(--teaser-display);font-weight:300;font-size:var(--teaser-title);letter-spacing:-.035em;color:var(--teaser-ink);text-wrap:balance;margin:13px 0 0;line-height:1.04}.desktop-teaser h1 span{display:block}.teaser-description{font-family:var(--font-body);color:var(--teaser-muted);text-wrap:balance;max-width:28rem;margin:1.25rem auto 0;font-size:1rem;line-height:1.5}.teaser-film{width:min(100%,75rem);opacity:var(--teaser-film-opacity,1);-webkit-mask-composite:source-in;margin:clamp(2.5rem,6svh,4.5rem) auto 0;margin-bottom:calc(-1 * var(--teaser-film-tail,0px));position:relative;overflow:clip;mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 4% 72%,#0000);mask-composite:intersect}.teaser-film video,.teaser-film img{aspect-ratio:32/9;object-fit:cover;background:var(--teaser-bg);width:100%;height:auto;display:block}.teaser-film [data-teaser-ambient]{opacity:0;pointer-events:none;height:100%;transition:opacity .45s;position:absolute;inset:0}.teaser-film.is-ambient [data-teaser-ambient]{opacity:1}.desktop-teaser :is(a,button):focus-visible{outline:2px solid var(--teaser-focus);outline-offset:4px}.teaser-mark{color:inherit;display:inline-flex}.teaser-mark img{width:2rem;height:2rem}.desktop-teaser--thanks{--teaser-film-tail:calc(.07875 * min(100%, 75rem));flex-direction:column;justify-content:center;padding-block:2rem;display:flex}.desktop-teaser--thanks h1{margin-top:1.75rem}@media (width<=480px){body:has(.desktop-teaser--overview) .siteheader .nav{gap:.25rem;padding-inline:1rem}body:has(.desktop-teaser--overview) .siteheader .nav__link{padding-inline:1rem}.teaser-description{max-width:30ch}}@media (width<=768px),(hover:none) and (pointer:coarse){html:has(.desktop-teaser:not(.desktop-teaser--thanks)){scroll-snap-type:y mandatory}.desktop-teaser,.desktop-teaser--thanks{--teaser-film-tail:calc(.1125 * min(100%, 42rem))}.desktop-teaser:not(.desktop-teaser--thanks){scroll-snap-align:start}.desktop-teaser:not(.desktop-teaser--thanks)~.teaser-closing,.teaser-experience>.teaser-closing{scroll-snap-align:end}.teaser-experience{isolation:isolate;background:var(--teaser-bg);display:block;position:relative}body:has(.desktop-teaser:not(.desktop-teaser--thanks)){min-height:0}body:has(.desktop-teaser:not(.desktop-teaser--thanks)) #main{min-height:0;display:block}body:has(.desktop-teaser--overview) .siteheader{top:env(safe-area-inset-top,0px);height:4rem;position:absolute}body:has(.desktop-teaser--overview) .siteheader__blur,body:has(.desktop-teaser--overview) .siteheader__scrim{display:none}.desktop-teaser:not(.desktop-teaser--thanks){z-index:1;--teaser-title:var(--teaser-phone-title);--teaser-top:calc(3rem + env(safe-area-inset-top,0px));min-height:100svh;padding-bottom:var(--teaser-top);opacity:var(--teaser-hero-opacity,1);transform:translate3d(0, var(--teaser-hero-lift,0px), 0);background:0 0;flex-direction:column;flex:none;justify-content:center;display:flex;position:relative}.desktop-teaser.desktop-teaser--overview{--teaser-top:calc(6rem + env(safe-area-inset-top,0px))}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-copy{max-width:34rem;padding-inline:max(var(--teaser-gutter), env(safe-area-inset-left,0px)) max(var(--teaser-gutter), env(safe-area-inset-right,0px))}.desktop-teaser:not(.desktop-teaser--thanks) h1{margin-top:1rem}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-description{max-width:30ch;margin-top:1.5rem;line-height:1.55}.teaser-film{-webkit-mask-composite:source-over;width:min(100%,42rem);margin-top:2rem;mask-image:url(/teaser/film-feather.svg);mask-size:100% 100%;mask-composite:add}.teaser-film :is(video,img){width:100%;margin:0}}@media (width>=560px) and (width<=768px) and (height<=500px) and (orientation:landscape),(width>=560px) and (hover:none) and (pointer:coarse) and (height<=500px) and (orientation:landscape){.desktop-teaser:not(.desktop-teaser--thanks){--teaser-title:clamp(2rem, 4.7vw, 2.75rem);padding-inline:max(1.5rem, env(safe-area-inset-left,0px)) max(1.5rem, env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:1.5rem;display:grid}.desktop-teaser.desktop-teaser--overview{--teaser-top:calc(5rem + env(safe-area-inset-top,0px))}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-copy{padding-inline:0}.desktop-teaser:not(.desktop-teaser--thanks) h1{margin-top:.75rem}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-description{max-width:30ch;margin-top:.875rem;font-size:.9375rem}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-film{margin:0}}@media (width>=800px) and (hover:none) and (pointer:coarse) and (height<=500px) and (orientation:landscape){.desktop-teaser:not(.desktop-teaser--thanks){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.desktop-teaser:not(.desktop-teaser--thanks) .teaser-film{max-width:30rem}}@media (prefers-reduced-motion:reduce){.desktop-teaser *,.desktop-teaser :before,.desktop-teaser :after{transition:none!important;animation:none!important}}
