*{box-sizing:border-box}html{margin:0;background:#000;color:#f5f5f7;font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;scroll-padding-top:52px;-webkit-font-smoothing:antialiased}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}.topbar{height:52px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;padding:0 max(6.25%,24px);background:#000;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.wordmark{text-decoration:none;color:#f5f5f7;font-size:21px;font-weight:600;line-height:24px;letter-spacing:.231px}main{padding-top:52px}.hero{position:relative;width:100%;aspect-ratio:16/9;background:#474747;overflow:hidden}.hero video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.explorer{width:100%;padding:80px 6.25% 96px;background:#000}.explorer-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(260px,29.4%) minmax(0,1fr);gap:40px;align-items:center}.feature-controls{min-width:0}.features{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.feature-item{max-width:100%;width:max-content;background:#1d1d1f;border-radius:28px;overflow:hidden}.feature-item.is-active{width:100%;background:#262628}.feature{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 32px 0 14px;border-radius:28px;background:transparent;text-align:left;font-size:17px;font-weight:600;line-height:21px;letter-spacing:-.374px;white-space:nowrap}.feature:hover{background:rgba(255,255,255,.045)}.plus{width:24px;height:24px;flex:0 0 24px;border:1.4px solid #d2d2d7;border-radius:50%;position:relative}.plus:before,.plus:after{content:"";position:absolute;top:10px;left:6px;right:6px;height:1.5px;border-radius:1px;background:#d2d2d7}.plus:after{transform:rotate(90deg)}[aria-expanded=true] .plus{transform:rotate(45deg)}.feature-copy{padding:0 28px 28px}.feature-copy p{font-size:17px;font-weight:400;color:#b8b8bd;line-height:25px;letter-spacing:-.374px;margin:0}.mobile-copy{display:none}.visual-column{min-width:0}.feature-card{position:relative;width:100%;aspect-ratio:4/3;border-radius:28px;background:#000;border:1px solid rgba(255,255,255,.18);overflow:hidden;isolation:isolate}.image-frame{position:absolute;inset:0;width:100%;height:100%}.image-frame img,.image-frame video,.image-frame svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.image-frame img{z-index:1}.image-frame video{z-index:2}.image-frame .annotations{z-index:3;pointer-events:none}.image-frame #back-annotations{z-index:0}.annotations{fill:none;stroke:#f5f5f7;stroke-linecap:round;stroke-linejoin:round}.annotations path,.annotations circle,.annotations line{vector-effect:non-scaling-stroke;stroke-width:1}.annotations text{stroke:none;fill:#e5e5e5;font:22px -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:0}.expression-controls{display:flex;justify-content:center;gap:12px;margin-top:24px}.expression-controls button{font-size:14px;font-weight:600;line-height:18px;letter-spacing:-.224px;padding:12px 20px;border-radius:24px;background:#1d1d1f;color:#b8b8bd}.expression-controls [aria-pressed=true]{background:#f5f5f7;color:#1d1d1f}.wave{animation:sound-wave 2.8s ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes sound-wave{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1600px){.explorer-layout{grid-template-columns:423px minmax(0,1fr);gap:56px}}
@media(min-width:735px) and (max-width:1068px){.explorer{padding:64px 4% 80px}.explorer-layout{grid-template-columns:260px minmax(0,1fr);gap:24px}.feature-card{aspect-ratio:4/3}.feature-copy{padding:0 24px 24px}}
@media(max-width:734px){html{scroll-padding-top:48px}.topbar{height:48px;padding:0 24px}.wordmark{font-size:19px;line-height:23px;letter-spacing:.228px}main{padding-top:48px}.hero{aspect-ratio:16/9}.explorer{padding:48px 0 64px}.explorer-layout{display:flex;flex-direction:column;gap:24px}.visual-column{order:0;width:calc(100% - 48px)}.feature-card{border-radius:28px;aspect-ratio:4/3}.feature-controls{order:1;width:100%}.features{display:flex;flex-direction:row;align-items:flex-start;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 24px;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch}.features::-webkit-scrollbar{display:none}.feature-item,.feature-item.is-active{width:max-content;max-width:none;flex:0 0 auto;border-radius:28px}.feature{height:56px;min-height:56px;padding:0 32px 0 16px;font-size:14px;font-weight:600;line-height:18px;letter-spacing:-.224px;gap:14px}.feature-copy{display:none!important}.mobile-copy{display:block;margin:24px 24px 0;padding:24px;background:#262628;border-radius:28px;min-height:108px;font-size:14px;line-height:20px;letter-spacing:-.224px;color:#b8b8bd}.mobile-copy p{margin:0}.mobile-copy strong{font-weight:600;color:#f5f5f7}.expression-controls{gap:8px;margin-top:20px}.expression-controls button{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.wave{animation:none}}
.attention-highlight{position:relative;isolation:isolate;overflow:hidden;background:#e4e4df;color:#181b1e;padding:104px 6.25% 84px}.attention-highlight:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.7'/%3E%3C/svg%3E")}.attention-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;max-width:1600px;margin:auto;align-items:center}.attention-copy{padding:0 0 48px;max-width:570px}.attention-copy h2{font-size:clamp(42px,4.9vw,78px);font-weight:500;line-height:1.03;letter-spacing:-.055em;margin:0 0 35px}.attention-copy p{font-size:clamp(17px,1.55vw,23px);font-weight:400;line-height:1.5;letter-spacing:-.025em;margin:0;color:#4d5153;max-width:470px}.attention-copy strong{font-weight:500;color:#1b1e20}.attention-visual{min-width:0;margin:0}.attention-stage{position:relative;width:100%;aspect-ratio:8/9;overflow:hidden;background:#19232e}.attention-stage video{display:block;width:100%;height:100%;object-fit:cover}.attention-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:13px;line-height:20px;letter-spacing:-.01em;color:#5e6467;min-height:20px}.attention-progress{display:flex;align-items:center;gap:7px}.attention-progress i{display:block;width:5px;height:5px;border-radius:4px;background:#b0b6b7;transition:width .3s,background .3s}.attention-progress i.active{width:22px;background:#365465}
@media(max-width:1068px) and (min-width:735px){.attention-highlight{padding:72px 4% 64px}.attention-layout{gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.attention-copy h2{font-size:44px;letter-spacing:-.05em}.attention-copy p{font-size:17px}.attention-copy{padding-bottom:36px}}
@media(max-width:734px){.attention-highlight{padding:64px 24px 48px}.attention-layout{display:flex;flex-direction:column;gap:36px;align-items:stretch}.attention-copy{padding:0;max-width:520px}.attention-copy h2{font-size:45px;line-height:1.03;letter-spacing:-.05em;margin-bottom:24px}.attention-copy p{font-size:17px;line-height:1.5;max-width:100%}.attention-caption{font-size:12px;margin-top:17px}.attention-stage{aspect-ratio:8/9}}
@media(prefers-reduced-motion:reduce){.attention-progress i{transition:none}}
/* Original supplied artwork, displayed white against the black header. */
.wordmark{display:block;position:relative;width:184px;height:44px;overflow:hidden;flex-shrink:0}.wordmark img{position:absolute;display:block;width:214px;max-width:none;height:auto;left:-13px;top:-8px;filter:grayscale(1) invert(1) brightness(1.35);mix-blend-mode:screen}
/* Match the supplied brand artwork and its white background. */
html,body,main,.topbar,.hero,.explorer,.attention-highlight{background:#fff}.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}.wordmark img{filter:none;mix-blend-mode:normal}.attention-highlight:before{display:none}
/* More breathing room above and below the unchanged logo. */
.topbar{height:76px}main{padding-top:76px}html{scroll-padding-top:76px}
@media(max-width:734px){.topbar{height:72px}main{padding-top:72px}html{scroll-padding-top:72px}}
.topbar{justify-content:center}
/* Dark wine artwork with the white image background removed at display time. */
html,body,main,.topbar,.hero,.explorer,.attention-highlight{background:#000}.wordmark img{filter:url(#wine-logo);mix-blend-mode:normal}.attention-highlight{color:#f5f5f7}.attention-copy p,.attention-caption{color:#b8b8bd}.attention-copy strong{color:#f5f5f7}
/* Change only the dwellers wordmark weight while preserving the original image details. */
.wordmark:after{content:"";position:absolute;left:89px;top:12px;width:87px;height:21px;background:#000;z-index:1;pointer-events:none}.wordmark>strong{position:absolute;z-index:2;left:91px;top:10px;color:#d9d9d9;font-size:21px;font-weight:600;line-height:24px;letter-spacing:.231px;white-space:nowrap}