/*
 Theme Name:   Azuma Collections
 Theme URI:    https://azumacollections.com/
 Description:  Bricks child theme for the Azuma Collections website.
 Author:       Arthur Immanuel Sidjabat
 Author URI:   https://arthurimmanuelsidjabat.github.io/
 Template:     bricks
 Version:      1.2
 Text Domain:  azuma
*/

@font-face {
	font-family: "Edict Display";
	src: url("assets/fonts/edict-display-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Suisse Intl";
	src: url("assets/fonts/suisse-intl-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

html {
	-webkit-text-size-adjust: 100%;
	overflow-x: clip;
}

body {
	background: var(--color-cream);
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: var(--fs-14);
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	overflow-x: clip;
}

:focus-visible {
	outline: 1px solid;
	outline-offset: 4px;
}

/* Only regular faces are loaded, so a heavier heading would render as synthetic bold. */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

/* Lenis 1.3.27 */
html.lenis,
html.lenis body {
	height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
	overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete;
}

/* Page transitions */
#brx-content,
#brx-footer {
	animation: .4s backwards page-in;
}

@keyframes page-in {
	0% {
		opacity: 0;
	}
}

html.is-page-leaving #brx-content,
html.is-page-leaving #brx-footer {
	opacity: 0;
	transition: opacity .4s;
}

.text-uppercase {
	text-transform: uppercase;
}

/* Scroll reveals. The azuma-js class keeps content visible when JavaScript is off, and in the builder. */
html.azuma-js [data-reveal=text]:not([data-revealed]) {
	opacity: 0;
	translate: 0 15px;
}

[data-reveal=text][data-revealed]:not([data-reveal-done]) {
	transition: opacity 1s var(--ease-text) var(--reveal-delay, 0s), translate 1s var(--ease-text) var(--reveal-delay, 0s);
	translate: 0;
}

html.azuma-js [data-reveal=fade]:not([data-revealed]) {
	opacity: 0;
}

[data-reveal=fade][data-revealed]:not([data-reveal-done]) {
	transition: opacity 1.2s var(--ease-image) var(--reveal-delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
	#brx-content,
	#brx-footer {
		animation: none;
	}

	html.is-page-leaving #brx-content,
	html.is-page-leaving #brx-footer {
		transition: none;
	}

	html.azuma-js [data-reveal]:not([data-revealed]) {
		opacity: 0;
		translate: none;
	}

	[data-revealed]:not([data-reveal-done]) {
		transition: opacity .3s !important;
	}
}