/* Final-site additions. The approved mobile design stays below 768px. */
.fizzy-logo-wrap img{height:auto}
.skip-main{position:fixed;top:-100px;right:20px;z-index:1000;background:#095fd6;color:white;padding:12px 18px;border-radius:8px;font:700 16px Heebo,Arial,sans-serif}.skip-main:focus{top:12px}
.team-track .portrait img.team-verified-portrait{object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff}
@media(min-width:768px){
  body{background:#fff}
  html{scroll-padding-top:108px}
  .site{max-width:1440px;width:100%;min-height:100vh;margin:auto}
  .topbar{padding-inline:clamp(28px,4vw,64px)}
  .motion-stage{height:390px;padding-top:35px}
  .hero-title{font-size:58px;letter-spacing:-2px}
  .hero-title .midline{font-size:48px}
  .hero-title .lastline{font-size:42px;letter-spacing:-1.4px;padding-inline:20px}
  .scene{height:142px}
  .hero-copy{padding:34px 44px;grid-template-columns:minmax(0,1fr) auto;gap:10px 30px}
  .hero-copy p:first-child{font-size:24px;max-width:none}
  .hero-copy p+p{font-size:17px;max-width:520px;margin-top:0}
  .hero-cta{min-width:170px;min-height:51px;margin-top:0;font-size:17px}
  .services-open,.clients.clients-open,.work,.team{padding:64px 44px!important}
  .services-open-heading{margin-bottom:38px}
  .services-open-heading h2,.clients-open h2,.work h2,.team-heading h2{font-size:43px!important;max-width:none!important;line-height:1.1!important;letter-spacing:-1px}
  .service-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 26px;overflow:visible;scroll-snap-type:none;padding:0}
  .service-item{padding:8px 4px}
  .service-item img{width:58px;height:58px;margin-bottom:16px}
  .service-item h3{font-size:20px;line-height:1.3;margin-bottom:8px}
  .service-item p{font-size:15px;line-height:1.6;max-width:235px;margin-inline:auto}
  .services-open>.service-controls{display:none}
  .clients-open h2{margin-bottom:38px!important}
  .clients-open h2 br{display:none}
  .logo-composition{gap:22px 28px;max-width:1150px;margin:auto}
  .logo-composition .client-logo{flex:0 0 calc((100% - 140px)/6);height:82px;max-width:none}
  .logo-composition .client-logo img{max-width:125px;width:100%;height:64px;transform:none}
  .logo-composition .client-logo .lapam-logo{width:79px;max-width:79px;height:83px}
  .logo-composition .client-logo .mondelez-logo{width:130px;max-width:100%;height:52px}
  .clients-motion-toggle{margin-top:26px;font-size:14px;min-height:42px}
  .work-head{margin-bottom:34px;display:flex;align-items:center;justify-content:space-between}
  .work-head:after{left:10px;bottom:9px;width:44px;height:44px}
  .work h2 br{display:none}
  .work-track{gap:24px}
  .work-track .slide{width:calc((100% - 48px)/3);flex:0 0 calc((100% - 48px)/3);min-width:0}
  .work-track .slide img{width:100%;aspect-ratio:5/6;max-height:450px}
  .work-track .slide figcaption{font-size:20px;line-height:1.35;margin-top:18px!important}
  .project-description{font-size:15px!important;line-height:1.65!important;min-height:50px;margin-top:10px!important}
  .rail-controls{padding-top:20px;gap:24px}
  .rail-arrows{gap:10px}
  .rail-arrows button{width:45px;height:45px;font-size:28px}
  .rail-counter{font-size:13px}
  .rail-progress{width:120px;height:4px}
  .instagram{padding:31px 44px;gap:30px}
  .instagram p{font-size:20px;max-width:none}
  .instagram button{font-size:16px;padding:12px 22px}
  .team{background:#fff!important;color:var(--deep)!important}
  .team-heading{margin-bottom:34px}
  .team-track{gap:20px}
  .team-column{width:calc((100% - 80px)/5)!important;flex:0 0 calc((100% - 80px)/5);grid-template-rows:repeat(2,minmax(198px,auto));row-gap:26px}
  .team-track .team-column .person{width:100%!important}
  .team-track .person:nth-child(n) .portrait,.team-track .person:nth-child(n) .initial{width:min(125px,100%)!important;aspect-ratio:1!important;height:auto!important;border-width:2px!important}
  .team-track .person:after{top:96px;right:calc(50% - 62px);width:15px;height:15px;border-width:3px}
  .person-name{font-size:17px;min-height:42px;line-height:1.3}
  .person-role{font-size:14px;line-height:1.5;max-width:180px;margin-inline:auto;padding-inline:2px}
  .nickname-toggle{font-size:17px}
  .contact{padding:42px 44px}
  .contact-main{font-size:57px;letter-spacing:-1px;max-width:1160px;margin:auto}
  .contact-main .arrow{height:72px;width:72px}
  .contact-main .contact-arrow-icon{width:38px;height:38px}
  .footer{padding:36px 44px 48px!important;gap:22px}
  .footer .fizzy-logo-wrap{width:190px}
  .footer .fizzy-logo-wrap img{width:100%}
  .group-affiliation{width:auto;flex:1;gap:7px;margin:0;padding:0;align-items:center}
  .footer .group-logo{width:255px;height:auto;max-width:100%}
  .group-description{font-size:14px}
  .footer .group-brands img{width:105px;height:40px}
  .copyright{width:100%;font-size:12px;margin-top:15px}
  .floating-contact{right:24px;bottom:24px}
}
@media(min-width:960px){
  .topbar,.topbar:not(.is-scrolled),.topbar.is-scrolled{height:94px;padding-inline:clamp(32px,4vw,64px);gap:32px}
  .topbar .brand,.topbar:not(.is-scrolled) .brand,.topbar.is-scrolled .brand{width:190px;flex:0 0 190px}
  .topbar .nav,.topbar:not(.is-scrolled) .nav,.topbar.is-scrolled .nav{position:static;display:flex;align-items:center;justify-content:flex-start;gap:22px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--deep);flex:1}
  .nav a{font-size:15px;line-height:1.4;white-space:nowrap;color:var(--deep);border:0;padding:10px 0;gap:0}
  .nav a:before{display:none}
  .nav a:last-child{color:var(--deep)}
  .nav a:hover{color:#063b84;text-decoration:underline;text-underline-offset:5px}
  .menu-toggle{display:none}
  .hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch}
  .motion-stage{height:550px;padding-top:72px}
  .hero-title{font-size:clamp(54px,5vw,70px);letter-spacing:-2.8px}
  .hero-title .midline{font-size:clamp(43px,4.4vw,61px);margin-top:8px}
  .hero-title .lastline{font-size:clamp(32px,3.3vw,45px);margin-top:21px;padding:14px 21px;letter-spacing:-1.5px}
  .scene{height:185px}
  .scene .d1{width:150px;height:150px}
  .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:42px;border-bottom:0;border-inline-start:1px solid #095fd624}
  .hero-copy p:first-child{font-size:29px;line-height:1.4;max-width:330px}
  .hero-copy p+p{font-size:18px;line-height:1.75;max-width:340px;margin-top:21px}
  .hero-cta{margin-top:28px;min-width:182px;align-self:flex-start;min-height:54px}
  .services-open,.clients.clients-open,.work,.team{padding:74px clamp(42px,5vw,72px)!important}
  .team-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
  .team-track:after{display:none}
  .team-column{width:auto!important;min-width:0}
  .team>.rail-controls{display:none}
}
@media(min-width:960px) and (max-width:1100px){
  .topbar,.topbar:not(.is-scrolled),.topbar.is-scrolled{gap:24px;padding-inline:30px}
  .topbar .brand,.topbar:not(.is-scrolled) .brand,.topbar.is-scrolled .brand{width:160px;flex-basis:160px}
  .topbar .nav{gap:16px}
  .nav a{font-size:13px}
  .hero-copy{padding:30px}
  .hero-copy p:first-child{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.skip-main{scroll-behavior:auto}}

.contact-pending{font-size:16px;line-height:1.6;margin-top:15px}.floating-contact{display:flex;align-items:center}