/* * JENSKI J11 — private source-preserving visual experiment, 9 Nov 2026. * Owner: keep J01's painted, coloured tabs; original source imagery behind; * actual paper Jenski.co.uk wordmark; six authored icon motifs. * This is NOT visual sign-off, asset licensing, production authorisation, * or a replacement for genuine WordPress posts/images/places/search. */ /* ORIGINAL Home collage files are the source of the background. Preserve * left and right personal mural fragments around (not on top of) the real UI. * The older home CSS already positions them; reassert their asset identities. */ body.jenski-site.home .jenski-masthead::before { background-image: url("../img/jenski-home-mural-left.webp") !important; pointer-events: none !important; } body.jenski-site.home .jenski-masthead::after { background-image: url("../img/jenski-home-mural-right.webp") !important; pointer-events: none !important; } /* ONE accessible original painted Jenski.co.uk link with tactile paper behind. * No second faux logo, no raster screenshot impersonating an entire page. */ body.jenski-site.home .jenski-masthead__top a.jenski-wordmark { background-color: #f6ead5 !important; background-image: url("../img/jenski-wordmark-recovered.webp"), url("../img/jenski-paper-rip-overlay.svg"), url("../img/jenski-grunge-fibre-tile.svg") !important; background-size: contain, 100% 100%, 180px 180px !important; background-position: center, center, 0 0 !important; background-repeat: no-repeat, no-repeat, repeat !important; background-blend-mode: normal, normal, soft-light !important; clip-path: polygon(1% 2%, 23% 0, 49% 2%, 78% 0, 99% 2%, 100% 96%, 83% 100%, 49% 98%, 17% 100%, 0 97%); box-shadow: 5px 7px 0 rgb(22 16 16 / .28) !important; transform: rotate(-1deg); } body.jenski-site.home .jenski-masthead__top a.jenski-wordmark:focus-visible { outline: 4px solid #1f1a20 !important; outline-offset: 3px !important; } /* J01's six original colour-paper TABS, not the rejected common black bar. * Separate genuine WordPress anchors and their exact six hand-drawn icons. */ body.jenski-site.home nav.jenski-category-nav { width: min(86vw, 1320px) !important; max-width: 1320px !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; clip-path: none !important; } body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container { gap: clamp(4px, .65vw, 11px) !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-j11-tab: #f43f96; } body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-j11-tab: #ffcd32; } body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-j11-tab: #27c7e7; } body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-j11-tab: #89e047; } body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-j11-tab: #b565e9; } body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-j11-tab: #ff8430; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a { min-height: clamp(85px, 7.5vw, 108px) !important; padding: 43px 5px 13px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: center !important; color: #1d1820 !important; background-color: var(--jenski-j11-tab) !important; background-image: url("../img/jenski-grunge-fibre-tile.svg") !important; background-size: 180px 180px !important; background-blend-mode: soft-light !important; border: 2px solid #24191c !important; clip-path: polygon(1% 3%, 26% 0, 56% 2%, 95% 0, 100% 7%, 99% 91%, 95% 99%, 52% 100%, 24% 98%, 0 100%) !important; box-shadow: 3px 5px 0 rgb(26 21 23 / .43), inset 0 -3px rgb(25 20 22 / .12) !important; transform: rotate(var(--jenski-slip-tilt,0deg)) !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a .wp-block-navigation-item__label { color: #1d1820 !important; font-weight: 900 !important; text-decoration-color: #1d1820 !important; text-shadow: none !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a::before { content: "" !important; display: block !important; position: absolute !important; top: 9px !important; left: calc(50% - 17px) !important; width: 34px !important; height: 34px !important; background-color: #211b20 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20width%3D%22360%22%20height%3D%2260%22%20aria-hidden%3D%22true%22%3E%0A%3C!--%20Jenski%20original%20six%20category%20doodles%3A%20one%2060px%20cell%20per%20live%20WordPress%0A%20%20%20%20%20category%20in%20canonical%20order.%20Pure%20wordless%20ink%20path%20geometry%2C%20not%20a%20logo%2C%0A%20%20%20%20%20brand%2C%20image%2C%20font%2C%20screenshot%2C%20link%2C%20or%20decorative%20fake%20content.%0A%20%20%20%20%20Designed%20as%20a%20transparent%20alpha-mask%2C%20recoloured%20from%20accessible%20tab%20ink.%20--%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23151216%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3C!--%20Rabbit%20Holes%3A%20curious%20rabbit%20with%20deliberately%20uneven%20ears.%20--%3E%0A%3Cg%20stroke-width%3D%223.5%22%3E%0A%20%3Cpath%20d%3D%22M20%2020Q12%204%2018%203Q27%202%2030%2019M33%2019Q38%203%2046%205Q51%2010%2041%2024%22%2F%3E%0A%20%3Cpath%20d%3D%22M18%2024Q8%2033%2017%2044Q28%2053%2042%2042Q53%2030%2042%2022Q32%2016%2018%2024Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M24%2031l2-1m12%200%202%201M31%2035q2%204%205%200M31%2037q-8%206-13%205M35%2037q7%207%2013%205%22%20stroke-width%3D%222.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Things%20I%20Like%3A%20heart%20over%20broken%20orbit%20sparkle.%20--%3E%0A%3Cg%20transform%3D%22translate(60%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%2045Q5%2026%2013%2017Q19%209%2030%2019Q40%207%2047%2016Q56%2027%2030%2045Z%22%20stroke-width%3D%223.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M9%208l4%204M44%205l-2%206M49%2039l5%204M7%2040l-4%203M30%209V4%22%20stroke-width%3D%222.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M22%2020q-5%201-6%207%22%20stroke-width%3D%222.7%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Places%3A%20a%20map%20pin%20with%20scribbled%20trail.%20--%3E%0A%3Cg%20transform%3D%22translate(120%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%205Q12%206%2013%2025Q15%2038%2030%2053Q47%2036%2048%2024Q48%206%2030%205Z%22%20stroke-width%3D%223.9%22%2F%3E%0A%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%227%22%20stroke-width%3D%223.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M5%2048q7-5%2012-2m27%200q6-4%2011%200%22%20stroke-width%3D%222.6%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20How%20It's%20Done%3A%20handdrawn%20crossed%20spanner%20and%20pencil.%20--%3E%0A%3Cg%20transform%3D%22translate(180%200)%22%20stroke-width%3D%224%22%3E%0A%20%3Cpath%20d%3D%22M13%2010l8%208-2%207-7%202-8-8Q0%2030%2011%2036L32%2056Q38%2059%2043%2053Q46%2049%2042%2044L22%2025%22%20stroke-width%3D%223.4%22%2F%3E%0A%20%3Cpath%20d%3D%22M42%206L25%2024l11%2011L53%2018l-1-12-7%207-7-2Z%22%20stroke-width%3D%223.7%22%2F%3E%0A%20%3Ccircle%20cx%3D%2237%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23151216%22%20stroke%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Thoughts%3A%20speech%2Fthought%20bubble%20and%20an%20errant%20little%20spark.%20--%3E%0A%3Cg%20transform%3D%22translate(240%200)%22%20stroke-width%3D%223.6%22%3E%0A%20%3Cpath%20d%3D%22M12%2019Q10%205%2028%207Q45%204%2049%2018Q57%2027%2049%2036Q42%2045%2023%2041L11%2048%2014%2036Q2%2030%2012%2019Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M19%2023q4-5%209%200%206-6%2011%201M22%2031q5%204%2014-1%22%20stroke-width%3D%222.6%22%2F%3E%0A%20%3Cpath%20d%3D%22M48%205l5-3M53%2011l5%201%22%20stroke-width%3D%222.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Random%3A%20wonky%20six-sided%20dice%20with%20individually%20placed%20pips.%20--%3E%0A%3Cg%20transform%3D%22translate(300%200)%22%20stroke-width%3D%223.4%22%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%204%2054%2015%2054%2045%2030%2057%207%2045Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%2029%2054%2015M30%2029V57%22%2F%3E%0A%20%3Cg%20fill%3D%22%23151216%22%20stroke%3D%22none%22%3E%0A%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2239%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2243%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2247%22%20cy%3D%2240%22%20r%3D%222.8%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20width%3D%22360%22%20height%3D%2260%22%20aria-hidden%3D%22true%22%3E%0A%3C!--%20Jenski%20original%20six%20category%20doodles%3A%20one%2060px%20cell%20per%20live%20WordPress%0A%20%20%20%20%20category%20in%20canonical%20order.%20Pure%20wordless%20ink%20path%20geometry%2C%20not%20a%20logo%2C%0A%20%20%20%20%20brand%2C%20image%2C%20font%2C%20screenshot%2C%20link%2C%20or%20decorative%20fake%20content.%0A%20%20%20%20%20Designed%20as%20a%20transparent%20alpha-mask%2C%20recoloured%20from%20accessible%20tab%20ink.%20--%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23151216%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3C!--%20Rabbit%20Holes%3A%20curious%20rabbit%20with%20deliberately%20uneven%20ears.%20--%3E%0A%3Cg%20stroke-width%3D%223.5%22%3E%0A%20%3Cpath%20d%3D%22M20%2020Q12%204%2018%203Q27%202%2030%2019M33%2019Q38%203%2046%205Q51%2010%2041%2024%22%2F%3E%0A%20%3Cpath%20d%3D%22M18%2024Q8%2033%2017%2044Q28%2053%2042%2042Q53%2030%2042%2022Q32%2016%2018%2024Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M24%2031l2-1m12%200%202%201M31%2035q2%204%205%200M31%2037q-8%206-13%205M35%2037q7%207%2013%205%22%20stroke-width%3D%222.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Things%20I%20Like%3A%20heart%20over%20broken%20orbit%20sparkle.%20--%3E%0A%3Cg%20transform%3D%22translate(60%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%2045Q5%2026%2013%2017Q19%209%2030%2019Q40%207%2047%2016Q56%2027%2030%2045Z%22%20stroke-width%3D%223.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M9%208l4%204M44%205l-2%206M49%2039l5%204M7%2040l-4%203M30%209V4%22%20stroke-width%3D%222.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M22%2020q-5%201-6%207%22%20stroke-width%3D%222.7%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Places%3A%20a%20map%20pin%20with%20scribbled%20trail.%20--%3E%0A%3Cg%20transform%3D%22translate(120%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%205Q12%206%2013%2025Q15%2038%2030%2053Q47%2036%2048%2024Q48%206%2030%205Z%22%20stroke-width%3D%223.9%22%2F%3E%0A%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%227%22%20stroke-width%3D%223.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M5%2048q7-5%2012-2m27%200q6-4%2011%200%22%20stroke-width%3D%222.6%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20How%20It's%20Done%3A%20handdrawn%20crossed%20spanner%20and%20pencil.%20--%3E%0A%3Cg%20transform%3D%22translate(180%200)%22%20stroke-width%3D%224%22%3E%0A%20%3Cpath%20d%3D%22M13%2010l8%208-2%207-7%202-8-8Q0%2030%2011%2036L32%2056Q38%2059%2043%2053Q46%2049%2042%2044L22%2025%22%20stroke-width%3D%223.4%22%2F%3E%0A%20%3Cpath%20d%3D%22M42%206L25%2024l11%2011L53%2018l-1-12-7%207-7-2Z%22%20stroke-width%3D%223.7%22%2F%3E%0A%20%3Ccircle%20cx%3D%2237%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23151216%22%20stroke%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Thoughts%3A%20speech%2Fthought%20bubble%20and%20an%20errant%20little%20spark.%20--%3E%0A%3Cg%20transform%3D%22translate(240%200)%22%20stroke-width%3D%223.6%22%3E%0A%20%3Cpath%20d%3D%22M12%2019Q10%205%2028%207Q45%204%2049%2018Q57%2027%2049%2036Q42%2045%2023%2041L11%2048%2014%2036Q2%2030%2012%2019Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M19%2023q4-5%209%200%206-6%2011%201M22%2031q5%204%2014-1%22%20stroke-width%3D%222.6%22%2F%3E%0A%20%3Cpath%20d%3D%22M48%205l5-3M53%2011l5%201%22%20stroke-width%3D%222.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Random%3A%20wonky%20six-sided%20dice%20with%20individually%20placed%20pips.%20--%3E%0A%3Cg%20transform%3D%22translate(300%200)%22%20stroke-width%3D%223.4%22%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%204%2054%2015%2054%2045%2030%2057%207%2045Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%2029%2054%2015M30%2029V57%22%2F%3E%0A%20%3Cg%20fill%3D%22%23151216%22%20stroke%3D%22none%22%3E%0A%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2239%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2243%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2247%22%20cy%3D%2240%22%20r%3D%222.8%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important; -webkit-mask-size: 600% 100% !important; mask-size: 600% 100% !important; -webkit-mask-position: var(--jenski-doodle-pos) !important; mask-position: var(--jenski-doodle-pos) !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; pointer-events: none !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-doodle-pos: 0% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-doodle-pos: 20% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-doodle-pos: 40% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-doodle-pos: 60% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-doodle-pos: 80% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-doodle-pos: 100% 50%; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:hover { filter: brightness(1.06); transform: translateY(-2px) rotate(var(--jenski-slip-tilt,0deg)) !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:focus-visible { outline: 4px solid #191319 !important; outline-offset: 3px !important; } /* This is not a screenshot: both real WP query panels remain fully opaque * cream paper. Their genuine post images/text/links are never overwritten. */ body.jenski-site.home #main-content .jenski-editorial-board > .jenski-feature, body.jenski-site.home #main-content .jenski-editorial-board > .jenski-home-recent { background-color: #fffaf1 !important; color: #231d1a !important; } /* Six distinct ORIGINAL category world files were already in this theme. * Put those illustrations back BEHIND the ink/paper foreground instead of * suppressing them with the later single generic pale-plaster rule. */ body.jenski-site.jenski-section-rabbit-holes { --jenski-j11-world-art: url("../img/sections/section-rabbit-holes.svg"); --jenski-j11-world-accent: #ec7628; } body.jenski-site.jenski-section-things-i-like { --jenski-j11-world-art: url("../img/sections/section-things-i-like.svg"); --jenski-j11-world-accent: #168f8b; } body.jenski-site.jenski-section-places { --jenski-j11-world-art: url("../img/sections/section-places.svg"); --jenski-j11-world-accent: #758c32; } body.jenski-site.jenski-section-how-its-done { --jenski-j11-world-art: url("../img/sections/section-how-its-done.svg"); --jenski-j11-world-accent: #a44391; } body.jenski-site.jenski-section-thoughts { --jenski-j11-world-art: url("../img/sections/section-thoughts.svg"); --jenski-j11-world-accent: #3079b8; } body.jenski-site.jenski-section-random { --jenski-j11-world-art: url("../img/sections/section-random.svg"); --jenski-j11-world-accent: #bb8c18; } body.jenski-site.category[class*="jenski-section-"], body.jenski-site.single-post[class*="jenski-section-"] { --jenski-world-accent: var(--jenski-j11-world-accent); --jenski-section-accent: var(--jenski-j11-world-accent); background-color: #c9bcab !important; background-image: linear-gradient(90deg, rgb(239 230 216 / .07) 0, rgb(240 230 217 / .42) 23%, rgb(241 232 219 / .55) 50%, rgb(240 230 217 / .42) 77%, rgb(239 230 216 / .07) 100%), var(--jenski-j11-world-art), url("../img/jenski-grunge-fibre-tile.svg"), linear-gradient(#cbbda9,#e0d4c4) !important; background-size: 100% 100%, min(100%, 1600px) auto, 240px 240px, 100% 100% !important; background-position: center top, center top, 0 0, center top !important; background-repeat: no-repeat, no-repeat, repeat, no-repeat !important; background-attachment: scroll !important; } /* Keep the original painted Jenski family and icons on all six archives. */ body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro, body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room { background-color: #fffaf1 !important; color: #231d1a !important; border-top-color: var(--jenski-j11-world-accent) !important; } body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::before { background-color: var(--jenski-j11-world-accent) !important; } body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template > li { background-color: #fffaf1 !important; } /* Phone: 3 by 2 true category links, actual original icons, no tap overlap. */ @media (max-width: 1049px) { body.jenski-site.home nav.jenski-category-nav { width: min(96vw,900px) !important; } body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a { min-height: 66px !important; padding: 26px 3px 8px !important; transform: none !important; } body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a::before { top: 5px !important; left: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; } body.jenski-site.category[class*="jenski-section-"], body.jenski-site.single-post[class*="jenski-section-"] { background-size: 100% 100%, 135% auto, 240px 240px, 100% 100% !important; } } @media (max-width: 480px) { /* Real 390px Chrome rendered 12px labels despite valid click targets. Keep the original illustrated 3x2 paper tabs, but make every word readable at 320px and 390px rather than weakening the 13.5px gate. */ body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a { min-height: 78px !important; padding: 28px 4px 10px !important; font-size: clamp(.88rem, 3.7vw, 1rem) !important; line-height: 1.08 !important; letter-spacing: -.04em !important; } body.jenski-site.category[class*="jenski-section-"], body.jenski-site.single-post[class*="jenski-section-"] { background-size: 100% 100%, 160% auto, 240px 240px, 100% 100% !important; } } @media (prefers-reduced-motion: reduce) { body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:hover { transform: none !important; } } /* * J11 owner refinement — 9 NOV 2026, after viewing real WP pixels: * Lift the overly dark wall modestly; preserve the ACTUAL source collage, * six original motif worlds, readable opaque paper, and intact painted * Jenski.co.uk mark. No new Greek flag or "CRETE" lettering is drawn here. * Greek football/team artwork may only be re-used from a verified original * owner-approved asset; never invent or substitute a lookalike. * * Source order remains exactly five layers (edge art, a softer vignette, * original painted wall, fibre, base plaster), with only fibre repeated. * On mobile the logo, original doodles, links and wallpaper identities do * not move; J11's 3x2 responsive controls retain their 13.5px+ font gate. */ html:has(body.jenski-site.home) { background-color: #d3c4b2 !important; } body.jenski-site.home { background-color: #d3c4b2 !important; background-image: url("../img/jenski-scrapbook-wall-edges.svg"), radial-gradient(ellipse 96% 94% at 50% 21%, transparent 35%, rgb(13 11 14 / .30) 86%, rgb(13 11 14 / .59) 100%), url("../img/jenski-owner-light-scrapbook.svg"), url("../img/jenski-grunge-fibre-tile.svg"), linear-gradient(#e4d8c7, #d3c4b2) !important; background-size: min(100%, 1600px) auto, 100% 100%, min(100%, 1600px) auto, 240px 240px, 100% 100% !important; background-position: center top, center top, center top, 0 0, center top !important; background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat !important; } /* * J01 ELLAS return — Jen's 9 Nov explicit design choice. * This is the WHITE Greek "ΕΛΛΑΣ" LETTERING ON BLUE DISTRESSED PAINT * from the actual preserved J01 concept — NOT the separate Greek flag * file jenski-hellas-fragment.svg. No island/Crete sign or fake team badge. * * Keep Jenski.co.uk's ONLY clickable paper/ink logo and accessible search * untouched. On large screens the original ELLAS motif sits to the lower * RIGHT of the paper logo, above the colourful six-tab navigation. * On tablet/mobile it becomes a non-interactive flex item between * the paper logo and the real search box, never covering text or buttons. */ /* Remove the obsolete Greek-flag fragment from the old stone-reading layer, without touching either personal mural or the real site artwork. */ body.jenski-site.home .jenski-masthead__top::before { content: none !important; display: none !important; background: none !important; background-image: none !important; pointer-events: none !important; } body.jenski-site.home .jenski-masthead__top::after { content: "" !important; display: block !important; position: absolute !important; /* Right-hand open mural space: no longer obscured by the paper logo. */ top: clamp(167px, 13.2vw, 194px) !important; left: clamp(790px, 58vw, 915px) !important; right: auto !important; bottom: auto !important; width: clamp(195px, 18vw, 255px) !important; height: clamp(65px, 6vw, 90px) !important; margin: 0 !important; background-image: url("../img/jenski-j01-ellas-mark.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; opacity: .98 !important; filter: drop-shadow(2px 3px 0 rgb(20 17 23 / .24)); pointer-events: none !important; z-index: 3 !important; } @media (max-width: 1049px) { body.jenski-site.home .jenski-masthead__top .jenski-wordmark { order: 1; /* The previous -15px margin covered the ELLAS artwork on phones. */ margin-bottom: 0 !important; } body.jenski-site.home .jenski-masthead__top::after { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; order: 2; align-self: center !important; width: clamp(154px, 30vw, 204px) !important; height: clamp(50px, 9.5vw, 68px) !important; /* Give the stamp its own paper-clear row above Search; the old negative margin placed it BEHIND the logo in genuine 320/390 screenshots. */ margin: 7px auto 9px !important; transform: rotate(-2deg); z-index: 8 !important; } body.jenski-site.home .jenski-masthead__top .jenski-search { order: 3; } }