.myx-depth-motion{--inside-bg:#101114;--inside-ink:#f1f0ed;display:block;background:var(--inside-bg);color:var(--inside-ink);font-family:inherit;isolation:isolate}
.myx-depth-motion *{box-sizing:border-box}
.myx-depth-motion h2,.myx-depth-motion h3,.myx-depth-motion p{margin:0;color:inherit;text-transform:none;letter-spacing:normal}
.myx-depth-motion .myx-inside__track{position:relative}
.myx-depth-motion[data-enhanced] .myx-inside__track{height:430svh}
.myx-depth-motion .myx-inside__sticky{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:.78fr 1.4fr;grid-template-rows:1fr 1fr;align-items:center;padding:145px 65px 55px;gap:20px;min-height:730px}
.myx-depth-motion[data-enhanced] .myx-inside__sticky{position:sticky;top:0;height:100svh;min-height:620px}
.myx-depth-motion .myx-inside__heading{grid-column:1;grid-row:1;align-self:start;z-index:2}
.myx-depth-motion .myx-inside__eyebrow{font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:#93cad5;margin-bottom:25px}
.myx-depth-motion .myx-inside__heading h2{font-size:clamp(36px,4.1vw,62px);font-weight:500;line-height:1.05;letter-spacing:-.05em;white-space:pre-line}
.myx-depth-motion .myx-inside__visual{grid-column:2;grid-row:1/3;position:relative;aspect-ratio:1;width:min(100%,76svh);max-height:76svh;justify-self:center;background:radial-gradient(ellipse,#34363b 0,#23252a 30%,#101114 70%)}
.myx-depth-motion canvas,.myx-depth-motion .myx-inside__poster,.myx-depth-motion .myx-inside__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.myx-depth-motion canvas{opacity:0}.myx-depth-motion[data-painted] canvas{opacity:1}.myx-depth-motion[data-painted] .myx-inside__poster{visibility:hidden}
.myx-depth-motion .myx-inside__labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:30px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.myx-depth-motion[data-exploded] .myx-inside__labels{opacity:1;transform:none}
.myx-depth-motion .myx-inside__labels span{font-size:10px;line-height:1.5;text-align:center;color:#c2c5cc}.myx-depth-motion .myx-inside__labels b{display:block;font-size:9px;font-weight:400;color:#85919d;letter-spacing:.1em;margin-bottom:5px}
.myx-depth-motion .myx-inside__copy{grid-column:1;grid-row:2;align-self:end;z-index:2;max-width:360px;padding-bottom:20px}
.myx-depth-motion .myx-inside__captions{position:relative;min-height:190px;display:grid}
.myx-depth-motion .myx-inside__captions>div{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility .3s;pointer-events:none}
.myx-depth-motion .myx-inside__captions>div[data-active]{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.myx-depth-motion:not([data-enhanced]) .myx-inside__captions>div{grid-area:auto;opacity:1;visibility:visible;transform:none;margin-bottom:25px}
.myx-depth-motion .myx-inside__step{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#94a4ad;margin-bottom:17px}
.myx-depth-motion .myx-inside__copy h3{font-size:26px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px}
.myx-depth-motion .myx-inside__captions p:last-child{font-size:14px;line-height:1.75;color:#a9adb5;max-width:345px}
.myx-depth-motion .myx-inside__progress{height:1px;background:#343840;overflow:hidden;margin:23px 0 14px}
.myx-depth-motion .myx-inside__progress span{display:block;width:100%;height:100%;background:#9cdae7;transform:scaleX(0);transform-origin:left}
.myx-depth-motion .myx-inside__hint{display:flex;justify-content:space-between;color:#858e9a;font-size:10px;letter-spacing:.035em}
.myx-depth-motion:not([data-enhanced]) .myx-inside__hint,.myx-depth-motion:not([data-enhanced]) .myx-inside__progress{display:none}
@media(min-width:750px) and (max-height:760px){.myx-depth-motion .myx-inside__sticky{padding-top:115px;padding-bottom:26px}.myx-depth-motion .myx-inside__heading h2{font-size:44px}.myx-depth-motion .myx-inside__captions{min-height:160px}.myx-depth-motion .myx-inside__copy{padding-bottom:0}}
@media(max-width:749px){
 .myx-depth-motion[data-enhanced] .myx-inside__track{height:380svh}
 .myx-depth-motion .myx-inside__sticky,.myx-depth-motion[data-enhanced] .myx-inside__sticky{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;padding:112px 23px 30px;gap:8px;min-height:0}
 .myx-depth-motion .myx-inside__heading{grid-column:1;grid-row:1;text-align:center;width:100%}
 .myx-depth-motion .myx-inside__eyebrow{font-size:8px;margin-bottom:14px}.myx-depth-motion .myx-inside__heading h2{font-size:34px;line-height:1.07}
 .myx-depth-motion .myx-inside__visual{grid-column:1;grid-row:2;align-self:center;width:min(42svh,calc(100vw - 46px));height:min(42svh,calc(100vw - 46px));max-height:none;max-width:100%;min-width:0;min-height:0;margin:0}
 .myx-depth-motion .myx-inside__copy{grid-column:1;grid-row:3;padding:0;max-width:none;width:100%}
 .myx-depth-motion .myx-inside__captions{min-height:138px;text-align:center;max-width:350px;margin:auto}
 .myx-depth-motion .myx-inside__step{font-size:8px;margin-bottom:10px}.myx-depth-motion .myx-inside__copy h3{font-size:22px;margin-bottom:10px}.myx-depth-motion .myx-inside__captions p:last-child{font-size:12px;line-height:1.65;max-width:325px;margin:auto}
 .myx-depth-motion .myx-inside__progress{margin:12px 0}.myx-depth-motion .myx-inside__labels{gap:20px;bottom:0}.myx-depth-motion .myx-inside__labels span{font-size:8px}.myx-depth-motion .myx-inside__labels b{display:none}
}
@media(max-width:749px) and (max-height:740px){.myx-depth-motion .myx-inside__sticky,.myx-depth-motion[data-enhanced] .myx-inside__sticky{padding-top:98px;padding-bottom:19px;gap:6px}.myx-depth-motion .myx-inside__heading h2{font-size:27px}.myx-depth-motion .myx-inside__eyebrow{margin-bottom:9px}.myx-depth-motion .myx-inside__captions{min-height:120px}.myx-depth-motion .myx-inside__copy h3{font-size:20px}.myx-depth-motion .myx-inside__captions p:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.myx-depth-motion .myx-inside__captions>div,.myx-depth-motion .myx-inside__labels{transition:none}}

.myx-depth-motion .myx-inside__heading h2,.myx-depth-motion .myx-inside__copy h3{font-family:Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.03em}.myx-depth-motion .myx-inside__eyebrow{color:#b7a3f1;font-weight:700}