/*===
#TiViTiVi by Corporo Malala
Coryrights 2025 Into Binary. All rights reserved.
Coded for https://tivitivi.corporomalala.online.
===*/


/*=== LIBRARIES ===*/
/*=== END LIBRARIES ===*/

/*=== CUSTOM ===*/
			*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-family:inherit;vertical-align:baseline;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;/*user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;*/tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0 !important;}html, body{min-height:100%;font-family:sans-serif;font-size:1rem;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;line-height:1;}article, footer, header, section{display:block;}ol, ul{list-style:none;}a{display:inline-block;text-decoration:none;background-color:transparent;color:initial;}a img{border:none;}a, button, input[type="submit"]{cursor:pointer !important;}button{// background-color:transparent;}img{width:100%;max-width:100%;height:auto;}img::selection{fill:none;color:none;display:none;background:none;}video{max-width:100%;}input[type="text"], input[type="number"], input[type="search"], input[type="email"], textarea{text-align:left;max-width:100%;}input[type="checkbox"], input[type="radio"]{display:none;}input[type="submit"]{background-color:transparent;}label{display:inline;}textarea{resize:vertical;}
		table { border-spacing: 0; }

	/*** CANCEL ***/
html, body, main { width: 100%; height: 100%; }
/*** END CANCEL ***/

/*** COLORS ***/
html {// background-color: #DA301E }
/*** END COLORS ***/

/*** FONTS ***/
@font-face { font-family: "CrackMan"; src: url("/assets/fonts/crackman.ttf"); }
@font-face { font-family: "CrackMan Front"; src: url("/assets/fonts/crackman front.ttf"); }
@font-face { font-family: "Impact"; src: url("/assets/fonts/impact.ttf"); }

* { font-family: "Impact"; word-spacing: .15em; }
* { font-family: "CrackMan Front"; }

	 { letter-spacing: .1em; line-height: 1.15em; word-spacing: initial !important; }
/*** END FONTS ***/

/*** MEDIA ***/
* { background-size: cover; background-position: center; }
/*** END MEDIA ***/

/*** UTILITIES ***/
	/*** .u-cursor ***/
	.u-cursor {
		position: fixed;
		min-width: 1em; aspect-ratio: 1/1;
		transform: translate(-50%, -75%);
	}
/*** END UTILITIES ***/

/*** COMPONENTS ***/
	/*** COMMONS ***/

	/*** .thedress ***/
	.thedress { display: flex; }
	
	.thedress {
		width: 100%; height: 100%;
		
//		background-color: green;
	}
/*** END COMPONENTS ***/

/*** INTERACTIVITY ***/
/*** END INTERACTIVITY ***/

/*** MEDIA-QUERIES ***/
@media all and (max-width: 50em) {
	/*** FONTS ***/
	html { font-size: 14px; }
	
	/*** COMPONENTS: .thedress ***/
	.thedress { flex-direction: column; }
	.thedress-gallery { flex: 1; }
	
	.thedress-gallery { width: 100%; }
	.thedress-gallery { padding: 1.8em; }
	
	/*** VIEWPORT ***/
	.thedress-gallery {
		
	}
	.thedress-waitlist {
		aspect-ratio: 16/9;
		background-size: 118% auto;
	}
}
@media all and (min-width: 50em) {
	/*** FONTS ***/
	html { font-size: 18px; }
	
	/*** MEDIA ***/
	.thedress-waitlist { background-position: left; }
	
	/*** COMPONENTS: .thedress ***/
	.thedress { flex-direction: row-reverse; }
	.thedress-waitlist { flex: 1; }

	.thedress-gallery { width: 30vw; }
	.thedress-gallery { padding: 5em; }
	
	/*** VIEWPORT ***/
}

@media all and (orientation: landscape) {}
@media all and (orientation: portrait) {}
/*** END MEDIA-QUERIES ***/

/*** DECORATION ***/
	/*** .d-snapPoints ***/
	.d-snapPoints-grandParent,
	.d-snapPoints-parent { width:100%; height: 100%; }
	.d-snapPoints-parent { width: 400%; }
	.d-snapPoints-grandParent {
		overflow: auto;
		
		scroll-snap-type: mandatory;
		-webkit-scroll-snap-type: mandatory;
		-ms-scroll-snap-type: mandatory;
		-o-scroll-snap-type: mandatory;
		
		scroll-snap-points-x: repeat(50%);
		-webkit-scroll-snap-points-x: repeat(50%);
		-ms-scroll-snap-points-x: repeat(50%);
		-o-scroll-snap-points-x: repeat(50%);
		
		scroll-snap-type: x mandatory;
		-webkit-scroll-snap-type: x mandatory;
		-ms-scroll-snap-type: x mandatory;
		-o-scroll-snap-type: x mandatory;
	}
	.d-snapPoints {
		width: 25%; height: 100%;
		float: left;
//		border: 1px solid purple;
		
		scroll-snap-align: center;
		-webkit-scroll-snap-align: center;
		-ms-scroll-snap-align: center;
		-o-scroll-snap-align: center;
	}
/*** END DECORATION ***/

/*** TOOLS ***/
	/*** .CSScentered ***/
	.CSScentered {
		display: flex;
		align-items: center; justify-content: center;
	}
/*** END TOOLS ***/

/*** CSS-HACKS ***/
.thedress-gallery {// overflow: hidden; }
/*** END CSS-HACKS ***/
/*=== END CUSTOM ===*/