/* All artwork is the original PNG, revealed with CSS masks. No substituted type or SVG drawings. */
.site-header .brand{width:auto;height:48px;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-shrink:0}
.png-flask{display:block;position:relative;width:100%;height:100%;overflow:hidden;clip-path:polygon(27.551020% 0.675676%,56.462585% 1.126126%,61.224490% 1.801802%,64.625850% 3.828829%,65.646259% 6.531532%,64.285714% 8.333333%,61.224490% 9.909910%,60.204082% 34.684685%,67.687075% 36.711712%,74.149660% 38.963964%,79.251701% 41.216216%,82.993197% 43.468468%,86.054422% 45.720721%,88.775510% 47.972973%,91.156463% 50.225225%,92.857143% 52.477477%,94.557823% 54.729730%,95.918367% 56.981982%,96.938776% 59.234234%,97.959184% 63.738739%,98.639456% 68.243243%,97.959184% 72.972973%,95.918367% 77.477477%,92.857143% 82.432432%,88.435374% 87.387387%,82.312925% 91.666667%,74.829932% 94.594595%,66.666667% 97.072072%,58.163265% 98.423423%,48.979592% 98.873874%,40.816327% 98.198198%,32.653061% 96.846847%,24.829932% 94.369369%,18.027211% 91.216216%,13.945578% 88.738739%,16.326531% 86.711712%,17.346939% 84.684685%,15.306122% 80.405405%,12.244898% 76.351351%,8.503401% 71.846847%,2.040816% 66.441441%,2.380952% 63.738739%,3.061224% 61.486486%,3.741497% 59.234234%,4.421769% 56.981982%,5.442177% 54.729730%,6.802721% 52.477477%,8.503401% 50.225225%,10.544218% 47.972973%,12.925170% 45.720721%,15.646259% 43.468468%,19.047619% 41.216216%,23.809524% 38.963964%,26.190476% 36.261261%,26.870748% 9.909910%,23.469388% 8.783784%,21.768707% 6.756757%,21.768707% 4.504505%,23.809524% 2.027027%)}
.png-flask img{position:absolute!important;max-width:none!important;width:426.530612245%!important;height:282.432432432%!important;left:-174.149659864%;top:-66.666666667%;object-fit:fill!important}
.site-header .brand>.png-flask{width:18px;height:27.183673px;flex:none}
.logo-intro{display:none;position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}
.intro-pending .logo-intro{display:block}.intro-white{position:absolute;inset:0;background:#fff;transition:opacity .75s ease}
.intro-composition{position:absolute;left:50%;top:50%;width:min(790px,82vw,94svh);aspect-ratio:1;transform:translate(-50%,-50%)}
.intro-composition img{display:block;max-width:none;width:100%;height:100%}
.intro-vessel{position:absolute;opacity:0;will-change:transform,opacity;transform-origin:50% 80%}
.intro-blue{inset:0;clip-path:polygon(27.591707% 32.376396%,33.572568% 30.781499%,34.449761% 30.701754%,35.087719% 31.100478%,35.566188% 31.897927%,35.406699% 32.775120%,34.688995% 33.413078%,35.247209% 36.204147%,35.805423% 38.118022%,37.240829% 40.430622%,39.234450% 43.620415%,41.547049% 47.288676%,43.859649% 51.116427%,44.816587% 53.030303%,44.976077% 54.066986%,44.657097% 55.023923%,43.859649% 55.741627%,42.663477% 56.220096%,29.425837% 58.771930%,27.910686% 58.931419%,26.634769% 58.373206%,25.757576% 57.336523%,25.518341% 56.220096%,25.757576% 54.465710%,28.947368% 39.872408%,29.027113% 38.995215%,27.910686% 35.007974%,27.033493% 34.688995%,26.475279% 34.290271%,26.315789% 33.413078%,26.714514% 32.775120%);--entry-x:-90vw;--entry-y:7vh;--entry-r:-32deg}
.intro-pink{inset:0;clip-path:polygon(70% 28%,77.5% 30%,78% 31.5%,77% 33%,72% 51%,70% 57%,68% 59%,65% 58.5%,63% 56.5%,63% 54%,69.5% 31.5%,69% 30%);--entry-x:90vw;--entry-y:-25vh;--entry-r:45deg}
.intro-green{left:40.829346093%;top:23.604465710%;width:23.444976077%;height:35.406698565%;--entry-x:0px;--entry-y:85vh;--entry-r:16deg;z-index:2}
.intro-running .intro-vessel{animation:vessel-arrive .62s cubic-bezier(.2,.8,.3,1) both}
.intro-running .intro-blue{animation-delay:.28s}.intro-running .intro-green{animation-delay:.5s}.intro-running .intro-pink{animation-delay:.74s}
@keyframes vessel-arrive{0%{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) rotate(var(--entry-r)) scale(.8)}70%{opacity:1;transform:translate(0,-10px) rotate(-3deg) scale(1.025)}100%{opacity:1;transform:none}}
.intro-original-top,.intro-wordmark,.intro-handwriting,.intro-underline{position:absolute;inset:0;opacity:0;z-index:3}
.intro-original-top{clip-path:inset(0 0 41.307815% 0)}
.intro-wordmark{clip-path:inset(58.692185% 0 25.358852% 0)}
.intro-handwriting{clip-path:inset(74.641148% 100% 18.022329% 0)}
.intro-underline{clip-path:inset(81.977671% 100% 0 0)}
.intro-running .intro-original-top{animation:original-in .3s linear 1.32s both}
.intro-running .intro-wordmark{animation:original-in .45s ease 1.65s both}
@keyframes original-in{from{opacity:0}to{opacity:1}}
.intro-running .intro-handwriting{animation:write-original 1.4s linear 2s both}
@keyframes write-original{from{opacity:1;clip-path:inset(74.641148% 100% 18.022329% 0)}to{opacity:1;clip-path:inset(74.641148% 0 18.022329% 0)}}
.intro-running .intro-underline{animation:underline-original .3s ease 3.4s both}
@keyframes underline-original{from{opacity:1;clip-path:inset(81.977671% 100% 0 0)}to{opacity:1;clip-path:inset(81.977671% 0 0 0)}}
.intro-bubbling{position:absolute;inset:0;z-index:4;opacity:0}.intro-running .intro-bubbling{animation:original-in .3s linear 1.4s both}
.intro-bubbling i{position:absolute;width:1.1%;aspect-ratio:1;background:#fff9;border-radius:50%;animation:bubble-rise 1.3s ease-in infinite}
.bubble-blue{left:34.4%;top:51.5%}.bubble-green{left:54.8%;top:51% ;animation-delay:-.4s!important}.bubble-pink{left:68%;top:52%;width:.7%!important;animation-delay:-.8s!important}
@keyframes bubble-rise{0%{transform:translateY(0) scale(.4);opacity:0}35%{opacity:.7}100%{transform:translateY(-28px) scale(1);opacity:0}}
.intro-docking .intro-white{opacity:0}.intro-docking .intro-original-top,.intro-docking .intro-wordmark,.intro-docking .intro-handwriting,.intro-docking .intro-underline,.intro-docking .intro-blue,.intro-docking .intro-pink,.intro-docking .intro-bubbling{transition:opacity .2s ease;opacity:0!important;animation:none!important}
.intro-pending .site-header .brand>.png-flask{visibility:hidden}
@media(max-width:700px){.intro-composition{width:min(100vw,88svh);top:47%}.intro-blue{--entry-x:-70vw;--entry-y:9vh}.intro-green{--entry-y:65vh}.intro-pink{--entry-x:70vw;--entry-y:-15vh}.site-header .brand{width:auto;height:44px;gap:8px}.site-header .brand>.png-flask{width:15px;height:22.653061px;flex:none}}
@media(max-height:540px){.intro-composition{width:min(88svh,72vw);top:50%}}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none!important}.intro-pending .site-header .brand>.png-flask{visibility:visible}.intro-bubbling i{animation:none}}

/* Blue is in front at the overlap, exactly as in the source PNG. */
.intro-blue{z-index:2}.intro-green{z-index:1}

/* Compact navbar with the actual colorful wordmark cropped from the source PNG. */
.brand-name{position:relative;display:block;width:148px;height:26.338983px;overflow:hidden;flex:none;mix-blend-mode:multiply;clip-path:polygon(0 3%,8% 3%,8% 0,12.5% 0,12.5% 3%,100% 3%,100% 85%,38% 85%,38% 100%,26% 100%,26% 85%,0 85%)}
.site-header .brand-name img{position:absolute;display:block;max-width:none;width:106.271186441%;height:597.142857143%;left:-3.220338983%;top:-349.523809524%;object-fit:fill}
.intro-pending .brand-name{opacity:0}.brand-name{transition:opacity .3s ease}
.original-bubbles{position:absolute;inset:0;z-index:4;opacity:0}
.intro-running .original-bubbles{animation:original-in .3s linear 1.32s both}
.original-bubble{position:absolute;display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;will-change:transform}
.original-bubble img{position:absolute;max-width:none;display:block}
.intro-running .original-bubble{animation:original-bubble-float var(--duration) ease-in-out var(--delay) infinite alternate}
@keyframes original-bubble-float{from{transform:translate(0,3px) scale(.97)}to{transform:translate(var(--drift),calc(-1 * var(--rise))) scale(1.025)}}
.intro-docking .original-bubbles{opacity:0!important;animation:none!important;transition:opacity .2s ease}
@media(max-width:700px){.brand-name{width:125px;height:22.245763px}.original-bubble{--rise:8px!important;--drift:3px!important}}
@media(max-width:370px){.site-header{flex-wrap:wrap;align-content:center;gap:5px;height:110px}.site-header nav{width:100%;justify-content:space-between}.site-header nav a{padding-block:5px}}
@media(prefers-reduced-motion:reduce){.original-bubble{animation:none!important}.intro-pending .brand-name{opacity:1}}

.intro-original-top{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201254%201254%22%3E%3Crect%20width%3D%221254%22%20height%3D%221254%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%22357%22%20cy%3D%22250%22%20r%3D%2236%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22427%22%20cy%3D%22193%22%20r%3D%2220%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22412%22%20cy%3D%22307%22%20r%3D%2229%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22365%22%20cy%3D%22353%22%20r%3D%2223%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22397%22%20cy%3D%22378%22%20r%3D%229%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22645%22%20cy%3D%22155%22%20r%3D%2237%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22690%22%20cy%3D%22203%22%20r%3D%2219%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22630%22%20cy%3D%22238%22%20r%3D%2228%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22667%22%20cy%3D%22278%22%20r%3D%2217%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22962%22%20cy%3D%22245%22%20r%3D%2231%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22912%22%20cy%3D%22302%22%20r%3D%2227%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22952%22%20cy%3D%22344%22%20r%3D%2218%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22990%22%20cy%3D%22367%22%20r%3D%2212%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
