@font-face {
	font-family: "Comme";
	src: url("../assets/fonts/comme/Comme-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Comme";
	src: url("../assets/fonts/comme/Comme-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Comme";
	src: url("../assets/fonts/comme/Comme-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Comme";
	src: url("../assets/fonts/comme/Comme-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Gabriola";
	src: url("../assets/fonts/gabriola/gabriola.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
.f-e,
.f-s,
.f-c,
.f-b,
.f-a {
	display: flex;
}

.f-a {
	justify-content: space-around;
}

.f-b {
	justify-content: space-between;
}

.f-c {
	justify-content: center;
}

.f-s {
	justify-content: flex-start;
}

.f-e {
	justify-content: flex-end;
}

.f-w {
	flex-wrap: wrap;
}

.f-dr {
	flex-direction: column;
}

.f-ai {
	align-items: center;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Comme", sans-serif;
	background: rgb(22, 22, 22);
	background-image: url(../img/bg-smouke.png);
	background-size: cover;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #ffffff;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #afa696;
}
a:hover {
	color: #fff;
}

.container {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 20px;
}

.btn {
	padding: 5px 20px;
	position: relative;
	border-radius: 50px;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	min-height: 42px;
	transition: 0.2s;
	background: #000;
}
.btn .btn_icon {
	background: rgba(255, 255, 255, 0.05);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: 0.2s;
}
.btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	transition: 0.2s;
}
.btn:hover {
	filter: brightness(1.2);
}
.btn:hover::after {
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn:hover .btn_icon {
	background: #6338ff;
}
.btn:active {
	transform: scale(0.95);
}

.btn-light {
	background: #524e46;
	color: #cbbfa7;
}
.btn-light .btn-icon svg {
	color: #cbbfa7;
}

.btn_accent {
	background: linear-gradient(90deg, #6338ff, #56429e);
	height: 60px;
	font-size: 21px;
	gap: 30px;
	padding: 5px 30px 5px 20px;
}

.btn_second {
	background: rgba(0, 0, 0, 0.6);
	height: 60px;
	font-size: 21px;
	padding: 5px 30px 5px 10px;
	transition: 0.2s;
	gap: 30px;
}
.btn_second:hover {
	background: rgba(255, 255, 255, 0.05);
}

.btn_border {
	background: transparent;
	min-height: auto;
	color: #afa696;
	border: 1px solid #afa696;
	border-radius: 50px;
	padding: 10px 20px;
}
.btn_border:hover {
	color: #524e46;
	background: #afa696;
}
.btn_border:hover svg {
	color: #524e46;
}

.site {
	margin: 0 auto;
	max-width: 1680px;
	min-height: 100dvh;
	padding: 0 20px;
	overflow: hidden;
}

.header {
	margin-top: 10px;
}

.header_container {
	gap: 40px;
}

.header_logo {
	transition: 0.2s;
}
.header_logo img {
	width: 100px;
	height: 100px;
}
.header_logo:hover {
	transform: scale(0.95);
}

.header_nav {
	max-width: 1400px;
	flex: 1 1 auto;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 50px;
	padding: 5px;
	gap: 20px;
}

.header_link {
	padding: 5px 20px 5px 5px;
	height: 50px;
	min-width: 50px;
	border-radius: 50px;
	transition: 0.2s;
	background: rgba(255, 255, 255, 0.02);
	gap: 10px;
	color: #9a9a9a;
}
.header_link:hover {
	background: #6338ff;
}
.header_link:active {
	background: #6338ff;
	transform: scale(0.95);
}
.header_link:first-child {
	margin-right: 20px;
	padding: 5px;
}
.header_link.active {
	background: #6338ff;
}

.nav_main {
	gap: 5px;
}

.nav_right {
	gap: 5px;
}
.nav_right .header_link_swap {
	padding: 5px 20px 5px 5px;
	margin-right: 0px;
}

.header_link_icon {
	background: rgba(255, 255, 255, 0.05);
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

.header_years {
	border-radius: 50%;
	background: #520000;
	color: #ed9696;
	font-size: 14px;
	box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.05);
	position: relative;
	width: 40px;
	height: 40px;
	font-weight: 500;
}
.header_years::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	border: 5px solid #520000;
	border-radius: 50%;
}

.hero {
	margin-top: 60px;
	position: relative;
}

.hero_container {
	gap: 60px;
}

.hero_btn_open {
	display: none;
	justify-content: center;
	align-items: center;
	border: none;
	background: #524e46;
	color: #cbbfa7;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-30px, -50%);
	width: 32px;
	height: calc(100% + 2px);
	border-radius: 40px 0px 0px 40px;
	transition: 0.2s;
}
.hero_btn_open svg {
	transition: 0.2s;
}
.hero_btn_open:hover {
	filter: brightness(1.2);
}
.hero_btn_open:active svg {
	transform: scale(0.7);
}

.hero_title {
	color: #6338ff;
	font-size: 18px;
	font-weight: 500;
}
.hero_title span {
	display: block;
	font-size: 80px;
	color: #ffffff;
	line-height: 100%;
	font-weight: 700;
}
.hero_title b {
	color: #6338ff;
}

.hero_desc {
	margin-top: 10px;
	font-size: 24px;
}
.hero_desc p {
	color: #9a9a9a;
}

.hero_btns {
	gap: 30px;
	margin-top: 60px;
}

.hero_avatar {
	position: relative;
	margin-right: 10px;
}

.hero_avatar_img {
	border-radius: 30px;
	overflow: hidden;
	width: 360px;
	height: 360px;
	position: relative;
}
.hero_avatar_img img {
	margin-left: -4px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
}

.hero_avatar_dlogo {
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 100px;
	height: 100px;
	opacity: 0.2;
}
.hero_avatar_dlogo img {
	width: 100%;
	height: 100%;
}

.hero_avatar_decoration {
	position: absolute;
	width: 400px;
	height: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.hero_avatar_decoration svg {
	width: 100%;
	height: 100%;
}

.mainblock {
	margin-top: 60px;
}

.mainblock_container {
	gap: 40px;
}

.partner {
	max-width: 520px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 40px;
	color: #9a9a9a;
	line-height: 150%;
	position: relative;
}
.partner::after {
	content: "";
	position: absolute;
	width: 60%;
	height: 1px;
	left: 50%;
	top: -20px;
	transform: translate(-50%, 0);
	background: rgba(255, 255, 255, 0.1);
}
.partner::before {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	left: 50%;
	top: -30px;
	transform: translate(-50%, 0);
	background: rgba(255, 255, 255, 0.05);
}
.partner p {
	font-size: 18px;
}
.partner .btn-light {
	margin-right: 10px;
}

.partner_header {
	margin-bottom: 20px;
}
.partner_header h2 {
	margin: 0;
	font-size: 21px;
	color: #ffffff;
	letter-spacing: 20%;
	font-weight: 400;
}
.partner_header span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #6338ff;
	margin-right: 20px;
}

.partner_btns {
	gap: 10px;
	margin-top: 30px;
}

.btn_social {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.6);
	transition: 0.2s;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
.btn_social:hover {
	background: rgba(255, 255, 255, 0.1);
}

.homemusic {
	flex: 1 1 auto;
	margin-bottom: 50px;
}
.homemusic .btn_border {
	margin-right: 28px;
}

.homemusic_container {
	margin-top: 20px;
	max-height: 270px;
	overflow: auto;
	padding-right: 20px;
}
.homemusic_container::-webkit-scrollbar {
	width: 0.2em;
	height: 0.1em;
	border-radius: 10px;
}
.homemusic_container::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}
.homemusic_container::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.02);
	border-radius: 10px;
}
.homemusic_container {
	scrollbar-face-color: rgba(255, 255, 255, 0.1);
	scrollbar-track-color: rgba(255, 255, 255, 0.02);
}

.homemusic_block {
	padding: 7px 20px 7px 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	gap: 20px;
	transition: 0.2s;
	margin: 5px 0;
	height: 48px;
}
.homemusic_block:hover,
.homemusic_block.active {
	background: rgba(82, 78, 70, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.homemusic_block.active .homemusic_number {
	font-size: 0;
	background: url(/assets/img/play_icon.png);
	width: 24px;
	height: 24px;
	animation: rotate-center 4s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite both;
}
.homemusic_block.active .homemusic_theme {
	color: #ffffff;
}
@keyframes rotate-center {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.homemusic_info {
	gap: 10px;
	flex: 1 1 auto;
}

.homemusic_number {
	color: #9a9a9a;
	font-size: 16px;
	font-weight: 500;
	width: 24px;
	text-align: center;
}

.homemusic_img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.homemusic_theme {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: calc(100% - 68px);
	color: #afa696;
}

.homemusic_time {
	padding: 0px 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.05);
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	color: #9a9a9a;
}

.homemusic_play {
	border: none;
	background: transparent;
	color: #ffffff;
	transition: 0.2s;
	cursor: pointer;
}
.homemusic_play.play {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.25C5.16797 1.25 1.25 5.16797 1.25 10C1.25 14.832 5.16797 18.75 10 18.75C14.832 18.75 18.75 14.832 18.75 10C18.75 5.16797 14.832 1.25 10 1.25ZM10 17.2656C5.98828 17.2656 2.73438 14.0117 2.73438 10C2.73438 5.98828 5.98828 2.73438 10 2.73438C14.0117 2.73438 17.2656 5.98828 17.2656 10C17.2656 14.0117 14.0117 17.2656 10 17.2656Z' fill='%2360976A'/%3E%3Cpath d='M14.0508 9.74807L8.26758 5.54885C8.2212 5.51485 8.16629 5.4944 8.10896 5.48978C8.05164 5.48515 7.99416 5.49653 7.94292 5.52266C7.89169 5.54878 7.84871 5.58862 7.81879 5.63773C7.78886 5.68684 7.77317 5.7433 7.77344 5.80081V14.1992C7.77344 14.4551 8.0625 14.5996 8.26758 14.4512L14.0508 10.252C14.0907 10.2232 14.1232 10.1854 14.1457 10.1416C14.1681 10.0977 14.1798 10.0492 14.1798 10C14.1798 9.95081 14.1681 9.9023 14.1457 9.8585C14.1232 9.81469 14.0907 9.77684 14.0508 9.74807ZM9.01953 12.3653V7.63479L12.2754 10L9.01953 12.3653Z' fill='%2360976A'/%3E%3C/svg%3E")
		center/contain no-repeat;
}
.homemusic_play.pause {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.75C7.67936 18.75 5.45376 17.8281 3.81282 16.1872C2.17187 14.5462 1.25 12.3206 1.25 10C1.25 7.67936 2.17187 5.45376 3.81282 3.81282C5.45376 2.17187 7.67936 1.25 10 1.25C12.3206 1.25 14.5462 2.17187 16.1872 3.81282C17.8281 5.45376 18.75 7.67936 18.75 10C18.75 12.3206 17.8281 14.5462 16.1872 16.1872C14.5462 17.8281 12.3206 18.75 10 18.75ZM10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C7.34784 0 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20Z' fill='%23979060'/%3E%3Cpath d='M6.25 7.8125C6.25 7.3981 6.41462 7.00067 6.70765 6.70765C7.00067 6.41462 7.3981 6.25 7.8125 6.25C8.2269 6.25 8.62433 6.41462 8.91735 6.70765C9.21038 7.00067 9.375 7.3981 9.375 7.8125V12.1875C9.375 12.6019 9.21038 12.9993 8.91735 13.2924C8.62433 13.5854 8.2269 13.75 7.8125 13.75C7.3981 13.75 7.00067 13.5854 6.70765 13.2924C6.41462 12.9993 6.25 12.6019 6.25 12.1875V7.8125ZM10.625 7.8125C10.625 7.3981 10.7896 7.00067 11.0826 6.70765C11.3757 6.41462 11.7731 6.25 12.1875 6.25C12.6019 6.25 12.9993 6.41462 13.2924 6.70765C13.5854 7.00067 13.75 7.3981 13.75 7.8125V12.1875C13.75 12.6019 13.5854 12.9993 13.2924 13.2924C12.9993 13.5854 12.6019 13.75 12.1875 13.75C11.7731 13.75 11.3757 13.5854 11.0826 13.2924C10.7896 12.9993 10.625 12.6019 10.625 12.1875V7.8125Z' fill='%23979060'/%3E%3C/svg%3E")
		center/contain no-repeat;
}
.homemusic_play:hover {
	filter: brightness(1.5) hue-rotate(-90deg);
}

.hometext {
	color: #9a9a9a;
	max-width: 480px;
	height: 270px;
	overflow: auto;
	padding-right: 20px;
	line-height: 120%;
}
.hometext::-webkit-scrollbar {
	width: 0.2em;
	height: 0.1em;
	border-radius: 10px;
}
.hometext::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}
.hometext::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.02);
	border-radius: 10px;
}
.hometext {
	scrollbar-face-color: #c05e0f;
	scrollbar-track-color: rgba(254, 205, 121, 0.2);
}
.hometext b {
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
}

.hometext_mob_more {
	display: none;
}

.mobmenu_container {
	display: none;
}

.footer {
	font-size: 14px;
	margin-top: 60px;
	background: rgba(255, 255, 255, 0.05);
	color: #9a9a9a;
}

.footer_container {
	gap: 60px;
	padding: 25px 20px;
}

.footer_copy {
	text-align: left;
	width: 30%;
}

.footer_info {
	text-align: center;
	flex: 1 1 auto;
}
.footer_info a {
	transition: 0.2s;
	color: #ffffff;
}
.footer_info a:hover {
	text-decoration: underline;
}

.footer_socials {
	gap: 10px;
	width: 30%;
}

.mobmenu {
	background: rgba(255, 255, 255, 0.05);
	height: 42px;
	border-radius: 50px;
	padding: 0px 15px 0px 0px;
	gap: 10px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	display: none;
	transition: 0.2s;
}
.mobmenu svg {
	width: 24px;
	height: 24px;
	color: #ffffff;
}
.mobmenu span {
	color: #afa696;
}
.mobmenu .header_link_icon {
	background: #6338ff;
}
.mobmenu:hover {
	background: #6338ff;
}
.mobmenu:active {
	transform: scale(0.95);
}

@media (max-width: 1480px) {
	.hero_title {
		font-size: 16px;
	}
	.hero_title span {
		font-size: 68px;
	}
	.mainblock_container {
		gap: 40px;
	}
	.partner {
		max-width: 420px;
	}
	.homemusic_time {
		padding: 0px 20px;
	}
	.homemusic_block {
		padding: 7px 15px 7px 15px;
		gap: 20px;
	}
	.hometext b {
		font-size: 16px;
	}
	.hero_desc {
		font-size: 21px;
	}
	.hero_btns {
		margin-top: 40px;
	}
	.hero_avatar_img {
		width: 340px;
		height: 340px;
	}
	.hero_avatar_decoration {
		width: 360px;
		height: 360px;
	}
	.btn_accent {
		font-size: 18px;
		gap: 20px;
		height: 56px;
	}
	.btn_second {
		font-size: 18px;
		gap: 20px;
		height: 56px;
	}
	.hero_avatar_dlogo {
		width: 85px;
		height: 85px;
	}
	.homemusic .btn_border {
		font-size: 14px;
	}
	.btn_border {
		padding: 8px 16px;
	}
	.footer_info {
		width: 75%;
	}
}
@media (max-width: 1280px) {
	.hero_title span {
		font-size: 60px;
	}
	.mainblock_container {
		flex-wrap: wrap;
	}
	.homemusic {
		order: 1;
		width: 100%;
		margin-bottom: 20px;
	}
	.partner {
		order: 2;
		max-width: none;
		width: calc(60% - 20px);
	}
	.partner::after,
	.partner::before {
		display: none;
	}
	.partner p {
		font-size: 16px;
	}
	.hometext {
		order: 3;
		width: calc(40% - 20px);
		max-width: none;
	}
	.homemusic .btn_border {
		display: none;
	}
	.mainblock {
		margin-top: 20px;
	}
	.footer_info {
		width: 50%;
	}
	.footer {
		margin-top: 40px;
	}
}
@media (max-width: 1080px) {
	.header_logo img {
		width: 75px;
		height: 75px;
	}
	.header_link {
		padding: 5px 15px 5px 0px;
		height: 42px;
		min-width: 42px;
	}
	.header_link svg {
		width: 18px;
		height: 18px;
	}
	.hero_avatar_img {
		width: 300px;
		height: 300px;
	}
	.hero_avatar_decoration {
		width: 320px;
		height: 320px;
	}
	.hero_btns {
		gap: 20px;
	}
	.btn_second {
		height: 50px;
		padding: 5px 20px 5px 5px;
		gap: 20px;
	}
	.btn_second svg {
		width: 24px;
		height: 24px;
	}
	.btn_accent {
		height: 50px;
		padding: 5px 20px 5px 15px;
		gap: 15px;
	}
	.btn_accent svg {
		width: 26px;
		height: 26px;
	}
	.nav_right .header_link_swap {
		padding: 5px 15px 5px 0px;
	}
	.nav_main {
		display: none;
	}
	.mobmenu_container {
		display: flex;
		position: fixed;
		height: 100dvh;
		width: 100%;
		background: rgba(0, 0, 0, 0.2);
		z-index: 999;
		left: 0;
		top: 0;
		backdrop-filter: blur(10px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity 0.4s ease,
			visibility 0s linear 0.4s;
	}
	.mobmenu_container.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity 0.4s ease;
	}
	.mobmenu_container .mobmenu_block {
		position: relative;
		width: 50%;
		max-width: 500px;
		min-width: 320px;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		background: rgba(0, 0, 0, 0.6);
		padding-top: 40px;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.2);
		transform: translateX(-100%);
		transition: transform 0.4s ease;
	}
	.mobmenu_container.is-panel-open .mobmenu_block {
		transform: translateX(0);
	}
	.mobmenu_container .header_logo {
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-bottom: 20px;
	}
	.mobmenu_container .header_logo img {
		width: 100px;
		height: 100px;
	}
	.mobmenu_container .nav_main {
		display: flex;
	}
	.mobmenu_container .header_link {
		margin: 5px 0;
		width: 280px;
		height: 54px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		padding: 10px;
	}
	.mobmenu_container .header_link .header_link_name {
		display: flex;
		display: flex;
		flex: 1 1 auto;
		text-align: center;
		justify-content: center;
	}
	.mobmenu_container .mobmenu_close {
		position: absolute;
		right: 20px;
		top: 20px;
		transition: 0.2s;
	}
	.mobmenu_container .mobmenu_close svg {
		width: 21px;
		height: 21px;
		color: #9a9a9a;
	}
	.mobmenu_container .mobmenu_close:hover,
	.mobmenu_container .mobmenu_close:active {
		transform: rotate(180deg);
	}
	.mobmenu_container .mobmenu_close:hover svg,
	.mobmenu_container .mobmenu_close:active svg {
		color: #524e46;
	}
	.mobmenu_container .partner_btns {
		width: 60%;
		justify-content: center;
		margin: 40px auto;
	}
	.mobmenu_container .partner_btns .btn-light {
		width: 100%;
		margin-bottom: 10px;
	}
	.mobmenu_container .mobmenu_copy {
		text-align: center;
		color: #524e46;
		font-size: 12px;
	}
	.mobmenu {
		display: flex;
	}
	.hometext {
		height: 175px;
	}
	.footer_container {
		flex-wrap: wrap;
		gap: 20px;
	}
	.footer_info {
		order: 3;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 20px;
		border: 1px solid rgba(255, 255, 255, 0.04);
		padding: 20px;
		border-radius: 20px;
	}
	.footer_copy {
		width: auto;
	}
	.hero {
		margin-top: 40px;
	}
}
@media (max-width: 960px) {
	.partner {
		width: 100%;
	}
	.partner p {
		text-align: center;
	}
	.partner_header {
		justify-content: center;
	}
	.mainblock_container {
		gap: 20px;
	}
	.partner_btns {
		justify-content: center;
	}
	.homemusic {
		margin-bottom: 0px;
	}
	.hometext {
		width: 100%;
		height: 280px;
		max-height: none;
		padding: 20px 20px 50px;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.05);
		border-radius: 40px;
		text-align: center;
		height: 280px;
		line-height: 150%;
		overflow: hidden;
		position: relative;
		transition: height 0.4s ease;
	}
	.hometext.is-expanded {
		height: auto;
	}
	.hometext_mob_more {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #524e46;
		color: #cbbfa7;
		border: none;
		padding: 6px;
	}
	.hometext_mob_more svg {
		width: 21px;
		height: 21px;
		transition: 0.2s;
	}
	.hometext_mob_more:hover {
		filter: brightness(1.2);
	}
	.hometext_mob_more:active svg {
		transform: scale(0.7);
	}
	.hometext.is-expanded .hometext_mob_more {
		background: rgb(22, 22, 22);
	}
	.hometext.is-expanded .hometext_mob_more svg {
		transform: rotate(180deg);
	}
	.hero_avatar_img {
		width: 220px;
		height: 220px;
	}
	.hero_avatar_dlogo {
		width: 75px;
		height: 75px;
	}
	.hero_avatar_decoration {
		width: 240px;
		height: 240px;
	}
	.hero_title span {
		font-size: 42px;
	}
	.hero_title {
		font-size: 14px;
	}
	.hero_desc {
		font-size: 18px;
	}
}
@media (max-width: 780px) {
	.hero_avatar {
		position: absolute;
		right: 0;
		transform: translateX(calc(100% + 30px));
		background: rgba(22, 22, 22, 0.7);
		padding: 20px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		transition: transform 0.4s ease;
		backdrop-filter: blur(5px);
	}
	.hero_avatar.is-open {
		transform: translateX(calc(0% + 31px));
	}
	.hero_avatar.is-open .hero_btn_open {
		background: rgb(22, 22, 22);
	}
	.hero_avatar.is-open .hero_btn_open svg {
		transform: rotate(180deg);
	}
	.hero_btn_open {
		display: flex;
	}
	.hero_btn_open svg {
		width: 18px;
		height: 18px;
	}
	.hero_container {
		gap: 20px;
		padding: 0 20px;
		justify-content: center;
		text-align: center;
		position: relative;
	}
	.hero_btns {
		justify-content: center;
	}
	.hero_title span {
		font-size: 48px;
	}
}
@media (max-width: 640px) {
	.hero_title span {
		font-size: 40px;
	}
	.btn_accent {
		font-size: 16px;
	}
	.btn_second {
		font-size: 16px;
	}
	.header_link_name {
		display: none;
	}
	.nav_right .header_link_swap {
		padding: 5px 0px 5px 0px;
	}
}
@media (max-width: 480px) {
	.hero_btns {
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.btn {
		flex: 1 1 auto;
	}
	.header_container {
		gap: 20px;
		flex-wrap: wrap;
	}
	.mobmenu {
		padding: 0;
	}
	.mobmenu span:last-child {
		display: none;
	}
	.header_logo img {
		width: 60px;
		height: 60px;
	}
	.header_years {
		width: 32px;
		height: 32px;
		font-weight: 500;
		margin-left: 15px;
	}
	.hero_title {
		font-size: 12px;
	}
	.hero_desc {
		font-size: 16px;
	}
	.homemusic_time {
		display: none;
	}
	.partner_btns {
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.partner_btns .btn {
		width: 100%;
	}
	.footer_copy {
		order: 2;
	}
	.footer_socials {
		width: 100%;
		justify-content: center;
	}
	.footer_copy {
		text-align: center;
		width: 100%;
	}
	.partner .btn-light {
		margin-right: 0px;
	}
	.btn_second,
	.btn_accent {
		justify-content: space-between;
	}
}