/*
Theme Name: Magayon
Theme URI: https://magayon.local
Author: Codex
Description: Minimal WordPress theme that shows only the site logo centered on the homepage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: magayon
*/

:root {
	--magayon-background: #ffffff;
	--magayon-text: #111111;
	--magayon-padding: clamp(24px, 4vw, 48px);
	--magayon-logo-width: min(92vw, 880px);
	--magayon-logo-height: min(84vh, 560px);
}

* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	min-height: 100%;
}

body {
	background: var(--magayon-background);
	color: var(--magayon-text);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.magayon-landing {
	min-height: 100svh;
	display: grid;
	place-items: center;
	padding: var(--magayon-padding);
}

.magayon-landing__inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.magayon-landing__logo {
	display: block;
	width: auto;
	height: auto;
	max-width: var(--magayon-logo-width);
	max-height: var(--magayon-logo-height);
}

.magayon-landing__text {
	font-size: clamp(2rem, 5vw, 4rem);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}