/*
Theme Name: She Is In You — Eden Coming Soon
Description: A Gutenberg-first Garden of Eden inspired coming-soon theme.
Version: 0.2.0
Requires at least: 6.6
Text Domain: she-is-in-you-eden-coming-soon
WPVibe: yes
Update URI: false
*/

:root {
	--eden-ivory: #f8f1e4;
	--eden-cream: #efe2cb;
	--eden-green: #173f35;
	--eden-deep: #0d2923;
	--eden-fig: #59314b;
	--eden-rose: #9a3f4c;
	--eden-gold: #c7a257;
	--eden-sage: #aab99f;
	--eden-moss: #60735d;
}

html { scroll-behavior: smooth; }

body {
	margin: 0;
	min-height: 100svh;
	overflow-x: hidden;
	background:
		radial-gradient(circle at 50% 32%, rgba(255,255,255,.78), transparent 34rem),
		linear-gradient(145deg, #fbf6eb 0%, #f3e7d1 51%, #e7dcc8 100%);
	color: var(--eden-deep);
	font-family: var(--wp--preset--font-family--body);
	font-feature-settings: "kern" 1, "liga" 1;
	-webkit-font-smoothing: antialiased;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -5;
	opacity: .32;
	pointer-events: none;
	background-image:
		repeating-linear-gradient(115deg, rgba(23,63,53,.025) 0 1px, transparent 1px 7px),
		repeating-linear-gradient(25deg, rgba(89,49,75,.018) 0 1px, transparent 1px 11px);
	mix-blend-mode: multiply;
}

::selection { background: var(--eden-fig); color: var(--eden-ivory); }

a:focus-visible {
	outline: 3px solid var(--eden-gold);
	outline-offset: 4px;
}

.wp-site-blocks {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 100svh;
	width: min(100% - 2rem, 94rem);
	margin-inline: auto;
	padding: 0;
}

.eden-canopy {
	position: fixed;
	inset: 0;
	z-index: -2;
	overflow: hidden;
	pointer-events: none;
}

.eden-aura {
	position: absolute;
	left: 50%;
	top: 43%;
	width: min(62vw, 52rem);
	aspect-ratio: 1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(230,194,112,.34) 0%, rgba(199,162,87,.09) 38%, transparent 69%);
	animation: eden-glow 9s ease-in-out infinite;
}

.eden-bough {
	position: absolute;
	color: var(--eden-green);
	filter: drop-shadow(0 20px 22px rgba(13,41,35,.12));
}

.eden-bough--left {
	left: -7rem;
	top: -6rem;
	width: min(42rem, 58vw);
	animation: eden-drift-left 12s ease-in-out infinite;
	transform-origin: top left;
}

.eden-bough--right {
	right: -8rem;
	top: -7rem;
	width: min(44rem, 60vw);
	animation: eden-drift-right 14s ease-in-out infinite;
	transform-origin: top right;
}

.eden-vine {
	position: absolute;
	color: var(--eden-moss);
	opacity: .9;
}

.eden-vine--lower-left {
	left: -5rem;
	bottom: -7rem;
	width: min(30rem, 45vw);
	transform: rotate(8deg);
}

.eden-vine--lower-right {
	right: -4rem;
	bottom: -8rem;
	width: min(34rem, 48vw);
	transform: scaleX(-1) rotate(4deg);
}

.eden-fruit {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	box-shadow: inset -10px -12px 18px rgba(36,17,28,.2), 0 12px 28px rgba(63,31,45,.2);
}

.eden-fruit::after {
	content: "";
	position: absolute;
	width: 44%;
	height: 30%;
	left: 28%;
	top: -17%;
	background: var(--eden-gold);
	clip-path: polygon(50% 0,60% 40%,100% 12%,72% 58%,94% 100%,50% 72%,8% 100%,28% 56%,0 12%,40% 40%);
}

.eden-fruit--one {
	left: 8%;
	top: 27%;
	width: 3.2rem;
	aspect-ratio: 1;
	background: linear-gradient(145deg, #c56c69, #7f2f42);
}

.eden-fruit--two {
	right: 10%;
	top: 35%;
	width: 4rem;
	aspect-ratio: 1;
	background: linear-gradient(145deg, #b25d68, #633046);
}

.eden-header {
	position: relative;
	z-index: 5;
	width: auto;
	padding: clamp(1.25rem, 3vw, 2.25rem) clamp(.25rem, 2vw, 2rem);
	border-bottom: 1px solid rgba(23,63,53,.16);
}

.eden-wordmark,
.eden-wordmark a {
	margin: 0;
	color: var(--eden-green);
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(.78rem,1.2vw,.95rem);
	font-weight: 700;
	letter-spacing: .28em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.eden-status {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: rgba(23,63,53,.74);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.eden-status::before {
	content: "";
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	background: var(--eden-rose);
	box-shadow: 0 0 0 .27rem rgba(154,63,76,.11);
}

.eden-main {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: clamp(34rem, 72svh, 58rem);
	padding: clamp(3.5rem, 8vw, 7rem) 1rem;
	box-sizing: border-box;
	text-align: center;
}

.eden-content { width: min(100%, 56rem); }

.eden-kicker,
.eden-title,
.eden-lede,
.eden-note,
.eden-seal {
	opacity: 0;
	animation: eden-rise .9s cubic-bezier(.2,.7,.2,1) forwards;
}

.eden-kicker {
	margin: 0 0 1.5rem;
	color: var(--eden-rose);
	font-size: clamp(.7rem,1.3vw,.82rem);
	font-weight: 750;
	letter-spacing: .24em;
	text-transform: uppercase;
	animation-delay: .08s;
}

.eden-title {
	margin: 0;
	color: var(--eden-green);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(4.25rem,12vw,10rem);
	font-weight: 400;
	letter-spacing: -.055em;
	line-height: .76;
	text-wrap: balance;
	animation-delay: .18s;
}

.eden-title em {
	display: block;
	margin-top: .18em;
	color: var(--eden-fig);
	font-size: .54em;
	font-weight: 400;
	letter-spacing: -.025em;
	line-height: .92;
}

.eden-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: clamp(1.7rem,4vw,2.5rem) auto;
	color: var(--eden-gold);
}

.eden-ornament::before,
.eden-ornament::after {
	content: "";
	width: min(8rem,18vw);
	height: 1px;
	background: linear-gradient(90deg,transparent,currentColor);
}

.eden-ornament::after { background: linear-gradient(90deg,currentColor,transparent); }

.eden-ornament svg { width: 1.2rem; height: 1.2rem; }

.eden-lede {
	max-width: 42rem;
	margin: 0 auto;
	color: rgba(24,48,43,.86);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.2rem,2.4vw,1.72rem);
	line-height: 1.55;
	text-wrap: balance;
	animation-delay: .34s;
}

.eden-note {
	max-width: 39rem;
	margin: 1.35rem auto 0;
	color: rgba(24,48,43,.68);
	font-size: clamp(.9rem,1.5vw,1rem);
	line-height: 1.75;
	text-wrap: balance;
	animation-delay: .46s;
}

.eden-seal {
	display: inline-flex;
	width: auto;
	align-items: center;
	gap: .75rem;
	margin: clamp(2rem,4vw,3rem) auto 0;
	padding: .85rem 1.15rem;
	border: 1px solid rgba(23,63,53,.2);
	border-radius: 999px;
	background: rgba(248,241,228,.5);
	color: var(--eden-green);
	font-size: .7rem;
	font-weight: 750;
	letter-spacing: .17em;
	text-transform: uppercase;
	backdrop-filter: blur(8px);
	animation-delay: .58s;
}

.eden-seal p { margin: 0; }
.eden-seal svg { width: 1rem; height: 1rem; color: var(--eden-rose); }

.eden-footer {
	position: relative;
	z-index: 5;
	width: auto;
	align-items: flex-end !important;
	padding: clamp(1.25rem,3vw,2.25rem) clamp(.25rem,2vw,2rem);
	border-top: 1px solid rgba(23,63,53,.16);
	color: rgba(23,63,53,.65);
	font-size: .68rem;
	letter-spacing: .08em;
	line-height: 1.55;
	text-transform: uppercase;
}

.eden-footer p { margin: 0; }
.eden-footer__legal { max-width: 38rem; text-align: right; }

.eden-skip {
	position: fixed;
	z-index: 99;
	left: 1rem;
	top: 1rem;
	padding: .75rem 1rem;
	background: var(--eden-deep);
	color: var(--eden-ivory);
	transform: translateY(-180%);
	transition: transform .2s ease;
}

.eden-skip:focus { transform: translateY(0); }

@keyframes eden-rise {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes eden-drift-left {
	0%,100% { transform: rotate(-2deg) translate3d(0,0,0); }
	50% { transform: rotate(1.5deg) translate3d(7px,-8px,0); }
}

@keyframes eden-drift-right {
	0%,100% { transform: rotate(2deg) translate3d(0,0,0); }
	50% { transform: rotate(-1.5deg) translate3d(-8px,-6px,0); }
}

@keyframes eden-glow {
	0%,100% { opacity: .5; transform: translate(-50%,-50%) scale(.98); }
	50% { opacity: .78; transform: translate(-50%,-50%) scale(1.04); }
}

@media (max-width: 720px) {
	.wp-site-blocks { width: min(100% - 1.25rem,94rem); }
	.eden-header,
	.eden-footer { padding-inline: .35rem; }
	.eden-status { font-size: 0; }
	.eden-status::after { content: "Coming soon"; font-size: .66rem; }
	.eden-title { font-size: clamp(4rem,22vw,6rem); }
	.eden-bough--left,
	.eden-bough--right { width: 84vw; opacity: .78; }
	.eden-vine--lower-left,
	.eden-vine--lower-right { width: 62vw; opacity: .76; }
	.eden-fruit--one { left: 5%; top: 22%; width: 2.2rem; }
	.eden-fruit--two { right: 5%; top: 26%; width: 2.7rem; }
	.eden-footer { align-items: flex-start !important; flex-direction: column; gap: .55rem; }
	.eden-footer__legal { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.eden-aura,
	.eden-bough,
	.eden-kicker,
	.eden-title,
	.eden-lede,
	.eden-note,
	.eden-seal {
		animation: none;
		opacity: 1;
	}
}

/* Immersive garden pass */
body {
	background: var(--eden-deep);
}

body::before {
	z-index: 4;
	opacity: .16;
	mix-blend-mode: soft-light;
}

.wp-site-blocks {
	width: 100%;
	max-width: none;
	overflow: hidden;
}

.eden-cover {
	position: relative;
	isolation: isolate;
}

.eden-cover::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 50% 42%, rgba(245,219,148,.24), transparent 28rem),
		linear-gradient(180deg, rgba(5,30,22,.28) 0%, rgba(5,31,23,.08) 34%, rgba(5,28,22,.62) 100%);
	pointer-events: none;
}

.eden-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	box-shadow: inset 0 0 13rem rgba(2,22,16,.58);
	pointer-events: none;
}

.eden-cover .wp-block-cover__image-background {
	filter: saturate(1.28) contrast(1.08) brightness(.88);
	transform: scale(1.025);
}

.eden-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
	width: 100%;
}

header.wp-block-template-part {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
}

.eden-header {
	max-width: min(100% - 2rem, 94rem);
	margin-inline: auto;
	border-bottom-color: rgba(248,241,228,.34);
}

.eden-wordmark,
.eden-wordmark a,
.eden-status {
	color: #fffaf0;
	text-shadow: 0 2px 18px rgba(0,20,14,.72);
}

.eden-status::before {
	background: #e5ad87;
	box-shadow: 0 0 0 .27rem rgba(248,241,228,.16);
}

.eden-canopy {
	z-index: 10;
}

.eden-aura {
	opacity: .3;
	mix-blend-mode: screen;
}

.eden-bough {
	color: #0a2e22;
	opacity: .92;
	filter: drop-shadow(0 24px 30px rgba(0,18,12,.42));
}

.eden-bough--left {
	left: -8rem;
	top: -7rem;
	width: min(48rem, 62vw);
}

.eden-bough--right {
	right: -9rem;
	top: -8rem;
	width: min(50rem, 64vw);
}

.eden-vine {
	color: #163d2e;
	opacity: .96;
	filter: drop-shadow(0 -10px 22px rgba(0,16,10,.45));
}

.eden-vine--lower-left {
	left: -6rem;
	bottom: -5rem;
	width: min(38rem, 50vw);
}

.eden-vine--lower-right {
	right: -6rem;
	bottom: -6rem;
	width: min(40rem, 52vw);
}

.eden-fruit {
	z-index: 11;
	box-shadow: inset -12px -14px 22px rgba(36,17,28,.3), 0 14px 36px rgba(0,18,12,.46);
}

.eden-main {
	min-height: 100svh;
	padding-top: clamp(8rem, 14vw, 11rem);
	padding-bottom: clamp(8rem, 13vw, 10rem);
}

.eden-content {
	position: relative;
	padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.25rem, 5vw, 4rem);
	border: 1px solid rgba(248,241,228,.25);
	background: linear-gradient(145deg, rgba(7,42,31,.68), rgba(23,52,42,.4));
	box-shadow: 0 30px 90px rgba(0,21,14,.3);
	backdrop-filter: blur(5px) saturate(1.12);
}

.eden-content::before,
.eden-content::after {
	content: "";
	position: absolute;
	width: 4rem;
	height: 4rem;
	pointer-events: none;
}

.eden-content::before {
	left: .75rem;
	top: .75rem;
	border-left: 1px solid rgba(226,190,104,.7);
	border-top: 1px solid rgba(226,190,104,.7);
}

.eden-content::after {
	right: .75rem;
	bottom: .75rem;
	border-right: 1px solid rgba(226,190,104,.7);
	border-bottom: 1px solid rgba(226,190,104,.7);
}

.eden-kicker {
	color: #f2c981;
	text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

.eden-title {
	color: #fffaf0;
	text-shadow: 0 7px 34px rgba(0,18,12,.5);
}

.eden-title em {
	color: #e9b5a9;
}

.eden-ornament {
	color: #efc977;
}

.eden-lede {
	color: #fff9ec;
	text-shadow: 0 3px 22px rgba(0,18,12,.56);
}

.eden-note {
	color: rgba(255,250,240,.82);
	text-shadow: 0 2px 15px rgba(0,18,12,.5);
}

.eden-seal {
	border-color: rgba(248,241,228,.35);
	background: rgba(8,45,33,.52);
	color: #fff9ec;
}

.eden-seal svg {
	color: #efc977;
}

footer.wp-block-template-part {
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: 0;
	width: 100%;
}

.eden-footer {
	max-width: min(100% - 2rem, 94rem);
	margin-inline: auto;
	border-top-color: rgba(248,241,228,.28);
	color: rgba(255,250,240,.72);
	text-shadow: 0 2px 14px rgba(0,18,12,.68);
}

@media (max-width: 720px) {
	.eden-header,
	.eden-footer {
		max-width: calc(100% - 1.25rem);
	}

	.eden-cover .wp-block-cover__image-background {
		object-position: 57% center;
	}

	.eden-content {
		width: calc(100% - 1rem);
		padding: 2.5rem 1.15rem;
	}

	.eden-bough--left,
	.eden-bough--right {
		width: 96vw;
	}

	.eden-vine--lower-left,
	.eden-vine--lower-right {
		width: 76vw;
	}

	.eden-footer__legal {
		max-width: 28rem;
	}
}

/* Natural garden refinement */
body::before {
	opacity: .06;
	mix-blend-mode: normal;
}

.eden-canopy,
.eden-fruit,
.eden-bough,
.eden-vine,
.eden-aura {
	display: none;
}

.eden-cover::before {
	background:
		radial-gradient(circle at 51% 37%, rgba(255,239,190,.12), transparent 24rem),
		linear-gradient(180deg, rgba(6,31,22,.16) 0%, rgba(6,31,22,.02) 45%, rgba(6,30,22,.38) 100%);
}

.eden-cover::after {
	box-shadow: inset 0 0 8rem rgba(2,22,16,.22);
}

.eden-cover .wp-block-cover__image-background {
	filter: saturate(1.04) contrast(1.01) brightness(1);
	transform: scale(1.005);
}

.eden-header {
	border-bottom: 0;
	padding-top: clamp(1.5rem,3vw,2.6rem);
}

.eden-wordmark,
.eden-wordmark a,
.eden-status {
	color: rgba(255,252,242,.94);
	text-shadow: 0 2px 12px rgba(0,25,15,.46);
}

.eden-status {
	font-weight: 600;
	letter-spacing: .14em;
}

.eden-status::before {
	width: .38rem;
	height: .38rem;
	background: #d7c28b;
	box-shadow: none;
}

.eden-main {
	padding-top: clamp(7.5rem,13vw,10rem);
	padding-bottom: clamp(7rem,12vw,9rem);
}

.eden-content {
	width: min(100%,48rem);
	padding: clamp(1.5rem,4vw,3rem);
	border: 0;
	background: radial-gradient(ellipse at center, rgba(4,36,24,.34) 0%, rgba(4,36,24,.14) 48%, transparent 76%);
	box-shadow: none;
	backdrop-filter: none;
}

.eden-content::before,
.eden-content::after {
	display: none;
}

.eden-kicker {
	margin-bottom: 1.25rem;
	color: rgba(255,246,218,.9);
	font-size: clamp(.68rem,1vw,.78rem);
	font-weight: 650;
	letter-spacing: .2em;
	text-shadow: 0 2px 12px rgba(0,24,15,.48);
}

.eden-title {
	color: #fffdf6;
	font-size: clamp(4rem,10vw,8.7rem);
	letter-spacing: -.045em;
	line-height: .8;
	text-shadow: 0 4px 24px rgba(0,23,14,.48);
}

.eden-title em {
	color: #f4e4c5;
}

.eden-ornament {
	margin-block: clamp(1.35rem,3vw,2rem);
	color: rgba(244,226,182,.82);
}

.eden-lede {
	max-width: 38rem;
	color: rgba(255,253,246,.96);
	font-size: clamp(1.15rem,2vw,1.55rem);
	text-shadow: 0 2px 16px rgba(0,24,15,.58);
}

.eden-note {
	max-width: 35rem;
	color: rgba(255,253,246,.8);
	font-size: clamp(.88rem,1.25vw,.98rem);
	line-height: 1.68;
}

.eden-seal {
	margin-top: clamp(1.8rem,3vw,2.5rem);
	padding: .72rem 1rem;
	border-color: rgba(255,250,235,.25);
	background: rgba(13,57,39,.28);
	color: rgba(255,250,235,.9);
	font-size: .66rem;
	letter-spacing: .14em;
	backdrop-filter: blur(3px);
}

.eden-seal svg {
	color: #e4cf9d;
}

.eden-footer {
	border-top: 0;
	color: rgba(255,252,242,.68);
	font-size: .63rem;
	text-shadow: 0 2px 10px rgba(0,24,15,.65);
}

.eden-footer a {
	color: rgba(255,252,242,.8);
	text-decoration: underline;
	text-decoration-color: rgba(255,252,242,.3);
	text-underline-offset: .18em;
}

@media (max-width: 720px) {
	.eden-cover .wp-block-cover__image-background {
		object-position: 52% center;
	}

	.eden-content {
		width: calc(100% - 1.5rem);
		padding: 1.5rem .75rem;
	}

	.eden-title {
		font-size: clamp(3.85rem,20vw,5.7rem);
	}

	.eden-note {
		max-width: 29rem;
	}

	.eden-status {
		font-size: .62rem;
	}

	.eden-status::after {
		content: none;
	}
}

/* Living flower foreground — layered over the approved garden */
.eden-flower-layers {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.eden-flower-layer {
	position: absolute;
	display: block;
	width: min(39vw, 38rem);
	height: min(58vh, 42rem);
	object-fit: cover;
	opacity: .9;
	filter: saturate(1.13) contrast(1.04) drop-shadow(0 1.5rem 2.5rem rgba(0,25,15,.22));
	-webkit-mask-image: radial-gradient(ellipse 72% 66% at 50% 55%, #000 35%, rgba(0,0,0,.92) 50%, transparent 77%);
	mask-image: radial-gradient(ellipse 72% 66% at 50% 55%, #000 35%, rgba(0,0,0,.92) 50%, transparent 77%);
}

.eden-flower-layer--left {
	left: -6vw;
	bottom: -12vh;
	object-position: 54% center;
	transform: rotate(2deg);
}

.eden-flower-layer--right {
	right: -7vw;
	bottom: -11vh;
	object-position: 47% center;
	transform: rotate(-2deg);
}

.eden-main {
	position: relative;
	z-index: 2;
}

@media (max-width: 900px) {
	.eden-flower-layer {
		width: min(54vw, 30rem);
		height: min(43vh, 31rem);
		opacity: .78;
	}

	.eden-flower-layer--left {
		left: -16vw;
		bottom: -7vh;
	}

	.eden-flower-layer--right {
		right: -17vw;
		bottom: -7vh;
	}
}

@media (max-width: 520px) {
	.eden-flower-layer {
		width: 72vw;
		height: 34vh;
		opacity: .62;
		-webkit-mask-image: radial-gradient(ellipse 68% 65% at 50% 60%, #000 28%, rgba(0,0,0,.86) 46%, transparent 76%);
		mask-image: radial-gradient(ellipse 68% 65% at 50% 60%, #000 28%, rgba(0,0,0,.86) 46%, transparent 76%);
	}

	.eden-flower-layer--left {
		left: -34vw;
		bottom: -3vh;
	}

	.eden-flower-layer--right {
		right: -35vw;
		bottom: -3vh;
	}
}