/*
Theme Name: Atelier
Theme URI: https://www.instagram.com/chronic_costumes/
Author: Emma Eisenmann
Author URI: https://www.instagram.com/chronic_costumes/
Description: Atelier is a refined, editorial block theme for makers, designers, and costume artisans. Built for the block editor, it ships with a ready-made portfolio homepage you edit visually — no code required.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atelier
Tags: portfolio, block-styles, full-site-editing, custom-colors, editor-style, one-column, two-columns
*/

html { scroll-behavior: smooth; }

/* Soft paper grain for atmosphere. */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
	opacity: 0.025;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Cover photo slots crop their replacement image nicely. */
.wp-block-cover img.wp-block-cover__image-background {
	object-fit: cover;
}

/* Buttons lift slightly on hover. */
.wp-block-button__link {
	transition: transform .3s ease, opacity .3s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
	opacity: 0.92;
}

/* Header nav links. */
.atelier-nav a {
	text-decoration: none;
	margin-left: 26px;
	font-size: 0.76rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #33483d;
}
.atelier-nav a:hover { color: #bd6c4e; }

@media (max-width: 600px) {
	.atelier-nav a { margin-left: 14px; font-size: 0.66rem; }
}