/* The entry is optional. Without the early boot script the site stays visible. */
#cf-entry{display:none}
html.cf-entry-pending{overflow:hidden}
html.cf-entry-pending #collar-flow{visibility:hidden;opacity:0}
html.cf-entry-pending #cf-entry{display:block;position:fixed;inset:0;z-index:1000;font-family:'Instrument Sans',sans-serif;color:#f5f7ee}
#cf-entry-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#1e2b20 0,#101314 58%);opacity:1}
#cf-entry-media{position:absolute;width:clamp(210px,42vw,310px);aspect-ratio:1681/936;left:50%;top:43%;transform:translate(-50%,-50%);isolation:isolate;will-change:transform}
#cf-entry-media img,#cf-entry-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#cf-entry-media img{opacity:1}
#cf-entry-media video{opacity:0;mask:url('assets/collar-infinity-chrome.png') center/contain no-repeat;-webkit-mask:url('assets/collar-infinity-chrome.png') center/contain no-repeat;transition:opacity .18s ease}
#cf-entry-media.is-playing video{opacity:1}
#cf-entry-copy{position:absolute;top:calc(43% + clamp(75px,14vw,100px));left:0;right:0;text-align:center}
#cf-entry-copy strong{display:block;font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-2px}
#cf-entry-copy strong span{color:#d4ff70}
#cf-entry-copy p{font-size:12px;color:#acb8a8;margin:12px 0 0;letter-spacing:.4px}
#cf-entry-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:28px;min-height:44px;padding:8px 2px;background:none;border:0;color:#c8d3c2;font:500 12px 'Instrument Sans',sans-serif;cursor:pointer}
#cf-entry-skip span{color:#d4ff70;margin-left:8px}
#cf-entry-skip:focus-visible{outline:2px solid #d4ff70;outline-offset:6px;border-radius:3px}
html.cf-entry-leaving #collar-flow{visibility:visible;opacity:1;transition:opacity .6s ease}
html.cf-entry-leaving #cf-entry-backdrop,html.cf-entry-leaving #cf-entry-copy{opacity:0;transition:opacity .55s ease}
html.cf-entry-leaving #cf-entry-skip{opacity:0;pointer-events:none;transition:opacity .15s}
html.cf-entry-leaving #cf-chrome{visibility:hidden}
@media(max-width:620px){#cf-entry-media{width:228px}#cf-entry-copy{top:calc(43% + 84px)}#cf-entry-copy strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){html.cf-entry-pending{overflow:auto}html.cf-entry-pending #cf-entry{display:none}html.cf-entry-pending #collar-flow{visibility:visible;opacity:1}#cf-entry-media video{display:none}}