:root{--color-dark:#191919;--color-light:#F8F1DF;--color-red:#CA0013;--color-yellow:#F6BB09;--color-orange:#ED741D;--color-green:#1B5E20;} .mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;} @font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-DemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-Bold-Italic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap;}@font-face{font-family:'TT Commons Pro';src:url('fonts/TT-Commons-Pro-ExtraBlack.ttf') format('truetype');font-weight:950;font-style:normal;font-display:swap;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'TT Commons Pro',sans-serif;color:var(--color-dark);overflow-x:hidden;} .hero{background-color:var(--color-dark);display:flex;flex-direction:column;position:relative;padding:1rem 5%;color:var(--color-light);}.hero h1{padding-top:2rem;padding-bottom:2rem;width:100%;}.hero h1 img{width:100%;height:auto;display:block;}.hero-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:flex-start;padding-bottom:3rem;}.hero-logo{display:flex;align-items:center;justify-content:center;}.hero-logo img{width:100%;height:auto;}.hero-keywords{display:flex;flex-direction:column;gap:0.1rem;font-size:clamp(1.1rem,2.5vw,2.5rem);font-weight:200;letter-spacing:0.05em;text-transform:uppercase;line-height:1.4;}.hero-right{display:flex;flex-direction:column;gap:2rem;}.discover-btn{color:var(--color-light);text-decoration:none;font-size:clamp(1.1rem,2.5vw,2.5rem);font-weight:200;letter-spacing:0.05em;text-transform:uppercase;display:inline-flex;align-items:flex-start;gap:1rem;transition:all 0.3s;line-height:1.3;align-self:flex-end;}.discover-btn::after{content:'↴';font-size:2.5em;line-height:1;}.hero-description{font-size:1.1rem;line-height:1.6;color:var(--color-light);text-align:left;grid-column:2 / -1;} .about{background-color:var(--color-light);padding:3rem 0;position:relative;}.about-container{padding:0 5%;}.section-label-red{display:inline-block;margin:0;border:4px solid var(--color-red);color:var(--color-red);padding:0rem 1.0rem;padding-top:.3rem;border-radius:40px;font-weight:700;font-size:clamp(1rem,2.5vw,2rem);letter-spacing:0.1em;margin-bottom:1.5rem;text-transform:uppercase;vertical-align:0.7em;}.about h2{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1;margin-bottom:3rem;color:var(--color-dark);text-transform:uppercase;}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;}.about-column{display:flex;flex-direction:column;min-width:0;}.about-text{font-size:clamp(0.9rem,1.5vw,1.2rem);line-height:1.65;color:var(--color-dark);margin-bottom:2.5rem;flex-grow:1;}.about-text p{margin-bottom:1rem;}.about-image{width:100%;aspect-ratio:16/9;background-color:#ddd;margin-bottom:2.5rem;overflow:hidden;}.about-image img{width:100%;height:100%;object-fit:cover;}.about-image img.img-bottom{object-position:center 85%;} .about::after,.activations::after{content:'';position:absolute;top:0;bottom:0;left:calc(5% - 1.25rem);right:calc(5% - 1.25rem);background-image:linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2)),linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2)),linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2)),linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2));background-size:1px 100%;background-repeat:no-repeat;background-position:0 0,calc(2.5rem + (100% - 7.5rem) / 3) 0,calc(5rem + 2 * (100% - 7.5rem) / 3) 0,100% 0;pointer-events:none;z-index:0;}.about-container,.activations-container{position:relative;z-index:1;}.about-stat{text-align:left;}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1;margin-bottom:0.1rem;color:var(--color-dark);}.stat-number::before{content:'•';color:var(--color-red);margin-right:0.5rem;}.stat-label{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-dark);} .partners{background-color:var(--color-dark);padding:3rem 5%;color:var(--color-light);}.section-label-white{display:inline-block;margin:0;border:4px solid var(--color-light);color:var(--color-light);padding:0rem 1.0rem;padding-top:.3rem;border-radius:40px;font-weight:700;font-size:clamp(1rem,2.5vw,2rem);letter-spacing:0.1em;margin-bottom:1.5rem;text-transform:uppercase;}.partners-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;align-items:center;margin-top:2rem;}.partner-logo{flex:0 1 calc(25% - 2rem);padding:1rem;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:100px;}.partner-logo img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;} .activations{background-color:var(--color-light);padding:3rem 5%;position:relative;}.activations-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;}.activation-column{display:flex;flex-direction:column;}.activation-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1;margin-bottom:0.1rem;text-transform:capitalize;}.activation-title.yellow{color:var(--color-yellow);margin-top:40rem;}.activation-title.red{color:var(--color-red);}.activation-title.orange{color:var(--color-orange);margin-top:4rem;}.activation-title.green{color:var(--color-green);margin-top:19rem;}.activation-title .black{color:var(--color-dark);}.activation-date{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.0;margin-bottom:1.5rem;}.activation-date.yellow{color:var(--color-yellow);}.activation-date.red{color:var(--color-red);}.activation-date.orange{color:var(--color-orange);}.activation-date.green{color:var(--color-green);}.activation-image{width:100%;aspect-ratio:16/10;background-color:#ddd;margin-bottom:1.5rem;overflow:hidden;}.activation-image img{width:100%;height:100%;object-fit:cover;}.activation-text{font-size:clamp(0.9rem,1.5vw,1.2rem);line-height:1.65;color:var(--color-dark);margin-bottom:1.5rem;}.activation-text p{margin-bottom:1rem;}.view-more{display:inline-block;color:var(--color-light);padding:0.7rem 1rem;border-radius:25px;text-decoration:none;font-size:clamp(0.8rem,1.2vw,1.1rem);font-weight:600;text-transform:capitalize;letter-spacing:0.03em;transition:opacity 0.3s;align-self:flex-start;}.view-more:hover{opacity:0.85;}.view-more.yellow{background-color:var(--color-yellow);}.view-more.red{background-color:var(--color-red);}.view-more.orange{background-color:var(--color-orange);}.view-more.green{background-color:var(--color-green);} .team{background-color:var(--color-dark);padding:3rem 5%;color:var(--color-light);}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;}.team-member{text-align:left;}.team-photo{width:100%;aspect-ratio:3/4;background-color:#333;margin-bottom:2rem;overflow:hidden;}.team-photo img{width:100%;height:100%;object-fit:cover;}.team-photo img.photo-lamia{object-position:center 30%;}.team-photo img.photo-thanya{object-position:center 85%;}.team-photo img.photo-fadhila{object-position:center 90%;}.team-photo img.photo-oceane{object-position:center 50%;}.team-name{font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;margin-bottom:0.3rem;}.team-role{font-size:clamp(0.85rem,1.2vw,1rem);color:var(--color-light);font-weight:600;margin-bottom:0.8rem;}.team-bio{font-size:clamp(0.85rem,1.1vw,0.95rem);line-height:1.6;color:var(--color-light);} .footer{background-color:var(--color-red);padding:3rem 5%;color:var(--color-light);text-align:center;}.footer-text{font-size:clamp(1rem,2.5vw,1.8rem);line-height:1.5;font-weight:400;margin-bottom:3rem;margin:3rem 10rem;text-transform:uppercase;letter-spacing:0.02em;}.footer-link{background-color:var(--color-light);color:var(--color-red);padding:0 0.8em;border-radius:25px;text-decoration:none;font-weight:700;display:inline-block;transition:opacity 0.3s;line-height:1.4;}.footer-link:hover{opacity:0.9;}.footer-logo{margin:0 0 3rem 0;width:100%;}.footer-logo img{width:100%;height:auto;display:block;}.footer-credits{margin-top:3rem;font-size:0.85rem;line-height:1.4;color:var(--color-dark);}.footer-credit-line{margin:0.2rem 0;font-weight:400;} @media (max-width:1200px){.stat-number,.stat-label{font-size:clamp(2rem,4vw,3rem);}} @media (max-width:768px){.hero-bottom{grid-template-columns:auto 1fr auto;gap:1rem;}.hero-description{grid-column:1 / -1;}.about-grid,.activations-layout{grid-template-columns:1fr;gap:2rem;}.team-grid{grid-template-columns:1fr;}.stat-number{font-size:clamp(2rem,8vw,2.5rem);}.stat-label{font-size:clamp(2rem,8vw,2.5rem);padding-left:1.5rem;}.activation-title.yellow,.activation-title.green{margin-top:0;} .activation-title.orange{margin-top:2rem;}.view-more{margin-bottom:2rem;}.footer-text{margin:3rem 1rem;}.partner-logo{flex:0 1 calc(50% - 1rem);min-height:80px;}.partner-logo img{max-height:60px;} .about::after,.activations::after{background-image:linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2)),linear-gradient(rgba(25,25,25,0.2),rgba(25,25,25,0.2));background-position:0 0,100% 0;}}