/* Lato is self-hosted under the SIL Open Font License in fonts/lato/OFL.txt. */
@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url('fonts/lato/lato-light.woff2') format('woff2')}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lato/lato-regular.woff2') format('woff2')}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url('fonts/lato/lato-bold.woff2') format('woff2')}
@font-face{font-family:Lato;font-style:italic;font-weight:300;font-display:swap;src:url('fonts/lato/lato-light-italic.woff2') format('woff2')}
@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url('fonts/lato/lato-italic.woff2') format('woff2')}
:root{--sans:Lato,'Gill Sans','Trebuchet MS',sans-serif;--serif:var(--sans)}
h1,h2,h3{font-family:var(--sans)}
h1{font-weight:300;letter-spacing:-.035em}
h2{font-weight:300;letter-spacing:-.025em}
h3{font-weight:400;letter-spacing:-.015em}
.hero h1{line-height:1.06}
.brand{gap:15px}
.brand img{width:64px;height:64px;object-fit:contain;mix-blend-mode:normal}
.brand>span{font-family:var(--sans);font-size:24px;font-weight:400;letter-spacing:3.2px;white-space:nowrap}
.brand small{font-size:9px;letter-spacing:4.5px;font-weight:400;margin-top:8px}
.footer-brand img{filter:brightness(0) invert(1);border-radius:0;background:transparent;padding:0;opacity:.93}
.footer-brand>span{font-size:22px}
.footer-brand small{font-size:8px;letter-spacing:4.2px}
.owner-brand-badge{mix-blend-mode:normal}
@media(max-width:760px){
  .brand{gap:10px}
  .brand img{width:45px;height:49px}
  .brand>span{font-size:19px;letter-spacing:2px}
  .brand small{font-size:7px;letter-spacing:3.4px;margin-top:6px}
  .hero h1{font-size:61px}
}
@media(max-width:380px){
  .site-header{gap:10px}
  .brand{gap:8px}
  .brand img{width:36px;height:43px}
  .brand>span{font-size:16px;letter-spacing:1.5px}
  .brand small{font-size:6.5px;letter-spacing:2.8px}
  .hero h1{font-size:53px}
}
/* Postage choices remain readable on narrow checkout screens. */
.postage-postcode { display: grid; gap: .65rem; margin-block: 1rem; }
.postage-checkout fieldset { border: 0; padding: 0; margin: 1.5rem 0; min-width: 0; }
.postage-checkout legend { font-weight: 700; margin-bottom: .75rem; }
.postage-option { display: flex; align-items: flex-start; gap: .7rem; padding: .85rem .65rem; border-bottom: 1px solid #d8ddcf; cursor: pointer; }
.postage-option input { flex: 0 0 auto; width: auto; margin-top: .25rem; accent-color: #3d5138; }
.postage-option span { min-width: 0; }
.postage-option small { display: block; margin-top: .3rem; line-height: 1.5; }
.postage-picker h3 { font-size: 1.2rem; }

@media(max-width:760px){.brand>span{font-size:14px;letter-spacing:1.2px}}
@media(max-width:380px){.brand>span{font-size:12.5px;letter-spacing:1px}}