*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222;line-height:1.6;background:#111}header{display:flex;min-height:480px;background:#171717;color:white}.copy{width:52%;padding:50px 5% 40px 8%}.photo{width:48%}.photo img{width:100%;height:100%;min-height:480px;object-fit:cover;display:block}.tag{color:#f5bd37;font-weight:bold;letter-spacing:2px}h1{font:64px/1.05 Georgia,serif;margin:10px 0}.copy h2{font:34px/1.2 Georgia,serif;color:#f5bd37}.copy>p{font-size:19px}.btn{display:inline-block;background:#f5bd37;color:#111;text-decoration:none;font-weight:bold;padding:14px 24px;border-radius:28px}.light,.dark,.gold{padding:60px 9%;text-align:center}.light{background:#fff}.dark{background:#181818;color:#fff}.gold{background:#f4ead4}section h2{font:38px Georgia,serif;margin:0 0 15px}section>p{max-width:900px;margin:0 auto 28px;font-size:18px}.dark h2{color:#f5bd37}.features{display:flex;max-width:1150px;margin:35px auto 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.features div{width:25%;padding:25px 18px;border-right:1px solid #ddd}.features div:last-child{border:0}.features b{display:block;color:#a86d00;text-transform:uppercase}.features span{display:block}footer{text-align:center;padding:28px;background:#090909;color:#ddd}footer a{color:#f5bd37}@media(max-width:800px){header{display:block;min-height:0}.copy,.photo{width:100%}.copy{padding:42px 7%}.photo img{height:auto;min-height:0;object-fit:contain}h1{font-size:46px}.copy h2{font-size:28px}.features{display:block}.features div{width:100%;border-right:0;border-bottom:1px solid #ddd}.light,.dark,.gold{padding:45px 7%}}

/* Compactere laptop/desktop hero; mobiele weergave blijft ongewijzigd */
@media (min-width:801px){
  header{height:390px;min-height:390px;align-items:stretch;overflow:hidden}
  .copy{width:52%;padding:30px 4% 24px 8%;display:flex;flex-direction:column;justify-content:center}
  .photo{width:48%;height:390px;display:flex;align-items:center;justify-content:center;background:#171717;overflow:hidden}
  .photo img{width:100%;height:390px;min-height:0;object-fit:contain;display:block}
  h1{font-size:54px;margin:6px 0}
  .copy h2{font-size:29px;margin:10px 0}
  .copy>p{font-size:16px;margin:10px 0 16px}
  .tag{margin:0;font-size:15px}
  .btn{padding:11px 21px}
  .light,.dark,.gold{padding:42px 9%}
  section h2{font-size:34px}
  section>p{font-size:17px;margin-bottom:20px}
  .features{margin-top:24px}
  .features div{padding:18px 14px}
}