.hero.cinematic-hero{background:#481a29!important;padding:0!important;box-shadow:none!important}
.hero.cinematic-hero .hero-slides{display:none!important}
.hero.cinematic-hero:after{display:none!important}
.hero.cinematic-hero .cover-copy{position:absolute!important;inset:0!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:100px 24px 60px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:40px!important;box-sizing:border-box}
.hero.cinematic-hero .lisiere-cover-logo{width:min(62vw,650px)!important;max-width:100%!important;height:auto!important;filter:brightness(0) invert(1)!important;opacity:.94!important;margin:0!important}
.hero.cinematic-hero #heroHeadline{display:none!important}
.hero.cinematic-hero .cover-shop-link{background:transparent!important;color:#f4ede8!important;border:0!important;border-bottom:1px solid #f4ede855!important;border-radius:0!important;padding:13px 0!important;margin:0!important;min-width:150px;font-size:10px!important;font-weight:400!important;letter-spacing:.14em!important;display:flex;justify-content:space-between;gap:24px}
.hero.cinematic-hero .cover-shop-link:hover{border-bottom-color:#f4ede8!important}
body:not(.shop-mode):not(.browse-mode) .store-header{background:transparent!important}
body:not(.shop-mode):not(.browse-mode) .store-header .category-dropdown>summary,body:not(.shop-mode):not(.browse-mode) .store-header .header-right>button{color:#f4ede8!important;background:transparent!important}
body:not(.shop-mode):not(.browse-mode) .lisiere-header-logo{filter:brightness(0) invert(1);opacity:.9}
.hero.cinematic-hero:before{content:'';position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 30% 35%,#a454663b 0%,transparent 48%),radial-gradient(ellipse at 75% 65%,#c28f7720 0%,transparent 45%);animation:lisiereAmbient 18s ease-in-out infinite alternate;will-change:transform}
.hero.cinematic-hero .cover-copy{z-index:1}
.hero.cinematic-hero .lisiere-cover-logo{animation:lisiereReveal 1.8s ease-out both,lisiereBreath 8s 1.8s ease-in-out infinite}
.hero.cinematic-hero .cover-shop-link{animation:lisiereReveal 1.6s .6s ease-out both}
.hero.cinematic-hero .cover-shop-link span{display:inline-block;animation:lisiereArrow 4s ease-in-out infinite}
@keyframes lisiereAmbient{from{transform:translate(-5%,-3%) rotate(-7deg) scale(1)}to{transform:translate(5%,4%) rotate(7deg) scale(1.1)}}
@keyframes lisiereReveal{from{opacity:0;transform:translateY(12px);filter:blur(5px) brightness(0) invert(1)}to{opacity:.94;transform:translateY(0);filter:blur(0) brightness(0) invert(1)}}
@keyframes lisiereBreath{0%,100%{opacity:.94;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}}
@keyframes lisiereArrow{0%,70%,100%{transform:translate(0,0)}80%{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){.hero.cinematic-hero:before,.hero.cinematic-hero .lisiere-cover-logo,.hero.cinematic-hero .cover-shop-link,.hero.cinematic-hero .cover-shop-link span{animation:none!important}}
.hero.cinematic-hero{background:linear-gradient(145deg,#39121f,#581e32 58%,#35141f)!important}
.hero.cinematic-hero:before{inset:auto!important;left:-22%;top:-54%;width:100vw;height:120vw;background:none!important;border:1px solid #e4c7bb28;border-radius:46% 54% 58% 42%;box-shadow:0 0 0 28px #e4c7bb08,0 0 0 58px #e4c7bb06,0 0 0 92px #e4c7bb04;animation:lisiereSilk 26s ease-in-out infinite alternate;will-change:transform}
.hero.cinematic-hero:after{content:'';display:block!important;position:absolute!important;inset:auto!important;right:-34%;bottom:-72%;width:105vw;height:100vw;z-index:0;background:none!important;pointer-events:none;border:1px solid #f3ded321;border-radius:56% 44% 41% 59%;box-shadow:0 0 0 24px #e4c7bb07,0 0 0 52px #e4c7bb05;animation:lisiereSilk 30s ease-in-out infinite alternate-reverse}
.hero.cinematic-hero .lisiere-cover-logo{animation:lisiereWordmarkIn 1.6s ease-out both}
.hero.cinematic-hero .cover-shop-link{animation:lisiereWordmarkIn 1.6s .4s ease-out both}
@keyframes lisiereSilk{from{transform:translate(-2%,-2%) rotate(-10deg) scale(.96)}to{transform:translate(5%,4%) rotate(12deg) scale(1.06)}}
@keyframes lisiereWordmarkIn{from{opacity:0;transform:translateY(10px)}to{opacity:.94;transform:translateY(0)}}
.lisiere-outfit-slides{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.lisiere-outfit-slide{position:absolute;inset:0;transform:translateX(100%);opacity:0;transition:transform 1.3s cubic-bezier(.22,.61,.36,1),opacity .9s;display:flex;justify-content:center;background:#e5dfd8}
.lisiere-outfit-slide img{width:100%;height:100%;object-fit:contain;object-position:center}
.lisiere-outfit-slide.is-active{transform:translateX(0);opacity:1;z-index:2}
.lisiere-outfit-slide.is-previous{transform:translateX(-100%);opacity:0;z-index:1}
.hero.cinematic-hero .cover-copy{z-index:4;transition:background 1.1s}
.hero.cinematic-hero.outfits-visible .cover-copy{justify-content:flex-end!important;background:linear-gradient(0deg,#291018cc,transparent 45%);gap:14px!important;padding-bottom:34px!important}
.hero.cinematic-hero.outfits-visible .lisiere-cover-logo{width:min(34vw,320px)!important;transition:width 1.1s}
.hero.cinematic-hero.outfits-visible .cover-shop-link{font-size:9px!important}
@media(max-width:700px){.hero.cinematic-hero.outfits-visible .lisiere-cover-logo{width:56vw!important}.hero.cinematic-hero.outfits-visible .cover-copy{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}.lisiere-outfit-slide img{object-fit:cover;object-position:38% center}}
@media(prefers-reduced-motion:reduce){.hero.cinematic-hero:after{animation:none!important}.lisiere-outfit-slide{transition:none}}
@media(max-width:700px){.hero.cinematic-hero .cover-copy{gap:30px!important;padding:100px 24px 60px!important}.hero.cinematic-hero .lisiere-cover-logo{width:82vw!important;max-width:410px!important}.hero.cinematic-hero:before{width:170vw;height:220vw;left:-80%;top:-25%}.hero.cinematic-hero:after{width:190vw;height:200vw;right:-105%;bottom:-30%}}
/* Clean wordmark entrance, then unobstructed outfit photographs. */
.hero.cinematic-hero{background:#481a29!important}
.hero.cinematic-hero:before,.hero.cinematic-hero:after{display:none!important;animation:none!important}
.hero.cinematic-hero .cover-copy{transition:opacity .8s ease!important;pointer-events:none;background:none!important}
.hero.cinematic-hero .cover-shop-link{pointer-events:auto}
.hero.cinematic-hero.outfits-visible .cover-copy{justify-content:center!important;background:none!important;padding:100px 24px 60px!important}
.hero.cinematic-hero.outfits-visible .lisiere-cover-logo{width:min(62vw,650px)!important;opacity:0!important;transition:opacity .8s!important}
.hero.cinematic-hero.outfits-visible .cover-shop-link{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:10px!important;background:#481a29!important;border:0!important;color:#f4ede8!important;padding:13px 20px!important;min-width:150px;animation:none!important}
@media(max-width:700px){.hero.cinematic-hero.outfits-visible .lisiere-cover-logo{width:82vw!important}.hero.cinematic-hero.outfits-visible .cover-shop-link{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
.hero.cinematic-hero.outfits-visible .cover-shop-link{background:transparent!important;padding:13px 0!important;border:0!important;color:#fff!important;text-shadow:0 1px 6px #0009}
.hero.cinematic-hero .cover-fox-logo{display:block;width:66px;height:84px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94;transition:opacity .8s ease;flex-shrink:0}
.hero.cinematic-hero.outfits-visible .cover-fox-logo{opacity:0}
@media(max-width:700px){.hero.cinematic-hero .cover-fox-logo{width:48px;height:62px}}
.hero.cinematic-hero .cover-brand-lockup{display:flex;align-items:center;justify-content:center;gap:28px;width:min(82vw,760px);transition:opacity .8s ease}
.hero.cinematic-hero .cover-brand-lockup .lisiere-cover-logo{width:calc(100% - 104px)!important;max-width:650px!important;animation:none!important}
.hero.cinematic-hero .cover-brand-lockup .cover-fox-logo{width:76px;height:96px;margin:0}
.hero.cinematic-hero.outfits-visible .cover-brand-lockup{opacity:0}
@media(max-width:700px){.hero.cinematic-hero .cover-brand-lockup{width:88vw;gap:15px}.hero.cinematic-hero .cover-brand-lockup .cover-fox-logo{width:42px;height:58px}.hero.cinematic-hero .cover-brand-lockup .lisiere-cover-logo{width:calc(100% - 57px)!important}}