:root {
	--Unit:calc(100cqw / 1760);
	--1:calc(1 * var(--Unit));
	--2:calc(2 * var(--Unit));
	--3:calc(3 * var(--Unit));
	--4:calc(4 * var(--Unit));
	--6:calc(6 * var(--Unit));
	--8:calc(8 * var(--Unit));
	--10:calc(10 * var(--Unit));
	--12:calc(12 * var(--Unit));
	--14:calc(14 * var(--Unit));
	--16:calc(16 * var(--Unit));
	--18:calc(18 * var(--Unit));
	--20:calc(20 * var(--Unit));
	--24:calc(24 * var(--Unit));
	--28:calc(28 * var(--Unit));
	--32:calc(32 * var(--Unit));
	--36:calc(36 * var(--Unit));
	--40:calc(40 * var(--Unit));
	--48:calc(48 * var(--Unit));
	--56:calc(56 * var(--Unit));
	--64:calc(64 * var(--Unit));
	--72:calc(72 * var(--Unit));
	--84:calc(84 * var(--Unit));
	--96:calc(96 * var(--Unit));
	--110:calc(110 * var(--Unit));
	--128:calc(128 * var(--Unit));
	--144:calc(144 * var(--Unit));
	--160:calc(160 * var(--Unit));
	--180:calc(180 * var(--Unit));
	--220:calc(220 * var(--Unit));
	--320:calc(320 * var(--Unit));
	--420:calc(420 * var(--Unit));
	--560:calc(560 * var(--Unit));
	--760:calc(760 * var(--Unit));
	--Body:1760px;
	--SidePadding:var(--72);
	--MainFont:"Nunito", system-ui, sans-serif;
	--DisplayFont:"Unbounded", system-ui, sans-serif;
	--Cream:#fff7eb;
	--Paper:#fffcf6;
	--Ink:#1f1e2b;
	--Raspberry:#ff4d6d;
	--Lemon:#ffd343;
	--Sky:#57cbff;
	--Mint:#63e0a0;
	--Lilac:#b484ff;
	--Orange:#ff8b3d;
	--EaseOut:cubic-bezier(.16, 1, .3, 1);
	--EaseUI:cubic-bezier(.4, 0, .2, 1);
	container-type:inline-size;
	--22:calc(22 * var(--Unit));
	--26:calc(26 * var(--Unit));
	--30:calc(30 * var(--Unit));
	--34:calc(34 * var(--Unit));
	--42:calc(42 * var(--Unit));
	--44:calc(44 * var(--Unit));
	--58:calc(58 * var(--Unit));
	--60:calc(60 * var(--Unit));
	--68:calc(68 * var(--Unit));
	--70:calc(70 * var(--Unit));
	--74:calc(74 * var(--Unit));
	--78:calc(78 * var(--Unit));
	--82:calc(82 * var(--Unit));
	--92:calc(92 * var(--Unit));
	--168:calc(168 * var(--Unit));
	--250:calc(250 * var(--Unit));
	--340:calc(340 * var(--Unit));
	--700:calc(700 * var(--Unit));
	--720:calc(720 * var(--Unit));
	--920:calc(920 * var(--Unit));
	--930:calc(930 * var(--Unit));
	--980:calc(980 * var(--Unit));
	--999:calc(999 * var(--Unit));
	--1100:calc(1100 * var(--Unit));
	--5:calc(5 * var(--Unit));
	--7:calc(7 * var(--Unit));
	--11:calc(11 * var(--Unit));
	--13:calc(13 * var(--Unit));
	--15:calc(15 * var(--Unit));
	--17:calc(17 * var(--Unit));
	--52:calc(52 * var(--Unit));
	--62:calc(62 * var(--Unit));
	--76:calc(76 * var(--Unit));
	--80:calc(80 * var(--Unit));
	--120:calc(120 * var(--Unit));
	--210:calc(210 * var(--Unit));
	--395:calc(395 * var(--Unit));
	--520:calc(520 * var(--Unit));
	--820:calc(820 * var(--Unit))
}
* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth;
	background:var(--Cream)
}
body {
	margin:0;
	font-family:var(--MainFont);
	font-size:var(--20);
	line-height:1.45;
	color:var(--Ink);
	background:radial-gradient(circle at 15% 10%, rgba(255, 211, 67, .32), transparent 26%), radial-gradient(circle at 85% 18%, rgba(87, 203, 255, .28), transparent 27%), linear-gradient(180deg, var(--Cream), #fff2df);
	overflow-x:hidden
}
body:before {
	content:"";
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:9999;
	opacity:.08;
	mix-blend-mode:multiply;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")
}
a {
	color:inherit;
	text-decoration:none
}
img {
	max-width:100%;
	display:block
}
.body {
	max-width:var(--Body);
	margin-inline:auto;
	width:100%;
	.body {
		width:100%}
}
#mb > .s:not(.t0) {
	margin:var(--128) var(--SidePadding) 0
}
.title {
	font-family:var(--DisplayFont);
	font-weight:900;
	letter-spacing:-.055em;
	line-height:.94;
	margin:0
}
.s > h2.title, .t16 h2.title {
	font-size:clamp(38px, var(--72), 92px);
	max-width:var(--1100)
}
.title span {
	background:linear-gradient(90deg, var(--Raspberry), var(--Orange), var(--Lilac));
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent
}
.description {
	font-size:var(--22, var(--22));
	color:rgba(31, 30, 43, .74)
}
.eyebrow, .annotation, .more, .btn, .menu {
	font-family:var(--DisplayFont);
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.06em
}
.eyebrow {
	font-size:var(--14);
	display:inline-flex;
	align-items:center;
	gap:var(--10);
	padding:var(--10) var(--14);
	background:var(--Lemon);
	border:var(--3) solid var(--Ink);
	border-radius:var(--999);
	box-shadow:var(--5, 5px) var(--5, 5px) 0 var(--Ink)
}
.btn {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:var(--58, var(--58));
	padding:var(--16) var(--26);
	border:var(--3) solid currentColor;
	border-radius:var(--999);
	background:var(--Paper);
	color:var(--Ink);
	font-size:var(--14);
	box-shadow:var(--8) var(--8) 0 currentColor;
	transition:transform .35s var(--EaseOut), box-shadow .35s var(--EaseOut), background .35s
}
.btn.cl {
	background:linear-gradient(135deg, var(--Lemon), var(--Raspberry) 55%, var(--Lilac));
	color:var(--Ink)
}
.btn:hover {
	transform:translate(-4px, -4px) rotate(-1deg);
	box-shadow:var(--14) var(--14) 0 currentColor
}
.more {
	display:inline-flex;
	gap:.5em;
	align-items:center;
	font-size:var(--14);
	color:var(--Raspberry)
}
.more:after {
	content:"→";
	transition:transform .25s
}
.more:hover:after {
	transform:translateX(.45em)
}
.header {
	position:fixed;
	z-index:1000;
	top:var(--16);
	left:var(--24);
	right:var(--24);
	height:var(--72);
	display:flex;
	align-items:center;
	justify-content:space-between;
	pointer-events:none
}
.header > * {
	pointer-events:auto
}
.logo img {
	width:var(--220);
	filter:drop-shadow(0 12px 20px rgba(31, 30, 43, .18))
}
.menu {
	display:flex;
	gap:var(--8);
	padding:var(--8);
	border:var(--3) solid var(--Ink);
	border-radius:var(--999);
	background:rgba(255, 252, 246, .72);
	backdrop-filter:blur(18px);
	box-shadow:0 10px 0 rgba(31, 30, 43, .12)
}
.menu a {
	font-size:var(--12);
	padding:var(--12) var(--16);
	border-radius:var(--999);
	transition:.25s
}
.menu a:hover {
	background:var(--Lemon);
	transform:rotate(-2deg)
}
.contacts {
	display:flex;
	gap:var(--8)
}
.contacts a {
	width:var(--52);
	height:var(--52);
	border:var(--3) solid var(--Ink);
	border-radius:var(--18);
	background:var(--Paper);
	box-shadow:var(--5, 5px) var(--5, 5px) 0 var(--Ink);
	background-position:center;
	background-repeat:no-repeat;
	background-size:52%
}
.contacts .phone {
	background-image:url("../images/ic-phone.svg")
}
.contacts .wa {
	background-image:url("../images/ic-wa.svg");
	background-color:var(--Mint)
}
.burger {
	display:none;
	border:0;
	background:transparent
}
.footer {
	margin-top:var(--128);
	padding:var(--48) var(--72);
	background:var(--Ink);
	color:var(--Cream);
	display:flex;
	justify-content:space-between;
	align-items:center
}
.footer img {
	width:var(--210);
	filter:brightness(1.1)
}
.footer p {
	margin:var(--12) 0 0;
	color:rgba(255, 247, 235, .7)
}
.mix-cursor {
	position:fixed;
	z-index:9998;
	left:0;
	top:0;
	width:var(--28);
	height:var(--28);
	margin:calc(-1 * var(--14)) 0 0 calc(-1 * var(--14));
	border:3px solid var(--Ink);
	border-radius:50%;
	pointer-events:none;
	mix-blend-mode:multiply;
	transition:transform .18s var(--EaseOut)
}
.mix-cursor span {
	position:absolute;
	inset:var(--8);
	border-radius:50%;
	background:var(--Raspberry)
}
.t0 {
	position:relative;
	height:100vh;
	min-height:var(--720);
	overflow:hidden;
	background:var(--Ink)
}
.t0 > .container, .t0a {
	height:100%
}
.t0a {
	position:absolute;
	inset:0;
	background-image:linear-gradient(90deg, rgba(31, 30, 43, .62), rgba(31, 30, 43, .08)), var(--BG);
	background-size:cover;
	background-position:center;
	opacity:0;
	transform:scale(1.035);
	transition:opacity .8s var(--EaseOut), transform 1.5s var(--EaseOut)
}
.t0a.current {
	opacity:1;
	transform:scale(1)
}
.t0a .body {
	height:100%;
	display:flex;
	align-items:center;
	padding:var(--120) var(--SidePadding) var(--80)
}
.t0a .info {
	max-width:var(--820);
	padding:var(--36);
	border:var(--4) solid var(--Ink);
	border-radius:var(--42) var(--42) var(--42) var(--8);
	background:rgba(255, 252, 246, .80);
	backdrop-filter:blur(10px);
	box-shadow:var(--16) var(--16) 0 var(--Ink);
	transform:rotate(-1deg)
}
.t0a.w .info {
	background:rgba(31, 30, 43, .82);
	color:var(--Cream);
	border-color:var(--Cream);
	box-shadow:var(--16) var(--16) 0 var(--Cream)
}
.t0 h1 {
	font-size:clamp(48px, var(--92, var(--92)), 126px);
	max-width:var(--980)
}
.t0 .description {
	max-width:var(--700);
	margin:var(--24) 0 var(--32);
	font-size:var(--24);
	color:inherit
}
.t0 .arrows {
	position:absolute;
	right:var(--48);
	bottom:var(--48);
	display:flex;
	gap:var(--12);
	z-index:3
}
.arrow {
	width:var(--64);
	height:var(--64);
	display:grid;
	place-items:center;
	border:var(--3) solid var(--Ink);
	border-radius:50%;
	background:var(--Paper);
	box-shadow:var(--7, 7px) var(--7, 7px) 0 var(--Ink);
	cursor:pointer
}
.arrow:before {
	content:"";
	width:var(--18);
	height:var(--18);
	border-top:4px solid var(--Ink);
	border-right:4px solid var(--Ink);
	transform:rotate(45deg)
}
.arrow.left:before {
	transform:rotate(-135deg)
}
.confetti-orbit {
	position:absolute;
	inset:auto 8% 12% auto;
	width:var(--180);
	height:var(--180);
	border:4px dashed var(--Lemon);
	border-radius:50%;
	animation:spin 16s linear infinite
}
.confetti-orbit:before, .confetti-orbit:after {
	content:"";
	position:absolute;
	width:var(--40);
	height:var(--40);
	border-radius:50%;
	background:var(--Raspberry);
	border:3px solid var(--Ink);
	left:var(--18);
	top:var(--18)
}
.confetti-orbit:after {
	left:auto;
	right:var(--22);
	bottom:var(--26);
	top:auto;
	background:var(--Sky)
}
@keyframes spin {
	to {
		transform:rotate(360deg)
	}
}
.t20 {
	padding:var(--48);
	border:var(--4) solid var(--Ink);
	border-radius:var(--44);
	background:rgba(255, 255, 255, .58);
	box-shadow:var(--14) var(--14) 0 var(--Ink);
	transform:rotate(.6deg)
}
.t20 .container, .t17 .container {
	display:flex;
	gap:var(--18);
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	padding:var(--26) 0 var(--8);
	scrollbar-width:none
}
.t20a {
	flex:0 0 var(--220);
	scroll-snap-align:start;
	filter:grayscale(.2);
	transition:.35s
}
.t20a:hover {
	filter:none;
	transform:translateY(-8px) rotate(-2deg)
}
.t3 .items, .t2 .items, .t6 .items, .t7 > .items, .t23 > .items {
	display:grid;
	grid-template-columns:repeat(var(--InLine, 3), minmax(0, 1fr));
	gap:var(--24);
	margin-top:var(--36)
}
.t3a, .t2a, .t6a, .t23a, .t7a, .t15a {
	position:relative;
	border:var(--4) solid var(--Ink);
	background:var(--Paper);
	border-radius:var(--34);
	box-shadow:var(--10) var(--10) 0 var(--Ink);
	overflow:hidden;
	transition:transform .45s var(--EaseOut), box-shadow .45s var(--EaseOut)
}
.t3a:nth-child(2n) {
	transform:rotate(1deg)
}
.t3a:nth-child(2n+1) {
	transform:rotate(-.8deg)
}
.t3a:hover, .t2a:hover, .t6a:hover, .t23a:hover {
	transform:translateY(-10px) rotate(0deg);
	box-shadow:var(--18) var(--18) 0 var(--Ink)
}
.t3a .title, .t2a .title, .t23a > .title {
	font-size:var(--28);
	font-family:var(--DisplayFont);
	font-weight:900;
	line-height:1.02;
	letter-spacing:-.04em
}
.moodboard {
	position:relative;
	border:var(--4) solid var(--Ink);
	border-radius:var(--56) var(--12) var(--56) var(--12);
	overflow:hidden;
	box-shadow:var(--18) var(--18) 0 var(--Raspberry)
}
.moodboard:after {
	content:"drag mood / mix joy";
	position:absolute;
	right:var(--28);
	bottom:var(--28);
	font-family:var(--DisplayFont);
	font-size:var(--13);
	letter-spacing:.08em;
	text-transform:uppercase;
	background:var(--Ink);
	color:var(--Cream);
	border-radius:var(--999);
	padding:var(--12) var(--16)
}
.t23 {
	padding:var(--48);
	border:var(--4) solid var(--Ink);
	border-radius:var(--60);
	background:linear-gradient(135deg, rgba(255, 211, 67, .42), rgba(87, 203, 255, .24));
	box-shadow:var(--18) var(--18) 0 var(--Ink)
}
.t23 > .description {
	max-width:var(--760)
}
.t23a {
	padding:var(--28)
}
.t23a:nth-child(1) {
	background:#fff0f4
}
.t23a:nth-child(2) {
	background:#f0fbff
}
.t23a:nth-child(3) {
	background:#f3fff8
}
.t23aa .h2 {
	font-size:var(--18);
	letter-spacing:.02em;
	text-transform:uppercase;
	margin:var(--18) 0
}
.t23aaa {
	display:flex;
	justify-content:space-between;
	gap:var(--16);
	padding:var(--14) 0;
	border-top:2px dashed rgba(31, 30, 43, .28)
}
.t23aaa .description {
	font-size:var(--17);
	margin:0;
	color:var(--Ink)
}
.t7a {
	padding:var(--28);
	background:var(--Paper)
}
.t7a:nth-child(1) {
	border-radius:var(--60) var(--20) var(--60) var(--20)
}
.t7a:nth-child(2) {
	border-radius:var(--20) var(--60) var(--20) var(--60)
}
.t7a > .title {
	font-size:var(--48)
}
.t7a .items {
	display:grid;
	grid-template-columns:repeat(var(--InLine, 2), 1fr);
	gap:var(--18);
	margin-top:var(--22)
}
.t7aa {
	min-height:var(--160);
	padding:var(--24);
	border:var(--3) solid var(--Ink);
	border-radius:var(--28);
	background:rgba(255, 255, 255, .75);
	background-image:var(--BG);
	background-repeat:no-repeat;
	background-position:calc(100% - var(--16)) var(--16);
	background-size:var(--62, 62px)
}
.t7aa .title {
	font-size:var(--64);
	letter-spacing:-.07em
}
.t7aa .description {
	font-size:var(--17);
	font-weight:800;
	color:var(--Ink)
}
.t17 {
	padding-block:var(--20)
}
.t17a {
	flex:0 0 calc((100% - var(--18) * 3) / var(--InLine, 4));
	min-width:var(--250);
	scroll-snap-align:start;
	border:var(--4) solid var(--Ink);
	border-radius:var(--42);
	background:var(--Paper);
	box-shadow:var(--10) var(--10) 0 var(--Ink);
	padding:var(--28);
	transition:.35s
}
.t17a:hover {
	transform:translateY(-8px) rotate(1deg)
}
.t17a:before {
	content:"";
	display:block;
	width:var(--160);
	height:var(--160);
	border-radius:50%;
	border:var(--4) solid var(--Ink);
	background-image:var(--BG);
	background-size:cover;
	background-position:center;
	margin-bottom:var(--24);
	box-shadow:var(--8) var(--8) 0 var(--Lemon)
}
.t17a .h3 {
	font-size:var(--26);
	font-family:var(--DisplayFont);
	font-weight:900
}
.t17a .s.title {
	font-size:var(--13);
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--Raspberry);
	margin:var(--8) 0
}
.t17a .description {
	font-size:var(--16)
}
.t2a {
	min-height:var(--395);
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:var(--24);
	background-image:linear-gradient(180deg, transparent 20%, rgba(31, 30, 43, .85)), var(--BG);
	background-size:cover;
	background-position:center;
	color:var(--Cream)
}
.t2a .title {
	font-size:var(--26);
	text-shadow:0 2px 20px rgba(0, 0, 0, .35)
}
.t4 {
	min-height:var(--520);
	display:flex;
	align-items:center;
	justify-content:flex-end;
	background-image:linear-gradient(90deg, rgba(255, 247, 235, .08), rgba(255, 247, 235, .78) 52%, rgba(255, 247, 235, .92)), var(--BG);
	background-size:cover;
	background-position:center;
	border:var(--4) solid var(--Ink);
	border-radius:var(--70);
	box-shadow:var(--18) var(--18) 0 var(--Sky);
	overflow:hidden
}
.t4 .info {
	width:min(760px, 55%);
	padding:var(--48)
}
.t4 .title {
	font-size:var(--62)
}
.t19:before {
	content:"";
	position:absolute;
	right:-6%;
	top:-22%;
	width:36%;
	aspect-ratio:1;
	border-radius:42% 58% 63% 37%;
	background:var(--Raspberry);
	border:var(--4) solid var(--Cream);
	animation:wobble 7s ease-in-out infinite
}
.t19 strong {
	font-size:1.6em;
	color:var(--Lemon);
	font-family:var(--DisplayFont)
}
@keyframes wobble {
	50% {
		transform:translate(-20px, 24px) rotate(9deg)
	}
}
.t6a {
	padding:var(--26);
	background:var(--Paper)
}
.t6a:before {
	content:"";
	display:block;
	width:var(--76);
	height:var(--76);
	background-image:var(--BG);
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:var(--20)
}
.t6a .title {
	font-size:var(--26);
	font-family:var(--DisplayFont);
	font-weight:900;
	letter-spacing:-.04em
}
.t6a .description {
	font-size:var(--17)
}
.t15 {
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	gap:var(--48);
	align-items:start
}
.t15 > .items {
	display:grid;
	gap:var(--18)
}
.t15a {
	padding:var(--24);
	cursor:pointer;
	overflow:hidden
}
.t15a .title {
	font-family:var(--DisplayFont);
	font-size:var(--24);
	letter-spacing:-.04em;
	line-height:1.1
}
.t15a .description {
	display:grid;
	grid-template-rows:0fr;
	transition:grid-template-rows .45s var(--EaseOut);
	font-size:var(--17)
}
.t15a .description > * {
	overflow:hidden;
	margin:0
}
.t15a.current {
	background:var(--Lemon);
	transform:rotate(-.6deg)
}
.t15a.current .description {
	grid-template-rows:1fr;
	margin-top:var(--16)
}
.t16a:before {
	content:var(--Bfr);
	font-family:var(--DisplayFont);
	font-size:var(--11);
	width:var(--48);
	height:var(--48);
	border:var(--3) solid var(--Ink);
	border-radius:var(--16);
	background:var(--Lemon);
	display:grid;
	place-items:center;
	overflow:hidden;
	text-indent:-999px;
	background-image:url("../images/marker.svg");
	background-size:60%;
	background-repeat:no-repeat;
	background-position:center
}
.text:focus, textarea:focus {
	box-shadow:0 0 0 5px var(--Lemon)
}
input[type=submit] {
	width:100%;
	cursor:pointer
}
.map {
	min-height:var(--340);
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg, #dff8ff, #fff0d0) !important
}
.map:before {
	content:"";
	position:absolute;
	inset:0;
	background:repeating-linear-gradient(0deg, transparent 0 38px, rgba(31, 30, 43, .12) 39px 40px), repeating-linear-gradient(90deg, transparent 0 38px, rgba(31, 30, 43, .12) 39px 40px)
}
.map:after {
	content:"Алматы · штаб праздника";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%) rotate(-4deg);
	padding:var(--16) var(--20);
	border:var(--3) solid var(--Ink);
	border-radius:var(--22);
	background:var(--Raspberry);
	color:var(--Cream);
	font-family:var(--DisplayFont);
	font-size:var(--15);
	box-shadow:var(--8) var(--8) 0 var(--Ink)
}
.reveal {
	opacity:0;
	transform:translateY(44px) rotate(.4deg);
	transition:opacity .8s var(--EaseOut), transform .8s var(--EaseOut)
}
.reveal.in {
	opacity:1;
	transform:none
}
.pop {
	position:fixed;
	z-index:9997;
	pointer-events:none;
	width:var(--10);
	height:var(--10);
	border-radius:50%;
	background:var(--Raspberry);
	border:2px solid var(--Ink);
	animation:pop .75s var(--EaseOut) forwards
}
@keyframes pop {
	to {
		transform:translate(var(--x), var(--y)) scale(.15) rotate(200deg);
		opacity:0
	}
}
@media (max-width:1024px) {
	.body {
		width:100%
	}
	:root {
		--Unit:1px;
		--SidePadding:16px
	}
	body {
		font-size:17px
	}
	.mix-cursor {
		display:none
	}
	.header {
		left:10px;
		right:10px;
		top:10px;
		height:58px
	}
	.logo img {
		width:150px
	}
	.menu {
		position:fixed;
		inset:78px 10px auto 10px;
		display:none;
		flex-direction:column;
		border-radius:28px;
		padding:16px
	}
	.menu.open {
		display:flex
	}
	.burger {
		display:grid;
		width:52px;
		height:52px;
		border:3px solid var(--Ink);
		border-radius:18px;
		background:var(--Lemon);
		place-items:center;
		box-shadow:5px 5px 0 var(--Ink)
	}
	.burger span {
		width:24px;
		height:3px;
		background:var(--Ink);
		display:block;
		margin:2px
	}
	.contacts {
		display:none
	}
	.t0 {
		min-height:760px
	}
	.t0a .body {
		padding:96px 16px 32px
	}
	.t0a .info {
		padding:22px;
		border-radius:28px;
		box-shadow:8px 8px 0 currentColor
	}
	.t0 h1 {
		font-size:48px
	}
	.t0 .description {
		font-size:18px
	}
	.t0 .arrows {
		right:16px;
		bottom:20px
	}
	.arrow {
		width:52px;
		height:52px
	}
	#mb > .s:not(.t0) {
		margin:78px 16px 0;
		width:calc(100% - 32px);
	}
	.s > h2.title, .t16 h2.title {
		font-size:42px
	}
	.t3 .items, .t2 .items, .t6 .items, .t7 > .items, .t23 > .items {
		grid-template-columns:1fr !important;
		gap:18px
	}
	.t20, .t23, .t16, .t19 {
		padding:22px;
		border-radius:32px;
		box-shadow:8px 8px 0 var(--Ink)
	}
	.t4 {
		min-height:540px;
		justify-content:flex-start;
		border-radius:38px;
		background-image:linear-gradient(180deg, rgba(255, 247, 235, .20), rgba(255, 247, 235, .94) 48%), var(--BG)
	}
	.t4 .info {
		width:100%;
		padding:24px;
		align-self:flex-end
	}
	.t4 .title {
		font-size:38px
	}
	.footer {
		padding:30px 16px;
		display:block
	}
	.footer img {
		width:170px
	}
	.confetti-orbit {
		display:none
	}
	.t15 {
		grid-template-columns:1fr;
		padding:0 var(--16)
	}
	.t2 .items, .t7 .items {
		flex-direction:column
	}
	.t7a {
		width:100%;
		flex:none
	}
	.t17a {
		flex-basis:82%;
		flex:0 0 75%
	}
}
@media (prefers-reduced-motion:reduce) {
	*, *:before, *:after {
		animation:none !important;
		transition:none !important;
		scroll-behavior:auto !important
	}
	.reveal {
		opacity:1;
		transform:none
	}
}
.t3a img {
	width:100%;
	aspect-ratio:1.35;
	object-fit:cover;
	border-bottom:var(--4) solid var(--Ink);
	object-position:center center;
}
.t3a .info {
	padding:clamp(22px, var(--30, var(--30)), 38px);
}
.t3a .title, .t2a .title, .t6a .title, .t23a > .title {
	overflow-wrap:anywhere;
	hyphens:auto;
}
.t3a .title {
	font-size:clamp(24px, var(--30, var(--30)), 36px);
	line-height:1.08;
	letter-spacing:-.035em;
}
.t3a .description {
	font-size:var(--14);
	margin:var(--8) 0 var(--18);
	margin-top:var(--12);
	line-height:1.35;
}
.t19 {
	padding:clamp(42px, var(--74, var(--74)), 92px) var(--52) var(--56);
	border:var(--4) solid var(--Ink);
	border-radius:var(--48);
	background:var(--Ink);
	color:var(--Cream);
	box-shadow:var(--18) var(--18) 0 var(--Lemon);
	position:relative;
	overflow:hidden;
}
.t19 .info {
	position:relative;
	max-width:var(--980);
	z-index:2;
}
.t19 .title {
	line-height:1.08;
	max-width:var(--930);
	padding-top:.08em;
}
.t19 .description {
	color:rgba(255, 247, 235, .82);
	font-size:var(--24);
	max-width:var(--920);
	margin-top:var(--24);
}
.t19 .btn {
	margin-top:var(--18);
}
.t16 {
	padding:clamp(34px, var(--68, var(--68)), 86px);
	border:var(--4) solid var(--Ink);
	border-radius:var(--70) var(--70) var(--16) var(--70);
	background:linear-gradient(135deg, var(--Paper), #fff0f7);
	box-shadow:var(--18) var(--18) 0 var(--Ink);
}
.t16 .line {
	display:grid;
	grid-template-columns:.85fr 1fr .9fr;
	gap:clamp(24px, var(--40, var(--40)), 54px);
	margin-top:clamp(28px, var(--48, var(--48)), 62px);
	align-items:stretch;
}
.t16 .content, .t16 .form, .t16 .map {
	border:var(--3) solid var(--Ink);
	border-radius:var(--34);
	background:#fff;
	padding:clamp(26px, var(--36, var(--36)), 48px);
	box-shadow:var(--8) var(--8) 0 rgba(31, 30, 43, .18);
}
.t16a {
	padding:clamp(18px, var(--24, var(--24)), 32px) var(--6);
	border-bottom:2px dashed rgba(31, 30, 43, .25);
	display:flex;
	gap:clamp(16px, var(--24, var(--24)), 30px);
	align-items:center;
}
.t16a .description {
	font-size:var(--18);
	font-weight:800;
	color:var(--Ink);
	overflow-wrap:anywhere;
	line-height:1.25;
}
.t16 form {
	display:grid;
	gap:clamp(14px, var(--18, var(--18)), 24px);
}
.text, textarea {
	width:100%;
	border:var(--3) solid var(--Ink);
	border-radius:var(--20);
	background:var(--Cream);
	padding:clamp(18px, var(--24, var(--24)), 30px) clamp(20px, var(--30, var(--30)), 38px);
	font:700 var(--17)/1.2 var(--MainFont);
	color:var(--Ink);
	outline:none;
	min-height:clamp(62px, var(--78, var(--78)), 92px);
}
textarea {
	min-height:clamp(130px, var(--168, var(--168)), 190px);
	resize:vertical;
}
input[type=submit].btn {
	min-height:clamp(62px, var(--82, var(--82)), 96px);
}
@media (max-width:1024px) {
	.t19 {
		padding:34px 22px 28px
	}
	.t16 {
		padding:28px 20px
	}
	.t16 .content, .t16 .form, .t16 .map {
		padding:22px
	}
	.t16a:before {
		flex:0 0 48px
	}
	.t3a .title {
		font-size:28px
	}
}
.rq-ok {
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(8, 12, 20, .62);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	opacity:0;
	visibility:hidden;
	transition:opacity .3s ease, visibility .3s;
	font-family:var(--MainFont, system-ui, -apple-system, Segoe UI, Roboto, sans-serif)
}
.rq-ok.is-open {
	opacity:1;
	visibility:visible
}
.rq-ok__box {
	position:relative;
	max-width:440px;
	width:100%;
	background:var(--Color3, #fff);
	color:var(--Color1, #0e1116);
	border-radius:var(--MainBorderRadius, 18px);
	padding:42px 34px 34px;
	text-align:center;
	box-shadow:0 40px 90px -20px rgba(0, 0, 0, .45);
	transform:translateY(16px) scale(.97);
	transition:transform .35s cubic-bezier(.16, 1, .3, 1)
}
.rq-ok.is-open .rq-ok__box {
	transform:none
}
.rq-ok__ic {
	width:74px;
	height:74px;
	margin:0 auto 22px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:var(--Gradient, linear-gradient(135deg, #6646d5, #99ba2b))
}
.rq-ok__t {
	font-size:23px;
	font-weight:800;
	letter-spacing:-.01em;
	margin:0 0 10px
}
.rq-ok__d {
	font-size:15px;
	line-height:1.55;
	color:var(--Gray7, #5b6472);
	margin:0 0 26px
}
.rq-ok__btn {
	font-family:var(--MonoFont, var(--MainFont, inherit));
	text-transform:uppercase;
	letter-spacing:.06em;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	border:0;
	border-radius:var(--ButtonsBorderRadius, 8px);
	padding:14px 32px;
	color:#fff;
	background:var(--Gradient, linear-gradient(135deg, #6646d5, #99ba2b));
	transition:transform .2s ease
}
.rq-ok__btn:hover {
	transform:scale(1.04)
}
.rq-ok__x {
	position:absolute;
	top:12px;
	right:14px;
	width:34px;
	height:34px;
	border:0;
	background:transparent;
	cursor:pointer;
	font-size:26px;
	line-height:1;
	color:var(--Gray4, #9aa3af);
	transition:color .2s
}
.rq-ok__x:hover {
	color:var(--Color1, #0e1116)
}
.t0 .arrows .arrow {
	transition:background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.t0 .arrows .arrow:hover {
	background:var(--Raspberry);
	border-color:var(--Raspberry);
	box-shadow:var(--7, 7px) var(--7, 7px) 0 var(--Ink);
	transform:scale(1.06) rotate(-4deg);
}
.t0 .arrows .arrow.right {
	transform:rotate(180deg)}
.t0 .arrows .arrow.right:hover {
	transform:rotate(180deg) scale(1.08)}
.t0 .arrows .arrow:hover:before {
	border-color:#fff;
}
.t17a .info {
	height:100%
}
@media (max-width:1024px) {
	.t16 .line {
		grid-template-columns:1fr;
		display:flex !important;
		flex-direction:column;
		gap:16px
	}
	.t16 .content, .t16 .form, .t16 .map {
		width:100% !important;
		flex:0 0 auto
	}
	.t16 .map {
		min-height:280px
	}
	.t7a .items {
		grid-template-columns:1fr !important
	}
	.t7aa {
		min-width:0
	}
	.t7aa .title {
		font-size:48px
	}
}