h1,h2,h3,p{margin:0}
.top{overflow-x:clip;background:radial-gradient(680px 420px at 78% 68%,rgba(217,255,234,.9) 0%,rgba(217,255,234,0) 70%),linear-gradient(180deg,var(--white) 0%,var(--white) 60%,var(--chalk) 100%);margin-top:-80px;padding-top:80px}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:40px 64px;padding-block:56px 88px}
.head-copy{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--grey-500)}
h1{font-size:clamp(36px,4.6vw,58px);line-height:1.08;font-weight:700;letter-spacing:-.015em}
h1 .it{color:var(--mint-700)}
.sub{font-size:19px;line-height:1.65;color:var(--navy-500);max-width:540px}
.search{flex:1 1 380px;min-width:0;max-width:480px;display:flex;flex-direction:column;gap:10px}
.search label{font-size:13px;font-weight:500;color:var(--grey-500)}
.field{position:relative;display:flex}
.field input{flex:1;min-width:0;height:54px;padding:0 52px 0 22px;border:1px solid var(--grey-300);border-radius:999px;background:var(--paper);color:var(--navy-900);font:inherit;transition:border-color .2s,box-shadow .2s}
.field input::placeholder{color:var(--grey-500)}
.field input::-webkit-search-cancel-button{display:none}
.field input:hover{border-color:var(--navy-300)}
.field input:focus{outline:0;border-color:var(--mint-600);box-shadow:0 0 0 4px var(--mint-50)}
.field .clear{position:absolute;right:6px;top:5px;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--navy-500);transition:background .2s,transform .3s var(--ease)}
.field .clear:hover{background:var(--chalk);transform:rotate(90deg)}
@media (max-width:860px){
  .head{padding-block:32px 48px}
}
@media (max-width:860px){
  .crumb a{padding:12px 0}
  .head{padding-block:12px 28px;gap:20px}
  .head-copy{gap:12px}
  .head .sub{display:none}
  h1{font-size:34px}
}