/*! Squarespace LESS Compiler (less.js language v1.3.3) */
@media only screen and (min-width:640px){.header-actions-action--social .icon--fill:nth-of-type(2){background-image:url(/images/telegramlogo_100.png);background-size:100%;background-repeat:no-repeat}.header-actions-action--social .icon--fill:nth-of-type(2) svg{display:none}.header-actions-action--social .icon--fill:nth-of-type(3){background-image:url(/images/dexscreener.png);background-size:100%;background-repeat:no-repeat}.header-actions-action--social .icon--fill:nth-of-type(3) svg{display:none}}.header-menu-actions-action:nth-of-type(1){background-image:url(/images/telegramlogo_100.png);background-size:100%;background-repeat:no-repeat}.header-menu-actions-action:nth-of-type(1) svg{display:none}.header-menu-actions-action:nth-of-type(2){background-image:url(/images/dexscreener.png);background-size:100%;background-repeat:no-repeat}.header-menu-actions-action:nth-of-type(2) svg{display:none}
/* --- Static-build content-visibility shim ---------------------------------
* Squarespace uses an IntersectionObserver to toggle .preFade / .preSlide
* (etc.) opacity from 0 → 1 as elements scroll into view. Since we stripped
* all runtime JS in Task 2, these elements would stay invisible forever.
* Restore opacity / transform to their "revealed" values immediately so the
* static site shows all content on load. The animation effect is lost, which
* is an acceptable tradeoff for a JS-free static build.
*/
.preFade,
.preSlide,
.preClip,
.preScale,
.preGrow,
.preFlex,
.preBounce,
.preFlip,
.preBlur,
.preGrowIn {
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
/* --- Static-build parallax background image shim --------------------------
* Squarespace's parallax sections use ``
* as the *source* image for a runtime canvas render driven by the
* BackgroundImageFXParallax JS controller. Site CSS sets the source img to
* `visibility:hidden` because under normal operation the canvas draws over
* it (the `prefers-reduced-motion:reduce` media query already reverses this
* so motion-sensitive users see a static fallback). We stripped all runtime
* JS, so the canvas never renders — making parallax sections render blank
* for any visitor without OS-level reduce-motion. Force the source img to
* be visible so it acts as a normal static background instead.
*/
.background-image-fx {
visibility: visible !important;
}
/* --- Static-build gallery reveal shim -------------------------------------
* Squarespace's gallery-grid hides every item that lacks a `data-show`
* attribute (`.gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper
* { opacity: 0 }`). The GalleryGrid JS controller is responsible for adding
* `data-show` to each as it scrolls into view. We stripped runtime
* JS, so every item stays opacity:0 forever and the entire gallery section
* renders blank. Force-reveal all gallery items so they show on load. The
* square aspect-ratio (padding-bottom:100%) is pure CSS and already works.
*/
.gallery-grid-item .gallery-grid-item-wrapper {
opacity: 1 !important;
animation-name: none !important;
}
/* Mobile: GalleryGrid JS would normally rewrite the inline
* `grid-template-columns: repeat(6, 1fr)` to a 2-column layout under 768px.
* With JS stripped, force the 2-column layout via CSS. !important is needed
* to beat the inline style. */
@media screen and (max-width: 767px) {
.gallery-grid--layout-grid .gallery-grid-wrapper {
grid-template-columns: repeat(2, 1fr) !important;
}
}
/* --- Hide inert mobile hamburger ------------------------------------------
* The Squarespace mobile hamburger menu relies on runtime JS to toggle the
* overlay's visibility — JS we stripped in Task 2. Empirically the overlay
* contains exactly the same 3 social links (Twitter / Telegram / DexScreener)
* already visible in .header-display-mobile, so removing the burger affords
* nothing while eliminating a broken click target.
*/
.header-burger,
.header-burger-btn {
display: none !important;
}
/* --- Static-build mobile logo recentre ------------------------------------
* The vendor `header-mobile-layout-logo-center-nav-right` layout adds
* padding-left: 50px to the mobile title block to balance the hamburger
* button on the right. We hide the burger above, so this padding shifts the
* "centered" logo to the right. Zero it out so the logo sits truly centered.
*/
.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text,
.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-logo,
.header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-mobile-logo {
padding-left: 0 !important;
}
/* --- Static-build hover-fill overlay disable ------------------------------
* Squarespace's `tweak-global-animations-animation-type-flex` body class
* generates a ::before pseudo-element on every primary/secondary/tertiary
* button to power a hover-fill animation (clip-path reveals a coloured
* overlay on hover). The animation requires JS for any non-:hover trigger
* and is purely decorative; we stripped JS in Task 2. Safari additionally
* mis-paints the supposedly-hidden initial state — the 2px border and
* white background of the overlay bleed through and corrupt the BUY NOW /
* APP button styling. Remove the pseudo entirely to make Chrome and Safari
* render identically.
*/
.tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input)::before,
.tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input)::before,
.tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input)::before {
display: none !important;
}