body > header {
    box-shadow:var(--shadow);
    width:100vw;
    overflow-x:clip;
    transition:top var(--transition);
}
body > header > div:not(.sub-menu) {
    padding:5px var(--padding);
    background:var(--color-white);
}
body > header h1 {
    width:clamp(230px, 25%, 360px);
}
body > header h1 a {
    display:flex;
    align-items: center;
}

body > header .tel {
    width:clamp(200px, 25%, 300px);
}
body > header .button {
    min-width:100px;
	line-height:1;
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:10px;
	padding-inline:30px;
}
body > header .button img {
    width:2em;
}
body > header .button:hover {
    scale:1.02;
    backface-visibility: hidden;
    font-smoothing: antialiased;
}

body.scrolled > header {
    top:-110px;
}

@media (max-width: 920px) {

}
@media (max-width: 720px) {

}
@media (max-width: 920px) {
    body > header > div:not(.sub-menu) {
        padding:var(--padding) calc(var(--padding) / 2);
    }
    body > header .contact {
        display:none;
    }

    body.scrolled > header {
        top:-82px;
    }
}