*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-primary-100: hsl(73.85 32% 32%);--color-primary-200: hsl(88 38% 15%);--color-secondary-100: hsl(52, 89%, 64%);--color-secondary-200: hsl(52, 86%, 46%);--color-accent-100: hsl(52 94% 94%);--color-white: hsl(0 0% 95%);--color-black: hsl(0 0% 5%);--font-serif: "Fraunces", serif;--font-sans: "Space Grotesk", sans-serif;--font-display: "Unbounded", cursive;--font--2: clamp(.69rem, calc(.69rem + .02vw), .7rem);--font--1: clamp(.83rem, calc(.8rem + .18vw), .94rem);--font-0: clamp(1rem, calc(.91rem + .43vw), 1.25rem);--font-1: clamp(1.2rem, calc(1.04rem + .81vw), 1.67rem);--font-2: clamp(1.44rem, calc(1.17rem + 1.36vw), 2.22rem);--font-3: clamp(1.73rem, calc(1.3rem + 2.14vw), 2.96rem);--font-4: clamp(2.07rem, calc(1.42rem + 3.26vw), 3.95rem);--font-5: clamp(2.49rem, calc(1.52rem + 4.82vw), 5.26rem);--space-3xs: clamp(.25rem, calc(.23rem + .11vw), .31rem);--space-2xs: clamp(.5rem, calc(.46rem + .22vw), .63rem);--space-xs: clamp(.75rem, calc(.68rem + .33vw), .94rem);--space-sm: clamp(1rem, calc(.91rem + .43vw), 1.25rem);--space-md: clamp(1.5rem, calc(1.37rem + .65vw), 1.88rem);--space-lg: clamp(2rem, calc(1.83rem + .87vw), 2.5rem);--space-xl: clamp(3rem, calc(2.74rem + 1.3vw), 3.75rem);--space-2xl: clamp(4rem, calc(3.65rem + 1.74vw), 5rem);--space-3xl: clamp(6rem, calc(5.48rem + 2.61vw), 7.5rem);--flow-space: var(--space-md)}.flow>*+*{margin-top:var(--flow-space, 1em)}.flex{display:flex;gap:var(--flow-space, .5rem)}.flex-wrap{flex-wrap:wrap}.place-center{display:grid;place-items:center}.align-baseline{align-items:baseline}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.container{max-width:80rem;margin-left:auto;margin-right:auto}.span-all{grid-column:1/-1}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.text-xl{font-size:var(--font-5);line-height:1;text-wrap:balance}@media screen and (min-width: 800px){.text-xl{letter-spacing:-3px}}.text-bold{font-weight:700}.text-primary-200{color:var(--color-primary-200)}.text-secondary-200{color:var(--color-secondary-200)}.list--border{border-top:3px solid var(--color-black);padding-top:var(--flow-space)}.list--border>*{border-bottom:1px solid var(--color-black);padding-bottom:var(--flow-space)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.visually-shown{position:initial;height:auto;width:auto;overflow:hidden;clip:initial}.hide{display:none}.show{display:block}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-accent-100);font-family:var(--font-sans)}header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-lg);padding-left:var(--space-lg);background-color:var(--color-primary-100)}@media screen and (min-width: 650px){header{flex-direction:row}}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:1rem;list-style-type:none;padding:0}.nav__item{position:relative;padding-top:var(--space-2xs);padding-right:var(--space-xs);padding-bottom:var(--space-2xs);padding-left:var(--space-xs);color:var(--color-white);letter-spacing:1px;transition:background-color cubic-bezier(.23,1,.32,1) .3s,color cubic-bezier(.23,1,.32,1) .3s}.nav__item:hover{background-color:var(--color-secondary-100);color:var(--color-primary-200);transition:background-color cubic-bezier(.23,1,.32,1) 1s,color cubic-bezier(.23,1,.32,1) .3s}.nav__item a{color:inherit;text-decoration:none;font-family:var(--font-serif);font-size:var(--font--1)}.nav__item a:after{position:absolute;inset:0;content:""}.main__content{display:grid;grid-template-columns:1fr;gap:var(--space-lg) var(--space-2xl);padding-left:var(--space-lg);padding-right:var(--space-lg);padding-top:var(--space-lg);margin-bottom:var(--space-2xl)}@media screen and (min-width: 650px){.main__content{grid-template-columns:1fr 1fr}}search form{--flow-space: .5rem}search .search__input-group{--flow-space: 0}search label{font-family:var(--font-serif);font-size:var(--font-0)}search input{padding:calc(var(--space-2xs) - 4px) calc(var(--space-xs) - 4px);border:2px solid var(--color-primary-100)}.card{height:max-content;background-color:var(--color-white);border:2px solid var(--color-primary-200);box-shadow:var(--space-xs) var(--space-xs) 0 var(--color-primary-200)}.card:hover .card__caption{opacity:1}.card__image{height:var(--size-image-height, 25rem);width:100%;background-color:var(--color-primary-100);background-size:cover;background-position:center;position:relative}.card__caption{padding-right:var(--space-2xl);padding-bottom:var(--space-md);padding-left:var(--space-2xl);padding-top:var(--space-md);opacity:0;color:var(--color-white);z-index:2;transition:opacity ease .2s}.card__caption:before{content:"";position:absolute;inset:0;background-color:var(--color-black);opacity:.75;z-index:-1}.card__content{padding:var(--space-md) var(--space-md)}.card__title{position:relative;width:fit-content;transform:translate(-.25ex);font-family:var(--font-serif);color:var(--color-primary-200);font-size:var(--font-2);z-index:2}.card__title:before{content:"";position:absolute;width:110%;height:.5em;background-color:var(--color-secondary-200);border:2px solid var(--color-white);transform:translateY(.9em) translate(-.25em);z-index:-1}.card__description-details dl{--flow-space: .5rem}dt{font-weight:700}.btn{background-color:var(--color-primary-100);color:var(--color-white);border:0;padding:var(--space-2xs) var(--space-xs);font-family:var(--font-serif);font-size:var(--font--1);letter-spacing:1px;transition:transform cubic-bezier(.23,1,.32,1) .2s,box-shadow cubic-bezier(.23,1,.32,1) .2s}.btn:hover{box-shadow:var(--space-3xs) var(--space-3xs) 0 var(--color-primary-200);transform:translateY(calc(var(--space-3xs) * -1));cursor:pointer}footer{--flow-space: auto;justify-content:end;padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-lg);padding-top:var(--space-xl);background-color:var(--color-black);color:var(--color-white)}
