*, :after, :before {
    box-sizing: border-box;
}
body {
    /* sizes */
    --size-font: 17px;
    --size-full: 100%;
    --size-uulg: 1920px;
    --size-ulg: 1601px;
    --size-xlg: 1600px;
    --size-lg: 1248px;
    --size-md: 1068px;
    --size-sm: 734px;
    --size-xsm: 512px;
    --size-usm: 380px;
    --size-nav: 3.5rem;
    --clear: 3rem;
    --line-height: 1.25;
    --main-gap: 2rem;
    --main-gap-05: calc(var(--main-gap) / 2);
    --trns-15: .15s ease;

    /* radius */
    --r-1: 3rem;
    --r-2: calc(var(--r-1) / 2);
    --r-3: calc(var(--r-1) / 3);
    --r-4: calc(var(--r-1) / 4);
    --r-5: calc(var(--r-1) / 5);
    --r-6: calc(var(--r-1) / 6);
    --r-7: calc(var(--r-1) / 7);
    --r-8: calc(var(--r-1) / 8);
    --r-9: calc(var(--r-1) / 9);
    --r-10: calc(var(--r-1) / 10);
    --r-c: 50%;
    --r-btn: var(--r-3);

    --clr-white: rgba(255, 255, 255, 1);
    --clr-white-05: rgba(255, 255, 255, .05);
    --clr-white-10: rgba(255, 255, 255, .1);
    --clr-white-20: rgba(255, 255, 255, .2);
    --clr-white-30: rgba(255, 255, 255, .3);
    --clr-white-40: rgba(255, 255, 255, .4);
    --clr-white-50: rgba(255, 255, 255, .5);
    --clr-white-60: rgba(255, 255, 255, .6);
    --clr-white-70: rgba(255, 255, 255, .7);
    --clr-white-80: rgba(255, 255, 255, .8);
    --clr-white-90: rgba(255, 255, 255, .9);
    
    --clr-tr: rgba(0, 0, 0, 0);
    
    --clr-black: rgba(0, 0, 0, 1);
    --clr-black-05: rgba(0, 0, 0, .05);
    --clr-black-10: rgba(0, 0, 0, .1);
    --clr-black-20: rgba(0, 0, 0, .2);
    --clr-black-30: rgba(0, 0, 0, .3);
    --clr-black-40: rgba(0, 0, 0, .4);
    --clr-black-50: rgba(0, 0, 0, .5);
    --clr-black-60: rgba(0, 0, 0, .6);
    --clr-black-70: rgba(0, 0, 0, .7);
    --clr-black-80: rgba(0, 0, 0, .8);
    --clr-black-90: rgba(0, 0, 0, .9);
    
    --clr-gray: rgba(245, 245, 246);
    --clr-gray-hover: rgba(105, 105, 105);
    --clr-gray-dark: rgba(153, 153, 153);
    --clr-gray-dark-05: rgba(153, 153, 153, .05);
    --clr-gray-dark-10: rgba(153, 153, 153, .1);
    --clr-gray-dark-20: rgba(153, 153, 153, .2);
    --clr-gray-dark-30: rgba(153, 153, 153, .3);
    --clr-gray-dark-40: rgba(153, 153, 153, .4);
    --clr-gray-dark-50: rgba(153, 153, 153, .5);
    --clr-gray-dark-60: rgba(153, 153, 153, .6);
    --clr-gray-dark-70: rgba(153, 153, 153, .7);
    --clr-gray-dark-80: rgba(153, 153, 153, .8);
    --clr-gray-dark-90: rgba(153, 153, 153, .9);
    --clr-gray-dark-light: rgba(78, 80, 104, 1);
    --clr-gray-dark-light-05: rgba(78, 80, 104, .05);
    --clr-gray-dark-light-10: rgba(78, 80, 104, .1);
    --clr-gray-dark-light-20: rgba(78, 80, 104, .2);
    --clr-gray-dark-light-30: rgba(78, 80, 104, .3);
    --clr-gray-dark-light-40: rgba(78, 80, 104, .4);
    --clr-gray-dark-light-50: rgba(78, 80, 104, .5);
    --clr-gray-dark-light-60: rgba(78, 80, 104, .6);
    --clr-gray-dark-light-70: rgba(78, 80, 104, .7);
    --clr-gray-dark-light-80: rgba(78, 80, 104, .8);
    --clr-gray-dark-light-90: rgba(78, 80, 104, .9);
    --clr-gray-dark-hover: #191c21;

    --clr-blue: rgb(26, 170, 255);
    --clr-blue-05: rgba(26, 170, 255, .05);
    --clr-blue-10: rgba(26, 170, 255, .1);
    --clr-blue-20: rgba(26, 170, 255, .2);
    --clr-blue-dark: rgb(0, 120, 190);

    --clr-orange: rgb(240, 128, 0);
    --clr-orange-05: rgba(240, 128, 0, .05);
    --clr-orange-10: rgba(240, 128, 0, .1);
    --clr-orange-20: rgba(240, 128, 0, .2);
    --clr-orange-dark: rgb(230, 100, 0);

    --clr-text: var(--clr-black);
    --clr-text-sub: var(--clr-black);

    --clr-bg: var(--clr-white);
    --clr-bg-sub: var(--clr-gray-light);

    --bg-clr-section: var(--clr-white);

    --font: 'Open SAns', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, Verdana;

    --size-rad-btn: .25rem;
    --size-rad-el: .5rem;    

    --clr-acnt: var(--clr-blue);
    --clr-acnt-hover: var(--clr-blue-dark);

    --svg-tube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.12 15.95'%3E%3Cpath d='M22.63,2.51c-.27-.99-1.03-1.75-2.04-2.02-1.8-.49-9.04-.49-9.04-.49,0,0-7.23,0-9.01.49C1.54.75.77,1.52.48,2.51c-.48,1.75-.48,5.45-.48,5.45,0,0,0,3.72.48,5.49.28.96,1.06,1.75,2.06,2.02,1.79.48,9.01.48,9.01.48,0,0,7.24,0,9.04-.48,1.01-.27,1.77-1.05,2.04-2.02.49-1.77.49-5.49.49-5.49,0,0,0-3.7-.49-5.45ZM14.79,8.48l-5.18,2.94c-.39.22-.87-.06-.87-.5v-5.88c0-.44.48-.72.87-.5l5.18,2.94c.39.22.39.79,0,1.01Z'/%3E%3C/svg%3E");
}

main.page-frame {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;

    font-family: var(--font);
    font-size: var(--size-font);
    line-height: var(--line-height);
    font-style: normal;

    --fnt-wght-min: 200;
    --fnt-wght: 400;
    --fnt-wght-max: 1000;
    --fnt-wdth-min: 75;
    --fnt-wdth: 100;
    --fnt-wdth-max: 125;

    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth);

    color: var(--clr-text);

    --size-content: var(--size-lg);
}

.s-fluid { --size-content: var(--size-full);}
.s-uulg { --size-content: var(--size-uulg);}
.s-ulg { --size-content: var(--size-ulg);}
.s-lg { --size-content: var(--size-lg);}
.s-md { --size-content: var(--size-md);}
.s-sm { --size-content: var(--size-sm);}
.s-xsm { --size-content: var(--size-xsm);}

.page-frame, .page-frame section, .page-frame .row, .page-frame .container, .page-frame .clear, .page-frame .clear-h, .page-frame .clear-hh, .page-frame .maingap {
    display: flex;
    width: 100%;
    max-width: 100%;
}
div[class*="col-"] { width: 100%; max-width: 100%;}
.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1,
.col-avatar, .col-about, .col-main-1, col-main-2 { display: flex;}

.page-frame, .page-frame .container, div[class*="col-"] { flex-flow: column;}
div[class*="col-"] { padding: 0 var(--main-gap-05);}
.page-frame section, .page-frame .row { flex-flow: wrap;}
.page-frame .clear { height: var(--clear);}
.page-frame .clear-h { height: calc(var(--clear) / 2);}
.page-frame .clear-hh { height: calc(var(--clear) / 4);}
.page-frame .maingap { height: var(--main-gap);}
main.page-frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.page-frame section {
    position: relative;
    z-index: 0;
    padding: var(--clear) 0;
    background-color: var(--bg-clr);
}
.page-frame .container {
    z-index: 1;
    max-width: var(--size-content);
    min-width: auto;
    margin: 0 auto;
    padding: 0 var(--main-gap);
    gap: var(--main-gap) 0;
}
.page-frame .row {
    width: calc(100% + var(--main-gap));
    max-width: calc(100% + var(--main-gap));
    margin: 0 calc(var(--main-gap-05) * -1);
    gap: var(--main-gap) 0;
}

div[class*="col-"].col-12 { max-width: 100%;} div[class*="col-"].col-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-6 { max-width: calc(100% / 2);} div[class*="col-"].col-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-4 { max-width: calc(100% / 3);} div[class*="col-"].col-3 { max-width: calc(100% / 4);} div[class*="col-"].col-2 { max-width: calc(100% / 6);} div[class*="col-"].col-1 { max-width: calc(100% / 12);}
div[class*="col-"].col-main-1 { max-width: calc(100% - 36rem);}
div[class*="col-"].col-main-2 { max-width: 36rem;}

.o-1 {order: 1;} .o-2 {order: 2;} .o-3 {order: 3;} .o-4 {order: 4;} .o-5 {order: 5;} .o-6 {order: 6;} .o-7 {order: 7;} .o-8 {order: 8;} .o-9 {order: 9;} .o-10 {order: 10;} .o-11 {order: 11;} .o-12 {order: 12;} .o-13 {order: 13;} .o-14 {order: 14;} .o-15 {order: 15;} .o-16 {order: 16;}

.scrn-ulg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-xlg {display: inherit;}

.box {
    border: 0;
    background: var(--bg-clr);
    display: flex;
    width: 100%;
    flex-flow: wrap;
    gap: var(--main-gap-05) 0;
    padding: var(--main-gap-05) 0;
    border-radius: var(--r-4);
    color: var(--clr-text);
    position: relative;
}
.row-curses .box { min-height: 28rem;}
[data-theme="gray"] { --bg-clr: var(--clr-gray);}
[data-theme="white"] { --bg-clr: var(--clr-white);}


.img-wrap {
    display: flex;
    width: calc(100% + var(--main-gap));
    height: calc(100% + var(--main-gap));
    justify-content: center;
    align-items: center;
    margin: calc(var(--main-gap-05) * -1);
}
.img-wrap img, .img-wrap picture {
    display: flex;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.img-wrap.--b { align-items: flex-end;}


.btn {
    -webkit-touch-callout: none;
    align-items: center;
    width: fit-content;
    min-width: 15rem;
    --clr-btn: var(--clr-orange);
    background-color: var(--clr-btn);
    border: 1px solid var(--clr-btn);
    border-radius: var(--r-6);
    color: var(--clr-white);
    display: inline-flex;
    font-family: var(--font);
    font-size: 1.20rem;
    font-style: normal;
    font-weight: 600;
    height: 3.25rem;
    justify-content: center;
    line-height: 1;
    padding: .25rem 1.5rem;
    transition: var(--trns-15);
    position: relative;
    cursor: pointer;
    gap: .5em;
    text-decoration: none;
}
.btn:hover, .btn:not(:disabled):active { --clr-btn: var(--clr-orange-dark);}
.btn.btn-acnt { --clr-btn: var(--clr-acnt);}
.btn.btn-acnt:hover { --clr-btn: var(--clr-acnt-hover);}
.btn.btn-gray { --clr-btn: var(--clr-gray-dark);}
.btn.btn-gray:hover { --clr-btn: var(--clr-gray-hover);}
.btn.--sm { font-size: 1rem; height: 2rem; min-width: auto;}
.btn-wrap, .btn-title { display: flex; width: 100%;}
.btn-wrap { flex-flow: wrap; gap: var(--main-gap-05);}
.btn-title { flex-flow: column;gap: var(--main-gap-05);}

.txa-c {
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

div[class="col-avatar"] {
    max-width: 14rem;
    padding-top: var(--main-gap);
    padding-bottom: var(--main-gap);
}
div[class="col-about"] {
    max-width: calc(100% - 14rem);
    gap: var(--main-gap);
    justify-content: center;
    padding-right: calc(var(--main-gap) * 1.5);
}
div[class="col-about"] .title {
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
}
.col-avatar img {
    border-radius: 50%;
    margin: auto;
    max-width: 11rem;
}

.article {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap);
    margin: auto 0;
}
.article p strong {
    font-weight: 700;
    color: var(--clr-orange);
    text-transform: uppercase;
}
.box .article { padding: var(--main-gap-05) calc(var(--main-gap) * 1.5) var(--main-gap) calc(var(--main-gap) * 2);}
.section-curse .box { min-height: 25rem;}


i.icn {
    --size-icn: 1cap;
    display: inline-flex;
    width: var(--size-icn);
    height: var(--size-icn);
    min-width: var(--size-icn);
    min-height: var(--size-icn);
    position: relative;
    color: currentColor;
}
i.icn.--ulg { --size-icn: 6cap;}
i.icn.--xlg { --size-icn: 4cap;}
i.icn.--lg { --size-icn: 2cap;}
i.icn.--md { --size-icn: 1.5cap;}
i.icn:after {
    transition: var(--trns-15);
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
}
i.icn-tube:after {
    mask-image: var(--svg-tube);
    -webkit-mask-image: var(--svg-tube);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: currentColor;
}

.page-frame h1.subtitle, .page-frame .h1.subtitle,
.page-frame h2, .page-frame .h2,
.page-frame h3, .page-frame .h3 { font-weight: 700; line-height: 1.15;}
.page-frame h1.subtitle, .page-frame .h1.subtitle { color: var(--clr-orange); font-size: 1.25rem;}
.page-frame h2, .page-frame .h2 { font-size: 2.25rem;}
.page-frame h2.title, .page-frame .h2.title { font-size: 2.75rem;}
.page-frame h2.alt, .page-frame .h2.alt { font-weight: 500;}
.page-frame h3, .page-frame .h3 { font-size: 1.75rem;}

h2 + .subtitle, .h2 + .subtitle {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.25;
}
.box h2 + .subtitle, .box .h2 + .subtitle { font-weight: 600;}

h1.mrkr, .h1.mrkr, h2.mrkr, .h2.mrkr, h3.mrkr, .h3.mrkr, div.subtitle.mrkr { 
    position: relative;
}
h1.mrkr:before, .h1.mrkr:before, h1.mrkr:after, .h1.mrkr:after,
h2.mrkr:before, .h2.mrkr:before, h2.mrkr:after, .h2.mrkr:after,
h3.mrkr:before, .h3.mrkr:before, h3.mrkr:after, .h3.mrkr:after,
div.subtitle.mrkr:before, div.subtitle.mrkr:after {
    content: '';
    position: absolute;
    width: 1.5cap;
    height: 1.5cap;
    left: -2cap;
    color: var(--clr-orange);
    background: currentColor;
    border-radius: 50%;
    display: flex;
    top: .125cap;
}
h1.mrkr:after, .h1.mrkr:after,
h2.mrkr:after, .h2.mrkr:after,
h3.mrkr:after, .h3.mrkr:after,
div.subtitle.mrkr:after {
    content: attr(data-marker);
    color: var(--clr-white);
    background: var(--clr-tr);
    justify-content: center;
    align-items: center;
    transform: scale(.75);
}
            
h1[data-color="acnt"], .h1[data-color="acnt"],
h2[data-color="acnt"], .h2[data-color="acnt"],
h3[data-color="acnt"], .h3[data-color="acnt"],
h1[data-color="acnt"].mrkr:before, .h1[data-color="acnt"].mrkr:before,
h2[data-color="acnt"].mrkr:before, .h2[data-color="acnt"].mrkr:before,
h3[data-color="acnt"].mrkr:before, .h3[data-color="acnt"].mrkr:before,
div.subtitle[data-color="acnt"].mrkr:before { color: var(--clr-acnt);}

h3.mrkr, .h3.mrkr { padding-left: 2cap;}
h3.mrkr:before, .h3.mrkr:before, h3.mrkr:after, .h3.mrkr:after {
    width: 1.5cap;
    height: 1.5cap;
    left: 0;
}

.page-frame .box .h2 { white-space: nowrap; margin-left: -2.25rem;}
.first-section .btn-wrap { min-width: 40rem;}

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

}

@media screen and (min-width: 1601px) {
    div[class*="col-"].col-ulg-12 { max-width: 100%;} div[class*="col-"].col-ulg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-ulg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-ulg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-ulg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-ulg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-ulg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-ulg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-ulg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-ulg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-ulg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-ulg-1 { max-width: calc(100% / 12);}
    
    .o-ulg-1 {order: 1;} .o-ulg-2 {order: 2;} .o-ulg-3 {order: 3;} .o-ulg-4 {order: 4;} .o-ulg-5 {order: 5;} .o-ulg-6 {order: 6;} .o-ulg-7 {order: 7;} .o-ulg-8 {order: 8;} .o-ulg-9 {order: 9;} .o-ulg-10 {order: 10;} .o-ulg-11 {order: 11;} .o-ulg-12 {order: 12;} .o-ulg-13 {order: 13;} .o-ulg-14 {order: 14;} .o-ulg-15 {order: 15;} .o-ulg-16 {order: 16;}
    
    .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-ulg {display: inherit;}
}
@media screen and (max-width: 1600px) {
    div[class*="col-"].col-xlg-12 { max-width: 100%;} div[class*="col-"].col-xlg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-xlg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-xlg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-xlg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-xlg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-xlg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-xlg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-xlg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-xlg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-xlg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-xlg-1 { max-width: calc(100% / 12);}
    
    .o-xlg-1 {order: 1;} .o-xlg-2 {order: 2;} .o-xlg-3 {order: 3;} .o-xlg-4 {order: 4;} .o-xlg-5 {order: 5;} .o-xlg-6 {order: 6;} .o-xlg-7 {order: 7;} .o-xlg-8 {order: 8;} .o-xlg-9 {order: 9;} .o-xlg-10 {order: 10;} .o-xlg-11 {order: 11;} .o-xlg-12 {order: 12;} .o-xlg-13 {order: 13;} .o-xlg-14 {order: 14;} .o-xlg-15 {order: 15;} .o-xlg-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-xlg {display: inherit;}
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1200px) {
    div[class*="col-"].col-lg-12 { max-width: 100%;} div[class*="col-"].col-lg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-lg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-lg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-lg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-lg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-lg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-lg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-lg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-lg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-lg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-lg-1 { max-width: calc(100% / 12);}
    
    .o-lg-1 {order: 1;} .o-lg-2 {order: 2;} .o-lg-3 {order: 3;} .o-lg-4 {order: 4;} .o-lg-5 {order: 5;} .o-lg-6 {order: 6;} .o-lg-7 {order: 7;} .o-lg-8 {order: 8;} .o-lg-9 {order: 9;} .o-lg-10 {order: 10;} .o-lg-11 {order: 11;} .o-lg-12 {order: 12;} .o-lg-13 {order: 13;} .o-lg-14 {order: 14;} .o-lg-15 {order: 15;} .o-lg-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-lg {display: inherit;}
}
@media screen and (max-width: 1080px) {
    div[class*="col-"].col-md-12 { max-width: 100%;} div[class*="col-"].col-md-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-md-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-md-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-md-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-md-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-md-6 { max-width: calc(100% / 2);} div[class*="col-"].col-md-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-md-4 { max-width: calc(100% / 3);} div[class*="col-"].col-md-3 { max-width: calc(100% / 4);} div[class*="col-"].col-md-2 { max-width: calc(100% / 6);} div[class*="col-"].col-md-1 { max-width: calc(100% / 12);}
    
    .o-md-1 {order: 1;} .o-md-2 {order: 2;} .o-md-3 {order: 3;} .o-md-4 {order: 4;} .o-md-5 {order: 5;} .o-md-6 {order: 6;} .o-md-7 {order: 7;} .o-md-8 {order: 8;} .o-md-9 {order: 9;} .o-md-10 {order: 10;} .o-md-11 {order: 11;} .o-md-12 {order: 12;} .o-md-13 {order: 13;} .o-md-14 {order: 14;} .o-md-15 {order: 15;} .o-md-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-md {display: inherit;}
    
    div[class*="col-"].col-main-1, div[class*="col-"].col-main-2 { max-width: 100%;}
    .first-section .btn-wrap { min-width: auto;}
}
@media screen and (max-width: 734px) {
    div[class*="col-"].col-sm-12 { max-width: 100%;} div[class*="col-"].col-sm-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-sm-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-sm-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-sm-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-sm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-sm-6 { max-width: calc(100% / 2);} div[class*="col-"].col-sm-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-sm-4 { max-width: calc(100% / 3);} div[class*="col-"].col-sm-3 { max-width: calc(100% / 4);} div[class*="col-"].col-sm-2 { max-width: calc(100% / 6);} div[class*="col-"].col-sm-1 { max-width: calc(100% / 12);}
    
    .o-sm-1 {order: 1;} .o-sm-2 {order: 2;} .o-sm-3 {order: 3;} .o-sm-4 {order: 4;} .o-sm-5 {order: 5;} .o-sm-6 {order: 6;} .o-sm-7 {order: 7;} .o-sm-8 {order: 8;} .o-sm-9 {order: 9;} .o-sm-10 {order: 10;} .o-sm-11 {order: 11;} .o-sm-12 {order: 12;} .o-sm-13 {order: 13;} .o-sm-14 {order: 14;} .o-sm-15 {order: 15;} .o-sm-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-xsm {display: none;} .scrn-sm {display: inherit;}
    
    main.page-frame { --main-gap: 1rem;}
}
@media screen and (max-width: 512px) {
    div[class*="col-"].col-xsm-12 { max-width: 100%;} div[class*="col-"].col-xsm-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-xsm-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-xsm-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-xsm-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-xsm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-xsm-6 { max-width: calc(100% / 2);} div[class*="col-"].col-xsm-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-xsm-4 { max-width: calc(100% / 3);} div[class*="col-"].col-xsm-3 { max-width: calc(100% / 4);} div[class*="col-"].col-xsm-2 { max-width: calc(100% / 6);} div[class*="col-"].col-xsm-1 { max-width: calc(100% / 12);}
    
    .o-xsm-1 {order: 1;} .o-xsm-2 {order: 2;} .o-xsm-3 {order: 3;} .o-xsm-4 {order: 4;} .o-xsm-5 {order: 5;} .o-xsm-6 {order: 6;} .o-xsm-7 {order: 7;} .o-xsm-8 {order: 8;} .o-xsm-9 {order: 9;} .o-xsm-10 {order: 10;} .o-xsm-11 {order: 11;} .o-xsm-12 {order: 12;} .o-xsm-13 {order: 13;} .o-xsm-14 {order: 14;} .o-xsm-15 {order: 15;} .o-xsm-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: inherit;}
    
    main.page-frame { --clear: 1rem; --size-font: 15px;}
    .page-frame h1.subtitle, .page-frame .h1.subtitle { font-size: 1.15rem;}
    .page-frame h2.title, .page-frame .h2.title { font-size: 1.65rem;}
    .article .description { padding-bottom: var(--main-gap);}
    .btn { padding: .15rem .5rem; width: 100%;}
    .page-frame h2, .page-frame .h2 { font-size: 1.75rem;}
    .page-frame h2.alt, .page-frame .h2.alt { font-size: 1.15rem; line-height: 1; font-weight: 600;}
    .page-frame h3, .page-frame .h3 { font-size: 1.15rem; text-align: left;}
    .page-frame .box .h2 { white-space: normal; margin: 0;}
    h2 + .subtitle, .h2 + .subtitle { font-size: 1.25rem; font-weight: 600;}
    h2 + .subtitle.mrkr, .h2 + .subtitle.mrkr { text-indent: 2cap;}
    section.section-curse, section.section-bonus { background: var(--clr-gray-dark-30); padding: calc(var(--clear) * 2) 0 0;}
    section.section-bonus .article.alt { padding: var(--main-gap);}
    section.section-curse .box { border-bottom: 6px solid var(--clr-orange);}
    .article.alt { background: var(--clr-white); border-radius: var(--r-4) var(--r-4) 0 0; padding: var(--main-gap) var(--main-gap-05); max-width: 100%;}
    .page-frame section.section-curse .container, .page-frame section.section-bonus .container { padding: 0; gap: 0;}
    .box { border-radius: 0;}
    .box .article { padding: var(--main-gap-05);}
    h1.mrkr:before, .h1.mrkr:before, h1.mrkr:after, .h1.mrkr:after, h2.mrkr:before, .h2.mrkr:before, h2.mrkr:after, .h2.mrkr:after, h3.mrkr:before, .h3.mrkr:before, h3.mrkr:after, .h3.mrkr:after, div.subtitle.mrkr:before, div.subtitle.mrkr:after { left: 0;}
    h1.mrkr:after, .h1.mrkr:after, h2.mrkr:after, .h2.mrkr:after, h3.mrkr:after, .h3.mrkr:after, div.subtitle.mrkr:after { text-indent: 0;}
    .btn.--sm { max-width: calc((100% - var(--main-gap-05)) / 2);}
    
    h3.mrkr, .h3.mrkr { padding-left: 4cap;  max-width: 16rem;}
    h3.mrkr:before, .h3.mrkr:before, h3.mrkr:after, .h3.mrkr:after {
        width: 3cap;
        height: 3cap;
        top: calc(50% - 1.5cap);
    }
    h3.mrkr:after, .h3.mrkr:after { transform: scale(1.25);}
    .txa-xsm-l {
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        margin: 0 auto auto 0;
        text-align: left;
        vertical-align: baseline;
    }
    .tk-list img { max-width: 100%;}
    
    div[class="col-avatar"], div[class="col-about"] { max-width: 100%;}
    div[class="col-about"] {
        padding: 0 var(--main-gap) var(--main-gap);
        text-align: center;
        justify-content: center;
        align-items: center;
        gap: var(--main-gap);
    }
    .section-author .box { border-radius: var(--r-4);}
    div[class="col-about"] .title { font-size: 1.5rem;}
    .page-frame .section-author .container { gap: calc(var(--main-gap) * 2);}
}
@media screen and (max-width: 480px) {

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

}

[data-remodal-id="create_order"] {
    padding: 40px 40px;
    max-width: 480px;
}
[data-remodal-id="create_order"] .create_order__title {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin: 0 0 24px 0;
}
[data-remodal-id="create_order"] .create_order__description {
    margin: 0 0 16px 0;
    font-size: 16px;
    line-height: 22px;
}
[data-remodal-id="create_order"] .create_order__description a {
    color: inherit;
}
[data-remodal-id="create_order"] .create_order__button {
    margin: 40px 0 0 0;
}