/* default.css */
@media screen and (min-width: 920px) {
	header {
		width: var(--view);
		border-right-width: 4px;
		border-right-style: solid;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-right-radius: 100px;
		margin-left: calc(var(--view) - 4px);
		position: relative;
		padding: calc(var(--pad-m) - 2px) var(--pad-sm);
		z-index: 2;
	}
}

/* nav.css */
@media screen and (max-width: 920px) {
	header {
		margin: 0 !important;
		padding: 0 !important;
		border-right: 0 !important;
		border-radius: 0 !important;
		width: 100% !important;
		background-attachment: none !important;
		background-image: none !important;
		background-size: none !important;
	}
	body::after {
		content: none !important;
	}
}

/* gallery.css */
@media screen and (max-width: 450px) {
	#artworks & article {
		&::before {
			width: calc(100% + var(--pad-l) * 2) !important;
			margin: -3rem 0 0 -16px !important;
		}
	}
}