/**
 * CSS
 * @version 0.1
 * @author Ozhan Binici
 * last update: 2026.08.09
 * 

Questa Slab light
font-family: "questa-slab", serif;
font-weight: 300;
font-style: normal;

Questa Slab light italic
font-family: "questa-slab", serif;
font-weight: 300;
font-style: italic;

Questa Slab regular
font-family: "questa-slab", serif;
font-weight: 400;
font-style: normal;

Questa Slab italic
font-family: "questa-slab", serif;
font-weight: 400;
font-style: italic;

Questa Slab medium
font-family: "questa-slab", serif;
font-weight: 500;
font-style: normal;

Questa Slab medium italic
font-family: "questa-slab", serif;
font-weight: 500;
font-style: italic;

Zubtrak Stencil regular
font-family: "zubtrak-stencil", sans-serif;
font-weight: 400;
font-style: normal;

Early Sans Variable light
font-family: "early-sans-variable", sans-serif;
font-weight: 300;
font-style: normal;

Early Sans Variable light italic
font-family: "early-sans-variable", sans-serif;
font-weight: 300;
font-style: italic;

Early Sans Variable regular
font-family: "early-sans-variable", sans-serif;
font-weight: 400;
font-style: normal;

Early Sans Variable regular italic
font-family: "early-sans-variable", sans-serif;
font-weight: 400;
font-style: italic;

Early Sans Variable medium
font-family: "early-sans-variable", sans-serif;
font-weight: 500;
font-style: normal;

Early Sans Variable medium italic
font-family: "early-sans-variable", sans-serif;
font-weight: 500;
font-style: italic;

Early Sans Variable bold
font-family: "early-sans-variable", sans-serif;
font-weight: 700;
font-style: normal;

Early Sans Variable bold italic
font-family: "early-sans-variable", sans-serif;
font-weight: 700;
font-style: italic;

Early Sans Variable black
font-family: "early-sans-variable", sans-serif;
font-weight: 900;
font-style: normal;

Early Sans Variable black italic
font-family: "early-sans-variable", sans-serif;
font-weight: 900;
font-style: italic;
*/


::selection {
	background: #000000;
	color:#ffebee;
}

* {
	-webkit-tap-highlight-color: transparent;
}

*:focus {
	outline:none;
}

:root {
	--screen-height:100vh;
	--screen-width:100vw;
}

@supports(height: 100dvh) {
	:root {
		--screen-height:100dvh;
	}
}
/*
@supports(width: 100dvw) {
	:root {
		--screen-width:100dvw;
	}
}
*/
sup {
	line-height:0.6rem;
}

html {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	-webkit-overflow-scrolling:touch;

	font-size:1px;
	
	scroll-behavior: smooth;
}

body {
	width: 100%;
	max-width:none;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	background-color:#ffebee;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size: 34rem;
	line-height: 48rem;
	font-family: "questa-slab", sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	color: #2A2A2A;
}

.container {
	width:100%;
	margin:0 auto;
	padding:0rem;
	display:flex;
}

header {
	position:relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0rem;
	display:block;
	padding:0px;
	z-index:100;
	background:#ffebee;
	width:100%;
	height:auto;
}

nav {
	width:100%;
	display:flex;
	padding:0 90rem;
}

nav > ol {
	width:100%;
	display:flex;
}

nav > ol > li:nth-child(1){
	width:300rem;
}

nav:has(li:hover){
	background-color:#e2f3eb;
}
nav li a.menu-item {
	margin-top:91rem;
	font-family:"early-sans-variable", sans-serif;
	font-size:32rem;
	line-height:40rem;
	color:#000000;
	display:block;
}

nav li ol {
	margin-top:19rem;
	margin-bottom:31rem;
}
nav li a.sub-menu-item {
	font-family:"questa-slab", serif;
	font-size:28rem;
	line-height:48rem;
	color:#000000;
	display:inline-block;
}

nav li a.sub-menu-item:hover {
	color:#05299e;
}

nav li:hover a.menu-item {
	color:#05299e;
}

nav li ol {
	display:none;
}
nav li:hover ol {
	display:block;
}

nav li a#logo {
	width:170rem;
	height:auto;
	display:block;
	margin-top:32rem;
}

nav li a#logo img {
	width:100%;
	height:auto;
}

footer {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

footer > .container {
	padding:18rem;
}


footer p {
	font-size:24rem;
	line-height:40rem;
	font-weight:400;
	font-family:"early-sans-variable", sans-serif;
	margin: 0 auto;
}

@media (hover:none) {
	/*
	.works a.work .card .inner {
		opacity:1;
	}
	*/
}

@media screen and (orientation:portrait) {
	/*
	body.home .swiper.horizontal {
		display:none !important;
	}
	body.home .swiper.vertical {
		display:block !important;
	}
	*/
}
@media (max-width:520px){
	
}