.site-head{--padding: 0.8rem;--height: calc( var(--line-height) * 2 + 1px);position:fixed;top:0;left:0;z-index:5;padding:0 0 var(--padding);width:100%;height:var(--height);background:var(--color-white);overflow:hidden;transition:height .4s cubic-bezier(0.23, 1, 0.32, 1);will-change:height}.is-nav-small .site-head{--height: calc( var(--line-height) * 1 + 1px)}.site-head .u-container{position:relative;height:100%}.site-head .u-container:after{position:absolute;bottom:calc(var(--padding)*-1);left:0;width:100%;height:1px;background:var(--color-brand-1);content:""}.site-head .s__title{position:absolute;bottom:0;left:0;font:400 20px/1 var(--font-family-heading);letter-spacing:-0.02em;transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1)}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.site-head .s__title{font-size:18px}}.site-head .s__title__name,.site-head .s__title__baseline{display:block}.site-head .s__title__name{margin-bottom:.2em;font-weight:600}.site-head .s__title__baseline{letter-spacing:-0.04em}.is-nav-small .site-head .s__title{transform:translate3d(0, calc((var(--height) - 0.8rem) * -1 - 10px), 0);pointer-events:none}.site-head .s__small-title{position:absolute;bottom:calc(50% - var(--padding)*.5);left:0;transform:translate3d(0, calc(var(--height) * 0.5 + 100%), 0);font:500 13px/1 var(--font-family-text);letter-spacing:-0.02em;text-transform:uppercase;transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1);pointer-events:none}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.site-head .s__small-title{margin-bottom:.1em}}.is-nav-small .site-head .s__small-title{transform:translate3d(0, 50%, 0);pointer-events:auto}.site-head .s__cta,.site-head .s__back{position:absolute}.site-head .s__cta{right:0;bottom:.2em}@media only screen and (max-width:400px){.site-head .s__cta__full{display:none}}.site-head .s__cta__short{display:none}@media only screen and (max-width:400px){.site-head .s__cta__short{display:inline}}.site-head .s__back{bottom:-0.075em;left:0;opacity:0;pointer-events:none}.is-nav-small .site-head .s__back{opacity:1;pointer-events:auto}.site-head .s__back+.s__small-title{left:2.5rem}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.site-head .s__back+.s__small-title{display:none}}