@media only screen and (max-width: 1200px) {
	.sv-direction-list > a {
		grid-template-columns: 0.12fr 1fr 0.1fr;
		gap: 18px;
	}
	.sv-direction-list p {
		grid-column: 2;
		grid-row: 2;
	}
	.sv-direction-list > a > span:last-child {
		grid-column: 3;
		grid-row: 1;
	}
	.sv-opening-bottom, .sv-field-note > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 25px;
	}
	.sv-contact-lines {
		grid-template-columns: 1fr 1fr;
	}
	.sv-contact-lines > div:last-child {
		grid-column: 1 / -1;
	}
}
@media only screen and (max-width: 1000px) {
	.sv-site {
		margin-left: 0;
	}
	.sv-sidebar {
		position: relative;
		width: 100%;
		height: auto;
		padding: 22px 7.5%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		overflow: visible;
		border-right: 0;
		border-bottom: 1px solid #47382f;
	}
	.sv-brand {
		font-size: 30px;
	}
	.sv-brand > small, .sv-sidebar-note {
		display: none;
	}
	.sv-navigation {
		width: 100%;
		margin-top: 0;
	}
	.sv-ready .sv-menu-button {
		display: block;
	}
	.sv-ready .sv-navigation {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 20px 7.5%;
		background: #1b1714;
		border-bottom: 1px solid #806553;
	}
	.sv-ready .sv-navigation.sv-navigation_open {
		display: flex;
	}
	.sv-opening, .sv-page-heading {
		padding-top: 50px;
	}
	.sv-introduction {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.sv-interlude-layout, .sv-evening, .sv-contact {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	.sv-interlude img, .sv-evening img {
		aspect-ratio: 3 / 2;
		max-height: 440px;
	}
	.sv-evening > div:last-child {
		order: -1;
	}
}
@media only screen and (max-width: 600px) {
	body {
		font-size: 16px;
	}
	.sv-inner {
		width: 87%;
	}
	.sv-sidebar {
		padding-left: 6.5%;
		padding-right: 6.5%;
	}
	.sv-opening h1 {
		font-size: 49px;
	}
	.sv-opening-bottom p {
		font-size: 16px;
	}
	.sv-opening-image img {
		aspect-ratio: 4 / 3;
	}
	.sv-opening-image figcaption {
		flex-direction: column;
		gap: 5px;
		font-size: 8px;
	}
	.sv-introduction {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.sv-heading-line {
		align-items: flex-start;
		flex-direction: column;
		gap: 25px;
	}
	.sv-direction-list h3 {
		font-size: 26px;
	}
	.sv-directions {
		padding-bottom: 55px;
	}
	.sv-interlude {
		padding: 50px 0;
	}
	.sv-evening {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.sv-field-note {
		padding: 28px 22px;
	}
	.sv-questions {
		padding-top: 55px;
	}
	.sv-answer summary {
		font-size: 16px;
	}
	.sv-invitation {
		padding-top: 50px;
		padding-bottom: 55px;
	}
	.sv-contact-lines, .sv-notebook, .sv-voyage-records article {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	.sv-contact-lines > div:last-child {
		grid-column: auto;
	}
	.sv-footer-end {
		flex-direction: column;
		gap: 18px;
	}
	.sv-page-heading h1 {
		font-size: 45px;
	}
	.sv-page-heading > p:last-child {
		font-size: 16px;
	}
	.sv-page-image img {
		aspect-ratio: 4 / 3;
	}
	.sv-voyage-records h2 {
		font-size: 35px;
		margin-bottom: 0;
	}
	.sv-notebook h2 {
		font-size: 34px;
	}
	.sv-email {
		font-size: 21px;
	}
	.sv-policy h2 {
		font-size: 28px;
	}
	.sv-policy p {
		font-size: 15px;
	}
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.sv-action {
		transition: none;
	}
}