#alice-1-1 .grd
{grid-template-areas: 'faces';}

#alice-1-1 .frontface
{grid-template-areas:
        '.. ......... ..'
        '.. frontface ..'
        '.. ......... ..'
        '.. layer-6 ..'
        '.. ......... ..'
        '.. button ..'
        '.. ......... ..';
}
    


.typo-link {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
}

:root{--boxshadow:4px 12px 40px 6px rgba(0,0,0,0.09);--canvas-fill: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%);--text-fill:linear-gradient(90deg,#90ca5a,#d7d65a 50%,#dac355 70%)}.clip-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;color:transparent;background-image:var(--text-fill)}.flx{font-family:'Roboto'}.flx p,h1,h2,h3,h4{margin:0}.sect-global-intro-swedish{display:block;margin:0;padding:0}#alice-1-1 .subgroup{grid-template-areas:logos}


#alice-1-1{padding:0}#alice-1-1 .grd,#alice-1-1 .grd>div,#alice-1-1 .grd>div>div,#alice-1-1 .grd>div>div>div,#alice-1-1 .grd>div>div>div>div,#alice-1-1 .grd>div>div>div>div>div{display:grid}#alice-1-1 .frontface,#alice-1-1 .backface{grid-area:faces;width:100vw;overflow:hidden}#alice-1-1 .frontface{z-index:1}#alice-1-1 .backface{z-index:-1}#alice-1-1 .frontface{grid-template-columns:1fr 1150px 1fr}@media screen and (max-width:1149px){#alice-1-1 .frontface{grid-template-columns:1fr 980px 1fr}}@media screen and (max-width:1068px){#alice-1-1 .frontface{grid-template-columns:1fr 728px 1fr}}@media screen and (max-width:767px){#alice-1-1 .frontface{grid-template-columns:1fr 693px 1fr}}@media screen and (max-width:734px){#alice-1-1 .frontface{grid-template-columns:1fr 88.5vw 1fr}}#alice-1-1 .frontface{isolation:isolate}#alice-1-1 .frontface .layer{position:relative}#alice-1-1 .frontface .layer-1{z-index:3}#alice-1-1 .frontface .layer-2{z-index:2}#alice-1-1 .frontface .layer-3{z-index:1}#alice-1-1 .frontface .layer-4{z-index:0}#alice-1-1 .frontface .layer-5{z-index:-1}#alice-1-1 .frontface .layer-6{z-index:3}#alice-1-1 .frontface .layer-1,#alice-1-1 .frontface .layer-2,#alice-1-1 .frontface .layer-3,#alice-1-1 .frontface .layer-4,#alice-1-1 .frontface .layer-5{grid-area:frontface}#alice-1-1 .frontface .layer-6{grid-area:layer-6}

#alice-1-1 .frontface .layer-1 article h1,#alice-1-1 .frontface .layer-1 article p{font-weight:600;color:#111}#alice-1-1 .frontface .layer-1.will-scale{transform-origin:top center;transform:scale(.85) translateY(60px);width:1150px;justify-self:center}#alice-1-1 .frontface .layer-1 article{height:fit-content}#alice-1-1 .frontface .layer-1 article h1{font-size:40px;line-height:1em;padding-bottom:14px;letter-spacing:-.022em}#alice-1-1 .frontface .layer-1 article p{font-size:58px;line-height:1.388em;letter-spacing:.008em}@media screen and (min-width:735px){#alice-1-1 .frontface .layer-1 article p{padding-right:60px;line-height:1.221em}}.break-01{display:none}@media screen and (max-width:734px){.break-01{display:block}#alice-1-1 .frontface .layer-1 article h1{font-size:44px}#alice-1-1 .frontface .layer-1 article p{font-size:58px;padding-right:2px}}

#alice-1-1 .frontface {
    grid-template-rows: 150px 770px 120px 320px 44px 80px 80px
}

@media screen and (max-width:1149px) {
    #alice-1-1 .frontface {
        grid-template-rows: 150px 650px 100px 365px 44px 80px 80px
    }

    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.64) translateY(80px)
    }
}

@media screen and (max-width:1068px) {
    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.6) translateY(85px)
    }

    #alice-1-1 .frontface {
        grid-template-rows: 150px 635px 100px 540px 44px 80px 80px
    }
}

@media screen and (max-width:767px) {
    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.56) translateY(90px)
    }

    #alice-1-1 .frontface {
        grid-template-rows: 150px 610px 100px 590px 44px 80px 80px
    }
}

@media screen and (max-width:734px) {
    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.68) translateY(75px);
        width: 734px
    }

    #alice-1-1 .frontface {
        grid-template-rows: 150px 925px 100px 450px 44px 80px 80px
    }
}

@media screen and (max-width:567px) {
    #alice-1-1 .frontface {
        grid-template-rows: 100px 610px 70px 450px 44px 80px 80px
    }

    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.45) translateY(110px)
    }
}

@media screen and (max-width:414px) {
    #alice-1-1 .frontface {
        grid-template-rows: 100px 600px 70px 420px 44px 80px 80px
    }

    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.42) translateY(120px)
    }
}

@media screen and (max-width:399px) {
    #alice-1-1 .frontface {
        grid-template-rows: 100px 510px 70px 350px 44px 80px 80px
    }

    #alice-1-1 .frontface .layer-1.will-scale {
        transform: scale(.38) translateY(125px)
    }
}

#alice-1-1 .frontface .layer-2{height:233px;width:977px;align-self:end;margin-bottom:50px;justify-self:center}#alice-1-1 .frontface .layer-2{width:977px}@media screen and (max-width:1149px){#alice-1-1 .frontface .layer-2{width:736px}}@media screen and (max-width:1068px){#alice-1-1 .frontface .layer-2{width:690px}}@media screen and (max-width:767px){#alice-1-1 .frontface .layer-2{width:644px}}@media screen and (max-width:734px){#alice-1-1 .frontface .layer-2{width:499px}}@media screen and (max-width:567px){#alice-1-1 .frontface .layer-2{width:330px}}@media screen and (max-width:414px){#alice-1-1 .frontface .layer-2{width:308px}}@media screen and (max-width:399px){#alice-1-1 .frontface .layer-2{width:278px}}


@media screen and (max-width:567px) {
#alice-1-1 .frontface .layer-2 {margin-bottom: 0;}

}


#alice-1-1 .subgroup{width:100%;justify-self:start;height:100%;width:fit-content;height:fit-content}#alice-1-1 .subgroup.will-scale{transform-origin:top left;transform:scale(1) translateY(0px)}@media screen and (max-width:567px){#alice-1-1 .subgroup.will-scale{transform-origin:top left;transform:scale(.8) translateY(30px)}}@media screen and (max-width:414px){#alice-1-1 .subgroup.will-scale{transform-origin:top left;transform:scale(.75) translateY(30px)}}@media screen and (max-width:399px){#alice-1-1 .subgroup.will-scale{transform-origin:top left;transform:scale(.65) translateY(80px)}}

#alice-1-1 .frontface .layer-4,#alice-1-1 .frontface .layer-5{align-self:center;border-radius:23px;background:#fff}#alice-1-1 .frontface .layer-4{width:100%;height:100%}#alice-1-1 .frontface .layer-5{width:calc(100% - 20px);height:calc(100% - 20px);justify-self:center;box-shadow:var(--boxshadow)}



#alice-1-1 .sublayer{grid-area:logos}#alice-1-1 .sublayer{grid-area:logos;display:grid}#alice-1-1 .sublayer.logo-01{width:50px;height:50px}#alice-1-1 .sublayer.logo-rohn{width:150px;height:80px;background-size:100% auto;background-position:0 100%;margin:0}#alice-1-1 .sublayer.logo-clas{width:80px;height:80px;background-size:100% auto;background-position:50% 115%;margin:10px 0 0 170px}#alice-1-1 .sublayer.logo-ifo{width:80px;height:80px;background-size:auto 35%;background-position:50% 115%;margin:4px 0 0 245px;filter:invert(100%)}#alice-1-1 .sublayer.logo-gina{width:110px;height:80px;background-size:100% auto;background-position:50% 50%;margin:35px 0 0 315px}#alice-1-1 .sublayer.logo-brio{width:90px;height:80px;background-size:80% auto;background-position:1% 50%;margin:90px 0 0 5px}#alice-1-1 .sublayer.logo-ellos{width:80px;height:80px;background-size:80% auto;background-position:50% 50%;margin:87px 0 0 90px}#alice-1-1 .sublayer.logo-ellis{width:80px;height:80px;background-size:85% auto;background-position:50% 50%;margin:86px 0 0 188px;filter:invert(100%)}#alice-1-1 .sublayer.logo-molly{width:150px;height:80px;background-size:100% auto;background-position:50% 50%;margin:88px 0 0 280px}#alice-1-1 .sublayer.logo-sterisol{width:80px;height:80px;background-size:100% auto;background-position:50% 50%;margin:153px 0 0;filter:invert(100%)}#alice-1-1 .sublayer.logo-kappahl{width:110px;height:80px;background-size:85% auto;background-position:50% 50%;margin:150px 0 0 90px}#alice-1-1 .sublayer.logo-ahlens{width:105px;height:80px;background-size:100% auto;background-position:50% 50%;margin:147px 0 0 200px}#alice-1-1 .sublayer.logo-aimpoint{width:105px;height:80px;background-size:100% auto;background-position:50% 50%;margin:151px 0 0 320px}
#alice-1-1 .sublayer.logo-rohn{background-image:url(../intrologos/rohnisch_logo.png)}#alice-1-1 .sublayer.logo-clas{background-image:url(../intrologos/clas.png)}#alice-1-1 .sublayer.logo-ifo{background-image:url(../intrologos/ifoe-monochrome.png)}#alice-1-1 .sublayer.logo-gina{background-image:url(../intrologos/gina-p.png)}#alice-1-1 .sublayer.logo-brio{background-image:url(../intrologos/brio.jpg)}#alice-1-1 .sublayer.logo-ellos{background-image:url(../intrologos/ellos.png)}#alice-1-1 .sublayer.logo-ellis{background-image:url(../intrologos/elis-w.png)}#alice-1-1 .sublayer.logo-molly{background-image:url(../intrologos/oddmolly.png)}#alice-1-1 .sublayer.logo-sterisol{background-image:url(../intrologos/sterisol_vit.png)}#alice-1-1 .sublayer.logo-kappahl{background-image:url(../intrologos/kappahl.png)}#alice-1-1 .sublayer.logo-ahlens{background-image:url(../intrologos/ahlens-b.jpg)}#alice-1-1 .sublayer.logo-aimpoint{background-image:url(../intrologos/aimpoint.svg)}



#alice-1-1 .backface {
    background: var(--canvas-fill);
}


@media screen and (max-width: 428px) 

{#alice-1-1 .frontface .layer-6 p {
        font-size: 26px;
        padding: 0 5px;
    }}
@media screen and (max-width: 399px) {
    #alice-1-1 .frontface .layer-6 p {
        font-size: 24px;
        padding: 0;
    }
}



#alice-1-1 .frontface .layer-6 p {
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: .008em;
    line-height: 1.312em;
    font-size: 34px;
    padding: 0 50px;
    margin-top: 10px;
   }

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

#alice-1-1 .frontface .layer-6 p {
       margin-top: 0px;
       margin: 0 auto;
       font-size: 24px;
       width: 400px;
       padding: 0;
       line-height: 1.221;
        transform-origin: top center;
       transform: scale(1.2) translateY(0);
           }

         
}


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

#alice-1-1 .frontface .layer-6 p {
          transform: scale(.93) translateY(0);
       margin-left: calc(calc(86vw / 2) - calc(395px / 2));
       line-height: 1.4;
           }

         
}


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

#alice-1-1 .frontface .layer-6 p {
        transform: scale(.75) translateY(0);
        margin-left: calc(calc(86vw / 2) - calc(395px / 2));
    }

}

.layer-7,.layer-8,.layer-9{grid-area:button;justify-self:center;align-self:center;border-radius:23px}.layer-7{z-index:99;position:relative}.layer-8{z-index:4}.layer-9{z-index:3}.layer-7.inset-link{position:absolute;inset:0}.layer-7,.layer-8{width:240px;height:75px}.layer-8{background-color:#fff;background-image:url(../svg/svg-open-black.svg);background-position:right 20px center;background-size:40px 40px}.layer-8 p{font-weight:500;letter-spacing:-.022em;font-size:22px;line-height:1;color:#111;display:grid;justify-self:center;align-self:center;margin-right:40px}.layer-9{width:calc(240px - 10px);height:calc(75px - 10px);box-shadow:var(--boxshadow);opacity:.75}

#alice-2-1 .grd .frontface {
grid-template-areas: 

'...... ...... ...... ...... .....'
'...... area-1 area-1 area-1 .....'
'...... ...... ...... ...... .....'
'...... area-2 ...... area-3 .....'
'...... ...... ...... ...... .....'

}

@media screen and (max-width:767px) {
#alice-2-1 .grd .frontface {
grid-template-areas: 

'...... ...... ......'
'...... area-1 ......'
'...... ...... ......'
'...... area-2 ......'
'...... ...... ......'
'...... area-4 ......'
'...... ...... ......'
'...... area-3 ......'
'...... ...... ......'
}
}

#alice-2-1 .layer
{grid-template-areas: 'subgroup';}


.sect-support-1{padding:0;display:block}#alice-2-1{padding:0}#alice-2-1 .grd,#alice-2-1 .grd>div,#alice-2-1 .grd>div>div,#alice-2-1 .grd>div>div>div,#alice-2-1 .grd>div>div>div>div,#alice-2-1 .grd>div>div>div>div>div,#alice-2-1 .grd>div>div>div>div>div>div,#alice-2-1 .grd>div>div>div>div>div>div>div{display:grid}#alice-2-1 .grd{grid-template-areas:'faces'}#alice-2-1 .grd .frontface,#alice-2-1 .grd .backface{grid-area:faces}#alice-2-1 .grd .frontface{z-index:1}#alice-2-1 .grd .backface{z-index:-1}


#alice-2-1 .grd .frontface{grid-template-columns:1fr 569px 12px 569px 1fr}@media screen and (max-width:1149px){#alice-2-1 .grd .frontface{grid-template-columns:1fr 489px 12px 489px 1fr}}@media screen and (max-width:1068px){#alice-2-1 .grd .frontface{grid-template-columns:1fr 361px 6px 361px 1fr}}@media screen and (max-width:767px){#alice-2-1 .grd .frontface{grid-template-columns:1fr 380px 1fr}}@media screen and (max-width:410px){#alice-2-1 .grd .frontface{grid-template-columns:1fr 300px 1fr}}


#alice-2-1 .grd .frontface{grid-template-rows:80px 550px 12px 550px 80px}@media screen and (max-width:1149px){#alice-2-1 .grd .frontface{grid-template-rows:80px 550px 12px 550px 80px}}@media screen and (max-width:1068px){#alice-2-1 .grd .frontface{grid-template-rows:80px 430px 12px 430px 80px}}@media screen and (max-width:767px){#alice-2-1 .grd .frontface{grid-template-rows:80px 430px 6px 430px 6px 430px 6px 430px 80px}}

#alice-2-1 .layer-1{grid-area:area-1}#alice-2-1 .layer-2{grid-area:area-2}#alice-2-1 .layer-3{grid-area:area-3}#alice-2-1 .layer-4{grid-area:unset;position:absolute;width:1px;height:1px;opacity:0;visibility:hidden;display:none}@media screen and (max-width:767px){#alice-2-1 .layer-4{grid-area:area-4;position:relative;width:100%;height:100%;opacity:1;visibility:visible;display:grid}}

#alice-2-1 .sublayer{grid-area:subgroup}#alice-2-1 .sublayer-a{z-index:6}#alice-2-1 .sublayer-1{z-index:5}#alice-2-1 .sublayer-2{z-index:4}#alice-2-1 .sublayer-3{z-index:3}#alice-2-1 .sublayer-4{z-index:2}#alice-2-1 .sublayer-5{z-index:1}#alice-2-1 .sublayer-a{position:relative}#alice-2-1 .sublayer-a .goto{position:absolute;inset:0;background-color:transparent}#alice-2-1 .sublayer-1,#alice-2-1 .sublayer-2,#alice-2-1 .sublayer-3,#alice-2-1 .sublayer-4,#alice-2-1 .sublayer-5{border-radius:23px;justify-self:center;align-self:center;width:100%;height:100%}


#alice-2-1 .layer-1 .sublayer-1{background-size:auto 70%;background-position:center center;background-image:url(../png/01-1k.webp)}@media screen and (min-width:768px){#alice-2-1 .layer-1 .sublayer-1{background-size:auto 70%;background-position:center center;background-image:url(../png/01-5k.webp)}}@media screen and (min-width:1069px){#alice-2-1 .layer-1 .sublayer-1{background-size:auto 70%;background-position:center center;background-image:url(../png/01-6k.png)}}@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){#alice-2-1 .layer-4 .sublayer-1{background-image:url(../png/01-2k.png)}}@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 768px) and (min-resolution: 2dppx),only screen and (min-width: 768px) and (min-resolution: 240dpi){#alice-2-1 .layer-4 .sublayer-1{background-image:url(../png/01-6k.png)}}#alice-2-1 .layer-4 .sublayer-1{background-size:auto 80%;background-position:top 20px center;background-image:url(../png/04-1k.webp)}@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){#alice-2-1 .layer-4 .sublayer-1{background-image:url(../png/04-2k.png)}}

#alice-2-1 .layer-1 .sublayer-a,#alice-2-1 .layer-2 .sublayer-a,#alice-2-1 .layer-3 .sublayer-a,#alice-2-1 .layer-4 .sublayer-a{background-image:url(../svg/svg-open-black.svg);background-position:bottom 22px right 22px;background-size:40px 40px}#alice-2-1 .vagabond-logo{background-image:url(../alice-logos/vagabod.svg)}#alice-2-1 .breadboxers-logo{background-image:url(../alice-logos/bread-and-boxers-logo.png)}#alice-2-1 .sublayer-4{background-color:#fff}#alice-2-1 .sublayer-5{width:calc(100% - 20px);height:calc(100% - 20px);box-shadow:var(--boxshadow)}


#alice-2-1 .layer-2 .sublayer-3,#alice-2-1 .layer-3 .sublayer-3{background-image:url(../svg/quote-dark.svg);background-position:top 80px center;background-size:200px 200px;opacity:.09}#alice-2-1 .layer-2 .sublayer-1{padding:40% 75px 50px}#alice-2-1 .layer-3 .sublayer-1{padding:40% 100px 0}#alice-2-1 .sublayer-1 p{font-size:36px;font-weight:600;text-align:center;line-height:1.2em;letter-spacing:.008em;color:#000;transform-origin:center center;transform:scale(.9)}#alice-2-1 .layer-2 .sublayer-2{background-position:top 150px center;background-size:290px auto}#alice-2-1 .layer-3 .sublayer-2{background-position:top 80px center;background-size:350px auto}#alice-2-1 .break-01{display:block}


@media screen and (max-width:1068px){#alice-2-1 .layer-2 .sublayer-3,#alice-2-1 .layer-3 .sublayer-3{background-position:top 50px center;background-size:200px 200px;opacity:.09}#alice-2-1 .layer-2 .sublayer-1{padding:50% 0 0}#alice-2-1 .layer-3 .sublayer-1{padding:50% 20px 0}#alice-2-1 .sublayer-1 p{font-size:32px;transform-origin:center center;transform:scale(.8)}#alice-2-1 .layer-2 .sublayer-2{background-position:top 120px center;background-size:220px auto}#alice-2-1 .layer-3 .sublayer-2{background-position:top 70px center;background-size:270px auto}#alice-2-1 .break-01{display:block}}

@media screen and (max-width:410px){#alice-2-1 .layer-2 .sublayer-3,#alice-2-1 .layer-3 .sublayer-3{background-position:top 50px center;background-size:200px 200px;opacity:.09}#alice-2-1 .layer-2 .sublayer-1{padding:60% 0 0}#alice-2-1 .layer-3 .sublayer-1{padding:60% 20px 0}#alice-2-1 .sublayer-1 p{font-size:28px}#alice-2-1 .layer-2 .sublayer-2{background-position:top 120px center;background-size:220px auto}#alice-2-1 .layer-3 .sublayer-2{background-position:top 70px center;background-size:270px auto}#alice-2-1 .break-01{display:block}}



    


        #paapi-banner .backface {
            grid-template-areas:
    
                '...... ...... ...... ...... ...... ...... ......'
                '...... lay-01 ...... lay-02 ...... lay-03 ......'
                '...... ...... ...... ...... ...... ...... ......'
        }
    
        @media screen and (max-width:1068px) {
    
            #paapi-banner .backface
    
                {
                grid-template-areas:
    
                    '...... ...... ...... '
                    '...... lay-01 ...... '
                    '...... ...... ...... '
                    '...... lay-02 ...... '
                    '...... ...... ...... '
                    '...... lay-03 ...... '
                    '...... ...... ...... '
            }
    
        }
    
    #paapi-banner{padding:0}#paapi-banner .faces,#paapi-banner .frontface,#paapi-banner .backface,#paapi-banner .layer{display:grid}#paapi-banner .faces{grid-template-areas:faces}#paapi-banner .frontface,#paapi-banner .backface{grid-area:faces}#paapi-banner .frontface{z-index:1}#paapi-banner .backface{z-index:-1;margin-top:230px}:root{--value:calc(calc(100vw / 3) - calc(124px / 2))}:root{--perspective:calc(var(--value) * 1.4)}#paapi-banner .backface{grid-template-columns:1fr var(--value) 12px var(--value) 12px var(--value) 1fr}#paapi-banner .backface{grid-template-rows:50px var(--perspective) 50px}#paapi-banner .layer{position:relative}#paapi-banner .layer-1{grid-area:lay-01}#paapi-banner .layer-2{grid-area:lay-02}#paapi-banner .layer-3{grid-area:lay-03}@media screen and (max-width:1068px){#paapi-banner .backface{grid-template-columns:1fr 550px 1fr}#paapi-banner .backface{grid-template-rows:50px var(--perspective) 12px var(--perspective) 12px var(--perspective) 50px}:root{--perspective:calc(550px * 1.4)}}@media screen and (max-width:549px){:root{--value:calc(100vw - 10px)}:root{--perspective:calc(var(--value) * 1.4)}#paapi-banner .backface{grid-template-columns:1fr var(--value) 1fr}#paapi-banner .backface{grid-template-rows:50px var(--perspective) 12px var(--perspective) 12px var(--perspective) 50px}}#paapi-banner .frontface{width:fit-content;height:fit-content;justify-self:center}#paapi-banner .frontface p{font-size:55px;font-weight:500;letter-spacing:-.018em;display:block;width:350px}#paapi-banner .frontface p:nth-of-type(1){font-size:19px;padding:50px 0 4px}#paapi-banner .frontface p:nth-of-type(2){font-size:36px;padding-bottom:22px}#paapi-banner .frontface p:nth-of-type(3){font-size:14px;line-height:1.5em}#paapi-banner .frontface span{position:relative;padding-left:22px;opacity:.66}#paapi-banner span::before{position:absolute;content:'';width:20px;height:20px;left:0;background-position:50% 50%;background-size:100% auto;background-repeat:no-repeat;opacity:.66}#paapi-banner .spn-01::before{background-image:url(../media/paapi/date.svg)}#paapi-banner .spn-02::before{background-image:url(../media/paapi/hashtag.svg);background-size:80% auto}@media screen and (max-width:374px){#paapi-banner .frontface{transform-origin:50% 50%;transform:scale(.8) translateX(-10px)}}#paapi-banner .inset{position:absolute;inset:0;background-color:#fafafa;background-size:80% auto;background-position:50% 50%;background-image:url(../media/paapi/test.png)}
    
       #flatlay-banner .faces {
            grid-template-areas: 'faces';
        }
    #flatlay-banner{padding:0}#flatlay-banner .faces,#flatlay-banner .faces>div{display:grid}#flatlay-banner .faces{isolation:isolate;overflow:hidden}#flatlay-banner .faces>div{grid-area:faces;width:100vw;height:calc(100vw * .767);justify-self:center;position:relative}@media screen and (max-width:499px){#flatlay-banner .faces>div{height:calc(100vw * 1.503)}}#flatlay-banner .frontface{z-index:2}#flatlay-banner .backface{z-index:-1}#flatlay-banner .backface .inset{position:absolute;inset:0;background-image:url(../media/flatlay/default.webp);background-size:cover;background-position:50% 50%}@media screen and (max-width:9999px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-5k.jpg)}}@media screen and (max-width:2000px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-4k.jpg)}}@media screen and (max-width:1500px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-3k.jpg)}}@media screen and (max-width:1068px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-2k.jpg)}}@media screen and (max-width:735px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-1k.jpg)}}@media screen and (max-width:499px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/pso-2s.jpg)}}@media screen and (max-width:359px){#flatlay-banner .backface .inset{background-image:url(../media/flatlay/default-s.webp)}}