html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{font-family:'ItalianPlate', sans-serif;background:var(--pink);color:#FFF;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*text-rendering:optimizeSpeed;*/}
::selection{background:var(--pink);color:#FFF;}
body:not(.animates) *{transition:none!important;}
body{border:10px solid var(--pink);}
/*::-webkit-scrollbar{width:0!important;}*/

@font-face{font-family:'ItalianPlate';src:url('../Fonts/ItalianPlateNo2Expanded-Regular.woff2') format('woff2'),url('../Fonts/ItalianPlateNo2Expanded-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'ItalianPlate';src:url('../Fonts/ItalianPlateNo2Expanded-Bold.woff2') format('woff2'),url('../Fonts/ItalianPlateNo2Expanded-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-stretch:normal;font-display:swap;}

:root{
    /*Easing*/
    --sine:cubic-bezier(0.39, 0.575, 0.565, 1);
    --quad:cubic-bezier(0.25, 0.46, 0.45, 0.94);/*cubic-bezier(0.5, 1, 0.89, 1);*/
    --quad-in-out:cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --cubic:cubic-bezier(0.215, 0.61, 0.355, 1);/*cubic-bezier(0.33, 1, 0.68, 1)*/
    --cubic-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);
    /*--quart:cubic-bezier(0.165, 0.84, 0.44, 1);*/
    --quart:cubic-bezier(0.25, 1, 0.5, 1);
    --quart-in-out:cubic-bezier(0.77, 0, 0.175, 1);
    --quint:cubic-bezier(0.23, 1, 0.32, 1);
    --expo:cubic-bezier(0.16, 1, 0.3, 1);
    /*--expo:cubic-bezier(0.19, 1, 0.22, 1);*/
    --back:cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --delay:0s;

    --dark-red:#320B0E;
    --pink:#FFA3A5;
    --yellow:#F8FBBE;
}


/* Font settings - medium/500, semibold/600 and bold/700 */
h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1{font-size:4.0rem;font-weight:bold;line-height:1;color:var(--pink);}
h2{font-size:2.4rem;font-weight:bold;line-height:1;color:var(--pink);}
h3,h4{font-size:2.0rem;font-weight:bold;line-height:1;color:var(--pink);}
h5{font-size:1.6rem;font-weight:bold;line-height:1;color:var(--pink);}
h5 a{text-decoration:underline;padding:5px 0;transition:opacity .3s ease;}
h5 a:hover{opacity:.6;}
p,ol,ul{font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
q{display:block;font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea, select{font-family:'ItalianPlate';font-size:inherit;line-height:normal;appearance:none;background:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}
h5+h5{margin-top:5px;}
h1+p,h2+p{padding-top:20px;}

@media all and (max-width:1000.5px){
    h1{font-size:3.4rem;}
    h2{font-size:2.2rem;}
    p,ol,ul{font-size:1.4rem;min-height:2.2rem;}
}

/*      Buttons     */
a, button{position:relative;display:inline-block;box-sizing:border-box;margin:0;padding:0;text-decoration:none;border:none;background:none;color:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;font-weight:inherit;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);cursor:pointer;touch-action:manipulation;/*removes delay*/}
button:focus{outline:none;}

/*      Media       */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
picture,img,.lazy svg,video:not(.native-controls){pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
body.scrolling .lazy .video iframe{pointer-events:none;}/*with smooth scrolling this helps scroll continuously*/
picture, video{width:100%;display:block;height:auto;box-sizing:border-box;padding:0;margin:0;overflow:hidden;}
picture img{position:relative;display:block;width:100%;height:auto;}
.lazy{position:relative;}
.lazy.video:before{content:"";display:block;padding-top:calc(var(--aspect) * 1%);width:100%;pointer-events:none;}/*fix aspect ratio for videos*/
.lazy .video, .lazy .video iframe, .lazy > svg{position:absolute;left:0;top:0;width:100%;height:100%;}
/* Thumbnail (not "poster"!) with play button */
.lazy.video .load-ui{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:2;display:flex;text-align:center;}
.lazy.video .load-ui .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.lazy.video .load-ui .lazy video, .lazy.video .load-ui .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.lazy.video .load-ui .lazy::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--dark-red);opacity:.4;}
.lazy.video .load-ui .play-btn{margin:auto;width:120px;height:120px;border-radius:50%;background:var(--yellow);transition:transform .3s ease;}
.lazy.video .load-ui .play-btn::after{content:"";position:absolute;left:50%;top:50%;margin:-18px 0 0 -15px;border-style:solid;border-width:18px 0px 18px 34px;border-color:transparent transparent transparent var(--dark-red);}
.lazy.video.fade-ui .load-ui{opacity:0;transition:opacity .4s ease-in-out .1s;pointer-events:none;}
.lazy.video.hide-ui .load-ui{display:none;}

@media (hover:hover){
    .lazy.video .load-ui .play-btn:hover{transform:scale(1.025,1.025);}
    .audio-player .btn-play:hover{transform:scale(1.025,1.025);}
}

/* Animations */
.fade{opacity:0;}
.fade.in{opacity:1;transition:opacity 1s ease-in-out var(--delay);}

header{position:fixed;left:0;top:0;width:100%;height:40px;z-index:10;}
header .menu{position:absolute;right:35px;top:30px;}
header .menu .primary{font-size:2.0rem;font-weight:bold;display:inline-block;vertical-align:middle;color:var(--pink);transition:color .3s ease;padding:5px;}
header .menu .primary{filter:drop-shadow(0px 4px 4px rgba(50,11,14,.32));}
header .menu .primary:hover, header .menu .primary.selected{color:var(--yellow);}
header .menu span{display:inline-block;vertical-align:middle;font-size:2.0rem;font-weight:bold;padding:0 1px;color:var(--pink);}
header .foa-logo{position:absolute;left:35px;top:35px;width:139px;height:40px;}
header .foa-logo img{width:100%;height:100%;object-fit:contain;}
header .sound-link{position:absolute;padding:10px;right:25px;top:25px;color:var(--pink);}
header .sound-link a{font-weight:bold;}

@media all and (max-width:1200.5px){
    header .menu{right:30px;top:25px;}
    header .foa-logo{left:30px;top:30px;}
}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;/*padding-top:40px;*/background:var(--dark-red);}
.page.removing{position:fixed;left:0;top:0;z-index:5;}

/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;font-size:0;}
.m div{position:relative;box-sizing:border-box;}
.m .l, .m .r{position:relative;display:inline-block;vertical-align:top;width:50%;}
.canoverflow{overscroll-behavior:contain;}

/* Modules */
.m.hero{margin-bottom:7vw;}
.m.hero .bg{overflow:hidden;}
.m.hero .logo{position:absolute;left:50%;bottom:-15%;width:35%;height:auto;z-index:2;transform:translate(-50%, -50%);}
.m.hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:35%;background:linear-gradient(180deg, rgba(50,11,14,0) 0%, rgba(50,11,14,1) 100%);}

.m.txt-txt{padding:80px 40px 120px 40px;text-align:center;}
.m.txt-txt .inner{width:100%;max-width:1040px;text-align:left;margin:auto;}
.m.txt-txt .title{width:100%;padding-bottom:30px;}
.m.txt-txt .column{display:inline-block;vertical-align:top;width:50%;padding-right:20px;}
.m.txt-txt .column + .column{padding-right:0;padding-left:20px;}

.m.video-txt{padding:120px 40px;text-align:center;}
.m.video-txt .inner{width:100%;max-width:1040px;text-align:left;margin:auto;}
.m.video-txt .lazy.video{margin-bottom:40px;}
.m.video-txt .column{display:inline-block;vertical-align:top;width:50%;padding-right:20px;}
.m.video-txt .column + .column{padding-right:0;padding-left:20px;}
.m.video-txt .name{width:100%;padding-top:20px;}

.m.carousel{cursor:grab;padding:120px 0;}
/*.m.carousel{pointer-events:none;}*/
.m.carousel .open-soon{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(50,11,14,.9);display:flex;z-index:8;}
.m.carousel .open-soon .center{margin:auto;padding:25px;border:2px solid var(--pink);}
.m.carousel .open-soon .center h3{color:var(--yellow);}
.m.carousel .open-soon .center span{color:var(--pink);}
/*.m.carousel .inner{filter:blur(4px);}*/
.m.carousel .inner{position:relative;width:100%;overflow:hidden;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;}
.m.carousel .inner::before, .m.carousel .inner::after{content:"";position:absolute;pointer-events:none;}
.m.carousel .inner::before{left:0;top:0;width:15vw;max-width:300px;height:100%;background:linear-gradient(-90deg, rgba(50,11,14,0) 0%, rgba(50,11,14,1) 100%);opacity:.7;z-index:2;}
.m.carousel .inner::after{right:0;top:0;width:15vw;max-width:300px;height:100%;background:linear-gradient(90deg, rgba(50,11,14,0) 0%, rgba(50,11,14,1) 100%);opacity:.7;z-index:2;}
.m.carousel .el{display:inline-block;vertical-align:top;width:30vw;height:auto;margin-left:100px;white-space:normal;user-select:none;}
.m.carousel .el:first-of-type{margin-left:calc((100vw - 1060px) / 2);}
.m.carousel .el:last-of-type{margin-right:calc((100vw - 1020px) / 2);}
.m.carousel .el .info{width:100%;padding:25px 15px;}
.m.carousel .el .info .sound{position:absolute;right:0;top:15px;}
.m.carousel .el .info .sound .speaker-btn{width:40px;height:40px;}
.m.carousel .el .info .sound .speaker-btn::after{content:"";position:absolute;left:10px;top:10px;width:23px;height:18px;background:url("../Grx/speaker.svg") no-repeat;will-change:transform;transition:transform .3s ease;}
.m.carousel .el .info .sound .speaker-btn:hover::after{transform:scale(1.05,1.05);}
.m.carousel .el .info .sound audio{width:0;height:0;padding:0;margin:0;}
.m.carousel .el .info .sound.playing .speaker-btn::after{left:14px;width:4px;border-left:4px solid var(--pink);border-right:4px solid var(--pink);background:none;}
.m.carousel .el .info p{margin-top:10px;/*font-size:1.4rem;*/}
.m.carousel .el:not(.all-text) p{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:5;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
.m.carousel .el .info h3+h4{padding-top:10px;}
.m.carousel .ui{position:absolute;left:0;top:15vw;width:100%;height:0;z-index:5;}
.m.carousel .ui .arrow-btn{position:absolute;left:50px;top:0;width:40px;height:40px;background:var(--pink);}
.m.carousel .ui .arrow-btn::after{content:"";position:absolute;left:16px;top:14px;width:10px;height:10px;border-left:2px solid var(--dark-red);border-top:2px solid var(--dark-red);transform:rotate(-45deg);}
.m.carousel .ui .arrow-btn.next{left:auto;right:50px;transform:rotate(180deg);}
.carousel.dragging{cursor:grabbing;}

.see-btn{color:var(--pink);font-size:1.4rem;line-height:1.4;/*font-weight:bold;*/padding:5px 0;margin-top:5px;}
.see-btn span + span{display:inline-block;vertical-align:top;width:8px;height:8px;border-bottom:1.5px solid var(--pink);border-right:1.5px solid var(--pink);transform:rotate(45deg);margin-left:10px;}
.m.carousel .el.all-text .see-btn span + span{transform:translateY(7px) rotate(-135deg);}

.m.shop{padding:120px 40px;text-align:center;}
.m.shop .inner{width:100%;max-width:1040px;text-align:left;margin:auto;}
.m.shop .l{width:calc(50% + 20px);vertical-align:middle;}
.m.shop .r{width:calc(50% - 20px);vertical-align:middle;padding:0 0 0 50px;}

.audio-player{height:calc(100vh - 174px);/*height:calc(100lvh - 174px);*/display:flex;padding:50px;}
.audio-player .inner{width:100%;max-width:320px;text-align:center;margin:auto;}
.audio-player .btn-play{margin:40px auto;width:120px;height:120px;border-radius:50%;background:var(--yellow);}
.audio-player .btn-play::after{content:"";position:absolute;left:50%;top:50%;margin:-18px 0 0 -15px;border-style:solid;border-width:18px 0px 18px 34px;border-color:transparent transparent transparent var(--dark-red);}
.audio-player .btn-play::before{display:none;content:"";position:absolute;left:50%;top:50%;margin:-18px 0 0 -15px;width:8px;height:36px;border-style: solid;border-width:0px 9px 0px 9px;border-color:var(--dark-red);}
.audio-player.playing .btn-play::after{display:none;}
.audio-player.playing .btn-play::before{display:block;}
.audio-player .progress-wrap{width:100%;display:flex;flex-direction:column;gap:0.6rem;}
.audio-player .progress-track {position:relative;height:3px;background:rgba(255,255,255,0.2);cursor:pointer;}
.audio-player .progress-fill {height:100%;background:var(--yellow);width:0%;transition: width 0.1s linear;pointer-events:none;}
.audio-player input[type="range"].scrubber{position:absolute;inset:-12px 0;height:28px;width:100%;opacity:0;cursor:pointer;margin:0;border-radius:0;outline:0;border:0;touch-action:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.audio-player .time-row{display:flex;justify-content:space-between;font-size:0.8rem;letter-spacing:0.08em;opacity:0.45;}
.fixed-sound, .fixed-sound > .page{position:fixed;left:0;top:0;width:100%;height:100%;}
.fixed-sound > .fixed-sound{position:absolute;}
body.fixed-sound{border:0;}
body.fixed-sound::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:10px solid var(--pink);box-sizing:border-box;pointer-events:none;}

footer{position:relative;width:100%;font-size:0;padding:120px 20px 10px 20px;box-sizing:border-box;background:var(--dark-red);color:var(--pink);}
body.fixed-sound footer{position:fixed;left:0;bottom:0;padding:120px 30px 20px 30px;}
/*footer .l, footer .r{display:inline-block;vertical-align:top;width:50%;}
footer .r{text-align:right;}*/
footer .l{width:100%;}
footer p{font-size:1.2rem;}

.page-transition{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--dark-red);pointer-events:none;z-index:15;transition:opacity .8s ease-in-out;will-change:opacity;}
.page-transition.loaded{opacity:0;}
.page-transition.in{opacity:1;transition:opacity .2s ease;}
.page-transition.fast{transition:none;}

.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;/*height:100svh;*/}/*Used for mobile measurement of vh (svh for smallest viewport height, lvh for largest - similar to just vh) */

/* Tablet */
@media all and (min-width:1000.5px) and (max-width:1200.5px){
    .m.carousel .el{width:40vw;margin-left:60px;}
    .m.carousel .el:first-of-type{margin-left:200px;}
    .m.carousel .el:last-of-type{margin-right:300px;}
}

/* Mobile only */
@media all and (max-width:1000.5px){
    body{border:5px solid var(--pink);}
    .desktop{display:none;}
    .lazy.video:before{padding-top:calc(var(--aspectm, var(--aspect)) * 1%);}

    .lazy.video .load-ui .play-btn{margin:auto;width:60px;height:60px;}
    .lazy.video .load-ui .play-btn::after{margin:-9px 0 0 -7px;border-width:9px 0px 9px 17px;}

    header .foa-logo{left:30px;top:25px;width:70px;height:20px;}    
    header .menu{right:25px;top:24px;}
    header .menu .primary{font-size:1.6rem;}
    header .sound-link{right:20px;top:17px;}

    .m .l, .m .r{display:block;width:100%;}

    .m.hero{margin-bottom:40px;}
    .m.hero .logo{bottom:-15%;width:45%;transform:translate(-50%, -50%);}

    .m.txt-txt{padding:60px 25px;}
    .m.txt-txt .title{padding-bottom:25px;}
    .m.txt-txt .column{display:block;width:100%;padding:0;}
    .m.txt-txt .column + .column{padding:20px 0 0 0;}

    .m.video-txt{padding:60px 25px;}
    .m.video-txt .lazy.video{margin-bottom:30px;}
    .m.video-txt .column{display:block;width:100%;padding:0;}
    .m.video-txt .column + .column{padding:20px 0 0 0;}

    .m.carousel{padding:60px 0;}
    .m.carousel .inner::before, .m.carousel .inner::after{width:50px;opacity:.3;}
    .m.carousel .el{width:calc(100vw - 90px);margin-left:0;padding-left:40px;}
    .m.carousel .el:first-of-type{margin-left:20px;}
    .m.carousel .el:last-of-type{margin-right:70px;}
    .m.carousel .el .info{width:100%;padding:20px 0;}
    .m.carousel .el .info h3+h4{padding-top:5px;}
    .m.carousel .ui{display:none;}
    
    .m.shop{padding:60px 25px;}
    .m.shop .l{width:100%;}
    .m.shop .r{width:100%;padding:30px 0 0 0;}

    .audio-player{height:calc(100vh - 116px);padding:40px;}
    body.fixed-sound::after{border:5px solid var(--pink);}

    footer{padding:60px 25px 10px 25px;}
    body.fixed-sound footer{padding:60px 30px 15px 30px;}
    footer .l, footer .r{display:block;width:100%;text-align:center;}
}
@media all and (max-width:374.5px){
    header .menu{right:15px;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){

}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}
}