/*
Theme Name: Architect Portfolio
Theme URI: https://example.com
Author: Your Studio
Author URI: https://example.com
Description: A warm, earthy portfolio child theme for architectural drafters and CAD professionals. Built on Twenty Twenty-Five, with a custom palette of concrete, clay, and timber tones, plus ready-made patterns for showcasing drafting and design work.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: architect-portfolio
*/

/* ------------------------------------------------------------------
   Global refinements
   ------------------------------------------------------------------ */

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

/* Slightly tighter line-height and letter-spacing on headings for a
   drafted, technical feel */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.01em;
}

/* Thin rule under the site title area to echo a title block on a
   drawing sheet */
.wp-block-site-title {
	border-bottom: 1px solid var(--wp--preset--color--clay);
	padding-bottom: 0.25rem;
	display: inline-block;
}

/* ------------------------------------------------------------------
   Hero
   ------------------------------------------------------------------ */

.architect-hero {
	position: relative;
}

.architect-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(43, 38, 34, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(43, 38, 34, 0.06) 1px, transparent 1px);
	background-size: 32px 32px;
	pointer-events: none;
}

/* ------------------------------------------------------------------
   Portfolio grid
   ------------------------------------------------------------------ */

.architect-project-card {
	border: 1px solid var(--wp--preset--color--concrete);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.architect-project-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(43, 38, 34, 0.12);
}

.architect-project-thumb {
	aspect-ratio: 4 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--wp--preset--color--concrete), var(--wp--preset--color--timber));
}

.architect-project-thumb span {
	font-family: var(--wp--preset--font-family--heading, serif);
	color: var(--wp--preset--color--paper);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.85;
}

/* ------------------------------------------------------------------
   Services
   ------------------------------------------------------------------ */

.architect-service-card {
	border-top: 3px solid var(--wp--preset--color--clay);
	padding-top: 1rem;
}

/* ------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------ */

.architect-footer {
	border-top: 1px solid var(--wp--preset--color--concrete);
}