.header{position:fixed;top:0;left:0;width:100%;padding-inline:10rem;z-index:100}@media(max-width: 768px){.header{padding-inline:12rem}}.header__background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(151,27,47,.9);opacity:0;z-index:-1;transition:opacity .4s ease}.header__background.is-show{opacity:1}[data-background=vol-1] .header__background{background:#38281b}.header__inner{display:flex;justify-content:space-between;align-items:center;padding-block:13rem}@media(max-width: 768px){.header__inner{padding-block:12rem}}.header__logo{display:flex;align-items:flex-end;gap:10rem;width:113rem;transition:opacity .4s ease}@media(hover: hover){.header__logo:hover{opacity:.5}}@media(max-width: 768px){.header__logo{width:82rem}}.header__logo::after{content:"PR";font-size:17rem;font-family:"eb-garamond",serif;color:var(--color-white)}.header__logo img{width:100%;height:auto}.header___contents{display:flex}.header__ul{display:flex;align-items:center;gap:50rem}.header__ul .header__li{font-size:20rem;color:var(--color-white);letter-spacing:.05em;text-transform:uppercase;position:relative;top:1rem}@media(max-width: 768px){.header__ul .header__li{display:none}}.header__ul .header__li a{transition:opacity .4s ease}@media(hover: hover){.header__ul .header__li a:hover{opacity:.5}}.header__ul .header__brand-logo{width:120rem}.header__ul .header__brand-logo a{transition:opacity .4s ease}@media(hover: hover){.header__ul .header__brand-logo a:hover{opacity:.5}}.header__ul .header__brand-logo img{width:100%;height:auto}