body {
    --cLBlack: #000000;
    --cLWhite: #ffffff;
    --cLnavyBlue: #152158;
    --cLseaGreen: #2A9AA5;
    --cLdarkNavy: #040924;
    --cLdeepTeal: #052326;
    --cLgainsboro: #DBDBDB;
    --cLslateBlue: #5558A2;
    --cLroyalBlue: #3A5CB0;
    --cLslateGray: #596581;
    --cLwhiteSmoke: #F5F5F5;
    --cLwhiteSmoke1: #F2F2F2;
    --cLdarkIndigo: #0E142E;
    --cLlightGreen: #A7D4B9;
    --cLdarkPurple: #1E1033;
    --cLlavenderGray: #E2E5EE;
    --cLcharcoalBlue: #1A2141;
    --cLcharcoalBlue2: #1A2140;
    --cLtransparent: #00000000;
    --cLcornflowerBlue: #797EFF;
    --cLdarkSlateBlue: #12254B;
    --cLmediumSeaGreen: #84B98F;
    --cLmediumSeaGreen2: #79AD7B;
    --cLdarkTealTransparent: #001012A2;
    --cLsemiTransparentBlack: #00000029;
    --cLcharcoalBlueTransparent: #1A214183;
    --cLdarkSlateBlueTransparent: #2B2C5100;
    --fs69: min(69px, 7vw);
    --fs60: min(60px, 6.7vw);
    --fs48: min(48px, 6.4vw);
    --fs45: min(45px, 6vw);
    --fs40: min(40px, 6vw);
    --fs38: min(38px, 4.5vw);
    --fs36: min(36px, 4.5vw);
    --fs32: min(32px, 4.5vw);
    --fs30: min(30px, 4.5vw);
    --fs25: min(25px, 4.1vw);
    --fs24: min(24px, 4vw);
    --fs28: min(28px, 4vw);
    --fs22: min(22px, 3.9vw);
    --fs20: min(20px, 3.5vw);
    --fs19: min(19px, 3.5vw);
    --fs18: min(18px, 3.5vw);
    --fs16: min(16px, 3.2vw);
    --fs14: min(14px, 3vw);
    --sp-1: min(2rem, 5vw);
    --sp-2: min(2rem, 6vw);
    --sp-3: min(3rem, 7vw);
    --sp-4: min(4rem, 8vw);
    --sp-5: min(5rem, 9vw);
    --sp-6: min(6rem, 10vw);
    --sp-7: min(7rem, 11vw);
    --sp-8: min(8rem, 12vw);
    --sp-9: min(9rem, 13vw);
    --sp-10: min(10rem, 14vw);
    --sp-11: min(11rem, 15vw);
    --sp-12: min(12rem, 16vw);
    --sp-13: min(13rem, 17vw);
    --sp-14: min(14rem, 18vw);
    --sp-15: min(15rem, 19vw);

    
    margin: 0;
    padding: 0;
    width: 100vw;
    font-weight: 300;
    letter-spacing:0;
    line-height: 1.5;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: min(18px, 3.15vw);
    color: var(--cLcharcoalBlue2);
    font-family: "area-normal", sans-serif;
    }
    * {box-sizing:border-box;}
    a:not([class^=btn-]):hover{color:var(--cLmediumSeaGreen2);}
    a{color:inherit;text-decoration:none;outline:none!important;}
    ul[class]{position:relative;list-style:none;margin:0;padding:0;}
    ul:not([class]){display:flex;flex-direction:column;row-gap:.5rem;}
    ul:not([class])>li::marker{position:relative;font-size:inherit}
    :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]){color:inherit;margin-block:0;font-weight:400;letter-spacing:0;line-height:1.2;font-family:"niveau-grotesk",sans-serif;width:max-content;max-width:100%;text-transform:initial}
    :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"])>:is(em,span){font-family:inherit;text-transform:initial}
    .sub-title{color:inherit;letter-spacing:min(4.8px,.4vw);font-style:initial;font-weight:500;font-size:var(--fs24);text-transform:uppercase;font-family:niveau-grotesk,sans-serif}
    :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"])>span{font-weight:700;}
    :is(h1,h2,h3,h4,h5,h6):has(> [class*="ttl-"]),:is(h1,h2,h3,h4,h5,h6) > [class*="ttl-"] {line-height:.7;}
    h1 {font-size:var(--fs69)}
    h2 {font-size:var(--fs45)}
    h3 {font-size:var(--fs32)}
    h4 {font-size:var(--fs28)}
    h5 {font-size:var(--fs25)}
    h6 {font-size:var(--fs19)}
    .ttl-38 {font-size:var(--fs38)}
    :is(h1,h2,h3,h4,h5,h6):has( [class*=ttl-]){line-height:.9;margin-top:.7rem}
    [class*="ttl-"] .ttl-190{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;line-height:0}
    [class*="ttl-"]+.upper-ttl {display:block;margin-top:-1.5rem} 
    .upper-ttl{font-size:min(24px,5vw);text-transform:uppercase;font-weight:200;}
    [style^="--icn"]{display:inline-flex;column-gap:.3rem;align-items:center}
    [style^="--icn"]::before{position:relative;scale:2;content:"";padding:.7rem;display:block;transition:initial;pointer-events:none;background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:var(--icn);mask-image:var(--icn)}
    [style^="--icn"]:not([class^=btn])::before{scale:1;padding:.938rem}
    .arrow{z-index:2;padding:min(1.2817rem,4.5vw);font-size:0;border-radius:3rem;border:.065rem solid var(--cLroyalBlue);flex:0 0 auto;color:var(--cLroyalBlue);transition:.2s;display:inline-block;background-color:transparent}
    .arrow::after,.arrow::before{content:"";inset:30%;display:block;transition:inherit;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg)}
    .arrow.prev{transform:rotate(-180deg)}
    .arrow.rotate{transform:rotate(-45deg)}
    .arrow::after{translate:-100% 0;opacity:0}
    .arrow:hover{color:var(--cLWhite);background-color:var(--cLmediumSeaGreen);border-color:var(--cLmediumSeaGreen);}
    .arrow::after,.arrow::before,.cliping{position:absolute;pointer-events:none}
    .arrow,[class^=btn-]{overflow:hidden;cursor:pointer;text-align:center;outline:0}
    .arrow,.cliping+*,[class^=btn-]{position:relative}.cliping::after{position:absolute;inset:0;content:"";opacity:.2;background-color:var(--cLBlack)}.cliping img{position:fixed;inset:0;transition:none}.cliping+*{z-index:1}
    [class^=btn-]{z-index:1;line-height:1;font-weight:600;border-radius:2rem;font-size:var(--fs20);display:inline-block;width:max-content;padding:min(0.8rem,3.5vw) min(1.5rem,7vw);white-space:inherit;text-transform:initial;transition:.3s;font-family:niveau-grotesk,sans-serif;border:1px solid transparent;text-decoration:none}
    [class^=btn-][style^=--icn]{display:inline-flex;align-items:center}
    [class^=btn-][style^=--icn]:before{padding:.5rem}
    [class^=btn-]>input{margin:0!important;line-height:1!important;}
    :is(.prev,.next)[class^=btn-]{display:inline-flex;column-gap:min(1.5rem,3vw);align-items:center;justify-content:space-between}
    :is(.prev,.next)[class^=btn-]>.arrow {scale:1.8;padding:.5rem;}
    :is(.prev,.next)[class^=btn-]>.arrow::after, :is(.prev,.next)[class^=btn-]>.arrow::before {inset: 20%;}
    .tag{position:relative;text-transform:uppercase;font-size:var(--fs16);font-weight:600;border-radius:2rem;color:var(--cLdeepTeal);padding:.4rem 1.2rem .45rem;max-width:max-content;background-color:#ffffffc4;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}    .next[class^=btn-]:hover>.arrow::before,
    /* em[class^=btn-]{font-weight:300} */
    .arrow:hover::before{translate:100% 0;opacity:0}
    :is(.prev,.next)[class^=btn-]:hover>.arrow::after,
    .arrow:hover::after{translate:0 0;opacity:1}
    .prev[class^=btn-]::before,.next[class^=btn-]::after,.next[class^=btn-]:hover>.arrow::before{position:relative;content:'';padding:min(.5rem,1.7vw);display:inline-block;background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg)}
    p:has(>[class^="btn-"]) {display:flex;gap:1rem 2rem;flex-wrap: wrap;}
    [class^=btn-]:has(>img){display: flex;column-gap: 1.4rem;align-items: center;}
    [class^=btn-]>img{flex:0 0 auto;scale:1.8;width:1rem;height:1rem}
    [class^=btn-]>:is(input,button):is([type=submit],[type=button]){line-height:1;font-size:inherit;text-transform:inherit;font-weight:inherit;padding:0!important;letter-spacing:inherit;font-family:inherit;border:none!important;outline:0!important;pointer-events:none;color:currentcolor!important;background:0 0!important;display: block !important}
    .btn-[class^=btn-] {padding:0;}
    .prev[class^=btn-]::before{rotate: -180deg;}
    .mce-content-body {background-color: #cecec333;}
    /* other */
    .prev.next-xl[class^=btn-]::before,.next.next-xl[class^=btn-]::after {padding:min(1.1rem,2.7vw) min(2.1rem,5.2vw);mask-image: url("../images/arrow-next.svg")}
    .text hr{position:relative;width:100%;opacity:.3;display:block;margin-block:min(1.5rem,5vw);border-color:var(--cLgainsboro)}
    .cl-green{color:var(--cLmediumSeaGreen);}
    .btn-green{background-color:var(--cLmediumSeaGreen);color:var(--cLcharcoalBlue2)}
    .btn-border{background-color:transparent;border-color:var(--cLdarkNavy)}
    .btn-purple{background-color:var(--cLslateBlue);color:var(--cLWhite);border-color:var(--cLslateBlue)}
    .btn-simple{border-radius:0;padding-inline:0;border-bottom-color:currentColor}
    :is(.btn-purple,.btn-green,.btn-border):hover{background-color:var(--cLslateBlue);color:var(--cLWhite);border-color: var(--cLslateBlue);}
    .btn-simple:hover {color: var(--cLslateBlue);}
    .btn-border.next[class^=btn-]::after {color: var(--cLmediumSeaGreen);}
    .icn-style{position: relative;}
    .icn-style::before {rotate: -180deg;}
    .icn-style::before,
    .text-center .icn-style::after{
        position: relative;
        width: 0;
        height: 0;
        content: '';
        display: block;
        padding: min(1rem,2.5vw);
        background-color: currentcolor;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-image: url(../images/icn-vert.svg);
        mask-image: url(../images/icn-vert.svg);
    }
    .text:has( .icn-style) {padding-left: min(2.5rem,7vw);}
    .text .icn-style::before {
        position: absolute;
        top: 0.5rem;
        rotate: 42deg;
        color: var(--cLmediumSeaGreen);
        right: calc(100% + .5rem);
    }
    .text-center .icn-style::before,
    .text-center .icn-style::after{margin-inline:auto;}
    .line{position: relative;}
    .text .line::after,
    .line::before {
        position: relative;
        content: '';
        display: block;
        background-color: currentColor;
    }
    .text .line::after {
        height: 1px;
        width: 104px;
        margin-top: 1rem;
    }
    .text-center .line::before {
        width: 1px;
        height: 40px;
        margin-inline: auto;
        margin-bottom: min(2rem,8vw);
    }
    @media (max-width:1199px) {
    }
    @media (min-width:600px) {
    }
    @media (min-width:768px) {
    }
    @media (min-width:1024px) {  
    }
    @media (min-width:1200px) {
    }
    @media (min-width:1440px) {   
    }
    @media (min-width:1660px) {
    }
    @media (min-width:1920px) {
    }
    @media (min-width:2100px) {
    }
    
    /* .next[class^=btn-]::after{position:relative;content:'';padding:min(.5rem,1.5vw);display:inline-block;background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg)}
    .btn-border {background-color:#ffffff69;color:currentColor;backdrop-filter:blur(1rem);border-color:var(--cLSoftGray);}
    .orange,:is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) .orange {color: var(--cLOrangeTangerine);}
    .green,:is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) .green {color: var(--cLLimeYellow);}
    .blue,:is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) .blue {color: var(--cLIndigoBlue);} */