.search-form{container-type:inline-size}.search-form__input-wrap{--size: 40px;display:inline-flex;align-items:center;position:relative}.search-form__input-wrap input[type=search]{border:1px solid var(--black);height:var(--size);padding:var(--spacing-1) var(--spacing-3)}@container (width <= 600px){.search-form__input-wrap button{margin:0;background-color:transparent;border:none;box-shadow:none;padding:8px;height:var(--size);width:var(--size);position:absolute;right:0;transition:all .25s var(--ease-1)}.search-form__input-wrap button svg{--icon-size: 15px;fill:var(--black);width:var(--icon-size);height:var(--icon-size)}.search-form__input-wrap button span.large-text{display:none}.search-form__input-wrap button:hover{transform:scale(1.1)}}@container (width > 600px){.search-form__input-wrap button{--btn-bg-colour: var(--brand-1);--btn-bg-colour-interactive: var(--brand-2);--btn-text-colour: var(--white);--btn-text-colour-interactive: var(--white);cursor:pointer;display:inline-block;text-decoration:none;border:none;font-size:var(--font-size-fox);letter-spacing:.025em;padding:.8em 1.8em;margin-top:var(--spacing-4);color:var(--btn-text-colour);transition:all .4s linear;font-family:var(--font-body);text-align:center;font-weight:500;text-transform:capitalize;line-height:1;position:relative;border-radius:.4em;overflow:hidden;z-index:2}.search-form__input-wrap button:before,.search-form__input-wrap button:after{content:"";position:absolute;background:var(--btn-bg-colour-interactive)}.search-form__input-wrap button:before{border-radius:inherit;inset:-1rem;z-index:-1}.search-form__input-wrap button:after{background:var(--btn-bg-colour);width:140%;left:-20%;height:110%;top:-5%;transform:skew(30deg);z-index:-1;transition:transform .4s cubic-bezier(.3,1,.8,1)}.search-form__input-wrap button:hover:not(:disabled),.search-form__input-wrap button:active:not(:disabled),.search-form__input-wrap button:focus:not(:disabled){color:var(--btn-text-colour-interactive);box-shadow:none;text-shadow:none;text-decoration:none}.search-form__input-wrap button:hover:not(:disabled):after,.search-form__input-wrap button:active:not(:disabled):after,.search-form__input-wrap button:focus:not(:disabled):after{transform:translate3d(100%,0,0)}.search-form__input-wrap button:active{transform:scale(.95)}.search-form__input-wrap button.button--large{--btn-font-size: 2.5rem}.search-form__input-wrap button:disabled,.search-form__input-wrap button[disabled]{--btn-bg-colour: var(--grey-600);--btn-text-colour: var(--white);--btn-border-colour: var(--grey-600);opacity:.75;cursor:not-allowed}.search-form__input-wrap button{margin:0;height:var(--size)}.search-form__input-wrap button span.large-text{display:inline}.search-form__input-wrap button span.small-text{display:none}}@keyframes fadeIn{0%{opacity:0}50%{opacity:1}to{opacity:1}}.search-header{background-color:var(--grey-200);margin-block:2rem;padding:2rem}@media screen and (min-width: 768px){.search-header{padding:4rem}}.search-header .search-form__input-wrap{margin-top:1rem;gap:.5rem;max-width:100%;width:100%;max-width:40ch}.search-header #search{flex:1}.search-page .search-content-type{position:relative}.search-page .search-content-type:before{content:"";position:absolute;height:2px;left:0;right:0;top:50%;background-color:var(--brand-1);z-index:-1}.search-page .search-content-type h2{font-size:var(--fs-wolf);background-color:var(--white);padding-right:1rem}.search-page .search-link{background-color:var(--grey-100);padding:1rem}.search-links{container-type:inline-size;margin:0;padding:0;list-style:none}.search-links li{padding:0;margin:0}.search-links li{margin-bottom:var(--spacing-6);display:flex;gap:0rem 3rem}.search-links li.search-result-post{flex-direction:row-reverse}.search-links li .search-link-content{flex:1}.search-links li:last-of-type{border-bottom:0}.search-links li h3{margin-top:0}.search-links li h3:only-child{margin-bottom:0}.search-links li img{margin-bottom:var(--spacing-6)}.search-links li .excerpt :last-child{margin-bottom:0}@container (width < 800px){.search-links li.search-link{flex-direction:column-reverse}.search-links li .search-link{background-color:#ff69b4}.search-links li .excerpt p{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}}@container (width > 800px){.search-links li .excerpt p{font-size:var(--fs-cat)}.search-links li .featured-image{flex:0 1 200px}.search-links li .featured-image img{aspect-ratio:1;object-fit:cover;object-position:center;margin-bottom:0}}
