/* ==========================================================================\n   Footer responsive layout\n   Keeps the photographic footer full-bleed on desktop and lets the content\n   reflow naturally on smaller screens without horizontal overflow.\n   ========================================================================== */\n\nhtml,\nbody {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    overflow-x: hidden;\n}\n\n#footer {\n    position: relative;\n    z-index: 0;\n    display: block;\n    float: none;\n    clear: both;\n    box-sizing: border-box;\n    width: 100%;\n    min-width: 0;\n    height: clamp(480px, 52.7vw, 554px);\n    min-height: 480px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n    background-size: cover !important;\n}\n\n#footer::before {\n    content: '';\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    background: rgba(255, 255, 255, 0.66);\n    pointer-events: none;\n}\n\n#footer > .top-fade,\n#footer > .left-fade {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}\n\n#footer > .wrap-text {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    margin: 0 auto;\n    padding: clamp(210px, 24.55vw, 258px) 20px 24px;\n    text-align: center;\n}\n\n#footer > .wrap-text > .ti-more {\n    display: none;\n}\n\n#footer > .wrap-text > p {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: 100%;\n    margin: 0 0 13px;\n    padding: 0;\n    line-height: 22px;\n    text-align: center;\n}\n\n#footer .mail {\n    display: inline-block;\n    max-width: 100%;\n    overflow-wrap: anywhere;\n    color: #111;\n    font-family: 'Cutive Mono', monospace;\n    font-size: clamp(14px, 1.52vw, 16px);\n    line-height: 22px;\n    letter-spacing: 0.5px;\n    text-align: center;\n}\n\n#footer ul.social-network {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    gap: clamp(10px, 1.24vw, 13px);\n    width: auto;\n    max-width: 100%;\n    min-height: 26px;\n    margin: 0 0 clamp(64px, 8.75vw, 92px);\n    padding: 0;\n    list-style: none;\n    text-align: center;\n}\n\n#footer ul.social-network li,\n#footer ul.social-network li a {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    margin: 0;\n    padding: 0;\n}\n\n#footer ul.social-network li a {\n    color: #111;\n    font-size: 18px;\n    line-height: 24px;\n    text-decoration: none;\n}\n\n#footer ul.social-network li a:hover,\n#footer ul.social-network li a:focus {\n    color: #111;\n    opacity: 0.7;\n}\n\n#footer ul.social-network li img {\n    display: block;\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n}\n\n#footer .footer-logo-wrap {\n    flex: 0 0 auto;\n    width: 160px;\n    max-width: 100%;\n    margin: 0 auto 18px;\n    text-align: center;\n}\n\n#footer .footer-logo-wrap .logo-row {\n    display: block;\n    width: 160px;\n    max-width: 100%;\n    height: auto;\n    margin: 0 auto;\n}\n\n#footer .credits-row {\n    flex: 0 0 auto;\n    float: none;\n    display: block;\n    width: 100%;\n    margin: 0;\n    text-align: center;\n}\n\n#footer .credits-row ul {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 4px 12px;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    text-align: center;\n}\n\n#footer .credits-row ul li,\n#footer .credits-row ul li a {\n    margin: 0;\n    color: #111;\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    line-height: 20px;\n}\n\n#footer .credits-row ul li a {\n    text-decoration: none;\n}\n\n#footer .credits-row ul li a:hover,\n#footer .credits-row ul li a:focus {\n    color: #111;\n    text-decoration: underline;\n}\n\n@media (max-width: 767.98px) {\n    #footer {\n        height: auto;\n        min-height: 540px;\n    }\n\n    #footer > .wrap-text {\n        height: auto;\n        min-height: 540px;\n        padding: 220px 14px 24px;\n    }\n\n    #footer > .wrap-text > p {\n        margin-bottom: 12px;\n    }\n\n    #footer .mail {\n        font-size: 14px;\n        letter-spacing: 0;\n    }\n\n    #footer ul.social-network {\n        gap: 9px;\n        margin-bottom: 78px;\n    }\n\n    #footer ul.social-network li,\n    #footer ul.social-network li a,\n    #footer ul.social-network li img {\n        width: 22px;\n        height: 22px;\n    }\n\n    #footer .footer-logo-wrap {\n        width: 145px;\n        margin-bottom: 17px;\n    }\n\n    #footer .footer-logo-wrap .logo-row {\n        width: 145px;\n    }\n\n    #footer .credits-row ul {\n        gap: 3px 8px;\n    }\n\n    #footer .credits-row ul li,\n    #footer .credits-row ul li a {\n        font-size: 12px;\n        line-height: 18px;\n    }\n}\n\n@media (max-width: 380px) {\n    #footer > .wrap-text {\n        padding-top: 190px;\n    }\n\n    #footer {\n        min-height: 510px;\n    }\n\n    #footer > .wrap-text {\n        min-height: 510px;\n    }\n}\n