:root{--cs-black: #0a0a0a;--cs-white: #ffffff;--cs-gray-100: #f5f5f5;--cs-gray-200: #d6d6d6;--cs-gray-400: #a0a0a0;--cs-gray-700: #3a3a3a;--cs-font: "Courier Prime", "Courier New", monospace}.creative-studios{font-family:var(--cs-font);color:var(--cs-black);background:var(--cs-white);display:flex;flex-direction:column}.creative-studios *{box-sizing:border-box}.creative-studios h1,.creative-studios h2,.creative-studios h3,.creative-studios p,.creative-studios ul{margin:0;font-family:var(--cs-font)}.creative-studios .cs-button{display:inline-block;font-family:var(--cs-font);font-size:12px;letter-spacing:.04em;background:var(--cs-black);color:var(--cs-white);border:none;padding:18px 32px;margin:18px 0;cursor:pointer;text-decoration:none;align-self:flex-start}.creative-studios .cs-button:hover{opacity:.7}.creative-studios__sidebar{flex:none;width:100%;border-bottom:1px solid var(--cs-gray-200);padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--cs-white)}.creative-studios__logo{width:160px;height:auto;display:block;margin-bottom:20px}.creative-studios__sidebar .creative-studios__tagline{font-size:15px;font-weight:700;line-height:1.6;color:var(--cs-black);max-width:300px;margin-bottom:32px}.creative-studios__toc{display:none;flex-direction:column;gap:14px;width:100%;align-items:center;margin-bottom:26px}.creative-studios__toc-link{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--cs-font);font-size:13px;line-height:1.4;color:var(--cs-gray-700);text-decoration:none;transition:color .12s ease}.creative-studios__toc-link:after{content:"\2192";color:var(--cs-black);opacity:0;transform:translate(-4px);transition:opacity .15s ease,transform .15s ease}.creative-studios__toc-link:hover,.creative-studios__toc-link:focus-visible{color:var(--cs-black);font-weight:700}.creative-studios__toc-link:hover:after,.creative-studios__toc-link:focus-visible:after{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.creative-studios__toc-link,.creative-studios__toc-link:after{transition:none}.creative-studios__toc-link:after{transform:none}}.creative-studios__sidebar .creative-studios__location{font-size:11px;color:var(--cs-gray-400);margin-top:20px}.creative-studios__anchor{scroll-margin-top:24px}@media(prefers-reduced-motion:no-preference){html:has(.creative-studios){scroll-behavior:smooth}}.creative-studios__content{padding:32px 24px 32px 28px;display:flex;flex-direction:column;gap:48px}.creative-studios__content .creative-studios__hero{font-family:var(--font-heading-family, var(--cs-font));font-size:26px;line-height:1.3;color:var(--cs-black);max-width:620px;margin-bottom:8px}.creative-studios__block-heading{font-size:18px;font-weight:700;margin-bottom:12px}.creative-studios__block-text{font-size:15px;line-height:1.6}.creative-studios__offer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.creative-studios__offer-list li{font-size:15px;padding-bottom:12px;border-bottom:1px solid var(--cs-gray-200)}.creative-studios__offer-list li:last-child{border-bottom:none;padding-bottom:0}.creative-studios__marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.creative-studios__marquee-track{display:flex;gap:24px;width:max-content;animation:creative-studios-scroll 22s linear infinite}.creative-studios__marquee:hover .creative-studios__marquee-track{animation-play-state:paused}.creative-studios__marquee--static .creative-studios__marquee-track{animation:none;width:100%;justify-content:center;flex-wrap:wrap}@keyframes creative-studios-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.creative-studios__logobox{flex:none;width:110px;height:52px;display:flex;align-items:center;justify-content:center}.creative-studios__logobox img{max-width:100%;max-height:100%;object-fit:contain}.creative-studios__game-wrap{max-width:640px}.creative-studios__game{display:block;position:relative;background:var(--cs-white);border:1px solid var(--cs-gray-200)}.creative-studios__game-canvas{display:block;width:100%;height:150px;touch-action:manipulation;cursor:pointer;outline:none}.creative-studios__game-canvas:focus-visible{outline:1px solid var(--cs-black);outline-offset:-1px}.creative-studios__game-prompt{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;text-align:center;font-family:var(--cs-font);font-size:12px;letter-spacing:.04em;color:var(--cs-gray-700);pointer-events:none}.creative-studios__game-prompt[hidden]{display:none}@media screen and (min-width:768px){.creative-studios__game-canvas{height:180px}}.creative-studios__reel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creative-studios__vidbox{aspect-ratio:9 / 16;width:100%;background:var(--cs-gray-100);border:1px solid var(--cs-gray-200);display:flex;align-items:center;justify-content:center;color:var(--cs-gray-400);font-size:11px;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;padding:0;margin:0}button.creative-studios__vidbox{cursor:pointer;font-family:var(--cs-font)}button.creative-studios__vidbox:hover{opacity:.85}.creative-studios-reel-modal__card{background:var(--cs-white);border:1px solid var(--cs-gray-200);width:100%;max-width:400px;max-height:85vh;overflow-y:auto;padding:44px 12px 12px;position:relative}.creative-studios-reel-modal__card iframe{width:100%;min-height:600px;border:none;display:block}.creative-studios__vidbox img,.creative-studios__vidbox video,.creative-studios__vidbox iframe{width:100%;height:100%;object-fit:cover;border:none}.creative-studios__principles{display:flex;flex-direction:column;align-items:center;gap:24px}.creative-studios__principle{position:static;width:220px;height:220px;border-radius:50%;border:2px dashed var(--cs-gray-400);background:var(--cs-white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px}.creative-studios__principle-title{font-size:15px;font-weight:700}.creative-studios__principle-text{font-size:12px;color:var(--cs-gray-400);line-height:1.5}.creative-studios__footer{border-top:1px solid var(--cs-gray-200);padding-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.creative-studios__footer-heading{font-size:20px}.creative-studios-modal:not([open]){display:none}.creative-studios-modal[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0a8c;display:flex;align-items:center;justify-content:center;padding:20px}.creative-studios-modal__card{background:var(--cs-white);border:1px solid var(--cs-gray-200);width:100%;max-width:440px;padding:24px;position:relative;font-family:var(--cs-font)}.creative-studios-modal__close{position:absolute;top:14px;right:14px;background:none;border:none;font-family:var(--cs-font);font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:var(--cs-gray-400)}.creative-studios-modal__title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}.creative-studios-modal__fields{display:flex;flex-direction:column;gap:14px}.creative-studios-modal__field{display:flex;flex-direction:column;gap:6px}.creative-studios-modal__field span{font-size:11px;color:var(--cs-gray-700)}.creative-studios-modal__field input,.creative-studios-modal__field textarea{font-family:var(--cs-font);font-size:14px;padding:10px;border:1px solid var(--cs-gray-200);background:var(--cs-white);color:var(--cs-black)}.creative-studios-modal__field textarea{resize:none}.creative-studios-modal__submit{margin-top:6px}.creative-studios-modal__success{font-size:14px;line-height:1.6}@media screen and (min-width:768px){.creative-studios{flex-direction:row;align-items:flex-start}.creative-studios__sidebar{position:sticky;top:0;align-self:flex-start;width:340px;height:100vh;border-bottom:none;border-right:1px solid var(--cs-gray-200);padding:40px 28px;align-items:flex-start;text-align:left}.creative-studios__logo{width:200px;margin:0 auto 32px}.creative-studios__sidebar .creative-studios__tagline{font-size:16px;max-width:none;margin-bottom:40px}.creative-studios__toc{display:flex;align-items:flex-start;gap:18px;margin-bottom:32px}.creative-studios__toc-link{font-size:14px}.creative-studios__sidebar .cs-button{margin-top:0}.creative-studios__sidebar .creative-studios__location{margin-top:auto}.creative-studios__content{flex:1;min-width:0;padding:56px 48px 56px 96px;gap:64px}.creative-studios__content .creative-studios__hero{font-size:34px;margin-bottom:16px}.creative-studios__block-heading{font-size:22px}.creative-studios__block-text{font-size:17px;max-width:640px}.creative-studios__offer-grid{max-width:640px}.creative-studios__offer-list{display:block;columns:2;column-gap:32px}.creative-studios__offer-list li{break-inside:avoid;margin-bottom:12px}.creative-studios__offer-list li:last-child{border-bottom:1px solid var(--cs-gray-200);padding-bottom:12px}.creative-studios__reel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px}.creative-studios__principles{position:relative;display:block;height:460px;max-width:640px}.creative-studios__principle{position:absolute;width:230px;height:230px}.creative-studios__principle:nth-of-type(1){left:0;top:110px}.creative-studios__principle:nth-of-type(2){left:290px;top:0}.creative-studios__principle:nth-of-type(3){left:340px;top:230px}@media(hover:hover){.creative-studios__principle:hover{border-color:var(--cs-black);cursor:default}.creative-studios__principle:nth-of-type(1):hover{animation:creative-studios-ball-1 2.6s ease-in-out infinite}.creative-studios__principle:nth-of-type(2):hover{animation:creative-studios-ball-2 2.2s ease-in-out infinite}.creative-studios__principle:nth-of-type(3):hover{animation:creative-studios-ball-3 2.9s ease-in-out infinite}}.creative-studios__footer{padding-top:40px}.creative-studios__footer-heading{font-size:28px;max-width:520px}}@keyframes creative-studios-ball-1{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-14px) rotate(-3deg)}50%{transform:translate(-8px,6px) rotate(2deg)}75%{transform:translate(6px,10px) rotate(-2deg)}to{transform:translate(-6px,-8px) rotate(3deg)}}@keyframes creative-studios-ball-2{0%{transform:translate(0) rotate(0)}30%{transform:translate(-12px,10px) rotate(3deg)}60%{transform:translate(8px,-10px) rotate(-2deg)}to{transform:translate(-6px,-6px) rotate(2deg)}}@keyframes creative-studios-ball-3{0%{transform:translate(0) rotate(0)}20%{transform:translate(9px,9px) rotate(-2deg)}55%{transform:translate(-10px,-8px) rotate(3deg)}80%{transform:translate(7px,-6px) rotate(-3deg)}to{transform:translate(-8px,7px) rotate(2deg)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-creative-studios.css.map */