/* Optional hero photo trial. Remove hero--photo-trial from index.php to restore the cream background. */
.hero.hero--photo-trial{background-color:#faf1df;background-image:linear-gradient(90deg,rgba(250,241,223,.98) 0%,rgba(250,241,223,.94) 32%,rgba(250,241,223,.71) 59%,rgba(250,241,223,.44) 100%),url('../img/kotatsu-hero-photo.png');background-size:cover;background-position:right 48%;background-repeat:no-repeat}
@media(max-width:1099px){.hero.hero--photo-trial{background-image:linear-gradient(180deg,rgba(250,241,223,.97) 0%,rgba(250,241,223,.91) 40%,rgba(250,241,223,.61) 100%),url('../img/kotatsu-hero-photo.png');background-position:right center}}

/* Mobile: preserve the full portrait photo, scaled to the viewport width. */
@media(max-width:600px){.hero.hero--photo-trial{background-image:linear-gradient(180deg,rgba(250,241,223,.98) 0%,rgba(250,241,223,.94) 42%,rgba(250,241,223,.57) 100%),url('../img/kotatsu-hero-photo-mobile.png');background-size:100% 100%,100% auto;background-position:center,center bottom;background-repeat:no-repeat}}