@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";body{margin:0;padding:0;font-synthesis:none;-moz-font-feature-settings:kern;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;text-align:left}*{box-sizing:border-box;background-repeat:no-repeat}main{overflow:hidden}.flx{display:flex;flex-direction:column}

.gradient-neutral
{background-image: linear-gradient(to right top, #f2f2f2, #f5f5f5, #f8f8f8, #fcfcfc, #fff);}

.cool-gradient
{background-image: linear-gradient(to right top, 
var(--co0l-1k), 
var(--co0l-2k),
var(--co0l-3k),
var(--co0l-4k),
var(--co0l-5k),
var(--co0l-6k)

);}

:root
{
--co0l-1k:#eef2ff;
--co0l-2k:#f1f5ff;
--co0l-3k:#f5f7ff;
--co0l-4k:#f8faff;
--co0l-5k:#fcfcff;
--co0l-6k: #fff;
}

.warm-gradient
{background-image: linear-gradient(to right top, 
var(--wa0l-1k), 
var(--wa0l-2k),
var(--wa0l-3k),
var(--wa0l-4k),
var(--wa0l-5k),
var(--wa0l-6k)

);}

:root
{
--wa0l-1k:#fcf3ee;
--wa0l-2k:#fcf4f0;
--wa0l-3k:#fbf5f2;
--wa0l-4k:#faf7f4;
--wa0l-5k:#faf8f6;
--wa0l-6k:#fff;
}

.gradient-platinum
{background-image: linear-gradient(137deg, rgb(99, 98, 99) 0%, rgb(200, 200, 200) 106%, rgb(220, 220, 220) 109%, rgb(200, 200, 200) 112%, rgb(91, 90, 90) 100%);
}



:root {
    --gradient-gold: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    --canvas-black: #000;
    --canvas-white: #fff;
    --gradient-spektra-1: linear-gradient(to right, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    --gradient-spektra-1-wk: -webkit-linear-gradient(left, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
    --gradient-spektra-2: linear-gradient(90deg, #90ca5a, #d7d65a 50%, #dac355 70%);
    --gradient-spektra-3: linear-gradient(235deg,#002156,#091C3B 18%,#3B0320);
    --gradient-spektra-4: linear-gradient(122deg,#671542,#C53017 51%,#FFAF2D);
    --gradient-spektra-5: linear-gradient(to right top, 
    var(--co0l-1k), 
    var(--co0l-2k),
    var(--co0l-3k),
    var(--co0l-4k),
    var(--co0l-5k),
    var(--co0l-6k)
    
    );
    --gradient-spektra-6: linear-gradient(137deg, rgb(99, 98, 99) 0%, rgb(200, 200, 200) 106%, rgb(220, 220, 220) 109%, rgb(200, 200, 200) 112%, rgb(91, 90, 90) 100%);

    --gradient-spektra-7: radial-gradient(ellipse at 5% 5%, #7bcf6a 0%, rgba(123,207,106,0) 75%),radial-gradient(ellipse at 95% 5%, #aec154 0%, rgba(174,193,84,0) 75%),radial-gradient(ellipse at 95% 95%, #68a9bb 0%, rgba(104,169,187,0) 75%),radial-gradient(ellipse at 5% 95%, #5fc28a 0%, rgba(95,194,138,0) 75%);

    --gradient-spektra-8: linear-gradient(to right top, #f2f2f2, #f5f5f5, #f8f8f8, #fcfcfc, #fff);

    --gradient-spektra-9: linear-gradient(140deg, #F34199, #FFE1C0);

}

.absolute-link
{color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    inset: 0;
    z-index: 999;}

    /* remane us */

    #us .nxt-group.gta{grid-template-areas:'nxt'}
    #us .nxt-group{display:grid;isolation:isolate}
    #us .nxt-group .layer{grid-area:nxt;display:grid;
        
        
        position:relative}#us .nxt-group .layer.layer-1{width:50px;height:50px;align-self:end;justify-self:end;background-position:bottom right;background-image:url(../../svg/misc/svg-open-black.svg);filter:invert(100%);background-size:44px 44px;z-index:2}#us .nxt-group .layer.layer-2{width:100px;height:100px;align-self:end;justify-self:end;z-index:1;background:#000;clip-path:polygon(100% 0,0% 100%,100% 100%)}@media screen and (max-width:1068px){#us .nxt-group .layer.layer-1{width:50px;height:50px;background-size:44px 44px;margin:0 7px 7px 0}#us .nxt-group .layer.layer-2{width:100px;height:100px}}@media screen and (max-width:767px){#us .nxt-group .layer.layer-1{width:40px;height:40px;background-size:34px 34px;margin:0 7px 7px 0}#us .nxt-group .layer.layer-2{width:80px;height:80px}#us .nxt-group .layer.layer-1{width:34px;height:34px;background-size:29px 29px;margin:0 4px 4px 0}#us .nxt-group .layer.layer-2{width:65px;height:65px}}@media screen and (min-width:1069px){#us .nxt-group .layer.layer-1{width:50px;height:50px;background-size:44px 44px;margin:0 7px 7px 0}#us .nxt-group .layer.layer-2{width:100px;height:100px}}

    .guides {
        background:linear-gradient(to right,gold 50%,green 50%)
        } 


/*         @media screen and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 320px) and (min-resolution: 2dppx),only screen and (min-width: 320px) and (min-resolution: 240dpi) {
#norway .group .layer.layer-1 {
background-image:url(vagabond/02_medium.webp)
}
}

@media screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 641px) and (min-resolution: 2dppx),only screen and (min-width: 641px) and (min-resolution: 240dpi) {
#norway .group .layer.layer-1 {
background-image:url(vagabond/01_medium.webp)
}
}

@media screen and (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 1440px) and (min-resolution: 2dppx),only screen and (min-width: 1440px) and (min-resolution: 240dpi) {
#norway .group .layer.layer-1 {
background-image:url(vagabond/01_large.png)
}
}
 */

.clip-text-global {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;
    background-image: none
}


/* 231022 / Master Template */

/* <div class="flx" id="cnt-1"><div class="group-main gta"><div class="frontface"><div class="group-front settings gta"><div class="layer layer-1"></div><div class="layer x-layer"><div class="inset"></div></div></div></div><div class="backface"></div></div></div> */

/* #cnt-1 .group-main.gta{grid-template-areas:'group-main'}#cnt-1 .group-front.gta{grid-template-areas:'group-front'}#cnt-1 .subgroup{grid-template-areas:'subgroup'}main p,h1,h2,h3{margin:0}html{font-family:'Roboto'}#cnt-1{background-color:transparent}#cnt-1 .subgroup{isolation:isolate}#cnt-1 .subgroup,#cnt-1 .subgroup .sublayer{display:grid}#cnt-1 .subgroup .sublayer{position:relative;grid-area:sublayer}#cnt-1 p,h1{margin:0;font-family:'Roboto';color:#2c2d30}#cnt-1 .group-main,#cnt-1 .frontface,#cnt-1 .group-front,#cnt-1 .layer,#cnt-1 article,#cnt-1 .backface,#cnt-1 .layer>div,#cnt-1 .layer>div>div{display:grid}#cnt-1 .frontface,#cnt-1 .backface{grid-area:group-main}#cnt-1 .layer{grid-area:group-front}#cnt-1.frontface{width:100vw;overflow:hidden;padding:80px 0 40px}@media screen and (max-width:767px){#cnt-1 .group-front{height:auto;width:auto;height:fit-content;width:calc(100vw - 20px);max-width:350px;grid-template-columns:100%;grid-template-rows:auto}#cnt-1 .group-front.gta{grid-template-areas:unset}#cnt-1 .layer{grid-area:unset}}@media screen and (max-width:359px){#cnt-1 .group-front{max-width:300px}} */






/* 231107 / Master Template Adaptive Backface */

/* <main><div class="flx" id="adp"><div class="group-main gta"><div class="frontface"><div class="layer"></div></div><div class="backface adaptive-backface-height"><div class="back-group"><div class="layer layer-1"></div></div></div></div></div></main> */
/* 
#adp .group-main.gta{
grid-template-areas:'group-main'
}

#adp .group-front.gta{
grid-template-areas:'group-front'
}

#adp .subgroup{
grid-template-areas:'subgroup'
}

#adp .backface{
grid-template-areas: 
'..........'
'back-group'
'..........';
}

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

#adp .backface{
grid-template-areas: 
'.......... .......... ..........'
'.......... back-group ..........'
'.......... .......... ..........';
}
}

#adp .back-group
{grid-template-areas: 'design';}


#adp .frontface
{grid-template-areas: 'typo';}


main p,h1,h2,h3{margin:0}html{font-family:'Roboto'}#adp{background-color:transparent}#adp .subgroup{isolation:isolate}#adp .subgroup .sublayer{position:relative;grid-area:sublayer}#adp p,h1{margin:0;font-family:'Roboto';color:#2c2d30}#adp .group-main,#adp .frontface,#adp .group-front,#adp .layer,#adp article,#adp .backface,#adp .layer>div,#adp .layer>div>div,#adp .subgroup,#adp .subgroup .sublayer,#adp .back-group,#adp .back-group>div,#adp .back-group>div>div{display:grid}#adp .frontface .layer{grid-area:typo}#adp .back-group .layer{grid-area:design;position:relative}#adp .frontface,#adp .backface{grid-area:group-main}#adp .frontface{z-index:1}#adp .backface{z-index:0}#adp .back-group{isolation:isolate}#adp .inset{position:absolute;inset:0}



#adp .group-main{height:100%}@media screen and (max-width:1185px){#adp .group-main{width:100vw;overflow:hidden}#adp .frontface,#adp .backface{margin-left:calc(calc(100vw / 2) - calc(1185px / 2))}}#adp .backface{grid-template-columns:1185px;grid-template-rows:1px 1fr 1px}#adp .backface.adaptive-backface-height{height:calc(68px + 1057px + 68px)}@media screen and (max-width:1199px){#adp .backface.adaptive-backface-height{height:calc(68px + 1057px + 68px)}}@media screen and (max-width:828px){#adp .backface.adaptive-backface-height{height:calc(68px + 1057px + 68px)}}@media screen and (max-width:735px){#adp .backface.adaptive-backface-height{height:calc(68px + 1057px + 68px)}}@media screen and (min-width:1200px){#adp .backface{grid-template-columns:1fr 1185px 1fr}#adp .backface.adaptive-backface-height{height:calc(68px + 1057px + 68px)}}#adp .back-group{width:100%;height:1057px;grid-area:back-group;transform-origin:top center;transform:scale(1)}@media screen and (max-width:1199px){#adp .back-group{transform:scale(.87)}}@media screen and (max-width:828px){#adp .back-group{transform:scale(.65)}}@media screen and (max-width:735px){#adp .back-group{transform:scale(.34)}}#adp .backface{background:#f08080}#adp .back-group .layer-1{justify-self:center;align-self:center;width:1000px;height:1000px;background:#ffd700}
 */