@font-face{font-family:Unity;src:url('/brand/coca-cola/tccc-unitytext-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Unity;src:url('/brand/coca-cola/tccc-unitytext-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--coke:#e41e2b;--cream:#f7f4ef;--ink:#171717}html{scroll-behavior:auto}body{font-family:Unity,Arial,sans-serif!important;background:var(--cream);color:var(--ink)}::selection{background:var(--coke);color:white}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--coke);outline-offset:6px}header{position:absolute!important;top:0;left:0;width:100%;height:104px;z-index:100!important;padding:26px 5%!important;margin:0!important;align-items:center}header>svg{visibility:hidden;width:184px!important;height:58px!important}header:after{content:'';position:absolute;width:184px;height:60px;background:url('/brand/coca-cola/CocaColalogor.png') center/contain no-repeat;pointer-events:none}header .brand-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:13px;font-weight:700;letter-spacing:.05em}header .brand-nav a{text-decoration:none;color:var(--ink)}header .brand-nav a:hover{color:var(--coke)}.nav-right{display:flex;gap:30px}.nav-right a:last-child{border-bottom:1px solid currentColor;padding-bottom:5px}.brand-menu-button{display:none}.hero{padding-top:0!important}.hero-header{color:var(--coke)!important;letter-spacing:-.055em;line-height:.84!important;font-size:clamp(90px,14.2vw,215px)!important}.hero-subheading{color:var(--ink)!important;font-size:clamp(30px,3.1vw,46px)!important;letter-spacing:-.045em;margin-top:36px!important}.hero-body{color:#49443f!important;max-width:420px;font-size:17px!important;line-height:1.55;margin-top:12px}.hero-button{background:var(--coke)!important;border-radius:99px!important;font-size:14px!important;padding:18px 31px!important;margin-top:29px!important;letter-spacing:.035em;box-shadow:0 9px 25px #e41e2b20}.hero-button:hover{background:#be1421!important;transform:translateY(-2px)}.hero>.mx-auto{max-width:1300px}.text-side-heading{color:var(--ink)!important;letter-spacing:-.065em;font-size:clamp(54px,6.4vw,92px)!important;line-height:1.02}.text-side-body{color:#544b43!important;font-size:20px!important;line-height:1.65;max-width:480px!important}.text-side{gap:45px!important}.text-side>div:after{content:'THE TASTE OF TOGETHER';display:block;font-size:11px;font-weight:700;letter-spacing:.16em;margin-top:32px;color:var(--coke)}.scroll-cue{position:absolute;top:calc(100vh - 65px);left:50%;transform:translateX(-50%);z-index:90;text-decoration:none;color:#5a514a;font-size:10px;font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:12px}.scroll-cue span{font-size:22px;font-weight:400}.carousel{background:#bd1228!important;min-height:700px;padding:54px 24px 34px!important;grid-template-rows:auto 1fr auto!important}.carousel>.background{opacity:1!important}.carousel>svg{opacity:.32}.carousel>h2{font-size:clamp(36px,4.2vw,62px)!important;letter-spacing:-.055em}.carousel .aspect-square{height:58vmin!important;max-height:600px}.carousel .text-wrapper{font-size:clamp(30px,3.2vw,46px)!important;font-weight:700}.carousel .text-area>p:not(.product-description){font-size:10px!important;letter-spacing:.22em;margin-top:8px!important}.carousel button{width:60px;height:60px;border:1px solid #ffffff80;background:#ffffff0c;transition:background .2s}.carousel button:hover{background:#ffffff30}.product-description{font-size:14px;line-height:1.5;max-width:360px;margin:15px auto 0;min-height:42px;color:#ffffffe3}.product-count{font-size:10px;font-weight:700;letter-spacing:.18em;opacity:.7;margin-top:14px}.product-link{display:inline-block;text-decoration:none;color:white;border-bottom:1px solid #ffffff80;padding-bottom:3px;font-size:12px;font-weight:700;margin-top:13px}.alternating-text-container{background:#f4ede5;color:var(--ink)!important}.alternating-section h2{font-size:clamp(48px,5.7vw,80px)!important;letter-spacing:-.065em;line-height:1.02}.alternating-section .mt-4{font-size:20px!important;line-height:1.65;max-width:480px;color:#544b43}.alternating-section h2:before{content:'COCA-COLA / REAL MAGIC';display:block;font-size:10px;letter-spacing:.17em;color:var(--coke);margin-bottom:25px;line-height:1.3}main>section[class*="min-h-screen"]{background:var(--coke)!important;display:flex;align-items:center;min-height:100vh}main>section[class*="min-h-screen"] h2{color:var(--cream)!important;letter-spacing:-.065em;gap:2vw!important}main>section[class*="min-h-screen"] h2>p:first-child{font-size:30vw!important}main>section[class*="min-h-screen"] h2>p:nth-child(2){font-size:9vw!important;justify-content:center;gap:1.8vw!important}main>section[class*="min-h-screen"] h2>p:nth-child(2) span{font-size:inherit!important}main>section[class*="min-h-screen"] h2>p:last-child{font-size:31vw!important}footer{background:#f7f4ef!important;color:var(--ink)!important;padding:64px 5% 28px}footer>div:first-child{padding:0!important;max-width:none!important;justify-content:flex-start!important}footer svg{visibility:hidden;height:58px;width:184px}footer>div:first-child:after{content:'';position:absolute;left:0;top:0;width:184px;height:58px;background:url('/brand/coca-cola/CocaColalogor.png') center/contain no-repeat}.footer-links{display:flex;gap:30px;justify-content:flex-end;align-items:center;font-size:13px;position:relative;margin-top:-35px}.footer-links a{color:var(--ink);text-decoration:none}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid #17171720;display:flex;justify-content:space-between;font-size:10px;color:#706961;letter-spacing:.04em}.brand-menu{position:fixed;inset:0;background:var(--cream);z-index:1000;padding:30px;display:none}.brand-menu.open{display:flex;flex-direction:column;justify-content:center;gap:30px}.brand-menu a{font-size:48px;font-weight:700;letter-spacing:-.05em;text-decoration:none;color:var(--coke)}.brand-menu button{position:absolute;right:24px;top:26px;font-size:30px;background:none;border:0}.brand-menu img{position:absolute;top:28px;left:24px;width:150px}.mobile-hero-cans{display:none}
@media(max-width:767px){header{height:80px;padding:20px!important}header>svg,header:after{width:150px!important;height:48px!important}header .brand-nav>a,header .nav-right{display:none}.brand-menu-button{display:block;position:absolute;right:22px;border:0;background:none;font-size:12px;font-weight:700;letter-spacing:.1em;padding:10px 0}.hero-header{font-size:25vw!important}.hero-subheading{font-size:29px!important;margin-top:22px!important}.hero-body{font-size:14px!important;max-width:280px}.hero-button{margin-top:22px!important;font-size:12px!important;padding:16px 25px!important}.hero>div>div.grid>div:first-child{padding-top:75px;align-items:start;padding-bottom:22px}.hero>div>div.grid>div:first-child>div{padding-top:65px}.mobile-hero-cans{display:block;position:absolute;top:520px;left:0;width:100%;height:calc(100vh - 568px);min-height:180px;max-height:370px;object-fit:contain;pointer-events:none;animation:canFloat 4s ease-in-out infinite}.scroll-cue{top:calc(100vh - 48px);font-size:9px;white-space:nowrap}.text-side{align-content:center;gap:0!important;padding-bottom:50px}.text-side>img{height:290px;object-fit:contain;margin-bottom:10px}.text-side-heading{font-size:53px!important;line-height:.96}.text-side-body{font-size:16px!important;line-height:1.6}.text-side>div:after{margin-top:22px;font-size:9px}.carousel{min-height:650px;padding:50px 18px 32px!important}.carousel>.grid{margin-left:-6px;margin-right:-6px}.carousel .aspect-square{height:65vmin!important;min-height:240px}.carousel button{height:43px;width:43px;padding:11px}.carousel>h2{font-size:38px!important}.carousel .text-wrapper{font-size:32px!important}.product-description{font-size:13px;max-width:270px}.alternating-section{align-content:start!important;padding-top:75px!important;height:100vh!important}.alternating-section h2{font-size:50px!important}.alternating-section .mt-4{font-size:16px!important;max-width:330px;line-height:1.65}.alternating-section h2:before{margin-bottom:18px}.alternating-text-view{top:170px!important}.alternating-section>div{position:relative;z-index:3;pointer-events:none}main>section[class*="min-h-screen"]{min-height:85vh}main>section[class*="min-h-screen"] h2{gap:6vw!important}main>section[class*="min-h-screen"] h2>p:first-child{font-size:32vw!important}main>section[class*="min-h-screen"] h2>p:nth-child(2){display:flex;flex-direction:column;font-size:21vw!important;gap:5vw!important}main>section[class*="min-h-screen"] h2>p:last-child{font-size:46vw!important}footer{padding:40px 24px 25px}.footer-links{justify-content:flex-start;flex-wrap:wrap;font-size:12px;gap:18px;margin-top:28px}.footer-bottom{margin-top:30px;gap:16px;flex-direction:column}.product-count{margin-top:10px}}
@keyframes canFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.mobile-hero-cans{animation:none}}

.mobile-story-can{display:none}@media(max-width:767px){.mobile-story-can{display:block;width:100%;height:330px;object-fit:contain;margin-top:18px;animation:canFloat 5s ease-in-out infinite}.alternating-section:nth-child(3) .mobile-story-can{animation-delay:-2s}}

header:after{display:none}.brand-home{position:absolute;left:50%;top:23px;transform:translateX(-50%);width:184px;height:60px;z-index:6}.brand-home img{width:100%;height:100%;object-fit:contain}@media(max-width:1000px){header .brand-nav>a,header .nav-right{display:none}.brand-menu-button{display:block;position:absolute;right:24px;border:0;background:none;font-size:12px;font-weight:700;letter-spacing:.1em;padding:10px 0}}@media(max-width:767px){.brand-home{width:150px;height:48px;top:16px}}@media(max-width:767px) and (max-height:760px){.hero>div>div.grid>div:first-child>div{padding-top:25px}.hero-header{font-size:22vw!important}.hero-subheading{font-size:26px!important;margin-top:18px!important}.mobile-hero-cans{top:420px;height:calc(100vh - 465px);min-height:140px}.hero-button{margin-top:16px!important}}

.carousel>.background{background-color:#c8102e}.carousel>svg{color:#c8102e;opacity:.8;filter:brightness(2.5) saturate(.7)}

@media(prefers-reduced-motion:reduce){.mobile-hero-cans,.mobile-story-can{animation:none}}