/* Mischief photography edition: motion is composed in one shared timeline. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--recipe-accent:#b59b49;--recipe-surface:#f4eedb}
.motion-opening .atelier-hero .title-line>span{transform:translateY(105%)}
.motion-opening .atelier-hero .hero-category,.motion-opening .atelier-hero .hero-description,.motion-opening .atelier-hero .actions{opacity:0}
.motion-opening .hero-scene{clip-path:inset(3% 3% round 24px)}
.motion-opening .hero-scene img{transform:scale(1.055)}
.motion-opening-fallback .hero-scene{animation:mischief-fallback-frame .45s var(--motion-ease) both}
.motion-opening-fallback .hero-scene img{animation:mischief-fallback-photo .65s var(--motion-ease) both}
.motion-opening-fallback .atelier-hero .hero-category,.motion-opening-fallback .atelier-hero .hero-description,.motion-opening-fallback .atelier-hero .actions,.motion-opening-fallback .atelier-hero .title-line>span{animation:mischief-fallback-copy .3s ease-out both}
@keyframes mischief-fallback-frame{from{clip-path:inset(3% 3% round 24px)}to{clip-path:inset(0% round 24px)}}
@keyframes mischief-fallback-photo{from{transform:scale(1.055)}to{transform:scale(1)}}
@keyframes mischief-fallback-copy{from{opacity:0}to{opacity:1}}
.header{transition:box-shadow .35s var(--motion-ease),background .35s;view-transition-name:persistent-navigation}
.header.has-scrolled{background:#fffffff2;backdrop-filter:blur(18px);box-shadow:0 5px 30px #1f282509}
.hero-product-stage{box-shadow:0 16px 42px -28px #51402280;transform-origin:center;will-change:auto}
.hero-product-stage>img{border-radius:0}
.hero-product-stage:after{content:none}
.hero-product>.media-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero-product-stage,.detail-main{position:relative;isolation:isolate;overflow:hidden}
.photo-previous{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;z-index:4;pointer-events:none;border-radius:inherit}
.hero-recipe-picker{position:relative;isolation:isolate;padding-top:20px;gap:8px;max-width:400px}
.recipe-highlight{position:absolute;left:0;top:0;z-index:-1;border-radius:7px;background:var(--recipe-surface);border:1px solid var(--recipe-accent);box-shadow:0 3px 12px #6e54100c;pointer-events:none;transition:background .35s,border-color .35s}
.hero-recipe-picker[data-recipe=adult-tuna]{--recipe-accent:#8aa3bf;--recipe-surface:#edf3f8}
.hero-recipe-picker[data-recipe=adult-beef]{--recipe-accent:#ba8a98;--recipe-surface:#f8eef0}
.hero-recipe-picker[data-recipe=kitten-chicken]{--recipe-accent:#ac98ba;--recipe-surface:#f3eef7}
.hero-recipe-picker.has-highlight button{background:transparent;border-color:transparent;box-shadow:none;color:#566069;border-radius:7px;position:relative;transition:color .25s}
.hero-recipe-picker.has-highlight button[aria-pressed=true]{color:#253138;box-shadow:none;background:transparent;border-color:transparent}
.hero-recipe-picker.has-highlight button:hover{color:#11191d;background:#28323a05}
.hero-pack-picker{gap:8px}
.hero-pack-picker button{border-radius:24px;padding-inline:22px;transition:background .25s,color .25s,border-color .25s}
.hero-product figcaption{padding-top:16px}
.motion-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.motion-line>span{display:block}
.motion-photo-window{display:block;overflow:hidden;border-radius:7px;position:relative;background:#f1f2f2}
.motion-photo-window>img{display:block;width:100%;height:auto;transform-origin:center}
.brand-editorial .motion-photo-window>img{aspect-ratio:16/9;object-fit:contain;background:#f1ebdf}
.kitten-scene .motion-photo-window>img{aspect-ratio:16/9;object-fit:contain}
.factory-feature>.wrap>figure .motion-photo-window>img{aspect-ratio:16/9;object-fit:cover}
.recipe-kibble .motion-photo-window>img{object-fit:contain}
.cinema-window{overflow:hidden;isolation:isolate}
.film-shell{box-shadow:0 16px 40px -30px #17242d66}
.film-shell.is-playing{box-shadow:0 0 0 1px #b79844,0 14px 36px -22px #17242d60}
.film-state{background:#1e2a34b8;backdrop-filter:blur(6px)}
.motion-steps>li{position:relative}
.motion-steps>li:before{content:'';position:absolute;top:0;left:0;height:2px;width:100%;background:#b8a160;transform-origin:left;transform:scaleX(var(--step-progress,1))}
.motion-steps>li>span{transition:color .3s;display:inline-block}
.desktop-nav>a,.business-routes>a strong{position:relative}
.desktop-nav>a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--motion-ease)}
.desktop-nav>a:hover:after,.desktop-nav>a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
.button{transition:background .25s,color .25s,box-shadow .3s;border-radius:5px}
.menu-toggle span{transition:transform .25s var(--motion-ease)}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.text-link{transition:color .25s,text-decoration-color .25s,text-underline-offset .25s}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .product-card{transition:none}
 .product-card:hover{transform:none}
 .product-image{transition:box-shadow .5s var(--motion-ease)}
 .product-image>img{transition:transform .65s var(--motion-ease)}
 .product-card:hover .product-image{box-shadow:0 14px 40px -25px #3b34296b}
 .product-card:hover .product-image>img{transform:scale(1.035)}
 .product-card:hover .text-link,.text-link:hover{text-underline-offset:8px;color:#826712}
 .button:hover{box-shadow:0 8px 22px -14px #5d4e2890}
 .contact-details a{transition:color .25s}
 .contact-details a:hover{color:#e4ce8c}
 .contact-arrow{transition:transform .3s var(--motion-ease)}
 .contact-details a:hover .contact-arrow{transform:translate(3px,-3px)}
 .business-routes>a{transition:border-color .3s,color .3s}
 .business-routes>a:hover{border-color:#ab8b2d}
}
@media(prefers-reduced-motion:no-preference){
 html{view-transition-name:none}
 #main{view-transition-name:page-content}
 ::view-transition{pointer-events:none}
 ::view-transition-group(*){animation-duration:.42s;animation-timing-function:var(--motion-ease)}
 ::view-transition-old(page-content){animation:mischief-page-leave .18s ease-out both}
 ::view-transition-new(page-content){animation:mischief-page-arrive .38s var(--motion-ease) both}
 ::view-transition-old(persistent-navigation),::view-transition-new(persistent-navigation){animation:none;mix-blend-mode:normal}
 ::view-transition-old(selected-bag),::view-transition-new(selected-bag){animation-duration:.42s;object-fit:contain}
}
@keyframes mischief-page-leave{to{opacity:0}}
@keyframes mischief-page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .hero-recipe-picker{max-width:370px}
 .cinema-window{clip-path:none!important}
 ::view-transition-group(*){animation-duration:.25s}
 ::view-transition-new(page-content){animation-duration:.25s}
 .header.has-scrolled{backdrop-filter:none;background:#fff}
}
@media(max-width:600px){
 .product-hero-copy{display:contents}
 .product-hero-grid{gap:18px}
 .product-hero-copy>.hero-category{order:0;margin:0}
 .product-hero-copy>h1{order:1;margin:0}
 .product-hero-copy>.hero-description{order:2;margin:0}
 .product-hero-grid>.hero-product{order:3;max-width:none;margin:0}
 .product-hero-copy>.actions{order:4;margin:8px 0 0}
 .product-hero-copy>.hero-recipe-picker{order:5;margin-top:12px;padding-top:20px}
 .product-hero-copy>.hero-pack-picker{order:6;margin:0 0 6px}
 .hero-recipe-picker{max-width:none;width:100%}
 .hero-product figcaption{padding-top:12px}
 .hero-product-stage{box-shadow:0 14px 30px -24px #51402266}
 .hero-recipe-picker button{font-size:14px;min-height:48px}
 .hero-pack-picker button{min-height:44px}
 .motion-steps>li:before{width:50%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .cinema-window,.hero-product-stage{clip-path:none!important}
 .motion-line>span{transform:none!important}
 .motion-steps>li{--step-progress:1!important}
}