/* =========================================================
   KeKe's Art Space — main.css
   Warm editorial gallery aesthetic
   (tightened spacing version)
   ========================================================= */

/* ---------- Design tokens ---------- */
:root{
	--paper:       #f6f2ea;
	--paper-2:     #fffdf9;
	--ink:         #1c1a17;
	--ink-soft:    #6b635a;
	--line:        rgba(28,26,23,.13);
	--accent:      #12666e;
	--accent-soft: #e4eeef;
	--gold:        #b9873f;

	--radius-sm: 8px;
	--radius:    14px;
	--radius-lg: 20px;

	--shadow:      0 1px 2px rgba(28,26,23,.04), 0 18px 40px -28px rgba(28,26,23,.35);
	--shadow-soft: 0 18px 45px -30px rgba(28,26,23,.45);

	--transition: .35s cubic-bezier(.22,.61,.36,1);
	--container: 1140px;

	--font-display: "Fraunces", "Times New Roman", serif;
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Reset & base ---------- */
*,
*::before,
*::after{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html{
	scroll-behavior:smooth;
	-webkit-text-size-adjust:100%;
}

body{
	font-family:var(--font-body);
	font-size:16px;
	font-weight:400;
	line-height:1.75;
	background:var(--paper);
	color:var(--ink);
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{
	display:block;
	max-width:100%;
}

a{
	color:inherit;
	text-decoration:none;
}

button{
	font:inherit;
	color:inherit;
}

::selection{
	background:var(--accent);
	color:var(--paper);
}

/* ---------- Shared type ---------- */
h2{
	font-family:var(--font-display);
	font-weight:400;
	font-size:clamp(1.9rem, 4vw, 2.9rem);
	line-height:1.1;
	letter-spacing:-.015em;
	color:var(--ink);
}

.eyebrow{
	font-size:.7rem;
	font-weight:500;
	letter-spacing:.26em;
	text-transform:uppercase;
	color:var(--accent);
	margin-bottom:.6rem;
}

.section-head{
	text-align:center;
	max-width:640px;
	margin:0 auto 34px;
}

.section-head::after{
	content:"";
	display:block;
	width:40px;
	height:1px;
	margin:14px auto 0;
	background:var(--line);
}

/* ---------- Sections ---------- */
section{
	max-width:var(--container);
	margin-inline:auto;
	padding:64px clamp(20px, 5vw, 40px);
}

section[id]{
	scroll-margin-top:90px;
}

.js section{
	opacity:0;
	transform:translateY(22px);
	transition:opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1);
}

.js section.show{
	opacity:1;
	transform:none;
}

/* ---------- Buttons ---------- */
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:14px 28px;
	border-radius:999px;
	font-size:.78rem;
	font-weight:500;
	letter-spacing:.14em;
	text-transform:uppercase;
	transition:transform var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);
}

.btn-light{
	background:var(--paper);
	color:var(--ink);
	box-shadow:0 10px 30px -14px rgba(0,0,0,.5);
}

.btn-light:hover{
	background:#fff;
	transform:translateY(-2px);
	box-shadow:0 18px 38px -16px rgba(0,0,0,.55);
}

.link-underline{
	position:relative;
	font-size:.78rem;
	font-weight:500;
	letter-spacing:.14em;
	text-transform:uppercase;
	padding-bottom:4px;
}

.link-underline::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:currentColor;
	opacity:.45;
	transform-origin:left;
	transition:transform var(--transition), opacity var(--transition);
}

.link-underline:hover::after{
	opacity:1;
	transform:scaleX(1.04);
}

/* =========================================================
   Header
   ========================================================= */
header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:16px clamp(20px, 5vw, 56px);
	border-bottom:1px solid transparent;
	transition:background var(--transition), padding var(--transition), border-color var(--transition), box-shadow var(--transition);
}

header.scrolled{
	padding-top:9px;
	padding-bottom:9px;
	background:rgba(246,242,234,.88);
	-webkit-backdrop-filter:blur(16px) saturate(1.3);
	backdrop-filter:blur(16px) saturate(1.3);
	border-bottom-color:var(--line);
}

/* logo */
.logo{
	display:flex;
	align-items:center;
	flex-shrink:0;
}

.logo img{
	height:46px;
	width:auto;
	object-fit:contain;
	transition:height var(--transition);
}

header.scrolled .logo img{
	height:38px;
}

/* nav */
nav{
	display:flex;
	align-items:center;
	gap:28px;
}

nav a{
	position:relative;
	font-size:.82rem;
	font-weight:500;
	letter-spacing:.03em;
	color:#fff;
	transition:color var(--transition), opacity var(--transition);
}

header.scrolled nav a{
	color:var(--ink);
}

nav a::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:1px;
	background:currentColor;
	transform:scaleX(0);
	transform-origin:left;
	transition:transform var(--transition);
}

nav a:hover::after{
	transform:scaleX(1);
}

nav a:hover{
	opacity:.85;
}

/* booking pill */
.nav-cta{
	padding:9px 20px;
	border:1px solid rgba(255,255,255,.45);
	border-radius:999px;
	transition:background var(--transition), color var(--transition), border-color var(--transition);
}

header.scrolled .nav-cta{
	border-color:var(--line);
}

.nav-cta::after{
	display:none;
}

header .nav-cta:hover{
	background:var(--ink);
	border-color:var(--ink);
	color:var(--paper);
	opacity:1;
}

/* burger */
.nav-toggle{
	display:none;
	flex-direction:column;
	justify-content:center;
	gap:6px;
	width:42px;
	height:42px;
	background:transparent;
	border:none;
	cursor:pointer;
	padding:0;
}

.nav-toggle span{
	display:block;
	width:24px;
	height:1.5px;
	margin-inline:auto;
	background:#fff;
	transition:transform var(--transition), background var(--transition), opacity var(--transition);
}

header.scrolled .nav-toggle span,
header.menu-open .nav-toggle span{
	background:var(--ink);
}

header.menu-open .nav-toggle span:first-child{
	transform:translateY(3.75px) rotate(45deg);
}

header.menu-open .nav-toggle span:last-child{
	transform:translateY(-3.75px) rotate(-45deg);
}

/* =========================================================
   Hero
   ========================================================= */
.hero{
	position:relative;
	min-height:88vh;
	min-height:100svh;
	display:grid;
	place-items:center;
	text-align:center;
	padding:130px 24px 80px;
	background:
		linear-gradient(180deg, rgba(14,13,11,.62) 0%, rgba(14,13,11,.34) 42%, rgba(14,13,11,.68) 100%),
		url("images/keke27.jpeg") center/cover no-repeat;
	color:#fff;
}

.hero-inner{
	max-width:820px;
}

.hero .eyebrow{
	color:rgba(255,255,255,.78);
}

.hero h1{
	font-family:var(--font-display);
	font-weight:300;
	font-size:clamp(2.7rem, 8vw, 5.6rem);
	line-height:1.02;
	letter-spacing:-.025em;
	margin-bottom:.5rem;
}

.hero-sub{
	font-size:clamp(.9rem, 2vw, 1.05rem);
	font-weight:300;
	letter-spacing:.3em;
	text-transform:uppercase;
	opacity:.9;
}

.hero-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:26px;
	margin-top:36px;
}

/* =========================================================
   About + marquee galleries
   ========================================================= */
.about-gallery{
	max-width:100%;
	padding:70px 0 40px;
	overflow:hidden;
}

.about-gallery > .section-head,
.about-gallery > .aboutcard,
.about-gallery > .gallery-title{
	max-width:var(--container);
	margin-inline:auto;
	padding-inline:clamp(20px, 5vw, 40px);
}

.aboutcard{
	text-align:center;
	max-width:760px;
	font-size:1.06rem;
	line-height:1.9;
	color:var(--ink-soft);
	margin-bottom:40px;
}

.aboutcard p + p{
	margin-top:1rem;
}

.gallery-title{
	font-family:var(--font-display);
	font-weight:400;
	font-size:clamp(1.5rem, 3vw, 2.1rem);
	line-height:1.15;
	letter-spacing:-.01em;
	text-align:center;
	color:var(--ink);
	margin:0 auto 22px;
}

.gallery-row{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
	-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
	mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}

.gallery-row:last-child{
	margin-bottom:0;
}

.gallery-track{
	display:flex;
	gap:18px;
	width:max-content;
	will-change:transform;
}

.gallery-track img{
	width:260px;
	aspect-ratio:1 / 1;
	object-fit:cover;
	border-radius:var(--radius);
	flex-shrink:0;
	transition:transform .5s cubic-bezier(.22,.61,.36,1), filter .5s ease;
	filter:saturate(.94);
}

.gallery-track img:hover{
	transform:scale(1.04);
	filter:saturate(1.05);
}

.row-right .gallery-track{
	animation:marquee-right 62s linear infinite;
}

.row-left .gallery-track{
	animation:marquee-left 70s linear infinite;
}

.gallery-row:hover .gallery-track{
	animation-play-state:paused;
}

/* =========================================================
   Classes & Fees
   ========================================================= */
.classes-container{
	display:grid;
	grid-template-columns:1.12fr .88fr;
	background:var(--paper-2);
	border:1px solid var(--line);
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow);
}

.classes-text{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:clamp(26px, 3.5vw, 42px);
}

.program-branch{
	padding:14px 0;
	border-bottom:1px solid var(--line);
	transition:padding-left var(--transition);
}

.program-branch:first-child{
	padding-top:0;
}

.program-branch:hover{
	padding-left:10px;
}

.program-branch h3{
	font-family:var(--font-display);
	font-weight:500;
	font-size:1.12rem;
	line-height:1.35;
	letter-spacing:-.005em;
	margin-bottom:5px;
}

.program-branch p{
	font-size:.9rem;
	color:var(--ink-soft);
	line-height:1.6;
}

/* fees */
.fee-sheet{
	margin-top:20px;
	padding:22px 24px;
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:var(--radius);
}

.fee-sheet h4{
	font-size:.7rem;
	font-weight:600;
	letter-spacing:.24em;
	text-transform:uppercase;
	color:var(--accent);
	margin-bottom:10px;
}

.fee-row{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:24px;
	padding:11px 0;
	border-bottom:1px solid var(--line);
}

.fee-row:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.fee-row strong{
	font-weight:500;
	font-size:.95rem;
}

.fee-row span{
	font-size:.88rem;
	line-height:1.6;
	color:var(--ink-soft);
	text-align:right;
}

.duration-tag{
	align-self:flex-start;
	margin-top:18px;
	padding:10px 18px;
	border:1px solid var(--accent);
	border-radius:999px;
	font-size:.76rem;
	font-weight:500;
	letter-spacing:.08em;
	color:var(--accent);
}

/* image side */
.classes-image-wrapper{
	position:relative;
	min-height:380px;
	overflow:hidden;
}

.classes-img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.poster-overlay{
	position:absolute;
	inset:auto 0 0;
	padding:24px 22px 22px;
	background:linear-gradient(to top, rgba(14,13,11,.86), rgba(14,13,11,.12) 78%, transparent);
	color:#fff;
	text-align:center;
}

.poster-overlay strong{
	display:block;
	font-family:var(--font-display);
	font-weight:400;
	font-size:1.18rem;
	letter-spacing:-.005em;
	margin-bottom:6px;
}

.poster-overlay span{
	display:block;
	font-size:.78rem;
	line-height:1.65;
	letter-spacing:.04em;
	opacity:.86;
}

/* =========================================================
   Hours & Contact
   ========================================================= */
.info{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
	gap:20px;
}

.box{
	padding:clamp(24px, 3vw, 34px);
	background:var(--paper-2);
	border:1px solid var(--line);
	border-radius:var(--radius-lg);
	transition:transform var(--transition), box-shadow var(--transition);
}

.box:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-soft);
}

.box h3{
	font-family:var(--font-display);
	font-weight:400;
	font-size:1.32rem;
	letter-spacing:-.01em;
	color:var(--accent);
	margin-bottom:14px;
}

/* dark first box for contrast */
#hours .box:first-child{
	background:var(--ink);
	border-color:transparent;
	color:var(--paper);
}

#hours .box:first-child h3{
	color:var(--paper);
}

#hours .box:first-child .schedule-row{
	border-bottom-color:rgba(246,242,234,.16);
}

#hours .box:first-child .schedule-row:last-child{
	border-bottom:none;
}

#hours .box:first-child .schedule-row span:last-child{
	color:rgba(246,242,234,.72);
}

.schedule-row,
.contact-method-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:18px;
	padding:10px 0;
	border-bottom:1px solid var(--line);
	font-size:.94rem;
}

.schedule-row:last-child,
.contact-method-row:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.schedule-row span:last-child,
.contact-method-row span:last-child{
	color:var(--ink-soft);
}

#hours .box:first-child .schedule-row span:last-child{
	color:rgba(246,242,234,.72);
}

.contact-person-tag{
	display:inline-block;
	margin-bottom:14px;
	padding:8px 15px;
	background:var(--accent-soft);
	border-radius:999px;
	font-size:.85rem;
}

.contact-person-tag strong{
	font-weight:600;
}

.app-label{
	font-weight:500;
	color:var(--accent);
}

/* =========================================================
   Reviews
   ========================================================= */
.review-section-wrapper{
	display:grid;
	grid-template-columns:1.6fr .9fr;
	gap:24px;
	align-items:stretch;
}

.review-left{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.review-container{
	display:flex;
	align-items:center;
	gap:16px;
}

.review-slider{
	flex:1;
	min-width:0;
}

.review{
	display:none;
	min-height:230px;
	padding:clamp(24px, 3vw, 38px);
	background:var(--paper-2);
	border:1px solid var(--line);
	border-radius:var(--radius-lg);
}

.review.active{
	display:block;
	animation:fade .45s cubic-bezier(.22,.61,.36,1);
}

.review blockquote{
	font-family:var(--font-display);
	font-weight:300;
	font-size:1.1rem;
	line-height:1.7;
	letter-spacing:-.005em;
	margin:12px 0 16px;
}

.review h4{
	font-size:.78rem;
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--ink-soft);
}

.stars{
	color:var(--gold);
	font-size:1rem;
	letter-spacing:.18em;
}

.arrow{
	flex-shrink:0;
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid var(--line);
	background:transparent;
	color:var(--ink);
	font-size:.9rem;
	cursor:pointer;
	transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);
}

.arrow:hover{
	background:var(--ink);
	border-color:var(--ink);
	color:var(--paper);
	transform:scale(1.05);
}

.dots{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:18px;
}

.dot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--line);
	border:none;
	padding:0;
	cursor:pointer;
	transition:background var(--transition), transform var(--transition);
}

.dot.active-dot{
	background:var(--accent);
	transform:scale(1.25);
}

.review-img-holder{
	height:100%;
	min-height:280px;
	overflow:hidden;
	border-radius:var(--radius-lg);
}

.review-img-holder img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 1.1s cubic-bezier(.22,.61,.36,1);
}

.review-right-pic:hover .review-img-holder img{
	transform:scale(1.05);
}

.review-caption{
	margin-top:12px;
	font-size:.85rem;
	text-align:center;
	color:var(--ink-soft);
}

/* =========================================================
   FAQ
   ========================================================= */
.faq-list{
	max-width:820px;
	margin-inline:auto;
	border-top:1px solid var(--line);
}

.faq-item{
	border-bottom:1px solid var(--line);
}

.faq-item summary{
	position:relative;
	list-style:none;
	cursor:pointer;
	padding:18px 52px 18px 0;
	font-family:var(--font-display);
	font-weight:400;
	font-size:1.08rem;
	line-height:1.5;
	letter-spacing:-.005em;
	transition:color var(--transition);
}

.faq-item summary::-webkit-details-marker{
	display:none;
}

.faq-item summary:hover{
	color:var(--accent);
}

.faq-item summary::after{
	content:"";
	position:absolute;
	right:6px;
	top:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	background:
		linear-gradient(var(--accent), var(--accent)) center / 14px 1.5px no-repeat,
		linear-gradient(var(--accent), var(--accent)) center / 1.5px 14px no-repeat;
	transition:transform var(--transition), opacity var(--transition);
}

.faq-item[open] summary::after{
	transform:rotate(90deg);
	opacity:.5;
}

.faq-item p{
	padding:0 52px 20px 0;
	font-size:.95rem;
	line-height:1.85;
	color:var(--ink-soft);
	animation:fade .4s ease;
}

.faq-item p a{
	color:var(--accent);
	border-bottom:1px solid currentColor;
}

/* =========================================================
   Location
   ========================================================= */
.card{
	padding:clamp(22px, 3.5vw, 36px);
	background:var(--paper-2);
	border:1px solid var(--line);
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow);
}

.address{
	font-family:var(--font-display);
	font-weight:400;
	font-size:1.05rem;
	letter-spacing:-.005em;
	margin-bottom:6px;
}

iframe{
	width:100%;
	height:400px;
	margin-top:18px;
	border:none;
	border-radius:var(--radius);
	filter:grayscale(.35) contrast(1.02);
	transition:filter var(--transition);
}

.card:hover iframe{
	filter:grayscale(0) contrast(1);
}

/* =========================================================
   Footer
   ========================================================= */
footer{
	margin-top:16px;
	padding:44px 24px;
	background:var(--ink);
	color:rgba(246,242,234,.72);
	text-align:center;
}

footer p:first-child{
	font-family:var(--font-display);
	font-size:1.15rem;
	letter-spacing:-.005em;
	color:var(--paper);
	margin-bottom:6px;
}

footer p:last-child{
	font-size:.74rem;
	letter-spacing:.26em;
	text-transform:uppercase;
}

/* =========================================================
   Floating WhatsApp
   ========================================================= */
.floating-whatsapp{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:999;
	display:grid;
	place-items:center;
	width:56px;
	height:56px;
	border-radius:50%;
	background:#1faa59;
	color:#fff;
	box-shadow:0 14px 34px -12px rgba(31,170,89,.7);
	transition:transform var(--transition), box-shadow var(--transition);
}

.floating-whatsapp:hover{
	transform:translateY(-3px) scale(1.05);
	box-shadow:0 20px 40px -14px rgba(31,170,89,.8);
}

/* =========================================================
   Utilities (kept for app.js compatibility)
   ========================================================= */
.hidden{
	opacity:0;
	transform:translateY(22px);
	transition:opacity .75s ease, transform .75s ease;
}

.show{
	opacity:1;
	transform:none;
}

.selected{
	border-color:var(--accent);
	box-shadow:0 0 0 2px var(--accent-soft);
}

/* =========================================================
   Animations
   ========================================================= */
@keyframes fade{
	from{ opacity:0; transform:translateY(10px); }
	to{ opacity:1; transform:none; }
}

@keyframes marquee-left{
	from{ transform:translate3d(0,0,0); }
	to{ transform:translate3d(calc(-50% - 9px),0,0); }
}

@keyframes marquee-right{
	from{ transform:translate3d(calc(-50% - 9px),0,0); }
	to{ transform:translate3d(0,0,0); }
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1024px){
	.classes-container{
		grid-template-columns:1fr;
	}

	.classes-image-wrapper{
		min-height:340px;
		order:-1;
	}

	.review-section-wrapper{
		grid-template-columns:1fr;
	}

	.review-right-pic{
		order:-1;
	}

	.review-img-holder{
		min-height:240px;
	}
}

@media (max-width: 980px){

	/* mobile navigation */
	.nav-toggle{
		display:flex;
	}

	nav#siteNav{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		flex-direction:column;
		align-items:stretch;
		gap:0;
		padding:10px clamp(20px, 5vw, 40px) 20px;
		background:rgba(246,242,234,.98);
		-webkit-backdrop-filter:blur(16px);
		backdrop-filter:blur(16px);
		border-bottom:1px solid var(--line);
		opacity:0;
		transform:translateY(-10px);
		pointer-events:none;
		transition:opacity var(--transition), transform var(--transition);
	}

	header.menu-open nav#siteNav{
		opacity:1;
		transform:none;
		pointer-events:auto;
	}

	header.menu-open{
		background:rgba(246,242,234,.98);
		border-bottom-color:var(--line);
	}

	nav#siteNav a{
		width:100%;
		padding:12px 0;
		border-bottom:1px solid var(--line);
		color:var(--ink);
	}

	nav#siteNav a::after{
		display:none;
	}

	nav#siteNav a:last-child{
		border-bottom:none;
	}

	.nav-cta{
		margin-top:12px;
		text-align:center;
		justify-content:center;
		display:flex;
		border-color:var(--line);
	}

	.nav-cta:hover{
		background:var(--ink);
		color:var(--paper);
	}

	.hero{
		min-height:auto;
		padding:130px 22px 80px;
	}

	section{
		padding:52px clamp(20px, 5vw, 32px);
	}

	.about-gallery{
		padding:56px 0 32px;
	}

	.section-head{
		margin-bottom:28px;
	}
}

@media (max-width: 768px){

	.gallery-track{
		gap:14px;
	}

	.gallery-track img{
		width:172px;
	}

	.gallery-row{
		margin-bottom:28px;
	}

	.aboutcard{
		margin-bottom:28px;
	}

	.fee-row{
		flex-direction:column;
		gap:4px;
	}

	.fee-row span{
		text-align:left;
	}

	.schedule-row,
	.contact-method-row{
		flex-direction:column;
		align-items:flex-start;
		gap:2px;
	}

	.arrow{
		width:40px;
		height:40px;
	}

	.review-container{
		gap:10px;
	}

	.faq-item summary,
	.faq-item p{
		padding-right:38px;
	}

	iframe{
		height:300px;
	}
}

@media (max-width: 520px){

	.hero h1{
		font-size:2.5rem;
	}

	.hero-actions{
		gap:16px;
	}

	.btn{
		width:100%;
	}

	.floating-whatsapp{
		width:50px;
		height:50px;
		right:16px;
		bottom:16px;
	}
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce){

	html{
		scroll-behavior:auto;
	}

	*,
	*::before,
	*::after{
		animation-duration:.001ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.001ms !important;
	}

	.js section{
		opacity:1;
		transform:none;
	}

	.gallery-track{
		transform:none !important;
	}
}