/**
 * CSS
 * @version 0.1
 * @author Ozhan Binici
 * last update: 2025.08.07
 * 
/**
 * CSS
 * @version 0.1
 * @author Ozhan Binici
 * last update: 2025.12.16
 * 
font-family: "archer-hairline-pro", sans-serif;
font-weight: 100;
font-style: normal;

font-family: "archer-hairline-pro", sans-serif;
font-weight: 100;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 100;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 100;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 200;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 200;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 300;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 400;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 500;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 600;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 600;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 700;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 800;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 800;
font-style: italic;

font-family: "archer-pro", sans-serif;
font-weight: 900;
font-style: normal;

font-family: "archer-pro", sans-serif;
font-weight: 900;
font-style: italic;

font-family: "archer-thin-pro", sans-serif;
font-weight: 100;
font-style: normal;

font-family: "archer-thin-pro", sans-serif;
font-weight: 100;
font-style: italic;


*/


::selection {
	background: #2A2A2A;
	color:#FFFFFF;
}

img::selection {
	background: transparent;
	color:inherit;
}

* {
	-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.6em;
}

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:#FFFFFF;
	background-color:#f0ede6;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size: 17rem;
	line-height: 24rem;
	font-family: "archer-pro", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	color: #2A2A2A;
}

/* COMMON ITEMS */

div {
	position:relative;
	display:block;
}

.container {
	width:100%;
	max-width:1358rem;
	max-width:1300rem;
	/*max-width:1418rem;*/
	margin:0 auto;
	padding:0 25rem;
	display:flex;
}

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


header > .container {
	padding-top:25rem;
	padding-bottom:0rem;
	padding-bottom:15rem;
}

header a#logo {
	position:relative;
	display:block;
	width:320rem;
	user-select: none;
	-webkit-user-select: none;
}

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

header nav {
	position:relative;
	display:flex;
	width:calc(100% - 370rem);
	margin-left:50rem;
}

#menu {
	position:relative;
	display:flex;
	user-select: none;
	-webkit-user-select: none;
	width:100%;
	overflow:hidden;
	/*gap:0px 2rem;*/
}

#menu a {
	position:relative;
	display:block;
	width:45rem;
	height:45rem;
	
	transition-property: color, background-color, filter, opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	
	width:auto;
	width:100%;
	
	color:#2A2A2A;
	padding:10rem 11rem;
	font-weight:600;
	white-space: nowrap;
	/*color: transparent;
	white-space: nowrap;
	font-size:1rem;*/
}




#menu a {
	background-color:var(--category-color);
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu:hover a,
#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
}

#menu a:hover,
#menu a.active {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

/*
#menu a.active {
	color:#FFFFFF;
}
*/

/*Version 1
#menu a {
	background-color:var(--category-color);
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
}

#menu a:hover,
#menu a.active {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}
*/

/* Version 2
#menu:hover a,
#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu:hover a,
#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu a:hover,
#menu a.active {
	background-color:#2A2A2A;
	color:var(--category-color);
}
*/


/* Version 3
#menu a {
	background-color:var(--category-color);
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu:hover a,
#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu a:hover,
#menu a.active {
	background-color:#2A2A2A;
	color:#FFFFFF;
}
*/

/* Version 4
#menu a {
	font-size:0px;
	width:45rem;
	transition-property: width, color, background-color, filter, opacity;
}

#menu a:hover,
#menu a.active {
	font-size:17px;
	width:auto;
}

#menu:hover a,
#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}
*/

#menu:has(.active) a {
	font-size:0px;
	width:45rem;
	transition-property: width, color, background-color, filter, opacity;
}



#menu:hover a {
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
}

#menu:has(.active) a {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}
#menu a:hover,
#menu a.active {
	font-size:17rem;
	width:auto;
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

#menu li:last-child {
	display:none;
}

#menu li:last-child a {
	background-color:#A5A7A9;
	background-color:#f0ede6;
	background-color:#D8D5CD;
	background-color:#FFFFFF;
	padding:5rem;
}

#menu li svg {
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
}
#menu li svg path {
	fill:#2A2A2A;
}


/*
#menu a:hover {
	filter: grayscale(100%);
}
*/

.social-menu {
	position:relative;
	display:flex;
	user-select: none;
	-webkit-user-select: none;
	margin-left:auto;
	margin-top:10rem;
	justify-content: center
}

footer .social-menu {
	display:none;
	margin-top:0rem;
	margin-bottom:10rem;
}

.social-menu a {
	position:relative;
	display:block;
	width:45rem;
	height:45rem;
	/* background-color:#F0F0F0;*/
}

.social-menu a img {
	opacity:0.5;
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.social-menu a:hover img {
	opacity:1;
}

main {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	padding:0rem;
	margin:0rem;
	
	min-height: calc(100vh - 165rem);
	min-height: calc(var(--screen-height) - 140rem);
	
	min-height: calc(100vh - 150rem);
	min-height: calc(var(--screen-height) - 150rem);
}

main > .container {
	padding-top:35rem;
	padding-top:20rem;
}

main .left-column {
	width:320rem;
	
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 105rem;
}

main .left-column .content {
	width:100%;
	background-color:#F0F0F0;
	background-color:#FFFFFF;
	padding:15rem 20rem;
}


main .left-column strong {
	font-weight:600;
}

main .left-column p a {
	color:#2A2A2A;
	text-decoration:underline;
	text-underline-offset:1.5rem;
}

main .left-column p a:hover {
	color:#889ba9;
	text-decoration:none;
}

main .left-column a.register {
	background-color:#FFFFFF;
	background-color:#D8D5CD;
	width:100%;
	text-align:center;
	padding:8rem 10rem 10rem 10rem;
	color:#2A2A2A;
	position:relative;
	display:block;
	font-weight:600;
	text-decoration:none;
	
	
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

main .left-column a.register:hover {
	background-color:#889BA9;
	background-color:#2A2A2A;
	color:#FFFFFF;
}

main .main-column {
	width:calc(100% - 370rem);
	margin-left:50rem;
}

main p {
	margin-bottom:15rem;
}

main p strong,
.text h6 strong,
.text figcaption strong {
	font-weight:600;
}

main .left-column p:last-child {
	margin-bottom:5rem;
}

main .left-column p#links {
	display:flex;
	width:100%;
	gap:15rem;
	justify-content:center;
}

main#memed-erdener figcaption p {
	margin-bottom:5rem;
} 
/*
main p:last-child {
	margin-bottom:0rem;
}
*/

main .meta {
	border-top:1.5rem solid color-mix(in srgb, var(--category-color) 70%, transparent);
	border-bottom:1.5rem solid color-mix(in srgb, var(--category-color) 70%, transparent);
	padding:5rem 30rem 7rem 0;
}

main .meta .share {
	top:50%;
	transform:translateY(-50%);
}


main .meta p {
	font-size:15rem;
	line-height:20rem;
	font-weight:500;
	color:var(--category-color);
	margin:0rem;
}

main .meta p span {
	display:inline-block;
}

main .archive .meta {
	border-top:1.5rem solid color-mix(in srgb, #2A2A2A 70%, transparent);
	border-bottom:1.5rem solid color-mix(in srgb, #2A2A2A 70%, transparent);
}
main .archive .meta p {
	color:#2A2A2A;
}


.meta .share svg {
	opacity:1;
}

main .archive .meta .share svg {
	opacity:0.35;
}

main .archive .meta .share svg:hover {
	opacity:1;
}

.meta .share svg path {
	fill:var(--category-color);
}

.meta .share svg:hover path {
	fill:#2A2A2A;
}

.meta .share ul li a {
	color:var(--category-color);
}

main h1 {
	font-size:56rem;
	line-height:60rem;
	font-weight:900;
	margin-bottom:20rem;
}

main h3 {
	font-size:24rem;
	line-height:28rem;
	font-weight:700;
	color:#2A2A2A;
	margin-bottom:15rem;
}

main h4 {
	font-size:20rem;
	line-height:24rem;
	font-weight:600;
	color:var(--category-color);
}

main p a {
	color:var(--category-color);
}

main p a:hover {
	text-decoration:underline;
	text-underline-offset:2rem;
}

main .archive p a {
	text-decoration:underline;
	text-underline-offset:1.5rem;
}

main .archive p a:hover {
	color:var(--category-color);
	color:#889ba9;
	text-decoration:none;
}

main .text {
	margin-bottom:15rem;
	margin-bottom:30rem;
}

main .text a {
	color:var(--category-color);
	text-decoration:underline;
	text-underline-offset:1.5rem;
}

main .text a:hover {
	text-decoration:none;
}


main .main-column .swiper-slide picture {
	display:block;
	width:100%;
	height:auto;
	cursor:zoom-in;
}

main .main-column .video-holder {
	width:100%;
	height:auto;
	margin-bottom:15rem;
	background-color:#958AA1;
	padding:10rem;
}
main .main-column .video-holder iframe {
	aspect-ratio: 16 / 9;
	width: 100% !important;
	position:relative;
	display:block;
}

main .main-column picture img {
	width:100%;
	height:auto;
}

main .main-column pre {
	font-size: 19rem;
	line-height: 26rem;
	font-weight: 500;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
	/*margin-bottom:15rem;*/
	margin-bottom:5rem;
	position: relative;
	display: block;
	font-style:italic;
	white-space:normal;
	font-family: "archer-pro", sans-serif;
	color:#2A2A2A;
	color:var(--category-color);
	/*background-color:#FFFFFF;
	padding:5rem 10rem;*/
}

main .main-column pre + p {
	color:var(--category-color);
	font-weight:600;
}

main .main-column pre:before {
	content:"“";
}

main .main-column pre:after {
	content:"”";
}

main .text figure {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0px 0px 15rem 0px;
}

main#memed-erdener .text figure {
	margin-bottom:0rem;
} 

main .text p img.half-size,
main .text figure img.half-size,
main .text p > a:has(img.half-size),
main .text figure > a:has(img.half-size) {
	width:50%;
}

main .text p img.one-third-size,
main .text figure img.one-third-size,
main .text p > a:has(img.one-third-size),
main .text figure > a:has(img.one-third-size) {
	width:33.33%;
}

main .text p > a img.half-size,
main .text figure > a img.half-size,
main .text p > a img.one-third-size,
main .text figure > a img.one-third-size {
	width:100%;
}

main .text p img.full-size,
main .text figure img.full-size {
	width:100%;
}

main .text figure:has(.half-size),
main .text figure:has(.one-third-size) {
	display:flex;
}

main .text figure figcaption {
	font-size:15rem;
	line-height:20rem;
}

main .text figure:has(.half-size) figcaption,
main .text figure:has(.one-third-size) figcaption {
	padding-left:15rem;
	margin-top:auto;
}

main .text figure:has(.full-size) figcaption {
	margin-top:5rem;
}

main .text p:has(iframe) {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

main .text p:has(iframe) iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

main .text table {
	display:block;
}

main .text table tr {
	display:flex;
	gap:20rem;
}

main .text table td {
	width:100% !important;
}

main .text table img {
	width:auto;
	height:300rem;
}

h6 {
	font-weight:400;
	font-size:15rem;
	line-height:20rem;
	margin-top:-10rem;
	margin-bottom:15rem;
}

main #books {
	margin-bottom:15rem;
	margin-bottom:30rem;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:20rem;
}

main #books .book-row {
	display:flex;
	align-items:flex-start;
	gap:20rem;
	flex: 0 0 100%;
	width: 100%;
}

main #books .book {
	width:calc(50% - 10rem);
	display:flex;
}

main #books .book img {
	height:300rem;
	width:auto;
}

main #books .book p {
	margin-left:15rem;
	width:auto;
	font-size: 15rem;
	line-height: 20rem;
	margin-top:auto;
	margin-bottom:0rem;
}

main #books .book p strong {
	font-weight:600;
}

main #books .book p span {
	display:inline-block;
}
main #calisma-konusu,
main #archive {
	margin-bottom:15rem;
	margin-bottom:25rem;
	scroll-margin-top: 105rem;
}

main #form {
	scroll-margin-top: 105rem;
}

main #calisma-konusu h4 {
	padding:3rem 10rem 5rem 10rem;
	display:inline-block;
	background-color:var(--category-color);
	color:#FFFFFF;
}

main #calisma-konusu p {
	background-color:#FFFFFF;
	padding:5rem 10rem 10rem 10rem;
}

main #calisma-konusu p + p {
	padding-top:0rem;
}
main #calisma-konusu p {
	margin-bottom:0rem;
}

main #works {
	display:flex;
	flex-wrap:wrap;
	gap:20rem;
	margin-bottom:20rem;
}

main #works figure {
	background-color:#FFFFFF;
	width:calc(50% - 10rem);
	padding:0rem;
	margin-bottom:auto;
	position:relative;
	scroll-margin-top:105rem;
}

main #works figure > a {
	display:block;
}

main #works figure img {
	padding:0rem;
	aspect-ratio:1;
	object-fit:contain;
}

main #works figure .video-container {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	display:flex;
	align-items: center;
	justify-content: center;
}

main #works figure .video-container video {
	display:block;
	flex-shrink: 0;
	max-width:100%;
	height:auto;
}

main #works figure .video-container video.vertical {
	max-width:none;
	max-height:100%;
	width:auto;
}

main #works figure figcaption {
	color:#2A2A2A;
	font-size: 15rem;
	line-height: 20rem;
	font-weight: 500;
	text-align:center;
	background-color:#f0ede6;
	padding:10rem 0;
	position:relative;
}

main #works figure figcaption a {
	color:#2A2A2A;
}

main #works figure figcaption a:hover {
	color:var(--category-color);
}
/*
main #works figure figcaption ul li a {
	color:#2A2A2A;
}
*/
main #topics {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	gap:10rem;
}

main #topics li a {
	color:#2A2A2A;
	font-weight:500;
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
	padding:3rem 10rem 5rem 10rem;
	display:block;
	
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

main #topics li a:hover {
	background-color:color-mix(in srgb, var(--category-color) 90%, transparent);
}

main #topics li a.passive {
	opacity:0.5;
	pointer-events:none;
}

main#section #topics li {
	display:none;
}

main#section #topics li:has(.ben-nedir) {
	display:block;
}


main #participants {
	display:block;
	width:100%;
	columns:4;
}

main #participants li a {
	color:#2A2A2A;
	font-weight:500;
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
	padding:3rem 10rem 5rem 0rem;
	display:block;
	display:inline-block;
	
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

main #participants li span {
	color:#2A2A2A;
	font-weight:500;
	background-color:color-mix(in srgb, var(--category-color) 50%, transparent);
	padding:3rem 10rem 5rem 0rem;
	display:block;
	
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	
	opacity:0.5;
}

main #participants li a:hover {
	text-decoration:underline;
	text-underline-offset:2rem;
}

main #participants li a.passive {
	opacity:0.5;
	pointer-events:none;
}

.share {
	position:absolute;
	right:0rem;
	top:6.5rem;
	width:30rem;
	height:auto;
	padding:5rem;
	display:block;
	cursor:pointer;
}

.share.open ul {
	display:flex;
}

.share svg {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	opacity:0.35;
	cursor:pointer;
}

.share.open {
	background-color:#FFFFFF;
}

.share svg:hover {
	opacity:1;
}

.share ul {
	position:absolute;
	display:none;
	flex-direction:row;
	top:0rem;
	right:30rem;
	width:auto;
	background-color:#FFFFFF;
	padding:5rem 5rem 7rem 8rem;
}


.share ul li {
	text-align:right;
}
.share ul li + li {
	margin-left:10rem;
}
.share ul li a {
	color:#2A2A2A;
	text-decoration:none;
	font-size:13rem;
	line-height:18rem;
	display:block;
	font-weight:500;
}
.share ul li a:hover {
	text-decoration: underline;
	text-underline-offset: 1.5rem;
	text-decoration-thickness: 1rem;
}

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

footer > .container {
	padding:25rem 50rem 25rem 395rem;
	padding:25rem 50rem 20rem 395rem;
	display:block;
}


footer p {
	font-size:16rem;
	line-height:20rem;
	font-weight:400;
}

#related-topics {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20rem;
	gap:20rem;
}

#related-topics .related-topic {
	display:flex;
	flex-wrap:nowrap;
	color:var(--category-color);
	align-items:center;
	width:calc(50% - 10rem);
	font-weight:500;
}

#related-topics .related-topic:hover span {
	text-decoration: underline;
	text-underline-offset: 1.5rem;
	text-decoration-thickness: 1.5rem;
}
#related-topics .related-topic svg {
	width:100rem;
	margin-right:10rem;
}

#related-topics .related-topic svg circle {
	fill:var(--category-color);
}

#classes {
	display:flex;
	flex-wrap:wrap;
	gap:20rem;
	margin-bottom:15rem;
}

#classes .class {
	width:calc(33.33% - 13.33rem);
	/*width:calc(50% - 13.33rem);*/
	background-color:var(--class-color);
	background-color:color-mix(in srgb, var(--class-color) 20%, transparent);
	display:flex;
	flex-direction:column;
}


#classes .class:last-child {
	width:100%;
}

#classes .class:last-child .circle {
	background-color:transparent;
	width:100%;
	height:auto;
	font-weight:500;
}

#classes .class:last-child .class-text {
	padding:10rem 50rem;
}

#classes .class:last-child .notice {
	display:none;
}
#classes .class .title {
	background-color:var(--class-color);
	text-align:center;
	padding:6rem 5rem 8rem 5rem;
	font-weight:600;
	font-size:20rem;
	line-height:24rem;
}

#classes .class .class-text {
	padding:10rem;
}

#classes .class .class-text p {
	margin-bottom:8rem;
	line-height:22rem;
	text-align:center;
}

#classes .class p.price {
	font-weight:500;
	padding:10rem 10rem 0 10rem;
	text-align:center;
	margin-bottom:0rem;
}

#classes .class .notice {
	padding:5rem 10rem 10rem 10rem;
	min-height:39rem;
}
#classes .class .notice p {
	font-style:italic;
	text-align:center;
	margin-bottom:0rem;
}

#classes .class a.register {
	background-color: var(--class-color);
	background-color: color-mix(in srgb, var(--class-color) 70%, transparent);
	text-align: center;
	padding: 6rem 5rem 8rem 5rem;
	font-weight: 500;
	font-size: 17rem;
	line-height: 24rem;
	text-decoration:none;
	display:block;
}

#classes .class a.register:hover {
	background-color:#2A2A2A;
	color: var(--class-color);
}

#classes .class .circle {
	background-color:var(--class-color);
	/*position:absolute;
	bottom:15rem;
	left:50%;
	transform:translateX(-50%);*/
	margin:auto auto 15rem auto;
	margin:auto auto 0 auto;
	width:100rem;
	height:100rem;
	border-radius:50%;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#classes .class .circle h3 {
	font-weight:600;
	margin-bottom:0rem;
	font-size:20rem;
	line-height:24rem;
	margin-top:-5rem;
}

.text.form h4 {
	padding: 3rem 10rem 5rem 10rem;
	display: inline-block;
	background-color: #D8D5CD;
	color: #2A2A2A;
	margin-bottom:0rem;
}

#registration-form {
	background-color: #FFFFFF;
	padding: 15rem 10rem 10rem 10rem;
}
#registration-form .row,
#newsletter-registration-form .row {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:15rem;
	align-items:baseline;
}

#newsletter-registration-form .row {
	margin-bottom:10rem;
}

#registration-form label {
	width:200rem;
	font-weight:500;
}

#newsletter-registration-form label {
	width:100%;
	font-weight:500;
	margin-bottom:5rem;
}

#registration-form input[type="text"],
#registration-form input[type="email"],
#registration-form input[type="tel"],
#newsletter-registration-form input[type="text"],
#newsletter-registration-form input[type="email"] {
	width:calc(100% - 240rem);
	/*max-width:400rem;*/
	font-size:17rem;
	line-height:24rem;
	font-family: "archer-pro", sans-serif;
	font-weight: 400;
	padding:4rem;
	background-color:#f0ede6;
}

#newsletter-registration-form input[type="text"],
#newsletter-registration-form input[type="email"] {
	width:100%;
}

#registration-form input[type="submit"],
#newsletter-registration-form input[type="submit"] {
	position:relative;
	display:block;
	background-color:#D8D5CD;
	width:200rem;
	padding:8rem 10rem 10rem 10rem;
	color:#2A2A2A;
	font-weight:600;
	text-decoration:none;
	transition-property:background-color;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	cursor:pointer;
	margin-left:200rem;
	margin-top:10rem;
	margin-top:0rem;
}
#newsletter-registration-form input[type="submit"] {
	margin-left:0rem;
	margin-top:10rem;
}
#registration-form input[type="submit"]:hover,
#newsletter-registration-form input[type="submit"]:hover {
	background-color:#2A2A2A;
	color:#FFFFFF;
}

#registration-form input[type="submit"].inactive,
#newsletter-registration-form input[type="submit"].inactive {
	pointer-events:none;
}

#registration-form .radio-container {
	display:flex;
	flex-direction:column;
	width:calc(100% - 200rem);
}

#registration-form .radio-container .radio-item {
	display:flex;
	align-items:baseline;
	width:100%;
	margin-bottom:5rem;
}

#registration-form .radio-container .radio-item label {
	width:auto;
	font-weight:400;
}

#registration-form .radio-container .radio-item strong {
	font-weight:600;
}

#registration-form input[type="radio"] {
	margin-right:5rem;
}

#registration-form input[type="checkbox"] {
	margin-right:5rem;
}

#registration-form label.newsletter-subscription {
	width:auto;
	font-weight:400;
}

#registration-form textarea {
	width:calc(100% - 240rem);
	font-size:17rem;
	line-height:24rem;
	font-family: "archer-pro", sans-serif;
	font-weight: 400;
	padding:4rem;
	height:150rem;
	background-color:#f0ede6;
}

#registration-form .row.error-response,
#newsletter-registration-form .row.error-response {
	display:none;
}
#registration-form .row.error-response label,
#newsletter-registration-form .row.error-response label {
	width:100%;
	font-weight:400;
}

#registration-form .row.error-response label span,
#newsletter-registration-form .row.error-response label span {
	color:#C23A3A;
	font-weight:500;
}

#registration-form.error .row.error-response,
#newsletter-registration-form.error .row.error-response {
	display:block;
}

#registration-form .row.error > label,
#newsletter-registration-form .row.error > label {
	color:#C23A3A;
}

#registration-form .row.success-response,
#newsletter-registration-form .row.success-response {
	display:none;
}

#registration-form .row.success-response label,
#newsletter-registration-form .row.success-response label {
	width:100%;
	font-weight:500;
	padding-left:200rem;
	color:#2F9670;
}

#newsletter-registration-form .row.success-response label {
	padding-left:0rem;
}

#registration-form.success .row.success-response,
#newsletter-registration-form.success .row.success-response {
	display:block;
}

#registration-form .row.fail-response,
#newsletter-registration-form .row.fail-response {
	display:none;
}

#registration-form .row.fail-response label,
#newsletter-registration-form .row.fail-response label {
	width:100%;
	font-weight:500;
	padding-left:200rem;
	color:#C23A3A;
}

#registration-form.fail .row.fail-response,
#newsletter-registration-form.fail .row.fail-response {
	display:block;
}

#newsletter-registration-container {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.8);
	background-color:rgba(240, 237, 230, 0.8);
	z-index:1000;
	display:none;
	align-items:center;
	justify-content:center;
}

#newsletter-registration-container .newsletter-registration-box {
	width:100%;
	max-width:350rem;
	height:auto;
	background-color:#FFFFFF;
	padding:10rem 15rem 10rem 15rem;
}

body.newsletter-registration-open #newsletter-registration-container {
	display:flex;
}

.newsletter-registration-box #closer {
	position:absolute;
	top:0rem;
	right:0rem;
	font-size:25rem;
	line-height:25rem;
	padding:2rem 10rem;
	color:#2A2A2A;
}

.newsletter-registration-box #closer:hover {
	color:#D8D5CD;
}

.newsletter-registration-box h3 {
	font-size:20rem;
	line-height:24rem;
	font-weight:600;
	margin-bottom:5rem;
}

.newsletter-registration-box p {
	margin-bottom:10rem;
}

@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:1320px){
	#menu a {
		font-size: 0px;
		width: 45rem;
	}
	
	#menu:hover a,
	#menu:has(.active) a {
		background-color:var(--category-color);
	}

	#menu a:hover,
	#menu a.active {
		background-color:var(--category-color);
	}
}

@media (max-width:960px){
	main .container {
		flex-wrap:wrap;
	}
	
	main .left-column {
		width:100%;
		margin-bottom:30rem;
		position:relative;
		top:auto;
		display:none;
	}
	
	header.about-open + main .left-column {
		display:block;
	} 
	
	header + main#ana-sayfa .left-column {
		display:block;
	}
	
	.left-column .social-menu {
		display:none;
	}
	
	footer .social-menu {
		display:flex;
	}
	
	footer p {
		text-align:center;
	}
	
	header.about-open + main#ana-sayfa .left-column {
		display:none;
	}
	
	main .main-column {
		margin-left:0rem;
		width:100%;
	}
	
	footer > .container {
		padding-left:25rem;
	}
	
	#menu li:last-child {
		display:block;
		flex:0 0 40rem;
		flex:1 1 0;
	}
	
	#menu li {
		flex:1 1 0;
		/*min-width:0;*/
	}
	#menu a,
	#menu:has(.active) a {
		width:auto;
	}
	
	#menu a:hover{
		font-size:0px;
	}
	#menu a.active:hover {
		font-size:17rem;
	}
	
	main #participants {
		columns:3;
	}
}

@media (max-width:760px){
	header a#logo {
		width:260rem;
	}
	
	#menu li a {
		font-size:0px;
		height:40rem;
		padding:7.5rem 10rem;
	}
	#menu li:has(.active) {
		flex:0 0 auto;
	}
	
	header nav {
		width:calc(100% - 300rem);
		margin-left:40rem;
	}
	
	main {
		min-height:calc(var(--screen-height) - 140rem);
	}
	
	main > .container {
		padding-top:10rem;
	}
	
	header .container {
		padding-top:20rem;
	}
}

@media (max-width:700px){
	
	header nav {
		width:100%;
		margin-top:15rem;
		margin-left:0rem;
	}
	
	#menu {
		width:100%;
	}
	#menu li:last-child {
		flex:0 0 40rem;
	}

	#menu a.active {
		color:#FFFFFF;
		color:#000000;
	}
	
	header > .container {
		padding-bottom:10rem;
		flex-wrap:wrap;
	}
	main {
		min-height:calc(var(--screen-height) - 186rem);
	}
	main #works figure {
		width:100%;
	}
	
	main #works figure a[data-fancybox] {
		pointer-events:none;
	}
	
	main #works figure img {
		padding:0rem;
		aspect-ratio:auto;
		object-fit:contain;
	}
	
	main #works figure .video-container {
		aspect-ratio: auto;
	}

	main #works figure .video-container video.vertical {
		max-width:100%;
		max-height:none;
	}
	
	main #works figure figcaption {
		padding:10rem 25rem;
	}
	
	.share {
		bottom:3.5rem;
		right:-5rem;
		right:0rem;
		bottom:auto;
		top:6.5rem;
	}
	
	main h1 {
		font-size:42rem;
		line-height:45rem;
	}
	
	main h1 br {
		display:none;
	}
	
	.container {
		padding:0 20rem;
	}
	main > .container {
		padding-top:10rem;
	}
	
	main .text p img.half-size,
	main .text figure img.half-size,
	main .text p > a:has(img.half-size),
	main .text figure > a:has(img.half-size) {
		width:100%;
	}
	
	main .text p img.one-third-size,
	main .text figure img.one-third-size,
	main .text p > a:has(img.one-third-size),
	main .text figure > a:has(img.one-third-size) {
		width:50%;
	}

	main .text p > a:has(img.one-third-size) img,
	main .text figure > a:has(img.one-third-size) img {
		width:100%;
	}

	main .text table img {
		width:auto !important;
		height:220rem;
	}
	main .text figure:has(.half-size) {
		display:block;
	}

	main .text figure:has(.half-size) figcaption {
		padding-left:0rem;
		margin-top:5rem;
	}
	
	main #books .book {
		flex-wrap:wrap;
		flex: var(--aspect-ratio) 1 0;
	}
	main #books .book a,
	main #books .book picture {
		width:100%;
	}
	
	main #books .book img {
		width:100%;
		height:auto;
	}
	
	
	main #books .book p {
		margin-left:0rem;
		margin-top:5rem;
	}
	
	main #books .book:only-child {
		flex: 0 0 100%;
		width: 100%;
		flex-wrap: nowrap;
	}
	
	main #books .book:only-child a,
	main #books .book:only-child picture {
		width: 50%;
	}
	
	main #books .book:only-child p {
		margin-left:15rem;
		margin-top:auto;
	}
	
	main #participants {
		columns:2;
	}
	
	#related-topics .related-topic {
		width:100%;
	}
	
	#classes .class {
		width:100%;
	}
	
	main #calisma-konusu,
	main #archive,
	main #form,
	main #works figure {
		scroll-margin-top: 131rem;
	}
	
	#registration-form .row:last-child {
		margin-bottom:0rem;
	}
	#registration-form .row label {
		width:100%;
		margin-bottom:5rem;
	}
	
	#registration-form .radio-container {
		width:100%;
	}
	
	#registration-form input[type="text"], 
	#registration-form input[type="email"], 
	#registration-form input[type="tel"] {
		width:100%;
	}
	
	#registration-form textarea {
		width:100%;
	}
	
	#registration-form .row.newsletter-subscription label:first-child {
		display:none;
	}
	#registration-form .row.newsletter-subscription label {
		width:auto;
	}
	
	#registration-form input[type="submit"] {
		margin-left:0rem;
	}
	
	#registration-form .row.success-response label {
		padding-left:0rem;
	}
	
	#classes .class .notice {
		min-height:auto;
	}
	

	#classes .class:last-child .class-text {
		padding:10rem;
	}
}

@media (max-width:420px){
	main .meta p br {
		display:none;
	}
}