/* ==========================================================================
   Perillat Gallery — refinements on top of theme.json
   (Loaded on the front end and inside the editor.)
   ========================================================================== */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

:where(a, button, .wp-block-button__link, .wp-block-navigation-item__content) {
	transition: color .25s ease, background-color .25s ease, border-color .25s ease, opacity .25s ease;
}

:where(a):focus-visible,
:where(button):focus-visible {
	outline: 1px solid var(--wp--preset--color--accent-2);
	outline-offset: 4px;
}

a { text-underline-offset: 0.22em; text-decoration-thickness: 1px; }

/* ---------- Header ------------------------------------------------------ */

/* Home page: header logo hidden while the big name is on screen (see header-logo.js) */
.perillat-header :is(.perillat-wordmark, .perillat-wordmark-sub) {
	transition: opacity .5s var(--wp--custom--transition), transform .5s var(--wp--custom--transition), visibility 0s linear 0s;
}
.perillat-logo-js:not(.perillat-logo-shown) .perillat-header :is(.perillat-wordmark, .perillat-wordmark-sub) {
	opacity: 0;
	transform: translateY(-6px);
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s var(--wp--custom--transition), transform .3s var(--wp--custom--transition), visibility 0s linear .3s;
}
@media (prefers-reduced-motion: reduce) {
	.perillat-header :is(.perillat-wordmark, .perillat-wordmark-sub) { transition: none !important; transform: none !important; }
}



.wp-site-blocks > header.wp-block-template-part,
.editor-styles-wrapper > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
@media (min-width: 600px) and (max-width: 782px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; }
}
@media (min-width: 783px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
}

.perillat-header {
	background-color: color-mix(in srgb, var(--wp--preset--color--base) 86%, transparent);
	-webkit-backdrop-filter: saturate(140%) blur(14px);
	backdrop-filter: saturate(140%) blur(14px);
}

.perillat-header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	padding: var(--wp--preset--spacing--40);
}
.perillat-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	gap: var(--wp--preset--spacing--30);
}
.perillat-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--display);
	font-size: 2rem;
	letter-spacing: 0.01em;
	text-transform: none;
}

/* Underline that grows on hover for nav + footer links */
.wp-block-navigation .wp-block-navigation-item__content { position: relative; }
.wp-block-navigation .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -6px;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .45s var(--wp--custom--transition);
}
.wp-block-navigation .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* ---------- Block styles ----------------------------------------------- */

.is-style-perillat-eyebrow {
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	line-height: 1.7 !important;
}
.is-style-perillat-eyebrow:not(.has-text-color) { color: var(--wp--preset--color--muted); }

/* Artwork image: linked images zoom softly inside their frame; others brighten */
.wp-block-image.is-style-perillat-artwork img {
	display: block;
	width: 100%;
	transition: transform 1.2s var(--wp--custom--transition), filter .8s var(--wp--custom--transition);
}
.wp-block-image.is-style-perillat-artwork a { display: block; overflow: hidden; }
.wp-block-image.is-style-perillat-artwork a:hover img { transform: scale(1.035); }
.wp-block-image.is-style-perillat-artwork:hover img { filter: brightness(1.08); }

@media (min-width: 782px) {
	.wp-block-columns.is-style-perillat-reverse { flex-direction: row-reverse; }
}

.is-style-perillat-hairline { border: 1px solid var(--wp--preset--color--border); }

.wp-block-button.is-style-perillat-text-link .wp-block-button__link {
	background: transparent !important;
	color: inherit !important;
	border: 0;
	border-bottom: 1px solid currentColor;
	padding: 0 0 0.45em 0;
}
.wp-block-button.is-style-perillat-text-link .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.8em;
	transition: transform .35s var(--wp--custom--transition);
}
.wp-block-button.is-style-perillat-text-link .wp-block-button__link:hover {
	color: var(--wp--preset--color--accent-2) !important;
}
.wp-block-button.is-style-perillat-text-link .wp-block-button__link:hover::after { transform: translateX(4px); }

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border-color: color-mix(in srgb, var(--wp--preset--color--contrast) 45%, transparent);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
}

/* Artwork details list: hairline rows, label + value */
.wp-block-list.is-style-perillat-details {
	list-style: none;
	padding-left: 0 !important;
	margin-left: 0;
	border-top: 1px solid var(--wp--preset--color--border);
}
.wp-block-list.is-style-perillat-details li {
	padding: 0.85em 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	margin: 0;
}
.wp-block-list.is-style-perillat-details li strong {
	display: inline-block;
	min-width: 11em;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

/* ---------- Components ---------------------------------------------------- */

.perillat-index {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--wp--preset--color--accent-2);
}

/* Linked headings (catalogue, cards) read as titles, not hyperlinks */
.wp-block-heading a { text-decoration: none; }
.wp-block-heading a:hover { color: var(--wp--preset--color--accent-2); }

/* Sections butt together; spacing is handled by each section's padding */
body .wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }

/* Wordmark (header + footer) */
.perillat-wordmark {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: 0.035em;
	line-height: 1;
	margin: 0;
}
.perillat-wordmark--large { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.375rem); }
.perillat-wordmark a { text-decoration: none; color: inherit; }
.perillat-wordmark a:hover { color: var(--wp--preset--color--accent-2); }
.perillat-wordmark-sub { margin: 0; font-size: 0.6875rem !important; }

.perillat-hero .wp-block-heading { margin-top: 0.15em; }
.perillat-hero-image img { width: 100%; }

.perillat-lead-quote { line-height: 1.35; font-weight: 400; }

.perillat-status { color: var(--wp--preset--color--accent-2) !important; }

/* Catalogue images keep their true proportions, but never get taller than the screen */
.perillat-catalogue-image img {
	width: auto !important;
	max-width: 100%;
	max-height: 80vh;
	margin-inline: auto;
}
.wp-block-image.perillat-catalogue-image { background: transparent; text-align: center; }

/* Details column stays in view beside the main photograph */
@media (min-width: 782px) {
	.wp-block-column.perillat-sticky {
		position: sticky;
		top: 120px;
		align-self: flex-start;
	}
}

.perillat-footer-nav { font-size: var(--wp--preset--font-size--small) !important; letter-spacing: 0.04em !important; text-transform: none !important; }

.perillat-card .wp-block-heading a { text-decoration: none; }
.perillat-card .wp-block-heading a:hover { color: var(--wp--preset--color--accent-2); }

.perillat-catalogue-row + .perillat-catalogue-row {
	border-top: 1px solid var(--wp--preset--color--border);
}

/* Images sit on a charcoal ground while loading */
.wp-block-image img,
.wp-block-gallery img,
.wp-block-post-featured-image img { background-color: var(--wp--preset--color--surface); }

.wp-block-image figcaption,
.wp-block-gallery figcaption { margin-top: 0.9em; }

/* Gallery captions overlaid by core look heavy on art — keep them below */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: none;
	position: static;
	padding: 0.6em 0 0;
	color: var(--wp--preset--color--muted);
	text-align: left;
}

/* Lightbox: match the gallery */
.wp-lightbox-overlay .scrim { background-color: var(--wp--preset--color--base) !important; opacity: .97 !important; }

/* Older (pre-2021) galleries already on the site's sculpture pages */
.wp-block-gallery .blocks-gallery-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.wp-block-gallery .blocks-gallery-item {
	list-style: none;
	margin: 0;
	flex: 1 1 calc(50% - var(--wp--preset--spacing--20));
	max-width: calc(50% - var(--wp--preset--spacing--20) / 2);
}
.wp-block-gallery.columns-3 .blocks-gallery-item {
	flex-basis: calc(33.333% - var(--wp--preset--spacing--20));
	max-width: calc(33.333% - var(--wp--preset--spacing--20) * 2 / 3);
}
.wp-block-gallery .blocks-gallery-item figure { margin: 0; height: 100%; }
.wp-block-gallery .blocks-gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
@media (max-width: 600px) {
	.wp-block-gallery .blocks-gallery-item,
	.wp-block-gallery.columns-3 .blocks-gallery-item { flex-basis: 100%; max-width: 100%; }
}
.wp-block-post-content > .wp-block-group .wp-block-group__inner-container { display: contents; }

/* Forms (e.g. WPForms on the contact page) */
:where(.wp-block-post-content) input[type="text"],
:where(.wp-block-post-content) input[type="email"],
:where(.wp-block-post-content) input[type="tel"],
:where(.wp-block-post-content) textarea,
:where(.wp-block-post-content) select {
	background: var(--wp--preset--color--surface) !important;
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: 0 !important;
	color: var(--wp--preset--color--contrast) !important;
	padding: 0.9em 1em !important;
	font: inherit;
	max-width: 100% !important;
}
:where(.wp-block-post-content) input:focus,
:where(.wp-block-post-content) textarea:focus {
	border-color: var(--wp--preset--color--accent) !important;
	outline: none;
	box-shadow: none !important;
}
:where(.wp-block-post-content) label,
:where(.wp-block-post-content) .wpforms-field-label {
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 500 !important;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted) !important;
}
:where(.wp-block-post-content) button[type="submit"],
:where(.wp-block-post-content) input[type="submit"] {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 1.05em 2.2em !important;
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 500 !important;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	cursor: pointer;
	height: auto !important;
}
:where(.wp-block-post-content) button[type="submit"]:hover,
:where(.wp-block-post-content) input[type="submit"]:hover {
	background: var(--wp--preset--color--accent-2) !important;
}

/* Full-width page sections (Home and Sculptures pages) sit flush, like the template sections did. */
.wp-block-post-content.perillat-sections > * { margin-block-start: 0; margin-block-end: 0; }

/* ---------- Automatic sculpture lists (catalogue, Selected Works) and details ---------- */

/* Featured images styled like artwork images */
.wp-block-post-featured-image.perillat-artwork { margin: 0; }
.wp-block-post-featured-image.perillat-artwork img {
	display: block;
	transition: transform 1.2s var(--wp--custom--transition), filter .8s var(--wp--custom--transition);
}
.wp-block-post-featured-image.perillat-artwork a { display: block; overflow: hidden; }
.wp-block-post-featured-image.perillat-artwork a:hover img { transform: scale(1.035); filter: brightness(1.08); }
.wp-block-post-featured-image.perillat-catalogue-image { text-align: center; }
.wp-block-post-featured-image.perillat-catalogue-image a { display: inline-block; max-width: 100%; }

/* Titles in lists read as titles, not hyperlinks */
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { color: var(--wp--preset--color--accent-2); }

/* Empty fields simply disappear */
.perillat-catalogue p:empty,
.perillat-selected p:empty,
.perillat-spec:has(.perillat-spec-value:empty) { display: none; }

/* Catalogue rows: hairline between works, image side alternates on desktop */
.perillat-catalogue .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
.perillat-catalogue .wp-block-post { margin: 0; }
.perillat-catalogue .wp-block-post + .wp-block-post .perillat-catalogue-row { border-top: 1px solid var(--wp--preset--color--border); }
@media (min-width: 782px) {
	.perillat-catalogue .wp-block-post:nth-child(even) .perillat-catalogue-columns { flex-direction: row-reverse; }
}
.perillat-catalogue-specs p { margin: 0; }
.perillat-catalogue .wp-block-post-excerpt__excerpt { margin: 0; }
.perillat-catalogue .wp-block-post-excerpt { margin-block: var(--wp--preset--spacing--20) 0; }

/* "View the work" link (Read More block) */
.wp-block-read-more.perillat-read-more {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 0.45em;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
}
.wp-block-read-more.perillat-read-more::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.8em;
	transition: transform .35s var(--wp--custom--transition);
}
.wp-block-read-more.perillat-read-more:hover { color: var(--wp--preset--color--accent-2); }
.wp-block-read-more.perillat-read-more:hover::after { transform: translateX(4px); }

/* Selected Works cards: "1990 · Manzanita" */
.perillat-card-meta p { margin: 0; }
.perillat-card-meta p:not(:empty) + p:not(:empty)::before { content: "\00B7"; margin: 0 0.6em; }

/* Sculpture page: details line under the title */
.perillat-specs {
	border-top: 1px solid var(--wp--preset--color--border);
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-block: var(--wp--preset--spacing--30);
	row-gap: var(--wp--preset--spacing--30) !important;
}
.perillat-spec p { margin: 0; }
.perillat-spec-value { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--contrast); }
.perillat-spec:last-child .perillat-spec-value { color: var(--wp--preset--color--accent-2); }

/* Home page featured sculpture caption: "Woodwind · 2020 · Manzanita, bronze…" */
.perillat-hero-spotlight .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
/* Home page featured photo, centred in its column.
   Default size: 85% of the column (and of the screen height for tall works).
   To change it, click the photo in the editor → block settings → Width
   (e.g. 70%, 100%); that setting replaces this default. */
.wp-block-post-featured-image.perillat-hero-image { text-align: center; margin: 0; }
.wp-block-post-featured-image.perillat-hero-image a { display: block; }
.wp-block-post-featured-image.perillat-hero-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}
.wp-block-post-featured-image.perillat-hero-image img:not([style*="width:"]) {
	max-width: 85%;
	max-height: min(66vh, 765px);
}
.wp-block-post-featured-image.perillat-hero-image a:hover img { transform: none; }
.perillat-hero-caption {
	margin-top: 0.9em;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.08em;
	line-height: 1.6;
	text-align: center;
}
.perillat-hero-caption > * { margin: 0; font-size: inherit !important; font-family: inherit; letter-spacing: inherit; line-height: inherit; }
.perillat-hero-caption .wp-block-post-title { font-style: italic; }
.perillat-hero-caption .wp-block-post-title a { color: inherit; }
.perillat-hero-caption p:empty { display: none; }
.perillat-hero-caption > :not(:empty) ~ :not(:empty)::before { content: "\00B7"; margin: 0 0.6em; font-style: normal; display: inline-block; }
/* Dimensions sit on their own line under title · year · materials */
.perillat-hero-caption > .perillat-hero-dims { flex-basis: 100%; text-align: center; }
.perillat-hero-caption > .perillat-hero-dims::before { content: none !important; }

/* Editing hints show only inside the editor */
.perillat-editor-hint { display: none; }
.editor-styles-wrapper .perillat-editor-hint { display: block; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); border: 1px dashed var(--wp--preset--color--border); padding: 2rem; }

/* Sculpture subtitle, under the title (Sculpture details → Subtitle) */
.perillat-subtitle {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.3;
	color: var(--wp--preset--color--muted);
	margin-block: 0.35rem 0 !important;
}
.wp-block-post-title.has-xx-large-font-size + .perillat-subtitle { font-size: var(--wp--preset--font-size--x-large); margin-top: 0.5rem !important; }

/* ---------- Long-form page text (Biography, Artist Statement) -----------
   The original pages set whole paragraphs as small headings inside a quote
   block. Inside page content, those read as normal, easy body text. */
.wp-block-post-content .wp-block-quote:has(h5, h6) {
	border: 0;
	padding: 0;
	margin-inline: 0;
	font-family: var(--wp--preset--font-family--body);
	font-style: normal;
	font-size: var(--wp--preset--font-size--medium);
}
.wp-block-post-content :is(h5, h6) {
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 1.8;
	text-transform: none;
	color: color-mix(in srgb, var(--wp--preset--color--contrast) 88%, var(--wp--preset--color--base));
	margin-block: 0 1.25em;
}
.wp-block-post-content :is(h5, h6) :is(em, i) { font-style: italic; }
.wp-block-post-content :is(h5, h6) :is(strong, b) { font-weight: 500; color: var(--wp--preset--color--contrast); }

/* ---------- Inquiry form (built-in, see blocks/inquiry-form) ------------- */

#inquire { scroll-margin-top: 5.5rem; }
.admin-bar #inquire { scroll-margin-top: 7.5rem; }

.perillat-inquiry-form { margin: 0; }
.perillat-inquiry__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}
.perillat-inquiry__field { margin: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.perillat-inquiry__field.is-full { grid-column: 1 / -1; }
@media (max-width: 640px) {
	.perillat-inquiry__grid { grid-template-columns: minmax(0, 1fr); }
}
.perillat-inquiry label {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.perillat-inquiry label span { text-transform: none; letter-spacing: 0; opacity: .75; }
.perillat-inquiry input[type="text"],
.perillat-inquiry input[type="email"],
.perillat-inquiry input[type="tel"],
.perillat-inquiry textarea {
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font: inherit;
	font-size: var(--wp--preset--font-size--medium);
	padding: 0.45em 0 0.6em;
	transition: border-color .25s ease;
}
.perillat-inquiry textarea { resize: vertical; min-height: 9em; line-height: 1.6; }
.perillat-inquiry input::placeholder,
.perillat-inquiry textarea::placeholder { color: var(--wp--preset--color--muted); opacity: .6; }
.perillat-inquiry input:focus,
.perillat-inquiry textarea:focus {
	outline: none;
	border-bottom-color: var(--wp--preset--color--accent-2);
}
.perillat-inquiry input:-webkit-autofill {
	-webkit-text-fill-color: var(--wp--preset--color--contrast);
	-webkit-box-shadow: 0 0 0 100px var(--wp--preset--color--surface) inset;
}
.perillat-inquiry__actions { margin-top: var(--wp--preset--spacing--40); }
.perillat-inquiry button[type="submit"] { cursor: pointer; }
.perillat-inquiry button[type="submit"]:disabled { opacity: .6; cursor: progress; }
.perillat-inquiry__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.perillat-inquiry__notice {
	border: 1px solid var(--wp--preset--color--border);
	border-left: 2px solid var(--wp--preset--color--accent);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--40);
}
.perillat-inquiry__notice p { margin: 0; }
.perillat-inquiry__notice.is-success { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--x-large); line-height: 1.3; }
.perillat-inquiry__notice .perillat-inquiry__again { margin-top: 1rem; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); }
.perillat-inquiry__notice.is-error { color: var(--wp--preset--color--contrast); border-left-color: #c0574b; }
.perillat-inquiry__noscript { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }

/* ---------- Gentle reveal on scroll (modern browsers, motion allowed) ---- */

@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		body:not(.wp-admin) .wp-site-blocks .perillat-reveal {
			animation: perillat-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 40%;
		}
		@keyframes perillat-rise {
			from { opacity: 0; transform: translateY(28px); }
			to   { opacity: 1; transform: none; }
		}
	}
}
