.xp{background:var(--ink);z-index:2;height:340vh;position:relative}.xp__pin{height:100svh;position:sticky;top:0;overflow:hidden}#nbCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.xp__side{left:var(--gutter);width:min(620px,calc(100% - 2*var(--gutter)));z-index:2;position:absolute;top:120px}.xp__side h2{font-size:var(--t-l)}.xp__side p{color:color-mix(in srgb,var(--paper) 78%,transparent);max-width:44ch;margin-top:14px}.bom{border-collapse:collapse;width:100%;max-width:480px;font-family:var(--f-label);font-weight:400;font-size:var(--t-cap);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-top:26px}.bom th{color:var(--steel);text-align:left;border-bottom:1px solid color-mix(in srgb,var(--paper) 40%,transparent);padding:7px 8px 7px 0;font-weight:400}.bom td{border-bottom:1px solid color-mix(in srgb,var(--paper) 14%,transparent);cursor:default;padding:8px 8px 8px 0;transition:color .2s}.bom tr.on td{color:var(--cyan)}.bom td:first-child{width:34px}.bom td:first-child span{width:22px;height:22px;font-size:var(--t-cap);border:1px solid;border-radius:50%;place-items:center;display:inline-grid}.balloons{pointer-events:none;z-index:1;position:absolute;inset:0}.balloon{font-family:var(--f-label);font-weight:400;font-size:var(--t-cap);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--paper);white-space:nowrap;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.balloon i{background:var(--ink);border:1px solid var(--paper);width:26px;height:26px;font-style:normal;font-size:var(--t-cap);border-radius:50%;place-items:center;display:grid}.balloon:before{content:"";background:color-mix(in srgb,var(--paper) 55%,transparent);width:60px;height:1px;margin-right:-1px;position:absolute;top:50%;right:100%}.balloon.on i{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.xp__meter{right:var(--gutter);z-index:2;color:var(--steel);align-items:center;gap:16px;display:flex;position:absolute;bottom:30px}.xp__meter i{background:color-mix(in srgb,var(--paper) 18%,transparent);width:160px;height:2px;display:block;position:relative}.xp__meter i b{background:var(--red);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}@media (max-width:800px){.xp__side{top:84px}.xp__side p,.bom,.balloon span{display:none}.balloon:before{width:24px}}.ms{margin-top:clamp(40px,5vw,70px);position:relative}.ms__grid{grid-template-columns:repeat(20,minmax(0,1fr));row-gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.ms__grid:before{content:"";background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--navy) 10%,transparent) 0 1px,transparent 1px calc(100%/20));pointer-events:none;position:absolute;inset:0}.ms__row{display:contents}.ms__lbl{font-family:var(--f-label);font-weight:400;font-size:var(--t-cap);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--line);grid-column:1/-1;margin-top:8px}.ms__bar{background:var(--navy);transform-origin:0;height:30px;transition:transform 1.2s var(--ease);position:relative}.js .ms:not(.in) .ms__bar{transform:scaleX(0)}.ms__bar.red{background:var(--red)}.ms__keys{grid-template-columns:repeat(20,minmax(0,1fr));height:66px;margin-bottom:22px;display:grid;position:relative}.ms__key{text-align:center;justify-items:center;gap:6px;display:grid;position:absolute;top:0;transform:translate(-50%)}.ms__key i{background:var(--red);width:16px;height:16px;transform:rotate(45deg)}.ms__key b{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:var(--t-cap);white-space:nowrap}.ms__note{font-size:var(--t-cap);color:var(--line);margin-top:18px}@media (max-width:700px){.ms__key b{white-space:normal;width:64px;font-size:9.5px}.ms__key:last-child b{margin-top:18px}.ms__keys{height:84px}}.gets{border-top:1px solid var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gets div{border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent);min-width:0;padding:22px 22px 26px 0}.gets div:nth-child(2n){border-left:1px solid color-mix(in srgb,var(--paper) 18%,transparent);padding-left:22px}.gets b{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:var(--t-s);margin-bottom:8px;display:block}.gets span{color:color-mix(in srgb,var(--paper) 75%,transparent);font-size:var(--t-small);line-height:var(--lh-small)}@media (max-width:700px){.gets{grid-template-columns:1fr}.gets div:nth-child(2n){border-left:0;padding-left:0}}.built{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(36px,4vw,60px);display:grid}.built a{gap:12px;min-width:0;text-decoration:none;display:grid}.built figure{aspect-ratio:4/5;max-width:100%;margin:0;overflow:hidden}.built img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.built a:hover img{transform:scale(1.05)}.built b{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:var(--t-m)}.built span{font-family:var(--f-label);font-weight:400;font-size:var(--t-cap);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--line)}@media (max-width:800px){.built{grid-template-columns:1fr}.built figure{aspect-ratio:16/10}}.xp__side .eyebrow{color:var(--red)}.xp[data-webgl=off]{height:auto}.xp[data-webgl=off] .xp__pin{height:auto;padding-block:clamp(90px,10vw,140px) 70px;position:relative;overflow:visible}.xp[data-webgl=off] .xp__side{margin-inline:var(--gutter);position:relative;top:auto;left:auto}.xp[data-webgl=off] #nbCanvas,.xp[data-webgl=off] .balloons,.xp[data-webgl=off] .xp__meter{display:none}.xp[data-webgl=off] .bom,.xp[data-webgl=off] .xp__side p{display:table}.xp[data-webgl=off] .xp__side p{display:block}.built figure{position:relative}