*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}body{justify-content:center;align-items:center;min-height:100vh;height:100vh;background-color:#000;font-family:Arial,sans-serif}.container,body{display:flex;overflow:hidden}.container{gap:15px;height:95vh;width:90vw;max-width:none;contain:layout style;will-change:contents}.panel{flex:1;border-radius:36px;transition:flex .75s cubic-bezier(.4,0,.2,1),opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1),box-shadow .75s cubic-bezier(.4,0,.2,1),height .75s cubic-bezier(.4,0,.2,1),filter .75s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;will-change:transform,opacity,flex;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint;display:flex;align-items:center;justify-content:center;filter:brightness(.88)}.panel img{width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform .75s cubic-bezier(.4,0,.2,1),opacity .75s cubic-bezier(.4,0,.2,1);pointer-events:none;max-width:60%;max-height:60%;transform:scale(1)}.panel-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .75s cubic-bezier(.4,0,.2,1);z-index:1}.panel.playing .panel-video{opacity:1}.panel.playing .panel-logo{opacity:0}.skip-button{position:absolute;bottom:20px;right:20px;background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,background-color .2s ease;z-index:10;font-family:Arial,sans-serif;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);min-width:0}.panel.playing .skip-button{opacity:1;pointer-events:auto}.skip-button:hover{background-color:rgba(0,0,0,.85)}.skip-button:active{background-color:rgba(0,0,0,.95)}@media (min-width:1920px){.container{gap:20px;width:95vw;height:95vh}.panel{border-radius:44px}}@media (min-width:1200px) and (max-width:1919px){.container{gap:15px;width:92vw;height:96vh}.panel{border-radius:36px}}@media (min-width:768px) and (max-width:1199px){.container{gap:12px;width:95vw;height:95vh}.panel{border-radius:30px}.container .panel:hover{flex:4.5}}@media (max-width:767px){:root{--vh:1vh}body,html{min-height:100vh;height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh;height:-webkit-fill-available;overflow:hidden;position:relative;width:100%}body{padding:0}.container,body{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;min-height:-webkit-fill-available}.container{flex-direction:column;height:100%;height:calc(var(--vh, 1vh) * 100);height:100vh;height:100dvh;height:-webkit-fill-available;max-height:100vh;max-height:calc(var(--vh, 1vh) * 100);max-height:100dvh;max-height:-webkit-fill-available;width:100vw;gap:10px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:nowrap;overflow:hidden}.panel{width:100%;min-height:0;border-radius:26px;flex:1 1 0%;flex-shrink:1;flex-basis:0;transition:flex .75s cubic-bezier(.4,0,.2,1),opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1),box-shadow .75s cubic-bezier(.4,0,.2,1),min-height .75s cubic-bezier(.4,0,.2,1);will-change:flex,opacity,transform}.container:hover .panel{flex:1;opacity:1}.container .panel:hover{flex:1;opacity:1;transform:none;box-shadow:none}.panel.active{flex:4!important;opacity:1!important;z-index:10;transform:translateZ(0);box-shadow:0 22px 60px rgba(0,0,0,.5);will-change:transform,opacity,flex;min-height:0}.panel.active img{transform:scale(1);max-width:60%;max-height:60%}.panel.active .panel-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container.has-active .panel:not(.active){flex:0.6!important;opacity:.7;min-height:0}.skip-button{bottom:14px;right:14px;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;min-width:0}}@supports (-webkit-touch-callout:none){@media (max-width:767px){body,html{height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100)}.container,body{min-height:-webkit-fill-available;min-height:calc(var(--vh, 1vh) * 100)}.container{height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100);max-height:-webkit-fill-available;max-height:calc(var(--vh, 1vh) * 100);overflow:hidden}.panel{flex:1 1 auto;flex-basis:auto;min-height:0}.panel.active{flex:4 1 auto!important}.panel.active .panel-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container.has-active .panel:not(.active){flex:0.6 1 auto!important;min-height:0}}}.panel:first-child{background:#112f24}.panel:nth-child(2){background:#fff}.panel:nth-child(3),.panel:nth-child(4){background:#9ff37c}.panel:nth-child(5){background:#fff}@media (min-width:768px){.container{gap:0;align-items:center}.panel{margin-left:-44px;height:100%;box-shadow:-10px 18px 60px rgba(0,0,0,.55);contain:layout style}.panel:first-child{margin-left:0}.panel:first-child,.panel:nth-child(3){z-index:1;height:88%}.panel:nth-child(2),.panel:nth-child(4){z-index:2;height:92%}.panel[data-link="/store"]{flex:3;filter:brightness(1);z-index:6;height:96%}.container:hover .panel{flex:1}.container .panel:hover{height:100%}}.container .panel:hover{flex:5;opacity:1;z-index:10;transform:translateZ(0);box-shadow:0 22px 60px rgba(0,0,0,.5);filter:brightness(1)}.container .panel:hover img{transform:scale(1);max-width:60%;max-height:60%}.container .panel:hover{will-change:transform,opacity,flex}