Bintang (ATA)Indonesiacampaign
Please review the Bintang, “BINTANG All Terms Accepted” brand campaign and rate it using the HEINEKEN Creative Ladder.
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
static
BINTANG (All Terms Accepted’) – Indonesiaadmin2025-03-11T22:45:23+02:00
:host {
--color-primary: #FF7D00;
--color-primary-dark: hsl(29, 100%, 40%);
--color-primary-light: hsl(29, 100%, 94%);
--color-primary-alpha: rgba(255, 125, 0, 0.250000);
--color-primary-contrast: #FFFFFF;
--color-secondary: #364959;
--color-secondary-dark: hsl(207, 24%, 23%);
--color-secondary-contrast: #FFFFFF;
--color-secondary-alpha: rgba(54, 73, 89, 0.250000);
--color-secondary-light: hsl(207, 24%, 52%);
--color-success: #90BE6D;
--color-success-dark: hsl(94, 38%, 47%);
--color-success-light: hsl(94, 38%, 77%);
--color-error: #b8b8b8;
--color-error-dark: hsl(0, 0%, 58%);
--color-error-alpha: rgba(184, 184, 184, 0.250000);
--color-error-light: hsl(0, 0%, 100%);
--color-background: #ffffff;
--color-background-dark: hsl(0, 0%, 80%);
--color-background-contrast: #FFFFFF;
--color-background-light: hsl(0, 0%, 100%);
--color-dark: #F6F6F6;
--color-dark-contrast: #FFFFFF;
--color-dark-alpha: rgba(246, 246, 246, 0.050000);
--size: var(--size-regular);
--space: var(--space-compact);
--radius: var(--radius-rounded);
}
@media only screen and (max-width: 1600px) and (min-width: 640px) {
/*voting styling */
body, .fusion-text, select, .button.-primary {
font-size: 16px !important
}
.section-description em, .section-description strong {
font-size: 4.49vw !important
}
h2 {
font-size: 2.844vw !important
}
.question label {
font-size: 2.395vw !important
}
h4 {
font-size: 1.796vw !important
}
}
.button.-primary:hover {
background-color: #F6F6F6;
color:#C1C1C1;
}
.section-title, .section.welcome, .survey-title, .survey-progress {
display: none !important;
}
.button.-primary {
background-color: #FF7D00;
color: #fff;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
border-radius: 0;
line-height: 1;
letter-spacing: 0.27px;
}
.section-description em, .section-description strong {
margin: 0.05em 0;
display: table;
padding: 0 0.2em 0 0.15em;
font-family: "Futura bold condensed";
font-weight: 700;
color: #fff;
font-size: 75px;
line-height: 1;
}
.section-description em {
background-color: #13670b;
font-style: normal !important;
}
.section-description strong {
background-color: #FF7D00;
}
.question label {
font-family: "Futura Medium condensed";
font-weight: 400;
font-size: 30px;
line-height: 1;
color: #3C3C3B;
margin-bottom: 0.3em;
}
div:not(.fixed) .question {
display: inline-block;
float: left;
margin: 0;
}
div:not(.fixed) .section-description {
display: inline-block;
width: 17vw;
float: left;
}
select {
background-color: #F6F6F6;
border: 0;
border-radius: 0;
cursor: pointer;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
padding-left: 83px;
}
.question-field option {
font-size: 16px !important
}
form.section {
display: flex;
align-items: center;
margin: 0
}
.question-error {
margin: 0;
}
.question-block {
display: flex;
align-items: flex-end;
}
.section.thankyou p {
font-family: "Futura Medium condensed";
font-size: 32px;
}
div.question:nth-child(2){
position: absolute;
top: 140px;
left: 17vw;
width: 230px;
}
@media only screen and (max-width: 640px) {
form.section {
display: block
}
div:not(.fixed) .section-description {
Float: inherit;
Width: inherit;
}
.section-description em, .section-description strong {
Font-size: 38px !important;
}
.question label {
Font-size: 18px !important;
}
.button.-primary, select {
padding-top:15px;
padding-bottom: 15px;
}
div.question:nth-child(2) {
position: absolute;
top: 90px;
left: 0;
width: 230px;}
}.question-block {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
div.question:nth-child(2){
position: relative;
top: unset;
left: unset;
width: 100%;
}
.select2-results__option, .select2-search--dropdown{
padding:0!important;
}
.LEGENDARY, .legendary {
background-color: #662A72;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CULTURALPHENOMENON {
background-color: #93448A;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CONTAGIOUS {
background-color: #3D8A44;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.GROUNDBREAKING {
background-color: #55B046;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.FRESH {
background-color: #92C43F;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.OWNABLE {
background-color: #D3DC44;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CLICHÉ {
background-color: #F9C647;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CONFUSING {
background-color: #E57036;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.DESTRUCTIVE {
background-color: #000000;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.HIJACKED {
background-color: #D1302C;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.creative {
margin-top: 15px;
background-color: #ACACAC;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}