/*
Theme Name: Gerotography
Theme URI: https://example.com/gerotography
Author: Gerotography
Description: A minimal, creative block theme for curated photography projects.
Version: 1.1.5
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: gerotography
*/

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	max-width: 100%;
	overflow-x: clip;
}

a,
button {
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, opacity 180ms ease;
}

::selection {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--paper);
}

.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: clip;
	padding-inline: clamp(1.25rem, 4vw, 5rem);
	width: 100%;
}

.wp-site-blocks > main {
	flex: 1;
}

.gt-site-header {
	box-sizing: border-box;
	margin-inline: 0 !important;
	position: relative;
	width: 100% !important;
	z-index: 30;
}

.wp-site-blocks > footer .alignfull {
	box-sizing: border-box;
	margin-inline: 0 !important;
	width: 100% !important;
}

.gt-wordmark a {
	text-decoration: none;
	letter-spacing: -0.035em;
}

.gt-eyebrow {
	font-family: var(--wp--preset--font-family--interface);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.gt-project-card .wp-block-post-featured-image {
	overflow: hidden;
}

.gt-project-card .wp-block-post-featured-image img {
	aspect-ratio: auto;
	display: block;
	height: auto;
	object-fit: contain;
	transition: transform 500ms cubic-bezier(.2,.7,.2,1);
	width: 100%;
}

.gt-project-card:hover .wp-block-post-featured-image img {
	transform: scale(1.015);
}

.gt-project-card .wp-block-post-title a {
	text-decoration: none;
}

.gt-home-projects {
	padding-top: clamp(2rem, 5vw, 6rem);
}

.gt-home-projects > h2 {
	margin-bottom: clamp(2.5rem, 5vw, 5rem);
}

.gt-home-projects__all {
	margin-top: clamp(3rem, 6vw, 7rem) !important;
	text-align: center;
}

body.single-gt_project .wp-block-post-title,
body.single-gt_project .gt-project-intro {
	text-align: center;
}

body.single-gt_project .gt-project-intro p {
	margin-left: auto;
	margin-right: auto;
}

/* Keep the writing canvas close to the published project and gear pages. */
.editor-styles-wrapper .gt-project-intro {
	margin-left: auto;
	margin-right: auto;
	max-width: 52rem;
	text-align: center;
}

.editor-styles-wrapper .gt-gear-reason__heading {
	font-size: clamp(1.65rem, 3vw, 2.5rem);
	margin-bottom: .8rem;
}

.editor-styles-wrapper .gt-gear-reason__text {
	font-size: clamp(1rem, 1.4vw, 1.2rem);
}

@media (max-width: 600px) {
	body.single-gt_project .wp-block-post-title.has-display-font-size {
		font-size: clamp(1.9rem, 10vw, 3rem) !important;
		letter-spacing: -0.035em;
		max-width: 100%;
		overflow-wrap: anywhere;
		text-wrap: balance;
	}

	.home main > .alignwide.has-global-padding {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.home main > .alignwide .has-display-font-size {
		font-size: clamp(2.35rem, 12.5vw, 3.25rem) !important;
		line-height: 1.05;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}

	.home main > .alignwide .has-lead-font-size {
		font-size: clamp(1.1rem, 5.4vw, 1.4rem) !important;
		margin-left: auto;
		margin-right: auto;
		max-width: 19rem;
	}

	.home .gt-project-card .wp-block-post-title.has-lead-font-size {
		margin-left: 0;
		margin-right: 0;
		max-width: none;
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}