:root {
    --f-size-h1:4rem;
    --f-size-h2:2.7rem;
    --f-size-h3:1.6rem;
    --f-size-h4:1.2rem;
    --f-size-h5:1.1rem;
    --f-size-h6:1rem;
    --f-size-h7:0.9rem;
    --f-size-h8:0.8rem;

    --f-lineheight-h1:6rem;
    --f-lineheight-h2:4rem;
    --f-lineheight-h3:2.4rem;
    --f-lineheight-h4:2rem;
    --f-lineheight-h5:1.8rem;
    --f-lineheight-h6:1.75rem;
    --f-lineheight-h7:1.5rem;
    --f-lineheight-h8:1.2rem;

    --p-size:clamp(14px, calc(0.5vw + 9px), 19px);
    --p-width:min(max(var(--p-min), var(--p-max-text)), var(--p-max));
    --p-width-max:min(calc(var(--p-max-text) * 1.4), var(--p-max));

    --skew:skew(-16deg);
    --skew-back:skew(16deg);

    --t-ease:cubic-bezier(.47, .1, 1, .63);
    
    --z-browse:990;
    --z-image:-50;
    --z-modalcover:950;
    --z-navbar:1000;
    --z-sidebar:1025;
    --z-thumb:-1;
    --z-loading:1050;
}

@media (orientation:portrait) {
    :root {
        --p-min:30rem;
        --p-max:90vw;
        --p-max-text:65ch;
    }
}

@media (orientation:landscape) {
    :root {
        --p-min:30rem;
        --p-max:80vw;
        --p-max-text:75ch;
    }
}

:root { font-size:var(--p-size); }

html { font-family:'Aqht Sans', Helvetica, sans-serif;scroll-behavior:smooth;text-size-adjust:100%; }
    body { background-color:var(--b-dim);color:var(--f-dim);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:initial;margin:0px;padding:0px; }

    body::-webkit-scrollbar { width:1rem; }
    body::-webkit-scrollbar-track { background-color:transparent; }
    body::-webkit-scrollbar-thumb { background-clip:content-box;background-color:var(--f);border:4px solid transparent;border-radius:0.5rem; }

    h1, h2, h3, h4, h5 { color:var(--f);cursor:default;font-weight:700; }
    h1, h2 {  }
    h1 { font-size:var(--f-size-h1);line-height:var(--f-lineheight-h1);margin:2rem 0px 1.5rem 0px; }
    h2 { font-size:var(--f-size-h2);line-height:var(--f-lineheight-h2);margin:1rem 0px 1.5rem 0px; }
    h3, h4, h5 { margin:1rem 0px 1.5rem 0px; }
    h3 { font-size:var(--f-size-h3);line-height:var(--f-lineheight-h3); }
    h4 { font-size:var(--f-size-h4);line-height:var(--f-lineheight-h4); }
    h5 { font-size:var(--f-size-h5);line-height:var(--f-lineheight-h5); }

    a, a:link, a:visited { color:var(--f-link);margin:-1px;outline:none;padding:1px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.1rem; }
    a:active, a:focus-within, a:hover { background-color:var(--f-link-lo);color:var(--f-link-hi);text-decoration-thickness:1.5px; }

    address { color:var(--f-grey);cursor:default;font-size:var(--f-size-h6);font-style:italic;font-weight:400;line-height:var(--f-lineheight-h6);margin:0px 0px 2rem 1rem; }

    p { color:var(--f);cursor:default;font-size:var(--f-size-h6);font-weight:400;line-height:var(--f-lineheight-h6);margin:0px 0px 2rem 0px; }
        p.list-to-follow { margin-bottom:1rem; }

    picture { align-items:center;display:flex;justify-content:center; }
    picture img { filter:var(--f-image);height:100%;width:100%; }

    ul, ol { color:var(--f);margin:0px 0px 2rem 0px;padding-inline-start:2rem; }
        li { color:var(--f);font-size:var(--f-size-h6);font-weight:400;margin:0px 0px 0.5rem 0px;line-height:var(--f-lineheight-h6); }

    aq-modalcover { background-color:var(--f-grey-clear);bottom:0px;backdrop-filter:var(--n-backdrop);left:0px;opacity:0;position:fixed;pointer-events:none;right:0px;top:0px;z-index:var(--z-modalcover); }
        [aq-modalcover=true] aq-modalcover { opacity:1;pointer-events:initial; }

@media (orientation:landscape) {
    body[aq-sidebar=true]::-webkit-scrollbar-track { background-color:var(--a); }
    body[aq-sidebar=true]::-webkit-scrollbar-thumb { background-color:var(--a-f); }

}

@media (prefers-reduced-motion:no-preference) {
    a { transition:background-color 0.3s var(--t-ease), border-color 0.3s var(--t-ease), color 0.3s var(--t-ease), height 0.3s var(--t-ease), outline 0.3s var(--t-ease), width 0.3s var(--t-ease); }
        a h { transition:color 0.3s var(--t-ease); }
        a span { transition:color 0.3s var(--t-ease); }
        a svg { transition:fill 0.3s var(--t-ease), filter 0.3s var(--t-ease), height 0.3s var(--t-ease), width 0.3s var(--t-ease); }
}


/* Body */
@media screen {
    aq-body { display:block;margin:0px auto 10rem auto; }

    aq-body p { margin-left:auto;margin-right:auto;max-width:var(--p-width); }

    aq-body .top { font-size:var(--f-size-h5);line-height:var(--f-lineheight-h3); }

    aq-body ul, aq-body ol { margin-left:auto;margin-right:auto;width:calc(var(--p-width) * 0.9); }

    aq-body section { margin:0px auto 0px auto;max-width:var(--p-max); }
    aq-body section {
        > h2, > h3, > h4, > h5 { text-align:center; }
        > p { line-height:var(--f-lineheight-h4);width:100%; }
        > ol, > ul { padding-left:1.4rem; }
        > ol li, > ul li { line-height:var(--f-lineheight-h4);padding-left:0.6rem; }
    }

    aq-body section.button { display:flex;justify-content:center;margin:0px auto 2rem auto;max-width:var(--p-width); }
    aq-body section.margin { max-width:var(--p-width-max); }

    aq-body section figure { background-color:var(--b); }
        aq-body section figure figcaption { text-align:right; }
        aq-body section figure figcaption { color:var(--f-grey);font-size:var(--f-size-h7);font-style:italic;line-height:var(--f-lineheight-h7); }

    aq-body .faq {  }    
        aq-body .faq .faq-question { border-top:1px solid var(--b-grey);height:var(--p-faq);margin:0px -0.25rem 0px -0.25rem;overflow:hidden; }

        aq-body .faq .faq-question {
            > header { align-items:center;display:flex;flex-direction:row;height:var(--p-faq);justify-content:flex-start;padding-top:4px; }
            > header {
                > h2, > h3, > h4, > h5 { flex:1 1 auto;font-size:var(--f-size-h4);font-weight:400;line-height:var(--f-lineheight-h4);margin:0px;padding:0px;text-align:left; }

                > a, > a:link, > a:visited { align-items:center;border-radius:50%;display:flex;height:var(--n-height-logo);justify-content:center;margin-left:1rem;width:var(--n-height-logo); }
                > a:active, > a:focus-within, > a:hover { background-color:var(--f); }

                > a svg, > a:link svg, > a:visited svg { fill:var(--f);height:var(--n-height-svg);width:var(--n-height-svg); }
                > a:active svg, > a:focus-within svg, > a:hover svg { fill:var(--b); }
            }

            > div { margin:0px 1rem 0px 1rem;opacity:0;pointer-events:none; }
                > div p { font-size:var(--f-size-h7);line-height:var(--f-lineheight-h6); }

                > div p:first-child { padding-top:0.5rem; }
                > div p:last-child { padding-bottom:0px; }
        }

    aq-body .faq .faq-question[aq-show=true] { height:calc(var(--p-faq) + var(--inner-height)); }
        aq-body .faq .faq-question[aq-show=true] div { opacity:1;pointer-events:initial; }
            aq-body .faq .faq-question[aq-show=true] a svg { transform:rotate(180deg); }

    aq-body > footer { margin:1rem auto 4rem auto;max-width:var(--p-width-max); }
    aq-body > footer { border-top:1px solid var(--f-grey); }
        aq-body > footer .right { float:right;padding:0.6rem 1rem 0px 1rem; }
            aq-body > footer .right time { cursor:default; }
            aq-body > footer .right time { color:var(--f-grey);font-size:var(--f-size-h7);font-style:italic;line-height:var(--f-lineheight-h7); }

    [aq-observe=entry] h1, [aq-observe=entry] h2, [aq-observe=entry] h3, [aq-observe=entry] h3, [aq-observe=entry] h4, [aq-observe=entry] h5, [aq-observe=entry] p, [aq-observe=entry] li, [aq-observe=entry] figure, [aq-observe=entry] div
        { opacity:0;transform:scale(0.75) translateY(4rem); }

    [aq-observe=entry][aq-show=true] h1, [aq-observe=entry][aq-show=true] h2, [aq-observe=entry][aq-show=true] h3, [aq-observe=entry][aq-show=true] h4, [aq-observe=entry][aq-show=true] h5, [aq-observe=entry][aq-show=true] p, [aq-observe=entry][aq-show=true] li, [aq-observe=entry][aq-show=true] figure, [aq-observe=entry][aq-show=true] div
        { opacity:1;transform:scale(1) translateY(0px); }
}

@media (orientation:portrait) {
    aq-body {
        --p-margin:calc(calc(var(--p-width) / 2) - 50vw);
    }

    aq-body section figure { margin:0px var(--p-margin) 0px var(--p-margin); }
    aq-body section figure { border:1px solid var(--b-grey);border-left:none;border-right:none;padding:1rem 0px 1rem 0px; }
        aq-body section figure figcaption { padding:1rem 1rem 0px 0px; }
}

@media (orientation:landscape) {
    aq-body {
        --p-margin:calc(calc(var(--p-width) / 2) - calc(var(--p-max) / 2));
    }

    aq-body section figure { margin:0px var(--p-margin) 0px var(--p-margin); }
    aq-body section figure { border:1px solid var(--b-grey);padding:1rem; }
        aq-body section figure figcaption { padding:1rem 0px 0px 0px; }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .faq .faq-question { transition:height 0.3s var(--t-ease); }
        .faq .faq-question div { transition:opacity 0.3s var(--t-ease);transition-delay:0.15s; }
        .faq .faq-question a svg { transition:transform 0.3s var(--t-ease); }

    [aq-observe=entry] h1, [aq-observe=entry] h2, [aq-observe=entry] h3, [aq-observe=entry] h3, [aq-observe=entry] h4, [aq-observe=entry] h5, [aq-observe=entry] p, [aq-observe=entry] li, [aq-observe=entry] figure, [aq-observe=entry] div
        { transition:opacity 0.3s var(--t-ease), transform 0.3s var(--t-ease); }
}


/* Nav */
@media screen {
    :root {
        --n-backdrop:blur(4px);
        --n-height:3.6rem;
        --n-height-font:1rem;
        --n-height-logo:2.7rem;
        --n-height-svg:1.9rem;
    }

    [aq-nav=up], [aq-nav=down] {
        --n-height:3.2rem;
        --n-height-font:1rem;
        --n-height-logo:2.4rem;
        --n-height-svg:1.6rem;
    }
}

@media screen {
    aq-nav { display:flex;flex-direction:row;height:var(--n-height);left:0px;opacity:1;position:fixed;right:0px;top:0px;transform:translateY(0px);z-index:var(--z-navbar); }
    aq-nav { backdrop-filter:var(--n-backdrop); }
        aq-nav nav { align-items:center;display:flex;flex:1 1 auto;flex-direction:row;padding:0px 1rem 0px 1rem; }

        aq-nav nav {
            > div { display:none; }
            > a { align-items:center;display:none;flex:0 0 auto;height:100%;justify-content:center;margin:0px;padding:0px;transform:var(--skew);width:var(--n-height); }
                > a.home { width:initial; }

            > a, > a:link, > a:visited { text-decoration:none; }
            > a:active, > a:focus-within, > a:hover { background-color:var(--f); }

            > a svg { height:var(--n-height-svg);transform:var(--skew-back);width:var(--n-height-svg); }

            > a svg, > a:link svg, > a:visited svg { fill:var(--f);filter:var(--f-dropshadow); }
            > a:active svg, > a:focus-within svg, > a:hover svg { fill:var(--b);filter:none; }

            > a picture { align-items:center;display:flex;height:100%;justify-content:center;padding:0px 0.5rem 0px 0.5rem;transform:var(--skew-back); }
            > a img { filter:brightness(100%);height:var(--n-height-logo);width:calc(var(--n-height-logo) * (32 / 9)); }

            > a[aq-display=both], > div[aq-display=both] { display:flex; }

            > .list { align-items:center;flex:0 0 auto;height:100%;justify-content:center; }

            > .list {
                > a { align-items:center;display:flex;flex:0 0 auto;height:100%;justify-content:center;transform:var(--skew); }

                > a, > a:link, > a:visited { margin:0px;padding:0px;text-decoration:none; }
                > a:active, > a:focus-within, > a:hover { background-color:var(--f); }

                > a span { font-size:var(--n-height-font);padding:0px 0.75rem 0px 0.75rem;transform:var(--skew-back); }

                > a span, > a:link span, > a:visited span { color:var(--f);filter:var(--f-dropshadow); }
                > a:active span, > a:focus-within span, > a:hover span { color:var(--b);filter:none; }
            }
        }

    aq-nav a[aq-display=portrait].close { display:none; }

    [aq-nav=top] aq-nav { backdrop-filter:none; }
    [aq-nav=head] aq-nav {  }
    [aq-nav=up] aq-nav {  }
    [aq-nav=down] aq-nav { opacity:0;transform:translateY(-4rem); }
}

@media (orientation:portrait) {
    aq-nav nav {
        > .fake-browse { flex:0 0 auto;width:var(--n-height); }
        > .fill-left { flex:1 1 auto; }
        > .fill-right { flex:1 1 auto; }

        > a[aq-display=portrait].browse, > a[aq-display=portrait].close { margin-right:var(--n-height); }
        > a[aq-display=portrait], > div[aq-display=portrait] { display:flex; }
    }

    [aq-browse=true] aq-nav a[aq-display=portrait].browse { display:none; }
    [aq-browse=true] aq-nav a[aq-display=portrait].close { display:flex; }
}

@media (orientation:landscape) {
    aq-nav nav {  }

    aq-nav nav {
        > .fake-browse { display:none; }
        > .fill-left { display:none; }
        > .fill-right { flex:1 1 auto; }
        
        > a[aq-display=landscape], > div[aq-display=landscape] { display:flex; }
    }

    [aq-sidebar=true] aq-nav nav { padding-right:var(--n-height); }
    [aq-leftbar=true] aq-nav nav { padding-left:calc(var(--n-height) + 1rem); }
}

@media (prefers-reduced-motion:no-preference) {
    aq-nav { transition:height 0.3s var(--t-ease), opacity 0.3s var(--t-ease), transform 0.3s var(--t-ease); }
        aq-nav nav { transition:padding 0.3s var(--t-ease); }

        aq-nav a span { transition:color 0.3s var(--t-ease), filter 0.3s var(--t-ease); }
}


/* Header */
@media screen {
    :root {
        --h-height-secondary:7rem;
        --h-height-logo:6rem;
        --h-scale:scale(1.1);
        --h-scale-begin:scale(1.35);
    }

    [aq-header-style=light] aq-loading, [aq-header-style=light] aq-nav, [aq-header-style=light] aq-leftbar, [aq-header-style=light] aq-cookiebar, [aq-header-style=light] aq-header, [aq-header-style=light] aq-header-thumb, [aq-header-style=light] aq-header-image {
        --b:#222;
        --b-opaque:rgba(32,32,32,0.85);
        --b-dim:#0d0d0d;
        --b-green:#4d9960;
        --b-green-hi:#336640;
        --b-grey:#444;
        --b-grey-clear:rgba(68,68,68,0.25);
        --b-grey-opaque:rgba(68,68,68,0.5);
        --b-lo:#888;
        --b-lo-opaque:rgba(136,136,136,0.75);

        --f:#fff;
        --f-opaque:rgba(221,221,221,0.85);
        --f-dropshadow:drop-shadow(0px 0px 1px rgba(0,0,0,0.9)) drop-shadow(0px 0px 4px rgba(32,32,32,0.4));
        --f-dim:#f3f2f1;
        --f-grey:#ddd;
        --f-grey-opaque:rgba(221,221,221,0.75);
        --f-link:#2e8de5;
        --f-link-lo:#f1e740;
        --f-link-hi:#246db3;

        --h-brightness:brightness(90%);
        --h-brightness-begin:brightness(50%);
        --h-shadow:var(--b) 0px 0px 0.25rem, var(--b-opaque) 0px 0px 0.1rem, var(--b-grey-opaque) 0px 0px 0.1rem;
    }

    [aq-header-style=dark] aq-loading, [aq-header-style=dark] aq-sidebar, [aq-header-style=dark] aq-nav, [aq-header-style=dark] aq-leftbar, [aq-header-style=dark] aq-cookiebar, [aq-header-style=dark] aq-header, [aq-header-style=dark] aq-header-thumb, [aq-header-style=dark] aq-header-image {
        --b:#fff;
        --b-opaque:rgba(255,255,255,0.85);
        --b-dim:#f3f2f1;
        --b-green:#66cd7f;
        --b-green-hi:#8fcc9e;
        --b-grey:#bbb;
        --b-grey-clear:rgba(187,187,187,0.25);
        --b-grey-opaque:rgba(187,187,187,0.5);
        --b-lo:#ddd;
        --b-lo-opaque:rgba(221,221,221,0.75);

        --f:#222;
        --f-opaque:rgba(32,32,32,0.85);
        --f-dropshadow:drop-shadow(0px 0px 2px rgba(255,255,255,0.9)) drop-shadow(0px 0px 6px rgba(223,223,223,0.4));
        --f-dim:#222;
        --f-grey:#555;
        --f-grey-opaque:rgba(85,85,85,0.75);
        --f-link:#003566;
        --f-link-lo:#f1e740;
        --f-link-hi:#001a33;

        --h-brightness:brightness(125%);
        --h-brightness-begin:brightness(100%);
        --h-shadow:var(--b) 0px 0px 0.25rem, var(--b-opaque) 0px 0px 0.1rem, var(--b-grey-opaque) 0px 0px 0.1rem;
    }

    [aq-header=extra] {
        --h-height:calc(100svh + calc(var(--n-height) * 1.75));
        --h-heightmin:760px;
        --h-heightmincontainer:calc(var(--h-heightmin) - calc(var(--n-height) * 1.75));
        --h-parallax:calc(calc(var(--scroll-y) * 0.3) - 4svh);
    }

    [aq-header=max] {
        --h-height:100svh;
        --h-heightmin:720px;
        --h-parallax:calc(calc(var(--scroll-y) * 0.3) - 4svh);
    }

    [aq-header=mid] {
        --h-height:max(35rem, 60svh);
        --h-parallax:calc(calc(var(--scroll-y) * 0.15) - 2svh);
    }

    [aq-header=min], [aq-header=none] {
        --h-height:initial;
        --h-parallax:0px;
    }
}

@media screen {
    aq-header-thumb, aq-header-image { height:var(--h-height);left:0px;min-height:var(--h-heightmin);overflow:hidden;position:absolute;right:0px;top:0px; }
    aq-header-thumb, aq-header-image { border-bottom:var(--f); }
        aq-header-thumb picture, aq-header-image picture { height:100%;transform:translateY(var(--h-parallax));width:100%; }
        aq-header-thumb picture img, aq-header-image picture img { height:100%;object-fit:cover;object-position:center;transform:var(--h-scale-begin);width:100%; }

    aq-header-image { opacity:0;z-index:var(--z-image); }
    aq-header-image { filter:blur(8px) var(--h-brightness-begin); }

    aq-header-thumb { opacity:1;z-index:var(--z-thumb); }
    aq-header-thumb { filter:blur(8px) var(--h-brightness-begin); }

    aq-header { align-items:center;border-bottom:1px solid var(--f-opaque);display:flex;flex-direction:column;height:var(--h-height);justify-content:center;min-height:var(--h-heightmin); }
        aq-header .container { display:flex;flex:1 1 auto;justify-content:center;padding-top:var(--n-height);width:calc(100vw - 1rem); }

        aq-header .container .primary { display:flex;flex:1 1 auto;flex-direction:column;height:100%;justify-content:center; }
        aq-header .container .primary {
            > h1 { color:var(--f);text-shadow:var(--h-shadow); }

            > .text { color:var(--f);cursor:default;font-size:1.4rem;font-weight:400;line-height:2.4rem;text-shadow:var(--h-shadow); }

            > .aq-button { background-color:var(--a);margin-top:1.5rem; }
                > .aq-button:active, > .aq-button:focus-within, > .aq-button:hover { background-color:var(--a-hi); }

            > .aq-button span { color:var(--a-f); }

            > .aq-button:before, > .aq-button:after { border-color:var(--a-b);height:var(--n-height);width:0.75rem; }
        }

        aq-header .container .secondary { align-items:center;display:flex;flex:0 0 auto; }
        aq-header .container .secondary {
            > a, > a:link, > a:visited { background-color:transparent;border-radius:4px;margin:0.25rem;padding:0.25rem; }
            > a:active, > a:focus-within, > a:hover { background-color:var(--f); }
        }

        aq-header .base { align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-around;overflow:hidden;width:100%; }
        aq-header .base { backdrop-filter:var(--n-backdrop);box-shadow:var(--f-grey-opaque) 0px -10px 10px -10px; }

        aq-header .base a { align-items:center;display:flex;flex-direction:row;height:calc(var(--n-height) * 1.5);overflow:hidden;transform:var(--skew);width:32%; }

        aq-header .base a, aq-header .base a:link, aq-header .base a:visited { text-decoration:none; }
        aq-header .base a:active, aq-header .base a:focus-within, aq-header .base a:hover { background-color:var(--b-opaque); }

        aq-header .base a {
            > section { align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;height:100%;justify-content:center;margin:0px 1rem 0px 0px;transform:var(--skew-back); }
            > section {
                > h3 { cursor:pointer;font-size:var(--f-size-h5);line-height:var(--f-lineheight-h6);margin:0px;padding:0px; }
                > h3 { color:var(--f); }

                > p { cursor:pointer;font-size:var(--f-size-h7);line-height:var(--f-lineheight-h8);margin:0px;padding:0px; }
                > p { color:var(--f); }
            }

            > svg { fill:var(--f);flex:0 0 auto;height:calc(var(--n-height) * 0.75);margin:0px 1rem 0px 1rem;transform:var(--skew-back);width:calc(var(--n-height) * 0.75); }
        }

    [aq-header=none] aq-header-thumb, [aq-header=none] aq-header-image { display:none; }
    [aq-header=none] aq-header { background-color:var(--b); }
        [aq-header=none] aq-header .container .primary {
            > h1 { font-size:var(--f-size-h2);line-height:var(--f-lineheight-h2);text-align:center;text-shadow:none; }
            > .text { text-shadow:none; }
        }

    [aq-header=extra] aq-header .container { align-items:center;flex-direction:column; }
    [aq-header=extra] aq-header .head { align-items:center;display:flex;flex:0 0 auto;flex-direction:row;height:calc(100svh - var(--n-height));justify-content:center;min-height:calc(var(--h-heightmincontainer) - var(--n-height));width:100%; }

    [aq-loaded=true] aq-header-image { filter:blur(0px) var(--h-brightness);opacity:1;pointer-events:none; }
        [aq-loaded=true] aq-header-image picture { transform:translateY(var(--h-parallax)); }
        [aq-loaded=true] aq-header-image img { transform:var(--h-scale); }

    [aq-loaded=true] aq-header-thumb { opacity:0;pointer-events:none; }
        [aq-loaded=true] aq-header-thumb picture { transform:translateY(var(--h-parallax)); }
        [aq-loaded=true] aq-header-thumb img { transform:var(--h-scale); }

    aq-scrolldown { display:none;fill:#fff;left:50%;margin:0px -1rem 0px -1rem;opacity:0;pointer-events:none;position:fixed;right:50%;transform:translateY(24px);width:2rem; }
        aq-scrolldown path { stroke:var(--f); }

        aq-scrolldown .roller { animation:aqscroll ease-in 1.5s infinite; }

    [aq-header=extra] aq-scrolldown { display:initial;bottom:1rem; }
    [aq-nav=top] aq-scrolldown { opacity:1;pointer-events:initial;transform:translateY(0px); }
}

@keyframes aqscroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}

@media (orientation:portrait) {
    aq-header .container { align-items:center;flex-direction:column; }

    aq-header .container .primary { align-items:center;width:90vw; }
    aq-header .container .primary {
        > h1 { font-size:var(--f-size-h2);line-height:var(--f-lineheight-h2);text-align:center; }
        > .text { text-align:center; }

        > .aq-button { height:calc(var(--n-height) * 0.9); }
            > .aq-button span { font-size:var(--f-size-h5); }
            > .aq-button:before, > .aq-button:after { height:calc(var(--n-height) * 0.9); }
    }

    aq-header .container .secondary { flex-direction:row;height:calc(var(--h-height-secondary) * 0.6);justify-content:space-evenly;padding:0px 0px 1rem 0px;width:100%; }
        aq-header .container .secondary a picture img { filter:none;height:calc(var(--h-height-logo) * 0.6);width:calc(var(--h-height-logo) * 0.6); }

    [aq-header=extra] aq-scrolldown { bottom:calc(var(--h-height-secondary) * 0.75); }

    [aq-header=extra] aq-header .container { justify-content:flex-start; }
    [aq-header=extra] aq-header .head { flex-direction:column; }
}

@media (orientation:landscape) {
    aq-header .container { align-items:stretch;flex-direction:row; }

    aq-header .container .primary { align-items:flex-start;margin:0px auto 0px auto;max-width:var(--p-max);padding-left:2rem;padding-right:2rem; }
        aq-header .container .primary .aq-button { height:var(--n-height); }
        aq-header .container .primary .aq-button:before, aq-header .container .primary .aq-button:after { height:var(--n-height); }

    aq-header .container .secondary { flex-direction:column;height:100%;justify-content:flex-end;padding:0px 1rem 1rem 0px;width:var(--h-height-secondary); }
        aq-header .container .secondary a picture img { filter:none;height:var(--h-height-logo);width:var(--h-height-logo); }

    [aq-sidebar=true] aq-header .container { padding-right:var(--n-height);width:calc(100vw - 1rem - var(--n-height)); }
    [aq-leftbar=true] aq-header .container { padding-left:var(--n-height);width:calc(100vw - 1rem - var(--n-height)); }

    [aq-sidebar=true][aq-leftbar=true] aq-header .container { width:calc(100vw - 1rem - calc(var(--n-height) * 2)); }

    [aq-header=max] aq-header .container .primary h1 { margin-top:-25vh; }
}

@media (min-width:600px) and (max-width:900px) {
    aq-header .base a { width:48%; }
    aq-header .base .second { display:none; }
}

@media (max-width:600px) {
    [aq-header=extra] {
        --h-height:calc(100svh + (calc(var(--n-height) * 4.2)));
    }

    aq-header .base { flex-direction:column; }
    aq-header .base a { height:calc(var(--n-height) * 1.2);width:90%; }
}


@media screen and (prefers-reduced-motion:no-preference) {
    aq-header-thumb, aq-header-image { transition:filter 0.3s var(--t-ease), opacity 0.3s var(--t-ease), transform 0.3s var(--t-ease); }
        aq-header-thumb img, aq-header-image img { transition:transform 0.3s var(--t-ease); }

    aq-scrolldown { transition:bottom 0.3s var(--t-ease), opacity 0.3s var(--t-ease), transform 0.3s var(--t-ease); }
}

/* Footer */
@media screen {
    :root {}
}

@media screen {
    aq-footer { display:block;margin:3rem auto 3rem auto; }
        aq-footer footer { display:flex;flex-direction:column;margin:0px auto 0px auto;padding:1rem 0px 1rem 0px; }
        aq-footer footer { border-top:1px solid var(--f-grey-opaque); }

    .footer-contact, footer-body { margin:0px auto 0px auto;max-width:var(--p-max); }

    .footer-contact a, .footer-contact a:link, .footer-contact a:visited { color:var(--f-dim-opaque);display:grid;font-size:var(--f-size-h5);margin:0.25rem;padding:0.4rem;text-decoration:none;transform:var(--skew); }
    .footer-contact a:active, .footer-contact a:focus-within, .footer-contact a:hover { background-color:var(--f-dim); }

    .footer-contact a { grid-template-columns:var(--n-height) 0.6rem auto;grid-template-rows:var(--f-lineheight-h7) var(--f-lineheight-h3); }

    .footer-contact a, .footer-contact a:link, .footer-contact a:visited {
        > h { align-self:center;font-size:var(--f-size-h7);text-decoration:none;text-transform:uppercase;transform:var(--skew-back); }
        > h { color:var(--f-grey-opaque); }
        > h { grid-column:3;grid-row:1; }

        > span { align-self:center;font-size:var(--f-size-h3);font-weight:700;transform:var(--skew-back); }
        > span { grid-column:3;grid-row:2; }

        > svg { align-self:center;fill:var(--f-dim);height:var(--n-height);width:var(--n-height);transform:var(--skew-back); }
        > svg { grid-column:1;grid-row:1 / 3; }
    }

    .footer-contact a:active, .footer-contact a:focus-within, .footer-contact a:hover {
        > h { color:var(--b-grey); }
        > span { color:var(--b-dim); }
        > svg { fill:var(--b-dim); }
    }

    .footer-body { display:grid;margin:1rem; }
    .footer-body { grid-template-columns:1fr 1fr 1fr; }

    .footer-body .business { align-items:flex-end;display:flex;flex-direction:column; }
    .footer-body .business { grid-column:3; }

    .footer-body .business {
        > .home, > .home:link, > .home:visited { display:block;margin-bottom:1rem;margin-right:-1rem;padding:4px 0.4rem 4px 0.4rem;transform:var(--skew);width:14rem; }
        > .home:active, > .home:focus-within, > .home:hover { background-color:var(--f-dim); }
            > .home img { transform:var(--skew-back); }

        > .address, > .address:link, > .address:visited { color:var(--f-grey-opaque);cursor:pointer;font-size:var(--f-size-h7);line-height:var(--f-lineheight-h7);text-align:right;text-decoration:none; }
        > .address:active, > .address:focus-within, > .address:hover { background-color:transparent;text-decoration:underline; }
    }

    .footer-terms { display:flex;flex-direction:row;font-size:var(--f-size-h7); }
    .footer-terms { background-color:var(--b-dim); }
        .footer-terms .container { align-items:center;display:flex;margin:0px auto 0px auto;max-width:var(--p-max);width:min(calc(var(--p-max-text) * 2), var(--p-max)); }
            .footer-terms .copyright { align-content:center;cursor:default;flex:1 1 auto;height:var(--n-height); }
            .footer-terms .copyright span { font-weight:bold; }
            .footer-terms .links { align-items:center;display:flex;flex:0 0 auto;flex-direction:row; }
                .footer-terms .vl { background-color:var(--f-grey-opaque);display:block;height:var(--f-lineheight-h4);margin:0px 0.6rem 0px 0.6rem;transform:var(--skew);width:1px; }
}

@media (max-width:40rem) {
    .footer-contact, .footer-body { width:min(var(--p-max-text), var(--p-max)); }

    .footer-contact { display:grid; }
    .footer-contact { grid-template-rows:1fr 1fr 1fr; }

    .footer-contact {
        > .telephone { grid-row:1; }
        > .email { grid-row:2; }
        > .whatsapp { grid-row:3; }
    }

    .footer-contact a.email span { font-size:var(--f-size-h4); }

    .footer-terms .container { flex-direction:column; }
}

@media (min-width:40rem) and (max-width:70rem) {
    .footer-contact, .footer-body { width:min(calc(var(--p-max-text) * 2), var(--p-max)); }

    .footer-contact { display:grid; }
    .footer-contact { grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr; }

    .footer-contact {
        > .telephone { grid-column:1;grid-row:1; }
        > .email { grid-column:1 / 3;grid-row:2; }
        > .whatsapp { grid-column:2;grid-row:1; }
    }

    .footer-terms .container { flex-direction:column; }
}

@media (min-width:70rem) {
    .footer-contact, .footer-body { width:min(calc(var(--p-max-text) * 2), var(--p-max)); }

    .footer-contact { display:grid; }
    .footer-contact { grid-template-columns:1fr 1fr 1fr; }

    .footer-contact {
        > .telephone { grid-column:1; }
        > .email { grid-column:2; }
        > .whatsapp { grid-column:3; }
    }

    .footer-contact a.email span { font-size:var(--f-size-h4); }

    .footer-terms .container { flex-direction:row; }
}