/* Template "Studio" (old template-book-2). */
.tpl-studio { --st-accent: var(--folio-accent, #5282fa); color: #878c9f; }
.tpl-studio .st-wrap { width: min(100% - 2.5rem, 1200px); margin-inline: auto; }

.tpl-studio .st-header { position: relative; overflow: hidden; background: #1d2238; color: #fff; }
.tpl-studio .st-header__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tpl-studio .st-header::after { content: ""; position: absolute; inset: 0; z-index: 2; background: rgba(0, 0, 0, .67); }
.tpl-studio .st-snow { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.tpl-studio .st-snow__front { animation: st-fall 22.5s linear infinite; }
.tpl-studio .st-snow__back { animation: st-fall 45s linear infinite; }
@keyframes st-fall { to { transform: translateY(-768px); } }
.tpl-studio .st-header__inner { position: relative; z-index: 3; width: min(100% - 2.5rem, 1200px); margin-inline: auto; padding: 4rem 0 3rem; }
.tpl-studio .st-name { margin-bottom: 1rem; font: 700 clamp(2.2rem, 5vw, 2.9rem)/1.15 var(--folio-font-heading, "Palanquin Dark", sans-serif); color: #fff; }
.tpl-studio .st-job { display: inline-block; padding: .45rem 1.25rem; border-radius: 5px; background: var(--st-accent); color: #fff; font-size: 16px; }
.tpl-studio .st-location { display: flex; align-items: center; gap: 1.1rem; margin-top: 3rem; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.45; }
.tpl-studio .st-location > span { display: flex; flex-direction: column; }
.tpl-studio .st-location__icon { font-size: 1.4rem; color: var(--st-accent); }
.tpl-studio .st-location__country { text-transform: uppercase; }

.tpl-studio .st-menu { border-bottom: 1px solid #d8d8d8; background: #fff; }
.tpl-studio .st-menu .st-wrap { display: flex; flex-wrap: wrap; padding: 1.1rem 0; }
.tpl-studio .st-menu a { padding: 0 1.2rem; border-right: 1px solid #d8d8d8; color: gray; font-size: 13px; font-weight: 700; text-decoration: none; }
.tpl-studio .st-menu a:first-child { padding-left: 0; }
.tpl-studio .st-menu a:last-child { border-right: 0; }

.tpl-studio .st-body { background: #f9f9f9; padding-bottom: 2rem; }
.tpl-studio .st-layout { display: grid; grid-template-columns: minmax(0, 65fr) minmax(0, 35fr); gap: 2.5rem; }
.tpl-studio .st-title { margin: 2rem 0 1.25rem 3px; font: 700 26px/1.2 var(--folio-font-heading, "Palanquin Dark", sans-serif); color: #2f3c59; }
.tpl-studio .st-card { padding: 1.5rem 2rem; border: 1px solid #eee; border-radius: 7px; background: #fff; font-size: 14px; line-height: 1.6; }
.tpl-studio .st-desc { margin-top: 1rem; }
.tpl-studio .st-desc p + p { margin-top: 1em; }
.tpl-studio .folio-facts { grid-template-columns: 1fr; gap: 0; }
.tpl-studio .folio-facts__item { border: 0; padding: .1rem 0; }
.tpl-studio .folio-album__title { font-size: 18px; color: #828b9b; }
.tpl-studio .folio-album__photos { columns: 4 10rem; }
.tpl-studio .folio-photo { border-radius: 5px; }
.tpl-studio .st-button, .tpl-studio .folio-cv { display: inline-flex; align-items: center; gap: .5em; padding: .5rem 1rem; border: 0; background: var(--st-accent); color: #fff; font-size: 16px; text-decoration: none; }
.tpl-studio .st-side .folio-links__item { background: #fff; color: #2f3c59; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }

@media (max-width: 767px) {
	.tpl-studio .st-header__inner { text-align: center; }
	.tpl-studio .st-location { flex-direction: column; gap: .5rem; }
	.tpl-studio .st-layout { grid-template-columns: 1fr; gap: 0; }
	.tpl-studio .st-side { text-align: center; padding-bottom: 1rem; }
	.tpl-studio .st-side .st-title { text-align: center; }
	.tpl-studio .st-side .folio-links { justify-content: center; }
	.tpl-studio .st-card { padding: 1.25rem; }
}