:root{--font-heading:"Mona Sans", "Geist", ui-sans-serif, system-ui, sans-serif;--font-body:"Mona Sans", "Geist", ui-sans-serif, system-ui, sans-serif;--font-display:"Mona Sans", "Geist", ui-sans-serif, system-ui, sans-serif;--x8-ease:cubic-bezier(.65, .05, 0, 1);--x8-cut:clamp(18px, 2.2vw, 32px)}body{font-family:var(--font-body)}.sx-h2,.sx-h3,.v5-display,.sx-display3,.x8-hero__title,.x8-prop__title,.x8-h{font-family:var(--font-heading);letter-spacing:-.035em;font-weight:600;font-stretch:110%}.sx-h3{letter-spacing:-.025em;font-stretch:105%}.sx-h2 em,.sx-display3 em,.v5-display em,.x8-hero__title em,.x8-prop__title em,.x8-h em{color:var(--cobalt);font-style:normal}.sx-dark .sx-h2 em,.sx-dark .x8-h em{color:var(--horizonte)}.x8-h{text-wrap:balance;color:var(--ink);font-size:clamp(2.1rem,1.3rem + 3vw,4.1rem);line-height:1.02}.sx-dark .x8-h{color:var(--white)}.x8-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px}.sx-btn{isolation:isolate;font-stretch:104%;position:relative;overflow:hidden}.sx-btn:before{content:"";z-index:-1;background:var(--cobalt);clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%);transition:clip-path .55s var(--x8-ease);position:absolute;inset:0}.sx-btn--light:before{background:var(--horizonte)}@media (hover:hover){.sx-btn:hover:before{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}.sx-btn--primary:hover{background:var(--ink)}.sx-btn--light:hover{background:var(--white)}}.x8-open{--q:0;--mx:0;--my:0;--par:0px;background:var(--paper);position:relative}.x8-stage{isolation:isolate;z-index:0;background:radial-gradient(90% 75% at 66% 46%, var(--paper-hi) 0%, #fbfcfe00 62%), linear-gradient(180deg, var(--paper) 0%, var(--mist) 100%);height:100svh;position:absolute;top:0;left:0;right:0;overflow:hidden}.x8-stage__guides{transform:translate3d(calc(var(--mx) * 22px), calc(var(--my) * 14px), 0);opacity:calc(1 - var(--q));background:repeating-linear-gradient(135deg,#08162f0b 0 1px,#0000 1px 34px);position:absolute;inset:-6%;-webkit-mask-image:radial-gradient(70% 70% at 62% 48%,#000 0%,#0000 78%);mask-image:radial-gradient(70% 70% at 62% 48%,#000 0%,#0000 78%)}.x8-stage__card{left:var(--cl,54%);right:var(--cr,4%);top:var(--ct,17%);bottom:var(--cb,20%);background:linear-gradient(155deg, var(--white) 0%, var(--mist) 100%);clip-path:polygon(0 0, calc(100% - var(--x8-cut)) 0, 100% var(--x8-cut), 100% 100%, var(--x8-cut) 100%, 0 calc(100% - var(--x8-cut)));opacity:var(--q);position:absolute}.x8-stage__clip{--c:calc(var(--q) * var(--x8-cut));--l:calc(var(--q) * var(--cl,0px));--r:calc(100% - var(--q) * var(--cr,0px));--t:calc(var(--q) * var(--ct,0px));--b:calc(100% - var(--q) * var(--cb,0px));clip-path:polygon(var(--l) var(--t), calc(var(--r) - var(--c)) var(--t), var(--r) calc(var(--t) + var(--c)), var(--r) var(--b), calc(var(--l) + var(--c)) var(--b), var(--l) calc(var(--b) - var(--c)));position:absolute;inset:0}.x8-stage__move{transform-origin:var(--ox,64%) var(--oy,43%);transform:translate3d(calc(var(--q) * var(--dx,0px) + var(--mx) * -12px), calc(var(--q) * var(--dy,0px) + var(--par) + var(--my) * -8px), 0) scale(calc(1 - var(--q) * (1 - var(--sc,1)))) rotateY(calc(var(--mx) * 1.4deg)) rotateX(calc(var(--my) * -1deg));will-change:transform;position:absolute;inset:0}.x8-stage__media{--shift:-17%;left:0;right:0;top:var(--shift);height:100%;position:absolute}@media (orientation:portrait){.x8-stage__media{--shift:0%}}.x8-stage__media img,.x8-stage__seq{width:100%;height:100%;position:absolute;inset:0}.x8-stage__media img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.x8-stage__seq{opacity:0;transition:opacity .4s var(--ease);display:block}.x8-open[data-mode=playing] .x8-stage__seq{opacity:1}.x8-open[data-mode=playing] .x8-stage__media img{visibility:hidden;transition:visibility 0s .4s}.x8-open[data-mode=still] .x8-stage__seq,.x8-open[data-mode=still] .x8-stage__lens{display:none}.x8-stage__lens{pointer-events:none;width:calc(100% + 64px);height:calc(100% + 64px);position:absolute;inset:-32px}.x8-hero{z-index:1;touch-action:pan-y;height:100svh;position:relative}.x8-open[data-locked=true] .x8-hero{touch-action:none}.x8-hero__layout{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--nav-h) 1fr auto;height:100%;padding-bottom:clamp(28px,6vh,72px);display:grid}.x8-hero__copy{--field-pad:clamp(24px, 3.4vh, 40px);--field-bottom:clamp(28px, 6vh, 72px);max-width:min(52rem,60vw);padding:var(--field-pad) clamp(28px, 3.4vw, 56px) 0 0;flex-direction:column;grid-area:3/1;align-items:flex-start;gap:clamp(14px,2.4vh,24px);display:flex;position:relative}.x8-hero__copy:before{content:"";z-index:-1;top:0;right:0;bottom:calc(var(--field-bottom) * -1);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);background:#f4f7fbd6;position:absolute;left:-100vw}.x8-hero__title{color:var(--ink);text-wrap:balance;font-size:min(clamp(2.3rem,1rem + 3.1vw,4.4rem),8.4svh);line-height:1}.x8-hero__title em,.x8-prop__title em,.v5-foot__claim .sx-h2 em{display:block}.x8-prop__title em{font-stretch:98%}.x8-hero__actions{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.x8-hero__aside{grid-area:3/2;align-self:end;align-items:center;gap:14px;display:flex}.x8-hint{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);transition:opacity .6s var(--ease);font-size:11px}.x8-open[data-lens=off] .x8-hint,.x8-open[data-mode=still] .x8-hint,.x8-hint[data-used=true] .x8-hint__mouse{opacity:0}.x8-hint__mouse{transition:opacity .6s var(--ease);align-items:center;gap:10px;display:inline-flex}.x8-hint__mouse:before{content:"";border:1.5px solid var(--cobalt);width:9px;height:9px;animation:x8-ping 2.4s var(--ease) infinite;border-radius:50%}@keyframes x8-ping{0%{box-shadow:0 0 #0033a059}70%,to{box-shadow:0 0 0 9px #0033a000}}.x8-hint__touch,.x8-lock{display:none}.x8-cue,.x8-lock{width:48px;height:48px;color:var(--ink);border:1px solid var(--line-strong);transition:background-color .25s var(--ease), color .25s var(--ease), translate .25s var(--ease), border-color .25s var(--ease);background:#fbfcfe99;place-items:center}.x8-cue{display:grid}.x8-cue svg,.x8-lock svg{width:18px;height:18px}@media (hover:hover){.x8-cue:hover{background:var(--ink);color:var(--white);translate:0 2px}}.x8-lock[aria-pressed=true]{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}.x8-prop{z-index:1;background:var(--paper);padding-block:clamp(72px,12vh,136px) clamp(64px,10vh,120px);position:relative}.x8-prop__layout{gap:clamp(40px,7vh,72px);display:grid}.x8-prop__main{gap:clamp(18px,3vh,28px);max-width:46rem;display:grid}.x8-prop__title{color:var(--ink);text-wrap:balance;font-size:clamp(2.2rem,1.2rem + 3.6vw,4.5rem);line-height:1}.x8-prop__lead{max-width:36rem}.x8-fronts{border-top:1px solid var(--line-strong);display:grid}.x8-front{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 4px 18px 0;display:grid;position:relative}.x8-front__label{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.2rem;font-weight:600;font-stretch:106%}.x8-front__line{color:var(--text-2);grid-column:1;font-size:15px}.x8-front__arrow{width:20px;height:20px;color:var(--cobalt);transition:translate .3s var(--ease);grid-area:1/2/span 2;align-self:center}@media (hover:hover){.x8-front:hover .x8-front__arrow{translate:3px 3px}.x8-front:hover .x8-front__label{color:var(--cobalt)}}@media (width>=900px) and (orientation:landscape){.x8-prop{background:0 0;align-items:center;min-height:100svh;display:grid}.x8-prop__layout{grid-template-columns:minmax(0,1fr);max-width:none}.x8-prop__main,.x8-fronts{width:min(46vw,44rem)}.x8-fronts{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px) and (orientation:landscape) and (prefers-reduced-motion:no-preference){.x8-stage{margin-bottom:-100svh;position:sticky}.x8-hero__layout{opacity:calc(1 - var(--hk,0));transform:translate3d(0, calc(var(--hk,0) * -28px), 0)}}@media (width>=900px) and (orientation:landscape) and (prefers-reduced-motion:reduce){.x8-prop{background:var(--paper)}.x8-prop__main,.x8-fronts{width:min(100%,52rem)}}@media (width<=899px),(orientation:portrait){.x8-hero__layout{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--nav-h) 1fr auto auto;padding-bottom:max(24px, env(safe-area-inset-bottom));row-gap:22px}.x8-hero__copy{max-width:none;padding-right:0}.x8-hero__copy:before{right:calc(var(--gutter) * -1);bottom:calc((48px + 22px + max(24px, env(safe-area-inset-bottom))) * -1)}.x8-hero__aside{grid-area:4/1;justify-content:flex-end}}@media (hover:none),(pointer:coarse){.x8-hint__mouse{display:none}.x8-hint__touch{display:inline}.x8-open[data-lens=on] .x8-lock{display:grid}}@media (height<=640px) and (orientation:landscape){.x8-hero__layout{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--nav-h) 1fr auto;padding-bottom:max(16px, env(safe-area-inset-bottom))}.x8-hero__copy{--field-bottom:max(16px, env(safe-area-inset-bottom));--field-pad:18px;max-width:min(46rem,64vw);padding-right:32px}.x8-hero__copy:before{right:0;bottom:calc(var(--field-bottom) * -1)}.x8-hero__aside{grid-area:3/2}.x8-hero .sx-btn{min-height:46px}.x8-hint{display:none}}@media (height<=460px) and (orientation:landscape){.x8-hero__copy .x8-label{display:none}}@media (width<=599px){.x8-hero__title{font-size:min(clamp(1.95rem,8.4vw,2.5rem),5.1svh)}.x8-hero__title em,.v5-foot__claim .sx-h2 em{font-size:.92em;font-stretch:96%}.x8-hero__copy{--field-pad:20px;gap:18px}.x8-hero__copy .x8-label,.x8-hero__actions .sx-link{display:none}.x8-hero__actions{align-self:stretch}.x8-hero__actions .sx-btn{white-space:normal;text-align:left;flex:none;max-width:calc(100% - 116px);min-height:50px;padding:0 16px 0 18px}.x8-hero__layout{grid-template-rows:var(--nav-h) 1fr auto;row-gap:0}.x8-hero__aside{z-index:1;grid-row:3;place-self:end;gap:8px;position:relative}.x8-hero__copy:before{bottom:calc(max(24px, env(safe-area-inset-bottom)) * -1)}.x8-cue,.x8-lock{width:50px;height:50px}.x8-hint{white-space:nowrap;position:absolute;bottom:calc(100% + 10px);right:0}.x8-open:not([data-locked=true]) .x8-hint[data-used=true]{opacity:0}}@media (width<=374px){.x8-hero__title em,.v5-foot__claim .sx-h2 em{font-size:.86em}.x8-hero__actions .sx-btn{max-width:calc(100% - 104px);min-height:46px;padding:0 12px;font-size:14px}.x8-hero__actions .sx-btn svg{display:none}.x8-cue,.x8-lock{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.x8-stage__move,.x8-stage__guides{transform:none}.x8-hint,.x8-lock{display:none!important}.x8-hint__mouse:before{animation:none}}.sx-navlink:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--x8-ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.sx-navlink:hover:after{transform-origin:0;transform:scaleX(1)}}.sx-navlink[aria-current=page]:after{transform:scaleX(1)}.x8-menu{z-index:60;grid-template-rows:var(--nav-h) minmax(0, 1fr) auto;background:var(--ink);color:var(--white);overscroll-behavior:contain;display:grid;position:fixed;inset:0;overflow-y:auto}.x8-menu__bar{height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.x8-menu__close{width:44px;height:44px;color:inherit;place-items:center;margin-right:-10px;display:grid}.x8-menu__close svg{width:24px;height:24px}.x8-menu__body{align-items:center;gap:clamp(24px,5vw,72px);padding-block:clamp(12px,3vh,40px);display:grid}.x8-menu__list{margin:0;padding:0;list-style:none;display:grid}.x8-menu__list li{border-bottom:1px solid var(--line-dark);overflow:hidden}.x8-menu__item{display:block}.x8-menu__item a{font-family:var(--font-heading);letter-spacing:-.035em;color:var(--white);transition:color .25s var(--ease), padding-left .4s var(--x8-ease);padding:clamp(9px,1.7vh,18px) 0;font-size:clamp(1.85rem,min(8.4vw,6.4vh),3.5rem);font-weight:600;font-stretch:112%;line-height:1.05;display:block}.x8-menu__item a[aria-current=page]{color:var(--horizonte)}.x8-menu__item a:focus-visible{color:var(--horizonte);padding-left:14px}@media (hover:hover){.x8-menu__item a:hover{color:var(--horizonte);padding-left:14px}}.x8-menu__art{aspect-ratio:4/3;background:var(--ink-2);max-height:58vh;clip-path:polygon(0 0, calc(100% - var(--x8-cut) * 1.5) 0, 100% calc(var(--x8-cut) * 1.5), 100% 100%, calc(var(--x8-cut) * 1.5) 100%, 0 calc(100% - var(--x8-cut) * 1.5));display:none;position:relative;overflow:hidden}.x8-menu__art img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), scale 1.3s var(--ease);position:absolute;inset:0;scale:1.08}.x8-menu__art img[data-on=true]{opacity:1;scale:1}.x8-menu__foot{padding-block:20px max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--line-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.x8-menu__foot p{color:#f4f7fbb8;max-width:28rem;font-size:14px;line-height:1.5}@media (width>=760px){.x8-menu__body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.x8-menu__art{display:block}}@media (width<=759px){.x8-menu__body{align-items:end}.x8-menu__foot p{display:none}.x8-menu__foot .sx-btn{justify-content:center;width:100%;min-height:54px}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:x8-vt-out .6s var(--x8-ease) both}::view-transition-new(root){animation:x8-vt-in .8s var(--x8-ease) both}}::view-transition-old(root){mix-blend-mode:normal}::view-transition-new(root){mix-blend-mode:normal}@keyframes x8-vt-out{to{filter:brightness(.55);transform:scale(.985)}}@keyframes x8-vt-in{0%{clip-path:polygon(0% 0%,0% 0%,-28% 100%,-28% 100%)}to{clip-path:polygon(0% 0%,128% 0%,100% 100%,-28% 100%)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
