/* Two quiet future-product teasers, within the existing navigation. */
.nav nav .future-trigger{appearance:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:0;border:0;background:none;color:#d9dddc;font:inherit;cursor:pointer;white-space:nowrap}
.nav nav .future-trigger small{padding:0;border:0;color:#879193;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.nav nav .future-trigger:hover,.nav nav .future-trigger:focus-visible{color:#fff}
.future-trigger:focus-visible,.future-close:focus-visible,.future-play:focus-visible,.future-mobile-toggle:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.future-mobile-toggle{display:none;appearance:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;color:#d9dddc;background:none;cursor:pointer}
.future-mobile-toggle svg{width:21px;height:17px}
.nav-action-short{display:none}
.footer-soon.future-trigger{appearance:none;display:flex;align-items:flex-start;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer}
.footer-soon.future-trigger:hover{color:#fff}
.future-menu{inset:76px 20px auto auto;margin:0;width:240px;padding:8px;background:#111516;border:1px solid #ffffff20;color:#f1f3f2;border-radius:2px;box-shadow:0 12px 36px #0005}
.future-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 16px;border:0;color:inherit;background:transparent;font:inherit;font-size:14px;cursor:pointer}
.future-menu button:hover{background:#ffffff08}
.future-menu small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#849092}
.future-dialog{box-sizing:border-box;inset:96px 20px auto;margin:0 auto;width:min(780px,calc(100% - 40px));max-width:none;max-height:calc(100svh - 116px);padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff1c;border-radius:3px;background:#090b0c;color:#f3f4f3;box-shadow:0 24px 100px #0005}
.future-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}
.future-dialog[open]{animation:future-arrive .25s ease-out both}
.future-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:20px 28px 0}
.future-model{font-size:10px;letter-spacing:.18em;color:#8c9698;line-height:1;margin:0}
.future-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#b9c1c2;cursor:pointer}
.future-close:hover{color:#fff}
.future-close svg{width:17px;height:17px}
.future-media{position:relative;margin:-28px 0 0;height:clamp(200px,38svh,340px);overflow:hidden;background:#090b0c}
.future-video{display:block;width:100%;height:100%;object-fit:contain;background:#090b0c}
.future-play{position:absolute;right:29px;bottom:10px;display:flex;justify-content:center;align-items:center;width:34px;height:34px;border:1px solid #ffffff28;border-radius:50%;padding:0;background:#090b0c;color:#a5afb1;cursor:pointer}
.future-play svg{width:12px;height:12px}
.future-play [data-play-icon]{display:none}
.future-play[aria-pressed="false"] [data-play-icon]{display:block}
.future-play[aria-pressed="false"] [data-pause-icon]{display:none}
.future-copy{padding:0 48px 36px;margin-top:-12px;position:relative}
.future-copy h2{margin:0 0 13px;font-size:clamp(48px,7.2vw,74px);font-weight:200;letter-spacing:-.055em;line-height:1.08}
.future-copy p{margin:0;color:#aab2b4;font-size:17px;font-weight:300;line-height:1.5;letter-spacing:-.015em}
.future-bottom{margin:0 48px;padding:23px 0 26px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8a9597}
.future-sign{width:34px;height:1px;background:#c7cdce}
.future-dialog[data-product="gloed"] .future-sign{background:#ba683c}
html.has-future-dialog{overflow:hidden}
.material-photo{object-fit:contain;background:#e9eded}
@keyframes future-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){.nav{gap:18px;padding-inline:28px}.nav nav{gap:22px}.nav nav .future-trigger small{display:none}.nav-action{margin-left:0}}
@media(max-width:760px){.future-mobile-toggle{display:flex;margin-left:auto}.nav-action{margin-left:0}.future-menu{top:68px}.future-dialog{top:76px;max-height:calc(100svh - 88px);width:calc(100% - 24px);inset-inline:12px}.future-top{padding:13px 20px 0}.future-media{margin-top:-18px;height:auto;aspect-ratio:16/9}.future-copy{padding:12px 28px 30px;margin-top:0}.future-copy h2{font-size:54px}.future-copy p{font-size:16px}.future-bottom{margin-inline:28px;padding-block:21px}.future-play{right:18px;bottom:4px}}
@media(max-width:500px){.nav-action-label{display:none}.nav-action-short{display:inline}.nav-action{gap:10px}.nav{gap:8px}.nav .brand{font-size:14px}}
@media(max-width:400px){.nav{padding-inline:12px;gap:6px}.nav .brand{font-size:13px}.nav-action{padding-inline:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.future-dialog[open]{animation:none}.future-dialog::backdrop{backdrop-filter:none}}
