.x0nnwa_stage{--fx:clamp(10px, 1.7vw, 24px);--fb:64px;--cut:clamp(16px, 2vw, 26px);--line:#ffffff29;isolation:isolate;background:var(--night) url(/images/hero/hero-interiors-m.jpg) center / cover no-repeat;color:#fff;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}@media (min-width:768px){.x0nnwa_stage{background-image:url(/images/hero/hero-interiors.jpg)}}.x0nnwa_bg{z-index:-2;transform-origin:50%;will-change:transform;backface-visibility:hidden;position:absolute;inset:0}.x0nnwa_bg video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.x0nnwa_bg video.x0nnwa_on{opacity:1}.x0nnwa_shade{z-index:-1;pointer-events:none;background:linear-gradient(#011004b8 0%,#0110042e 22%,#0110041f 46%,#011004c7 78%,#011004f0 100%),linear-gradient(90deg,#0110049e 0%,#0110042e 58%,#01100447 100%);position:absolute;inset:0}.x0nnwa_frame{left:var(--fx);right:var(--fx);top:calc(var(--header-h) + 4px);pointer-events:none;position:absolute;bottom:14px}.x0nnwa_ln{background:var(--line);position:absolute}.x0nnwa_lnT{left:var(--cut);right:var(--cut);height:1px;top:0}.x0nnwa_lnB{left:var(--cut);right:var(--cut);height:1px;bottom:0}.x0nnwa_lnL{top:var(--cut);bottom:var(--cut);width:1px;left:0}.x0nnwa_lnR{top:var(--cut);bottom:var(--cut);width:1px;right:0}.x0nnwa_cn{width:var(--cut);height:var(--cut);position:absolute}.x0nnwa_cnTL{background:linear-gradient(to bottom right, transparent calc(50% - .65px), var(--line) calc(50% - .65px), var(--line) calc(50% + .65px), transparent calc(50% + .65px));top:0;left:0}.x0nnwa_cnBR{background:linear-gradient(to bottom right, transparent calc(50% - .65px), var(--line) calc(50% - .65px), var(--line) calc(50% + .65px), transparent calc(50% + .65px));bottom:0;right:0}.x0nnwa_cnTR{background:linear-gradient(to bottom left, transparent calc(50% - .65px), var(--line) calc(50% - .65px), var(--line) calc(50% + .65px), transparent calc(50% + .65px));top:0;right:0}.x0nnwa_cnBL{background:linear-gradient(to bottom left, transparent calc(50% - .65px), var(--line) calc(50% - .65px), var(--line) calc(50% + .65px), transparent calc(50% + .65px));bottom:0;left:0}.x0nnwa_rail{margin:calc(var(--header-h) + 14px) 0 0 calc(var(--fx) + 18px);grid-row:1;grid-template-rows:repeat(3,auto);grid-auto-flow:column;justify-content:start;column-gap:clamp(14px,6vw,40px);padding:0;list-style:none;display:grid}.x0nnwa_tab{cursor:pointer;min-height:44px;font-family:var(--font-chakra), sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#eef4ea99;background:0 0;border:0;align-items:center;padding:0 0 0 18px;font-size:.75rem;font-weight:700;line-height:1;transition:color .3s;display:flex;position:relative}.x0nnwa_tab:hover,.x0nnwa_tab[aria-selected=true]{color:#fff}.x0nnwa_tab .x0nnwa_t{white-space:pre;text-align:left;display:inline-block}.x0nnwa_mark{transform-origin:0;width:9px;height:11px;color:var(--leaf);transition:transform .3s var(--e-soft);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleX(0)}.x0nnwa_tab[aria-selected=true] .x0nnwa_mark{transform:translateY(-50%)scaleX(1)}.x0nnwa_hero{padding:0 calc(var(--fx) + 18px) calc(68px + 26px + env(safe-area-inset-bottom));grid-row:3}.x0nnwa_headline{color:#fff;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,.95rem + 4.1vw,4.4rem);font-weight:760;font-stretch:125%;line-height:.97}.x0nnwa_em{color:var(--leaf)}.x0nnwa_hrow{padding-bottom:.04em;display:block;overflow:hidden}.x0nnwa_hrise{transition:transform .5s var(--e-mask);display:block}.x0nnwa_blurb{max-width:54ch;color:var(--on-dark-dim);margin-top:18px;font-size:clamp(.975rem,.92rem + .22vw,1.0625rem);line-height:1.6;transition:opacity .4s,transform .4s}.x0nnwa_ctas{flex-wrap:wrap;gap:10px 12px;margin-top:24px;transition:opacity .4s;display:flex}.x0nnwa_glass{color:#fff;min-height:48px;font-family:var(--font-chakra), sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(3px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 3px),calc(100% - 3px) 100%,12px 100%,0 calc(100% - 12px),0 3px);background:#ffffff0f;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-flex;position:relative}.x0nnwa_glass:hover{background:#ffffff24}.x0nnwa_glassEdge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.x0nnwa_glassEdge path{fill:none;stroke:#ffffff57;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .3s}.x0nnwa_glass:hover .x0nnwa_glassEdge path{stroke:#fff9}.x0nnwa_note{color:var(--on-dark-dim);margin-top:14px;font-size:.8125rem}.x0nnwa_swapping .x0nnwa_hrise{transform:translateY(112%)}.x0nnwa_swapping .x0nnwa_blurb{opacity:0;transform:translateY(7px)}.x0nnwa_swapping .x0nnwa_ctas .x0nnwa_glass{opacity:.4}.x0nnwa_dock{display:none}.x0nnwa_pauseMobile{right:calc(var(--fx) + 12px);top:calc(var(--header-h) + 18px);z-index:2;color:#fff;cursor:pointer;min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-chakra), sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#021f0673;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute}.x0nnwa_pauseMobile svg{width:11px;height:11px}@media (max-width:399px){.x0nnwa_pauseText{display:none}}@media (min-width:640px){.x0nnwa_pauseMobile{display:none}.x0nnwa_hero{padding-bottom:calc(var(--fb) + 40px)}.x0nnwa_dock{left:var(--fx);right:var(--fx);z-index:1;justify-content:space-between;align-items:stretch;height:52px;display:flex;position:absolute;bottom:14px}.x0nnwa_rule{left:var(--cut);right:var(--cut);background:var(--line);height:1px;position:absolute;top:0}.x0nnwa_dock a,.x0nnwa_dock button{cursor:pointer;font-family:var(--font-chakra), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd6;background:0 0;border:0;align-items:center;gap:10px;padding:0 22px;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.x0nnwa_dock a:hover,.x0nnwa_dock button:hover{color:#fff}.x0nnwa_dock svg{flex:none}.x0nnwa_dockPause{border-right:1px solid #fff3}.x0nnwa_dockPause svg{width:11px;height:11px}.x0nnwa_dockScroll svg{width:6px;height:9px}.x0nnwa_dockTalk{border-left:1px solid #fff3}.x0nnwa_dockTalk svg{width:17px;height:17px;color:var(--leaf)}}@media (min-width:900px){.x0nnwa_stage{--fb:70px}.x0nnwa_rail{right:calc(var(--fx) + 22px);flex-direction:column;align-items:flex-end;margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.x0nnwa_tab{min-height:44px;padding:0 20px 0 0}.x0nnwa_mark{transform-origin:100%;left:auto;right:0}.x0nnwa_hero{padding-left:calc(var(--fx) + clamp(28px, 4.5vw, 72px));padding-right:280px}.x0nnwa_headline{font-size:clamp(2.6rem,8.06452vw - 30.6452px,4.4rem)}}@media (min-width:1024px){.x0nnwa_stage{min-height:100svh}}@media (max-height:600px) and (max-width:899px),(max-height:560px){.x0nnwa_blurb{display:none}}@keyframes x0nnwa_drawX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes x0nnwa_drawY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes x0nnwa_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes x0nnwa_maskUp{0%{transform:translateY(112%)}to{transform:translateY(0)}}@keyframes x0nnwa_settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.x0nnwa_stage[data-anim] .x0nnwa_lnT{transform-origin:0;animation:x0nnwa_drawX .5s var(--e-line) 40ms both}.x0nnwa_stage[data-anim] .x0nnwa_lnL{transform-origin:top;animation:x0nnwa_drawY .5s var(--e-line) 40ms both}.x0nnwa_stage[data-anim] .x0nnwa_lnB{transform-origin:100%;animation:x0nnwa_drawX .5s var(--e-line) .2s both}.x0nnwa_stage[data-anim] .x0nnwa_lnR{transform-origin:bottom;animation:x0nnwa_drawY .5s var(--e-line) .2s both}.x0nnwa_stage[data-anim] .x0nnwa_cn{animation:.3s linear .55s both x0nnwa_fadeIn}.x0nnwa_stage[data-anim] .x0nnwa_hrow:first-child .x0nnwa_hrise{animation:x0nnwa_maskUp .9s var(--e-mask) .42s both}.x0nnwa_stage[data-anim] .x0nnwa_hrow+.x0nnwa_hrow .x0nnwa_hrise{animation:x0nnwa_maskUp .9s var(--e-mask) .52s both}.x0nnwa_stage[data-anim] .x0nnwa_rail{animation:.45s linear .6s both x0nnwa_fadeIn}.x0nnwa_stage[data-anim] .x0nnwa_blurb{animation:x0nnwa_settle .72s var(--e-soft) .7s both}.x0nnwa_stage[data-anim] .x0nnwa_ctas{animation:x0nnwa_settle .62s var(--e-soft) .86s both}.x0nnwa_stage[data-anim] .x0nnwa_note{animation:.5s linear 1s both x0nnwa_fadeIn}.x0nnwa_stage[data-anim] .x0nnwa_rule{transform-origin:0;animation:x0nnwa_drawX .52s var(--e-line) .92s both}.x0nnwa_stage[data-anim] .x0nnwa_dock>a,.x0nnwa_stage[data-anim] .x0nnwa_dock>button{animation:x0nnwa_settle .52s var(--e-soft) 1s both}@media (prefers-reduced-motion:reduce){.x0nnwa_stage[data-anim] *{animation:none!important}}
