[id="U2841286711"] .page-content { width: 100%; } html { --mobile-scale: 0.74; --mobile-padding-offset: 2.04; } body { --swatch-1: #000000; --swatch-2: #ffaa19; --swatch-3: #000000; --swatch-4: #e41414; --swatch-5: #63ff40; --swatch-7: rgba(37, 218, 47, 0.77); --swatch-6: #087bff; --swatch-8: rgba(242, 26, 235, 0.96); --swatch-9: #f4ff0f; } body.mobile { } a:active, .linked:active, .zoomable::part(media):active { opacity: 0.7; } .page a.active { color: #ea00ff; } sub { position: relative; vertical-align: baseline; top: 0.3em; } sup { position: relative; vertical-align: baseline; top: -0.4em; } .small-caps { font-variant: small-caps; text-transform: lowercase; } ol { margin: 0; padding: 0 0 0 1.5em; } ul { margin: 0; padding: 0 0 0 2.0em; } ul.lineated { margin: 0; padding: 0; list-style-type: none; margin: 0 0 0 2em; text-indent: -5em; } blockquote { margin: 0; padding: 0 0 0 2em; } hr { background: #efff13; border: 0; height: 1px; display: block; margin-top: 0.0rem; margin-bottom: 0.0rem; } .content { border-style: solid; border-radius: 0.0rem; margin: 0.0rem; } bodycopy { font-size: 1.70rem; font-weight: 350; color: rgba(0, 0, 0, 0.85); font-family: "Social Condensed Variable"; font-style: normal; line-height: 0.75; letter-spacing: 0; display: block; font-variation-settings: 'wdth' 75, 'slnt' 0; } .mobile bodycopy { font-size: 1.85rem; } bodycopy a { color: rgba(0, 0, 0, 0.85); border-bottom: 0px solid rgba(0, 0, 0, 0); text-decoration: none; } bodycopy a:hover { } h1 { font-size: 48.55rem; color: rgba(0, 0, 0, 0); font-family: "Gravity Variable"; font-style: normal; line-height: 0.85; letter-spacing: 0.190em; margin: 0; font-variation-settings: 'wdth' 54.895; font-feature-settings: "ss03", "ss05", "ss06", "ss07", "ss09", "ss02", "ss01"; display: inline-block; filter: drop-shadow(0.6rem 0.6rem 0.22rem #f4ff0f); will-change: filter; } .mobile h1 { font-size: 34rem; } h1 a { color: #ffec34; border-bottom: 0px solid #000000; text-decoration: none; } h1 a:hover { } h2 { font-size: 7rem; font-weight: 700; color: #212121; font-family: "Diatype Semi-Mono Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0; margin: 0; font-variation-settings: 'slnt' 0, 'MONO' 0.5; } h2 a { color: #212121; border-bottom: 0px solid rgba(127, 127, 127, 0.2); text-decoration: none; } h2 a:hover { } .caption { font-size: 1.1rem; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-family: "Instrument Serif"; font-style: normal; line-height: 1.3; letter-spacing: 0; display: block; } .caption a { color: rgba(0, 0, 0, 0.85); border-bottom: 0px solid #f4ff0f; text-decoration: none; } .caption a:hover { } media-item .caption { margin-top: .5em; } gallery-grid .caption, gallery-columnized .caption, gallery-justify .caption { margin-bottom: 2em; } [thumbnail-index] .caption { text-align: center; } [thumbnail-index] .caption .tags { margin-top: 0.25em; } .page { justify-content: center; background-color: #f4ff0f; min-height: var(--viewport-height); } .page-content { padding: 8.5rem; text-align: center; background-color: #f4ff0f; padding-right: 20.0rem; padding-left: 16.0rem; padding-bottom: 20.0rem; padding-top: 20.0rem; box-shadow: 6.2rem 6.2rem 1rem 0rem #f4ff0f; border-color: #f4ff0f; border-style: solid; align-items: flex-start; } .mobile [id] .page-layout { } .mobile [id] .page-content { } .page-layout { align-items: flex-start; max-width: 100%; padding: 0.0rem; } media-item::part(media) { border: 0; padding: 0rem; } .quick-view { height: 100%; width: 92%; padding: 4.1rem; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; } .quick-view-background { background-color: #f4ff0f; } .quick-view .caption { color: rgba(0, 0, 0, 0); padding: 20px 0; text-align: center; transition: 100ms opacity ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; } .quick-view .caption-background { padding: 0.5rem 1rem; display: inline-block; background: #f4ff0f; border-radius: .5rem; text-align: left; max-width: 50rem; } .mobile .quick-view { width: 100%; height: 100%; margin: 0; padding: 10px; } .mobile .quick-view .caption { padding: 10px 0; } .button-13 { --text-style: "button 13"; font-size: 0.50rem; font-weight: 600; font-family: "Adobe Arno Pro"; font-style: normal; line-height: 0.5; letter-spacing: 0.146em; color: rgba(0, 0, 0, 0.85); background: #efff13; display: inline-block; border-width: 0.0rem; border-radius: 0.0rem; padding-top: 0.8rem; padding-right: 3.8rem; padding-bottom: 9.5rem; padding-left: 1.4rem; filter: drop-shadow(0.3rem 0.3rem 0.4rem #f4ff0f); will-change: filter; font-feature-settings: "ss02"; } .mobile .button-13 { font-size: 3.05rem; } .button-13 a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.27); } .button-13 a:hover { } .button-13 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-14 { --text-style: "button 14"; font-size: 48.55rem; font-family: "Gravity Variable"; font-style: normal; line-height: 0.85; letter-spacing: 0em; margin: 0; font-variation-settings: 'wdth' 53.079; font-feature-settings: "ss03", "ss05", "ss06", "ss07", "ss09"; color: #f4ff0f; background: rgba(0, 0, 0, 0); display: inline-block; border-radius: 99rem; padding-top: 0.8rem; padding-right: 2rem; padding-bottom: 0.8rem; padding-left: 2rem; filter: drop-shadow(0.2rem 0.2rem 0.7rem rgba(255, 4, 86, 0.6)); will-change: filter; } .mobile .button-14 { font-size: 34rem; } .button-14 a { color: #f4ff0f; text-decoration: none; } .button-14 a:hover { } .button-14 a.active { color: #f4ff0f; text-decoration: none; } .button-13-1 { --text-style: "button 13-1"; font-size: 0.50rem; font-family: "Monument Grotesk Variable"; font-style: normal; line-height: 3.55; letter-spacing: 0; color: rgba(0, 0, 0, 0.85); background: #f4ff0f; display: inline-block; border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.1rem; border-radius: 0.6rem; padding-top: 0.8rem; padding-right: 1.4rem; padding-bottom: 0.8rem; padding-left: 1.4rem; filter: drop-shadow(0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.15)); will-change: filter; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; } .button-13-1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-13-1 a:hover { } .button-13-1 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .mobile .quick-view .caption-background { max-width: 100vw; } ::part(slideshow-nav) { --button-size: 30px; --button-inset: 20px; --button-icon-color: rgba(0, 0, 0, 0); --button-icon-stroke-width: 1.5px; --button-icon-stroke-linecap: none; --button-background-color: rgba(87, 87, 87, 0.35); --button-background-radius: 50%; --button-active-opacity: 0.7; } gallery-slideshow::part(slideshow-nav) { --button-inset: 15px; } .quick-view::part(slideshow-nav) { } .wallpaper-slideshow::part(slideshow-nav) { } .mobile ::part(slideshow-nav) { --button-inset: 10px; } .mobile .quick-view::part(slideshow-nav) { --button-inset: 25px; } shop-product { font-size: 1.2rem; max-width: 22rem; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; letter-spacing: 0em; margin-bottom: 1em; } shop-product::part(price) { color: rgba(0, 0, 0, 0.75); line-height: 1.1; margin-bottom: 0.5em; } shop-product::part(dropdown) { width: 100%; color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.0); background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg); background-repeat: no-repeat; background-position: top 0em right .1em; line-height: 1.2; padding: 0.58em 2em 0.55em 0.9em; border-radius: 10em; margin-bottom: 0.5em; } shop-product::part(button) { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); text-align: left; line-height: normal; padding: 0.5em 1em; cursor: pointer; border-radius: 10em; } shop-product::part(button):active { opacity: .7; } audio-player { --text-color: rgba(0, 0, 0, 0.85); --text-padding: 0 1.2em 0 1.0em; --background-color: rgba(255, 255, 255, 0); --buffer-background-color: rgba(0, 0, 0, 0.03); --progress-background-color: rgba(0, 0, 0, 0.075); --border-lines: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.2rem; width: 32rem; height: 2.75em; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; line-height: normal; letter-spacing: 0em; margin-bottom: 0.5em; border-radius: 10em; } audio-player::part(button) { --icon-color: rgba(0, 0, 0, 0.85); --icon-size: 32%; --play-text: ''; --pause-text: ''; width: 3.15em; display: inline-flex; justify-content: center; cursor: pointer; } audio-player::part(play-icon) { padding-left: 0.6em; } audio-player::part(pause-icon) { padding-left: 0.4em; } audio-player::part(progress-indicator) { border-right: 1px solid rgba(0, 0, 0, 0); height: 100%; cursor: ew-resize; } audio-player::part(separator) { border-right: var(--border-lines); } body.mobile audio-player { max-width: 100%; } body { color: #f4ff0f; --colorfilter-color-opacity: 1; --colorfilter-mix: difference; --colorfilter-grayscale: 0.02; --colorfilter-color: #042092; background-color: #f4ff0f; } @keyframes puff { 0% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(-30px) scale(1.5); } } a:active { opacity: 0.3; } .page a.active { opacity: 0.8; background-color: #0ad9ff; } i, em { font-style: italic; } b, strong { font-weight: bolder; } sub, sup { position: relative; vertical-align: baseline; } sub { top: 0.3em; } sup { top: -0.4em; } s { text-decoration: line-through; } img { border: dotted; padding: 24; } ul, ol { margin: 0; padding: 0 0 0 1em; } blockquote { margin: 0; padding: 0 0 0 2em; } hr { border: 0; height: 0px; display: block; } .content img { float: none; margin-bottom: .5em; } .gallery_image_caption { margin-top: 1.2rem; margin-bottom: 0.5rem; color: rgba(0, 0, 0, 0.35); font-weight: 400; font-family: "Social Condensed Variable", Icons; font-style: normal; line-height: 1.3; font-size: 1.3rem; letter-spacing: 0.1em; font-variation-settings: 'wdth' 75, 'slnt' 0; } .play-button { position: absolute; bottom: 20px; left: 20px; font-size: 1.5rem; background: none; border: none; color: white; cursor: pointer; text-shadow: 1px 1px 3px black; } style> /** * Loading Animation */ .loading[data-loading] { position: fixed; bottom: 8px; left: 8px; } /** * Editor styles */ @keyframes puff { 0% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(-30px) scale(1.5); } } [data-predefined-style="true"] bodycopy { font-size: 2.9rem; color: rgba(0, 0, 0, 0.9); font-family: Oswald, Icons; line-height: 0.9; font-style: normal; font-weight: 400; } [data-predefined-style="true"] bodycopy a { background-color: rgba(239, 255, 19, 0.96); /* or rgba(255,255,255,0.5) */ padding: 2px 9px; border-radius: 1px; color: rgba(4, 4, 4, 0.97); text-decoration: none; } [data-predefined-style="true"] bodycopy a:hover { } bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover { border-bottom: 1; padding-bottom: 1; } [data-predefined-style="true"] h1 { font-family: "Social Condensed Variable", Icons; font-style: normal; font-weight: 400; padding: 0; margin: 0; font-size: 11.1rem; line-height: 1.1; color: rgba(0, 0, 0, 0.85); letter-spacing: 0.1em; font-variation-settings: 'wdth' 75, 'slnt' 0; } [data-predefined-style="true"] h1 a { color: rgba(0, 0, 0, 0.85); } [data-predefined-style="true"] h2 { font-family: "Social Condensed Variable", Icons; font-style: normal; font-weight: 400; padding: 0; margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 3.8rem; line-height: 0.8; letter-spacing: 0.1em; font-variation-settings: 'wdth' 75, 'slnt' 0; } .cghxfgh { --text-style: "cghxfgh"; font-size: 0.65rem; font-weight: 500; color: rgba(0, 0, 0, 0.85); font-family: "ROM Condensed Variable"; font-style: normal; line-height: 0.75; letter-spacing: 0.026em; display: block; font-variation-settings: 'slnt' 0; } .mobile .cghxfgh { font-size: 1.85rem; } .cghxfgh a { color: #f4ff0f; border-bottom: 0px solid rgba(127, 127, 127, 0.2); text-decoration: none; } .cghxfgh a:hover { } [data-predefined-style="true"] h2 a { color: rgba(0, 0, 0, 0.85); } [data-predefined-style="true"] small { display: inline-block; font-size: 2.2rem; line-height: 1.5; font-family: "Social Condensed Variable", Icons; color: rgba(0, 0, 0, 1); letter-spacing: 0.1em; font-style: normal; font-weight: 144; font-variation-settings: 'wdth' 76.9, 'slnt' -0.2; } [data-predefined-style="true"] small a { color: rgba(0, 0, 0, 1); border-bottom-width: 1em; } /** * Breakpoints */ [data-css-preset] .page { background-color: initial /*!page_bgcolor*/; } .mobile .page, [data-css-preset].mobile .page { position: relative; min-height: 10px; max-width: 100%; width: 100%; background-color: #f4ff0f /*!page_bgcolor*/; } [data-css-preset] .container { margin-left: auto /*!content_center*/; margin-right: auto /*!content_center*/; text-align: center /*!text_left*/; } [data-css-preset] body { background-color: #efff13 /*!body_bgcolor*/; } [data-css-preset] .container_width { width: 90%/*!content_center*/; } [data-css-preset] .content_padding { padding-top: 8.3rem /*!main_margin*/; padding-bottom: 8.3rem /*!main_margin*/; padding-left: 8.3rem /*!main_margin*/; padding-right: 8.3rem /*!main_margin*/; } [data-css-preset] text-limit { display: inline-block /*!text_width*/; max-width: 66rem/*!text_width*/; } /** * Thumbnails */ div[thumbnails] { justify-content: flex-start; } [data-css-preset] .thumbnails { background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/; } [data-css-preset] .thumbnails_width { width: 38%/*!thumbnails_width*/; } [data-css-preset] [thumbnails-pad] { padding: 3.4rem/*!thumbnails_padding*/; } [data-css-preset] [thumbnails-gutter] { margin: -6.8rem/*!thumbnails_padding*/; } [data-css-preset] [responsive-layout] [thumbnails-pad] { padding: 1.25rem/*!responsive_thumbnails_padding*/; } [data-css-preset] [responsive-layout] [thumbnails-gutter] { margin: -2.5rem/*!responsive_thumbnails_padding*/; } .thumbnails .thumb_image { outline: 0px solid rgba(0,0,0,.12); outline-offset: -1px; } .thumbnails .title { margin-top: 1.2rem; margin-bottom: .3rem; font-size: 1.3rem; font-weight: 700; color: rgba(0, 0, 0, 0.85); font-family: "Social Condensed Variable", Icons; font-style: normal; line-height: 1.3; letter-spacing: 0.1em; font-variation-settings: 'wdth' 75, 'slnt' 0; } .thumbnails .tags { margin-top: 1.2rem; margin-bottom: 0.2rem; font-size: 1.3rem; font-weight: 400; color: rgba(0, 0, 0, 0.35); font-family: "Social Condensed Variable", Icons; font-style: normal; line-height: 1.2; letter-spacing: 0.1em; font-variation-settings: 'wdth' 75, 'slnt' 0; } .thumbnails .tags a { border-bottom: 0; color: rgba(0, 0, 0, 0.35); text-decoration: none; } .thumbnails .has_title .tags { margin-top: 0rem; } /** * Site Menu */ [data-css-preset] #site_menu_button { color: rgba(0, 0, 0, 0.75); line-height: 1; font-size: 28px /*!site_menu_button*/; padding: 6px; line-height: 1; background: #f4ff0f; position: fixed; top: 3rem /*!site_menu_button*/; right: 3rem /*!site_menu_button*/; } .dropdown { position: relative; display: inline-block; } .dropdown-content { position: absolute; top: 100%; left: 0; display: none; background: black; z-index: 9999; } transform: scale(@smenu) .dropdown:hover .dropdown-content { display: block; } .dropdown { position: relative; display: inline-block; } .dropdown-content { position: absolute; top: 100%; left: 0; display: none; background: black; z-index: 9999; } .dropdown:hover .dropdown-content { display: block; } .dropdown { position: relative; display: inline-block; } .dropdown-content { position: absolute; top: 100%; left: 56; display: none; background: black; z-index: 9999; } .dropdown:hover .dropdown-content { display: block; } body.mobile #site_menu_button { margin: -6px; font-size: 72px; } #site_menu_button.custom_icon { width: 40px; height: auto; } #site_menu_button.active { display: none; } /** * Site Menu */ #site_menu { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; background: rgba(20, 20, 20, 0.95); font-size: 20px; font-style: normal; font-weight: 400; padding: 20px 30px 90px 30px; max-width: 400px; min-width: 300px; text-align: left; display: flex; justify-content: flex-start; } body.mobile #site_menu { width: 100%; } #site_menu .page-link a { color: rgba(255, 255, 255, 0.75); } #site_menu .set-link > a { color: rgba(255, 255, 255, 0.75); font-weight: bold; } #site_menu a:active { opacity: .7; } #site_menu a.active { opacity: .4; } #site_menu .close { display: none; color: rgba(255, 255, 255, 0.4); line-height: .85em; font-size: 45px; } body.mobile #site_menu .close { display: block; font-size: 50px; line-height: 1em; } #site_menu .break { height: 28px; } #site_menu .indent { margin-left: 28px; } /* * Shop Button */ [data-css-preset] #shop_button { color: rgba(0, 0, 0, 0.85); background: transparent; font-size: 32px; font-style: normal; font-weight: 400; line-height: 1; position: fixed; padding: 6px; top: 2rem /*!shop_button*/; right: 2rem /*!shop_button*/; } #shop_button.text { font-weight: 700; color: rgba(0, 0, 0, 0.85); font-family: "Social Condensed Variable", Icons; font-style: normal; line-height: 1.3; font-size: 1.3rem; letter-spacing: 0.1em; padding: 0; font-variation-settings: 'wdth' 75, 'slnt' 0; } #shop_button.custom_icon { width: 40px; height: auto; } body.mobile #shop_button:not(.text) { margin: -6px; font-size: 36px; } /* * Shop Product Widget */ .shop_product { width: 100%; max-width: 22rem; position: relative; display: block; } .shop_product .price { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 2rem; line-height: 1; color: rgba(0, 0, 0, 0.85); display: block; margin-bottom: 1rem; } .shop_product .dropdown { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 1.4rem; display: inline-block; width: 100%; border: 1px solid rgba(0,0,0,.2); background: white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right; margin-bottom: 1rem; line-height: 1.2; padding: .7rem 1rem; } .shop_product .button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 1.4rem; background: rgba(0, 0, 0, 0.7); color: rgba(255,255,255,1); flex: 0 0 50%; text-align: left; display: inline-block; line-height: 1; padding: .8rem 1rem .9rem; } /* * Image Zoom */ .content img.image-zoom:active { opacity: .7; } /** * Quick View */ [data-css-preset] .quick-view { padding-top: 2.5rem /*!quick_view_padding*/; padding-bottom: 2.5rem /*!quick_view_padding*/; padding-left: 2.5rem /*!quick_view_padding*/; padding-right: 2.5rem /*!quick_view_padding*/; height: 100% /*!quick_view_height*/; width: 100% /*!quick_view_width*/; } body.mobile .quick-view { width: 100%; height: 100%; margin: 0; } [data-css-preset] .quick-view-background { background: rgba(255, 255, 255, 0) /*!quick_view_bgcolor*/; } .quick-view-caption { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; transition: 100ms opacity ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; margin: 2rem 0; text-align: center; font-size: 1.8rem; } .quick-view-caption span { padding: 0.5rem 1rem; display: inline-block; background: rgba(0,0,0,0.4); color: white; } /** * Quick View Navigation */ .quick-view-navigation .left-arrow { left: 10px; } .quick-view-navigation .right-arrow { right: 10px; } .quick-view-navigation .left-arrow, .quick-view-navigation .right-arrow { /* Change height/width together to scale */ height: 36px; width: 36px; } .quick-view-navigation .left-arrow .inner-color, .quick-view-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 1.5px; } .quick-view-navigation .left-arrow .outer-color, .quick-view-navigation .right-arrow .outer-color { stroke: #000; stroke-width: 2.5px; opacity: 0.6; } .quick-view-navigation .close-button { top: 10px; right: 10px; /* Change height/width together to scale */ width: 36px; height: 36px; } .quick-view-navigation .close-button .inner-color { stroke: #fff; stroke-width: 1.5px; } .quick-view-navigation .close-button .outer-color { stroke: #000; stroke-width: 2.5px; opacity: 0.6; } /** * Image Gallery Navigation Arrows */ .image-gallery-navigation .left-arrow, .image-gallery-navigation .right-arrow { /* Change height/width together to scale */ height: 36px; width: 36px; } .image-gallery-navigation .left-arrow .inner-color, .image-gallery-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 1.5px; } .image-gallery-navigation .left-arrow .outer-color, .image-gallery-navigation .right-arrow .outer-color { stroke: #000; stroke-width: 2.5px; opacity: 0.6; } /** * Wallpaper Backdrop Navigation Arrows */ .wallpaper-navigation .left-arrow, .wallpaper-navigation .right-arrow { /* Change height/width together to scale */ width: 36px; height: 36px; } .wallpaper-navigation .left-arrow .inner-color, .wallpaper-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 1.5px; } .wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color { stroke: #000; stroke-width: 2.5px; opacity: 0.6; } /** * Feed */ .feed .content_container .page { border-top: 0px dashed #f4ff0f; } .feed .content_container .page_container:first-child .page { border-top: 0; } /* * Image Drop Shadow */ .content img { box-shadow: 5px 5px 35px #f4ff0f; } .no-shadow img { box-shadow: none !important; } /* * Audio Player */ .audio-player { max-width: 100%; height: 3.3rem; outline: 1px solid rgba(0, 0, 0, 0.25); color: rgba(244, 255, 15, 0.04); background: #ff0ffb; font-size: 1.2rem; line-height: 1.3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-style: normal; font-weight: 400; text-align: left; margin: 1px 1px 1em 1px; } body.mobile .audio-player { max-width: 100%; } .audio-player .separator { width: 1px; background-color: rgba(0, 0, 0, 0.25); } .audio-player .button { background: transparent; cursor: pointer; fill: rgba(0, 0, 0, 0.85); } .audio-player .icon { fill: rgba(0, 0, 0, 0.85); padding: 30%; width: 100%; margin: auto; } .audio-player .buffer { background: rgba(0,0,0,0.05); } .audio-player .progress { background: rgba(0,0,0,0.1); } .audio-player .progress-indicator { border: 1px solid rgba(0, 0, 0, 0.7); width: 1px; height: 100%; right: 0; position: absolute; cursor: ew-resize; } .audio-player .note-icon { height: 100%; width: 3.8rem; padding: 1rem; fill: rgba(0, 0, 0, 0.5); } .audio-player .current-time { padding-left: 1rem; } .audio-player .total-time { padding-right: 1rem; } .highlight-on-hover { background-color: transparent; transition: background-color 0.3s ease, color 0.3s ease; padding: 0.1em 0.2em; border-radius: 4px; display: inline; } .highlight-on-hover:hover { background-color: #007BFF; /* Bright blue */ color: white; } .site-footer { padding: 2rem 0; text-align: center; font-size: 1.2rem; color: rgba(0, 0, 0, 0.6); } .site-footer a { color: rgba(0, 0, 0, 0.6); text-decoration: none; margin: 0 0.1rem; transition: color 0.3s ease; } .site-footer a:hover { color: #007BFF; /* Blue hover */ } .hover-line { transition: opacity 0.3s ease; display: inline-block; } .hover-line.fade { opacity: 0.4; } /* Passive Smoking Hover Section */ #about-section { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.3; color: #000000; background-color: #f4ff0f; max-width: 700px; margin: auto; padding: 40px 20px; } .hover-line { transition: opacity 0.3s ease; display: inline-block; } .hover-line.fade { opacity: 0.4; } .about-video-box { position: relative; overflow: hidden; width: 100%; max-width: 800px; /* adjust to your layout */ margin: 0 auto; border-radius: 20px; mask-image: radial-gradient(circle at center, black 70%, transparent 100%); -webkit-mask-image: radial-gradient(circle at center, black 70%, transparent 100%); } .about-video-box video { width: 100%; height: auto; opacity: 0.5; display: block; object-fit: cover; } media-item { --scroll-animation-mode: animation; } .mobile .content { } .overlay-effect { background: linear-gradient(border, #f4ff0f, black); } .ps-phone{ position:relative; width:100vw; height:110vh; max-width:none; margin:0; } .ps-phone-img{ width:107%; height:100%; object-fit:contain; }wrap.querySelectorAll('[data-fn="clear"]').forEach(btn => { .ps-hot{ } transform: scale(0.5); transform-origin: top left; }
Brunswick: longitude of nonsense, latitude of memory.Sunday matinee, Monday regrets, Tuesday lacquer.Sunday matinee, Monday regrets, Tuesday lacquer.Brunswick Ballroom: coordinates unknown, locals only.Tape hiss is the ghost of a good idea.Legend walks home, algorithm publishes Demolition Weekly.Regina is a constant; Dave is a variable.If the lacquer ripples, the floor has opinions.Brunswick: longitude of nonsense, latitude of memory.If Sophia frowns in German, redirect to pups.Mac knows who dropped the crumbs.Brunswick Ballroom: coordinates unknown, locals only.Regina is a constant; Dave is a variable.Longitude divided by tractor weight equals mood.The circle radius equals broke times dog names.If the lacquer ripples, the floor has opinions.Killarney dogs know more than route planners.Sunday matinee, Monday regrets, Tuesday lacquer.A matinee is a late night in disguise.Longitude divided by tractor weight equals mood.The circle radius equals broke times dog names.Legend walks home, algorithm publishes DRegina is a constant; Dave is a variable.Killarney dogs know more than route planners.Mac knows who dropped the crumbs.Legend walks home, algorithm publishes Demolition Weekly.Brunswick Ballroom: coordinates unknown, locals only.A matinee is a late night in disguise.The circle radius equals broke times dog names.You cannot step into the same pub twice.Pilgrims of the sticky carpet and late trams.Brunswick Ballroom: coordinates unknown, locals only.Legend walks home, algorithm publishes Demolition Weekly.Regina is a constant; Dave is a variable.Every bend in the Great Ocean Road is a verse.Brunswick: longitude of nonsense, latitude of memory.Longitude divided by tractor weight equals mood.If the lacquer ripples, the floor has opinions.You cannot step into the same pub twice.Killarney dogs know more than route planners.Sunday matinee, Monday regrets, Tuesday lacquer.True north is wherever the gig finished.Regina is a constant; Dave is a variable.If the lacquer ripples, the floor has opinions.Killarney dogs know more than route planners.Longitude divided by tractor weight equals mood.We build sites out of mistakes carried with confidence.
Passive Smoking Algorithm v0.0001 (unstable build)  

Start with a single point on the map: Brunswick, latitude –37.764, longitude 144.963,      
the square root of the distance between a gig that ran late and the tram that never came.      
From this coordinate, draw a circle with a radius equal to the number of times William has      
turned up guarded, multiplied by the number of times you’ve told an algorithm you’re broke,      
divided by the stray dogs named on the way to Killarney. Let that number wobble a bit.    

Inside that circle, the code runs:    


if (legend.walks_home_after_gig) publish_story("Demolition Weekly"); else play_audio("Don't Stop 'Til You Get Enough");      

It never quite compiles, but the intent does. Algorithms hate certainty, floors hate being level,      
and old tractors prefer running at 30% forever.    

Take the Great Ocean Road, flatten it onto an A4 page, and use it as a timeline from Jurassic      
to next Tuesday. Every bend is a memory: a dog vomiting in the back seat, tape hiss on a Yamaha MTX4,      
lacquer rippling on a parquet floor in Brunswick. In the corner of the page, quietly write:      
“longitude of nonsense = latitude of memory ÷ weight of an old tractor at thirty percent”.    

Let Regina be the constant, Dave Whittle the variable, Sabina the rider of hypothetical pigs across      
the integer line. Let JVG be the exponent leaning everything slightly sideways. Whenever the system    
drifts too far into chaos, it checks a condition: if (sophia.frowns_in_german) redirect_to("pups_for_comfort");      
and the world soft-resets to something almost manageable.    

True wisdom, in this model, is understanding why the lacquer ripples. Why a man cannot step into the      
same demolition site twice unless he forgot his gloves. Why a site can be built entirely from mistakes      
carried with confidence. This is geographic, philosophic, nonsense-local math: familiar enough to trust,
wrong enough to stay interesting.