*,*::after,*::before{box-sizing:border-box}.main-wrap{position:relative;width:100%}.btn:focus{outline:none}.btn--search{font-size:1.5em}.btn--hidden{pointer-events:none;opacity:0}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.search__input{border:0;background:transparent;border-radius:0;-webkit-appearance:none}.search__input:focus{outline:none}.search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.js .search{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100vh}.js .search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(255,255,255,.95)}.btn--search-close{font-size:2em;position:absolute;top:-4.7em;left:4.75em;color:var(--grey-alt);margin:0;padding:0;cursor:pointer;border:none;background:none;display:none}.js .btn--search-close{display:block}.search__form{position:relative;margin:5em 0;width:75%}.search--open .search-icon{opacity:1}.search-icon{opacity:0;position:absolute;top:16px;right:140px;background:transparent;border:none;font-size:28px;color:var(--main-color)}.search__input{font-family:inherit;font-size:40px;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:.05em 0;color:var(--lighter-black);border-bottom:2px solid var(--grey-alt)}.search__input::-webkit-input-placeholder{color:var(--lighter-black)}.search__input::-moz-placeholder{opacity:1;color:var(--lighter-black)}.search__input:-ms-input-placeholder{color:var(--lighter-black)}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none}.search__input::-ms-clear{display:none}.search__info{display:block;width:75%;margin:0 auto;padding:.85em 0;text-align:left;color:var(--grey-alt)}.search__related{display:flex;width:75%;text-align:left;pointer-events:none}.search__suggestion{width:50%}.search__suggestion:first-child{padding:0 2em 0 0}.search__suggestion:last-child{padding:0 0 0 2em}.search__suggestion h3{font-size:1.35em;margin:0}.search__suggestion h3::before{content:'\21FE';display:inline-block;padding:0 .5em 0 0}.search__suggestion p{font-size:1.15em;line-height:1.4;margin:.75em 0 0 0}.js .main-wrap{position:relative;transition:transform .5s}.js .main-wrap--move{transform:scale3d(.7,.7,1)}.js .main-wrap--move .btn--search{pointer-events:none;opacity:0}.js .search{pointer-events:none}.js .search--open{pointer-events:auto}.js .search::before{opacity:0;transition:opacity .5s}.js .search--open::before{opacity:1}.btn--search-close{opacity:0;transition:opacity .5s}.search--open .btn--search-close{opacity:1}.search__suggestion,.search__info{opacity:0;transform:translate3d(0,50px,0);transition:opacity .4s , transform .4s}.search--open .search__suggestion,.search--open .search__info{opacity:1;transform:translate3d(0,0,0)}.search--open .search__suggestion:first-child{transition-delay:.15s}.search--open .search__suggestion:nth-child(2) {transition-delay:.2s}.js .search__input{transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform .3s}.js .search--open .search__input{transform:scale3d(1,1,1);transition-duration:.5s}@media screen and (max-width:40em){.btn--search-close{font-size:1.25em}.search__suggestion{font-size:80%;width:100%}.search__suggestion:nth-child(2),
  .search__suggestion:nth-child(3) {display:none}}