/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2025 | 15:10:02 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body.single-post {
	overflow:auto !important;
} 


 


.header-titles { 
flex-direction: column;
}


#site-header {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease, visibility 1s ease; z-index:0;
}
.featured-media img { margin:3rem auto;}
.logo-png {
	opacity:0 !important;
}
.lenis .logo-png { width:100%;   position:fixed;   position:fixed; top:-20%; left:0px;opacity:0.5 !important; }
#post-3325 h1 {
	font-size: 18.5vw; 
	font-variation-settings: "slnt" 0, "wdth" 150, "wght" 1000, "INKT" 0;
	margin: 0px;
	position: fixed;
	white-space: nowrap;
	left: 0px;
	top: -120px;
	z-index:1; 
	width: 100%;
   text-align: center;
	opacity:0.1 !important;
}
.post-meta .post-date .meta-icon svg { color:#fff; fill:#fff;}

/* While scrolling */
html.lenis-scrolling #site-header {
  opacity: 0;
  visibility: hidden; /* prevents invisible header from blocking clicks */
}

.pagination-single.section-inner {
	 display:none;
}
.archive.category.category-blog  article .wp-block-image.sticker{
	position:absolute !important;
	
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 98rem;
	width: calc(100% - 4rem);
}
.primary-menu > li {
	margin: 0.8rem 0 0 4rem;
}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
	margin: 1rem 0 0 5px;
}
.sticker{  
	position: fixed; 
	 bottom: 5%;
	right: 5%;
	padding-bottom: 0 !important;
	z-index:9;
	text-align: right;
  float: right;
  width: auto !important; 
}
 
.sticker img {border-radius: 100px;}
#site-content {
	padding-top: 0px;
	padding-bottom: 0px;
}
.homepage-blog{
	position: fixed;
	bottom: 5%;
	right: 0%;
	padding:5%;
}

.archive-title  {
	display:none;
}

@media (max-width: 1220px) {
	.primary-menu > li {
	  margin: 0.8rem 0 0 0rem !important;
	}
}
@media (min-width: 1220px) {
	.primary-menu > li {
	  margin: 0.8rem 0 0 4rem !important;
	}
}
@media (max-width: 700px) {
	
	.mySwiper, .haiku-card {
	position: fixed;
	bottom: 20%;
	right: 5%;
	width: 90% !important; 
	}
	
	
	.homepage-blog{
	position: fixed;
	bottom: 25%;
	right: 5%;
	padding:2rem;
}
	#post-3325 h1 {
		font-size: 20vw;
		opacity:0.2 !important;
		margin: 0px;
		position: fixed;
		left: 0px;
		top: -30px;
		z-index:1;
		opacity: 0.5;
		padding:0px;
		white-space: nowrap; 
	font-variation-settings: "slnt" 0, "wdth" 150, "wght" 1000, "INKT" 0;
	}
	
	 
}
#post-3325 .post-inner   {
	position: fixed;
  left: 5%;
  bottom: 15%;
  z-index: 1;
  font-size: 12px;
  height: 120px;
	
	p{ margin:0px;}
}
#post-3325 .post-inner p{
	text-align:left;
	font-size:16px;
	margin-bottom:0px;
	position:relative;
	z-index:9;
}
#site-header {
	z-index: 999;
	background: transparent !important;
	 -webkit-transition: all 3s ease;
 transition: all 3s ease;
 
}
#site-footer  {
	display:none !important;
}
#site-header {
	z-index: 2;
	background: transparent !important;
	position: fixed;
	top: 0px;
	width: 100%;
}
.content__img {
	max-width: var(--img-maxwidth);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	will-change: transform;
	filter: var(--filter-img);
}
.content__img--full {
	width: 100%;
	height: 100%;
	background-size: cover;
}
@media screen and (min-width: 53em) {
	.frame {
		position: fixed;
		text-align: left;
		z-index: 10000;
		top: 0;
		left: 0;
		display: grid;
		align-content: space-between;
		width: 100%;
		max-width: none;
		height: 100vh;
		padding: 2rem;
		pointer-events: none;
		grid-template-columns: 75% 25%;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'pagetitle github'
			'... ...'
			'title ...';
	}
	.frame__pagetitle {
		grid-area: pagetitle;
		margin: 0;
	}
	.frame__title-wrap {
		grid-area: title;
		display: flex;
	}
	.frame__title {
		margin: 0;
		font-weight: normal;
	}
	.frame__links {
		padding: 0;
		margin: 0 0 0 3rem;
		justify-self: end;
	}
	.frame__demos {
		margin: 0 0 0 3rem;
	}
	.frame__github {
		grid-area: github;
		justify-self: end;
	}
	.frame a {
		pointer-events: auto;
	}
	.cursor {
		height: auto;
		overflow: hidden;
	}
}
:root {
	--color-bg: #663399;
	--color-link: rgba(255,255,255,0.6);
	--color-link-hover: #fff;
	--color-bg-1: #663399;
}
article.post {
	background: #ffffff;
	border-radius: 50px 50px 0px 0px; 
}
.single article.post {
	background: #ffffff;
	border-radius:  0px;
	border:none;
} 

.section-inner.medium {
	max-width: 100%;
	width: 100%;
}
body {
	margin: 0;
	color: var(--color-text);
	background-color: var(--color-bg);
	font-family: "area-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wdth" 150, "wght" 500, "INKT" 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	overflow-x: hidden;
}

article:first-of-type { margin-top:0px !important;}
article.post {
	border-top: 1px solid var(--wp--preset--color--subtle-background);
	width: 100vw;
	position: sticky;
	top: 0;
	--offset: 0px;
	top: var(--offset);
	height: calc(100vh - var(--offset));
	backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

article.post {
  background: rgba(255,255,255,0);
  border-radius: 0 0 0px 0px;
  backdrop-filter: blur(12px);
 filter:none !important;
  border-top: 1px solid #ffffff14;  
	margin-top:-120px; 
	padding-bottom:5rem;
} 
.entry-header.has-text-align-center{
	padding-top:150px;
}
.category-blog, .status-publish{
	display: grid;
	overflow: hidden;
	grid-column-gap: 5vw;
	grid-row-gap: 2vh;
	align-content: top;
	grid-template-areas: 'content-img' 'content-title' 'content-text';
	justify-items: center;
}
.category-blog:has(.content__inner) {
	display: block;
	padding: 0;
}
.content__inner {
	width: 100%;
	height: 100%;
	border-radius: 0 0 2rem 2rem;
}
.content--card {
	display: flex;
	flex-direction: column;
	height: 80vh;
	width: 95vw;
	max-width: 500px;
	aspect-ratio: 0.8;
	top: 10vh;
	margin: auto;
	border-radius: 14px;
	gap: 3vh;
	text-align: center;
	margin-bottom: 5vh;
}
.content--card .content__title {
	font-size: clamp(1.5rem,4vw,3.5rem);
}
.content--card .content__title i {
	display: block;
}
.content--half {
	display: flex;
	flex-direction: column;
	gap: 3vh;
	text-align: center;
}
.reduced-spacing .archive-header {
	display: none;
}
.content--half:nth-child(odd) {
	margin-left: auto;
}
.content__img {
	grid-area: content-img;
	width: 50%;
	max-width: 300px;
	height: auto;
}
.content__img--large {
	width: 60%;
	height: auto;
}
.content__img--small {
	height: 35%;
	width: auto;
}
.content__title {
	grid-area: content-title;
	letter-spacing: -0.095em;
	text-transform: uppercase;
	line-height: 1;
	font-weight: normal;
	font-size: clamp(2rem,6vw,5rem);
	margin: 0;
	font-variation-settings: "slnt" 0, "wdth" 400, "wght" 900, "INKT" 400;
}
.content__text {
	margin: 0;
	max-width: 500px;
	grid-area: content-text;
	text-align: center;
	line-height: 1.5;
	padding: 0 1rem;
	backface-visibility: hidden;
}
.content__text--narrow {
	max-width: 300px;
}
.post-meta li.post-date {
margin: 1.4rem 0 5rem; 
}
.content--intro {
	padding-top: 25vh;
	padding-bottom: 25vh;
	z-index: 2;
}
.content--outro {
	padding-top: 50vh;
	padding-bottom: 30vh;
}
.post-separator {
	display:none;
}
.single-post article.post {
	width: 100vw;
	--offset: none !important;
	top: none !important;
	overflow: auto !important;
	height: 100% !important;
	position: relative !important;
	display: block !important;
	margin-top:0px;
	padding-top:0px; 
}
.single-post {
	padding: 0 0 0px;
}
.cover-header { 
  margin: 0px 2%;
  border-radius: 20px;
}
#post-3325 h1,h2.entry-title, h2.entry-title a, .post h1.entry-title,.site-title  {  
	font-variation-settings: "slnt" 0, "wdth" 150, "wght" 1000, "INKT" 0;}

.opacity-80 {
  opacity: 0;
}

#post-3313 { background: #fd008e54 !important; }
#post-3279  { background: #c40000c4 !important; }
.cover-color-overlay::before { 
  background: #000;
}
 
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 90rem;
  width: calc(100% - 4rem);
}


.pagination-wrapper.section-inner { 
margin-bottom: 120px;
}

 
body.single-post .header-titles,
body.single-post  .header-navigation-wrapper,
body.category .header-titles,
body.category  .header-navigation-wrapper
{
	opacity:0 !important;
	 -webkit-transition: all 2s ease;
 transition: all 2s ease;
 
}
body.single-post .header-titles:hover,
body.single-post  .header-navigation-wrapper:hover,
body.category .header-titles:hover,
body.category  .header-navigation-wrapper:hover
{
	opacity:1 !important;
}