.violator {
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    background: transparent;
    border: 1px solid #bf4800;
    color: #bf4800;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-radius: 18px;
    padding: 7px 18px
}

.violator:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(zh) {
    letter-spacing: 0em
}

.violator:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-inline {
    margin-left: 10px;
    display: inline-block
}

.violator-secondary {
    background: transparent;
    border-color: #6e6e73;
    color: #6e6e73
}

.violator-reduced {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-radius: 12px;
    padding: 3px 11px
}

.violator-reduced:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(zh) {
    letter-spacing: 0em
}

.violator-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-reduced.violator-inline {
    margin-left: 6px;
    display: inline-block
}

.violator-frameless {
    box-sizing: border-box;
    white-space: nowrap;
    display: block;
    color: #bf4800
}

.violator-frameless-inline {
    margin-left: 10px;
    display: inline-block
}

.violator-frameless.violator-frameless-reduced {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-radius: 0;
    padding: 0;
    display: block
}

.violator-frameless.violator-frameless-reduced:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(zh) {
    letter-spacing: 0em
}

.violator-frameless.violator-frameless-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.violator-frameless.violator-frameless-reduced.violator-frameless-inline {
    margin-left: 6px;
    display: inline-block
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

abbr,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
input,
legend,
li,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0
}

address,
caption,
code,
figcaption,
pre,
th {
    font-size: 1em;
    font-weight: 400;
    font-style: normal
}

fieldset,
iframe {
    border: 0
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

details,
main,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: initial
}

button {
    background: none;
    border: 0;
    box-sizing: initial;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:disabled {
    cursor: default
}

:focus {
    outline: 2px solid #0071e3;
    outline-offset: 0px
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: none
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

html {
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 106.25%;
    quotes: "“" "”";
    --sk-link-disabled-opacity: 0.42
}


/* Hero section */
.section-hero {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; /* Center the content vertically */
}

/* Background video */
.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Ensure the video is behind the content */
}

/* Hero content */
.hero-content {
    position: relative;
    z-index: 1; /* Ensure the content appears above the video */
    text-align: center;
    color: white;
    
    width: 100%;
}

.contact-section{
      position: relative;
    z-index: 1; /* Ensure the content appears above the video */
    text-align: left;
    
    
    width: 1300px;
    margin: auto;
}
    





.section-hero {
    height: 100vh; /* Full viewport height */
    display: flex;
    justify-content: center;
    align-items: center;
    
}


.section-hero .hero-copy {
    width: 100%;
  
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
    min-height: 100%; /* Ensure it takes up the full height */
  
}




/* Buttons styling */
.button {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    color: white;
    cursor: pointer;
    margin: 10px;
    border-radius: 0px;
}
.section-experiences li {
    margin-left: 0;
    list-style-type: none;
}

section-experiences .typography-foundation-headline {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 700;
    letter-spacing: -0.003em;
   
}

.typography-foundation-headline .headline-1{
    font-size: 96px;
    line-height: 1.0834933333;
    font-weight: 800;
    letter-spacing: -0.003em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.foundation-headline:not(:first-child) {
    padding-top: 64px;
}    
li{
    
    list-style: none;
}

[lang]:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ja) {
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

:lang(cs),
:lang(de) {
    quotes: "„" "“"
}

:lang(de-CH),
:lang(de-LI) {
    quotes: "«" "»"
}

:lang(fr) {
    quotes: "« " " »"
}

:lang(es-ES),
:lang(fr-CH) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    quotes: "«" "»"
}

:lang(lt),
:lang(pl) {
    quotes: "„" "“"
}

:lang(ru) {
    quotes: "« " " »"
}

:lang(zh) {
    quotes: "「" "」"
}

:lang(zh-CN) {
    quotes: "“" "”"
}

body {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #fff;
    color: #1d1d1f;
    font-style: normal
}

body:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(ko) {
    line-height: 1.5882352941;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(ko),
body:lang(th),
body:lang(zh) {
    letter-spacing: 0em
}

body:lang(th) {
    line-height: 1.3529611765;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

body:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

body,
button,
input,
select,
textarea {
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #1d1d1f !important;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    display: block;
    margin: 0
}

h1+*,
h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: .8em
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6 {
    margin-top: .4em
}

ol+h1,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
    margin-top: 1.6em
}

.heading-collapsed+* {
    margin-top: 0
}

ol+*,
p+*,
ul+* {
    margin-top: .8em
}

ol,
ul {
    margin-left: 1.1764705882em
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

nav ol,
nav ul {
    margin: 0;
    list-style: none
}

li li {
    font-size: 1em
}

.link,
a {
    color: #06c;
    letter-spacing: inherit
}

.link:link,
.link:visited,
a:link,
a:visited {
    text-decoration: none
}

.link:hover,
a:hover {
    text-decoration: underline
}

.link:active,
a:active {
    text-decoration: none
}

.link.disabled,
.link :disabled,
a.disabled,
a :disabled {
    opacity: var(--sk-link-disabled-opacity)
}

.link-inline,
.link-inline:link {
    text-decoration: underline
}

.link-standalone:link {
    text-decoration: none
}

.link-standalone:link:focus,
.link-standalone:link:hover {
    text-decoration: underline
}

.links-inline,
.links-stacked {
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

.links-inline li {
    display: inline;
    margin: 0 .8em
}

.links-inline li:first-child {
    margin-left: 0
}

.links-inline li:last-child {
    margin-right: 0
}

.links-stacked li {
    margin: 0;
    display: block
}

.links-stacked li+li {
    margin-top: .4em
}

b,
strong {
    font-weight: 600
}

cite,
dfn,
em,
i {
    font-style: italic
}

sub,
sup {
    position: relative;
    font-size: .6em;
    vertical-align: initial
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

.footnote a {
    vertical-align: inherit;
    color: inherit
}

.footnote a:hover {
    color: #06c;
    text-decoration: none
}

.footnote-reduced {
    font-size: .45em
}

sup.footnote-reduced {
    top: -0.86em
}

sub.footnote-reduced {
    bottom: -0.36em
}

.footnote-supglyph {
    position: relative;
    vertical-align: initial
}

.footnote-supglyph.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

.footnote-diamond {
    position: relative;
    vertical-align: initial;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-diamond {
    top: auto
}

sub.footnote-diamond {
    bottom: -0.5em
}

.footnote-diamond.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

sub.footnote-diamond.footnote-reduced {
    top: auto;
    bottom: -0.52em
}

.footnote-number {
    position: relative;
    vertical-align: initial;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-number {
    top: auto
}

sub.footnote-number {
    bottom: -0.5em
}

.footnote-number.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

sub.footnote-number.footnote-reduced {
    top: auto;
    bottom: -0.52em
}

abbr {
    border: 0
}

:lang(ja),
:lang(ko),
:lang(th),
:lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-spacebetween {
    justify-content: space-between
}

.justify-content-spacearound {
    justify-content: space-around
}

.justify-content-spaceevenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-self-start {
    align-self: flex-start
}

.align-self-center {
    align-self: center
}

.align-self-end {
    align-self: flex-end
}

.large-justify-content-start {
    justify-content: flex-start
}

.large-justify-content-end {
    justify-content: flex-end
}

.large-justify-content-center {
    justify-content: center
}

.large-justify-content-spacebetween {
    justify-content: space-between
}

.large-justify-content-spacearound {
    justify-content: space-around
}

.large-justify-content-spaceevenly {
    justify-content: space-evenly
}

.large-align-items-start {
    align-items: flex-start
}

.large-align-items-center {
    align-items: center
}

.large-align-items-end {
    align-items: flex-end
}

.large-align-self-start {
    align-self: flex-start
}

.large-align-self-center {
    align-self: center
}

.large-align-self-end {
    align-self: flex-end
}

@media only screen and (min-width:1801px) {
    .xlarge-justify-content-start {
        justify-content: flex-start
    }
    .xlarge-justify-content-end {
        justify-content: flex-end
    }
    .xlarge-justify-content-center {
        justify-content: center
    }
    .xlarge-justify-content-spacebetween {
        justify-content: space-between
    }
    .xlarge-justify-content-spacearound {
        justify-content: space-around
    }
    .xlarge-justify-content-spaceevenly {
        justify-content: space-evenly
    }
    .xlarge-align-items-start {
        align-items: flex-start
    }
    .xlarge-align-items-center {
        align-items: center
    }
    .xlarge-align-items-end {
        align-items: flex-end
    }
    .xlarge-align-self-start {
        align-self: flex-start
    }
    .xlarge-align-self-center {
        align-self: center
    }
    .xlarge-align-self-end {
        align-self: flex-end
    }
}

@media only screen and (max-width:1068px) {
    .medium-justify-content-start {
        justify-content: flex-start
    }
    .medium-justify-content-end {
        justify-content: flex-end
    }
    .medium-justify-content-center {
        justify-content: center
    }
    .medium-justify-content-spacebetween {
        justify-content: space-between
    }
    .medium-justify-content-spacearound {
        justify-content: space-around
    }
    .medium-justify-content-spaceevenly {
        justify-content: space-evenly
    }
    .medium-align-items-start {
        align-items: flex-start
    }
    .medium-align-items-center {
        align-items: center
    }
    .medium-align-items-end {
        align-items: flex-end
    }
    .medium-align-self-start {
        align-self: flex-start
    }
    .medium-align-self-center {
        align-self: center
    }
    .medium-align-self-end {
        align-self: flex-end
    }
}

@media only screen and (max-width:734px) {
    .small-justify-content-start {
        justify-content: flex-start
    }
    .small-justify-content-end {
        justify-content: flex-end
    }
    .small-justify-content-center {
        justify-content: center
    }
    .small-justify-content-spacebetween {
        justify-content: space-between
    }
    .small-justify-content-spacearound {
        justify-content: space-around
    }
    .small-justify-content-spaceevenly {
        justify-content: space-evenly
    }
    .small-align-items-start {
        align-items: flex-start
    }
    .small-align-items-center {
        align-items: center
    }
    .small-align-items-end {
        align-items: flex-end
    }
    .small-align-self-start {
        align-self: flex-start
    }
    .small-align-self-center {
        align-self: center
    }
    .small-align-self-end {
        align-self: flex-end
    }
}

.selfclear:after,
.selfclear:before {
    content: " ";
    display: table
}

.selfclear:after {
    clear: both
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

@media only screen and (inverted-colors) {
    .no-inversion {
        filter: invert(1)
    }
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: grabbing
}

.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%
}

.row-reverse {
    flex-direction: row-reverse
}

.column {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0px
}

.large-offset-0 {
    margin-left: 0
}

.large-order-0 {
    order: 0
}

.large-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.large-offset-1 {
    margin-left: 8.3333333333%
}

.large-order-1 {
    order: 1
}

.large-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.large-offset-2 {
    margin-left: 16.6666666667%
}

.large-order-2 {
    order: 2
}

.large-3 {
    flex-basis: 25%;
    max-width: 25%
}

.large-offset-3 {
    margin-left: 25%
}

.large-order-3 {
    order: 3
}

.large-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.large-offset-4 {
    margin-left: 33.3333333333%
}

.large-order-4 {
    order: 4
}

.large-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.large-offset-5 {
    margin-left: 41.6666666667%
}

.large-order-5 {
    order: 5
}

.large-6 {
    flex-basis: 50%;
    max-width: 50%
}

.large-offset-6 {
    margin-left: 50%
}

.large-order-6 {
    order: 6
}

.large-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.large-offset-7 {
    margin-left: 58.3333333333%
}

.large-order-7 {
    order: 7
}

.large-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.large-offset-8 {
    margin-left: 66.6666666667%
}

.large-order-8 {
    order: 8
}

.large-9 {
    flex-basis: 75%;
    max-width: 75%
}

.large-offset-9 {
    margin-left: 75%
}

.large-order-9 {
    order: 9
}

.large-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.large-offset-10 {
    margin-left: 83.3333333333%
}

.large-order-10 {
    order: 10
}

.large-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.large-offset-11 {
    margin-left: 91.6666666667%
}

.large-order-11 {
    order: 11
}

.large-12 {
    flex-basis: 100%;
    max-width: 100%
}

.large-offset-12 {
    margin-left: 100%
}

.large-order-12 {
    order: 12
}

.large-centered {
    margin-left: auto;
    margin-right: auto
}

.large-uncentered {
    margin-left: 0;
    margin-right: 0
}

.large-last {
    margin-left: auto
}

.large-notlast {
    margin-left: 0
}

.large-grow {
    flex: auto;
    max-width: none
}

.large-ungrow {
    flex: initial;
    max-width: none
}

@media only screen and (min-width:1801px) {
    .xlarge-offset-0 {
        margin-left: 0
    }
    .xlarge-order-0 {
        order: 0
    }
    .xlarge-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .xlarge-offset-1 {
        margin-left: 8.3333333333%
    }
    .xlarge-order-1 {
        order: 1
    }
    .xlarge-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }
    .xlarge-order-2 {
        order: 2
    }
    .xlarge-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .xlarge-offset-3 {
        margin-left: 25%
    }
    .xlarge-order-3 {
        order: 3
    }
    .xlarge-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }
    .xlarge-order-4 {
        order: 4
    }
    .xlarge-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }
    .xlarge-order-5 {
        order: 5
    }
    .xlarge-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .xlarge-offset-6 {
        margin-left: 50%
    }
    .xlarge-order-6 {
        order: 6
    }
    .xlarge-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }
    .xlarge-order-7 {
        order: 7
    }
    .xlarge-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }
    .xlarge-order-8 {
        order: 8
    }
    .xlarge-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .xlarge-offset-9 {
        margin-left: 75%
    }
    .xlarge-order-9 {
        order: 9
    }
    .xlarge-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }
    .xlarge-order-10 {
        order: 10
    }
    .xlarge-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }
    .xlarge-order-11 {
        order: 11
    }
    .xlarge-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .xlarge-offset-12 {
        margin-left: 100%
    }
    .xlarge-order-12 {
        order: 12
    }
    .xlarge-centered {
        margin-left: auto;
        margin-right: auto
    }
    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .xlarge-last {
        margin-left: auto
    }
    .xlarge-notlast {
        margin-left: 0
    }
    .xlarge-grow {
        flex: auto;
        max-width: none
    }
    .xlarge-ungrow {
        flex: initial;
        max-width: none
    }
}

@media only screen and (max-width:1068px) {
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-order-0 {
        order: 0
    }
    .medium-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .medium-offset-1 {
        margin-left: 8.3333333333%
    }
    .medium-order-1 {
        order: 1
    }
    .medium-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .medium-offset-2 {
        margin-left: 16.6666666667%
    }
    .medium-order-2 {
        order: 2
    }
    .medium-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-order-3 {
        order: 3
    }
    .medium-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .medium-offset-4 {
        margin-left: 33.3333333333%
    }
    .medium-order-4 {
        order: 4
    }
    .medium-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .medium-offset-5 {
        margin-left: 41.6666666667%
    }
    .medium-order-5 {
        order: 5
    }
    .medium-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-order-6 {
        order: 6
    }
    .medium-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .medium-offset-7 {
        margin-left: 58.3333333333%
    }
    .medium-order-7 {
        order: 7
    }
    .medium-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .medium-offset-8 {
        margin-left: 66.6666666667%
    }
    .medium-order-8 {
        order: 8
    }
    .medium-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-order-9 {
        order: 9
    }
    .medium-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .medium-offset-10 {
        margin-left: 83.3333333333%
    }
    .medium-order-10 {
        order: 10
    }
    .medium-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .medium-offset-11 {
        margin-left: 91.6666666667%
    }
    .medium-order-11 {
        order: 11
    }
    .medium-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .medium-offset-12 {
        margin-left: 100%
    }
    .medium-order-12 {
        order: 12
    }
    .medium-centered {
        margin-left: auto;
        margin-right: auto
    }
    .medium-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .medium-last {
        margin-left: auto
    }
    .medium-notlast {
        margin-left: 0
    }
    .medium-grow {
        flex: auto;
        max-width: none
    }
    .medium-ungrow {
        flex: initial;
        max-width: none
    }
}

@media only screen and (max-width:734px) {
    .small-offset-0 {
        margin-left: 0
    }
    .small-order-0 {
        order: 0
    }
    .small-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .small-offset-1 {
        margin-left: 8.3333333333%
    }
    .small-order-1 {
        order: 1
    }
    .small-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .small-offset-2 {
        margin-left: 16.6666666667%
    }
    .small-order-2 {
        order: 2
    }
    .small-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .small-offset-3 {
        margin-left: 25%
    }
    .small-order-3 {
        order: 3
    }
    .small-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .small-offset-4 {
        margin-left: 33.3333333333%
    }
    .small-order-4 {
        order: 4
    }
    .small-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .small-offset-5 {
        margin-left: 41.6666666667%
    }
    .small-order-5 {
        order: 5
    }
    .small-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .small-offset-6 {
        margin-left: 50%
    }
    .small-order-6 {
        order: 6
    }
    .small-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .small-offset-7 {
        margin-left: 58.3333333333%
    }
    .small-order-7 {
        order: 7
    }
    .small-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .small-offset-8 {
        margin-left: 66.6666666667%
    }
    .small-order-8 {
        order: 8
    }
    .small-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .small-offset-9 {
        margin-left: 75%
    }
    .small-order-9 {
        order: 9
    }
    .small-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .small-offset-10 {
        margin-left: 83.3333333333%
    }
    .small-order-10 {
        order: 10
    }
    .small-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .small-offset-11 {
        margin-left: 91.6666666667%
    }
    .small-order-11 {
        order: 11
    }
    .small-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .small-offset-12 {
        margin-left: 100%
    }
    .small-order-12 {
        order: 12
    }
    .small-centered {
        margin-left: auto;
        margin-right: auto
    }
    .small-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .small-last {
        margin-left: auto
    }
    .small-notlast {
        margin-left: 0
    }
    .small-grow {
        flex: auto;
        max-width: none
    }
    .small-ungrow {
        flex: initial;
        max-width: none
    }
}

.row-reverse .column {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0px
}

.row-reverse .large-offset-0 {
    margin-right: 0
}

.row-reverse .large-offset-1 {
    margin-right: 8.3333333333%
}

.row-reverse .large-offset-2 {
    margin-right: 16.6666666667%
}

.row-reverse .large-offset-3 {
    margin-right: 25%
}

.row-reverse .large-offset-4 {
    margin-right: 33.3333333333%
}

.row-reverse .large-offset-5 {
    margin-right: 41.6666666667%
}

.row-reverse .large-offset-6 {
    margin-right: 50%
}

.row-reverse .large-offset-7 {
    margin-right: 58.3333333333%
}

.row-reverse .large-offset-8 {
    margin-right: 66.6666666667%
}

.row-reverse .large-offset-9 {
    margin-right: 75%
}

.row-reverse .large-offset-10 {
    margin-right: 83.3333333333%
}

.row-reverse .large-offset-11 {
    margin-right: 91.6666666667%
}

.row-reverse .large-offset-12 {
    margin-right: 100%
}

.row-reverse .large-last {
    margin-right: auto
}

.row-reverse .large-notlast {
    margin-right: 0
}

@media only screen and (min-width:1801px) {
    .row-reverse .xlarge-offset-0 {
        margin-right: 0
    }
    .row-reverse .xlarge-offset-1 {
        margin-right: 8.3333333333%
    }
    .row-reverse .xlarge-offset-2 {
        margin-right: 16.6666666667%
    }
    .row-reverse .xlarge-offset-3 {
        margin-right: 25%
    }
    .row-reverse .xlarge-offset-4 {
        margin-right: 33.3333333333%
    }
    .row-reverse .xlarge-offset-5 {
        margin-right: 41.6666666667%
    }
    .row-reverse .xlarge-offset-6 {
        margin-right: 50%
    }
    .row-reverse .xlarge-offset-7 {
        margin-right: 58.3333333333%
    }
    .row-reverse .xlarge-offset-8 {
        margin-right: 66.6666666667%
    }
    .row-reverse .xlarge-offset-9 {
        margin-right: 75%
    }
    .row-reverse .xlarge-offset-10 {
        margin-right: 83.3333333333%
    }
    .row-reverse .xlarge-offset-11 {
        margin-right: 91.6666666667%
    }
    .row-reverse .xlarge-offset-12 {
        margin-right: 100%
    }
    .row-reverse .xlarge-last {
        margin-right: auto
    }
    .row-reverse .xlarge-notlast {
        margin-right: 0
    }
}

@media only screen and (max-width:1068px) {
    .row-reverse .medium-offset-0 {
        margin-right: 0
    }
    .row-reverse .medium-offset-1 {
        margin-right: 8.3333333333%
    }
    .row-reverse .medium-offset-2 {
        margin-right: 16.6666666667%
    }
    .row-reverse .medium-offset-3 {
        margin-right: 25%
    }
    .row-reverse .medium-offset-4 {
        margin-right: 33.3333333333%
    }
    .row-reverse .medium-offset-5 {
        margin-right: 41.6666666667%
    }
    .row-reverse .medium-offset-6 {
        margin-right: 50%
    }
    .row-reverse .medium-offset-7 {
        margin-right: 58.3333333333%
    }
    .row-reverse .medium-offset-8 {
        margin-right: 66.6666666667%
    }
    .row-reverse .medium-offset-9 {
        margin-right: 75%
    }
    .row-reverse .medium-offset-10 {
        margin-right: 83.3333333333%
    }
    .row-reverse .medium-offset-11 {
        margin-right: 91.6666666667%
    }
    .row-reverse .medium-offset-12 {
        margin-right: 100%
    }
    .row-reverse .medium-last {
        margin-right: auto
    }
    .row-reverse .medium-notlast {
        margin-right: 0
    }
}

@media only screen and (max-width:734px) {
    .row-reverse .small-offset-0 {
        margin-right: 0
    }
    .row-reverse .small-offset-1 {
        margin-right: 8.3333333333%
    }
    .row-reverse .small-offset-2 {
        margin-right: 16.6666666667%
    }
    .row-reverse .small-offset-3 {
        margin-right: 25%
    }
    .row-reverse .small-offset-4 {
        margin-right: 33.3333333333%
    }
    .row-reverse .small-offset-5 {
        margin-right: 41.6666666667%
    }
    .row-reverse .small-offset-6 {
        margin-right: 50%
    }
    .row-reverse .small-offset-7 {
        margin-right: 58.3333333333%
    }
    .row-reverse .small-offset-8 {
        margin-right: 66.6666666667%
    }
    .row-reverse .small-offset-9 {
        margin-right: 75%
    }
    .row-reverse .small-offset-10 {
        margin-right: 83.3333333333%
    }
    .row-reverse .small-offset-11 {
        margin-right: 91.6666666667%
    }
    .row-reverse .small-offset-12 {
        margin-right: 100%
    }
    .row-reverse .small-last {
        margin-right: auto
    }
    .row-reverse .small-notlast {
        margin-right: 0
    }
}

.grid {
    margin-left: auto;
    margin-right: auto;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid .grid {
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.grid-item {
    position: relative;
    box-sizing: border-box
}

.large-span-0 {
    grid-column: span 0
}

.large-span-1 {
    grid-column: span 1
}

.large-span-2 {
    grid-column: span 2
}

.large-span-3 {
    grid-column: span 3
}

.large-span-4 {
    grid-column: span 4
}

.large-span-5 {
    grid-column: span 5
}

.large-span-6 {
    grid-column: span 6
}

.large-span-7 {
    grid-column: span 7
}

.large-span-8 {
    grid-column: span 8
}

.large-span-9 {
    grid-column: span 9
}

.large-span-10 {
    grid-column: span 10
}

.large-span-11 {
    grid-column: span 11
}

.large-span-12 {
    grid-column: span 12
}

@media only screen and (min-width:1801px) {
    .xlarge-span-0 {
        grid-column: span 0
    }
    .xlarge-span-1 {
        grid-column: span 1
    }
    .xlarge-span-2 {
        grid-column: span 2
    }
    .xlarge-span-3 {
        grid-column: span 3
    }
    .xlarge-span-4 {
        grid-column: span 4
    }
    .xlarge-span-5 {
        grid-column: span 5
    }
    .xlarge-span-6 {
        grid-column: span 6
    }
    .xlarge-span-7 {
        grid-column: span 7
    }
    .xlarge-span-8 {
        grid-column: span 8
    }
    .xlarge-span-9 {
        grid-column: span 9
    }
    .xlarge-span-10 {
        grid-column: span 10
    }
    .xlarge-span-11 {
        grid-column: span 11
    }
    .xlarge-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width:1068px) {
    .medium-span-0 {
        grid-column: span 0
    }
    .medium-span-1 {
        grid-column: span 1
    }
    .medium-span-2 {
        grid-column: span 2
    }
    .medium-span-3 {
        grid-column: span 3
    }
    .medium-span-4 {
        grid-column: span 4
    }
    .medium-span-5 {
        grid-column: span 5
    }
    .medium-span-6 {
        grid-column: span 6
    }
    .medium-span-7 {
        grid-column: span 7
    }
    .medium-span-8 {
        grid-column: span 8
    }
    .medium-span-9 {
        grid-column: span 9
    }
    .medium-span-10 {
        grid-column: span 10
    }
    .medium-span-11 {
        grid-column: span 11
    }
    .medium-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width:734px) {
    .small-span-0 {
        grid-column: span 0
    }
    .small-span-1 {
        grid-column: span 1
    }
    .small-span-2 {
        grid-column: span 2
    }
    .small-span-3 {
        grid-column: span 3
    }
    .small-span-4 {
        grid-column: span 4
    }
    .small-span-5 {
        grid-column: span 5
    }
    .small-span-6 {
        grid-column: span 6
    }
    .small-span-7 {
        grid-column: span 7
    }
    .small-span-8 {
        grid-column: span 8
    }
    .small-span-9 {
        grid-column: span 9
    }
    .small-span-10 {
        grid-column: span 10
    }
    .small-span-11 {
        grid-column: span 11
    }
    .small-span-12 {
        grid-column: span 12
    }
}

.icon:after,
.icon:before,
.more:after,
.more:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.icon:before,
.more:before {
    display: none
}

.icon-after:after,
.more:after {
    padding-left: 0.3em;
    top: 0
}

.icon-before:before {
    padding-right: 0.3em;
    display: inline-block;
    top: 0
}

.icon-before:after {
    display: none
}

.icon-before.icon-apple:before {
    padding-right: 0;
    display: inline-block;
    top: 0
}

.icon-before.icon-apple:after {
    display: none
}

.icon-apple:after,
.icon-apple:before {
    content: ""
}

.icon-chevrondown:after,
.icon-chevrondown:before {
    content: ""
}

.icon-chevrondowncircle:after,
.icon-chevrondowncircle:before {
    content: ""
}

.icon-chevronleft:after,
.icon-chevronleft:before {
    content: ""
}

.icon-chevronleftcircle:after,
.icon-chevronleftcircle:before {
    content: ""
}

.icon-chevronright:after,
.icon-chevronright:before {
    content: ""
}

.icon-chevronrightcircle:after,
.icon-chevronrightcircle:before {
    content: ""
}

.icon-chevronup:after,
.icon-chevronup:before {
    content: ""
}

.icon-chevronupcircle:after,
.icon-chevronupcircle:before {
    content: ""
}

.icon-downloadcircle:after,
.icon-downloadcircle:before {
    content: ""
}

.icon-arrowupcircle:after,
.icon-arrowupcircle:before {
    content: "􀁶"
}

.icon-external:after,
.icon-external:before {
    content: ""
}

.icon-share:after,
.icon-share:before {
    content: ""
}

.icon-search:after,
.icon-search:before {
    content: ""
}

.icon-arkit:after,
.icon-arkit:before {
    content: ""
}

.icon-pausecircle:after,
.icon-pausecircle:before {
    content: ""
}

.icon-pausesolid:after,
.icon-pausesolid:before {
    content: ""
}

.icon-playcircle:after,
.icon-playcircle:before {
    content: ""
}

.icon-playsolid:after,
.icon-playsolid:before {
    content: ""
}

.icon-replay:after,
.icon-replay:before {
    content: ""
}

.icon-stopcircle:after,
.icon-stopcircle:before {
    content: ""
}

.icon-stopsolid:after,
.icon-stopsolid:before {
    content: ""
}

.icon-circle:after,
.icon-circle:before {
    content: ""
}

.icon-check:after,
.icon-check:before {
    content: ""
}

.icon-checkcircle:after,
.icon-checkcircle:before {
    content: ""
}

.icon-checksolid:after,
.icon-checksolid:before {
    content: ""
}

.icon-reset:after,
.icon-reset:before {
    content: ""
}

.icon-resetcircle:after,
.icon-resetcircle:before {
    content: ""
}

.icon-resetsolid:after,
.icon-resetsolid:before {
    content: ""
}

.icon-exclamation:after,
.icon-exclamation:before {
    content: ""
}

.icon-exclamationcircle:after,
.icon-exclamationcircle:before {
    content: ""
}

.icon-exclamationsolid:after,
.icon-exclamationsolid:before {
    content: ""
}

.icon-exclamationtriangle:after,
.icon-exclamationtriangle:before {
    content: ""
}

.icon-exclamationtrianglesolid:after,
.icon-exclamationtrianglesolid:before {
    content: ""
}

.icon-infocircle:after,
.icon-infocircle:before {
    content: ""
}

.icon-infosolid:after,
.icon-infosolid:before {
    content: ""
}

.icon-question:after,
.icon-question:before {
    content: ""
}

.icon-questioncircle:after,
.icon-questioncircle:before {
    content: ""
}

.icon-questionsolid:after,
.icon-questionsolid:before {
    content: ""
}

.icon-plus:after,
.icon-plus:before {
    content: ""
}

.icon-pluscircle:after,
.icon-pluscircle:before {
    content: ""
}

.icon-plussolid:after,
.icon-plussolid:before {
    content: ""
}

.icon-minus:after,
.icon-minus:before {
    content: ""
}

.icon-minuscircle:after,
.icon-minuscircle:before {
    content: ""
}

.icon-minussolid:after,
.icon-minussolid:before {
    content: ""
}

.icon-1circle:after,
.icon-1circle:before {
    content: ""
}

.icon-2circle:after,
.icon-2circle:before {
    content: ""
}

.icon-3circle:after,
.icon-3circle:before {
    content: ""
}

.icon-4circle:after,
.icon-4circle:before {
    content: ""
}

.icon-5circle:after,
.icon-5circle:before {
    content: ""
}

.icon-6circle:after,
.icon-6circle:before {
    content: ""
}

.icon-7circle:after,
.icon-7circle:before {
    content: ""
}

.icon-8circle:after,
.icon-8circle:before {
    content: ""
}

.icon-9circle:after,
.icon-9circle:before {
    content: ""
}

.icon-10circle:after,
.icon-10circle:before {
    content: ""
}

.icon-11circle:after,
.icon-11circle:before {
    content: ""
}

.icon-12circle:after,
.icon-12circle:before {
    content: ""
}

.icon-13circle:after,
.icon-13circle:before {
    content: ""
}

.icon-14circle:after,
.icon-14circle:before {
    content: ""
}

.icon-15circle:after,
.icon-15circle:before {
    content: ""
}

.icon-16circle:after,
.icon-16circle:before {
    content: ""
}

.icon-17circle:after,
.icon-17circle:before {
    content: ""
}

.icon-18circle:after,
.icon-18circle:before {
    content: ""
}

.icon-19circle:after,
.icon-19circle:before {
    content: ""
}

.icon-20circle:after,
.icon-20circle:before {
    content: ""
}

.icon-close:after,
.icon-close:before {
    content: ""
}

.icon-closecompact:after,
.icon-closecompact:before {
    content: ""
}

.icon-paddleleft:after,
.icon-paddleleft:before {
    content: ""
}

.icon-paddleleftcompact:after,
.icon-paddleleftcompact:before {
    content: ""
}

.icon-paddleright:after,
.icon-paddleright:before {
    content: ""
}

.icon-paddlerightcompact:after,
.icon-paddlerightcompact:before {
    content: ""
}

.icon-paddleup:after,
.icon-paddleup:before {
    content: ""
}

.icon-paddleupcompact:after,
.icon-paddleupcompact:before {
    content: ""
}

.icon-paddledown:after,
.icon-paddledown:before {
    content: ""
}

.icon-paddledowncompact:after,
.icon-paddledowncompact:before {
    content: ""
}

.icon-thumbnailreplay:after,
.icon-thumbnailreplay:before {
    content: ""
}

.icon-thumbnailpause:after,
.icon-thumbnailpause:before {
    content: ""
}

.icon-thumbnailplay:after,
.icon-thumbnailplay:before {
    content: ""
}

.icon-externalrtl:after,
.icon-externalrtl:before {
    content: ""
}

.icon-questionrtl:after,
.icon-questionrtl:before {
    content: ""
}

.icon-questioncirclertl:after,
.icon-questioncirclertl:before {
    content: ""
}

.icon-questionsolidrtl:after,
.icon-questionsolidrtl:before {
    content: ""
}

.more:after,
.more:before {
    content: ""
}

.more-block {
    margin-top: .5em
}

.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
    display: inline;
    position: static
}

a.icon-wrapper {
    text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
    text-decoration: underline
}


body {
    min-width: 320px
}

.large-hide {
    display: none
}

.large-show {
    display: block
}

.large-show-inline {
    display: inline
}

.large-show-inlineblock {
    display: inline-block
}

@media only screen and (min-width:1801px) {
    .xlarge-hide {
        display: none
    }
    .xlarge-show {
        display: block
    }
    .xlarge-show-inline {
        display: inline
    }
    .xlarge-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width:1068px) {
    .medium-hide {
        display: none
    }
    .medium-show {
        display: block
    }
    .medium-show-inline {
        display: inline
    }
    .medium-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width:734px) {
    .small-hide {
        display: none
    }
    .small-show {
        display: block
    }
    .small-show-inline {
        display: inline
    }
    .small-show-inlineblock {
        display: inline-block
    }
}

.viewport-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width:1801px) {
    .viewport-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width:1068px) {
    .viewport-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px) {
    .viewport-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

br.large {
    display: block
}

@media only screen and (max-width:1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width:734px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width:1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width:734px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width:1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width:734px) {
    br.small {
        display: block
    }
}

.button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    min-width: 30px;
    padding: 7px 15px;
    border-radius: 0px;
    background: #0071e3;
    color: #fff;
    border: 1px solid transparent;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button:hover {
    text-decoration: none
}

.button:active {
    outline: none
}

.button.disabled,
.button:disabled {
    cursor: default;
    pointer-events: none
}

.button:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(ko),
.button:lang(zh) {
    letter-spacing: 0em
}

.button:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:focus,
.button:hover {
    background: #0077ed;
    color: #fff;
    border-color: transparent
}

.button:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button:active {
    background: #006edb;
    color: #fff;
    border-color: transparent
}

.button.disabled,
.button:disabled {
    background: #0071e3;
    color: #fff;
    opacity: var(--sk-link-disabled-opacity)
}

.button-block {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 8px;
    --sk-button-margin-horizontal: 9px;
    --sk-button-margin-vertical: 9px
}

.button-neutral {
    background: #1d1d1f;
    color: #fff;
    border-color: transparent
}

.button-neutral:focus,
.button-neutral:hover {
    background: #272729;
    color: #fff;
    border-color: transparent
}

.button-neutral:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button-neutral:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button-neutral:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button-neutral:active {
    background: #18181a;
    color: #fff;
    border-color: transparent
}

.button-neutral.disabled,
.button-neutral:disabled {
    background: #1d1d1f;
    color: #fff;
    opacity: var(--sk-link-disabled-opacity)
}

.button-secondary {
    background: #757579;
    color: #fff;
    border-color: transparent
}

.button-secondary:focus,
.button-secondary:hover {
    background: #79797d;
    color: #fff;
    border-color: transparent
}

.button-secondary:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button-secondary:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button-secondary:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button-secondary:active {
    background: #747478;
    color: #fff;
    border-color: transparent
}

.button-secondary.disabled,
.button-secondary:disabled {
    background: #757579;
    color: #fff;
    opacity: .56
}

.button-secondary-alpha {
    background: rgba(0, 0, 0, .08);
    color: #000;
    border-color: transparent
}

.button-secondary-alpha:focus,
.button-secondary-alpha:hover {
    background: rgba(0, 0, 0, .07);
    color: #000;
    border-color: transparent
}

.button-secondary-alpha:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button-secondary-alpha:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button-secondary-alpha:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button-secondary-alpha:active {
    background: rgba(0, 0, 0, .09);
    color: #000;
    border-color: transparent
}

.button-secondary-alpha.disabled,
.button-secondary-alpha:disabled {
    background: rgba(0, 0, 0, .08);
    color: #000;
    opacity: .56
}

.button-tertiary {
    background: transparent;
    color: #06c;
    border-color: #06c
}

.button-tertiary:focus,
.button-tertiary:hover {
    background: #0077ed;
    color: #fff;
    border-color: transparent
}

.button-tertiary:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button-tertiary:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button-tertiary:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button-tertiary:active {
    background: #006edb;
    color: #fff;
    border-color: transparent
}

.button-tertiary.disabled,
.button-tertiary:disabled {
    background: transparent;
    color: #06c;
    opacity: var(--sk-link-disabled-opacity)
}

.button-tertiary-neutral {
    background: transparent;
    color: #1d1d1f;
    border-color: #1d1d1f
}

.button-tertiary-neutral:focus,
.button-tertiary-neutral:hover {
    background: #272729;
    color: #fff;
    border-color: transparent
}

.button-tertiary-neutral:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.button-tertiary-neutral:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.button-tertiary-neutral:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button-tertiary-neutral:active {
    background: #18181a;
    color: #fff;
    border-color: transparent
}

.button-tertiary-neutral.disabled,
.button-tertiary-neutral:disabled {
    background: transparent;
    color: #1d1d1f;
    opacity: var(--sk-link-disabled-opacity)
}

.button-super {
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 30px;
    padding: 17px 30px;
    --sk-button-margin-horizontal: 22px;
    --sk-button-margin-vertical: 22px
}

.button-super:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh) {
    letter-spacing: 0em
}

.button-super:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super.button-block {
    border-radius: 12px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button-elevated {
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 28px;
    padding: 11px 21px;
    --sk-button-margin-horizontal: 18px;
    --sk-button-margin-vertical: 18px
}

.button-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh) {
    letter-spacing: 0em
}

.button-elevated:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated.button-block {
    border-radius: 10px;
    --sk-button-margin-horizontal: 11px;
    --sk-button-margin-vertical: 11px
}

.button-reduced {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 25px;
    padding: 3px 10px;
    --sk-button-margin-horizontal: 10px;
    --sk-button-margin-vertical: 10px
}

.button-reduced:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh) {
    letter-spacing: 0em
}

.button-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced.button-block {
    border-radius: 5px;
    --sk-button-margin-horizontal: 6px;
    --sk-button-margin-vertical: 6px
}

.button-margin {
    margin-right: var(--sk-button-margin-horizontal);
    margin-bottom: var(--sk-button-margin-vertical)
}

.paddlenav,
.paddlenav ul {
    margin: 0;
    list-style: none
}

.paddlenav .paddlenav-arrow {
    display: block;
    font-style: normal;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: background-color 100ms linear, color 100ms linear, opacity 100ms linear
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
    top: 50%
}

.paddlenav .paddlenav-arrow-down,
.paddlenav .paddlenav-arrow-up {
    left: 50%
}

.paddlenav .paddlenav-arrow:hover {
    text-decoration: none
}

.paddlenav .paddlenav-arrow.disabled,
.paddlenav .paddlenav-arrow:disabled {
    cursor: default;
    opacity: 0
}

.paddlenav .paddlenav-arrow.disabled:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow.disabled:focus[data-focus-method=touch]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow:disabled:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow:disabled:focus[data-focus-method=touch]:not(input):not(textarea):not(select),
html.touch .paddlenav .paddlenav-arrow.disabled,
html.touch .paddlenav .paddlenav-arrow:disabled {
    opacity: 0
}

.paddlenav .paddlenav-arrow {
    font-weight: 300;
    width: 5.2941176471rem;
    height: 5.2941176471rem;
    border-radius: 5.2941176471rem;
    font-size: 53px;
    line-height: 5.2941176471rem
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
    margin-top: -2.6470588235rem
}

.paddlenav .paddlenav-arrow-down,
.paddlenav .paddlenav-arrow-up {
    margin-left: -2.6470588235rem
}

.paddlenav .paddlenav-arrow-next:after,
.paddlenav .paddlenav-arrow-next:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav .paddlenav-arrow-next:before {
    display: none
}

.paddlenav .paddlenav-arrow-next:after,
.paddlenav .paddlenav-arrow-next:before {
    content: ""
}

.paddlenav .paddlenav-arrow-next:after {
    margin-right: -0.056em
}

.paddlenav .paddlenav-arrow-previous:after,
.paddlenav .paddlenav-arrow-previous:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav .paddlenav-arrow-previous:before {
    display: none
}

.paddlenav .paddlenav-arrow-previous:after,
.paddlenav .paddlenav-arrow-previous:before {
    content: ""
}

.paddlenav .paddlenav-arrow-previous:after {
    margin-left: -0.056em
}

.paddlenav .paddlenav-arrow-up:after,
.paddlenav .paddlenav-arrow-up:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav .paddlenav-arrow-up:before {
    display: none
}

.paddlenav .paddlenav-arrow-up:after,
.paddlenav .paddlenav-arrow-up:before {
    content: ""
}

.paddlenav .paddlenav-arrow-down:after,
.paddlenav .paddlenav-arrow-down:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav .paddlenav-arrow-down:before {
    display: none
}

.paddlenav .paddlenav-arrow-down:after,
.paddlenav .paddlenav-arrow-down:before {
    content: ""
}

.paddlenav .paddlenav-arrow {
    background-color: initial;
    color: rgba(0, 0, 0, .56)
}

.paddlenav .paddlenav-arrow:hover {
    background-color: initial;
    color: rgba(0, 0, 0, .64)
}

.paddlenav .paddlenav-arrow:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.paddlenav .paddlenav-arrow:active,
.paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active,
.paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
    background-color: initial;
    color: rgba(0, 0, 0, .64)
}

.paddlenav .paddlenav-arrow-next {
    right: 18px
}

.paddlenav .paddlenav-arrow-previous {
    left: 18px
}

.paddlenav .paddlenav-arrow-up {
    top: 18px
}

.paddlenav .paddlenav-arrow-down {
    bottom: 18px
}

@media only screen and (max-width:734px) {
    .paddlenav .paddlenav-arrow {
        font-weight: 300;
        width: 3.0588235294rem;
        height: 3.0588235294rem;
        border-radius: 3.0588235294rem;
        font-size: 53px;
        line-height: 3.0588235294rem
    }
    .paddlenav .paddlenav-arrow-next,
    .paddlenav .paddlenav-arrow-previous {
        margin-top: -1.5294117647rem
    }
    .paddlenav .paddlenav-arrow-down,
    .paddlenav .paddlenav-arrow-up {
        margin-left: -1.5294117647rem
    }
    .paddlenav .paddlenav-arrow-next:after,
    .paddlenav .paddlenav-arrow-next:before {
        font-family: SF Pro Icons;
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: "";
        text-decoration: none
    }
    .paddlenav .paddlenav-arrow-next:before {
        display: none
    }
    .paddlenav .paddlenav-arrow-next:after,
    .paddlenav .paddlenav-arrow-next:before {
        content: ""
    }
    .paddlenav .paddlenav-arrow-next:after {
        margin-right: -0.1em
    }
    .paddlenav .paddlenav-arrow-previous:after,
    .paddlenav .paddlenav-arrow-previous:before {
        font-family: SF Pro Icons;
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: "";
        text-decoration: none
    }
    .paddlenav .paddlenav-arrow-previous:before {
        display: none
    }
    .paddlenav .paddlenav-arrow-previous:after,
    .paddlenav .paddlenav-arrow-previous:before {
        content: ""
    }
    .paddlenav .paddlenav-arrow-previous:after {
        margin-left: -0.1em
    }
    .paddlenav .paddlenav-arrow-up:after,
    .paddlenav .paddlenav-arrow-up:before {
        font-family: SF Pro Icons;
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: "";
        text-decoration: none
    }
    .paddlenav .paddlenav-arrow-up:before {
        display: none
    }
    .paddlenav .paddlenav-arrow-up:after,
    .paddlenav .paddlenav-arrow-up:before {
        content: ""
    }
    .paddlenav .paddlenav-arrow-down:after,
    .paddlenav .paddlenav-arrow-down:before {
        font-family: SF Pro Icons;
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: "";
        text-decoration: none
    }
    .paddlenav .paddlenav-arrow-down:before {
        display: none
    }
    .paddlenav .paddlenav-arrow-down:after,
    .paddlenav .paddlenav-arrow-down:before {
        content: ""
    }
}

.paddlenav-compact .paddlenav-arrow {
    font-weight: 300;
    width: 3.0588235294rem;
    height: 3.0588235294rem;
    border-radius: 3.0588235294rem;
    font-size: 53px;
    line-height: 3.0588235294rem
}

.paddlenav-compact .paddlenav-arrow-next,
.paddlenav-compact .paddlenav-arrow-previous {
    margin-top: -1.5294117647rem
}

.paddlenav-compact .paddlenav-arrow-down,
.paddlenav-compact .paddlenav-arrow-up {
    margin-left: -1.5294117647rem
}

.paddlenav-compact .paddlenav-arrow-next:after,
.paddlenav-compact .paddlenav-arrow-next:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-next:before {
    display: none
}

.paddlenav-compact .paddlenav-arrow-next:after,
.paddlenav-compact .paddlenav-arrow-next:before {
    content: ""
}

.paddlenav-compact .paddlenav-arrow-next:after {
    margin-right: -0.1em
}

.paddlenav-compact .paddlenav-arrow-previous:after,
.paddlenav-compact .paddlenav-arrow-previous:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-previous:before {
    display: none
}

.paddlenav-compact .paddlenav-arrow-previous:after,
.paddlenav-compact .paddlenav-arrow-previous:before {
    content: ""
}

.paddlenav-compact .paddlenav-arrow-previous:after {
    margin-left: -0.1em
}

.paddlenav-compact .paddlenav-arrow-up:after,
.paddlenav-compact .paddlenav-arrow-up:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-up:before {
    display: none
}

.paddlenav-compact .paddlenav-arrow-up:after,
.paddlenav-compact .paddlenav-arrow-up:before {
    content: ""
}

.paddlenav-compact .paddlenav-arrow-down:after,
.paddlenav-compact .paddlenav-arrow-down:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-compact .paddlenav-arrow-down:before {
    display: none
}

.paddlenav-compact .paddlenav-arrow-down:after,
.paddlenav-compact .paddlenav-arrow-down:before {
    content: ""
}

.paddlenav-tiny .paddlenav-arrow {
    font-weight: 700;
    width: 2.1176470588rem;
    height: 2.1176470588rem;
    border-radius: 2.1176470588rem;
    font-size: 18px;
    line-height: 2.1176470588rem
}

.paddlenav-tiny .paddlenav-arrow-next,
.paddlenav-tiny .paddlenav-arrow-previous {
    margin-top: -1.0588235294rem
}

.paddlenav-tiny .paddlenav-arrow-down,
.paddlenav-tiny .paddlenav-arrow-up {
    margin-left: -1.0588235294rem
}

.paddlenav-tiny .paddlenav-arrow-next:after,
.paddlenav-tiny .paddlenav-arrow-next:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-tiny .paddlenav-arrow-next:before {
    display: none
}

.paddlenav-tiny .paddlenav-arrow-next:after,
.paddlenav-tiny .paddlenav-arrow-next:before {
    content: ""
}

.paddlenav-tiny .paddlenav-arrow-next:after {
    margin-right: -0.1em
}

.paddlenav-tiny .paddlenav-arrow-previous:after,
.paddlenav-tiny .paddlenav-arrow-previous:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-tiny .paddlenav-arrow-previous:before {
    display: none
}

.paddlenav-tiny .paddlenav-arrow-previous:after,
.paddlenav-tiny .paddlenav-arrow-previous:before {
    content: ""
}

.paddlenav-tiny .paddlenav-arrow-previous:after {
    margin-left: -0.1em
}

.paddlenav-tiny .paddlenav-arrow-up:after,
.paddlenav-tiny .paddlenav-arrow-up:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-tiny .paddlenav-arrow-up:before {
    display: none
}

.paddlenav-tiny .paddlenav-arrow-up:after,
.paddlenav-tiny .paddlenav-arrow-up:before {
    content: ""
}

.paddlenav-tiny .paddlenav-arrow-down:after,
.paddlenav-tiny .paddlenav-arrow-down:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.paddlenav-tiny .paddlenav-arrow-down:before {
    display: none
}

.paddlenav-tiny .paddlenav-arrow-down:after,
.paddlenav-tiny .paddlenav-arrow-down:before {
    content: ""
}

.paddlenav-framed .paddlenav-arrow {
    background-color: rgba(210, 210, 215, .64);
    color: rgba(0, 0, 0, .56)
}

.paddlenav-framed .paddlenav-arrow:hover {
    background-color: rgba(223, 223, 227, .6976);
    color: rgba(0, 0, 0, .64)
}

.paddlenav-framed .paddlenav-arrow:focus {
    box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3;
    outline: none
}

.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.paddlenav-framed .paddlenav-arrow:active {
    background-color: rgba(193, 193, 198, .6544);
    color: rgba(0, 0, 0, .64)
}

.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
    background-color: rgba(223, 223, 227, .6976);
    color: rgba(0, 0, 0, .64)
}

.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active {
    background-color: rgba(193, 193, 198, .6544);
    color: rgba(0, 0, 0, .64)
}

.paddlenav-framed .paddlenav-arrow-next {
    right: 18px
}

.paddlenav-framed .paddlenav-arrow-previous {
    left: 18px
}

.paddlenav-framed .paddlenav-arrow-up {
    top: 18px
}

.paddlenav-framed .paddlenav-arrow-down {
    bottom: 18px
}

.with-paddlenav {
    position: relative
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow {
    opacity: 0;
    transition: background-color 100ms linear, color 100ms linear, opacity 100ms linear
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow:focus,
html.no-touch .with-paddlenav-onhover:hover .paddlenav-arrow {
    opacity: 1
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow.disabled,
html.no-touch .with-paddlenav-onhover .paddlenav-arrow:disabled {
    opacity: 0
}

.with-paddlenav-visuallyhidden .paddlenav-arrow {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%)
}

.with-paddlenav-visuallyhidden .paddlenav-arrow:focus,
.with-paddlenav-visuallyhidden .paddlenav-arrow:hover {
    clip: auto;
    clip-path: none
}

.theme-dark {
    --sk-link-disabled-opacity: 0.36;
    background-color: #000
}

.theme-dark,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #86868b;
}

.theme-dark .link,
.theme-dark a {
    color: #2997ff
}

.theme-dark .footnote a {
    color: inherit
}

.theme-dark .footnote a:hover {
    color: #2997ff
}

.theme-dark .button {
    background: #0071e3;
    color: #fff;
    border-color: transparent
}

.theme-dark .button:focus,
.theme-dark .button:hover {
    background: #0077ed;
    color: #fff;
    border-color: transparent
}

.theme-dark .button:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button:active {
    background: #006edb;
    color: #fff;
    border-color: transparent
}

.theme-dark .button.disabled,
.theme-dark .button:disabled {
    background: #0071e3;
    color: #fff;
    opacity: var(--sk-link-disabled-opacity)
}

.theme-dark .button-neutral {
    background: #f5f5f7;
    color: #000;
    border-color: transparent
}

.theme-dark .button-neutral:focus,
.theme-dark .button-neutral:hover {
    background: #fff;
    color: #000;
    border-color: transparent
}

.theme-dark .button-neutral:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button-neutral:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button-neutral:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button-neutral:active {
    background: #ededf2;
    color: #000;
    border-color: transparent
}

.theme-dark .button-neutral.disabled,
.theme-dark .button-neutral:disabled {
    background: #f5f5f7;
    color: #000;
    opacity: var(--sk-link-disabled-opacity)
}

.theme-dark .button-secondary {
    background: #757579;
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary:focus,
.theme-dark .button-secondary:hover {
    background: #79797d;
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button-secondary:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button-secondary:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button-secondary:active {
    background: #747478;
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary.disabled,
.theme-dark .button-secondary:disabled {
    background: #757579;
    color: #fff;
    opacity: .56
}

.theme-dark .button-secondary-alpha {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary-alpha:focus,
.theme-dark .button-secondary-alpha:hover {
    background: rgba(255, 255, 255, .21);
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary-alpha:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button-secondary-alpha:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button-secondary-alpha:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button-secondary-alpha:active {
    background: rgba(255, 255, 255, .19);
    color: #fff;
    border-color: transparent
}

.theme-dark .button-secondary-alpha.disabled,
.theme-dark .button-secondary-alpha:disabled {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    opacity: .56
}

.theme-dark .button-tertiary {
    background: transparent;
    color: #2997ff;
    border-color: #2997ff
}

.theme-dark .button-tertiary:focus,
.theme-dark .button-tertiary:hover {
    background: #0077ed;
    color: #fff;
    border-color: transparent
}

.theme-dark .button-tertiary:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button-tertiary:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button-tertiary:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button-tertiary:active {
    background: #006edb;
    color: #fff;
    border-color: transparent
}

.theme-dark .button-tertiary.disabled,
.theme-dark .button-tertiary:disabled {
    background: transparent;
    color: #2997ff;
    opacity: var(--sk-link-disabled-opacity)
}

.theme-dark .button-tertiary-neutral {
    background: transparent;
    color: #f5f5f7;
    border-color: #f5f5f7
}

.theme-dark .button-tertiary-neutral:focus,
.theme-dark .button-tertiary-neutral:hover {
    background: #fff;
    color: #000;
    border-color: transparent
}

.theme-dark .button-tertiary-neutral:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .button-tertiary-neutral:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .button-tertiary-neutral:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .button-tertiary-neutral:active {
    background: #ededf2;
    color: #000;
    border-color: transparent
}

.theme-dark .button-tertiary-neutral.disabled,
.theme-dark .button-tertiary-neutral:disabled {
    background: transparent;
    color: #f5f5f7;
    opacity: var(--sk-link-disabled-opacity)
}

.theme-dark .paddlenav .paddlenav-arrow {
    background-color: initial;
    color: rgba(255, 255, 255, .8)
}

.theme-dark .paddlenav .paddlenav-arrow:hover {
    background-color: initial;
    color: #fff
}

.theme-dark .paddlenav .paddlenav-arrow:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .paddlenav .paddlenav-arrow:active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
    background-color: initial;
    color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow {
    background-color: rgba(66, 66, 69, .72);
    color: rgba(255, 255, 255, .8)
}

.theme-dark .paddlenav-framed .paddlenav-arrow:hover {
    background-color: rgba(73, 73, 76, .7256);
    color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus {
    box-shadow: 0 0 0 3px black, 0 0 0 5px #0071E3;
    outline: none
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.theme-dark .paddlenav-framed .paddlenav-arrow:active {
    background-color: rgba(57, 57, 60, .7424);
    color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
    background-color: rgba(73, 73, 76, .7256);
    color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active {
    background-color: rgba(57, 57, 60, .7424);
    color: #fff
}

.theme-dark .violator,
.theme-dark .violator-frameless {
    background: transparent;
    border-color: #f56300;
    color: #f56300
}

.theme-dark .violator-secondary {
    background: transparent;
    border-color: #86868b;
    color: #86868b
}

.typography-headline-elevated {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -0.009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(ja) {
    line-height: 1.109375;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(ko) {
    line-height: 1.171875;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(zh) {
    line-height: 1.09375;
    letter-spacing: 0em
}

.typography-headline-elevated:lang(th) {
    line-height: 1.34375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-headline-elevated:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-headline-elevated {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.1459933333;
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-elevated:lang(th) {
        line-height: 1.3334933333;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-headline-elevated {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.175;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.2;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-eyebrow-super {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(ja) {
    line-height: 1.21875;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(ko) {
    line-height: 1.21875;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(zh) {
    line-height: 1.21875
}

.typography-eyebrow-super:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-eyebrow-super:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-eyebrow-super {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.25;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh) {
        line-height: 1.25
    }
    .typography-eyebrow-super:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-eyebrow-super {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        line-height: 1.25;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh) {
        line-height: 1.2916666667
    }
    .typography-eyebrow-super:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-label {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(ja) {
    line-height: 1.25;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(ko) {
    line-height: 1.2916666667;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(zh) {
    line-height: 1.2916666667
}

.typography-label:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-label:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-label {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(zh) {
        line-height: 1.3334033333
    }
    .typography-label:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-label:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-tout {
    font-size: 19px;
    line-height: 1.2105263158;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(ja) {
    line-height: 1.2631578947;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(ko) {
    line-height: 1.3157894737;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(th) {
    line-height: 1.3684410526;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(zh) {
    line-height: 1.3684410526
}

.typography-tout:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tout:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced {
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.typography-body-reduced:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-body-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(ja) {
    line-height: 1.4166666667;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(ko) {
    line-height: 1.4166666667;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(zh) {
    letter-spacing: 0em
}

.typography-caption:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(ja) {
    line-height: 1.25;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(ko) {
    line-height: 1.2916666667;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(zh) {
    line-height: 1.2916666667
}

.typography-hero-copy:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-copy:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-hero-copy {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh) {
        line-height: 1.3684410526
    }
    .typography-hero-copy:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-hero-copy {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ko) {
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(ko),
    .typography-hero-copy:lang(th),
    .typography-hero-copy:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }
    .typography-hero-copy:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-hero-copy:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-foundation-headline {
    font-size: 96px;
    line-height: 1.0834933333;
    font-weight: 400;
    letter-spacing: -0.003em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    
}

.typography-foundation-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(ja) {
    line-height: 1.1459933333;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-foundation-headline:lang(th) {
    line-height: 1.3334933333;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-foundation-headline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-foundation-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 700;
        letter-spacing: .004em;
        font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
    .typography-foundation-headline:lang(ja) {
        line-height: 1.21875;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh) {
        line-height: 1.21875
    }
    .typography-foundation-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-foundation-headline {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 700;
        letter-spacing: .007em;
        font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
    .typography-foundation-headline:lang(ko) {
        line-height: 1.25;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh) {
        line-height: 1.25
    }
    .typography-foundation-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-foundation-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-design-highlight-copy {
    font-size: 19px;
    line-height: 1.2105263158;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(ja) {
    line-height: 1.2631578947;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(ko) {
    line-height: 1.3157894737;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(th) {
    line-height: 1.3684410526;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(zh) {
    line-height: 1.3684410526
}

.typography-design-highlight-copy:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-design-highlight-copy:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-design-highlight-copy {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh) {
        line-height: 1.3684410526
    }
    .typography-design-highlight-copy:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-design-highlight-copy {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ko) {
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(ko),
    .typography-design-highlight-copy:lang(th),
    .typography-design-highlight-copy:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }
    .typography-design-highlight-copy:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-design-highlight-copy:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-links {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(ja) {
    line-height: 1.25;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(ko) {
    line-height: 1.2916666667;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(zh) {
    line-height: 1.2916666667
}

.typography-section-links:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-links:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-links {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(zh) {
        line-height: 1.3684410526
    }
    .typography-section-links:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-links:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-eyebrow {
    font-size: 24px;
    line-height: 1.1666666667;
    font-weight: 700;
    letter-spacing: .009em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-section-eyebrow:lang(ja) {
    line-height: 1.25;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(ko) {
    line-height: 1.2916666667;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(zh) {
    line-height: 1.2916666667
}

.typography-section-eyebrow:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-eyebrow:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-eyebrow {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 700;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(zh) {
        line-height: 1.3684410526
    }
    .typography-section-eyebrow:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-eyebrow:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-headline {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.015em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-section-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(ja) {
    line-height: 1.0875;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(ko) {
    line-height: 1.15;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

.typography-section-headline:lang(th) {
    line-height: 1.35;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 700;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ja) {
        line-height: 1.109375;
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ko) {
        line-height: 1.171875;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }
    .typography-section-headline:lang(th) {
        line-height: 1.34375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-section-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ja) {
        line-height: 1.175;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ko) {
        line-height: 1.2;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-intro {
    font-size: 32px;
    line-height: 1.3334133333;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-section-intro:lang(ja) {
    line-height: 1.4166666667;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(ko) {
    line-height: 1.4584133333;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-intro:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-intro {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh) {
        line-height: 1.3684410526
    }
    .typography-section-intro:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-section-intro {
        font-size: 17px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
    .typography-section-intro:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh) {
        line-height: 1.3334033333
    }
    .typography-section-intro:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-intro:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-headline-reduced {
    font-size: 48px;
    line-height: 1.125;
    font-weight: 700;
    letter-spacing: .004em;
   font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   text-align: right;
}

.typography-section-headline-reduced:lang(ja) {
    line-height: 1.21875;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(ko) {
    line-height: 1.21875;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(zh) {
    line-height: 1.21875
}

.typography-section-headline-reduced:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-headline-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-headline-reduced {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 700;
        letter-spacing: .009em;
        font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
    .typography-section-headline-reduced:lang(ja) {
        line-height: 1.25;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh) {
        line-height: 1.2916666667
    }
    .typography-section-headline-reduced:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-section-headline-reduced {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 700;
        letter-spacing: .011em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
    .typography-section-headline-reduced:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh) {
        line-height: 1.3334033333
    }
    .typography-section-headline-reduced:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-headline-reduced:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-body {
    font-size: 32px;
    line-height: 1.381002381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-section-body:lang(ja) {
    line-height: 1.4286014286;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(ko) {
    line-height: 1.5238095238;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-section-body:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-section-body {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
    .typography-section-body:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(ko) {
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(ko),
    .typography-section-body:lang(th),
    .typography-section-body:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }
    .typography-section-body:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-section-body:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-section-button {
    font-size: 19px;
    line-height: 1.2105263158;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}




@media only screen and (max-width:1068px) {
    .typography-section-button {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 600;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
    
}

.typography-drawer-caption {
    font-size: 22px;
    line-height: 1.2353641176;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}



.copyright{
    
    font-size: 12px;
}
@media only screen and (max-width:734px) {
    .typography-drawer-caption {
        font-size: 12px;
        line-height: 1.2857742857;
        font-weight: 600;
        letter-spacing: -0.016em;
 font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 .bullets h3 {
    font-size: 18px !important;
    margin-bottom: 0px !important;
}
.card-copy h2{
    
     font-size: 18px;
    margin-bottom: 0px;
}
.copyright{
    
    font-size: 8px;
}
    
}

.typography-router-headline {
    font-size: 48px;
    line-height: 1.0714285714;
    font-weight: 700;
    letter-spacing: -0.005em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
h3.typography-router-headline {
    font-size: 32px;
    line-height: 1.0714285714;
    font-weight: 700;
    letter-spacing: -0.005em;
    font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}




@media only screen and (max-width:1068px) {
    .typography-router-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;    }
   
}

.typography-router-copy {
    font-size: 24px;
    line-height: 1.3334133333;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}



@media only screen and (max-width:1068px) {
    .typography-router-copy {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 400;
        letter-spacing: 0.022em;
    }
   
   
}

.typography-video-attribution {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 600;
    letter-spacing: -0.016em;
}





@media only screen and (max-width:734px) {
    .typography-video-attribution {
        font-size: 12px;
        line-height: 1.3333733333;
        font-weight: 600;
        letter-spacing: -0.01em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
 
  
}

.typography-card-links {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 600;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}



@media only screen and (max-width:734px) {
    .typography-card-links {
        font-size: 12px;
        line-height: 1.3333733333;
        font-weight: 600;
        letter-spacing: -0.01em;
    }
   
}

.typography-tour-hero-copy {
    font-size: 21px;
    line-height: 1.1904761905;
    font-weight: 600;
    letter-spacing: .011em;
}


@media only screen and (max-width:1068px) {
    .typography-tour-hero-copy {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
    }

}

.typography-tour-hero-headline {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(ja) {
    line-height: 1.21875;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(ko) {
    line-height: 1.21875;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(zh) {
    line-height: 1.21875
}

.typography-tour-hero-headline:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-hero-headline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-tour-hero-headline {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(ja) {
        line-height: 1.25;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh) {
        line-height: 1.2916666667
    }
    .typography-tour-hero-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .typography-tour-hero-headline {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh) {
        line-height: 1.3334033333
    }
    .typography-tour-hero-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-hero-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-tour-router-large-headline {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(ja) {
    line-height: 1.175;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(ko) {
    line-height: 1.2;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(th) {
    line-height: 1.35;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-headline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-tour-router-large-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(ja) {
        line-height: 1.21875;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(zh) {
        line-height: 1.21875
    }
    .typography-tour-router-large-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-tour-router-large-cta {
    font-size: 21px;
    line-height: 1.381002381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(ja) {
    line-height: 1.4286014286;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(ko) {
    line-height: 1.5238095238;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-tour-router-large-cta:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .typography-tour-router-large-cta {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(ko) {
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(ko),
    .typography-tour-router-large-cta:lang(th),
    .typography-tour-router-large-cta:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }
    .typography-tour-router-large-cta:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .typography-tour-router-large-cta:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

[class*=typography-eyebrow] {
    display: block;
    margin-bottom: .4em
}

[class*=typography-eyebrow]+* {
    margin-top: 0
}

.typography-headline+.typography-intro {
    margin-top: 1.2em
}

.typography-headline-super+.typography-intro-elevated {
    margin-top: 1.6em
}

.typography-headline-elevated+.typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-reduced+.typography-body,
.typography-headline-reduced+p,
.typography-headline-reduced+ul {
    margin-top: 1em
}

@media only screen and (min-width:834px) {
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
        border-radius: 980px;
        font-size: 14px;
        line-height: 1.3333733333;
        font-weight: 400;
        letter-spacing: -0.01em;
        font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        padding: 3px 10px;
        margin-top: -1px;
        background: transparent;
        color: #000;
        border: 1px solid #000
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:hover {
        text-decoration: none
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:active {
        outline: none
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral.disabled,
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:disabled {
        cursor: default;
        pointer-events: none
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(ja) {
        line-height: 1.4166666667;
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(ko) {
        line-height: 1.4166666667;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(zh) {
        letter-spacing: 0em
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(th) {
        line-height: 1.3333733333;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:active,
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus,
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:hover {
        background: #000;
        color: #fff
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus {
        box-shadow: none;
        outline: 2px solid #000;
        outline-offset: 3px
    }
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus[data-focus-method=mouse],
    #ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus[data-focus-method=touch] {
        outline: none
    }
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral {
        color: #fff;
        border-color: #fff;
        outline-color: #fff
    }
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral:active,
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus,
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral:hover {
        background: #fff;
        color: #000
    }
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus {
        outline-color: #fff
    }
    .ac-localnav-dark#ac-localnav .ac-ln-menu-link.button-secondary-neutral:focus[data-focus-method=mouse] {
        outline: none
    }
}

html.aow {
    --r-globalnav-height: 0px
}

.modal-close-button {
    cursor: auto;
    position: var(--modal-close-button-position);
    order: 1;
    display: flex;
    align-self: flex-start;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    height: var(--modal-close-button-size);
    width: var(--modal-close-button-size);
    margin: 0;
    padding: 0;
    border: 0;
    margin-inline-start: var(--modal-close-button-offset-inline-start);
    margin-top: var(--modal-close-button-offset-top);
    top: var(--modal-close-button-offset-top)
}

html.has-modal .modal-close-button {
    cursor: pointer
}

.modal-close-button:focus {
    outline: none
}

.modal-close-button:focus .modal-close-icon {
    box-shadow: 0 0 0 2px #0071E3;
    outline: none
}

.modal-close-button:focus .modal-close-icon[data-focus-method=mouse]:not(input):not(textarea):not(select),
.modal-close-button:focus .modal-close-icon[data-focus-method=touch]:not(input):not(textarea):not(select),
.modal-close-button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select) .modal-close-icon,
.modal-close-button:focus[data-focus-method=touch]:not(input):not(textarea):not(select) .modal-close-icon {
    box-shadow: none
}

.modal-close-button:hover .modal-close-icon {
    background: var(--modal-close-background-hover);
    color: var(--modal-close-color-hover)
}

.modal-close-button:active .modal-close-icon {
    background: var(--modal-close-background-active)
}

.modal-close-button .modal-close-icon {
    background: var(--modal-close-background);
    border-radius: var(--modal-close-border-radius);
    color: var(--modal-close-color);
    display: flex;
    align-items: center;
    height: var(--modal-close-icon-size);
    width: var(--modal-close-icon-size);
    outline: none;
    transition: color 100ms linear, background 100ms linear;
    position: relative
}

.modal-close-button .modal-close-icon svg {
    fill: currentColor;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: var(--modal-close-icon-svg-size);
    width: var(--modal-close-icon-svg-size)
}

.modal-close-button .modal-close-icon * {
    pointer-events: none
}

.modal {
    --modal-overlay-background: white;
    --modal-overlay-padding-top: 76px;
    --modal-overlay-padding-bottom: 76px;
    --modal-overlay-padding-inline: 76px;
    --modal-close-button-offset-top: 16px;
    --modal-close-button-offset-inline-start: 16px;
    --modal-close-button-size: 44px;
    --modal-close-background: #e8e8ed;
    --modal-close-background-hover: #ececf0;
    --modal-close-background-active: #dfdfe4;
    --modal-close-color: rgba(0, 0, 0, 0.56);
    --modal-close-color-hover: rgba(0, 0, 0, 0.72);
    --modal-close-border-radius: 50%;
    --modal-close-button-position: sticky;
    --modal-close-icon-size: 36px;
    --modal-close-icon-svg-size: 20px;
    background: var(--modal-scrim-background, var(--modal-overlay-background));
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    overflow: auto
}

.modal.theme-dark,
.theme-dark .modal {
    --modal-overlay-background: #1d1d1f;
    --modal-close-background: #333336;
    --modal-close-background-hover: #37373a;
    --modal-close-background-active: #2f2f32;
    --modal-close-color: rgba(255, 255, 255, 0.8);
    --modal-close-color-hover: white
}

@media only screen and (max-width:734px) {
    .modal {
        --modal-overlay-padding-inline: 6.25%
    }
}

.modal .modal-overlay-container {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal .modal-overlay {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.modal .modal-content-container {
    background: var(--modal-overlay-background);
    order: 2;
    box-sizing: border-box;
    padding-inline-start: var(--modal-overlay-padding-inline);
    padding-inline-end: var(--modal-overlay-padding-inline);
    padding-top: var(--modal-overlay-padding-top);
    padding-bottom: var(--modal-overlay-padding-bottom);
    margin-top: calc(-44px + var(--modal-close-button-offset-top)*-1)
}

.modal-open {
    display: block;
    z-index: 11000
}

.modal-touch-lock {
    touch-action: none
}

.has-modal {
    overflow: hidden
}

.has-modal body {
    padding-inline-end: var(--modal-scrollbar-buffer)
}

.modal-full-bleed {
    --modal-scrim-background: var(--modal-overlay-background);
    --modal-overlay-padding-top: 96px;
    --modal-overlay-padding-bottom: 96px;
    --modal-close-button-offset-top: max(16px, env(safe-area-inset-top));
    --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-left))
}

@media only screen and (max-width:1068px) {
    .modal-full-bleed {
        --modal-overlay-padding-top: 76px;
        --modal-overlay-padding-bottom: 76px
    }
}

.modal-full-bleed .modal-overlay-container {
    flex-direction: column
}

.modal-full-bleed .modal-overlay {
    flex-grow: 1;
    width: 100%
}

.modal-full-bleed .modal-overlay:focus {
    outline-offset: -4px
}

.modal-full-bleed .modal-content-container {
    flex-grow: 1
}

.modal-page-overlay {
    --modal-scrim-background: rgba(0, 0, 0, 0.48);
    --modal-overlay-margin-top: 40px;
    --modal-overlay-margin-bottom: var(--modal-overlay-margin-top);
    --modal-overlay-border-radius-top: 18px;
    --modal-overlay-border-radius-bottom: var(--modal-overlay-border-radius-top);
    --modal-overlay-width: 816.6666666667px
}

@media only screen and (max-width:1068px) {
    .modal-page-overlay {
        --modal-overlay-width: 692px
    }
}

@media only screen and (max-width:734px) {
    .modal-page-overlay {
        --modal-overlay-width: 87.5%
    }
}

.modal-page-overlay .modal-overlay {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border-radius: var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-bottom) var(--modal-overlay-border-radius-bottom);
    width: var(--modal-overlay-width);
    margin-top: var(--modal-overlay-margin-top);
    margin-bottom: var(--modal-overlay-margin-bottom)
}

.modal-page-overlay .modal-overlay:focus {
    box-shadow: 0 0 0 2px #0071E3;
    outline: none
}

.modal-page-overlay .modal-overlay:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.modal-page-overlay .modal-overlay:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.modal-page-overlay .modal-overlay .modal-content-container {
    border-radius: inherit;
    mask-image: radial-gradient(white, black)
}

@media only screen and (min-width:1069px) {
    .modal-wide {
        --modal-overlay-width: 1029px
    }
}

.modal-crossfade {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease, visibility 0s linear .4s, z-index 0s linear .4s
}

@media(prefers-reduced-motion) {
    .modal-crossfade {
        transition: none
    }
}

.modal-crossfade.modal-open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.modal-fixed-height {
    overflow: initial;
    --modal-close-button-position: static
}

.modal-curtain-white {
    --modal-scrim-background: rgba(255, 255, 255, 0.48)
}

.modal-curtain-blur {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.modal-close-button-static {
    --modal-close-button-position: static
}

.tabnav {
    --scroll-container-paddle-width: 34px;
    --scroll-container-paddle-chevron-color: #1d1d1f;
    --scroll-container-border-color: #d2d2d7;
    --scroll-container-paddle-opacity: 0.8;
    --scroll-container-paddle-hover-opacity: 1;
    --scroll-container-paddle-hover-duration: 200ms;
    --scroll-container-paddle-fade-duration: 150ms;
    --scroll-container-paddle-horizontal-offset: -0.5px;
    --scroll-container-border-width: 1px;
    --scroll-container-safearea-offset: -10px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 3.1764705882em;
    font-size: 17px;
    text-align: center;
    z-index: 1
}

.tabnav.theme-dark,
.theme-dark .tabnav {
    --scroll-container-border-color: #424245;
    --scroll-container-paddle-chevron-color: #f5f5f7
}

.tabnav-paddle {
    font-size: 17px;
    line-height: 1.7647058824;
    font-weight: 300;
    letter-spacing: 0em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 0 solid var(--scroll-container-border-color);
    border-radius: 0;
    color: var(--scroll-container-paddle-chevron-color);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: calc(var(--scroll-container-paddle-width) - 1px);
    transition: opacity var(--scroll-container-paddle-fade-duration) ease-out
}

.tabnav-paddle:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(ja) {
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-paddle:after {
    opacity: var(--scroll-container-paddle-opacity);
    transition: opacity var(--scroll-container-paddle-hover-duration) linear
}

.tabnav-paddle:disabled {
    opacity: 0
}

.tabnav-paddle:hover:after {
    opacity: var(--scroll-container-paddle-hover-opacity)
}

.tabnav-paddle:focus {
    outline: none
}

.tabnav-paddle:focus:after {
    outline: 2px solid #0071e3;
    outline-offset: 4px;
    opacity: 1
}

.tabnav-paddle:active,
.tabnav-paddle:focus:after[data-focus-method=mouse]:not(input):not(textarea):not(select),
.tabnav-paddle:focus:after[data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: none
}

.tabnav-paddle:active:after {
    outline: none;
    opacity: var(--scroll-container-paddle-hover-opacity)
}

.tabnav-paddle-left {
    border-right-width: var(--scroll-container-border-width);
    left: 0
}

.tabnav-paddle-left:after,
.tabnav-paddle-left:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.tabnav-paddle-left:before {
    display: none
}

.tabnav-paddle-left:after,
.tabnav-paddle-left:before {
    content: ""
}

.tabnav-paddle-left:after {
    margin-left: var(--scroll-container-paddle-horizontal-offset)
}

@supports(left:calc(max(0px))) {
    .tabnav-paddle-left {
        left: calc(max(env(safe-area-inset-left) + var(--scroll-container-safearea-offset), 0px))
    }
}

.tabnav-paddle-right {
    border-left-width: var(--scroll-container-border-width);
    right: 0
}

.tabnav-paddle-right:after,
.tabnav-paddle-right:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.tabnav-paddle-right:before {
    display: none
}

.tabnav-paddle-right:after,
.tabnav-paddle-right:before {
    content: ""
}

.tabnav-paddle-right:after {
    margin-right: var(--scroll-container-paddle-horizontal-offset)
}

@supports(right:calc(max(0px))) {
    .tabnav-paddle-right {
        right: calc(max(env(safe-area-inset-left) + var(--scroll-container-safearea-offset), 0px))
    }
}

.tabnav-items {
    margin: 0 var(--scroll-container-paddle-width);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding: 0 0 3.1764705882em
}

@supports(margin:calc(max(0px))) {
    .tabnav-items {
        margin: 0 calc(max(env(safe-area-inset-left) + var(--scroll-container-paddle-width) + var(--scroll-container-safearea-offset), var(--scroll-container-paddle-width)))
    }
}

.tabnav-item {
    display: inline-block;
    padding-left: 60px;
    border-bottom: 1px solid #d2d2d7;
    list-style: none;
    outline: none
}

@media only screen and (max-width:1068px) {
    .tabnav-item {
        padding-left: 50px
    }
}

@media only screen and (max-width:734px) {
    .tabnav-item {
        padding-left: 30px
    }
}

.tabnav-item:first-child {
    padding-left: 0
}

.tabnav.with-icons {
    height: 7.5294117647em
}

.tabnav.with-icons .tabnav-icon {
    margin: .3529411765em auto 1.6470588235em
}

.tabnav-link {
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.021em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 9px 0 11px;
    margin-top: 2px;
    margin-bottom: 4px;
    color: #6e6e73;
    text-align: left;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 0
}

.tabnav-link:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(ja) {
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.with-paddles .tabnav-link {
    text-align: center
}

.tabnav-link:hover {
    color: #424245;
    text-decoration: none
}

.tabnav-link:focus {
    outline-offset: -1px
}

.tabnav-link:after {
    left: 0;
    position: absolute;
    bottom: -5px;
    width: 100%;
    border-bottom: 1px solid transparent;
    content: ""
}

.tabnav-link.current {
    pointer-events: none;
    color: #1d1d1f;
    text-decoration: none;
    cursor: default;
    z-index: 10
}

.tabnav-link.current:after {
    border-bottom-color: #1d1d1f
}

.theme-dark .tabnav .tabnav-item {
    border-bottom-color: #424245
}

.theme-dark .tabnav .tabnav-link {
    color: #86868b
}

.theme-dark .tabnav .tabnav-link:hover {
    color: #d2d2d7
}

.theme-dark .tabnav .tabnav-link.current {
    color: #f5f5f7
}

.theme-dark .tabnav .tabnav-link.current:after {
    border-bottom-color: #f5f5f7
}

html.no-js picture[data-lazy] {
    display: none !important
}

html.js [data-anim-lazy-image],
html.js [data-anim-lazy-image] *,
html.js [data-anim-lazy-image]:after,
html.js [data-anim-lazy-image]:before {
    background-image: none !important;
    mask-image: none !important
}

html.js .anim-lazy-image-fade-in {
    opacity: 0
}

html.js .anim-lazy-image-fade-in[data-anim-lazy-image-download-complete] {
    opacity: 1;
    transition: opacity .5s ease-out
}

:root {
    --r-viewport-height: 0;
    --responsive-video-width: 92%
}

@media only screen and (max-width:1068px) {
    :root {
        --responsive-video-width: 90%
    }
}

@media only screen and (max-width:734px) {
    :root {
        --responsive-video-width: 100%
    }
}

.responsive-row {
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width:1068px) {
    .responsive-row {
        padding-left: 5%
    }
}

@media only screen and (max-width:734px) {
    .responsive-row {
        padding-left: 6.25%
    }
}

@media only screen and (max-width:1068px) {
    .responsive-row {
        padding-right: 5%
    }
}

@media only screen and (max-width:734px) {
    .responsive-row {
        padding-right: 6.25%
    }
}

.responsive-row.max-width {
    max-width: 1520px
}

@media only screen and (max-width:1068px) {
    .responsive-row.max-width {
        max-width: 1068px
    }
}

@media only screen and (max-width:734px) {
    .responsive-row.max-width {
        max-width: 374px
    }
}

@media only screen and (max-width:1068px) {
    .responsive-row .section-content {
        width: 100%
    }
}

.responsive-row .full-width {
    flex-basis: 100%
}

.responsive-row .half-width {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0
}

@media only screen and (max-width:734px) {
    .responsive-row .half-width {
        flex-basis: 100%
    }
}

.responsive-row .half-width~.half-width {
    margin-inline-start: 40px
}

@media only screen and (max-width:1068px) {
    .responsive-row .half-width~.half-width {
        margin-inline-start: 20px
    }
}

@media only screen and (max-width:734px) {
    .responsive-row .half-width~.half-width {
        margin-inline-start: 0
    }
}

.ac-localnav-scrim#ac-localnav.ac-localnav-dark .ac-ln-background,
.ac-theme-dark #ac-localnav.ac-localnav-scrim .ac-ln-background {
    background-color: rgba(0, 0, 0, .72)
}

body {
    position: relative
}

.section-content {
    margin-left: auto;
    margin-right: auto;
    
}
@media only screen and (min-width: 1441px) {


      width: 1300px;
}
@media only screen and (min-width:1801px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
         /*  width: 980px */
         width: 1300px;
    }
}

@media only screen and (max-width:1068px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%;
        max-width: 374px
    }
}

.page-overview .modal {
    z-index: 10000
}

.text-center {
    text-align: center
}

html.enhanced .hide-for-enhanced,
html.no-enhanced .hide-for-base {
    display: none
}

.spacer-top {
    padding-top: 180px
}

@media only screen and (max-width:1068px) {
    .spacer-top {
        padding-top: 130px
    }
}

@media only screen and (max-width:734px) {
    .spacer-top {
        padding-top: 110px
    }
}

.spacer-bottom {
    padding-bottom: 180px
}

@media only screen and (max-width:1068px) {
    .spacer-bottom {
        padding-bottom: 130px
    }
}

@media only screen and (max-width:734px) {
    .spacer-bottom {
        padding-bottom: 110px
    }
}

html.enhanced .spacer-top-enhanced {
    padding-top: 180px
}

@media only screen and (max-width:1068px) {
    html.enhanced .spacer-top-enhanced {
        padding-top: 130px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .spacer-top-enhanced {
        padding-top: 110px
    }
}

html.enhanced .spacer-bottom-enhanced {
    padding-bottom: 180px
}

@media only screen and (max-width:1068px) {
    html.enhanced .spacer-bottom-enhanced {
        padding-bottom: 130px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .spacer-bottom-enhanced {
        padding-bottom: 110px
    }
}

html.no-enhanced .spacer-top-base {
    padding-top: 180px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .spacer-top-base {
        padding-top: 130px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .spacer-top-base {
        padding-top: 110px
    }
}

html.no-enhanced .spacer-bottom-base {
    padding-bottom: 180px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .spacer-bottom-base {
        padding-bottom: 130px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .spacer-bottom-base {
        padding-bottom: 110px
    }
}

.section {
    position: relative
}

.headline-lockup {
    padding-bottom: 100px
}

@media only screen and (max-width:1068px) {
    .headline-lockup {
        padding-bottom: 74px
    }
}

@media only screen and (max-width:734px) {
    .headline-lockup {
        padding-bottom: 60px
    }
}

.headline-lockup .section-copy {
    margin-top: 48px
}

@media only screen and (max-width:1068px) {
    .headline-lockup .section-copy {
        margin-top: 30px
    }
}

@media only screen and (max-width:734px) {
    .headline-lockup .section-copy {
        margin-top: 28px
    }
}

.section-eyebrow,
.section-headline {
    text-align: center
}

.section-eyebrow+.section-headline {
    margin-top: 13px
}

@media only screen and (max-width:1068px) {
    .section-eyebrow+.section-headline {
        margin-top: 11px
    }
}

@media only screen and (max-width:734px) {
    .section-eyebrow+.section-headline {
        margin-top: 14px
    }
}

:root {
    --button-padding-t: 16px;
    --button-padding-r: 37px;
    --button-padding-b: 17px;
    --button-padding-l: 27px;
    --button-transition-duration: 0.3s
}

@media only screen and (max-width:1068px) {
    :root {
        --button-padding-t: 11px;
        --button-padding-r: 18px;
        --button-padding-b: 11px;
        --button-padding-l: 15px
    }
}

html.reduced-motion {
    --button-transition-duration: 0s
}

.portal-layout .sticky-element {
    display: flex;
    justify-content: center
}

.portal-layout .video-container {
    align-items: flex-start
}

.portal-layout .portal-content {
    position: relative;
    padding-bottom: 50px
}

@media only screen and (max-width:1068px) {
    .portal-layout .portal-content {
        padding-bottom: 35px
    }
}

@media only screen and (max-width:734px) {
    .portal-layout .portal-content {
        padding-bottom: 0
    }
}

.portal-layout .portal-copy {
    color: #42454F;
    margin-top: 0
}

@media only screen and (max-width:734px) {
    .portal-layout .portal-copy {
        margin-top: 22px
    }
}

@media only screen and (min-width:735px) {
    .portal-layout .portal-copy-row {
        padding-top: 80px
    }
}

.portal-layout .portal-cta {
    font-size: 21px;
    line-height: 1.381002381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(ja) {
    line-height: 1.4286014286;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(ko) {
    line-height: 1.5238095238;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.portal-layout .portal-cta:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:734px) {
    .portal-layout .portal-cta {
        font-size: 19px;
        line-height: 1.4211026316;
        font-weight: 400;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ja) {
        line-height: 1.4737642105;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ko) {
        line-height: 1.5263157895;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:1068px) {
    .portal-layout .portal-cta {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(ko) {
        line-height: 1.5882352941;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh) {
        letter-spacing: 0em
    }
    .portal-layout .portal-cta:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .portal-layout .portal-cta:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.portal-layout .video-attribution-wrapper {
    position: absolute;
    bottom: 60px;
    right: 60px;
    pointer-events: auto;
    text-align: right;
    transition: opacity .2s ease-in-out
}

@media only screen and (max-width:1068px) {
    .portal-layout .video-attribution-wrapper {
        bottom: 40px;
        right: 40px
    }
}

@media only screen and (max-width:734px) {
    .portal-layout .video-attribution-wrapper {
        bottom: 30px;
        right: auto;
        max-width: 87.5%;
        text-align: center
    }
}

.portal-layout .video-attribution-wrapper.hide {
    pointer-events: none;
    opacity: 0
}

.portal-layout .video-attribution-wrapper.hide:focus-within {
    pointer-events: auto;
    opacity: 1
}

html.no-enhanced .portal-layout .video-container {
    width: var(--responsive-video-width)
}

html.no-enhanced .portal-layout .video-borders {
    display: none
}

html.no-enhanced .portal-layout .portal-copy-row {
    padding-top: 80px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .portal-layout .portal-copy-row {
        padding-top: 60px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .portal-layout .portal-copy-row {
        padding-top: 48px;
        padding-bottom: 30px
    }
}

html.no-enhanced .portal-layout .scrim-reveal {
    display: none
}

html.enhanced .portal-layout {
    --portal-headline-overlap: 50vh;
    --video-padding-top: 100px;
    --video-padding-bottom: 48px;
    --video-hold-duration: 20vh;
    --scrim-opacity: 0.5;
    --portal-video-overlap: 10px;
    position: relative;
    padding-top: 0
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: 0
    }
}

html.enhanced .portal-layout .sticky-element {
    position: sticky;
    top: var(--r-localnav-height);
    height: calc(100vh - var(--r-localnav-height));
    display: flex;
    justify-content: center;
    overflow: hidden
}

html.enhanced .portal-layout .video-container.type-portal {
    height: calc(100vh - var(--r-localnav-height));
    align-items: flex-end;
    max-width: 100%;
    opacity: 0
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .video-container.type-portal {
        align-items: flex-start;
        transform-origin: top
    }
}

html.enhanced .portal-layout .video-container.type-portal.show {
    opacity: 1
}

html.enhanced .portal-layout .video-container.type-portal .start-frame {
    max-width: 100%
}

html.enhanced .portal-layout .video-container.type-portal .video-wrapper {
    width: var(--responsive-video-width);
    transform-origin: bottom
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .video-container.type-portal .video-wrapper {
        transform-origin: top;
        width: 100%
    }
}

html.enhanced .portal-layout .video-container.type-portal .video-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #000;
    opacity: var(--css-scrim-opacity, 0);
    pointer-events: none
}

html.enhanced .portal-layout .video-borders {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .video-borders {
        visibility: hidden
    }
}

html.enhanced .portal-layout .video-borders .frame {
    position: absolute;
    height: 100%;
    width: calc(50% - var(--responsive-video-width)/2);
    top: 0;
    background-color: #fff
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .video-borders .frame {
        width: 6.25%
    }
}

html.enhanced .portal-layout .video-borders .frame.frame-left {
    left: 0;
    transform-origin: left
}

html.enhanced .portal-layout .video-borders .frame.frame-right {
    right: 0;
    transform-origin: right
}

html.enhanced.ipad .portal-layout .video-borders {
    display: none
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .video-attribution-wrapper {
        bottom: 120px
    }
}

html.enhanced .portal-layout .headline-lockup {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
    margin-top: calc(var(--portal-headline-overlap) - var(--portal-headline-lockup-height)/2)
}

@media only screen and (min-width:735px) {
    html.enhanced .portal-layout .headline-lockup {
        display: flex;
        justify-content: center;
        align-items: flex-end
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .headline-lockup {
        --sticky-time: 50vh;
        position: absolute;
        top: 0;
        height: calc(100vh - var(--r-localnav-height) + var(--sticky-time));
        width: 100%;
        margin-top: 0;
        z-index: 2
    }
    html.enhanced .portal-layout .headline-lockup .headline-wrapper {
        position: sticky;
        top: var(--r-localnav-height);
        height: calc(100vh - var(--r-localnav-height));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

html.enhanced .portal-layout .headline-lockup .section-eyebrow,
html.enhanced .portal-layout .headline-lockup .section-headline {
    color: #fff
}

html.enhanced .portal-layout .scroll-container {
    margin-top: calc(var(--portal-headline-overlap)*-1 + var(--portal-headline-lockup-height, 0)/2*-1);
    height: calc(100vh + var(--portal-headline-overlap) + var(--portal-headline-lockup-height, 0)/2)
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .scroll-container {
        position: relative;
        margin-top: 0;
        top: 0;
        pointer-events: none;
        width: 100%;
        height: calc(100vh - var(--r-localnav-height) + var(--sticky-spacer-height) + var(--video-hold-duration))
    }
}

html.enhanced .portal-layout .portal-content {
    padding-bottom: calc(48px + var(--drawer-wrapper-height))
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .portal-content {
        margin-top: calc(var(--sticky-spacer-height)*-1 - var(--portal-video-overlap));
        padding: var(--video-padding-bottom) 6.25% 33px;
        background: #fff
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .headline-lockup,
    html.enhanced .portal-layout .headline-wrapper {
        pointer-events: none
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .headline-lockup.pointer-events-on .section-eyebrow,
    html.enhanced .portal-layout .headline-lockup.pointer-events-on .section-headline {
        pointer-events: all
    }
}

html.enhanced .portal-layout .drawer-wrapper {
    margin-top: calc(var(--drawer-wrapper-height)*-1)
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout .drawer-wrapper {
        margin-top: 0
    }
}

html.enhanced .portal-layout.will-change .frame,
html.enhanced .portal-layout.will-change .headline-lockup,
html.enhanced .portal-layout.will-change .inline-media-ui,
html.enhanced .portal-layout.will-change .video-wrapper {
    will-change: transform
}

html.enhanced .portal-layout,
html.enhanced .portal-layout .frame {
    transition: background-color 1s
}

html.enhanced .portal-layout .section-eyebrow,
html.enhanced .portal-layout .section-headline {
    transition: color 1s
}

html.enhanced .portal-layout.theme-dark .frame {
    background-color: #000
}

@media only screen and (max-width:734px) {
    html.enhanced .portal-layout.theme-dark .portal-content {
        background-color: #000
    }
}

:root {
    --viewport-content: 980px;
    --drawer-toggle-margin-bottom: 180px
}

@media only screen and (max-width:1068px) {
    :root {
        --viewport-content: 692px;
        --drawer-toggle-margin-bottom: 120px
    }
}

@media only screen and (max-width:734px) {
    :root {
        --viewport-content: calc(min(87.5%, 374px));
        --drawer-toggle-margin-bottom: 60px
    }
}

:root {
    --highlight-copy-translatey-start: 0px; /* Initially no movement */
    --highlight-copy-translatey-end: -200px; /* Adjust as per desired scroll effect */
}
.drawer-wrapper {
    --drawer-height-transition-duration: calc(var(--drawer-height)/1000*1s);
    --drawer-close-button-transition-duration: 0.2s;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column
}

html.reduced-motion .drawer-wrapper {
    --drawer-height-transition-duration: 0s
}

.drawer-wrapper .drawer-toggle-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.drawer-wrapper .drawer-toggle-icon {
    --drawer-button-bg-color: rgba(255, 90, 0, 1);
    --drawer-button-hover-bg-color: rgba(255, 90, 0, 0.9);
    --drawer-button-text-color: #FFFFFF;
    position: relative;
    display: flex;
    padding-top: 5px
}

.drawer-wrapper .drawer-toggle-icon .button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--button-padding-t);
    padding-inline-end: var(--button-padding-r);
    padding-bottom: var(--button-padding-b);
    padding-inline-start: var(--button-padding-l);
    color: var(--drawer-button-text-color);
    background-color: #048770 !important;
    opacity: 1;
    transition-property: opacity, transform;
    transition-duration: var(--button-transition-duration);
    transition-timing-function: ease-in-out;
    transition-delay: var(--button-transition-duration);
    overflow: hidden;
    white-space: break-spaces;
    text-align: left;
    border-radius: 0px !important;
}

.drawer-wrapper .drawer-toggle-icon .button:after,
.drawer-wrapper .drawer-toggle-icon .button:before {
    font-family: SF Pro Icons !important;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.drawer-wrapper .drawer-toggle-icon .button:before {
    display: none
}

.drawer-wrapper .drawer-toggle-icon .button:after,
.drawer-wrapper .drawer-toggle-icon .button:before {
    content: ""
}

.drawer-wrapper .drawer-toggle-icon .button:before {
    padding-right: 0.3em;
    display: inline-block;
    top: 0
}

.drawer-wrapper .drawer-toggle-icon .button:after {
    display: none
}

.drawer-wrapper .drawer-toggle-icon .button:before {
    padding-inline-end: 16px;
    font-size: 33px;
    font-weight: 500;
    line-height: .6
}

@media only screen and (max-width:1068px) {
    .drawer-wrapper .drawer-toggle-icon .button:before {
        padding-inline-end: 7px;
        font-size: 25px
    }
}

.drawer-wrapper .drawer-toggle-icon .button:hover {
    background-color: #048770; 
}

.drawer-wrapper .drawer-close-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 50px !important;
    height: 50px;
    transition: opacity var(--drawer-close-button-transition-duration), transform var(--drawer-height-transition-duration);
    top: 40px;
    left: var(--drawer-side-padding);
    background: rgba(66, 66, 69, .3);
    border-radius: 50%;
    transform: scale(0.8)
}

.drawer-wrapper .drawer-close-icon:hover {
    background-color: rgba(66, 66, 69, .2);
    color: rgba(255, 255, 255, .8)
}

.drawer-wrapper .drawer-close-icon .close-icon:after {
    font-size: 45px;
    transform: rotate(45deg)
}

html.windows .drawer-wrapper .drawer-close-icon .close-icon:after {
    transform-origin: 68% 56%
}

.drawer-wrapper .drawer-content-wrapper {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition-property: height, transform, visibility;
    transition-duration: var(--drawer-height-transition-duration);
    transition-delay: 0s, 0s, var(--drawer-height-transition-duration);
    visibility: hidden
}

.drawer-wrapper .opacity-transition {
    opacity: 0;
    transition: opacity var(--drawer-height-transition-duration)
}

.drawer-wrapper.expanded .drawer-toggle-icon .button {
    opacity: .18;
    transform: scale(0.9);
    transition-delay: 0s
}

.drawer-wrapper.expanded .drawer-close-icon {
    transform: scale(1)
}

.drawer-wrapper.expanded .drawer-content-wrapper {
    transition-delay: 0s;
    height: calc(var(--drawer-height)*1px);
    visibility: inherit
}

.drawer-wrapper.expanded .opacity-transition {
    opacity: 1
}

.drawer-wrapper.expanded [data-drawer-image] {
    background-color: transparent;
    animation: pulse-anim 1.5s cubic-bezier(0.47, 0, 0.75, 0.72) infinite alternate
}

.drawer-wrapper.expanded [data-drawer-image] img {
    opacity: 0;
    transition: opacity 1s ease-in
}

.drawer-wrapper.expanded [data-drawer-image].loaded {
    animation: none
}

.drawer-wrapper.expanded [data-drawer-image].loaded img {
    opacity: 1
}

@keyframes pulse-anim {
    0% {
        background-color: #1d1d1f
    }
    to {
        background-color: rgba(29, 29, 31, .5)
    }
}

.drawer-wrapper .drawer-content {
    --drawer-content-bg-color: #ffffff;
    --drawer-content-text-color: #000000;
    --drawer-content-border-color: #333336;
    position: relative;
    padding: 130px 0 90px;
    width: 100%;
    background-color: var(--drawer-content-bg-color);
    color: var(--drawer-content-text-color);
    border-top: 1px solid var(--drawer-content-border-color);
    border-bottom: 1px solid var(--drawer-content-border-color);
    --drawer-side-padding: calc(50% - var(--viewport-content)/2)
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .drawer-content {
        padding-bottom: 60px
    }
}

.drawer-wrapper.will-change .gallery-item {
    will-change: opacity
}

.drawer-wrapper .gallery {
    --card-width: 400px;
    --card-height: 530px
}

.drawer-wrapper .gallery .item-wide {
    --card-width: 820px
}

@media only screen and (max-width:1068px) {
    .drawer-wrapper .gallery {
        --card-width: 336px;
        --card-height: 446px
    }
    .drawer-wrapper .gallery .item-wide {
        --card-width: 692px
    }
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .gallery {
        --card-width: 280px;
        --card-height: 386px
    }
    .drawer-wrapper .gallery .item-wide {
        --card-width: 280px
    }
}

.drawer-wrapper .gallery .scrolling-container {
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    margin-bottom: 10px;
    scroll-padding: var(--drawer-side-padding)
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .gallery .scrolling-container {
        scroll-padding: 0
    }
}

.drawer-wrapper .item-container {
    margin: 0;
    position: relative;
    display: grid;
    grid-gap: 20px;
    grid-auto-flow: column;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: var(--drawer-side-padding);
    padding-right: var(--drawer-side-padding);
    list-style-type: none
}

.drawer-wrapper ::-webkit-scrollbar {
    display: none;
    width: 0px;
    background: transparent
}

.drawer-wrapper .gallery-item {
    position: relative;
    width: var(--card-width);
    min-height: var(--card-height);
    scroll-snap-align: start;
    list-style-type: none
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .gallery-item {
        scroll-snap-align: center
    }
}

.drawer-wrapper .gallery-item:last-child {
    margin-inline-end: calc(var(--viewport-content) - var(--card-width))
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .gallery-item:last-child {
        margin-inline-end: 0
    }
}

.drawer-wrapper .gallery-item.current .card {
    cursor: auto
}

.drawer-wrapper .card {
    position: relative;
    width: var(--card-width);
    height: var(--card-height);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    isolation: isolate
}

.card-square {
    border-radius: 0px !important;
}
.drawer-wrapper .card .video-container.type-drawer {
    width: 100%;
    height: 100%;
    isolation: isolate
}

.drawer-wrapper .card .video-container.type-drawer.hide .inline-media-ui,
.drawer-wrapper .card .video-container.type-drawer.hide video {
    opacity: 0
}

html.reduced-motion .drawer-wrapper .card .inline-media-ui.loading-empty .play-pause-button,
html.reduced-motion .drawer-wrapper .card .inline-media-ui.loading-empty .play-progress-circle,
html.reduced-motion .drawer-wrapper .card .inline-media-ui.paused.loading-error .play-pause-button,
html.reduced-motion .drawer-wrapper .card .inline-media-ui.paused.loading-error .play-progress-circle {
    opacity: 1
}

html.reduced-motion .drawer-wrapper .card .inline-media-ui.loading-empty .play-pause-button,
html.reduced-motion .drawer-wrapper .card .inline-media-ui.paused.loading-error .play-pause-button {
    pointer-events: auto
}

html.reduced-motion .drawer-wrapper .card .inline-media-ui.loading-empty .progress-circle,
html.reduced-motion .drawer-wrapper .card .inline-media-ui.paused.loading-error .progress-circle {
    opacity: 0
}

.drawer-wrapper .card-copy {
    margin-top: 30px;
    width: 85%
}

@media only screen and (max-width:734px) {
    .drawer-wrapper .card-copy {
        width: 93%
    }
}

.drawer-wrapper .drawer-video-attribution-wrapper {
    margin-top: 20px;
    width: 85%
}

.drawer-wrapper .theme-dark .paddlenav-framed {
    position: absolute;
    top: 40px;
    right: var(--drawer-side-padding);
    height: 50px
}

.drawer-wrapper .theme-dark .paddlenav-framed ul {
    display: flex;
    justify-content: center;
    height: 50px
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow {
    position: relative;
    font-weight: 300;
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 50px;
    background-color: rgba(66, 66, 69, .3)
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:hover {
    opacity: .9
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover {
    background-color: rgba(66, 66, 69, .3)
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:disabled,
.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):disabled,
html.touch .drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:disabled {
    opacity: .3
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow:disabled:hover {
    opacity: .3;
    background-color: rgba(66, 66, 69, .3);
    color: rgba(255, 255, 255, .8)
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow-previous {
    inset-inline-start: 0;
    margin-inline-end: 15px
}

.drawer-wrapper .theme-dark .paddlenav-framed .paddlenav-arrow-next {
    inset-inline-end: 0
}

.drawer-wrapper .card-item .violator {
    margin-top: 20px
}

.theme-dark .section-eyebrow {
    color: #fff
}

.section-copy {
    color: #ffffff
}

.highlight {
    color: #1d1d1f
}

.theme-dark .highlight {
    color: #fff
}

html.no-enhanced .background-alt-base {
    background-color: #f5f5f7
}

.typography-video-attribution,
.typography-video-attribution a {
    color: #86868b
}

.video-container .typography-video-attribution,
.video-container .typography-video-attribution a {
    color: #e8e8ed
}

a.typography-card-links {
    color: #86868b
}

.ar-quicklook-link {
    display: none
}

html.ar-quicklook-modern .ar-quicklook-link,
html.ar-quicklook .ar-quicklook-link {
    display: block
}

.ar-quicklook-link .ar-link {
    display: none
}

html.ar-quicklook-modern .ar-quicklook-link .ar-link.ar-link-16 {
    display: block
}

.ar-quicklook-link a img {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.ar-quicklook-link a span:after,
.ar-quicklook-link a span:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.ar-quicklook-link a span:before {
    display: none
}

.ar-quicklook-link a span:after,
.ar-quicklook-link a span:before {
    content: ""
}

.ar-quicklook-link a span:after {
    padding-left: 0.3em;
    top: 0
}

html.ar-quicklook-modern .ar-quicklook-copy,
html.ar-quicklook .ar-quicklook-copy {
    display: none
}

.video-container {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1800px
}

.video-container,
.video-container .video-wrapper {
    position: relative;
    width: 100%
}

.video-container .video-wrapper:after {
    content: "";
    background: transparent;
    left: 0
}

.video-container .video-wrapper:after,
.video-container .video-wrapper video {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute
}

.video-container .start-frame {
    opacity: 0;
    pointer-events: none
}

.video-container .start-frame img {
    width: 100%
}

.video-container .video-wrapper:not(.loaded):not(.loading-disabled) .start-frame {
    opacity: 1;
    pointer-events: all
}

.video-container.with-media-ui .inline-media-ui {
    position: absolute;
    top: 21px;
    right: 5px;
    z-index: 2;
    --inline-media-playpause-icon-color: rgba(0, 0, 0, 0.56);
    --inline-media-playpause-icon-color-hover: rgba(0, 0, 0, 0.64);
    --inline-media-playpause-scrim-color: rgba(210, 210, 215, 0.64);
    --inline-media-playpause-scrim-color-hover: rgba(223, 223, 227, 0.6976);
    --inline-media-playpause-scrim-color-active: rgba(193, 193, 198, 0.6544);
    --inline-media-playpause-icon-color: rgba(255, 255, 255, 1);
    --inline-media-playpause-icon-color-hover: rgba(255, 255, 255, 0.9);
    --inline-media-playpause-scrim-color: rgba(0, 0, 0, 0);
    --inline-media-playpause-scrim-color-hover: rgba(0, 0, 0, 0);
    --inline-media-playpause-scrim-color-active: rgba(0, 0, 0, 0)
}

.video-container.with-media-ui .inline-media-ui.loading-empty .play-pause-button {
    opacity: 0
}

.video-container.with-media-ui .inline-media-ui.loading .play-pause-button {
    pointer-events: none;
    opacity: 1
}

.video-container.with-media-ui .inline-media-ui.loading .play-pause-button:before {
    display: none
}

.video-container.with-media-ui .inline-media-ui.loading .play-pause-button:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg1NnY1NkgweiIvPjxwYXRoIGQ9Ik0yOCA4LjVhMi41IDIuNSAwIDAxMi41IDIuNXY3YTIuNSAyLjUgMCAwMS01IDB2LTdBMi41IDIuNSAwIDAxMjggOC41eiIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTQxLjc5IDE0LjIxYTIuNTIgMi41MiAwIDAxMCAzLjU0bC00Ljk1IDQuOTVhMi41IDIuNSAwIDAxLTMuNTQtMy41NGw1LTQuOTVhMi41MiAyLjUyIDAgMDEzLjQ5IDB6IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIGZpbGw9IiM2ZTZlNzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEiLz48cGF0aCBkPSJNNDcuNSAyOGEyLjUgMi41IDAgMDEtMi41IDIuNWgtN2EyLjUgMi41IDAgMDEwLTVoN2EyLjUgMi41IDAgMDEyLjUgMi41eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQxLjc5IDQxLjc5YTIuNTIgMi41MiAwIDAxLTMuNTQgMGwtNS00Ljk1YTIuNSAyLjUgMCAwMTMuNTQtMy41NGw0Ljk1IDVhMi41MiAyLjUyIDAgMDEuMDUgMy40OXoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Ik0yOCA0Ny41YTIuNSAyLjUgMCAwMS0yLjUtMi41di03YTIuNSAyLjUgMCAwMTUgMHY3YTIuNSAyLjUgMCAwMS0yLjUgMi41eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii40Ii8+PHBhdGggZD0iTTE0LjIxIDQxLjc5YTIuNTIgMi41MiAwIDAxMC0zLjU0bDQuOTUtNWEyLjUgMi41IDAgMDEzLjU0IDMuNTRsLTQuOTUgNC45NWEyLjUyIDIuNTIgMCAwMS0zLjU0LjA1eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii42Ii8+PHBhdGggZD0iTTguNSAyOGEyLjUgMi41IDAgMDEyLjUtMi41aDdhMi41IDIuNSAwIDAxMCA1aC03QTIuNSAyLjUgMCAwMTguNSAyOHoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNyIvPjxwYXRoIGQ9Ik0xNC4yMSAxNC4yMWEyLjUyIDIuNTIgMCAwMTMuNTQgMGw0Ljk1IDQuOTVhMi41IDIuNSAwIDAxLTMuNTQgMy41NGwtNC45NS00Ljk1YTIuNTIgMi41MiAwIDAxMC0zLjU0eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45Ii8+PC9zdmc+");
    position: absolute;
    width: 100%;
    height: 100%;
    animation: inline-media-spin .85s steps(8) infinite;
    background-position-x: center;
    background-position-y: center;
    mask: none;
    -webkit-mask: none;
    top: 0;
    left: 0
}

.video-container.with-media-ui .inline-media-ui.loaded.playing .play-pause-button:after {
    mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=")
}

.video-container.with-media-ui .inline-media-ui.loaded.ended .play-pause-button:after {
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE2Ljc1IDkuNGExLjUgMS41IDAgMDAtMS41IDEuNUE0Ljg4IDQuODggMCAxMTEwLjM4IDZoLjJMOS4zMSA3LjMyYTEuNSAxLjUgMCAwMDEuMDYgMi41NiAxLjQ1IDEuNDUgMCAwMDEuMDYtLjQ0TDE1IDUuODhhMS41MiAxLjUyIDAgMDAuNDQtMS4wNkExLjU0IDEuNTQgMCAwMDE1IDMuNzVMMTEuNDMuMTlhMS40OSAxLjQ5IDAgMDAtMi4xMiAwIDEuNTEgMS41MSAwIDAwMCAyLjEybC43NS43NWE3Ljg1IDcuODUgMCAxMDguMTkgNy44NCAxLjUgMS41IDAgMDAtMS41LTEuNXoiIGZpbGw9IiMxZDFkMWYiLz48L3N2Zz4=")
}

.video-container.with-media-ui .inline-media-ui.loaded .play-pause-button {
    pointer-events: all;
    opacity: 1
}

.video-container.with-media-ui .inline-media-ui .play-pause-button {
    padding: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    background: none;
    display: block;
    width: 40px !important;
    min-width: 40px;
    height: 40px;
    opacity: 0;
    border: none;
    display: flex;
    position: relative;
    justify-self: flex-end;
    align-self: flex-end;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: opacity 100ms linear, transform .2s ease
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:after {
    content: "";
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=");
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=");
    mask-size: cover;
    -webkit-mask-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 20px 20px;
    background-color: var(--inline-media-playpause-icon-color)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:before {
    content: "";
    position: absolute;
    background-color: var(--inline-media-playpause-scrim-color);
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:disabled {
    pointer-events: none;
    opacity: .32
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:hover:after {
    background-color: var(--inline-media-playpause-icon-color-hover)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:hover:before {
    background-color: var(--inline-media-playpause-scrim-color-hover)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:active {
    transform: scale(0.95)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:active:after {
    background-color: var(--inline-media-playpause-icon-color)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:active:before {
    background-color: var(--inline-media-playpause-scrim-color-active)
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:focus {
    outline: none
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:focus:before {
    box-shadow: 0 0 0 4px #007d96
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):before,
.video-container.with-media-ui .inline-media-ui .play-pause-button:focus[data-focus-method=touch]:not(input):not(textarea):not(select):before {
    box-shadow: none
}

.video-container.with-media-ui .inline-media-ui .play-pause-button {
    border-radius: 50%
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:focus {
    box-shadow: 0 0 0 3px #000, 0 0 0 5px #0071e3
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:focus[data-focus-method=mouse],
.video-container.with-media-ui .inline-media-ui .play-pause-button:focus[data-focus-method=touch] {
    box-shadow: none
}

.video-container.with-media-ui .inline-media-ui .play-pause-button:disabled {
    opacity: 0
}

.video-container.with-media-ui .inline-media-ui.loading .play-pause-button:hover:after {
    --inline-media-playpause-icon-color-hover: rgba(0, 0, 0, 0)
}

.video-container.with-media-ui .inline-media-ui.loading .play-pause-button:disabled {
    opacity: 1
}

.video-container.with-media-ui .inline-media-ui .play-progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    fill: transparent;
    stroke: #fff;
    stroke-width: 6px;
    stroke-linecap: round;
    pointer-events: none;
    opacity: 0;
    transform: rotate(-90deg)
}

.video-container.with-media-ui .inline-media-ui .play-progress-circle .progress-background {
    stroke: #86868b
}

.video-container.with-media-ui .inline-media-ui .play-progress-circle .progress-background,
.video-container.with-media-ui .inline-media-ui .play-progress-circle .progress-circle {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.video-container.with-media-ui .inline-media-ui.loaded .play-progress-circle {
    opacity: 1
}

html.text-zoom .portal-copy-row {
    flex-direction: column
}

html.text-zoom .portal-copy-row .portal-copy,
html.text-zoom .portal-copy-row .portal-headline {
    max-width: 100%;
    flex-basis: 100%;
    margin-left: 0
}

html.text-zoom .portal-content+.drawer-wrapper .drawer-toggle-wrapper {
    margin-left: auto
}

html.text-zoom .portal-content+.drawer-wrapper .drawer-toggle-icon {
    margin-left: 0
}

html.text-zoom .drawer-wrapper .drawer-content .paddlenav-arrow {
    width: 80px;
    height: 80px;
    line-height: 40px
}

html.text-zoom .section-routers .row {
    flex-direction: column;
    flex-wrap: nowrap
}

@media only screen and (inverted-colors) {
    body .section-design,
    body .section-design picture img,
    body .section-experiences,
    body .section-experiences picture img,
    body .section-intro,
    body .section-intro picture img,
    body .section-routers,
    body .section-routers picture img,
    body .section-values,
    body .section-values picture img,
    body .section-visionos,
    body .section-visionos picture img {
        filter: invert(0)
    }
    body .section-design .highlights .copy-container,
    body .section-design .image-sequence,
    body .section-design .subsection .headline-lockup,
    body .section-design .subsection .video-wrapper:after,
    body .section-design .video-container .inline-media-ui,
    body .section-design .video-container video,
    body .section-experiences .highlights .copy-container,
    body .section-experiences .image-sequence,
    body .section-experiences .subsection .headline-lockup,
    body .section-experiences .subsection .video-wrapper:after,
    body .section-experiences .video-container .inline-media-ui,
    body .section-experiences .video-container video,
    body .section-foundation,
    body .section-foundation picture img,
    body .section-hero,
    body .section-hero picture img,
    body .section-intro .highlights .copy-container,
    body .section-intro .image-sequence,
    body .section-intro .subsection .headline-lockup,
    body .section-intro .subsection .video-wrapper:after,
    body .section-intro .video-container .inline-media-ui,
    body .section-intro .video-container video,
    body .section-routers .highlights .copy-container,
    body .section-routers .image-sequence,
    body .section-routers .subsection .headline-lockup,
    body .section-routers .subsection .video-wrapper:after,
    body .section-routers .video-container .inline-media-ui,
    body .section-routers .video-container video,
    body .section-technology,
    body .section-technology picture img,
    body .section-values .highlights .copy-container,
    body .section-values .image-sequence,
    body .section-values .subsection .headline-lockup,
    body .section-values .subsection .video-wrapper:after,
    body .section-values .video-container .inline-media-ui,
    body .section-values .video-container video,
    body .section-visionos .highlights .copy-container,
    body .section-visionos .image-sequence,
    body .section-visionos .subsection .headline-lockup,
    body .section-visionos .subsection .video-wrapper:after,
    body .section-visionos .video-container .inline-media-ui,
    body .section-visionos .video-container video {
        filter: invert(1)
    }
    body .section-foundation .grid-stack figure,
    body .section-foundation .hero-video,
    body .section-foundation .portal-content,
    body .section-foundation .speakers-container video,
    body .section-foundation .video-container .inline-media-ui,
    body .section-foundation .video-container video,
    body .section-hero .grid-stack figure,
    body .section-hero .hero-video,
    body .section-hero .portal-content,
    body .section-hero .speakers-container video,
    body .section-hero .video-container .inline-media-ui,
    body .section-hero .video-container video,
    body .section-technology .grid-stack figure,
    body .section-technology .hero-video,
    body .section-technology .portal-content,
    body .section-technology .speakers-container video,
    body .section-technology .video-container .inline-media-ui,
    body .section-technology .video-container video,
    html.no-enhanced body .section-design .subsection .headline-lockup,
    html.no-enhanced body .section-experiences .subsection .headline-lockup,
    html.no-enhanced body .section-intro .subsection .headline-lockup,
    html.no-enhanced body .section-routers .subsection .headline-lockup,
    html.no-enhanced body .section-values .subsection .headline-lockup,
    html.no-enhanced body .section-visionos .subsection .headline-lockup {
        filter: invert(0)
    }
}

html.enhanced .gl-gradient-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0
}

html.no-enhanced .gl-gradient-container {
    display: none
}

.ac-video-player.is-picture-in-picture {
    visibility: hidden
}

.avp-headline-logo {
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_large.png);
    width: 386px;
    background-size: contain;
    background-position: 50%;
    height: max(48px, min(5.8vh, 68px))
}

@media (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .avp-headline-logo {
        background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_large_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    .avp-headline-logo {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_medium.png)
    }
}

@media only screen and (max-width:1068px)and (min-resolution:1.5dppx),
only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .avp-headline-logo {
        background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_medium_2x.png)
    }
}

@media only screen and (max-width:734px) {
    .avp-headline-logo {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    .avp-headline-logo {
        background-image: url(/v/apple-vision-pro/e/images/overview/hero/apple_vision_pro_logo__ux94yix23r6y_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    .avp-headline-logo {
        width: 378px
    }
}

@media only screen and (max-width:734px) {
    .avp-headline-logo {
        width: 232px
    }
}

@media only screen and (max-width:1068px) {
    .avp-headline-logo {
        height: max(44px, min(5.4vh, 64px))
    }
}

@media only screen and (max-width:734px) {
    .avp-headline-logo {
        height: 40px
    }
}

.section-hero {
    box-sizing: border-box;
    overflow: hidden;
    height: 100vh;
    /* max-height: var(--hero-max-height); */
    min-height: var(--hero-min-height);
    margin-top: calc(var(--padding-top)*-1);
    padding-top: var(--padding-top);
    --padding-top: calc(var(--r-localnav-height) + var(--r-globalnav-height));
    --hero-max-height: 1366px;
    --hero-min-height: 780px
}





@media only screen and (max-width:1068px) {
    .section-hero {
        --hero-min-height: 680px
    }
}

@media only screen and (max-width:734px) {
    .section-hero {
        --hero-max-height: 932px;
        --hero-min-height: 600px
    }
}

html.text-zoom .section-hero {
    overflow: visible
}

.section-hero .hero-content {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1
}

.section-hero .hero-hardware {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* height: calc(100% - var(--padding-top)); */
    width: 100%
}

.section-hero .hero-startframe,
.section-hero .hero-staticframe {
  /*  position: absolute    */
} 

.section-hero .hero-video {
    position: absolute 
}

.section-hero .hero-startframe,
.section-hero .hero-staticframe,
.section-hero .hero-video {
    height: 107.5%
}

@media only screen and (max-height:600px) {
    .section-hero .hero-startframe,
    .section-hero .hero-staticframe,
    .section-hero .hero-video {
        height: 115.5%
    }
}

.section-hero .hero-startframe-img,
.section-hero .hero-staticframe-img {
    height: 100%;
    display: block
}

.section-hero .inline-media-ui {
    top: 21px;
    z-index: 2;
    --inline-media-playpause-icon-color: rgba(0, 0, 0, 0.56);
    --inline-media-playpause-icon-color-hover: rgba(0, 0, 0, 0.64);
    --inline-media-playpause-scrim-color: rgba(210, 210, 215, 0.64);
    --inline-media-playpause-scrim-color-hover: rgba(223, 223, 227, 0.6976);
    --inline-media-playpause-scrim-color-active: rgba(193, 193, 198, 0.6544);
    --inline-media-playpause-icon-color: rgba(255, 255, 255, 1);
    --inline-media-playpause-icon-color-hover: rgba(255, 255, 255, 0.9);
    --inline-media-playpause-scrim-color: rgba(0, 0, 0, 0);
    --inline-media-playpause-scrim-color-hover: rgba(0, 0, 0, 0);
    --inline-media-playpause-scrim-color-active: rgba(0, 0, 0, 0)
}

.section-hero .inline-media-ui.loading-empty .play-pause-button {
    opacity: 0
}

.section-hero .inline-media-ui.loading .play-pause-button {
    pointer-events: none;
    opacity: 1
}

.section-hero .inline-media-ui.loading .play-pause-button:before {
    display: none
}

.section-hero .inline-media-ui.loading .play-pause-button:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg1NnY1NkgweiIvPjxwYXRoIGQ9Ik0yOCA4LjVhMi41IDIuNSAwIDAxMi41IDIuNXY3YTIuNSAyLjUgMCAwMS01IDB2LTdBMi41IDIuNSAwIDAxMjggOC41eiIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTQxLjc5IDE0LjIxYTIuNTIgMi41MiAwIDAxMCAzLjU0bC00Ljk1IDQuOTVhMi41IDIuNSAwIDAxLTMuNTQtMy41NGw1LTQuOTVhMi41MiAyLjUyIDAgMDEzLjQ5IDB6IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIGZpbGw9IiM2ZTZlNzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEiLz48cGF0aCBkPSJNNDcuNSAyOGEyLjUgMi41IDAgMDEtMi41IDIuNWgtN2EyLjUgMi41IDAgMDEwLTVoN2EyLjUgMi41IDAgMDEyLjUgMi41eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQxLjc5IDQxLjc5YTIuNTIgMi41MiAwIDAxLTMuNTQgMGwtNS00Ljk1YTIuNSAyLjUgMCAwMTMuNTQtMy41NGw0Ljk1IDVhMi41MiAyLjUyIDAgMDEuMDUgMy40OXoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Ik0yOCA0Ny41YTIuNSAyLjUgMCAwMS0yLjUtMi41di03YTIuNSAyLjUgMCAwMTUgMHY3YTIuNSAyLjUgMCAwMS0yLjUgMi41eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii40Ii8+PHBhdGggZD0iTTE0LjIxIDQxLjc5YTIuNTIgMi41MiAwIDAxMC0zLjU0bDQuOTUtNWEyLjUgMi41IDAgMDEzLjU0IDMuNTRsLTQuOTUgNC45NWEyLjUyIDIuNTIgMCAwMS0zLjU0LjA1eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii42Ii8+PHBhdGggZD0iTTguNSAyOGEyLjUgMi41IDAgMDEyLjUtMi41aDdhMi41IDIuNSAwIDAxMCA1aC03QTIuNSAyLjUgMCAwMTguNSAyOHoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNyIvPjxwYXRoIGQ9Ik0xNC4yMSAxNC4yMWEyLjUyIDIuNTIgMCAwMTMuNTQgMGw0Ljk1IDQuOTVhMi41IDIuNSAwIDAxLTMuNTQgMy41NGwtNC45NS00Ljk1YTIuNTIgMi41MiAwIDAxMC0zLjU0eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45Ii8+PC9zdmc+");
    position: absolute;
    width: 100%;
    height: 100%;
    animation: inline-media-spin .85s steps(8) infinite;
    background-position-x: center;
    background-position-y: center;
    mask: none;
    -webkit-mask: none;
    top: 0;
    left: 0
}

@keyframes inline-media-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.section-hero .inline-media-ui.loaded.playing .play-pause-button:after {
    mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=")
}

.section-hero .inline-media-ui.loaded.ended .play-pause-button:after {
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE2Ljc1IDkuNGExLjUgMS41IDAgMDAtMS41IDEuNUE0Ljg4IDQuODggMCAxMTEwLjM4IDZoLjJMOS4zMSA3LjMyYTEuNSAxLjUgMCAwMDEuMDYgMi41NiAxLjQ1IDEuNDUgMCAwMDEuMDYtLjQ0TDE1IDUuODhhMS41MiAxLjUyIDAgMDAuNDQtMS4wNkExLjU0IDEuNTQgMCAwMDE1IDMuNzVMMTEuNDMuMTlhMS40OSAxLjQ5IDAgMDAtMi4xMiAwIDEuNTEgMS41MSAwIDAwMCAyLjEybC43NS43NWE3Ljg1IDcuODUgMCAxMDguMTkgNy44NCAxLjUgMS41IDAgMDAtMS41LTEuNXoiIGZpbGw9IiMxZDFkMWYiLz48L3N2Zz4=")
}

.section-hero .inline-media-ui.loaded .play-pause-button {
    pointer-events: all;
    opacity: 1
}

.section-hero .inline-media-ui .play-pause-button {
    padding: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    background: none;
    display: block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    opacity: 0;
    border: none;
    display: flex;
    position: relative;
    justify-self: flex-end;
    align-self: flex-end;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: opacity 100ms linear, transform .2s ease
}

.section-hero .inline-media-ui .play-pause-button:after {
    content: "";
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=");
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=");
    mask-size: cover;
    -webkit-mask-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 20px 20px;
    background-color: var(--inline-media-playpause-icon-color)
}

.section-hero .inline-media-ui .play-pause-button:before {
    content: "";
    position: absolute;
    background-color: var(--inline-media-playpause-scrim-color);
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.section-hero .inline-media-ui .play-pause-button:disabled {
    pointer-events: none;
    opacity: .32
}

.section-hero .inline-media-ui .play-pause-button:hover:after {
    background-color: var(--inline-media-playpause-icon-color-hover)
}

.section-hero .inline-media-ui .play-pause-button:hover:before {
    background-color: var(--inline-media-playpause-scrim-color-hover)
}

.section-hero .inline-media-ui .play-pause-button:active {
    transform: scale(0.95)
}

.section-hero .inline-media-ui .play-pause-button:active:after {
    background-color: var(--inline-media-playpause-icon-color)
}

.section-hero .inline-media-ui .play-pause-button:active:before {
    background-color: var(--inline-media-playpause-scrim-color-active)
}

.section-hero .inline-media-ui .play-pause-button:focus {
    outline: none
}

.section-hero .inline-media-ui .play-pause-button:focus:before {
    box-shadow: 0 0 0 4px #007d96
}

.section-hero .inline-media-ui .play-pause-button:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):before,
.section-hero .inline-media-ui .play-pause-button:focus[data-focus-method=touch]:not(input):not(textarea):not(select):before {
    box-shadow: none
}

.section-hero .inline-media-ui .play-pause-button {
    border-radius: 50%
}

.section-hero .inline-media-ui .play-pause-button:focus {
    box-shadow: 0 0 0 3px #000, 0 0 0 5px #0071e3
}

.section-hero .inline-media-ui .play-pause-button:focus[data-focus-method=mouse],
.section-hero .inline-media-ui .play-pause-button:focus[data-focus-method=touch] {
    box-shadow: none
}

.section-hero .inline-media-ui .play-pause-button:disabled {
    opacity: 0
}

.section-hero .inline-media-ui.loading .play-pause-button:hover:after {
    --inline-media-playpause-icon-color-hover: rgba(0, 0, 0, 0)
}

.section-hero .inline-media-ui.loading .play-pause-button:disabled {
    opacity: 1
}

.section-hero .inline-media-ui .play-progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    fill: transparent;
    stroke: #fff;
    stroke-width: 6px;
    stroke-linecap: round;
    pointer-events: none;
    opacity: 0;
    transform: rotate(-90deg)
}

.section-hero .inline-media-ui .play-progress-circle .progress-background {
    stroke: #86868b
}

.section-hero .inline-media-ui .play-progress-circle .progress-background,
.section-hero .inline-media-ui .play-progress-circle .progress-circle {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.section-hero .inline-media-ui.loaded .play-progress-circle {
    opacity: 1
}

.section-hero .inline-media-ui {
    --inline-media-playpause-icon-color: #86868B;
    --inline-media-playpause-icon-color-hover: rgba(134, 134, 139, 0.9);
    position: absolute;
    top: calc(var(--r-localnav-height) + var(--r-globalnav-height) + 21px);
    right: 5px
}

.section-hero .inline-media-ui .play-progress-circle {
    stroke: #86868b
}

.section-hero .inline-media-ui .play-progress-circle .progress-background {
    stroke: none
}

.section-hero .hero-eyebrow {
    margin-top: 20px;
    color: #6e6e73
}

.section-hero .hero-eyebrow p {
    margin-top: 0
}

.section-hero .hero-eyebrow {
    margin-top: 22px
}

@media only screen and (max-width:1068px) {
    .section-hero .hero-eyebrow {
        margin-top: 24px
    }
}

.section-hero .links-stacked {
    margin-top: 24px
}

@media only screen and (max-width:734px) {
    .section-hero .links-stacked {
        margin-top: 21px
    }
}

.section-hero .hero-eyebrow+.links-stacked {
    margin-top: 17px
}

@media only screen and (max-width:1068px) {
    .section-hero .hero-eyebrow+.links-stacked {
        margin-top: 10px
    }
}

.section-hero .hero-cta {
    margin-top: 20px;
    padding-bottom: 2px;
    color: #ff5a00
}

.section-hero .hero-copy {
    position: absolute;
    width: 100%;
    
    text-align: center
}



@media only screen and (max-width:734px) {
    .section-hero .hero-copy {
        bottom: 30px
    }
#ac-localnav .ac-ln-background {
height: 50px
}
}

@media only screen and (max-width:734px)and (max-height:600px) {
    .section-hero .hero-copy {
        bottom: 92px
    }
}

html.enhanced .section-hero .hero-staticframe,
html.no-enhanced .section-hero .hero-startframe,
html.no-enhanced .section-hero .inline-media-ui,
html.no-enhanced .section-hero video {
    display: none
}

.section-intro {
    overflow: hidden;
    text-align: center
}

.section-intro .intro-hardware-wrapper {
    margin-top: 50px;
    margin-bottom: 10px
}

@media only screen and (max-width:1068px) {
    .section-intro .intro-hardware-wrapper {
        margin-top: 40px
    }
}

@media only screen and (max-width:734px) {
    .section-intro .intro-hardware-wrapper {
        margin-top: 50px;
        margin-bottom: 54px
    }
}

.section-intro .hardware {
    width: 100%;
    text-align: initial
}

.section-intro .button {
    --button-padding-t: 15px;
    --button-padding-r: 37px;
    --button-padding-b: 15px;
    --button-padding-l: 27px;
    padding-top: var(--button-padding-t);
    padding-inline-end: var(--button-padding-r);
    padding-bottom: var(--button-padding-b);
    padding-inline-start: var(--button-padding-l);
    color: #1d1d1f;
    background-color: initial;
    border: 3px solid #1d1d1f;
    transition-property: background-color, color;
    transition-duration: var(--button-transition-duration);
    transition-timing-function: ease-in-out
}

.section-intro .button:after,
.section-intro .button:before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.section-intro .button:before {
    display: none
}

.section-intro .button:after,
.section-intro .button:before {
    content: ""
}

.section-intro .button:before {
    padding-right: 0.3em;
    display: inline-block;
    top: 0
}

.section-intro .button:after {
    display: none
}

@media only screen and (max-width:1068px) {
    .section-intro .button {
        --button-padding-t: 9px;
        --button-padding-r: 18px;
        --button-padding-b: 9px;
        --button-padding-l: 15px
    }
}

@media only screen and (max-width:734px) {
    .section-intro .button {
        text-align: left;
        white-space: normal;
        border-width: 2px
    }
}

.section-intro .button:hover {
    color: #fff;
    background-color: #1d1d1f
}

.section-intro .button:before {
    padding-inline-end: 16px;
    font-size: 33px;
    font-weight: 500;
    line-height: .6;
    top: 2px
}

@media only screen and (max-width:1068px) {
    .section-intro .button:before {
        padding-inline-end: 7px;
        font-size: 25px
    }
}

html.no-enhanced .section-intro .overview-intro-hardware-base {
    display: flex !important;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1069px) {
    html.no-enhanced .section-intro .overview-intro-hardware-base {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        --p-width: 988px;
        --p-height: 492px;
        left: 50%;
        margin-left: -494px;
        position: relative
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    html.no-enhanced .section-intro .overview-intro-hardware-base {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        left: 50%;
        margin-left: -317px;
        position: relative
    }
}

@media only screen and (min-width:735px)and (max-width:1068px)and (max-width:1068px) {
    html.no-enhanced .section-intro .overview-intro-hardware-base {
        --p-width: 634px;
        --p-height: 316px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-intro .overview-intro-hardware-base {
        display: block;
        position: relative;
        max-width: 376px
    }
    html.no-enhanced .section-intro .overview-intro-hardware-base:after {
        content: "";
        display: block
    }
    html.no-enhanced .section-intro .overview-intro-hardware-base img {
        max-width: 100%;
        position: absolute
    }
    html.no-enhanced .section-intro .overview-intro-hardware-base:after {
        padding-bottom: 50%
    }
}

html.no-enhanced .section-intro .intro-hardware-wrapper {
    margin-top: 128px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-intro .intro-hardware-wrapper {
        margin-top: 78px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-intro .intro-hardware-wrapper {
        margin-top: 75px
    }
}

html.enhanced .section-intro {
    background-color: #fff;
    position: relative;
    margin-top: -100vh;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

html.enhanced .section-intro .video-container {
    position: relative
}

html.enhanced .section-intro .hardware {
    clip-path: inset(2px 2px)
}

@media only screen and (min-width:1069px) {
    html.enhanced .section-intro .hardware {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        --p-width: 988px;
        --p-height: 492px
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    html.enhanced .section-intro .hardware {
        display: block;
        width: var(--p-width);
        height: var(--p-height)
    }
}

@media only screen and (min-width:735px)and (max-width:1068px)and (max-width:1068px) {
    html.enhanced .section-intro .hardware {
        --p-width: 634px;
        --p-height: 316px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-intro .hardware {
        display: block;
        position: relative;
        max-width: 376px
    }
    html.enhanced .section-intro .hardware:after {
        content: "";
        display: block
    }
    html.enhanced .section-intro .hardware img {
        max-width: 100%;
        position: absolute
    }
    html.enhanced .section-intro .hardware:after {
        padding-bottom: 50%
    }
}

html.enhanced .section-intro .video {
    position: absolute;
    top: 0
}

html.enhanced.no-intro-video-loaded .section-intro .video {
    visibility: hidden
}

html.enhanced-rt.has-modal-full-bleed .main {
    transition: visibility 0s .2s;
    visibility: hidden
}

.section-intro #product-tour-modal {
    display: none
}

.modal[data-product-tour-modal] {
    --paddle-width: 34px;
    --gallery-panel-max-width-large: 1073px;
    --modal-close-background: #333336;
    --modal-close-color: white;
    --modal-overlay-padding-top: 0;
    --modal-overlay-padding-right: 0;
    --modal-overlay-padding-bottom: 0;
    --modal-overlay-padding-left: 0;
    --modal-overlay-padding-inline: 0;
    --modal-padding-top: 64px;
    --modal-close-button-offset-top: calc(max(var(--modal-padding-top), env(safe-area-inset-top)) - var(--modal-close-button-size)/2);
    --modal-close-button-offset-inline-start: var(--modal-close-button-offset-top);
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    --gallery-max-height: 1020px;
    --gallery-tabnav-margin-top: 43px;
    --gallery-caption-margin-top: 30px;
    --gallery-caption-margin-bottom: 64px;
    --gallery-panel-min-width: 726px;
    --gallery-panel-max-width: var(--gallery-panel-max-width-large);
    --gallery-panel-target-width: 70%;
    --gallery-panel-target-height: 100%;
    --gallery-panel-min-scale: .8;
    --gallery-panel-min-height: 450px;
    --gallery-panel-max-height: 720px;
    --gallery-panel-gutter-width: 15px;
    --gallery-panel-clamped-width: max(var(--gallery-panel-min-width), min(var(--gallery-panel-max-width), var(--gallery-panel-target-width)));
    --gallery-panel-clamped-height: max(var(--gallery-panel-min-height), min(var(--gallery-panel-max-height), var(--gallery-panel-target-height)))
}

.modal[data-product-tour-modal] .caption-container {
    --max-caption-width-xl: 1160px;
    justify-self: center;
    width: calc(var(--gallery-panel-clamped-width) - var(--gallery-panel-gutter-width)*2);
    margin-top: var(--gallery-caption-margin-top);
    padding-bottom: var(--gallery-caption-margin-bottom)
}

@media only screen and (min-width:1801px) {
    .modal[data-product-tour-modal] .caption-container {
        --gallery-panel-max-width: var(--gallery-panel-max-width-large);
        width: calc(var(--gallery-panel-clamped-width)*0.8 - var(--gallery-panel-gutter-width)*2)
    }
}

.modal[data-product-tour-modal] .caption-stack {
    display: grid;
    align-items: start;
    justify-content: center
}

.modal[data-product-tour-modal] .gallery-caption {
    grid-area: 1/1;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease-out;
    text-align: center
}

.modal[data-product-tour-modal] .gallery-caption.current {
    opacity: 1;
    transition: opacity .6s ease-in-out .3s;
    pointer-events: all
}

@media only screen and (max-width:734px) {
    .modal[data-product-tour-modal] .gallery-caption {
        text-align: start
    }
}

.modal[data-product-tour-modal] .tablist-wrapper {
    overflow: hidden;
    justify-self: center;
    grid-area: 2/1;
    width: min(100%, calc(var(--gallery-panel-clamped-width) + var(--paddle-width)*2 - var(--gallery-panel-gutter-width)*2));
    margin-left: auto;
    margin-right: auto
}

html.no-enhanced-rt .modal[data-product-tour-modal] .tablist-wrapper {
    margin-top: var(--gallery-tabnav-margin-top)
}

@media only screen and (min-width:1801px) {
    .modal[data-product-tour-modal] .tablist-wrapper {
        --gallery-panel-max-width: var(--gallery-panel-max-width-large)
    }
}

.modal[data-product-tour-modal] .tabnav-item {
    margin-inline-end: -5px
}

@media only screen and (min-width:735px) {
    .modal[data-product-tour-modal] .tabnav-item:not(:first-child) {
        padding-left: 40px
    }
}

.modal[data-product-tour-modal] .tabnav-link {
    font-weight: 600
}

@media only screen and (max-width:734px) {
    .modal[data-product-tour-modal] {
        --modal-close-button-offset-top: calc(max(var(--modal-padding-top) / 2, env(safe-area-inset-top)) - var(--modal-close-button-size)/2)
    }
}

.modal[data-product-tour-modal],
.modal[data-product-tour-modal] #product-tour-modal {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal[data-product-tour-modal].modal-open {
    visibility: visible;
    opacity: 1
}

.modal[data-product-tour-modal].modal-open .modal-overlay-container {
    transform: none
}

.modal[data-product-tour-modal].modal-open .modal-close-button {
    will-change: transform
}

.modal[data-product-tour-modal].modal-open #product-tour-modal {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-out .2s
}

.modal[data-product-tour-modal].modal-closing {
    visibility: visible;
    z-index: 11000;
    transition-delay: .2s
}

.modal[data-product-tour-modal].will-change,
.modal[data-product-tour-modal].will-change #product-tour-modal {
    will-change: transform
}

.modal[data-product-tour-modal] .modal-content-container {
    display: flex;
    justify-content: center
}

@media only screen and (max-width:734px) {
    .modal[data-product-tour-modal] .modal-content-container {
        --modal-overlay-padding-inline: auto
    }
}

.modal[data-product-tour-modal].android.override-height .modal-content-container {
    max-height: var(--android-gallery-container-height)
}

.modal[data-product-tour-modal] .modal-close-button {
    align-self: flex-end
}

html:not([dir=rtl]) .modal[data-product-tour-modal] .modal-close-button {
    margin-inline-end: var(--modal-close-button-offset-inline-start)
}

html:not([dir=rtl]) .modal[data-product-tour-modal].modal-full-bleed {
    --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-left))
}

@media only screen and (min-width:1801px) {
    .modal[data-product-tour-modal] {
        --gallery-max-height: 1380px;
        --gallery-panel-min-width: 1300px;
        --gallery-panel-max-width: 1608px;
        --gallery-panel-min-height: 788px;
        --gallery-panel-max-height: 1108px
    }
}

@media only screen and (max-width:1068px) {
    .modal[data-product-tour-modal] {
        --gallery-max-height: 1150px;
        --gallery-tabnav-margin-top: 29px;
        --gallery-caption-margin-top: 18px;
        --gallery-panel-min-width: 591px;
        --gallery-panel-max-width: 714px;
        --gallery-panel-min-height: 394px;
        --gallery-panel-max-height: 902px;
        --gallery-panel-gutter-width: 12px
    }
}

@media only screen and (max-width:734px) {
    .modal[data-product-tour-modal] {
        --gallery-max-height: 700px;
        --gallery-tabnav-margin-top: 29px;
        --gallery-caption-margin-top: 30px;
        --gallery-panel-min-width: 250px;
        --gallery-panel-max-width: 327px;
        --gallery-panel-target-width: 87.5%;
        --gallery-panel-min-height: 263px;
        --gallery-panel-max-height: 466px;
        --gallery-panel-gutter-width: 7px
    }
}

.modal[data-product-tour-modal] .gallery .base-xp,
.modal[data-product-tour-modal] .gallery .paddlenav {
    display: none
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .caption-container {
        max-width: var(--max-caption-width-xl);
        width: calc(var(--gallery-panel-clamped-width)*1.2 - var(--gallery-panel-gutter-width)*2)
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .caption-container {
        width: min(var(--gallery-panel-clamped-width) - var(--gallery-panel-gutter-width) * 2, 100% - 66px)
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal].modal-open .gallery-item,
html.no-enhanced-rt .modal[data-product-tour-modal].modal-open .item-container {
    will-change: transform
}

html.no-enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key] {
    outline: 2px solid #0071e3;
    outline-offset: -4px
}

html.no-enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key][data-focus-method=mouse]:not(input):not(textarea):not(select),
html.no-enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key][data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: none
}

html.no-enhanced-rt .modal[data-product-tour-modal] .modal-product-tour {
    display: grid;
    width: 100%;
    padding-top: var(--modal-padding-top);
    align-items: center
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery {
    position: relative;
    display: grid;
    grid-template-rows: 1fr min-content;
    margin: 0;
    width: 100%;
    height: 100%;
    max-height: var(--gallery-max-height)
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .canvas,
html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .loader,
html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .preview {
    display: none
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .item-container,
html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .paddlenav {
    position: relative;
    grid-area: 1/1;
    justify-self: center;
    align-self: end;
    min-height: var(--gallery-panel-min-height);
    width: var(--gallery-panel-clamped-width);
    height: var(--gallery-panel-clamped-height)
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .item-container.base-xp {
    display: block
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .gallery-item {
    position: absolute;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    padding: 0 var(--gallery-panel-gutter-width);
    box-sizing: border-box
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .gallery-item:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    background-color: #fff;
    opacity: .7;
    transition: opacity .3s ease-out
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .gallery-item.current {
    z-index: 2
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .gallery-item.current:after {
    opacity: 0
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery .gallery-item-content {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    overflow: hidden;
    background-color: #f5f5f7
}

html.no-enhanced-rt .modal[data-product-tour-modal] .tablist-caption-container {
    overflow: hidden
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav {
    display: block;
    pointer-events: none
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav {
        width: 87.5%
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow,
html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-list,
html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-list-item {
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-list-item {
    position: absolute;
    width: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow {
    pointer-events: all;
    background-color: initial
}

@media only screen and (min-width:320px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow {
        width: calc(50vw - 50% - var(--gallery-panel-gutter-width));
        border-radius: unset
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow:after {
    display: none
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-next,
html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-previous {
    top: 0
}

@media only screen and (min-width:320px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-next,
    html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-previous {
        margin-top: 0
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-previous {
    inset-inline-start: calc(50% - 50vw)
}

html.no-enhanced-rt .modal[data-product-tour-modal] .paddlenav .paddlenav-arrow.paddlenav-arrow-next {
    inset-inline-end: calc(50% - 50vw)
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front {
    display: block;
    --p-width: 1052px;
    --p-height: 380px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front {
        --p-width: 1608px;
        --p-height: 542px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front {
        --p-width: 714px;
        --p-height: 256px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front {
        --p-width: 372px;
        --p-height: 156px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-front img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
    display: block;
    --p-width: 1052px;
    --p-height: 730px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
        --p-width: 1608px;
        --p-height: 966px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
        --p-width: 714px;
        --p-height: 594px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
        --p-width: 372px;
        --p-height: 322px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps {
    display: block;
    --p-width: 1052px;
    --p-height: 908px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps {
        --p-width: 1608px;
        --p-height: 1106px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps {
        --p-width: 714px;
        --p-height: 656px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps {
        --p-width: 372px;
        --p-height: 348px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
    display: block;
    --p-width: 1052px;
    --p-height: 674px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        --p-width: 1608px;
        --p-height: 914px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        --p-width: 714px;
        --p-height: 874px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        --p-width: 372px;
        --p-height: 414px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays {
    display: block;
    --p-width: 1052px;
    --p-height: 428px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays {
        --p-width: 1608px;
        --p-height: 614px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays {
        --p-width: 714px;
        --p-height: 284px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays {
        --p-width: 372px;
        --p-height: 178px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-displays img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band {
    display: block;
    --p-width: 1052px;
    --p-height: 436px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band {
        --p-width: 1608px;
        --p-height: 734px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band {
        --p-width: 714px;
        --p-height: 288px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band {
        --p-width: 372px;
        --p-height: 154px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-head-band img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power {
    display: block;
    --p-width: 1052px;
    --p-height: 626px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power {
        --p-width: 1608px;
        --p-height: 958px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power {
        --p-width: 714px;
        --p-height: 432px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power {
        --p-width: 372px;
        --p-height: 246px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-power img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
    display: block;
    --p-width: 1052px;
    --p-height: 946px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
        --p-width: 1608px;
        --p-height: 1218px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
        --p-width: 714px;
        --p-height: 882px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
        --p-width: 372px;
        --p-height: 498px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown {
    display: block;
    --p-width: 1052px;
    --p-height: 946px;
    width: var(--p-width);
    height: var(--p-height);
    display: flex;
    position: relative;
    min-width: calc(var(--p-width)*var(--gallery-panel-min-scale));
    max-width: var(--p-width);
    width: 100%;
    height: auto;
    align-self: center;
    justify-self: center;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown {
        --p-width: 1608px;
        --p-height: 1218px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown {
        --p-width: 714px;
        --p-height: 882px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown {
        --p-width: 372px;
        --p-height: 498px
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown.loaded {
    opacity: 1
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown img {
    width: 100%;
    height: 100%
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown,
html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
    align-self: center;
    justify-self: end;
    transform: translateY(7%)
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown,
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
        transform: translateY(24%)
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown,
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-top-button {
        transform: translateY(19%)
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-digital-crown {
    justify-self: start
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
    width: 100%;
    align-self: end;
    justify-self: start;
    bottom: max(64px, calc(50% - var(--p-height)*0.3))
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
        align-self: start;
        bottom: auto;
        transform: translateY(max(-200px, 56vh - 100%))
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras {
        align-self: center;
        bottom: auto;
        height: 90%
    }
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-cameras img {
        object-fit: contain;
        object-position: 0 center
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
    align-self: center;
    justify-self: center;
    transform: translateY(max(58px, min(120px, 20vh)))
}

@media only screen and (min-width:1801px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        transform: translateY(10vh)
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        justify-self: start;
        align-self: start;
        margin-left: 40px;
        transform: translateY(6vh)
    }
}

@media only screen and (min-width:735px)and (max-width:1068px)and (min-height:900px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        align-self: center;
        transform: translateY(max(10vh, 130px))
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-light-seal {
        align-self: center;
        margin-inline-start: auto;
        transform: translateY(70px)
    }
}

html.no-enhanced-rt .modal[data-product-tour-modal] .gallery-image-audio-straps {
    --gallery-panel-min-scale: .9
}

@keyframes spoke {
    0% {
        filter: opacity(0.2)
    }
    50% {
        filter: opacity(1)
    }
    to {
        filter: opacity(0.2)
    }
}

.modal[data-product-tour-modal] .loader {
    display: none
}

html.enhanced-rt .modal[data-product-tour-modal] {
    --100dvh: 100vh
}

html.enhanced-rt .modal[data-product-tour-modal] .tablist-wrapper {
    max-width: calc(var(--gallery-panel-max-width)*2);
    width: 90%;
    order: 1;
    overflow: visible;
    padding-top: var(--gallery-tabnav-margin-top);
    position: relative;
    z-index: 2
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .tablist-wrapper {
        width: 100%
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .caption-container {
    max-width: var(--max-caption-width-xl);
    width: calc(90% - var(--paddle-width)*2);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    order: 2;
    padding-top: var(--gallery-caption-margin-top);
    padding-bottom: var(--gallery-tabnav-margin-top);
    position: relative;
    z-index: 2
}

@media only screen and (max-width:1068px) {
    html.enhanced-rt .modal[data-product-tour-modal] .caption-container {
        max-width: calc(var(--gallery-panel-max-width)*2)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .caption-container {
        max-width: calc(var(--gallery-panel-max-width)*2 - var(--paddle-width)*2);
        width: calc(100% - var(--paddle-width)*2)
    }
}

@media only screen and (min-width:1069px) {
    html.enhanced-rt .modal[data-product-tour-modal] .caption-stack {
        flex-basis: 75%;
        max-width: 75%
    }
}

@supports(height:100dvh) {
    html.enhanced-rt .modal[data-product-tour-modal] {
        --100dvh: 100dvh
    }
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] {
        --caption-height: 241px
    }
    html.enhanced-rt .modal[data-product-tour-modal]:after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: calc(var(--100dvh) - 30px);
        z-index: 1;
        background: linear-gradient(180deg, #fff0, #fff);
        height: 30px
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .tablist-caption-container {
    width: 100%;
    z-index: 1;
    position: relative;
    margin: auto auto 0
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .tablist-caption-container {
        min-height: var(--caption-height);
        margin: calc(var(--100dvh) - var(--caption-height)) auto 0;
        padding-bottom: 4px
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .tablist-caption-container:before {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, .9);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html.enhanced-rt .modal[data-product-tour-modal] .caption-stack {
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .gallery-caption:not(.current) {
        position: absolute
    }
}

html.enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key] canvas {
    outline: 2px solid #0071e3;
    outline-offset: -4px
}

html.enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key] canvas[data-focus-method=mouse]:not(input):not(textarea):not(select),
html.enhanced-rt .modal[data-product-tour-modal].modal-open .modal-overlay:focus[data-focus-method=key] canvas[data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: none
}

html.enhanced-rt .modal[data-product-tour-modal] .gallery {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    width: 100vw
}

html.enhanced-rt .modal[data-product-tour-modal].gallery--loading {
    overflow-y: hidden
}

html.enhanced-rt .modal[data-product-tour-modal].gallery--loading .loader {
    opacity: 1;
    transition: none;
    visibility: inherit
}

html.enhanced-rt .modal[data-product-tour-modal].gallery--loading .loader-content {
    opacity: 1
}

html.enhanced-rt .modal[data-product-tour-modal].gallery--loading .loader-progress-indicator {
    transition: transform .5s ease
}

html.enhanced-rt .modal[data-product-tour-modal] .gallery--cached .loader-progress-indicator {
    --progress: 0% !important;
    transition: transform 7s ease
}

html.enhanced-rt .modal[data-product-tour-modal] .loader {
    display: flex;
    height: var(--100dvh);
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-out .4s, visibility .4s ease-out .4s;
    visibility: hidden;
    width: 100%;
    z-index: 3
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-background {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, .9);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-out;
    width: 100%;
    z-index: 3
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 700;
    letter-spacing: -0.003em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    max-width: 600px;
    text-align: center
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ja) {
    line-height: 1.1459933333;
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh) {
    letter-spacing: 0em
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(th) {
    line-height: 1.3334933333;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 700;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ko) {
        line-height: 1.25;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh) {
        line-height: 1.25
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline:focus {
    outline: none
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-headline[data-focus-method=key] {
    outline: 2px solid #0071e3;
    outline-offset: 0px
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .loader-headline {
        max-width: 260px;
        width: 87.5%
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-progress {
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    height: 8px;
    margin-top: 60px;
    overflow: hidden;
    position: relative;
    width: 338px;
    z-index: 2
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .loader-progress {
        width: 248px
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .loader-progress-indicator {
    --progress: -100%;
    background: #000;
    border-radius: 4px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(var(--progress));
    transform-origin: left;
    width: 100%
}

html.enhanced-rt .modal[data-product-tour-modal] .preview {
    background-color: #fafafc;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .preview-image {
    aspect-ratio: 998/543;
    background-size: cover;
    left: 50%;
    margin-top: -113px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 83.42vh
}

html.enhanced-rt .modal[data-product-tour-modal] .preview-image[data-anim-lazy-image-download-complete] {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/intro/loader__cwppis0i3742_large.jpg)
}

@media only screen and (max-width:1068px) {
    html.enhanced-rt .modal[data-product-tour-modal] .preview-image[data-anim-lazy-image-download-complete] {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/intro/loader__cwppis0i3742_medium.jpg)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced-rt .modal[data-product-tour-modal] .preview-image[data-anim-lazy-image-download-complete] {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/intro/loader__cwppis0i3742_small.jpg)
    }
}

@media(orientation:portrait)and (min-width:0px) {
    html.enhanced-rt .modal[data-product-tour-modal] .preview-image {
        margin-top: -110px;
        width: 43.5vh
    }
}

@media(orientation:portrait)and (min-width:768px) {
    html.enhanced-rt .modal[data-product-tour-modal] .preview-image {
        margin-top: -62px;
        width: 56.6vh
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas {
    background: #fafafc;
    height: var(--100dvh);
    left: 0;
    order: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--Front {
    --view-offset-x: 0;
    --view-offset-y: 325;
    --view-zoom: 1.25
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--DigitalCrown,
html.enhanced-rt .modal[data-product-tour-modal] .canvas--TopButton {
    --view-offset-x: 0;
    --view-offset-y: 400;
    --view-zoom: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--CameraSensors {
    --view-offset-x: 0;
    --view-offset-y: 325;
    --view-zoom: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--AudioStraps,
html.enhanced-rt .modal[data-product-tour-modal] .canvas--LightSeal {
    --view-offset-x: 0;
    --view-offset-y: 350;
    --view-zoom: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--Headband {
    --view-offset-x: 0;
    --view-offset-y: 320;
    --view-zoom: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--Displays {
    --view-offset-x: 0;
    --view-offset-y: 300;
    --view-zoom: 1
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas--Power {
    --view-offset-x: 0;
    --view-offset-y: 350;
    --view-zoom: 1
}

@media(orientation:portrait)and (min-width:0px) {
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Front {
        --view-offset-x: 0;
        --view-offset-y: 325;
        --view-zoom: 0.65
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--DigitalCrown,
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--TopButton {
        --view-offset-x: 0;
        --view-offset-y: 450;
        --view-zoom: 0.7
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--CameraSensors {
        --view-offset-x: 0;
        --view-offset-y: 325;
        --view-zoom: 0.7
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--LightSeal {
        --view-offset-x: -400;
        --view-offset-y: 350;
        --view-zoom: 0.95
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--AudioStraps {
        --view-offset-x: 30;
        --view-offset-y: 325;
        --view-zoom: 0.9
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Headband {
        --view-offset-x: -235;
        --view-offset-y: 325;
        --view-zoom: 0.775
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Displays {
        --view-offset-x: 0;
        --view-offset-y: 325;
        --view-zoom: 0.725
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Power {
        --view-offset-x: -50;
        --view-offset-y: 325;
        --view-zoom: 1
    }
}

@media(orientation:portrait)and (min-width:768px) {
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Front {
        --view-offset-x: 0;
        --view-offset-y: 175;
        --view-zoom: 0.85
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Headband {
        --view-offset-x: -235;
        --view-offset-y: 150;
        --view-zoom: 0.85
    }
    html.enhanced-rt .modal[data-product-tour-modal] .canvas--Displays {
        --view-offset-x: 0;
        --view-offset-y: 175;
        --view-zoom: 0.95
    }
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas canvas {
    height: 100% !important;
    width: 100% !important
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas:not(.canvas--Front) canvas {
    cursor: grab
}

html.enhanced-rt .modal[data-product-tour-modal] .canvas:not(.canvas--Front) canvas:active {
    cursor: grabbing
}

.section-foundation {
    display: grid
}

.section-foundation .foundation-analytics-el {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.section-foundation .scroll-container {
    order: 2
}

.section-foundation .foundations-copy-container {
    --copy-width: 970px;
    width: calc(min(100% - (62px * 2), var(--copy-width)))
}

@media only screen and (max-width:1068px) {
    .section-foundation .foundations-copy-container {
        --copy-width: 692px
    }
}

@media only screen and (max-width:734px) {
    .section-foundation .foundations-copy-container {
        --copy-width: 374px
    }
}

.section-foundation .foundations-copy-container .copy-list-wrapper {
    margin-left: 0;
    list-style-type: none
}

.section-foundation .overview-foundation-foundation-startframe {
    display: block;
    position: relative;
    max-width: 1800px
}

.section-foundation .overview-foundation-foundation-startframe:after {
    content: "";
    display: block
}

.section-foundation .overview-foundation-foundation-startframe img {
    max-width: 100%;
    position: absolute
}

.section-foundation .overview-foundation-foundation-startframe:after {
    padding-bottom: 61.1111111111%
}

@media only screen and (max-width:1068px) {
    .section-foundation .overview-foundation-foundation-startframe {
        max-width: 1068px
    }
    .section-foundation .overview-foundation-foundation-startframe:after {
        padding-bottom: 62.5468164794%
    }
}

@media only screen and (max-width:734px) {
    .section-foundation .overview-foundation-foundation-startframe {
        max-width: 1068px
    }
    .section-foundation .overview-foundation-foundation-startframe:after {
        padding-bottom: 62.5468164794%
    }
}

.section-foundation .foundation-headline:not(:first-child) {
    padding-top: 64px
}

@media only screen and (max-width:1068px) {
    .section-foundation .foundation-headline:not(:first-child) {
        padding-top: 40px
    }
}

.section-foundation .button {
    margin-top: 84px;
    --button-padding: 15px 31px 12px 27px;
    padding: var(--button-padding);
    color: #f56300;
    background-color: initial;
    border: 3px solid #f56300;
    transition-property: background-color, color;
    transition-duration: var(--button-transition-duration);
    transition-timing-function: ease-in-out
}

@media only screen and (max-width:1068px) {
    .section-foundation .button {
        margin-top: 60px;
        border-width: 2px;
        --button-padding: 9px 18px 9px 15px
    }
}

@media only screen and (max-width:734px) {
    .section-foundation .button {
        text-align: left;
        white-space: normal;
        border-width: 2px
    }
}

.section-foundation .button .icon:before {
    line-height: 1.5
}

.section-foundation .button:hover {
    color: #fff;
    background-color: #f56300
}

.section-foundation .button:hover .icon-copy {
    text-decoration: none
}

#product-film {
    scroll-margin-top: 30vh
}

html.no-enhanced .section-foundation {
    --foundation-video-start: a1t - 70vh;
    --foundation-video-end: a1b
}

html.no-enhanced .section-foundation .video-container {
    width: var(--responsive-video-width);
    margin-left: auto;
    margin-right: auto
}

html.no-enhanced .section-foundation .section-content {
    padding-top: 191px;
    padding-bottom: 200px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-foundation .section-content {
        padding-top: 124px;
        padding-bottom: 130px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-foundation .section-content {
        padding-top: 104px;
        padding-bottom: 110px
    }
}

html.no-enhanced .section-foundation .button {
    margin-top: 80px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-foundation .button {
        margin-top: 57px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-foundation .button {
        margin-top: 74px
    }
}

html.enhanced .section-foundation {
    --foundation-video-start: a0t - 70vh;
    --foundation-video-end: a0b - 100vh;
    background-color: #000
}

html.enhanced .section-foundation .foundation-analytics-el {
    height: calc(100% - 100vh)
}

html.enhanced .section-foundation .scroll-container {
    grid-area: 1/1;
    position: relative;
    order: 2
}

html.enhanced .section-foundation .foundation-video {
    position: sticky;
    top: var(--r-localnav-height);
    height: calc(100vh - var(--r-localnav-height));
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

html.enhanced .section-foundation .video-container {
    position: absolute;
    height: 100%;
    max-width: 100%
}

@media only screen and (max-width:734px) {
    html.enhanced .section-foundation .video-container {
        align-items: flex-start;
        transform-origin: top
    }
}

html.enhanced .section-foundation .video-container .video-wrapper {
    will-change: transform
}

html.enhanced .section-foundation .video-container .video-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #000;
    opacity: var(--css-scrim-opacity, 0);
    pointer-events: none
}

@media only screen and (max-width:734px) {
    html.enhanced .section-foundation .video-container .video-wrapper {
        align-items: flex-start;
        transform-origin: top;
        width: 100%
    }
}

html.enhanced .section-foundation .video-container .video-wrapper .start-frame {
    max-width: 100%
}

html.enhanced .section-foundation .video-container .video-wrapper .inline-media-ui {
    opacity: 0
}

html.enhanced .section-foundation .video-container .video-wrapper .inline-media-ui .play-pause-button {
    pointer-events: none
}

html.enhanced .section-foundation .foundations-copy-container {
    grid-area: 1/1;
    --copy-padding: calc(100vh - var(--r-localnav-height));
    padding-top: var(--copy-padding);
    padding-bottom: calc(100vh + var(--copy-padding));
    flex-flow: column;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

html.enhanced .section-foundation .foundations-copy-container .foundation-headline {
    color: #fff
}

html.enhanced .section-foundation .foundations-copy-container .foundation-headline.active {
    pointer-events: auto
}

.section-experiences .type-portal .start-frame {
    display: block;
    position: relative;
    max-width: 1800px
}

.section-experiences .type-portal .start-frame:after {
    content: "";
    display: block
}

.section-experiences .type-portal .start-frame img {
    max-width: 100%;
    position: absolute
}

.section-experiences .type-portal .start-frame:after {
    padding-bottom: 61.1111111111%
}

@media only screen and (max-width:1068px) {
    .section-experiences .type-portal .start-frame {
        max-width: 1068px
    }
    .section-experiences .type-portal .start-frame:after {
        padding-bottom: 62.5468164794%
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .type-portal .start-frame {
        max-width: 734px
    }
    .section-experiences .type-portal .start-frame:after {
        padding-bottom: 62.3978201635%
    }
}

.section-experiences .overview-experiences-entertainment-drawer-apple-tv {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-apple-tv {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-apple-tv {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-entertainment-drawer-gaming-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-gaming-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-gaming-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-entertainment-drawer-immersive-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-immersive-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-immersive-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-entertainment-drawer-cinematic-experience {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-cinematic-experience {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-cinematic-experience {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-entertainment-drawer-3d-movies-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-3d-movies-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-3d-movies-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-entertainment-drawer-travel-mode {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-entertainment-drawer-travel-mode {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-entertainment-drawer-travel-mode {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-productivity-drawer-mac-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-productivity-drawer-mac-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-productivity-drawer-mac-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-productivity-drawer-magic-keyboard {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-productivity-drawer-magic-keyboard {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-productivity-drawer-magic-keyboard {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-productivity-drawer-3d-content-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-productivity-drawer-3d-content-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-productivity-drawer-3d-content-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-productivity-drawer-spatial-persona-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-productivity-drawer-spatial-persona-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-productivity-drawer-spatial-persona-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-productivity-drawer-apple-at-work {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-productivity-drawer-apple-at-work {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-productivity-drawer-apple-at-work {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-photos-videos-drawer-spatial-photos-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-photos-videos-drawer-spatial-photos-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-photos-videos-drawer-spatial-photos-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-photos-videos-drawer-2d-photo-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-photos-videos-drawer-2d-photo-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-photos-videos-drawer-2d-photo-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-photos-videos-drawer-capture-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-photos-videos-drawer-capture-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-photos-videos-drawer-capture-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-photos-videos-drawer-spatial-videos {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-photos-videos-drawer-spatial-videos {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-photos-videos-drawer-spatial-videos {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-connection-drawer-facetime {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-connection-drawer-facetime {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-connection-drawer-facetime {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-connection-drawer-persona-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-connection-drawer-persona-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-connection-drawer-persona-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-connection-drawer-facetime-spatial-persona {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-connection-drawer-facetime-spatial-persona {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-connection-drawer-facetime-spatial-persona {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-connection-drawer-shareplay-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-connection-drawer-shareplay-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-connection-drawer-shareplay-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-apps-drawer-app-store {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-apps-drawer-app-store {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-apps-drawer-app-store {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-apps-drawer-apps-selection {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-apps-drawer-apps-selection {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-apps-drawer-apps-selection {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-experiences .overview-experiences-apps-drawer-mindfulness-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-experiences .overview-experiences-apps-drawer-mindfulness-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-experiences .overview-experiences-apps-drawer-mindfulness-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

html.enhanced .section-experiences .subsection:first-of-type {
    background-color: #fff
}

.section-design {
    background-color: #ffffff;
}

.section-design .design-grid-container .highlight,
.section-design .highlight-copy .highlight {
    display: inline-block
}

.section-design .hero-headline {
    display: block;
    position: relative;
    color: #1d1d1f
}

.section-design .hero-headline .headline-wrapper,
.section-design .hero-headline .section-copy,
.section-design .hero-headline .section-eyebrow {
    margin-left: auto;
    margin-right: auto
}

.section-design .hero-headline .section-copy {
    margin-top: 60px
}

@media only screen and (max-width:1068px) {
    .section-design .hero-headline .section-copy {
        margin-top: 34px
    }
}

@media only screen and (max-width:734px) {
    .section-design .hero-headline .section-copy {
        margin-top: 28px
    }
}

.section-design .tile {
    margin-top: 80px
}

@media only screen and (max-width:1068px) {
    .section-design .tile {
        margin-top: 60px
    }
}

@media only screen and (max-width:734px) {
    .section-design .tile {
        margin-top: 30px
    }
}

.section-design .scroll-container .highlight {
    font-size: 21px;
    line-height: 1.381002381;
    font-weight: 600;
    letter-spacing: .011em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: inline-block
}


@media only screen and (max-width:1068px) {
    .section-design .scroll-container .highlight {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }

}

.section-design .design-grid-container {
    background-color: #fff
}

.section-design .design-grid-container .tile.half-width {
    flex-basis: calc(50% - 40px)
}

@media only screen and (max-width:1068px) {
    .section-design .design-grid-container .tile.half-width {
        flex-basis: calc(50% - 20px)
    }
}

@media only screen and (max-width:734px) {
    .section-design .design-grid-container .tile.half-width {
        flex-basis: 100%
    }
}

.section-design .design-grid-container .tile:last-child {
    margin-top: 40px
}

@media only screen and (max-width:1068px) {
    .section-design .design-grid-container .tile:last-child {
        margin-top: 20px
    }
}

@media only screen and (max-width:734px) {
    .section-design .design-grid-container .tile:last-child {
        margin-top: 30px
    }
}

.section-design .design-grid-container .display-wrapper {
    padding-bottom: 180px
}

@media only screen and (max-width:1068px) {
    .section-design .design-grid-container .display-wrapper {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:734px) {
    .section-design .design-grid-container .display-wrapper {
        padding-bottom: 90px
    }
}

.section-design .light-seal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    width: 100%;
    overflow: hidden
}

.section-design .light-seal-container .overview-design-light-seal {
    display: block;
    --p-width: 1084px;
    --p-height: 906px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .light-seal-container .overview-design-light-seal {
        --p-width: 648px;
        --p-height: 542px
    }
}

@media only screen and (max-width:734px) {
    .section-design .light-seal-container .overview-design-light-seal {
        --p-width: 458px;
        --p-height: 364px
    }
}

.section-design .light-seal-container .overview-design-light-seal img {
    display: block
}

@media only screen and (max-width:734px) {
    .section-design .light-seal-container {
        text-align: left;
        justify-content: flex-start;
        width: 100%;
        height: auto
    }
}

.section-design .light-seal-container .light-seal-copy-wrapper {
    z-index: 2
}

.section-design .light-seal-container .light-seal-copy {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 160px
}

@media only screen and (max-width:1068px) {
    .section-design .light-seal-container .light-seal-copy {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:734px) {
    .section-design .light-seal-container .light-seal-copy {
        padding-bottom: 90px
    }
}

.section-design .light-seal-container .light-seal-copy .highlight {
    display: inline
}

.section-design .drawer-wrapper {
    margin-top: calc(var(--drawer-wrapper-height)*-1)
}

.section-design .drawer-wrapper .drawer-toggle-wrapper {
    margin-bottom: 120px
}

@media only screen and (max-width:1068px) {
    .section-design .drawer-wrapper .drawer-toggle-wrapper {
        margin-bottom: 60px
    }
}

.section-design .drawer-wrapper .drawer-toggle-icon {
    margin: auto
}

.section-design .overview-design-portrait-front-base {
    display: block;
    position: relative;
    max-width: 1520px
}

.section-design .overview-design-portrait-front-base:after {
    content: "";
    display: block
}

.section-design .overview-design-portrait-front-base img {
    max-width: 100%;
    position: absolute
}

.section-design .overview-design-portrait-front-base:after {
    padding-bottom: 57.8947368421%
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-portrait-front-base {
        max-width: 980px
    }
    .section-design .overview-design-portrait-front-base:after {
        padding-bottom: 58.1632653061%
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-portrait-front-base {
        max-width: 374px
    }
    .section-design .overview-design-portrait-front-base:after {
        padding-bottom: 120.320855615%
    }
}

.section-design .overview-design-glass-top {
    display: block;
    position: relative;
    max-width: 740px
}

.section-design .overview-design-glass-top:after {
    content: "";
    display: block
}

.section-design .overview-design-glass-top img {
    max-width: 100%;
    position: absolute
}

.section-design .overview-design-glass-top:after {
    padding-bottom: 121.8918918919%
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-glass-top {
        max-width: 480px
    }
    .section-design .overview-design-glass-top:after {
        padding-bottom: 120.8333333333%
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-glass-top {
        max-width: 374px
    }
    .section-design .overview-design-glass-top:after {
        padding-bottom: 120.320855615%
    }
}

.section-design .overview-design-glass-side {
    display: block;
    position: relative;
    max-width: 740px
}

.section-design .overview-design-glass-side:after {
    content: "";
    display: block
}

.section-design .overview-design-glass-side img {
    max-width: 100%;
    position: absolute
}

.section-design .overview-design-glass-side:after {
    padding-bottom: 121.8918918919%
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-glass-side {
        max-width: 480px
    }
    .section-design .overview-design-glass-side:after {
        padding-bottom: 120.8333333333%
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-glass-side {
        max-width: 374px
    }
    .section-design .overview-design-glass-side:after {
        padding-bottom: 120.320855615%
    }
}

.section-design .overview-design-glass-startframe {
    display: block;
    position: relative;
    max-width: 1520px
}

.section-design .overview-design-glass-startframe:after {
    content: "";
    display: block
}

.section-design .overview-design-glass-startframe img {
    max-width: 100%;
    position: absolute
}

.section-design .overview-design-glass-startframe:after {
    padding-bottom: 57.8947368421%
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-glass-startframe {
        max-width: 980px
    }
    .section-design .overview-design-glass-startframe:after {
        padding-bottom: 58.1632653061%
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-glass-startframe {
        max-width: 374px
    }
    .section-design .overview-design-glass-startframe:after {
        padding-bottom: 120.320855615%
    }
}

.section-design .overview-design-drawer-dual-loop-band {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-drawer-dual-loop-band {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-drawer-dual-loop-band {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-design .overview-design-drawer-battery {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-drawer-battery {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-drawer-battery {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-design .overview-design-drawer-headband-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-drawer-headband-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-drawer-headband-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-design .overview-design-drawer-lightseal-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-drawer-lightseal-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-drawer-lightseal-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-design .overview-design-drawer-zeiss-lenses-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-design .overview-design-drawer-zeiss-lenses-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-design .overview-design-drawer-zeiss-lenses-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

html.no-enhanced .section-design {
    overflow: hidden
}

html.no-enhanced .section-design .headline-lockup {
    z-index: 2;
    position: relative;
    padding-bottom: 0px
}

html.no-enhanced .section-design .highlights {
    background-color: #f5f5f7
}

html.no-enhanced .section-design .highlights .auto-width {
    width: auto;
    margin: 0
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .highlights .auto-width {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto
    }
}

html.no-enhanced .section-design .highlights .highlight-copy {
    margin-bottom: 60px
}

@media only screen and (min-width:1801px) {
    html.no-enhanced .section-design .highlights .highlight-copy {
        margin-bottom: 55px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .highlights .highlight-copy {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .highlights .highlight-copy {
        margin-bottom: 30px
    }
}

html.no-enhanced .section-design .highlights .highlight-5 {
    margin-bottom: 220px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .highlights .highlight-5 {
        margin-bottom: 130px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .highlights .highlight-5 {
        margin-bottom: 80px
    }
}

html.no-enhanced .section-design .scroll-container {
    overflow: hidden
}

html.no-enhanced .section-design .flex-container {
    display: flex;
    flex-wrap: nowrap;
    width: 980px
}

@media only screen and (min-width:1801px) {
    html.no-enhanced .section-design .flex-container {
        width: 1200px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .flex-container {
        width: 100%
    }
}

@media only screen and (max-width:1068px)and (orientation:landscape) {
    html.no-enhanced .section-design .flex-container {
        padding-left: max(5%, calc(env(safe-area-inset-left)*1.25))
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .flex-container {
        flex-direction: column;
        padding: 0px;
        margin: 0px
    }
}

html.no-enhanced .section-design .flex-container .copy-container {
    flex-shrink: 0;
    margin-top: 180px;
    width: 320px
}

@media only screen and (min-width:1801px) {
    html.no-enhanced .section-design .flex-container .copy-container {
        margin-top: 180px;
        width: 300px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .flex-container .copy-container {
        margin-top: 130px;
        width: 280px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .flex-container .copy-container {
        margin-top: 110px;
        width: 100%
    }
}

html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
    display: block;
    --p-width: 1070px;
    --p-height: 1342px;
    width: var(--p-width);
    height: var(--p-height);
    align-self: end;
    margin-left: 40px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
        --p-width: 682px;
        --p-height: 944px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
        --p-width: 734px;
        --p-height: 746px
    }
}

@media only screen and (min-width:1801px) {
    html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
        margin-left: 60px
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
        margin-left: auto;
        padding-right: 5%;
        padding-left: 40px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base {
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 0%;
        align-self: start;
        transform: translateX(-24%)
    }
}

html.no-enhanced .section-design .flex-container .overview-design-portrait-right-base img {
    display: block
}

html.no-enhanced .section-design .video-container video.hide-for-base {
    display: none
}

html.no-enhanced .section-design .design-grid-container .eyesight-tile {
    width: 100%
}

html.no-enhanced .section-design .design-grid-container .tile-caption {
    width: 65%;
    margin-top: 24px
}

@media only screen and (min-width:1801px) {
    html.no-enhanced .section-design .design-grid-container .tile-caption {
        width: 60%
    }
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-design .design-grid-container .tile-caption {
        margin-top: 22px;
        width: 75%
    }
}

@media only screen and (max-width:1068px)and (orientation:landscape) {
    html.no-enhanced .section-design .design-grid-container .tile-caption {
        padding-left: calc(env(safe-area-inset-left)*0.5)
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-design .design-grid-container .tile-caption {
        margin-top: 20px;
        width: 100%;
        padding-left: 0px
    }
}

html.no-enhanced .section-design .design-grid-container .display-wrapper {
    background-color: #fff
}

html.enhanced .section-design {
    --highlight-one-timing-start: 0;
    --highlight-one-timing-end: 2.70;
    --highlight-two-timing-start: 2;
    --highlight-two-timing-end: 2.70;
    --highlight-three-timing-start: 0.34;
    --highlight-three-timing-end: 0.48;
    --highlight-four-timing-start: 0.58;
    --highlight-four-timing-end: 0.72;
    --highlight-five-timing-start: 0.75;
    --highlight-five-timing-end: 0.89;
    --highlight-six-timing-start: 2.80;
    --highlight-six-timing-end: ;
    --vo-scroll-one: a0t + 20vh;
    --vo-scroll-two: a0t + 95vh;
    --vo-scroll-three: a0t + 85vh;
    --vo-scroll-four: a0t + 145vh;
    --vo-scroll-five: a0t + 185vh;
    --vo-scroll-six: a0t + 220vh;
    --canvas-height: 1440px;
    --canvas-margin-top: 0px;
    --copy-translate-y: 0vh;
    --hide-startframe-sequence: 0.8;
    --highlight-translatey-offset: 10vh;
    --canvas-translate-y-start: calc(var(--canvas-height)*0.12);
    --canvas-translate-y-end: 0;
    --canvas-translate-x: 0.5%;
    --highlight-copy-translatey-start: 30vh
}

html.enhanced .section-design3,
html.enhanced .section-design1,
html.enhanced .section-design4
{ 
    
    --highlight-copy-translatey-start: 50vh
}
@media only screen and (orientation:portrait) {
    html.enhanced .section-design {
        --highlight-one-timing-start: 0;
        --highlight-one-timing-end: 0.14;
        --highlight-two-timing-start: 0.17;
        --highlight-two-timing-end: 0.31;
        --highlight-three-timing-start: 0.34;
        --highlight-three-timing-end: 0.48;
        --highlight-four-timing-start: 0.55;
        --highlight-four-timing-end: 0.69;
        --highlight-five-timing-start: 0.8;
        --highlight-five-timing-end: 0.9;
        --highlight-six-timing-start: 0.9;
        --highlight-six-timing-end: 1;
        --vo-scroll-one: a0t + 20vh;
        --vo-scroll-two: a0t + 50vh;
        --vo-scroll-three: a0t + 90vh;
        --vo-scroll-four: a0t + 150vh;
        --vo-scroll-five: a0t + 200vh;
        --vo-scroll-six: a0t + 220vh;
        --highlight-translatey-offset: 10vh;
        --highlight-copy-translatey-start: 0vh
    }
}

@media only screen and (min-height:1440px) {
    html.enhanced .section-design {
        --canvas-height: 85vh;
        --canvas-translate-y-start: 0
    }
}

@media only screen and (max-width:1800px) {
    html.enhanced .section-design {
        --canvas-height: 1020px;
        --canvas-margin-top: 0px;
        --highlight-translatey-offset: 10vh
    }
}

@media only screen and (max-width:1800px)and (orientation:portrait) {
    html.enhanced .section-design {
        --highlight-one-timing-start: 0;
        --highlight-one-timing-end: 0.14;
        --highlight-two-timing-start: 0.17;
        --highlight-two-timing-end: 0.31;
        --highlight-three-timing-start: 0.34;
        --highlight-three-timing-end: 0.48;
        --highlight-four-timing-start: 0.55;
        --highlight-four-timing-end: 0.69;
        --highlight-five-timing-start: 0.8;
        --highlight-five-timing-end: 0.9;
        --highlight-six-timing-start: 0.9;
        --highlight-six-timing-end: ;
        --vo-scroll-one: a0t + 20vh;
        --vo-scroll-two: a0t + 50vh;
        --vo-scroll-three: a0t + 90vh;
        --vo-scroll-four: a0t + 150vh;
        --vo-scroll-five: a0t + 200vh;
        --vo-scroll-six: a0t + 220vh;
        --canvas-height: 98vh;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.12);
        --highlight-translatey-offset: 10vh;
        --highlight-copy-translatey-start: 0vh
    }
}

@media only screen and (max-width:1800px)and (orientation:portrait)and (min-height:1200px) {
    html.enhanced .section-design {
        --canvas-height: 92vh;
        --canvas-translate-y-start: 0
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design {
        --highlight-one-timing-start: 0;
        --highlight-one-timing-end: 0.14;
        --highlight-two-timing-start: 0.17;
        --highlight-two-timing-end: 0.31;
        --highlight-three-timing-start: 0.34;
        --highlight-three-timing-end: 0.48;
        --highlight-four-timing-start: 0.58;
        --highlight-four-timing-end: 0.72;
        --highlight-five-timing-start: 0.75;
        --highlight-five-timing-end: 0.89;
        --highlight-six-timing-start: 0.9;
        --highlight-six-timing-end: ;
        --vo-scroll-one: a0t + 20vh;
        --vo-scroll-two: a0t + 45vh;
        --vo-scroll-three: a0t + 85vh;
        --vo-scroll-four: a0t + 145vh;
        --vo-scroll-five: a0t + 185vh;
        --vo-scroll-six: a0t + 220vh;
        --canvas-height: 750px;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.12);
        --highlight-copy-translatey-start: 40vh
    }
}

@media only screen and (max-width:1068px)and (max-width:900px) {
    html.enhanced .section-design {
        --canvas-height: 650px;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.12)
    }
}

@media only screen and (max-width:1068px)and (max-width:900px)and (min-height:700px) {
    html.enhanced .section-design {
        --canvas-translate-y-start: 0
    }
}

@media only screen and (max-width:1068px)and (min-height:820px) {
    html.enhanced .section-design {
        --canvas-translate-y-start: 0;
        --highlight-copy-translatey-start: 45vh
    }
}

@media only screen and (max-width:1068px)and (orientation:portrait) {
    html.enhanced .section-design {
        --highlight-one-timing-start: 0;
        --highlight-one-timing-end: 0.14;
        --highlight-two-timing-start: 0.17;
        --highlight-two-timing-end: 0.31;
        --highlight-three-timing-start: 0.34;
        --highlight-three-timing-end: 0.48;
        --highlight-four-timing-start: 0.55;
        --highlight-four-timing-end: 0.69;
        --highlight-five-timing-start: 0.8;
        --highlight-five-timing-end: 0.9;
        --highlight-six-timing-start: 0.9;
        --highlight-six-timing-end: 1;
        --vo-scroll-one: a0t + 20vh;
        --vo-scroll-two: a0t + 50vh;
        --vo-scroll-three: a0t + 90vh;
        --vo-scroll-four: a0t + 150vh;
        --vo-scroll-five: a0t + 200vh;
        --vo-scroll-six: a0t + 220vh;
        --canvas-height: 100vh;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.12);
        --canvas-margin-top: 0px;
        --hide-startframe-sequence: 0.8;
        --highlight-translatey-offset: 10vh;
        --highlight-copy-translatey-start: 0vh
    }
}

@media only screen and (max-width:1068px)and (orientation:portrait)and (min-height:1024px) {
    html.enhanced .section-design {
        --canvas-height: 90vh;
        --canvas-translate-y-start: 0
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design {
        --highlight-one-timing-start: 0;
        --highlight-one-timing-end: 0.14;
        --highlight-two-timing-start: 0.17;
        --highlight-two-timing-end: 0.31;
        --highlight-three-timing-start: 0.34;
        --highlight-three-timing-end: 0.48;
        --highlight-four-timing-start: 0.55;
        --highlight-four-timing-end: 0.69;
        --highlight-five-timing-start: 0.8;
        --highlight-five-timing-end: 0.9;
        --highlight-six-timing-start: 0.9;
        --highlight-six-timing-end: 1;
        --vo-scroll-one: a0t + 20vh;
        --vo-scroll-two: a0t + 50vh;
        --vo-scroll-three: a0t + 90vh;
        --vo-scroll-four: a0t + 150vh;
        --vo-scroll-five: a0t + 200vh;
        --vo-scroll-six: a0t + 220vh;
        --canvas-height: 768px;
        --canvas-translate-y-end: -32px;
        --highlight-translatey-offset: 40px;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.12);
        --canvas-margin-top: 0px;
        --highlight-translatey-offset: 10vh
    }
}

@media only screen and (max-width:734px)and (min-height:737px) {
    html.enhanced .section-design {
        --canvas-height: 100vh;
        --highlight-translatey-offset: 10vh;
        --canvas-translate-y-end: 0
    }
}

@media only screen and (max-width:734px)and (min-aspect-ratio:109/192) {
    html.enhanced .section-design {
        --canvas-translate-y-end: 0
    }
}

@media only screen and (max-width:734px)and (max-height:720px) {
    html.enhanced .section-design {
        --canvas-height: 740px;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.22);
        --canvas-translate-y-end: calc(100vh - 740px)
    }
}

@media only screen and (max-width:734px)and (max-height:640px) {
    html.enhanced .section-design {
        --canvas-height: 680px;
        --canvas-translate-y-start: calc(var(--canvas-height)*0.22);
        --canvas-translate-y-end: calc(100vh - 670px)
    }
}

html.enhanced .section-design .headline-lockup {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 60px
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .headline-lockup {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .headline-lockup {
        margin-bottom: 40px
    }
}

html.enhanced .section-design .scroll-container {
    position: relative;
    isolation: isolate;
    background-color: #f5f5f7;
}
html.enhanced .section-design1 .scroll-container,
html.enhanced .section-design2 .scroll-container,
html.enhanced .section-design3 .scroll-container,
html.enhanced .section-design4 .scroll-container,
html.enhanced .section-design5 .scroll-container{
    position: relative;
    isolation: isolate;
    background-color: #ffffff;
}
html.enhanced .section-design .scroll-container.animating .highlight-copy,
html.enhanced .section-design .scroll-container.animating .image-sequence,
html.enhanced .section-design .scroll-container.animating .image-sequence-container {
    will-change: transform
}

html.enhanced .section-design .sticky-element {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
        

}



html.enhanced .section-design .sticky-content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100vh;
    width: 100%
}

html.enhanced .section-design .image-sequence-container {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    z-index: 1
}

html.enhanced .section-design .image-sequence {
    position: absolute;
    top: 0;
    height: 100vh;
    margin-top: var(--canvas-margin-top);
    display: block;
    transform-origin: center;
width: 100%;
    
}

html.enhanced .section-design .image-sequence.transform-top {
    transform-origin: top center
}

@media only screen and (min-width:1800px)and (min-height:1440px) {
    html.enhanced .section-design .image-sequence {
        bottom: 0px;
        top: auto
    }
}

@media only screen and (max-width:1800px)and (min-width:1069px)and (min-height:1020px) {
    html.enhanced .section-design .image-sequence {
        bottom: 0px;
        top: auto
    }
}

@media only screen and (max-width:1068px)and (min-height:750px) {
    html.enhanced .section-design .image-sequence {
        bottom: 0px;
        top: auto
    }
}

@media only screen and (max-width:1068px)and (max-width:900px)and (min-height:650px) {
    html.enhanced .section-design .image-sequence {
        bottom: 0px;
        top: auto
    }
}

@media only screen and (max-width:734px)and (min-height:737px) {
    html.enhanced .section-design .image-sequence {
        bottom: 0px;
        top: auto
    }
}

html.enhanced .section-design .overview-design-360-gradient {
    position: absolute;
    height: 25%;
    width: 100%;
    bottom: -2px;
    display: none;
    z-index: 2
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .overview-design-360-gradient {
        display: block
    }
}

@media only screen and (max-width:734px)and (max-width:340px) {
    html.enhanced .section-design .overview-design-360-gradient {
        height: 40%
    }
}

html.enhanced .section-design .overview-design-360-gradient img {
    display: block;
    height: 100%;
    width: 100%
}

html.enhanced .section-design .highlights {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3
}



@media only screen and (max-width:1068px) {
    html.enhanced .section-design .highlights .highlight,
    html.enhanced .section-design .highlights .typography-section-body {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
 
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .highlights .highlight,
    html.enhanced .section-design .highlights .typography-section-body {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
  
}

@media only screen and (max-width:1068px)and (orientation:landscape) {
    html.enhanced .section-design .highlights .highlight,
    html.enhanced .section-design .highlights .typography-section-body {
        font-size: 21px;
        line-height: 1.381002381;
        font-weight: 600;
        letter-spacing: .011em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
   
}

@media only screen and (max-width:1068px)and (orientation:landscape)and (max-width:1068px) {
    html.enhanced .section-design .highlights .highlight,
    html.enhanced .section-design .highlights .typography-section-body {
        font-size: 30px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }
   
}

html.enhanced .section-design .highlights .responsive-row {
    padding: 0
}

html.enhanced .section-design .highlights .section-content {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 70vw
}

@media only screen and (min-height:1440px)and (min-aspect-ratio:7/5) {
    html.enhanced .section-design .highlights .section-content {
        max-width: 60vw
    }
}

@media only screen and (max-width:1800px) {
    html.enhanced .section-design .highlights .section-content {
        display: block;
        max-width: 980px
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .highlights .section-content {
        display: block;
        max-width: 840px
    }
}

@media only screen and (max-width:1068px)and (max-width:900px) {
    html.enhanced .section-design .highlights .section-content {
        max-width: 715px
    }
}

@media only screen and (max-width:1068px)and (orientation:portrait) {
    html.enhanced .section-design .highlights .section-content {
        max-width: 765px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .highlights .section-content {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        max-width: 100%
    }
}

@media only screen and (max-width:734px)and (min-aspect-ratio:67/96) {
    html.enhanced .section-design .highlights .section-content {
        max-width: 60%
    }
}

html.enhanced .section-design .highlights .section-content .responsive-row {
    max-width: none
}

html.enhanced .section-design .copy-container {
    display: block
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .copy-container {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

html.enhanced .section-design .highlight-copy {
    position: absolute;
    opacity: 0;
    text-align: left;
    width: 220px;
    z-index: 1
}

@media only screen and (min-width:1800px) {
    .flexi p, .flexi li {
    font-size: 32px;
    line-height: 46px;
}


.flexi ol {
    list-style: none !important;
    counter-reset: item-counter;
}

.flexi ol li {
    counter-increment: item-counter;
    position: relative;
    padding-left: 40px; /* Create space for the number */
}


.flexi ol li {
    list-style: auto !important;
    padding-left: 20px; /* Space for the number */
    
}

.flexi ol li span {
    display: inline-block;
    padding-left: 30px; /* Indent for second line */
}


    html.enhanced .section-design .highlight-copy {
        width: 500px;
        color: #ffffff;
        font-size: 64px;
        font-weight: 800;
        display: block;
        text-align: right;
        margin-right: -100px;
    }
    html.enhanced .section-design5 .highlight-copy {
        width: 360px;
        color: #000000;
        font-size: 64px;
        font-weight: 800;
        display: block;
        text-align: right;
    margin-right: -200px;
        
    }
   
    html.enhanced .section-design.exterior .highlight-copy {
    width: 100% !important;
    color: #ffffff;
    font-size: 64px;
    font-weight: 800;
    display: flex; /* Change from block to flex */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100%; /* Make sure the div has a height to center vertically */
    text-align: center; /* Align the text itself to the center */
}


 html.enhanced .section-design3 .highlight-copy {
    width: 100% !important;
    color: #000000;
    font-size: 64px;
    font-weight: 800;
    display: flex; /* Change from block to flex */
    justify-content: center; /* Horizontal centering */
    text-align: center; /* Align the text itself to the center */
}
   



.exterior .image-sequence {
    width: 100% !important;
    transform: none !important; /* Prevent shrinking or transformations */
    will-change: transform !important;
}

.section-design5 .image-sequence,
.section-design4 .image-sequence,
.section-design3 .image-sequence,
.section-design2 .image-sequence,
.section-design1 .image-sequence{
    width: 100% !important;
    transform: none !important; /* Prevent shrinking or transformations */
    will-change: transform !important;
}
}

@media only screen and (min-width:1800px)and (orientation:portrait) {
    html.enhanced .section-design .highlight-copy {
        width: 48%;
        bottom: 30px
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .highlight-copy {
        position: absolute;
        width: 200px;
        bottom: auto
    }
     html.enhanced .section-design.exterior .highlight-copy {
    width: 100% !important;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    display: flex; /* Change from block to flex */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100%; /* Make sure the div has a height to center vertically */
    text-align: center; /* Align the text itself to the center */
}
 html.enhanced .section-design3 .highlight-copy {
    width: 100% !important;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    display: flex; /* Change from block to flex */
    justify-content: center; /* Horizontal centering */
    text-align: center; /* Align the text itself to the center */
}
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .highlight-copy {
        position: absolute;
        width: 80%;
        bottom: 50px
    }
}

html.enhanced .section-design .highlight-copy.right {
    right: -10px
}

@media only screen and (min-width:1800px) {
    html.enhanced .section-design .highlight-copy.right {
        right: -25px
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .highlight-copy.right {
        right: -20px
    }
}

@media only screen and (max-width:1068px)and (max-width:900px) {
    html.enhanced .section-design .highlight-copy.right {
        right: -10px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .highlight-copy.right {
        right: auto
    }
}

html.enhanced .section-design .highlight-copy .highlight {
    color: #1d1d1f
}

@media only screen and (min-width:1800px) {
    html.enhanced .section-design .highlight-copy .highlight {
        color: #ffffff !important;
        font-size: 64px;
        font-weight: 800;
        display: block;
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .highlight-copy .highlight {
        color: #ffffff !important;
        font-size: 32px;
        font-weight: 800;
        display: block;
       
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .highlight-copy .highlight {
        color: #fff
    }
}

html.enhanced .section-design .highlight-copy.visible {
    z-index: 2
}

@media only screen and (orientation:portrait)and (min-width:734px) {
    html.enhanced .section-design .highlights .copy-container {
        display: flex;
        justify-content: center;
        align-items: center
    }
    html.enhanced .section-design .highlights .section-content {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }
    html.enhanced .section-design .highlights .highlight-copy {
        width: 48%;
        bottom: 30px
    }
}

@media only screen and (orientation:portrait)and (min-width:734px)and (max-width:1068px) {
    html.enhanced .section-design .highlights .highlight-copy {
        width: 58%
    }
}

@media only screen and (orientation:portrait)and (min-width:734px) {
    html.enhanced .section-design .highlights .highlight-copy.right {
        right: auto
    }
}

@media only screen and (orientation:portrait)and (min-width:734px) {
    html.enhanced .section-design .highlights .highlight-copy .highlight {
        color: #fff
    }
}

html.enhanced .section-design .design-grid-container {
    position: relative;
    padding-top: 20px;
    z-index: 4
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-design .design-grid-container {
        padding-top: 0px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-design .design-grid-container {
        padding-top: 60px
    }
}

html.enhanced .section-design .video-wrapper.loaded .overview-design-glass-startframe,
html.enhanced .section-design .video-wrapper video {
    visibility: hidden
}

html.enhanced .section-design .video-wrapper.loaded video {
    visibility: visible
}

html.enhanced .section-design .light-seal-container {
    position: relative;
    z-index: 4
}

html.enhanced .section-design .anchor-timeline {
    position: relative;
    width: 0;
    box-sizing: border-box;
    background-color: initial
}

html.enhanced .section-design .anchor-zoom-in {
    height: 0vh
}

@media only screen and (max-width:734px)and (max-height:685px) {
    html.enhanced .section-design .anchor-zoom-in {
        height: calc(685px - 100vh + var(--canvas-translate-y-start))
    }
}

html.enhanced .section-design .anchor-highlight {
    height: 240vh
}

.section-visionos .overview-visionos-visionos-a-startframe {
    display: block;
    position: relative;
    max-width: 1800px
}

.section-visionos .overview-visionos-visionos-a-startframe:after {
    content: "";
    display: block
}

.section-visionos .overview-visionos-visionos-a-startframe img {
    max-width: 100%;
    position: absolute
}

.section-visionos .overview-visionos-visionos-a-startframe:after {
    padding-bottom: 61.1111111111%
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-visionos-a-startframe {
        max-width: 1068px
    }
    .section-visionos .overview-visionos-visionos-a-startframe:after {
        padding-bottom: 62.5468164794%
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-visionos-a-startframe {
        max-width: 734px
    }
    .section-visionos .overview-visionos-visionos-a-startframe:after {
        padding-bottom: 62.3978201635%
    }
}

.section-visionos .overview-visionos-drawer-apps {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-apps {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-apps {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-environments {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-environments {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-environments {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-eyesight {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-eyesight {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-eyesight {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-eyes-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-eyes-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-eyes-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-hands-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-hands-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-hands-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-siri {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-siri {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-siri {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-voice-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-voice-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-voice-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-visionos .overview-visionos-drawer-guest-user {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-visionos .overview-visionos-drawer-guest-user {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-visionos .overview-visionos-drawer-guest-user {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-technology {
    --drawer-toggle-margin-bottom: 240px
}

.section-technology .features-container {
    --subsection-margin-top: 180px;
    --headline-margin-top: 60px;
    overflow: hidden
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container {
        --subsection-margin-top: 120px;
        --headline-margin-top: 60px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container {
        --subsection-margin-top: 110px;
        --headline-margin-top: 50px
    }
}

@media only screen and (min-width:735px) {
    .section-technology .features-container .copy-block,
    .section-technology .features-container .copy-block-container {
        text-align: center
    }
}

.section-technology .features-container .copy-block-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.section-technology .features-container .image-stack-container {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    justify-items: center
}

.section-technology .features-container .image-stack-item {
    grid-area: 1/1
}

.section-technology .features-container .highlights .headline,
.section-technology .features-container .lockup .headline,
.section-technology .features-container .sensors .headline {
    margin-top: var(--headline-margin-top)
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .highlights .headline,
    .section-technology .features-container .lockup .headline,
    .section-technology .features-container .sensors .headline {
        align-self: start
    }
}

.section-technology .features-container .highlights,
.section-technology .features-container .lockup {
    margin-top: var(--subsection-margin-top)
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .goggles-container {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-technology .features-container .lockup {
    align-self: end;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    display: flex;
    padding-bottom: 55px
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .lockup {
        padding-bottom: 39px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .lockup {
        padding-bottom: 35px
    }
}

.section-technology .features-container .lockup .body,
.section-technology .features-container .lockup .headline,
.section-technology .features-container .lockup .sensors-chips {
    position: relative
}

.section-technology .features-container .lockup .sensors-chips {
    margin-bottom: calc(var(--p-height)*-0.2)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .lockup .sensors-chips {
        margin-bottom: calc(var(--p-height)*-0.3)
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .lockup .sensors-chips {
        margin-bottom: calc(var(--p-height)*-0.35)
    }
}

.section-technology .features-container .lockup .copy-block-container {
    width: 100%
}

.section-technology .features-container .lockup .copy-block-item {
    padding: 0
}

.section-technology .features-container .overview-technology-features-eye-tracking-off {
    display: block;
    --p-width: 966px;
    --p-height: 518px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-off {
        --p-width: 658px;
        --p-height: 354px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-off {
        --p-width: 376px;
        --p-height: 202px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-off,
    .section-technology .features-container .overview-technology-features-eye-tracking-off img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-eye-tracking-on {
    display: block;
    --p-width: 966px;
    --p-height: 518px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-on {
        --p-width: 658px;
        --p-height: 354px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-on {
        --p-width: 376px;
        --p-height: 202px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-eye-tracking-on,
    .section-technology .features-container .overview-technology-features-eye-tracking-on img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-sensors-off {
    display: block;
    --p-width: 1026px;
    --p-height: 508px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-off {
        --p-width: 664px;
        --p-height: 330px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-off {
        --p-width: 376px;
        --p-height: 188px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-off,
    .section-technology .features-container .overview-technology-features-sensors-off img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-sensors-video {
    display: block;
    --p-width: 1026px;
    --p-height: 508px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-video {
        --p-width: 664px;
        --p-height: 330px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-video {
        --p-width: 376px;
        --p-height: 188px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-video,
    .section-technology .features-container .overview-technology-features-sensors-video img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-sensors-tracking {
    display: block;
    --p-width: 1026px;
    --p-height: 508px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-tracking {
        --p-width: 664px;
        --p-height: 330px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-tracking {
        --p-width: 376px;
        --p-height: 188px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-tracking,
    .section-technology .features-container .overview-technology-features-sensors-tracking img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-sensors-mapping {
    display: block;
    --p-width: 1026px;
    --p-height: 508px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-mapping {
        --p-width: 664px;
        --p-height: 330px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-mapping {
        --p-width: 376px;
        --p-height: 188px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-mapping,
    .section-technology .features-container .overview-technology-features-sensors-mapping img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .features-container .overview-technology-features-sensors-chips {
    display: block;
    --p-width: 1466px;
    --p-height: 728px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-chips {
        --p-width: 998px;
        --p-height: 496px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-chips {
        --p-width: 998px;
        --p-height: 496px
    }
}

.section-technology .features-container .overview-technology-features-sensors-all {
    display: block;
    --p-width: 1026px;
    --p-height: 508px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .features-container .overview-technology-features-sensors-all {
        --p-width: 664px;
        --p-height: 330px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-all {
        --p-width: 376px;
        --p-height: 188px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .features-container .overview-technology-features-sensors-all,
    .section-technology .features-container .overview-technology-features-sensors-all img {
        max-width: 100%;
        height: auto
    }
}

.section-technology .displays-container .grid-stack {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    justify-items: center;
    align-items: center
}

.section-technology .displays-container .grid-stack-item {
    grid-area: 1/1
}

.section-technology .displays-container .part-container.video-container {
    max-width: none
}

.section-technology .displays-copy {
    position: relative;
    z-index: 2;
    margin-top: -6px;
    padding-bottom: 90px
}

@media only screen and (min-width:735px) {
    .section-technology .displays-copy {
        text-align: center
    }
}

@media only screen and (max-width:1068px) {
    .section-technology .displays-copy {
        margin-top: 0px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .displays-copy {
        margin-top: 8px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width:1068px) {
    .section-technology {
        --drawer-toggle-margin-bottom: 120px
    }
}

@media only screen and (max-width:734px) {
    .section-technology {
        --drawer-toggle-margin-bottom: 120px
    }
}

.section-technology .section-copy+.section-copy,
.section-technology .section-copy .headline+.body {
    margin-top: 40px
}

@media only screen and (max-width:1068px) {
    .section-technology .section-copy+.section-copy,
    .section-technology .section-copy .headline+.body {
        margin-top: 22px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .section-copy+.section-copy,
    .section-technology .section-copy .headline+.body {
        margin-top: 20px
    }
}

.section-technology .headline-lockup .headline-wrapper+.body {
    margin-top: 60px
}

@media only screen and (max-width:1068px) {
    .section-technology .headline-lockup .headline-wrapper+.body {
        margin-top: 34px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .headline-lockup .headline-wrapper+.body {
        margin-top: 28px
    }
}

.section-technology .headline-lockup .highlight {
    font-size: 24px;
    line-height: 1.3334133333;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block
}



@media only screen and (max-width:1068px) {
    .section-technology .headline-lockup .highlight {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    
}

@media only screen and (max-width:734px) {
    .section-technology .headline-lockup .highlight {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
font-family: 'Poppins', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
   
}

.section-technology .speakers-container,
.section-technology .video-wrapper {
    display: grid;
    grid-template-columns: 100%;
    overflow: hidden
}

.section-technology .speakers-container .base-bg,
.section-technology .speakers-container .speakers-copy,
.section-technology .speakers-container .startframe,
.section-technology .speakers-container .video,
.section-technology .speakers-container .video-wrapper {
    grid-area: 1/1
}

.section-technology .speakers-container .base-bg,
.section-technology .speakers-container .startframe,
.section-technology .speakers-container .video {
    display: none
}

.section-technology .speakers-container .startframe {
    position: relative
}

.section-technology .speakers-container .video-wrapper {
    --p-width: 1798px;
    --p-height: 1012px;
    justify-self: center;
    width: 100%;
    max-width: var(--p-width)
}

@media only screen and (max-width:1068px) {
    .section-technology .speakers-container .video-wrapper {
        --p-width: 1068px;
        --p-height: 602px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .speakers-container .video-wrapper {
        --p-width: 734px;
        --p-height: 414px
    }
}

.section-technology .speakers-container .speakers-copy {
    z-index: 1;
    padding-bottom: 0;
    grid-area: 2/1;
    margin-top: -270px
}

@media only screen and (max-width:1068px) {
    .section-technology .speakers-container .speakers-copy {
        margin-top: -110px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .speakers-container .speakers-copy {
        margin-top: 0
    }
}

.section-technology .overview-technology-spatial-audio-startframe {
    display: block;
    position: relative;
    max-width: 1798px
}

.section-technology .overview-technology-spatial-audio-startframe:after {
    content: "";
    display: block
}

.section-technology .overview-technology-spatial-audio-startframe img {
    max-width: 100%;
    position: absolute
}

.section-technology .overview-technology-spatial-audio-startframe:after {
    padding-bottom: 56.2847608454%
}

@media only screen and (max-width:1068px) {
    .section-technology .overview-technology-spatial-audio-startframe {
        max-width: 1068px
    }
    .section-technology .overview-technology-spatial-audio-startframe:after {
        padding-bottom: 56.3670411985%
    }
}

@media only screen and (max-width:734px) {
    .section-technology .overview-technology-spatial-audio-startframe {
        max-width: 734px
    }
    .section-technology .overview-technology-spatial-audio-startframe:after {
        padding-bottom: 56.4032697548%
    }
}

.section-technology .overview-technology-spatial-audio-base {
    display: block;
    position: relative;
    max-width: 1798px
}

.section-technology .overview-technology-spatial-audio-base:after {
    content: "";
    display: block
}

.section-technology .overview-technology-spatial-audio-base img {
    max-width: 100%;
    position: absolute
}

.section-technology .overview-technology-spatial-audio-base:after {
    padding-bottom: 56.2847608454%
}

@media only screen and (max-width:1068px) {
    .section-technology .overview-technology-spatial-audio-base {
        max-width: 1068px
    }
    .section-technology .overview-technology-spatial-audio-base:after {
        padding-bottom: 56.3670411985%
    }
}

@media only screen and (max-width:734px) {
    .section-technology .overview-technology-spatial-audio-base {
        max-width: 734px
    }
    .section-technology .overview-technology-spatial-audio-base:after {
        padding-bottom: 56.4032697548%
    }
}

.section-technology .drawer-toggle-icon {
    --drawer-button-bg-color: rgba(255, 255, 255, 1);
    --drawer-button-hover-bg-color: rgba(255, 255, 255, 0.9);
    --drawer-button-text-color: #000000
}

.section-technology .overview-technology-drawer-thermal {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .overview-technology-drawer-thermal {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .overview-technology-drawer-thermal {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-technology .overview-technology-drawer-ir {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .overview-technology-drawer-ir {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .overview-technology-drawer-ir {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-technology .overview-technology-drawer-lidar-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-technology .overview-technology-drawer-lidar-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-technology .overview-technology-drawer-lidar-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

html.no-enhanced .section-technology {
    overflow: hidden
}

html.no-enhanced .section-technology .features-container .eye-tracking-off,
html.no-enhanced .section-technology .features-container .goggles-mapping,
html.no-enhanced .section-technology .features-container .goggles-off,
html.no-enhanced .section-technology .features-container .goggles-tracking,
html.no-enhanced .section-technology .features-container .goggles-video,
html.no-enhanced .section-technology .features-container .replay-container {
    display: none
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-technology .displays-container .part-container.video-container {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

html.no-enhanced .section-technology .displays-container .part-image,
html.no-enhanced .section-technology .displays-container .part-image-group,
html.no-enhanced .section-technology .displays-container .video {
    display: none
}

html.no-enhanced .section-technology .displays-container .hero {
    display: block;
    --p-width: 962px;
    --p-height: 562px;
    width: var(--p-width);
    height: var(--p-height);
    margin-bottom: 60px
}

@media only screen and (max-width:1068px) {
    html.no-enhanced .section-technology .displays-container .hero {
        --p-width: 652px;
        --p-height: 356px
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-technology .displays-container .hero {
        --p-width: 376px;
        --p-height: 206px;
        display: block;
        position: relative;
        max-width: 962px;
        margin-bottom: 30px;
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:734px) {
    html.no-enhanced .section-technology .displays-container .hero:after {
        content: "";
        display: block
    }
    html.no-enhanced .section-technology .displays-container .hero img {
        max-width: 100%;
        position: absolute
    }
    html.no-enhanced .section-technology .displays-container .hero:after {
        padding-bottom: 58.41995842%
    }
}

@media only screen and (max-width:734px)and (max-width:1068px) {
    html.no-enhanced .section-technology .displays-container .hero {
        max-width: 652px
    }
    html.no-enhanced .section-technology .displays-container .hero:after {
        padding-bottom: 54.6012269939%
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    html.no-enhanced .section-technology .displays-container .hero {
        max-width: 376px
    }
    html.no-enhanced .section-technology .displays-container .hero:after {
        padding-bottom: 54.7872340426%
    }
}

html.no-enhanced .section-technology .base-bg {
    display: block
}

html.enhanced .section-technology {
    --video-initial-offset: 254px;
    --video-width: 960px;
    --video-height: 608px;
    --video-aspect-XS: 0.6329787234;
    --sticky-offset: 50vh;
    --center-offset: calc(var(--video-height)*-0.35);
    --video-scroll-margin: max(200vh, calc(var(--video-height)*3))
}

html.enhanced .section-technology .features-container .highlights {
    position: relative;
    overflow: hidden
}

html.enhanced .section-technology .features-container .highlights .goggles-container.will-change {
    will-change: transform
}

html.enhanced .section-technology .features-container .highlights .section-copy .body,
html.enhanced .section-technology .features-container .highlights .section-copy .body .highlight {
    color: #515154;
    transition: color .8s ease-in-out .2s
}

html.enhanced .section-technology .features-container .highlights .section-copy .body .highlight.active {
    color: #fff
}

html.enhanced .section-technology .features-container .highlights .section-copy .body.complete {
    color: #86868b
}

html.enhanced .section-technology .features-container .highlights .section-copy .body.complete .highlight {
    color: #fff
}

html.enhanced .section-technology .features-container .replay-container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-bottom: -10px
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .features-container .replay-container {
        margin-top: 4px;
        margin-bottom: -15px
    }
}

html.enhanced .section-technology .features-container .replay-container .replay-button {
    color: #2997ff;
    opacity: 1;
    transition: color .6s ease-out
}

html.enhanced .section-technology .features-container .replay-container .replay-button.disabled {
    pointer-events: none;
    color: #86868b
}

html.enhanced .section-technology .displays-container {
    height: var(--video-scroll-margin)
}

html.enhanced .section-technology .displays-container .part-container {
    position: sticky;
    top: var(--sticky-offset);
    margin-top: calc(var(--video-initial-offset)*-1);
    height: var(--video-height);
    align-items: end;
    overflow: visible
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-container {
        grid-template-columns: 87.5%
    }
}

html.enhanced .section-technology .displays-container .part-image,
html.enhanced .section-technology .displays-container .part-image-group,
html.enhanced .section-technology .displays-container .startframe,
html.enhanced .section-technology .displays-container .video {
    grid-area: 1/1;
    max-width: 100%
}

html.enhanced .section-technology .displays-container.will-change,
html.enhanced .section-technology .displays-container.will-change .part-image,
html.enhanced .section-technology .displays-container.will-change .startframe,
html.enhanced .section-technology .displays-container.will-change .video {
    will-change: transform
}

html.enhanced .section-technology .displays-container .part-image-group {
    display: grid;
    grid-template-columns: 100%
}

html.enhanced .section-technology .displays-container .hero {
    display: none
}

html.enhanced .section-technology .displays-container:not(.show-startframe) .video-container.scrub-ready .startframe {
    opacity: 0;
    transition: opacity;
    transition-delay: .025s
}

html.enhanced .section-technology .displays-container:not(.show-startframe) .video-container.scrub-ready .video {
    opacity: 1
}

html.enhanced .section-technology .displays-container .video {
    position: relative;
    display: block;
    width: var(--video-width);
    height: var(--video-height);
    opacity: 0;
    min-height: 0;
    object-fit: fill
}

html.enhanced .section-technology .displays-container .startframe {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/startframe__fk6tsxxwncyi_large.png);
    --p-width: 960px;
    --p-height: 608px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .startframe {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/startframe__fk6tsxxwncyi_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .startframe {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/startframe__fk6tsxxwncyi_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .startframe {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/startframe__fk6tsxxwncyi_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .startframe {
        --p-width: 650px;
        --p-height: 412px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .startframe {
        --p-width: 376px;
        --p-height: 238px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-01-front {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0000__b5n7ez3p2seq_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-front {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0000__b5n7ez3p2seq_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-front {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0000__b5n7ez3p2seq_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-01-front {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0000__b5n7ez3p2seq_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-front {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-front {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-01-back {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0007__b95s4g085uuu_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-back {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0007__b95s4g085uuu_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-back {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0007__b95s4g085uuu_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-01-back {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0007__b95s4g085uuu_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-back {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-01-back {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-02-front {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0002__fspgzjetnpm6_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-front {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0002__fspgzjetnpm6_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-front {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0002__fspgzjetnpm6_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-02-front {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0002__fspgzjetnpm6_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-front {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-front {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-02-back {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0006__enypileapsa6_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-back {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0006__enypileapsa6_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-back {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0006__enypileapsa6_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-02-back {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0006__enypileapsa6_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-back {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-02-back {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-03 {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0004__fq0enfas7sia_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-03 {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0004__fq0enfas7sia_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-03 {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0004__fq0enfas7sia_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-03 {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0004__fq0enfas7sia_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-03 {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-03 {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-container .part-image.part-03-dark {
    background-repeat: no-repeat;
    background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0003__cneophpf8hw2_large.png);
    --p-width: 960px;
    --p-height: 359px;
    width: var(--p-width);
    height: var(--p-height);
    background-size: contain;
    background-position: bottom;
    position: relative
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-03-dark {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0003__cneophpf8hw2_medium.png)
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-03-dark {
        background-repeat: no-repeat;
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0003__cneophpf8hw2_small.png)
    }
}

@media only screen and (max-width:734px)and (min-resolution:1.5dppx),
only screen and (max-width:734px)and (min-resolution:144dpi) {
    html.enhanced .section-technology .displays-container .part-image.part-03-dark {
        background-image: url(/v/apple-vision-pro/e/images/overview/technology/displays/parts_0003__cneophpf8hw2_small_2x.png)
    }
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology .displays-container .part-image.part-03-dark {
        --p-width: 650px;
        --p-height: 248px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology .displays-container .part-image.part-03-dark {
        --p-width: 376px;
        --p-height: 147px
    }
}

html.enhanced .section-technology .displays-copy {
    margin-bottom: var(--center-offset);
    transform: translateY(var(--center-offset))
}

@media only screen and (max-width:1068px) {
    html.enhanced .section-technology {
        --video-initial-offset: 174px;
        --video-width: 650px;
        --video-height: 412px
    }
}

@media only screen and (max-width:734px) {
    html.enhanced .section-technology {
        --video-initial-offset: 54px;
        --video-width: 376px;
        --video-height: 238px
    }
}

@media only screen and (min-width:1069px) {
    html.enhanced .section-technology .speakers-container {
        margin-top: -10vh
    }
}

html.enhanced .section-technology .speakers-container .startframe,
html.enhanced .section-technology .speakers-container .video {
    display: block
}

html.enhanced .section-technology .speakers-container .startframe {
    visibility: visible
}

html.enhanced .section-technology .speakers-container .video {
    visibility: hidden;
    width: 100%;
    height: 100%
}

html.enhanced .section-technology .speakers-container .video-wrapper.loaded .startframe {
    visibility: hidden
}

html.enhanced .section-technology .speakers-container .video-wrapper.loaded .video {
    visibility: visible
}

.section-values {
    padding-bottom: calc(180px - var(--drawer-toggle-margin-bottom))
}

@media only screen and (max-width:1068px) {
    .section-values {
        padding-bottom: calc(130px - var(--drawer-toggle-margin-bottom))
    }
}

@media only screen and (max-width:734px) {
    .section-values {
        padding-bottom: calc(85px - var(--drawer-toggle-margin-bottom))
    }
}

.section-values .headline-lockup {
    padding-bottom: 65px
}

@media only screen and (max-width:1068px) {
    .section-values .headline-lockup {
        padding-bottom: 55px
    }
}

.section-values .headline-lockup .highlight {
    font-size: 24px;
    line-height: 1.3334133333;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block
}

.section-values .headline-lockup .highlight:lang(ja) {
    line-height: 1.4166666667;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(ko) {
    line-height: 1.4584133333;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(th) {
    line-height: 1.375;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-values .headline-lockup .highlight:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
    .section-values .headline-lockup .highlight {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(ko) {
        line-height: 1.3157894737;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh) {
        line-height: 1.3684410526
    }
    .section-values .headline-lockup .highlight:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .section-values .headline-lockup .highlight {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh) {
        line-height: 1.3334033333
    }
    .section-values .headline-lockup .highlight:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }
    .section-values .headline-lockup .highlight:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.section-values .overview-values-drawer-eye-input-startframe {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-values .overview-values-drawer-eye-input-startframe {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-values .overview-values-drawer-eye-input-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-values .overview-values-drawer-optic-startframe {
    display: block;
    --p-width: 820px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-values .overview-values-drawer-optic-startframe {
        --p-width: 692px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-values .overview-values-drawer-optic-startframe {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-values .overview-values-drawer-camera-sensor-data {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-values .overview-values-drawer-camera-sensor-data {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-values .overview-values-drawer-camera-sensor-data {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-values .overview-values-drawer-accessibility {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-values .overview-values-drawer-accessibility {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-values .overview-values-drawer-accessibility {
        --p-width: 280px;
        --p-height: 386px
    }
}

.section-values .overview-values-drawer-recycled {
    display: block;
    --p-width: 400px;
    --p-height: 530px;
    width: var(--p-width);
    height: var(--p-height)
}

@media only screen and (max-width:1068px) {
    .section-values .overview-values-drawer-recycled {
        --p-width: 336px;
        --p-height: 446px
    }
}

@media only screen and (max-width:734px) {
    .section-values .overview-values-drawer-recycled {
        --p-width: 280px;
        --p-height: 386px
    }
}

@media only screen and (max-width:734px) {
    .section-values .drawer-wrapper {
        margin-bottom: 25px
    }
}

.section-values .drawer-wrapper.expanded {
    margin-bottom: 40px
}

@media only screen and (max-width:1068px) {
    .section-values .drawer-wrapper.expanded {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:734px) {
    .section-values .drawer-wrapper.expanded {
        margin-bottom: 0px
    }
}

html.no-ar-quicklook-performant .router-augmented-reality {
    display: none
}

@media only screen and (max-width:734px) {
    .router-augmented-reality {
        flex-direction: column;
        padding-top: 52px
    }
}

@media only screen and (min-width:1069px) {
    .router-augmented-reality .section-content {
        width: 1300px
    }
}

@media only screen and (min-width:735px) {
    .router-augmented-reality .section-content {
        padding-left: 8.3333333333%;
        padding-right: 8.3333333333%
    }
}

.router-augmented-reality .copy-container {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:734px) {
    .router-augmented-reality .copy-container {
        align-items: center;
        text-align: center
    }
}



.router-augmented-reality .item-container {
    padding-top: 38px
}

@media only screen and (max-width:1068px) {
    .router-augmented-reality .item-container {
        padding-top: 54px
    }
}

@media only screen and (max-width:734px) {
    .router-augmented-reality .item-container {
        padding-top: 46px
    }
}

.router-augmented-reality .overview-routers-ar-logo {
    display: block;
    --p-width: 52px;
    --p-height: 55px;
    width: var(--p-width);
    height: var(--p-height);
    margin-bottom: 15px
}

@media only screen and (max-width:1068px) {
    .router-augmented-reality .overview-routers-ar-logo {
        --p-width: 57px;
        --p-height: 57px
    }
}

@media only screen and (max-width:734px) {
    .router-augmented-reality .overview-routers-ar-logo {
        --p-width: 50px;
        --p-height: 52px
    }
}

@media only screen and (max-width:1068px) {
    .router-augmented-reality .overview-routers-ar-logo {
        margin-bottom: 22px
    }
}

.router-augmented-reality .overview-routers-ar-tile {
    display: block;
    position: relative;
    max-width: 580px
}

.router-augmented-reality .overview-routers-ar-tile:after {
    content: "";
    display: block
}

.router-augmented-reality .overview-routers-ar-tile img {
    max-width: 100%;
    position: absolute
}

.router-augmented-reality .overview-routers-ar-tile:after {
    padding-bottom: 124.4827586207%
}

@media only screen and (max-width:1068px) {
    .router-augmented-reality .overview-routers-ar-tile {
        max-width: 302px
    }
    .router-augmented-reality .overview-routers-ar-tile:after {
        padding-bottom: 132.119205298%
    }
}

@media only screen and (max-width:734px) {
    .router-augmented-reality .overview-routers-ar-tile {
        max-width: 100%
    }
    .router-augmented-reality .overview-routers-ar-tile:after {
        padding-bottom: 122.1476510067%
    }
}

@media only screen and (max-width:1068px) {
    .router-augmented-reality .overview-routers-ar-tile {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:734px) {
    .router-augmented-reality .overview-routers-ar-tile {
        height: auto
    }
}

.router-accessories {
    padding-top: 160px;
    padding-bottom: 164px
}

@media only screen and (max-width:1068px) {
    .router-accessories {
        padding-top: 90px;
        padding-bottom: 88px
    }
}

@media only screen and (max-width:734px) {
    .router-accessories {
        padding-top: 96px;
        padding-bottom: 80px
    }
}

.router-accessories .section-content {
    align-items: center
}

@media only screen and (min-width:1069px) {
    .router-accessories .section-content {
        width: 1100px
    }
}

@media only screen and (min-width:735px) {
    .router-accessories .section-content {
        padding-left: 8.3333333333%;
        padding-right: 8.3333333333%
    }
}

@media only screen and (max-width:734px) {
    .router-accessories .section-content {
        flex-direction: column-reverse;
        text-align: center
    }
}

@media only screen and (max-width:734px) {
    .router-accessories .copy-container,
    .router-accessories .item-container {
        flex-basis: auto;
        width: 100%
    }
}

.router-accessories .item-container {
    display: flex;
    justify-content: center
}

@media only screen and (max-width:734px) {
    .router-accessories .copy-container {
        margin-top: 42px
    }
}

@media only screen and (min-width:735px) {
    .router-accessories .router-headline {
        padding-right: 93px
    }
}

.router-accessories .router-link {
    margin-top: 22px
}

@media only screen and (max-width:1068px) {
    .router-accessories .router-link {
        margin-top: 14px
    }
}

.router-accessories .wider {
    flex-shrink: 0;
    width: 115.8181818182%
}

@media only screen and (max-width:1068px) {
    .router-accessories .wider {
        width: 105.75%
    }
}

@media only screen and (max-width:734px) {
    .router-accessories .wider {
        width: 100%
    }
}

.router-accessories .overview-routers-accessories {
    display: block;
    position: relative;
    max-width: 637px
}

.router-accessories .overview-routers-accessories:after {
    content: "";
    display: block
}

.router-accessories .overview-routers-accessories img {
    max-width: 100%;
    position: absolute
}

.router-accessories .overview-routers-accessories:after {
    padding-bottom: 69.0737833595%
}

@media only screen and (max-width:1068px) {
    .router-accessories .overview-routers-accessories {
        max-width: 423px
    }
    .router-accessories .overview-routers-accessories:after {
        padding-bottom: 69.0307328605%
    }
}

@media only screen and (max-width:734px) {
    .router-accessories .overview-routers-accessories {
        max-width: 343px
    }
    .router-accessories .overview-routers-accessories:after {
        padding-bottom: 69.0962099125%
    }
}

@media only screen and (max-width:734px) {
    .router-accessories .overview-routers-accessories img {
        left: 0
    }
}

.router-developer {
    padding-top: 146px;
    padding-bottom: 164px
}

@media only screen and (max-width:1068px) {
    .router-developer {
        padding-top: 78px;
        padding-bottom: 76px
    }
}

@media only screen and (max-width:734px) {
    .router-developer {
        padding-top: 110px;
        padding-bottom: 104px
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .router-developer .section-content {
        max-width: 692px
    }
}

.router-developer .overview-routers-developers {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 578px;
    --p-height: 157px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px
}

@media only screen and (max-width:1068px) {
    .router-developer .overview-routers-developers {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        margin-bottom: 32px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .router-developer .overview-routers-developers {
        --p-width: 376px;
        --p-height: 103px
    }
}

@media only screen and (max-width:734px) {
    .router-developer .overview-routers-developers {
        display: block;
        position: relative;
        max-width: 325px;
        width: auto;
        height: auto;
        margin-bottom: 34px
    }
    .router-developer .overview-routers-developers:after {
        content: "";
        display: block
    }
    .router-developer .overview-routers-developers img {
        max-width: 100%;
        position: absolute
    }
    .router-developer .overview-routers-developers:after {
        padding-bottom: 27.3846153846%
    }
    .router-developer .overview-routers-developers img {
        left: 0
    }
}


.router {
    margin-bottom: 0px;
    background-color: #f5f5f7
}
.bullets h3{
    
    font-size: 48px;
    margin-bottom: 40px;
}
.bullets li {
    list-style: disc;
    padding-bottom: 20px;
    padding-top: 20px;
    
}

.logoright::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    margin-right: 0px !important;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    background-image: url(../images/pumplogo.png);
    background-size: contain;
    background-repeat: no-repeat;
}



button {
  width: auto !important; /* Button adjusts to content width */

  white-space: nowrap; /* Prevent text from wrapping */
}

/* Styling for small screens */
@media only screen and (max-width: 600px) {
  button {
    width: 100% !important; /* Make button take up full width */
    font-size: 14px; /* Adjust font size for readability */
  }
}
@media only screen and (max-width:1068px) {
    .router {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:734px) {
    .router {
        margin-bottom: 25px
    }
     .router1 {
         padding-bottom: 25px;
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width:734px) {
    .router .section-content {
        width: 87.5%
    }
.typography-foundation-headline .headline-1 {
    font-size: 48px !important;
  
}
.foundation-headline:not(:first-child) {
    padding-top: 32px !important;
}
ol, ul {
    margin-left: 0em !important;
}
.large-offset-1 {
    margin-left: 0% !important;
}
.bottom p {
    font-size: 32px;
    text-align: center;
}
}
/* For screens 735px and above */
@media (min-width: 735px) {
    .small-screen {
        display: none;
    }
    .wide-screen {
        display: block;
    }
}

/* For screens 734px and below */
@media (max-width: 734px) {
    .wide-screen {
        display: none;
    }
    .small-screen {
        display: block;
    }
    .typography-section-headline-reduced {
        text-align: left;
    }
    .spacer-top {
        padding-top: 60px;
    }
    html.no-enhanced .spacer-top-base {
        padding-top: 60px;
    }
        .bottom p {
        font-size: 28px;
        text-align: center;
    }
    .logoright::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    margin-right: 0px !important;
    vertical-align: middle;
    width:40px;
    height: 40px;
    background-image: url(../images/pumplogo.png);
    background-size: contain;
    background-repeat: no-repeat;
}


}