/* Homepage only: keep the photograph alongside the copy at every width. */
.header .logo, .footer .footer__brand { background: transparent; }
.header .logo img, .footer .footer__brand > img {
  mix-blend-mode: multiply;
  background: transparent;
  border: 0;
  box-shadow: none;
}
@media(max-width:700px){
  body .footer-signup{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr)!important;min-height:0!important;align-items:stretch;}
  body .footer-signup .footer-signup__copy{padding:28px 18px!important;min-width:0;}
  body .footer-signup .footer-signup__copy h2{font-size:clamp(24px,5vw,34px)!important;line-height:1.12!important;letter-spacing:-.025em;margin:12px 0 16px;}
  body .footer-signup .footer-signup__copy p{font-size:12px!important;line-height:1.6!important;}
  body .footer-signup .footer-signup__copy .eyebrow{font-size:9px!important;letter-spacing:.14em;}
  body .footer-signup .footer-signup__image{position:relative;height:auto!important;min-height:0!important;align-self:stretch;overflow:hidden;}
  body .footer-signup .footer-signup__image>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:64% center;}
  body .footer-signup .footer-signup__image:after{background:linear-gradient(90deg,#e9dfd2,transparent 35%);}
  body .footer-signup .signup-form{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;border:0;}
  body .footer-signup .signup-form input{width:100%;min-width:0;padding:10px 0;font-size:13px;border-bottom:1px solid #aa967b;}
  body .footer-signup .signup-form button{min-height:40px;padding:8px 12px;border-radius:20px;background:#88602f;color:#fff;font-size:11px;white-space:normal;}
  body .footer{padding:32px 20px 22px;}
  body .footer .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;}
  body .footer .footer__grid>div{min-width:0;margin-top:0;}
  body .footer .footer__brand{grid-column:1/-1;}
  body .footer nav{gap:4px;}
  body .footer nav a{font-size:12px;line-height:1.5;padding:6px 0;}
  body .footer h3{font-size:10px;line-height:1.4;margin-bottom:12px;}
  body .footer .payment-note{display:none;}
  body .footer>.payment-logos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:28px 0 0;padding:24px 0 0;}
  body .footer>.payment-logos .pay-logo{display:none!important;}
  body .footer>.payment-logos .pay-logo.ideal,
  body .footer>.payment-logos .pay-logo.visa,
  body .footer>.payment-logos .pay-logo.mastercard,
  body .footer>.payment-logos .pay-logo.paypal{display:inline-flex!important;grid-column:auto;}
  body .footer>.payment-logos .pay-logo{box-sizing:border-box;width:100%;min-width:0;height:34px;padding:0 3px;font-size:9px;box-shadow:none;}
  body .footer>.payment-logos .pay-logo:nth-last-of-type(2){grid-column:2;}
  body .footer>.payment-logos .pay-logo.mastercard{padding-left:22px;}
  body .footer .footer__bottom{margin-top:24px;padding-top:20px;gap:18px;align-items:center;text-align:center;}
  body .footer .footer__legal{justify-content:center;gap:10px 16px;font-size:10px;line-height:1.6;}
  body .footer .footer__legal>span:first-child{flex-basis:100%;}
  body .footer .age{font-size:10px;justify-content:center;}
}
.home-discover{max-width:1536px;margin:0 auto;padding:76px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px);align-items:center;background:#fbf8f2;border-block:1px solid #ddd5ca;}
.home-discover h2{font:400 clamp(30px,3.2vw,48px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 20px;}
.home-discover p{font-size:15px;line-height:1.7;color:#625d55;max-width:460px;margin:0;}
.home-discover .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:20px;color:#88602f;}
.home-discover__links>a{display:grid;grid-template-columns:24px 1fr 24px;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid #ddd5ca;text-decoration:none;color:#88602f;}
.home-discover__links>a:first-child{border-top:1px solid #ddd5ca;}
.home-discover__links h3{font:400 clamp(22px,2vw,29px)/1.2 var(--serif);color:#171511;margin:0 0 8px;}
.home-discover__links p{font-size:13px;}
.home-discover__number{font-size:11px;align-self:start;padding-top:6px;}
.home-discover__links>a:hover h3{color:#88602f;}
.home-discover__links>a:focus-visible{outline:2px solid #88602f;outline-offset:6px;}
@media(max-width:650px){.home-discover{grid-template-columns:1fr;padding:44px 24px;gap:28px;}}
.footer > .payment-logos {
  justify-content: center !important;
  flex-wrap: wrap !important;
  overflow: visible;
}
main > .hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
main > .hero > .hero__copy {
  grid-column: 1; grid-row: 1; order: 0 !important;
  min-width: 0; width: auto !important;
  padding: clamp(20px, 4vw, 60px) clamp(16px, 3vw, 46px) !important;
}
main > .hero > .hero__visual {
  grid-column: 2; grid-row: 1; order: 0 !important;
  width: 100% !important; height: auto !important;
  min-height: 0 !important; aspect-ratio: auto !important;
  align-self: stretch !important;
}
main > .hero > .hero__visual > img {
  position: absolute; inset: 0; width: 100% !important;
  height: 100% !important; object-fit: cover !important;
  object-position: 65% center !important;
}
main > .hero h1 {font-size: clamp(28px, 4.5vw, 76px) !important; line-height: 1.03 !important; margin-bottom: 22px !important;}
main > .hero .intro {font-size: clamp(13px, 1.45vw, 17px) !important; line-height: 1.55 !important;}
main > .hero .eyebrow {font-size: 10px !important; line-height: 1.5; margin-bottom: 18px !important;}
main > .hero .actions {display:flex;flex-wrap:wrap !important;flex-direction:row !important;gap:10px !important;margin-top:24px !important;}
main > .hero .actions > a {flex:0 1 auto !important;min-height:44px !important;padding:10px 18px !important;font-size:13px !important;line-height:1.3 !important;}
main > .hero .proof {margin-top:26px !important;flex-wrap:wrap;}
@media (max-width:600px) {
  main > .hero {grid-template-columns:minmax(0, 55fr) minmax(0, 45fr) !important;}
  main > .hero > .hero__copy {padding:22px 12px !important;}
  main > .hero .eyebrow {font-size:9px !important;letter-spacing:.1em !important;}
  main > .hero h1 {font-size:clamp(25px,6.5vw,39px) !important;}
  main > .hero .actions > a {padding:8px 12px !important;font-size:12px !important;}
  main > .hero .proof {font-size:10px !important;}
  main > .hero .seal {width:64px;height:64px;font-size:6px;left:10px;bottom:16px;}
}