@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


:root{

    --app-height: 100vh;
    --headroom-height: auto;


    --c0: #F6EFE5;
    --c1: #4F5B69;
    --c2: #FF0000;
    --c3: #FDBDBD;
    --c4: #93D6DA;
    --c5: #FFFFFF;
    --c6: #000000;

    --wr: 85rem;
    --awr: calc(-1 * var(--wr));

    --gap: 50rem;
    --sl: max(1px, 1rem);

    --br1: 70rem;
    --br2: 30rem;
    --br3: 5rem;

    --altfont: 'Jost', sans-serif;
    --altfont2: 'Sloop', sans-serif;

    --f-xxs: max(14px, 14rem);
    --f-xs: max(14px, 15rem);
    --f-s: max(14px, 16rem);
    --f-s1: max(14px, 18rem);
    --f-d: max(14px, 20rem);
    --f-m1: max(14px, 24rem);
    --f-m2: max(14px, 30rem);
    --f-m3: max(14px, 34rem);
    --f-m4: max(14px, 28rem);
    --f-b1: max(14px, 36rem);
    --f-b2: max(14px, 40rem);
    --f-b3: max(14px, 45rem);
    --f-l1: max(14px, 48rem);
    --f-l2: max(14px, 66rem);
    --f-l3: max(14px, 82rem);
    --f-xl: max(14px, 105rem);
    --f-xxl: max(14px, 150rem);

    --btn: max(36px, 40rem);

    --mw: 1920px;

    --rating: 5.0;


}


/* globals */

@media screen {

    html{font-size: 0.052vw;background-color: var(--c0);}

    .document{font-weight: 400;font-family: 'Cormorant Garamond', serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}

    .popup-active{}

    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}

    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s .5s;display: flex;color: var(--c1);will-change: transform;}

    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}

    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .altfont,
    .ucf{font-family: var(--altfont);line-height: 1.3;}

    .ucf{font-size: var(--f-xxs);letter-spacing: .28em;line-height: 1.05;text-transform: uppercase;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;position: relative;border-radius: 999rem;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;font-family: var(--altfont);line-height: 1;}
    .button-icon{margin: 0 10rem;display: flex;align-items: center;justify-content: center;}

    .button .button-icon:first-child{margin-left: 0;}
    .button .button-icon:last-child{margin-right: 0;}

    .button__default{background-color: var(--c1);color: var(--c0);padding: 0 35rem;height: var(--btn);}
    .button__default .button-text{text-transform: uppercase;font-size: var(--f-s);}
    .button__secondary{border: var(--sl) solid;padding: 0 35rem;height: var(--btn);}

    .button__wide{width: 100%;}

    .title{line-height: .9;width: 100%;letter-spacing: -.05em;font-weight: 500;}
    .title__small{font-size: var(--f-l2);}
    .title__default{font-size: var(--f-xl);letter-spacing: -.06em;font-weight: 300;}
    .title__large{font-size: var(--f-xxl);}

    .textfield{display: flex;font-family: var(--altfont);line-height: 1.3;flex-direction: column;}
    .textfield-input{flex: auto;text-overflow: ellipsis;min-height: var(--btn);border-bottom: var(--sl) solid;font-size: var(--f-s);text-transform: uppercase;}

    .textfield-error{color: var(--c2);margin-top: 10rem;font-size: var(--f-s1);display: none;}

    .textfield-input:invalid:focus{color: var(--c2);}
    .textfield-input:invalid:focus ~ .textfield-error{display: block;}

    .container{display: flex;flex-direction: column;min-height: var(--app-height);}

    .header{flex: none;color: var(--c2);position: relative;z-index: 2;}
    .header.contrast{color: var(--c0);}
    .header.contrast::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-image: linear-gradient(var(--c6), transparent);transition: opacity .25s;}

    .header.contrast ~ .main .breadcrumbs{color: var(--c5);}

    .topbar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 150rem;align-items: center;padding: 20rem 0;}
    .topbar-logo{display: flex;width: 100%;max-width: 110rem;}
    .topbar-nav{overflow: hidden;}
    .topbar-nav__left{margin-left: auto;}
    .topbar-nav__right{margin-right: auto;}
    .topbar-nav ul{display: flex;flex-wrap: wrap;margin: 0 -40rem;}
    .topbar-nav li{margin: 5rem 40rem;font-weight: 500;}
    .topbar-nav li.current{font-weight: 400;pointer-events: none;}

	.topbar-nav li.current-menu-item {
        pointer-events: none;
        a {
            background-size: 100% var(--sl);
            background-position: left bottom;
        }
    }

    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}

    .footer{overflow: hidden;flex: none;border-radius: var(--br1) var(--br1) 0 0;margin-top: -100rem;padding: 100rem 0 0;background-color: var(--c1);color: var(--c0);position: relative;z-index: 1;overflow: hidden;}
    .footer-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 var(--gap);align-items: flex-start;}
    .footer-nav{grid-column: 3/4;display: flex;justify-content: flex-end;padding: 0 80rem;}
    .footer-nav ul{display: grid;grid-template-columns: auto;grid-gap: 40rem;font-weight: 500;}
    .footer-form-title{font-size: var(--f-b2);font-weight: 500;}
    .footer-form-subtitle{margin-top: 10rem;font-size: var(--f-s1);opacity: .5;max-width: 265rem;}
    .footer-form-grid{display: grid;grid-template-columns: 1fr auto;grid-gap: 20rem 10rem;margin-top: 20rem;}
    .footer-form .button{background-color: var(--c0);color: var(--c1);}
    .footer-form .textfield-input{font-size: var(--f-s1);font-weight: 400;}
    .footer-form .checkbox-label-text{font-size: var(--f-s1);}

    .footer-form-message{margin-top: 10rem;font-size: var(--f-s1);font-family: var(--altfont);line-height: 1.1;}

    .footer-form:not(.success) .footer-form-message{display: none;}
    .footer-form.success .footer-form-checkbox{visibility: hidden;}

    .section{position: relative;z-index: 1;overflow-x: clip;padding: 100rem 0 230rem;background-color: var(--c0);color: var(--c2);}
    .section + .section{border-radius: var(--br1) var(--br1) 0 0;margin-top: -100rem;}
    .section:nth-last-child(2){flex: auto;}

    .section__type0{background-color: var(--c0);}
    .section__type1{background-color: var(--c1);color: var(--c0);}
    .section__type2{box-shadow: 0 0 0 var(--sl) var(--c2);padding-bottom: 230rem;}
    .section__type3{background-color: var(--c3);}

    .section + .section__type2{margin-top: 0;}

    .section__type3 + .section__type3{margin-top: -180rem;}

    .section__type0 + .footer{background-color: var(--c0);color: var(--c1);}
    .section__type0 + .footer .footer-form .button,
    .section__type3 + .footer .footer-form .button{background-color: var(--c1);color: var(--c0);}

    .section__type3 *::-moz-selection{background-color: var(--c0);}
    .section__type3 *::selection,
    .s2-4 *::selection,
    .s2-8-1 *::selection{background-color: var(--c0);}

    .section__type3 + .footer{background-color: var(--c3);color: var(--c1);}

    .section:not(.s1):not(.s12) .section-header{padding-bottom: 40rem;border-bottom: var(--sl) solid;}

    .section-preheader:not(:last-child){margin-bottom: 100rem;}

    .section-header{margin-bottom: 100rem;}

    .breadcrumbs-container{margin: 30rem 0;position: relative;z-index: 2;}
    .breadcrumbs{overflow: hidden;font-weight: 700;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: .1em -.25em;}
    .breadcrumbs li{margin: .1em .25em;display: inline-flex;position: relative;}
    .breadcrumbs li:not(:last-child)::after{content: "/";padding-left: .5em;opacity: .5;}
    .breadcrumbs li:not(:last-child) a{opacity: .5;}
    .breadcrumbs li:last-child{pointer-events: none;}

    .breadcrumbs-container + .section{padding-top: 0;}

    .textbox{color: var(--c1);line-height: 1.22;font-size: var(--f-m2);}
    .textbox h2:not(:first-child)::before{content: "\2E3B";display: block;}
    .textbox ul li{margin-left: 1em;position: relative;}
    .textbox ul li::before{content: "\2022";right: 100%;width: 1em;text-align: left;position: absolute;}

    .checkbox-group{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .checkbox{overflow: hidden;position: relative;}
    .checkbox-control{width: 0;height: 0;position: absolute;right: 100%;opacity: 0;}
    .checkbox-label{display: flex;align-items: flex-start;}
    .checkbox-label-icon{width: max(20px, 24rem);height: max(20px, 24rem);border-radius: 3rem;display: flex;align-items: center;justify-content: center;flex: none;margin-right: 10rem;padding: 3rem;border: max(2px, 3rem) solid;cursor: pointer;}
    .checkbox-label-icon .icon{will-change: transform;transition: transform .25s;}
    .checkbox-label-text{user-select: none;font-size: var(--f-s1);margin: auto 0;text-decoration: underline;cursor: pointer;}

    .checkbox-control:not(:checked) ~ .checkbox-label-icon .icon{transform: scale(0);}

    .book{display: flex;position: relative;overflow: hidden;border-radius: var(--br2);width: 100%;}
    .book::before{content: "";flex: none;width: 0;padding-top: 150%;}

    .book-group{position: relative;border-radius: var(--br2);z-index: 1;width: 100%;max-width: 380rem;}
    .book-group::before,
    .book-group::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;z-index: -1;}
    .book-group::before{transform: rotate(-4.5deg);background-color: var(--c2);}
    .book-group::after{transform: rotate(3.5deg);background-color: var(--c0);}

    .tags{overflow: hidden;}
    .tags ul{display: flex;flex-wrap: wrap;margin: -6rem;}
    .tags li{margin: 6rem;position: relative;padding: 10rem 20rem;white-space: nowrap;text-transform: uppercase;color: currentColor;background-color: var(--c5);border-radius: 999rem;font-size: var(--f-s);letter-spacing: -.04em;font-family: var(--altfont);overflow: hidden;text-overflow: ellipsis;line-height: 1;}

    .rating{position: relative;width: 270rem;aspect-ratio: 270/47;background-repeat: repeat-x;background-size: auto 100%;background-position: top left;background-image: url(../img/rating-blank.svg);}
    .rating-stars{background-repeat: repeat-x;position: absolute;background-size: auto 100%;background-position: left;top: 0;left: 0;height: 100%;background-image: url(../img/rating-colored.svg);width: calc(100% * var(--rating) / 5);}

    .author{display: flex;align-items: center;}
    .author-icon{display: flex;align-items: center;justify-content: center;margin-right: 10rem;flex: none;width: max(24px, 28rem);height: max(24px, 28rem);}
    .author-title{letter-spacing: -.04em;font-family: var(--altfont);text-transform: uppercase;}

    .selector-holder{width: 100%;text-overflow: ellipsis;padding: 0 25rem;height: var(--btn);display: flex;align-items: center;cursor: pointer;background-color: var(--c2);color: var(--c5);border-radius: 999rem;}
    .selector-holder-input{flex: auto;text-overflow: ellipsis;min-width: 0;pointer-events: none;font-family: var(--altfont);line-height: 1;font-size: var(--f-m1);white-space: nowrap;overflow: hidden;}
    .selector-holder-icon{flex: none;margin-left: 10rem;width: max(10px, 14rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;}
    .selector-list{position: absolute;width: 100%;z-index: 99;border-top: none;background-color: var(--c2);color: var(--c5);display: none;margin-top: 10rem;padding: 15rem 25rem;border-radius: calc(var(--btn) / 2);display: grid;grid-template-columns: auto;grid-gap: 10rem;box-shadow: 0 0 0 var(--sl) var(--c0);}

    .selector-list:not(.active){display: none;}
    .selector-option{position: relative;cursor: pointer;font-family: var(--altfont);font-size: var(--f-m1);}
    .selector-option.active{pointer-events: none;}
    .selector-option.active::before{content: "\2713";width: 25rem;position: absolute;top: 0;right: 100%;text-align: center;transform: scale(.8);}

    .searchbox{display: flex;width: 100%;border: var(--sl) solid var(--c2);align-items: center;padding: 0 20rem;height: var(--btn);border-radius: 999rem;max-width: 400rem;}
    .searchbox-icon{width: max(20px, 24rem);height: max(20px, 24rem);display: flex;align-items: center;justify-content: center;}
    .searchbox-input{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;margin: 0 10rem;line-height: 1;font-family: var(--altfont);font-size: var(--f-s1);}
    .searchbox-input:first-child{margin-left: 0;}
    .searchbox-input:last-child{margin-right: 0;}
    .searchbox-reset{width: max(20px, 24rem);height: max(20px, 24rem);display: flex;align-items: center;justify-content: center;transition: all .15s;cursor: pointer;}
    .searchbox-input:invalid ~ .searchbox-reset{opacity: 0;visibility: hidden;}

    .formbox{display: grid;grid-template-columns: auto;grid-gap: 80rem;}
    .formbox-row{display: flex;align-items: flex-start;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: 80rem;}
    .formbox-footer{margin-top: 90rem;display: grid;grid-template-columns: 1fr 1fr;align-items: center;}
    .formbox-footer-checkbox{padding-right: var(--gap);}

    .filters{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .filters-group{}
    .filters-group-header{margin-bottom: 20rem;border-bottom: var(--sl) solid;display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: 20rem;padding-bottom: 10rem;}
    .filters-group-title{font-weight: 500;font-size: var(--f-s1);line-height: 1;letter-spacing: -.02em;font-family: var(--altfont);}
    .filters-group-reset{text-decoration: underline;font-weight: 500;font-size: var(--f-s1);line-height: 1;font-family: var(--altfont);cursor: pointer;}
    .filters-group:not(.active) .filters-group-reset{visibility: hidden;}

    .filters .checkbox-label-text{font-size: var(--f-m4);text-decoration: none;line-height: 1;}
    .filters .rating{width: 125rem;}

    .show-more{font-size: var(--f-l1);line-height: .9;letter-spacing: -.06em;font-weight: 500;text-decoration: underline;}

    .header-line{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .header-line__before::before{content: "";margin-bottom: 50rem;width: var(--sl);height: 180rem;background-color: currentColor;flex: none;}
    .header-line__after::after{content: "";margin-top: 50rem;width: var(--sl);height: 180rem;background-color: currentColor;flex: none;}

    .cookies-alert{position: fixed;bottom: 0;left: 0;width: 100%;max-width: calc(2 * 60rem + 400rem);z-index: 99;display: flex;cursor: pointer;transition: all .5s;}
    .cookies-wrapper{margin: 30rem;position: relative;background-color: var(--c3);padding: 30rem;color: var(--c2);border: var(--sl) solid;border-radius: 20rem;}
    .cookies-alert-close{width: max(20px, 25rem);height: max(20px, 25rem);position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;margin: 15rem;}
    .cookies-alert-title{margin-bottom: 12rem;font-size: var(--f-s);font-weight: 600;}
    .cookies-alert-text{font-size: var(--f-xs);}
    .cookies-alert-button{margin-top: 16rem;}
    .cookies-alert-button .button{background-color: var(--c0);padding: 0 20rem;height: var(--btn);}
    .cookies-alert-button .button-text{font-size: var(--f-xs);}
    .cookies-alert-button .button-icon{width: 1em;height: 1em;margin: 0 .5em;}

    .cookies-alert:not(.active){opacity: 0;transform: translateY(100%);}

}

/* cards */

@media screen {

    .card{position: relative;display: flex;min-height: 100%;flex-direction: column;user-select: none;width: 100%;}
    .card-title{font-variant-numeric: lining-nums;}
    .card-layer{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;border-radius: inherit;margin: 1px;}
    .card-layer::before,
    .card-layer::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;will-change: transform;transition-duration: .5s;transition-property: transform;}
    .card-layer::before{background-color: var(--c1);}
    .card-layer::after{background-color: var(--c3);transition-delay: .15s;}

    .section__type3 .card-layer::after{background-color: var(--c0);}

    .card-1{padding: 40rem;background-color: var(--c0);color: var(--c1);border-radius: var(--br2);}
    .card-1 .card-header{padding-bottom: 20rem;align-items: center;display: flex;flex-wrap: wrap;justify-content: space-between;margin: -5rem -10rem;}
    .card-1 .card-author,
    .card-1 .card-date{font-size: var(--f-xxs);margin: 5rem 10rem;}
    .card-1 .card-date{letter-spacing: -.04em;font-family: var(--altfont);text-transform: uppercase;}
    .card-1 .card-content{margin-top: auto;}
    .card-1 .card-title{font-size: var(--f-l1);line-height: 1;letter-spacing: -.06em;font-weight: 500;}
    .card-1 .card-footer{margin-top: 35rem;}
    .card-1 .card-footer .tags ul{margin: -8rem;}
    .card-1 .card-footer .tags li{margin: 8rem;padding: 6rem 10rem;font-size: var(--f-xxs);}

    .card-2{padding: 60rem;border-radius: var(--br2);border: var(--sl) solid var(--c2);align-items: center;}
    .card-2 .card-header{margin-bottom: 20rem;height: 100rem;width: 100%;position: relative;}
    .card-2 .card-content{max-width: 250rem;}
    .card-2 .card-title{font-size: var(--f-b3);text-align: center;line-height: 1;letter-spacing: -.05em;font-style: italic;}

    .card-3{background-color: var(--c3);color: var(--c2);border-radius: var(--br2);padding: 50rem 45rem;}
    .card-3 .card-header{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;margin-bottom: 30rem;}
    .card-3 .card-author{font-size: var(--f-xxs);}
    .card-3 .card-date{font-size: var(--f-xxs);letter-spacing: -.04em;font-family: var(--altfont);text-transform: uppercase;}
    .card-3 .card-media{position: relative;overflow: hidden;display: flex;border-radius: 20rem;margin-bottom: 30rem;}
    .card-3 .card-media::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .card-3 .card-title{font-size: var(--f-l2);line-height: .9;letter-spacing: -.06em;font-weight: 300;}
    .card-3 .card-footer{align-items: center;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);margin-top: 40rem;}
    .card-3 .card-footer-title{letter-spacing: -.06em;font-size: var(--f-b1);text-decoration: underline;font-weight: 500;}
    .card-3 .card-footer-icon{display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);}

    .card-4{background-color: var(--c2);color: var(--c0);border-radius: var(--br2);flex-direction: row;}
    .card-4::before{content: "";flex: none;width: 0;padding-top: 160%;}
    .card-4 .card-inner{display: flex;flex-direction: column;padding: 30rem;}
    .card-4 .card-header{padding-bottom: 20rem;align-items: center;display: flex;flex-wrap: wrap;justify-content: space-between;margin: -5rem -10rem;}
    .card-4 .card-author,
    .card-4 .card-date{font-size: var(--f-xxs);margin: 5rem 10rem;}
    .card-4 .card-date{letter-spacing: -.04em;font-family: var(--altfont);text-transform: uppercase;}
    .card-4 .card-content{margin: auto 0;text-align: center;}
    .card-4 .card-title{font-size: var(--f-l1);line-height: 1;letter-spacing: -.06em;font-weight: 500;text-transform: uppercase;margin: 0 -5rem;}
    .card-4 .card-subtitle{text-transform: uppercase;font-size: var(--f-xs);letter-spacing: .24em;font-weight: 500;margin-top: 40rem;font-family: var(--altfont);}
    .card-4 .card-footer{margin-top: 35rem;color: var(--c2);}
    .card-4 .card-footer .tags ul{margin: -6rem;}
    .card-4 .card-footer .tags li{margin: 6rem;padding: 6rem 10rem;font-size: var(--f-xxs);}

}

/* sections */

@media screen {

    .s1 .section-header{text-align: center;}
    .s1-1{display: flex;}
    .s1-2{flex: none;width: 80%;max-width: 900rem;margin: 0 auto;}

    .s2-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s2-2,
    .s2-3,
    .s2-4{background-color: var(--c3);border-radius: var(--br2);}
    .s2-2{padding: 100rem;display: flex;align-items: center;justify-content: center;}
    .s2-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-2-1{max-width: 530rem;width: 100%;display: flex;justify-content: center;}
    .s2-3{padding: 50rem 100rem;display: flex;flex-direction: column;}
    .s2-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: center;grid-column: 1/-1;padding: 70rem 0 100rem;}
    .s2-5{padding: 0 80rem;}
    .s2-5-1{margin-bottom: 1em;font-size: var(--f-b2);font-weight: 500;line-height: 1;}
    .s2-5-2{}
    .s2-6{padding: 0 80rem;line-height: 1;text-align: center;font-size: var(--f-b2);font-weight: 500;display: flex;flex-direction: column;align-items: center;}
    .s2-6-2{margin-top: 30rem;}
    .s2-7{width: 100%;max-width: 600rem;margin-bottom: 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    .s2-7-1{font-size: var(--f-s);}
    .s2-7-2{font-size: var(--f-s);letter-spacing: -.04em;font-family: var(--altfont);text-transform: uppercase;}
    .s2-8{width: 100%;max-width: 600rem;display: flex;flex-direction: column;width: 100%;flex: auto;}
    .s2-8-1{text-align: center;margin: 0 auto auto;}
    .s2-8-1:only-child{margin: auto;}
    .s2-8-2{margin: 40rem auto 0;}
    .s2-8-2 .tags ul{justify-content: center;}

    .s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s3-2{color: var(--c1);font-size: var(--f-m2);}
    .s3-3{padding-left: 50rem;text-transform: uppercase;}
    .s3-3 .title{font-weight: 500;}
    .s3-3 .title i{text-transform: none;font-style: italic;}
    .s3-3 .lastword{display: block;text-align: right;}

    .s4-1{font-size: var(--f-b2);padding-bottom: 40rem;border-bottom: var(--sl) solid;margin-bottom: 50rem;font-weight: 500;}
    .s4-2{display: grid;grid-gap: 0 var(--gap);font-size: var(--f-m2);font-weight: 500;grid-template-columns: repeat(4, 1fr);}
    .s4-2 p{margin: 0;}

    .s5-1{display: grid;grid-gap: 100rem var(--gap);grid-template-columns: repeat(4, 1fr);}
    .s5-2-1{font-size: var(--f-b2);padding-bottom: 30rem;border-bottom: var(--sl) solid;margin-bottom: 60rem;font-weight: 500;}
    .s5-2-2{color: var(--c1);text-align: justify;font-size: var(--f-m2);font-weight: 500;}

    .s6-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 65rem;}

    .s7-1{padding: 100rem 0 280rem;text-align: center;color: var(--c0);}
    .s7-1-2{margin-top: 70rem;}
    .s7-1-3 .title{font-weight: 500;font-size: 240rem;}
    .s7-2{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .s7-2::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c6);opacity: .15;}
    .s7-3{position: relative;display: flex;align-items: center;justify-content: center;}
    .s7-3::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s7-3-1,
    .s7-3-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;user-select: none;}
    .s7-3-2{z-index: 2;}
    .s7-3-3{position: relative;z-index: 1;color: var(--c5);font-family: var(--altfont2);font-size: 365rem;font-style: italic;}
    .s7-4{display: flex;flex-direction: column;align-items: center;}
    .s7-4-1{font-family: var(--altfont2);white-space: nowrap;color: var(--c0);font-size: 485rem;font-style: italic;line-height: 1;transform: rotate(-10deg);margin-top: 2%;user-select: none;pointer-events: none;}
    .s7-4-2{max-width: 570rem;color: var(--c0);}

    .s8-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 80rem 100rem;}
    .s8-2{display: flex;flex-direction: column;align-items: center;position: relative;}
    .s8-2-1{width: 100%;}
    .s8-2-2{width: 100%;max-width: 180rem;flex: none;}
    .s8-2-2 .rating{width: 100%;margin-top: 40rem;}
    .s8-3{margin-top: 100rem;text-align: center;}
    .s8-4{margin-bottom: 60rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .s8-4-2{width: 250rem;}
    .s8-5{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 100rem;}
    .s8-6{max-width: 400rem;}
    .s8-7{grid-column: 2/4;}
    .s8-7 .s8-1{grid-gap: 120rem 100rem;}
    .s8-7 .s8-3{margin-top: 160rem;}

    .s8-7 .s8-2:nth-child(8n + 1) .card-4{}
    .s8-7 .s8-2:nth-child(8n + 2) .card-4{background-color: var(--c1);color: var(--c0);}
    .s8-7 .s8-2:nth-child(8n + 2) .card-4 .card-footer{color: var(--c1);}
    .s8-7 .s8-2:nth-child(8n + 2) .card-4 .card-layer::before{background-color: var(--c2);}
    .s8-7 .s8-2:nth-child(8n + 3) .card-4,
    .s8-7 .s8-2:nth-child(8n + 7) .card-4,
    .s8-7 .s8-2:nth-child(8n + 8) .card-4{background-color: var(--c3);color: var(--c1);}
    .s8-7 .s8-2:nth-child(8n + 3) .card-4 .card-footer,
    .s8-7 .s8-2:nth-child(8n + 7) .card-4 .card-footer,
    .s8-7 .s8-2:nth-child(8n + 8) .card-4 .card-footer{color: var(--c1);}
    .s8-7 .s8-2:nth-child(8n + 3) .card-4 .card-layer::after,
    .s8-7 .s8-2:nth-child(8n + 7) .card-4 .card-layer::after,
    .s8-7 .s8-2:nth-child(8n + 8) .card-4 .card-layer::after{background-color: var(--c2);}
    .s8-7 .s8-2:nth-child(8n + 4) .card-4,
    .s8-7 .s8-2:nth-child(8n + 5) .card-4{background-color: var(--c1);color: var(--c3);}
    .s8-7 .s8-2:nth-child(8n + 4) .card-4 .card-footer,
    .s8-7 .s8-2:nth-child(8n + 5) .card-4 .card-footer{color: var(--c1);}
    .s8-7 .s8-2:nth-child(8n + 4) .card-4 .card-layer::before,
    .s8-7 .s8-2:nth-child(8n + 5) .card-4 .card-layer::before{background-color: var(--c2);}

    .s9-1{display: flex;width: 100%;padding: 0 280rem;}
    .s9-2{width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80rem 230rem;align-items: flex-start;}
    .s9-3{grid-column: 1/-1;background-color: var(--c3);display: flex;min-height: 315rem;border-radius: var(--br2);position: relative;margin-top: -240rem;padding: 30rem;display: flex;color: var(--c6);}
    .s9-3-1{margin: auto;}
    .s9-4{padding: 0 30rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s9-5{padding: 0 30rem;font-size: var(--f-m2);line-height: 1;}
    .s9-6{display: flex;align-items: center;}
    .s9-6-1{display: flex;align-items: center;justify-content: center;width: max(16px, 20rem);height: max(24px, 30rem);flex: none;margin-right: 10rem;}
    .s9-6-2{line-height: 1;font-weight: 500;font-size: var(--f-b2);}
    .s9-7{overflow: hidden;}
    .s9-7 ul{display: flex;flex-wrap: wrap;margin: -5rem -10rem;}
    .s9-7 li{margin: 5rem 10rem;font-size: var(--f-m2);display: inline-flex;align-items: center;}
    .s9-7 li:not(:last-child)::after{content: "";width: 10rem;height: 10rem;background-color: currentColor;border-radius: 50%;flex: none;margin-left: 20rem;}

    .s10-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 100rem;}
    .s10-2:nth-child(4n + 1) .card-4{}
    .s10-2:nth-child(4n + 2) .card-4{background-color: var(--c1);color: var(--c0);}
    .s10-2:nth-child(4n + 2) .card-4 .card-footer{color: var(--c1);}
    .s10-2:nth-child(4n + 2) .card-4 .card-layer::before{background-color: var(--c2);}
    .s10-2:nth-child(4n + 3) .card-4{background-color: var(--c3);color: var(--c1);}
    .s10-2:nth-child(4n + 3) .card-4 .card-footer{color: var(--c1);}
    .s10-2:nth-child(4n + 3) .card-4 .card-layer::after{background-color: var(--c2);}
    .s10-2:nth-child(4n + 4) .card-4{background-color: var(--c1);color: var(--c3);}
    .s10-2:nth-child(4n + 4) .card-4 .card-footer{color: var(--c1);}
    .s10-2:nth-child(4n + 4) .card-4 .card-layer::before{background-color: var(--c2);}

    .s11-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 100rem;align-items: flex-start;}
    .s11-3{padding-top: 200rem;padding-left: 90rem;margin-right: -100rem;}
    .s11-3-2{margin-top: 40rem;line-height: 1.05;font-size: var(--f-m2);}
    .s11-2{margin-right: -100rem;}
    .s11-4{margin: 0 40rem;}
    .s11-2,
    .s11-4{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .s11-2::before,
    .s11-4::before{content: "";flex: none;width: 0;}
    .s11-2::before{padding-top: 100%;}
    .s11-4::before{padding-top: 60%;}

    .s13-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 60rem;}
    .s13-2{display: flex;position: relative;overflow: hidden;border-radius: var(--br3);}
    .s13-2::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .s13-2-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    .s14-1{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .s14-2{position: relative;border-radius: var(--br2);}
    .s14-2-1{min-height: 200rem;padding: 20rem 40rem;align-items: center;justify-content: center;text-align: center;line-height: 1;font-weight: 500;font-size: var(--f-b2);display: flex;border-radius: inherit;}
    .s14-2 .card-layer::before{background-color: var(--c4);}
    .s14-2 .card-layer::after{background-color: var(--c2);}
    .s14-2:nth-child(3n + 1) .s14-2-1{background-color: var(--c3);color: var(--c1);}
    .s14-2:nth-child(3n + 2) .s14-2-1{background-color: var(--c1);color: var(--c3);}
    .s14-2:nth-child(3n + 3) .s14-2-1{background-color: var(--c4);color: var(--c1);}

    .s14.section__type3 .s14-2:nth-child(3n + 1) .s14-2-1{background-color: var(--c1);color: var(--c3);}
    .s14.section__type3 .s14-2:nth-child(3n + 2) .s14-2-1{background-color: var(--c0);color: var(--c1);}

    .s15-1{}
    .s15-2{margin-top: 200rem;text-align: center;}

    .s15:not(.section__type3) .s15-4:nth-child(8n + 1) .card-4{}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 2) .card-4{background-color: var(--c1);color: var(--c0);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 2) .card-4 .card-footer{color: var(--c1);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 2) .card-4 .card-layer::before{background-color: var(--c2);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 3) .card-4,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 6) .card-4,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 8) .card-4{background-color: var(--c3);color: var(--c1);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 3) .card-4 .card-footer,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 6) .card-4 .card-footer,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 8) .card-4 .card-footer{color: var(--c1);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 3) .card-4 .card-layer::after,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 6) .card-4 .card-layer::after,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 8) .card-4 .card-layer::after{background-color: var(--c2);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 4) .card-4,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 5) .card-4{background-color: var(--c1);color: var(--c3);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 4) .card-4 .card-footer,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 5) .card-4 .card-footer{color: var(--c1);}
    .s15:not(.section__type3) .s15-4:nth-child(8n + 4) .card-4 .card-layer::before,
    .s15:not(.section__type3) .s15-4:nth-child(8n + 5) .card-4 .card-layer::before{background-color: var(--c2);}

    .s15.section__type3 .s15-4:nth-child(3n + 1) .card-4{background-color: var(--c1);color: var(--c0);}
    .s15.section__type3 .s15-4:nth-child(3n + 1) .card-4 .card-footer{color: var(--c1);}
    .s15.section__type3 .s15-4:nth-child(3n + 1) .card-4 .card-layer::before{background-color: var(--c2);}
    .s15.section__type3 .s15-4:nth-child(3n + 2) .card-4{background-color: var(--c0);color: var(--c1);}
    .s15.section__type3 .s15-4:nth-child(3n + 2) .card-4 .card-footer{color: var(--c1);}
    .s15.section__type3 .s15-4:nth-child(3n + 2) .card-4 .card-layer::after{background-color: var(--c2);}

    .s16-1{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-end;}
    .s16-2{max-width: 355rem;line-height: 1.05;font-size: var(--f-m2);}

    .s17-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 100rem;align-items: flex-end;}
    .s17-2 .card-4{background-color: var(--c0);color: var(--c1);}
    .s17-2 .card-4 .card-layer::after{background-color: var(--c2);}
    .s17-3{padding: 50rem 0;grid-column: 2/4;max-width: 540rem;}
    .s17-3-1{margin-bottom: 100rem;letter-spacing: -.04em;font-weight: 400;font-size: var(--f-s);}
    .s17-3-2{line-height: 1.05;font-size: var(--f-m2);letter-spacing: -.05em;}

    .s18{overflow: hidden;padding: 0;min-height: calc(var(--app-height) + 200rem);}

    .s19-1{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s19-1-1{grid-column: 2/4;padding: 0 40rem;}
    .s19-2{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 200rem var(--gap);align-items: flex-start;}
    .s19-2:not(:first-child){margin-top: 40rem;}
    .s19-3,
    .s19-5-1,
    .s19-5-2,
    .s19-8{position: relative;overflow: hidden;display: flex;border-radius: var(--br3);}
    .s19-3{margin-right: calc(-1 * var(--gap));}
    .s19-5{margin: auto 0 0 210rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s19-3::before,
    .s19-5-1::before,
    .s19-5-2::before,
    .s19-8::before{content: "";flex: none;width: 0;}
    .s19-3::before{padding-top: 100%;}
    .s19-5-1::before{padding-top: 105%;}
    .s19-5-2::before{padding-top: 70%;}
    .s19-8::before{padding-top: 130%;}
    .s19-4{margin: auto calc(-1 * var(--gap)) 0 90rem;}
    .s19-5{grid-column-end: span 2;}
    .s19-6-2{margin-top: 80rem;line-height: 1.05;font-size: var(--f-m2);letter-spacing: -.05em;}
    .s19-7{margin: 0 calc(-1 * var(--gap)) 0 60rem;}
    .s19-7 .s19-6-2{padding-right: var(--gap);}
    .s19-8{margin: 0 350rem 0 300rem;grid-column-end: span 3;}

    .s20-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s20-5{display: flex;flex-direction: column;justify-content: space-between;}

    .s21{padding: 0;}

    .s21-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s21-1 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s21-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 1;align-items: center;pointer-events: none;top: 0;}
    .s21-2 .swiper{overflow: visible;width: 100%;height: 1.5em;font-size: var(--f-xl);letter-spacing: -.07em;text-align: center;line-height: 1.5;}
    .s21-2 .swiper-slide:not(.swiper-slide-active){opacity: .4;}
    .s21-2-1{white-space: nowrap;}
    .s21-3{display: flex;flex-direction: column;flex: none;width: 0;margin-top: 100vh;}
    .s21-3-1{flex: none;height: 40vh;}

    .s21-4{position: sticky;width: 100%;height: calc(var(--app-height) + 200rem);top: -100rem;overflow: hidden;border-radius: var(--br1) var(--br1) 0 0;background-color: var(--c6);color: var(--c5);}
    .s21-5{display: flex;align-items: flex-start;}

    .s22-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}

}

@media screen and (max-width: 1023.98px) {

    :root{

        --wr: 16rem;

        --gap: 24rem;

        --br1: 36rem;
        --br2: 24rem;

        --f-xxs: 14rem;
        --f-xs: 14rem;
        --f-s: 16rem;
        --f-s1: 18rem;
        --f-d: 18rem;
        --f-m1: 20rem;
        --f-m2: 20rem;
        --f-m3: 20rem;
        --f-m4: 18rem;
        --f-b1: 24rem;
        --f-b2: 24rem;
        --f-b3: 24rem;
        --f-l1: 32rem;
        --f-l2: 36rem;
        --f-l3: 42rem;
        --f-xl: 48rem;
        --f-xxl: 64rem;

        --btn: 40rem;

        --mw: 640rem;


    }

    html{font-size: 1px;}

    .desktop{display: none!important;}

    .card-layer{display: none;}

    .title__default{font-weight: 500;}
    .title__small{font-size: var(--f-l1);}

    .header{position: sticky;top: 0;z-index: 100;transition: all .25s ease;}
    .header:not(.static){background-color: var(--c2);color: var(--c0);}
    .header:not(.static)::before{opacity: 0;}

    .topbar{grid-template-columns: 1fr auto;padding: 10rem 0;grid-gap: var(--gap);}
    .topbar-nav{display: none;}
    .topbar-logo{max-width: 80rem;}
    .topbar-menu{display: flex;position: relative;width: 36rem;height: 36rem;align-items: center;justify-content: center;}

    .menu-icon-button{height: 10rem;position: relative;width: 100%;}
    .menu-icon-button::before,
    .menu-icon-button::after{content: "";position: absolute;left: 0;width: 100%;background-color: currentColor;height: var(--sl);will-change: transform;transition: transform .25s, top .25s;margin-top: calc(var(--sl) / -2);}
    .menu-icon-button::before{top: 0;}
    .menu-icon-button::after{top: 100%;}


    .textbox{line-height: 1.25;font-weight: 400;}

    .author-icon{width: 20rem;height: 20rem;}

    .tags ul,
    .card .card-footer .tags ul{margin: -3rem;}
    .tags li,
    .card .card-footer .tags li{margin: 3rem;padding: 6rem 20rem;font-size: var(--f-xxs);}

    .breadcrumbs-container{margin: 10rem 0 40rem;}

    .footer{margin-top: -50rem;padding: 65rem 0 40rem;overflow: hidden;}
    .footer-grid{grid-template-columns: auto;grid-gap: 40rem;grid-template-areas: "f1" "f2" "f3";}
    .footer-logo{grid-area: f1;max-width: 110rem;}
    .footer-nav{grid-area: f2;padding: 0;justify-content: flex-start;grid-column: auto;}
    .footer-nav ul{grid-gap: 16rem;}
    .footer-form{grid-area: f3;}
    .footer-form-grid{grid-template-columns: auto;grid-gap: 24rem;}
    .footer-form-title{font-size: var(--f-xl);}
    .footer-form-button{order: 1;}
    .footer-form-button .button{width: 100%;}
    .footer-form .checkbox-label-text{font-size: var(--f-xs);}

    .checkbox-label-icon{width: 18rem;height: 18rem;border-width: 2rem;padding: 2rem;border-radius: 2rem;}
    .checkbox-label-text{font-size: var(--f-xs);}

    .rating{width: 155rem;}

    .show-more{font-size: var(--f-b3);}

    .formbox{grid-gap: 12rem;}
    .formbox-row{flex-direction: column;}
    .formbox-cell{width: 100%;}
    .formbox-cell:not(:first-child){margin: 12rem 0 0;}
    .formbox-footer{margin-top: 24rem;grid-template-columns: auto;grid-gap: var(--gap);}
    .formbox-footer-checkbox{padding: 0;max-width: 300rem;}

    .header-line__after::after{margin-top: 36rem;height: 100rem;}
    .header-line__before::before{margin-bottom: 36rem;height: 100rem;}
    .header-line .title{font-size: var(--f-l2);}

    .card-1{padding: 24rem;min-height: 360rem;}
    .card-1 .card-author,
    .card-1 .card-date{font-size: var(--f-xs);}
    .card-1 .card-footer{margin-top: 24rem;}

    .card-2{padding: 36rem;}
    .card-2 .card-header{height: 70rem;margin-bottom: 26rem;}
    .card-2 .card-content{max-width: 200rem;}
    .card-2 .card-title{font-size: var(--f-l2);}

    .card-3{padding: 24rem;}
    .card-3 .card-media::before{padding-top: 65%;}
    .card-3 .card-title{font-size: var(--f-l1);font-weight: 500;letter-spacing: -.05em;max-width: 250rem;}
    .card-3 .card-footer{margin-top: 24rem;}
    .card-3 .card-footer-title{font-size: var(--f-m3);}
    .card-3 .card-footer-icon{width: 20rem;height: 20rem;}

    .card-4::before{padding-top: 135%;}
    .card-4 .card-inner{padding: 24rem;}
    .card-4 .card-title{font-size: var(--f-l2);}
    .card-4 .card-subtitle{font-size: var(--f-xxs);margin-top: 32rem;}

    .section-header{margin-bottom: 36rem;}
    .section:not(.s1):not(.s12) .section-header{padding-bottom: 16rem;}

    .section{padding: 50rem 0 100rem;}
    .section + .section{margin-top: -50rem;}

    .section + .section__type2{border-radius: var(--br2) var(--br2) 0 0;padding-top: 32rem;margin-top: 0;}

    .s1 .section-header{text-align: left;}
    .s1 .section-header .title{font-size: var(--f-xxl);font-weight: 500;}
    .s1-2{width: 100%;margin: 0;max-width: 305rem;}

    .s2-1{grid-template-columns: auto;grid-gap: 12rem;}
    .s2-2{padding: 60rem 65rem;min-height: 420rem;}
    .s2-3{padding: 12rem;}
    .s2-4{padding: 12rem;grid-template-columns: auto;grid-gap: 150rem;}
    .s2-5{padding: 0;text-align: center;display: flex;flex-direction: column;align-items: center;}
    .s2-5-1{margin-bottom: 12rem;}
    .s2-5-2{max-width: 270rem;}
    .s2-6{padding: 0;}
    .s2-6-2{margin-top: 16rem;}
    .s2-7{margin-bottom: 64rem;}
    .s2-7-1{font-size: var(--f-xxs);}
    .s2-7-2{font-size: var(--f-xxs);}
    .s2-8-1{padding: 0 10rem;}
    .s2-8-1 .title{font-size: var(--f-l2);font-weight: 500;}
    .s2-8-2{margin-top: 64rem;}

    .s3-1{grid-template-columns: auto;grid-gap: 48rem;}
    .s3-3{padding: 0;}
    .s3-3 .title{font-size: var(--f-l3);}

    .s4-1{padding-bottom: 16rem;margin-bottom: 32rem;}
    .s4-2{grid-template-columns: auto;grid-gap: 32rem;}
    .s4-2:last-child{padding-bottom: 100rem;}

    .s5-1{grid-template-columns: auto;grid-gap: 48rem;}
    .s5-2-1{padding-bottom: 16rem;margin-bottom: 32rem;}

    .s6-1{grid-template-columns: auto;grid-gap: var(--gap);}

    .s7-1{padding: 0;flex-direction: column;align-items: center;display: flex;}
    .s7-1-1:only-child{padding: 150rem 0;}
    .s7-1-2{max-width: 270rem;}
    .s7-1-3{margin-bottom: auto;}
    .s7-1-3 .title{font-size: 200rem;margin-top: -50rem;}
    .s7-3{padding: 100rem 0;}
    .s7-3:first-child{margin-top: -50rem;}
    .s7-3-3{font-size: 75rem;}
    .s7-4{padding: 50rem 0;}
    .s7-4-1{margin: 0;font-size: 24vw;}
    .s7-4-2{margin-top: 24rem;}

    .s8-1,
    .s8-7 .s8-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s8-2-2 .rating{margin: 20rem 0;}
    .s8-3,
    .s8-7 .s8-3{margin-top: 36rem;}
    .s8-4{margin-bottom: 40rem;grid-template-columns: auto 1fr;grid-gap: 12rem 10rem;}
    .s8-4-1{grid-column: 1/-1;}
    .s8-4-2{width: auto;}
    .s8-5{grid-template-columns: auto;grid-gap: 0;}
    .s8-6{display: none;}
    .s8-7{grid-column: auto;}

    .s9-1{padding: 0;}
    .s9-2{grid-template-columns: auto;grid-gap: 0;}
    .s9-3{margin: -50rem var(--awr) 36rem;padding: var(--wr);min-height: 200rem;border-radius: var(--br1);}
    .s9-4{padding: 0;grid-gap: 12rem;}
    .s9-5{margin-top: 24rem;padding: 0;}
    .s9-7 ul{margin: -3rem;}
    .s9-7 li{margin: 3rem;font-size: var(--f-s);}
    .s9-7 li:not(:last-child)::after{margin-left: 6rem;width: 4rem;height: 4rem;}

    .s10-1{grid-template-columns: auto;grid-gap: var(--gap);}

    .s11-1{grid-template-columns: auto;grid-gap: 36rem;}
    .s11-2{padding: 0;margin: 0;order: 1;}
    .s11-3{padding: 0;margin: 0;}
    .s11-3-2{margin-top: 24rem;max-width: 300rem;}
    .s11-4{display: none;}

    .s13-1{grid-template-columns: auto;grid-gap: var(--gap);}

    .s14-2-1{min-height: 94rem;padding: 24rem;}

    .s15-2{margin-top: 36rem;}
    .s15-3{grid-template-columns: auto;grid-gap: var(--gap);display: grid;}
    .s15-4:nth-child(n + 5){display: none;}

    .s16 .section-preheader{margin-bottom: 24rem;}
    .s16-1{grid-template-columns: auto;grid-gap: 48rem;}
    .s16-2{max-width: 240rem;}

    .s17-1{grid-template-columns: auto;grid-gap: 36rem;}
    .s17-3{grid-column: auto;padding: 0;max-width: 240rem;}
    .s17-3-1{margin-bottom: 24rem;}

    .s18{padding: 0;min-height: calc(var(--app-height) + 100rem);}

    .section + .s18{margin: 0;border-radius: 0;}
    .section__type0 + .s18{background-color: var(--c0);}
    .section__type3 + .s18{background-color: var(--c3);}

    .s19-1{grid-template-columns: auto;grid-gap: 0;}
    .s19-1-1{grid-column: auto;padding: 0;}
    .s19-2{grid-template-columns: auto;grid-gap: 0 var(--gap);}
    .s19-2:not(:first-child){margin-top: 36rem;}
    .s19-3,
    .s19-4,
    .s19-5,
    .s19-6,
    .s19-7,
    .s19-8{margin: 0;padding: 0;grid-column: auto;grid-column-end: auto;}
    .s19-3{max-width: 190rem;}
    .s19-4{margin-top: 36rem;}
    .s19-5{margin-top: 48rem;grid-gap: 16rem;}
    .s19-6{max-width: 240rem;}
    .s19-6-2{margin-top: 24rem;}
    .s19-7{margin-top: 100rem;}
    .s19-8{margin-top: 36rem;}

    .s20-1{grid-template-columns: auto;grid-gap: 0;}
    .s20-2,
    .s20-4{display: none;}
    .s20-3-2{position: relative;overflow: hidden;padding-top: 65%;border-radius: var(--br3);margin-top: 36rem;}

    .s21{padding: 0;}

    .s22-2{grid-template-columns: auto;}

    .menu-close{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: none;}

    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;display: flex;align-items: flex-start;padding: var(--headroom-height) var(--wr) 0;transition-duration: .25s;transition-property: opacity, visibility;background-color: var(--c0);color: var(--c2);overflow: auto;}
    .popup:not(.active){opacity: 0;visibility: hidden;}

    .popup-inner{width: 100%;min-height: 100%;padding: 36rem 0;display: flex;flex-direction: column;}
    .popup-footer{margin-top: auto;padding-top: 36rem;}
    .popup-nav{margin: 64rem 0;}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 32rem;text-align: center;}
    .popup-nav li{text-transform: uppercase;font-weight: 500;line-height: 1;letter-spacing: .24em;font-size: var(--f-l1);font-family: var(--altfont);}

    .popup-active{overflow: hidden!important;}
    .popup-active .header{background-color: var(--c0);color: var(--c2);}
    .popup-active .header.contrast::before{opacity: 0;transition-duration: 0s;}

    .popup-active .menu-close{display: block;}
    .popup-active .menu-icon-button::before{transform: rotate(-45deg);top: 50%;}
    .popup-active .menu-icon-button::after{transform: rotate(45deg);top: 50%;}

    .filters{grid-gap: 36rem;}
    .filters .checkbox-label-text{font-size: var(--f-b1);}

    .cookies-alert{}
    .cookies-wrapper{margin: 0;padding: 20rem var(--wr);border-radius: 0;border-width: var(--sl) 0 0;}

}


@media screen and (min-width: 1024px) {

    .mobile{display: none!important;}

    .header.init{position: sticky;top: calc(-1 * var(--headroom-height));transition: all .25s ease;z-index: 10;}
    .header.active{top: 0;background-color: var(--c2);color: var(--c0);}
    .header.active::before,
    .header:not(.static)::before{opacity: 0;}

    .footer-logo{grid-column: 1/-1;font-family: var(--altfont2);white-space: nowrap;text-align: center;font-size: 350rem;line-height: .9;display: flex;justify-content: center;align-items: flex-start;height: 210rem;letter-spacing: normal;font-style: italic;pointer-events: none;}

    .s4-2 p:nth-child(5n + 1){grid-column: 1/3;}
    .s4-2 p:nth-child(5n + 2){grid-column: 3/5;}
    .s4-2 p:nth-child(5n + 2):not(:last-child){padding-bottom: var(--gap);}
    .s4-2 p:nth-child(5n + 3){grid-column: 3/5;}
    .s4-2 p:nth-child(5n + 4){grid-column: 1/3;margin-top: 40rem;}
    .s4-2 p:nth-child(5n + 5){grid-column: 2/4;margin-top: 60rem;}
    .s4-2 p:nth-child(5n + 5):not(:last-child){margin-bottom: 60rem;}

    .s5-2:nth-child(3n + 1){grid-column: 1/3;}
    .s5-2:nth-child(3n + 2){grid-column: 3/5;}
    .s5-2:nth-child(3n + 3){grid-column: 2/4;}

    .s7-3:first-child{margin-top: -100rem;}

    .s8-2-2{height: 0;display: flex;align-items: flex-start;}

    .s15-3{display: flex;margin: 0 calc(-1 * var(--gap));flex-wrap: wrap;justify-content: center;padding-bottom: 50rem;}
    .s15-4{padding: 0 var(--gap);width: 25%;}
    .s15-4:nth-child(odd){padding-bottom: 150rem;}
    .s15-4:nth-child(even){padding-top: 200rem;margin-bottom: -50rem;}

    .s20-2{margin: 100rem 0 0;}
    .s20-3{grid-column: 2/4;}
    .s20-4{margin: 0;}

    .s20-3-2,
    .s20-5-1,
    .s20-5-2,
    .s20-5-3{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}

    .s20-5-2{margin: 180rem 0;}

    .s20-3-2::before,
    .s20-5-1::before,
    .s20-5-2::before,
    .s20-5-3::before{content: "";flex: none;width: 0;padding-top: 115%;}

    .s20-3{min-height: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80rem var(--gap);grid-template-rows: 1fr auto;}
    .s20-3-1{padding: 0 90rem;grid-column: 1/-1;}
    .s20-3-2{width: 37.5%;grid-column: 2/3;margin-bottom: calc(75% * 1.15 - 37.5% * 1.15);}

    .s20-2 .s20-5{min-height: 100%;}
    .s20-2 .s20-5-1{width: 75%;}
    .s20-2 .s20-5-2{width: 35%;margin-left: 40%;}
    .s20-2 .s20-5-3{width: 75%;margin-left: auto;margin-right: calc(-1 * var(--gap) - 80rem);}

    .s20-4 .s20-5-1{width: 60%;margin-left: 50rem;}
    .s20-4 .s20-5-2{width: 25%;margin-left: auto;}
    .s20-4 .s20-5-3{width: 75%;margin-left: auto;}

}

@media screen and (min-width: 1920px) {


    html{font-size: 1px;}


}

@media (min-width: 1024.98px) and (max-width: 1240px) {
    .section.s8 .s8-5.tags-block .s8-1{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 577px) and (max-width: 1023.98px) {
    .section.s8 .s8-5.tags-block .s8-1{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20rem 16rem;
    }
}

@media screen and (max-width: 576px) {
    .section.s8 .s8-5.tags-block .s8-1{
        grid-template-columns: 100%;
        grid-gap: 20rem 16rem;
    }
}
/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {

    .button{transition: background-color .25s, color .25s;}

    .button__default:hover{background-color: var(--c2)!important;}

    .cookies-alert-button .button:hover{background-color: var(--c2)!important;color: var(--c0);}

    .show-more:hover{font-style: italic;}

    .card-1 .card-layer::before{transform: translateY(30rem);z-index: 1;background-color: var(--c2);}
    .card-1 .card-layer::after{transform: translateY(60rem);}

    .card-2{transition-duration: .5s;transition-property: background-color, color;}
    .card-2 .card-header{transition: all .5s;}
    .card-2:hover{background-color: var(--c2);color: var(--c5);}
    .card-2:hover .card-header{filter: grayscale(1);mix-blend-mode: luminosity;}

    .card-2 .card-layer{display: none;}

    .card-3 .card-layer::before{transform: translateY(30rem);z-index: 1;background-color: var(--c2);}
    .card-3 .card-layer::after{transform: translateY(60rem);background-color: var(--c1);}

    .card-4 .card-layer::before{transform: rotate(-4.5deg);}
    .card-4 .card-layer::after{transform: rotate(3.5deg);}

    .s8-2-2{transition: all .25s;visibility: hidden;opacity: 0;}
    .s8-2:hover .s8-2-2{opacity: 1;visibility: visible;}

    .s13-2-1{will-change: transform;transition: transform .25s;}

    .s13-2:hover .s13-2-1{transform: scale(1.3);}

    .s14-2:nth-child(3n + 1) .card-layer::before{transform: rotate(1.5deg);}
    .s14-2:nth-child(3n + 1) .s14-2-1{transform: rotate(-1.5deg);}
    .s14-2:nth-child(3n + 2) .card-layer::before{transform: translateY(30rem);}
    .s14-2:nth-child(3n + 2) .card-layer::after{transform: translateY(15rem);}
    .s14-2:nth-child(3n + 3) .s14-2-1{transform: rotate(1.0deg);}
    .s14-2:nth-child(3n + 3) .card-layer::before{transform: rotate(2.5deg);background-color: var(--c1);}
    .s14-2:nth-child(3n + 3) .card-layer::after{transform: rotate(1.75deg);}

    .s14-2-1{will-change: transform;transition: transform .35s;}
    .s14-2:not(:hover) .s14-2-1{transform: none;}

    .card:not(:hover) .card-layer::before,
    .card:not(:hover) .card-layer::after{transform: translateY(0) rotate(0deg);}

    .topbar-nav a,
    .footer-nav a{background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;transition: background-size .5s cubic-bezier(0.2, 1, 0.3, 1);}

    .topbar-nav li:not(.current) a:hover,
    .footer-nav a:hover{background-size: 100% var(--sl);background-position: left bottom;}

    .filters-group-reset{transition: opacity .25s;}

    .filters-group-reset:hover{opacity: .5;}
}

.s12-1 {
    --cl: rgb(255, 0, 0);
}

.footer {
    --cl:rgb(246, 239, 229);
}

.section__type0 + .footer {
    --cl: rgb(79, 91, 105);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /*border: none;*/
    border-color: var(--cl);
    -webkit-text-fill-color: var(--cl);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background: transparent;
}

.dd-made-with {
    color: var(--c2);
    font-family: Cormorant;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 183%;
    transition: color .25s ease;
    display: flex;
    align-items: center;
    gap: 5px;

    a {
        color: var(--c2);
        transition: all .25s ease;
    }

    a:hover {
        transform: translateY(-2px);
    }

    &:has(a:hover) {
        color: var(--c1);
    }
}