@charset "utf-8";

@media screen and (orientation: landscape) {

body { background: linear-gradient(90deg, rgb(222, 232, 242), rgb(196, 209, 218));}
body.lookbook_21ss { background: linear-gradient(90deg, rgb(184, 154, 120), rgb(161, 129, 90));}
body.lookbook_21aw { background: linear-gradient(90deg, rgb(32, 49, 59), rgb(56, 96, 111));}
body.lookbook_22ss { background: linear-gradient(90deg, rgb(83, 93, 58), rgb(152, 113, 17));}
body.lookbook_22aw { background: linear-gradient(90deg, rgb(159, 88, 44), rgb(151, 143, 44));}
body.lookbook_23aw { background: linear-gradient(90deg, rgb(92, 49, 58), rgb(53, 44, 51));}
body.lookbook_24ss { background: linear-gradient(90deg, rgb(162, 138, 110), rgb(178, 128, 70));}
body.lookbook_24aw { background: linear-gradient(90deg, rgb(217, 213, 201), rgb(231, 232, 237));}
body.lookbook_25ss { background: linear-gradient(90deg, rgb(183, 211, 224), rgb(234, 213, 182));}
body.lookbook_25aw { background: linear-gradient(90deg, rgb(74, 61, 55), rgb(51, 56, 50));}
body.lookbook_26ss { background: linear-gradient(90deg, rgb(35, 77, 116), rgb(41, 28, 49));}

#wrapper {
}

#logo {
	position: fixed;
	z-index: 100;
	width: 15vw;
	margin: 50vh 0 0 2vw;
	transform: translateY(-50%);
}

#logo img {
	width: 100%;
}

#title {
	position: fixed;
	z-index: 120;
	margin: 35px 0 0 2vw;
	transform-origin: top left;
	transform: translateY(-50%);
	transform: scale(1.1, 1);
	font-family: 'Urbanist', sans-serif;
	font-size: 1.4vw;
	line-height: 0;
	letter-spacing: 0.3em;
	white-space: nowrap;
}

body.lookbook_21aw #title,
body.lookbook_22ss #title,
body.lookbook_22aw #title,
body.lookbook_23ss #title,
body.lookbook_23aw #title,
body.lookbook_25ss #title,
body.lookbook_25aw #title,
body.lookbook_26ss #title {
	color: #fff;
}

#lookbook_banner {
	position: fixed;
	transform: rotate(-90deg);
	z-index: 111;
	top: 85px;
	right: -19px;
}

#store_banner {
	position: fixed;
	transform: rotate(-90deg);
	z-index: 110;
	bottom: 130px;
	right: -35px;
}

#lookbook_banner a,
#store_banner a {
	display: block;
	padding: 0 0 11px 2px;
	border-bottom: 3px solid #000;
	color: #000;
	font-family: 'Urbanist', sans-serif;
	font-size: 12px;
	line-height: 0;
	letter-spacing: 0.3em;
	text-decoration: none;
}

body.lookbook_21aw #lookbook_banner a,
body.lookbook_21aw #store_banner a,
body.lookbook_22ss #lookbook_banner a,
body.lookbook_22ss #store_banner a,
body.lookbook_22aw #lookbook_banner a,
body.lookbook_22aw #store_banner a,
body.lookbook_23ss #lookbook_banner a,
body.lookbook_23ss #store_banner a,
body.lookbook_23aw #lookbook_banner a,
body.lookbook_23aw #store_banner a,
body.lookbook_25ss #lookbook_banner a,
body.lookbook_25ss #store_banner a,
body.lookbook_25aw #lookbook_banner a,
body.lookbook_25aw #store_banner a,
body.lookbook_26ss #lookbook_banner a,
body.lookbook_26ss #store_banner a
 {
	border-bottom: 3px solid #fff;
	color: #fff;
}

#insta_banner a {
	display: block;
	position: fixed;
	bottom: 23px;
	right: 23px;
	z-index: 200;
}

#insta_banner a img {
	width: 24px;
	height: 24px;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

figure {
	width: 25%;
}

.gallery img {
	vertical-align: bottom;
	width: 100%;
}

#list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.season {
	width: 50%;
	height: 100vh;
	overflow: hidden;
}

#season_19aw,
#season_20ss,
#season_20aw,
#season_21ss,
#season_21aw,
#season_22ss,
#season_22aw,
#season_23ss,
#season_23aw,
#season_24ss,
#season_24aw,
#season_25ss,
#season_25aw,
#season_26ss {
	width: 33.3%;
}


/*#season_24ss,
#season_24aw,
#season_25ss,
#season_25aw
 {
	width: 50%;
}*/

.season a {
	text-align: center;
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	color: #fff;
	font-family: 'Urbanist', sans-serif;
	font-size: 4vw;
	letter-spacing: 0.05em;
	text-decoration: none;
}

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

.season_title {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 200;
	width: 100%;
	letter-spacing: 0.1em;
}

.season_title span {
	display: block;
	font-size: 0.8vw;
	letter-spacing: 0.32em;
	line-height: 1.5em;
}


}


@media screen and (orientation: portrait) {

body { background: linear-gradient(90deg, rgb(222, 232, 242), rgb(196, 209, 218));}
body.lookbook_21ss { background: linear-gradient(90deg, rgb(184, 154, 120), rgb(161, 129, 90));}
body.lookbook_21aw { background: linear-gradient(90deg, rgb(32, 49, 59), rgb(56, 96, 111));}
body.lookbook_22ss { background: linear-gradient(90deg, rgb(83, 93, 58), rgb(152, 113, 17));}
body.lookbook_22aw { background: linear-gradient(90deg, rgb(159, 88, 44), rgb(151, 143, 44));}
body.lookbook_23aw { background: linear-gradient(90deg, rgb(92, 49, 58), rgb(53, 44, 51));}
body.lookbook_24ss { background: linear-gradient(90deg, rgb(162, 138, 110), rgb(178, 128, 70));}
body.lookbook_24aw { background: linear-gradient(90deg, rgb(217, 213, 201), rgb(231, 232, 237));}
body.lookbook_25ss { background: linear-gradient(90deg, rgb(183, 211, 224), rgb(234, 213, 182));}
body.lookbook_26ss { background: linear-gradient(90deg, rgb(35, 77, 116), rgb(41, 28, 49));}

#logo {
	position: fixed;
	z-index: 300;
	width: 20vw;
	margin: 50vh 0 0 4vw;
	transform: translateY(-50%);
}

#logo img {
	width: 100%;
}

#title {
	position: fixed;
	z-index: 120;
	margin: 60px 0 0 4vw;
	transform-origin: top left;
	transform: translateY(-50%);
	transform: scale(1.1, 1);
	font-family: 'Urbanist', sans-serif;
	font-size: 3.1vw;
	line-height: 0;
	letter-spacing: 0.3em;
	white-space: nowrap;
}

body.lookbook_21aw #title,
body.lookbook_22ss #title,
body.lookbook_22aw #title,
body.lookbook_23ss #title,
body.lookbook_23aw #title,
body.lookbook_25ss #title,
body.lookbook_25aw #title,
body.lookbook_26ss #title {
	color: #fff;
}

#lookbook_banner {
	position: fixed;
	transform: rotate(-90deg);
	z-index: 110;
	top: 12vh;
	right: -4.5vw;
}

#store_banner {
	position: fixed;
	transform: rotate(-90deg);
	z-index: 110;
	bottom: 18vh;
	right: -8vw;
}

#lookbook_banner a,
#store_banner a {
	display: block;
	padding: 0 0 18px 2px;
	border-bottom: 4px solid #000;
	color: #000;
	font-family: 'Urbanist', sans-serif;
	font-size: 24px;
	line-height: 0;
	letter-spacing: 0.3em;
	text-decoration: none;
}

body.lookbook_21aw #lookbook_banner a,
body.lookbook_21aw #store_banner a,
body.lookbook_22ss #lookbook_banner a,
body.lookbook_22ss #store_banner a,
body.lookbook_22aw #lookbook_banner a,
body.lookbook_22aw #store_banner a,
body.lookbook_23ss #lookbook_banner a,
body.lookbook_23ss #store_banner a,
body.lookbook_23aw #lookbook_banner a,
body.lookbook_23aw #store_banner a,
body.lookbook_25ss #lookbook_banner a,
body.lookbook_25ss #store_banner a,
body.lookbook_25aw #lookbook_banner a,
body.lookbook_25aw #store_banner a,
body.lookbook_26ss #lookbook_banner a,
body.lookbook_26ss #store_banner a
 {
	border-bottom: 4px solid #fff;
	color: #fff;
}

#insta_banner a {
	display: block;
	position: fixed;
	bottom: 4vh;
	right: 3.8vw;
	z-index: 200;
}

#insta_banner a img {
	width: 5vw;
}

.season a {
	text-align: center;
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
	font-family: 'Urbanist', sans-serif;
	font-size: 14vw;
	letter-spacing: 0.05em;
	text-decoration: none;
}

.season img {
	display: block;
	position: relative;
	z-index: 100;
	width: 100%;
}

.season_title {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 200;
	width: 100%;
	letter-spacing: 0.1em;
}

.season_title span {
	display: block;
	font-size: 2.5vw;
	letter-spacing: 0.32em;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

figure {
	width: 50%;
}

.gallery img {
	vertical-align: bottom;
	width: 100%;
}

}