/* The approved cinematic composition. Navigation shares the hero photograph. */
.site-header{position:fixed;inset:0 0 auto;z-index:40;border:0;background:#FFF8E7;color:#261A15;box-shadow:0 5px 25px #261A1509;backdrop-filter:none;transition:background-color .2s,color .2s,box-shadow .2s}
.nav-wrap{height:82px;max-width:1440px;width:calc(100% - 88px);grid-template-columns:160px 1fr 245px;gap:30px}
.brand{margin:0;justify-self:start}.brand img.brand-logo{width:150px;height:43px;object-fit:contain}
.shop-nav{gap:28px}.shop-nav>a,.shop-nav>button{color:inherit;font-size:15px;font-weight:500}
.nav-actions{gap:20px}.header-search{display:flex!important;align-items:center;justify-content:flex-start;gap:11px;width:170px!important;min-height:40px;padding:8px 13px!important;border:1px solid #261A152b!important;border-radius:30px!important;background:transparent!important;color:inherit}.header-search span{display:inline!important;font-size:13px}.cart-trigger{color:inherit;min-width:44px}.cart-label{display:none}.cart-count{background:#FFB703;color:#261A15}
body[data-view=home]:not(.header-solid) .site-header{background:transparent;color:#FFF8E7;box-shadow:none}
body[data-view=home]:not(.header-solid) .site-header::before{content:'';position:absolute;inset:0 0 -22px;z-index:-1;background:linear-gradient(#491b0e60,transparent);pointer-events:none}
body[data-view=home]:not(.header-solid) .brand-logo{filter:brightness(0) invert(1)}
body[data-view=home]:not(.header-solid) .header-search{border-color:#fff8e76b!important}
body[data-view=home]:not(.header-solid) .icon-btn{color:#FFF8E7}
body[data-view=home]:not(.header-solid) .icon-btn:hover{background:#fff8e717}
.site-header .mega-menu{background:#FFF8E7;color:#261A15}
body:not([data-view=home]) #main{padding-top:82px}
.cinema-hero{--journey:0;--pointer-x:0;--pointer-y:0;position:relative;isolation:isolate;overflow:hidden;background:#E85D1A;color:#FFF8E7;height:clamp(730px,58vw,880px);min-height:0}
.cinema-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}.cinema-visual picture{display:block;width:100%;height:100%}
.cinema-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 51%;transform:scale(1.015) translate(calc(var(--pointer-x)*-4px),calc(var(--journey)*12px));transform-origin:50% 60%;will-change:transform}
.cinema-content{position:absolute;inset:0}
.cinema-copy{position:absolute;top:17%;right:5.2%;width:45%;text-align:right}
.cinema-copy h1{font-family:Rubik,Arial,sans-serif;font-size:clamp(91px,9.1vw,145px);font-weight:900;line-height:.89;letter-spacing:-.055em;margin:0 0 34px;color:#FFF8E7;transform:rotate(-2deg);transform-origin:70% 50%;text-shadow:none}
.cinema-desktop-title,.headline-line{display:block}.headline-line{white-space:nowrap}.hero-dot{color:#FFB703}.cinema-mobile-title{display:none}
.cinema-cta{display:inline-flex;align-items:center;gap:33px;min-height:55px;padding:12px 28px;border-radius:40px;background:#FFB703;color:#261A15;font-size:17px;font-weight:700;box-shadow:none;transition:background .2s,transform .2s}
.cinema-cta:hover{background:#FFD166;transform:translateY(-2px)}.cinema-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.cinema-note{font-size:20px;line-height:1.5;font-weight:400;margin:44px 15px 0 0;transform:rotate(-6deg);max-width:210px;color:#FFF8E7}
.cinema-hero::after{content:'';position:absolute;bottom:-23px;left:-10%;width:120%;height:40px;border-radius:50% 45% 0 0;background:#FFF8E7;pointer-events:none}
body[data-view=home] .family-section{padding-top:38px;padding-bottom:44px;scroll-margin-top:100px}
.family-section .section-heading{margin-bottom:8px;align-items:center;gap:24px}.family-section .section-heading h2{font-size:40px;line-height:1.1;letter-spacing:-.045em;font-weight:800}.family-section .section-heading p{display:block;font-size:14px;line-height:1.5;margin-top:8px}
.family-expand{font-size:14px;white-space:nowrap;text-decoration:none!important;display:flex;gap:10px;align-items:center;min-height:44px}
.family-index{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;overflow:visible!important;padding:0!important;margin:0!important;scroll-snap-type:none;align-items:end}
.family-index .family-item{position:relative;min-width:0;width:auto!important;border:0!important;background:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;box-shadow:none!important;flex:none}
.family-index:not([data-expanded=true]) .family-item:nth-child(n+4){display:none}
.family-index .family-photo{position:relative;height:285px!important;display:block;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:none!important}
.family-picture{position:absolute;inset:38px 0 0;display:block;overflow:hidden;border-radius:47% 53% 8% 7% / 10% 8% 9% 10%;background:#E6C89F}
.family-item:nth-child(3n+2) .family-picture{border-radius:49% 38% 7% 8% / 8% 12% 8% 11%}
.family-item:nth-child(3n+3) .family-picture{border-radius:37% 48% 9% 8% / 13% 8% 12% 9%}
.family-picture::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#261A1570);pointer-events:none}
.family-index .family-picture>img{position:absolute;bottom:0;left:0;width:100%;height:285px;max-width:none;object-fit:cover;object-position:50% 50%;transform:none!important;transition:none!important}
.family-index .family-photo .family-ears{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;object-fit:cover;object-position:50% 50%;transform:none!important}
.family-index .family-label{position:absolute;inset:auto auto 24px 23px;display:flex;align-items:center;gap:10px;margin:0;padding:0!important;background:none!important;color:#FFF8E7!important;z-index:2;text-shadow:0 1px 12px #261A1580}
.family-index .family-label strong{font-size:25px!important;font-weight:800;font-family:Rubik,Arial,sans-serif;color:#FFF8E7!important;margin:0}
.family-index .family-plus{position:static;display:grid;place-items:center;border:0!important;background:none!important;color:#FFF8E7!important;width:22px;height:28px;border-radius:0;font-size:26px;line-height:1}
.family-index .family-item:hover .family-label{transform:translateX(-3px)}
.family-index .family-item[aria-pressed=true] .family-picture{box-shadow:0 0 0 3px #C7460D}
.family-index .family-item[aria-pressed=true] .family-plus{color:#FFD166!important}
.family-index .family-item:focus-visible{outline:3px solid #C7460D;outline-offset:4px;border-radius:20px!important}
.finder-needs{margin-top:32px}.finder-summary{background:#F3E4CC}
@media(min-width:761px) and (max-width:1100px){.nav-wrap{width:calc(100% - 48px);grid-template-columns:130px 1fr 110px;gap:18px}.brand img.brand-logo{width:128px;height:38px}.header-search{width:42px!important;border:0!important;padding:8px!important}.header-search span{display:none!important}.shop-nav{gap:19px}.cinema-hero{height:740px}.cinema-copy{top:20%;width:46%;right:4%}.cinema-copy h1{font-size:clamp(76px,9vw,99px)}.cinema-note{font-size:17px;margin-top:38px}.family-index .family-photo{height:235px!important}.family-index .family-picture>img{height:235px}.family-index .family-label strong{font-size:22px!important}}
@media(max-width:760px){
.nav-wrap{height:76px;width:calc(100% - 36px);display:grid;grid-template-columns:76px 1fr 76px;gap:5px}.brand{margin:0;justify-self:center;grid-column:2;grid-row:1}.brand img.brand-logo{width:126px;height:37px}.menu-trigger{grid-column:1;justify-self:start;width:44px;height:44px}.nav-actions{grid-column:3;gap:2px;justify-content:end}.shop-nav{display:none}.header-search{width:38px!important;height:44px;padding:7px!important;min-height:44px;border:0!important;background:none!important}.header-search span{display:none!important}.cart-trigger{min-width:36px;width:36px;height:44px}.cart-count{min-width:16px;width:16px;height:16px;font-size:10px;line-height:16px;top:3px;left:0}.nav-actions svg{width:21px;height:21px}.mega-menu{top:76px}body:not([data-view=home]) #main{padding-top:76px}
.cinema-hero{height:740px;height:min(760px,100svh);min-height:690px}
.cinema-poster{object-position:50% 100%;transform:none}
.cinema-copy{top:108px;right:18px;width:calc(100% - 36px);text-align:center}
.cinema-copy h1{font-size:clamp(49px,14vw,66px);font-weight:900;line-height:.98;letter-spacing:-.06em;margin:0 auto 23px;transform:rotate(-3deg);max-width:520px}
.cinema-desktop-title{display:none}.cinema-mobile-title{display:block}.cinema-cta{min-height:46px;padding:11px 25px;font-size:15px;gap:22px}.cinema-note{display:none}
.cinema-hero::after{bottom:-28px;height:38px}
body[data-view=home] .family-section{padding-top:28px;padding-bottom:35px}.family-section .section-heading{margin-bottom:6px;gap:14px;align-items:center}.family-section .section-heading h2{font-size:27px}.family-section .section-heading p{display:none}.family-expand{font-size:12px;gap:7px}
.family-index{grid-template-columns:1fr;gap:4px!important}.family-index:not([data-expanded=true]) .family-item:nth-child(n+3){display:none}.family-index .family-photo{height:201px!important}.family-index .family-picture{inset:31px 0 0;border-radius:47% 53% 8% 9% / 17% 12% 10% 10%}.family-index .family-picture>img{height:201px;object-position:50% 50%}.family-index .family-label{bottom:21px;left:21px}.family-index .family-label strong{font-size:23px!important}.family-index .family-plus{font-size:24px}
.finder-needs{margin-top:28px}
}
@media(max-width:375px){.cinema-hero{min-height:650px;height:690px}.cinema-copy{top:103px}.cinema-copy h1{font-size:48px}.nav-wrap{width:calc(100% - 24px)}.family-section .section-heading h2{font-size:25px}.family-expand{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinema-poster,.cinema-cta,.family-label{transform:none!important;transition:none!important;will-change:auto}.site-header{transition:none}}

@media(min-width:521px) and (max-width:760px){.cinema-hero{height:900px;min-height:900px}.cinema-poster{object-position:50% 0}}