/*------------------------------------------------------1025px----*/
/*------------------------------------------------------1025px----*/
/*------------------------------------------------------1025px----*/

@media (min-width:0px) and (max-width:1025px){



/*--------------GLOBAL--------------------*/

.hbIcon_wrpr,
.ftLogo_wrpr {
    width: 80px;
    height: 80px;
}

.mdLogo{
	width:100%;
	height:100%;
}

.mainNavItems{
	gap: 15px;
	margin: 0.4rem 0 0 0;
}

.audCon{
	margin: 0.4rem 0 0 0;
}



.navItem {
    font-size: 0.66rem;
}

.nlCon{
	display:flex;
	flex-direction:column;
}

.nlCon .seal_wrpr {
    width: clamp(120px, 66%, 100%);
    margin: auto;
}

#nlSection01 .titleCon{
	padding: 0 var(--uniP);
}

#nlSection01 .nlTitle {
    font-size: 9vw;
    letter-spacing: 11%;
    margin: 0px 0 4% 0;
    color: var(--blk01);
}


/*-------------------------HOME----------------------------*/

.hpEntryCon .sigCon {
    width: 30vw;
}

.sigSubtitle {
    font-size: 2.44vw;
}

.playTitle {
    font-size: 4vw;
}

.greetingsCon {
    padding: 3vw 3vw 0 3vw;
    gap: 5vw;
}

#mythSection01 .copyCon{
	padding: 0;
    grid-template-columns: 1fr 2fr 2fr;
	grid-gap: var(--uniP-sm);

}

#mythSection01 .copyCon .paperBtn {
    width: 31vw;
}

.evMainTitle {
    font-size: clamp(2rem, 9.5vw, 7rem);
}

#faceCon-EV {
    position: absolute;
    width: 20vw;
    top: -20vw;
    right: -1vw;
}

.evFootCon .col-02 {
    /* width: fit-content; */
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: var(--uniP);
}

#originsSection01 .titleCon{
	grid-template-columns: 3fr 2fr;
	margin: 0 0 var(--uniP-lg2) 0;
}

.orTitle {
    font-size: 13vw;
}

.samDancer-robot {
    position: relative;
    width: 25vw;
    height: auto;
    margin: 3vw 0% 0vw 13vw;
}

#originsSection01 .titleCon .col-03 {
    position:absolute;
}

#summonSection01 .titleCon{
	display:flex;
	flex-direction:column;
	padding: 0 0 0 0;
}

.summTitle {
    font-size: 11vw;
    margin: -3% 0 var(--uniP) -4%;
}

.summTitle span {
	display: inline;
	margin: 0 0 0 0vw;
}


#summonSection01 .bc01_lg1 {
    padding: 0 var(--uniP-lg1);
}

/*.formMainCon{
	direction: rtl;
}*/

.ftSubtitle {
    right: -18vw;
}

.footerMain{
	padding: var(--uniP) var(--uniP-sm) 0 var(--uniP-sm);
	display:flex;
	flex-direction:column;
	border-top: var(--orgLine01);
	gap: var(--uniP);
}

.footerMain .col-01{
	max-width: 50%;
	display:flex;
}

.footerMain .col-03{
	display:flex;
	flex-direction:column-reverse;
	gap: var(--uniP);
}

.nlMainCon{
	gap: var(--uniP);
}


/*--------------------EVENTs---------------------------*/


.screeningBlockCon {
    grid-template-columns: 1fr 1fr;
}


/*-------------------------PRESS--------------------------*/

.newsCon {
    grid-template-columns: 1fr;
}

.artTitle {
    font-size: clamp(1.33rem, 6vw, 8rem);
    margin: 0 0 var(--uniP) 0;
}



/*---------------------MYTHOLOGY---------------------------*/


#mythEntrySection .storyCon .row-01,
#oriEntrySection .storyCon .row-01{
    grid-template-columns: 1fr;
    grid-gap: 3vw;
}

#mythEntrySection .storyCon .row-01 p {
    text-align: center;
}

.dreamlandBGIMG01 {
    width: 140%;
    margin: 0% 0 0 -20%;
}

.mSam_wrpr {
    width: 25vw;
    top: 22.8vw;
}


#sc1Scrubber,
#sc2Scrubber {
    height: 900vw;
}

.scenesSection .sectCon {
    width: clamp(500px, 80vw, 1200px);
    grid-gap: 3vw;
}

.scenesSection .copyCon {
    width: clamp(140px, 75%, 800px);
}

.scenesSection .bc01_lg1 {
    font-size: 1.66vw;
}

#centSection01 .storyText {
    width: 100%;
    margin: 3% 0 30px 0;
}

#behindSection01{
	height: fit-content;
}

#behindSection01 .row-02 {
    grid-template-columns: 3fr 4fr;
}

.samDancer-carver {
    right: -12%;
}

#behindSection01 .row-02 p:last-of-type{
	display: none;
}


/*-------------------------ORIGINS---------------------------*/

/*#oriEntrySection .storyCon .row-01 {
    height: fit-content;
}

#oriEntrySection .storyCon {
    padding: 0vw var(--uniP);
    display: grid;
    grid-template-columns: 2fr 3fr;
}

#oriEntrySection .entryCon {
    position: relative;
    margin: var(--uniP-lg2) 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    grid-gap: var(--uniP);
}*/

#oriEntrySection .storyCon .row-01 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 4vw 7vw;
}

.oriTitle {
    font-size: 22vw;
    margin: 0 -50vw 0 0px;
}

.oHeroIMG_wrpr {
    top: 8vw;
}

.chpSection .sectCon {
	padding: 0;
    /*grid-template-columns: 1fr 3fr;*/
}

.chptrCopyCon {
    grid-template-columns: 1fr;
}

.mstrDA {
    position: relative;
    width: 270%;
    height: fit-content;
}

.dlGrid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--uniP-sm);
}

#chp4Section01 .sbT01 {
    font-size: clamp(2rem, 5vw, 100px);
}

#chp4Section01 .subRow-03 .titleCon .acc01 {
    width: clamp(120px, 50%, 210px);
}

#chp4Section01 .dlGrid{
	grid-template-columns: 1fr;
	grid-gap: var(--uniP);
}

#chp4Section01 .dlGrid .galIMG_wrpr{
	aspect-ratio: 4/3;
}

.dlItemsCon {
	padding: var(--uniP) 0;
    grid-template-columns: 1fr 1fr 1fr;
}

.catTitle {
    font-size: clamp(2rem, 5vw, 3rem);
}

#dlsSection01 .titleCon {
    padding: 0 var(--uniP) 10vw var(--uniP);
}


/*-------------------------SHOP--------------------------*/

.fProdTitle {
    font-size: clamp(1rem, 9vw, 4rem);
}

.pTypeTitle {
    font-size: clamp(1rem, 1.33vw, 3rem);
    margin: var(--uniP) 0 0 0;
}

#featProdSection01 .featProdDes {
    width: clamp(200px, 100%, 600px);
    margin: 10% 0 0 0;
}

#featProdSection01 .row-02, .productSection .row-02 {
    position: relative;
    margin: var(--uniP) 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction:column;
    gap: var(--uniP);
}

#featProdSection01 .priceText, .productSection .priceText {
    font-size: clamp(2.33rem, 6.33vw, 10rem);
    margin: var(--uniP) 0 0 0;
}

#mainGridSection01 .merchItemTitle {
    font-size: clamp(1rem, 3.66vw, 4rem);
}

.mainGridCon {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--uniP);
}

#productSection01 .featCon{
	display:flex;
	flex-direction:column;
}

.prodIMGGrid,
.recItemsGrid{
	grid-template-columns: 1fr 1fr;
}

.bioModalCon{
	display:flex;
	flex-direction:column;
	overflow: scroll;
}

.bio_wrpr{
	aspect-ratio: 3/2;
}

#watchSection01 .bgCon{
	padding: var(--uniP) 0;
}

}