.hybrid-one .hero{background:#f4efe5}.hybrid-one .hero-bg{left:42%;width:58%;object-position:center}
.hybrid-one .hero:after{background:linear-gradient(90deg,#f4efe5 38%,#f4efe5e8 44%,transparent 65%)}
.hybrid-one .hero-copy{color:#302b22}.hybrid-one .hero-copy p{color:inherit}
.hybrid-one .hero-bottom{background:#f4efe5;color:#302b22;padding-top:18px}
.hybrid-two{--paper:#ffc247;--ink:#294321;--accent:#294321}
.hybrid-two header,.hybrid-two .ribbon,.hybrid-two .full-range,.hybrid-two .base,.hybrid-two footer{background:#ffc247;color:#294321}
.hybrid-two .hero:after{background:linear-gradient(90deg,#ffc247f5, #ffc247b3 35%,transparent 72%)}
.hybrid-two .hero-copy{color:#294321}.hybrid-two .button{background:#294321;color:#fff7dc;border-color:#294321}
.hybrid-two .inside,.hybrid-two .flavours{background:#fff6d8;color:#294321}
@media(max-width:600px){.hybrid-one .hero-bg{left:0;top:45%;width:100%;height:55%}.hybrid-one .hero:after{background:linear-gradient(#f4efe5 35%,#f4efe5d9 44%,transparent 65%)}.hybrid-one .hero-copy{padding-top:150px}.hybrid-one .hero-copy h1{font-size:58px}.hybrid-one .hero-bottom{display:none}.hybrid-two .hero:after{background:linear-gradient(90deg,#ffc247ed,#ffc24799 50%,transparent)}}

.hybrid-one .hero-bottom{display:none}@media(max-width:600px){.hybrid-one .hero-bg{top:59%;height:41%}.hybrid-one .hero:after{background:linear-gradient(#f4efe5 54%,transparent 65%)}}

@media(max-width:600px){.hybrid-two .hero{background:#ffc247}.hybrid-two .hero-bg{left:0;top:59%;width:100%;height:41%}.hybrid-two .hero:after{background:linear-gradient(#ffc247 54%,transparent 65%)}.hybrid-two .hero-copy{padding-top:150px}.hybrid-two .hero-copy h1{font-size:58px}}