@font-face{font-family:LiveLogo;src:url('fonts/bricolage-logo-700.ttf');font-weight:700} .header.inner-header{display:flex;align-items:center;justify-content:space-between;gap:22px;height:100px;padding:0 4%;background:white;max-width:none}.header .logo{display:inline-flex;align-items:center;gap:0;color:#25368b;white-space:nowrap}.header .logo-word{font-family:LiveLogo,sans-serif;font-size:38px;font-weight:700;letter-spacing:-1.4px}.header .logo-mark{height:64px;width:43px;margin:0 -5px}.header nav{display:flex;gap:25px;font-size:16px;font-weight:700}.header .cart-link{display:block;width:30px}.header .cart-link svg{width:28px}.header-shop{background:#b51f68;color:white;border-radius:30px}.announcement{text-align:center;background:#293880;color:white;padding:10px;font-size:14px}.header .menu{display:none}.skip:focus{position:fixed;top:0;left:0;z-index:9999}.footer{background:#f4f7fc;padding:45px 4%;color:#25368b}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:40px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer a{display:block}.footer .logo{display:flex;align-items:center}.footer .logo-mark{height:55px;width:36px}.footer .logo-word{font:700 30px LiveLogo}.legal-row,.footer-bottom{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.footer .tm-note{max-width:420px}#mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:20px 5%;gap:15px}#mobile-nav[hidden]{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b51f68;outline-offset:4px}.product-media .product-hero-img{width:100%;height:auto;object-fit:contain;max-height:640px}@media(max-width:900px){.header.inner-header{height:84px}.header nav,.header .header-shop{display:none}.header .menu{display:block}.header .logo-word{font-size:30px}.header .logo-mark{height:49px;width:33px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.header .cart-link{margin-left:auto}}
.header.inner-header .button.header-shop{background:#b51f68;color:#fff}.hero-offer .button{border-radius:32px}.image-pair>a{display:contents} .product-box-img img.is-flat{object-fit:contain;max-height:520px}

@font-face{font-family:DM;src:url('fonts/dm-sans-400.ttf');font-weight:400}@font-face{font-family:DM;src:url('fonts/dm-sans-700.ttf');font-weight:700}@font-face{font-family:Fredoka;src:url('fonts/fredoka-600.ttf');font-weight:600}body{font-family:DM,sans-serif}.inner-page h1,.inner-page h2,.inner-page h3{font-family:Fredoka,DM,sans-serif} .header .cart-link{position:relative}.header .cart-count{position:absolute;right:-8px;top:-9px;background:#b51f68;color:white;border-radius:20px;font-size:11px;min-width:17px;text-align:center}

@media(max-width:900px){.header.inner-header .menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:44px;padding:8px;border:0;background:transparent;color:#25368b}.header.inner-header .menu span{display:block;width:23px;height:2px;background:#25368b;border-radius:2px}}

.kit-copy .contents{background:transparent;color:#293880;border-top:1px solid #d9e1ef;border-bottom:1px solid #d9e1ef;padding:16px 0;margin:20px 0;display:flex;justify-content:space-between}.kit-copy .contents span{color:#293880}.kit-copy .contents b{display:inline;color:#293880;font-size:24px;margin-right:5px}.kits .section-heading h1{font:600 clamp(26px,4.6vw,64px)/1.08 Fredoka,DM,sans-serif;white-space:nowrap;letter-spacing:-.035em}.image-pair>a:focus-visible img{outline:3px solid #b51f68;outline-offset:-4px}

.header.inner-header .button.header-shop{background:#b51f68!important;color:#fff!important}@media(max-width:900px){.header.inner-header .header-shop,.header.inner-header nav{display:none!important}.header.inner-header .cart-link{margin-left:auto}.header.inner-header .menu{flex-shrink:0}}

/* The old theme made .video-section a grid; the approved design nests its grid in .video-banner. */
#how.video-section{display:block;grid-template-columns:none;background:transparent;color:inherit;border-radius:0;overflow:visible;width:100%;max-width:1500px;margin-left:auto;margin-right:auto}#how .video-banner{width:100%;min-width:0}#how .video-copy,#how .video-photo{min-width:0}

/* Academy first row: equal photo windows; crop only the wide science photograph. */
.guide-grid .guide:nth-child(-n+3) .guide-photo{aspect-ratio:4/3;overflow:hidden}.guide-grid .guide:nth-child(-n+3) .guide-photo img{width:100%;height:100%;object-fit:contain}.guide-grid .guide[href="/bubble-academy/bubble-science-explained/"] .guide-photo img{object-fit:cover;object-position:70% center}

/* Camp activity view fills the same square photo window as the other kits. */
.uniform-stage[data-stage="camp"] .image-pair .action-image{object-fit:cover;object-position:center;background:transparent}