.skip-link{position: absolute;top: -50px;left: 10px;background-color: var(--color-blue-90);padding: 8px 16px;border-radius: 0.5rem;z-index: 1000;font-family: var(--font-display);font-size: 0.8rem;line-height: 1;color: white;text-transform: uppercase;font-weight: 700;text-decoration: none;&:hover { color: black;background-color: white;}    &:active{color: black;background-color: var(--color-orange);}    &:focus{top: 10px;outline: dashed 2px var(--color-blue-70);outline-offset: 2px;}}.page_header{position: relative;width: 100vw;background: var(--color-blue-30) url("../images/ui/cloud-header-1200x130.svg") bottom center no-repeat;background-size: 1200px 130px;@media (max-width: 780px) { background: var(--color-blue-30) url("../images/ui/cloud-header-1000x110.svg") bottom center no-repeat;background-size: 1000px 110px;}}.page_header-brand{padding-top: 2.5rem;padding-bottom: 5.5rem;text-align: center;.logo, .subtitle { overflow: hidden;opacity: 1;transition: all 0.3s ease-out;}    .logo{display: inline-block;margin-bottom: 0.5rem;width: 145px;height: 145px;border-radius: 50%;img { width: 100%;height: auto;}        &:focus{outline: dashed 2px var(--color-blue-70);outline-offset: 2px;}    }    .name{font-size: 3rem;line-height: 0.9;color: var(--color-blue-100);text-transform: uppercase;font-weight: 700;letter-spacing: -2px;}    .subtitle{margin-top: 0.8rem;font-family: var(--font-serif);font-size: 1.2rem;line-height: 1.2;color: var(--color-blue-70);}    @media (max-width: 620px) {padding-top: 2rem;padding-bottom: 3.5rem;.logo { width: 100px;height: 100px;}        .name{font-size: 2rem;letter-spacing: -1px;}        .subtitle{font-size: 0.8rem }    }}.page_header-nav{display: flex;flex-direction: row;justify-content: center;gap: 0.4rem;width: 100%;padding-bottom: 0.6rem;@media (max-width: 620px) { .link { font-size: 0.8rem }    }}.section_hero{margin-top: 3.5rem;margin-bottom: 12.5rem;.section-description { font-size: 1.6rem;line-height: 1.7;color: var(--color-blue-30);text-align: center;}    @media (max-width: 620px) {margin-top: 2.5rem;margin-bottom: 8rem;.section-description { font-size: 1.1rem;line-height: 1.5;}    }    .gonext{margin: 1.5rem auto 0 }}.projects_items{min-height: 440px;&:empty { background: transparent url("../images/ui/icon-loading-02.svg") center no-repeat;background-size: 80px 80px;}}.page_footer{margin-top: 14rem;margin-bottom: var(--spacing-page-padding);@media (max-width: 620px) { margin-top: 8rem;}}.section_talknow{.section-title { max-width: 100%;margin-bottom: 0.8rem;font-size: 1.4rem;letter-spacing: 0;}    .section-description{font-size: 0.9rem;line-height: 1.5;p { margin-bottom: 0.6rem;&:last-child { margin-bottom: 0 }        }    }    .contact-buttons{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;gap: 0.9rem;width: 100%;margin-top: 1.8rem;}}.section_copyright{display: block;height: 3.5rem;small { display: block;width: 100%;font-family: var(--font-display);font-size: 0.7rem;line-height: 1.2;color: var(--color-blue-30);text-align: center;font-weight: 700;}}.back_totop{position: fixed;bottom: 1rem;right: 1rem;width: 30px;height: 30px;opacity: 0.6;&:hover { opacity: 1;}}