activit-protocol-v5.ap5{--ap-gold:#D5AA28;--ap-white:#f4f0e8;--ap-offset:0px;display:block;position:relative;height:650svh;width:100%;background:#000;color:var(--ap-white);font-family:inherit;isolation:isolate}.ap5 *{box-sizing:border-box}.ap5 [hidden]{display:none!important}.ap5 .ap5__stage{position:sticky;top:var(--ap-offset);height:calc(100svh - var(--ap-offset));width:100%;overflow:hidden;background:#000}.ap5 .ap5__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent 15%,transparent 83%,rgba(0,0,0,.8))}.ap5 .ap5__media,.ap5 .ap5__media img,.ap5 .ap5__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;display:block}.ap5 .ap5__media img,.ap5 .ap5__media video{object-fit:cover;object-position:50% 50%}.ap5 .ap5__media video{opacity:0}.ap5.is-ready .ap5__media video{opacity:1}.ap5 .ap5__top{position:absolute;z-index:4;top:32px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.ap5 .ap5__brand{margin:0;font-size:13px;letter-spacing:.24em;line-height:1.2;font-weight:600;color:var(--ap-white)}.ap5 .ap5__brand span{display:block;margin-top:6px;color:var(--ap-gold);letter-spacing:.43em;font-size:10px}.ap5 .ap5__controls{display:flex;align-items:center;gap:20px;padding:0 14px;background:#000000a6;border-radius:28px}.ap5 .ap5__controls a,.ap5 .ap5__controls button{font:inherit;font-size:11px;letter-spacing:.03em;line-height:1.4;padding:12px 0;min-height:44px;background:none;border:0;color:var(--ap-white);text-decoration:none;cursor:pointer}.ap5 .ap5__controls a{color:var(--ap-gold)}.ap5 a:focus-visible,.ap5 button:focus-visible{outline:2px solid var(--ap-gold);outline-offset:5px}.ap5 .ap5__panel{position:absolute;z-index:3;left:6%;top:50%;width:28%;max-width:360px;transform:translateY(calc(-50% + 12px));opacity:0;pointer-events:none;transition:opacity .2s ease,transform .35s ease}.ap5 .ap5__panel.is-active{opacity:1;transform:translateY(-50%)}.ap5 .ap5__eyebrow{margin:0 0 18px;font-size:11px;line-height:1.5;letter-spacing:.18em;font-weight:500;color:var(--ap-gold);text-transform:uppercase}.ap5 .ap5__panel h2,.ap5 .ap5__panel h3{margin:0;color:var(--ap-white);font-family:inherit;font-size:clamp(30px,3.4vw,58px);line-height:1.04;letter-spacing:-.04em;font-weight:400;text-transform:none;overflow-wrap:normal}.ap5 .ap5__panel[data-phase=intro] h2,.ap5 .ap5__panel[data-phase=outro] h3{font-size:clamp(38px,4.8vw,76px);line-height:.99}.ap5 .ap5__body{margin:22px 0 0;max-width:29ch;font-size:clamp(14px,1.25vw,19px);line-height:1.6;color:#d1cec8}.ap5 .ap5__rule{width:32px;height:1px;background:var(--ap-gold);margin:28px 0 0}.ap5 .ap5__leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;pointer-events:none;color:var(--ap-gold)}.ap5 .ap5__leader path{fill:none;stroke:currentColor;stroke-width:1;opacity:.65;vector-effect:non-scaling-stroke}.ap5 .ap5__leader .ap5__halo{fill:none;stroke:currentColor;stroke-width:1;opacity:.4}.ap5 .ap5__leader .ap5__dot{fill:currentColor}.ap5 .ap5__bottom{position:absolute;z-index:3;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--ap-gold);font-size:10px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.ap5 .ap5__bottom p{margin:0}.ap5 .ap5__progress{position:absolute;bottom:0;left:0;width:100%;height:2px;transform:scaleX(var(--ap-progress,0));transform-origin:left;background:var(--ap-gold)}.ap5 .ap5__end{position:absolute;bottom:0;left:0;width:1px;height:1px;scroll-margin-top:var(--ap-offset)}.ap5.is-static{height:auto}.ap5.is-static .ap5__stage{position:relative;top:0;min-height:700px;height:calc(100svh - var(--ap-offset))}.ap5.is-static .ap5__media{opacity:.5}.ap5.is-static .ap5__media video{display:none}.ap5.is-static .ap5__leader,.ap5.is-static .ap5__progress,.ap5.is-static .ap5__panel[data-phase=reveal],.ap5.is-static .ap5__panel[data-phase=outro],.ap5.is-static .ap5__rule{display:none}.ap5.is-static .ap5__panels{position:absolute;top:130px;bottom:80px;left:6%;width:34%;max-width:470px;display:flex;flex-direction:column;justify-content:center;gap:28px}.ap5.is-static .ap5__panel{position:static;width:100%;max-width:none;opacity:1;transform:none;transition:none}.ap5.is-static .ap5__panel h2{font-size:36px}.ap5.is-static .ap5__panel h3{font-size:25px}.ap5.is-static .ap5__eyebrow{font-size:10px;margin-bottom:8px}.ap5.is-static .ap5__body{font-size:14px;margin-top:8px;max-width:34ch}.ap5.is-static .ap5__panel[data-phase=intro] .ap5__eyebrow{display:none}@media(min-width:1600px){.ap5 .ap5__panel{left:8%;max-width:410px}}@media(max-width:749px){.ap5 .ap5__media img,.ap5 .ap5__media video{object-position:80% 50%}.ap5 .ap5__stage:after{background:linear-gradient(180deg,rgba(0,0,0,.85),transparent 17%,transparent 53%,rgba(0,0,0,.9) 74%,#000 90%)}.ap5 .ap5__top{top:18px;left:24px;right:24px}.ap5 .ap5__controls{gap:18px}.ap5 .ap5__brand{font-size:11px}.ap5 .ap5__brand span{font-size:9px}.ap5 .ap5__controls a,.ap5 .ap5__controls button{font-size:10px}.ap5 .ap5__panel{left:24px;top:auto;bottom:88px;width:calc(100% - 48px);max-width:420px;transform:translateY(12px)}.ap5 .ap5__panel.is-active{transform:none}.ap5 .ap5__eyebrow{margin-bottom:10px;font-size:10px}.ap5 .ap5__panel h2,.ap5 .ap5__panel h3{font-size:32px;line-height:1.05}.ap5 .ap5__panel[data-phase=intro] h2,.ap5 .ap5__panel[data-phase=outro] h3{font-size:44px}.ap5 .ap5__body{font-size:14px;line-height:1.5;margin-top:13px;max-width:32ch}.ap5 .ap5__rule{margin-top:18px;width:24px}.ap5 .ap5__bottom{bottom:24px;left:24px;right:24px;font-size:9px;gap:12px}.ap5.is-static .ap5__stage{min-height:760px}.ap5.is-static .ap5__media{opacity:.23}.ap5.is-static .ap5__panels{top:110px;bottom:80px;left:24px;width:calc(100% - 48px);max-width:420px;gap:25px}.ap5.is-static .ap5__panel h2{font-size:38px}.ap5.is-static .ap5__panel h3{font-size:26px}}@media(max-width:749px)and (max-height:700px){.ap5:not(.is-static) .ap5__panel{bottom:65px}.ap5:not(.is-static) .ap5__panel h3{font-size:27px}.ap5:not(.is-static) .ap5__body{font-size:12px;margin-top:9px}.ap5:not(.is-static) .ap5__rule{display:none}.ap5:not(.is-static) .ap5__eyebrow{margin-bottom:6px}.ap5 .ap5__bottom{bottom:18px}.ap5 .ap5__stage:after{background:linear-gradient(180deg,rgba(0,0,0,.85),transparent 20%,transparent 48%,rgba(0,0,0,.94) 70%,#000 90%)}}@media(prefers-reduced-motion:reduce){.ap5 .ap5__panel{transition:none}}@media(max-width:319px){.ap5 .ap5__top{left:12px;right:12px;gap:8px}.ap5 .ap5__brand{font-size:9px}.ap5 .ap5__brand span{font-size:8px}.ap5 .ap5__controls{gap:8px;padding:0 8px}.ap5 .ap5__controls a,.ap5 .ap5__controls button{font-size:9px}.ap5 .ap5__panel{left:16px;width:calc(100% - 32px)}.ap5:not(.is-static) .ap5__panel h3,.ap5 .ap5__panel[data-phase=intro] h2,.ap5 .ap5__panel[data-phase=outro] h3{font-size:24px}.ap5:not(.is-static) .ap5__body{font-size:11px}.ap5 .ap5__eyebrow{font-size:8px;letter-spacing:.1em}.ap5 .ap5__bottom{left:12px;right:12px;font-size:8px;letter-spacing:.06em}.ap5.is-static .ap5__panels{left:16px;width:calc(100% - 32px)}.ap5.is-static .ap5__panel h2{font-size:26px}.ap5.is-static .ap5__panel h3{font-size:22px}.ap5.is-static .ap5__body{font-size:12px}.ap5.is-static .ap5__eyebrow{font-size:9px}}.ap5 .ap5__stage:after{background:none}.ap5 .ap5__controls{position:absolute;z-index:6;top:16px;left:50%;transform:translate(-50%,-150%);opacity:0;pointer-events:none;white-space:nowrap;background:#10100f;border:1px solid var(--ap-gold)}.ap5 .ap5__controls:focus-within{transform:translate(-50%);opacity:1;pointer-events:auto}.ap5:not(.is-static) .ap5__media{opacity:var(--ap-entrance,0);transform:translateY(calc((1 - var(--ap-entrance,0))*36px));will-change:transform,opacity}.ap5:not(.is-static) .ap5__panel[data-phase=intro]{left:0;top:50%;bottom:auto;width:100%;max-width:none;text-align:center;transform:translateY(calc(-50% + var(--ap-intro-rise,0px)));transition:none;opacity:0}.ap5:not(.is-static) .ap5__panel[data-phase=intro].is-active{opacity:var(--ap-intro-alpha,1)}.ap5:not(.is-static) .ap5__panel[data-phase=intro] .ap5__eyebrow{font-size:clamp(12px,1.4vw,22px);letter-spacing:.55em;margin:0 0 22px;padding-left:.55em}.ap5:not(.is-static) .ap5__panel[data-phase=intro] h2{font-size:clamp(100px,min(27vw,43svh),360px);font-weight:500;line-height:.8;letter-spacing:-.075em;padding-right:.075em}.ap5 .ap5__panel[data-phase=intro] .ap5__rule{display:none}@media(min-width:750px){.ap5 .ap5__panel[data-phase=b12]{width:18.5%}}@media(max-width:749px){.ap5 .ap5__media img,.ap5 .ap5__media video{object-position:var(--ap-media-x,50%) 50%}.ap5:not(.is-static) .ap5__stage:after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.82) 77%,#000 92%)}.ap5:not(.is-static) .ap5__panel{bottom:52px}.ap5:not(.is-static) .ap5__panel[data-phase=intro]{bottom:auto}.ap5.is-static .ap5__media img{object-position:50% 50%}}@media(max-width:749px)and (max-height:700px){.ap5:not(.is-static) .ap5__panel{bottom:35px}.ap5:not(.is-static) .ap5__panel[data-phase=intro]{bottom:auto}.ap5:not(.is-static) .ap5__stage:after{background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.94) 79%,#000 92%)}}@media(prefers-reduced-motion:reduce){.ap5 .ap5__media{will-change:auto}}@media(max-width:319px){.ap5:not(.is-static) .ap5__panel[data-phase=intro] h2{font-size:clamp(56px,27vw,100px)}.ap5:not(.is-static) .ap5__panel[data-phase=intro] .ap5__eyebrow{font-size:10px}}.ap5 .ap5__panel[data-phase=intro] .ap5__eyebrow{font-family:Ubuntu,sans-serif;font-weight:400}.ap5 .ap5__panel[data-phase=intro] h2{font-family:Azonix,sans-serif;font-synthesis:none;font-weight:400;color:#d4af37}.ap5:not(.is-static) .ap5__panel[data-phase=intro] h2{font-weight:400;letter-spacing:0;padding:0;font-size:clamp(86px,min(24vw,40svh),330px)}.ap5:not(.is-static) .ap5__media{transform:translateY(calc((1 - var(--ap-entrance,0))*45px)) scale(calc(.72 + var(--ap-entrance,0)*.28));transform-origin:50% 40%}@media(max-width:749px){.ap5:not(.is-static) .ap5__media img,.ap5:not(.is-static) .ap5__media video{inset:auto;left:var(--ap-media-left,0px);top:var(--ap-media-top,0px);width:var(--ap-media-side,100%);height:var(--ap-media-side,100%);object-fit:fill;object-position:50% 50%;max-width:none}.ap5:not(.is-static) .ap5__media{transform-origin:50% 35%}.ap5:not(.is-static) .ap5__stage:after{background:linear-gradient(180deg,transparent 66%,rgba(0,0,0,.86) 79%,#000 95%)}.ap5:not(.is-static) .ap5__panel[data-phase=intro]{top:42%}}@media(max-width:319px){.ap5:not(.is-static) .ap5__panel[data-phase=intro] h2{font-size:clamp(42px,24vw,76px)}}.ap5 .ap5__eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em}.ap5 .ap5__panel h3{font-size:26px;font-weight:600;line-height:1.17;letter-spacing:-.03em}.ap5 .ap5__panel[data-phase=outro] h3{font-size:48px;font-weight:700;line-height:1.08}.ap5 .ap5__body{font-size:17px;font-weight:400;line-height:1.55}.ap5.is-static .ap5__panel h3{font-size:26px}.ap5.is-static .ap5__body{font-size:17px}.ap5 .ap5__panel[data-phase=outro].is-active{pointer-events:auto}.ap5 .ap5__panel[data-phase=outro].is-active .ap5__shop{pointer-events:auto;cursor:pointer}.ap5 .ap5__shop{position:relative;z-index:10;-webkit-tap-highlight-color:rgba(213,170,40,.25)}.ap5 .ap5__shop:hover{background:#e7c75f;transform:translateY(-2px)}.ap5 .ap5__shop:active{background:#c89d20;transform:scale(.97)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/activit-protocol.css.map */