/*
Theme Name: InFrame
Theme URI: https://inframe.studio
Author: Szymon Krawczyk
Description: Custom portfolio theme for InFrame technical 3D animation.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: inframe
*/

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background: #0b0b0c;
}

body:has(.inframe-actual) { overflow-x: clip; }
.inframe-actual section[id] { scroll-margin-top: 120px; }
.if-skip-link { position: fixed; top: -100px; left: 16px; z-index: 100000; padding: 14px 20px; background: #f1f1f2; color: #0b0b0c; font: 700 16px Arial, sans-serif; }
.if-skip-link:focus { top: 48px; }
.if-not-found { box-sizing: border-box; max-width: 1000px; min-height: 100vh; margin: auto; padding: 80px 24px; color: #f1f1f2; font-family: 'Exo 2', Arial, sans-serif; }
.if-not-found a { color: inherit; text-underline-offset: 6px; }
.if-not-found h1 { font-size: clamp(28px, 5vw, 48px); line-height: 1.2; }
.if-not-found__code { margin: 64px 0 0; color: #e32433; font-size: clamp(80px, 18vw, 160px); font-weight: 700; line-height: 1; }
.if-not-found__back { display: inline-block; margin-top: 32px; padding: 16px 0; }

.inframe-default-content {
	width: min(1100px, calc(100% - 40px));
	margin: 0 auto;
	padding: 80px 0;
	background: #fff;
	color: #111;
}