@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&display=swap";
.hero-container{background-color:#fff;flex-direction:column;width:100%;margin-bottom:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.hero-visual{aspect-ratio:4/3;flex-shrink:0;width:100%;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hero-content{z-index:2;text-align:center;box-sizing:border-box;background-color:#f7f9fc;flex-direction:column;align-items:center;gap:20px;width:100%;padding:28px 20px 32px;display:flex;position:relative}.hero-logo{color:#1e3a8a;letter-spacing:3px;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1}.search-container{box-sizing:border-box;background-color:#fff;border:2px solid #e2e8f0;border-radius:50px;align-items:center;width:100%;max-width:560px;padding:6px 6px 6px 18px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 6px 20px #00000012}.search-container:focus-within{border-color:#2563eb;box-shadow:0 6px 20px #2563eb26}.search-input{color:#334155;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:4px 0;font-size:clamp(.9rem,3.5vw,1.05rem)}.search-input::placeholder{color:#94a3b8}.search-button{cursor:pointer;color:#fff;touch-action:manipulation;background-color:#2563eb;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,transform .15s;display:flex}.search-button:hover{background-color:#1d4ed8}.search-button:active{transform:scale(.95)}.search-icon{pointer-events:none;width:19px;height:19px}@media (min-width:600px){.hero-container{flex-direction:row;justify-content:center;align-items:flex-end;min-height:70dvh}.hero-visual{aspect-ratio:unset;height:100%;position:absolute;inset:0}.hero-visual:after{content:"";position:absolute;inset:0}.hero-content{background-color:#0000;max-width:680px;padding:28px 24px 80px}}@media (min-width:900px){.hero-container{min-height:80dvh}.hero-content{gap:24px;padding-bottom:100px}}