/* A three-card cabinet: one raised panel and two clear, tucked-in neighbors. */
.carousel-frame{position:relative;width:100%;margin-inline:auto;isolation:isolate}
.carousel-frame:has(.portrait-track),.carousel-frame:has(.books-track){max-width:900px}
.stage-track{--stage-width:clamp(280px,34vw,460px);--stage-overlap:.36;--stage-gap:0;gap:0;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--stage-width))/2);padding:68px calc((100% - var(--stage-width))/2) 62px;scroll-behavior:smooth;overscroll-behavior-inline:contain}
.stage-track>*+*{margin-left:calc(var(--stage-width)*var(--stage-overlap)*-1)}
.stage-track>*{opacity:1;filter:none;transform:perspective(1150px) translateY(24px) scale(.88) rotateY(8deg);transition:transform .38s cubic-bezier(.2,.72,.22,1),opacity .25s,box-shadow .38s}
.stage-track>.is-before,.stage-track>.is-after{opacity:1;pointer-events:auto;z-index:1;filter:none;box-shadow:11px 17px 22px rgba(0,0,0,.29)}
.stage-track>.is-before{transform:perspective(1150px) translateY(24px) scale(.88) rotateY(-8deg)}
.stage-track>.is-after{transform:perspective(1150px) translateY(24px) scale(.88) rotateY(8deg)}
.stage-track>.is-active,.stage-track>.is-active:hover{opacity:1;pointer-events:auto;z-index:4;filter:none;transform:perspective(1150px) translateY(-25px) scale(1.17) rotateY(0);box-shadow:22px 35px 42px rgba(0,0,0,.46),7px 10px 0 rgba(5,23,17,.26)}
.stage-track>.is-away{opacity:0;pointer-events:none}
.stage-track.is-dragging{scroll-behavior:auto}
.stage-track .headline-card:not(.is-active):hover,.stage-track .cookbook-slide:not(.is-active):hover,.stage-track .pantry-slide:not(.is-active):hover,.stage-track .book-carousel-card:not(.is-active):hover{transform:perspective(1150px) translateY(18px) scale(.9) rotateY(5deg)}
.stage-track .is-active img{filter:none}
.stage-track.headlines-track,.stage-track.cookbook-track,.stage-track.pantry-track{--stage-width:clamp(280px,34vw,460px)}
.stage-track.portrait-track{--stage-width:clamp(190px,21vw,280px);--stage-overlap:.26}
.stage-track.books-track{--stage-width:clamp(195px,22vw,290px);--stage-overlap:.26}

/* Tall timber rails double as desktop carousel controls. */
.stage-control{position:absolute;top:50%;z-index:7;display:grid;place-items:center;width:clamp(42px,4vw,60px);height:clamp(240px,27vw,425px);padding:0;border:1px solid #4a291b;border-radius:3px;background:repeating-linear-gradient(7deg,transparent 0 13px,rgba(52,24,13,.13) 13px 14px,transparent 14px 29px),linear-gradient(90deg,#44291b 0%,#915a33 14%,#b98048 46%,#63371f 80%,#3e251a 100%);color:#fff0cb;font-size:2rem;font-weight:700;text-shadow:1px 2px #2b2117;box-shadow:inset 3px 0 rgba(244,203,123,.5),inset -3px 0 rgba(22,12,8,.48),5px 8px 0 #281c14,10px 15px 24px rgba(0,0,0,.36);cursor:pointer;transform:translateY(-50%);transition:filter .2s,box-shadow .2s}
.stage-control::after{content:"";position:absolute;inset:8px 5px;border:1px solid rgba(255,225,160,.27);pointer-events:none}
.stage-control:hover:not(:disabled),.stage-control:focus-visible{filter:brightness(1.17);box-shadow:inset 3px 0 rgba(244,203,123,.62),inset -3px 0 rgba(22,12,8,.48),5px 8px 0 #281c14,12px 19px 27px rgba(0,0,0,.46)}
.stage-control:disabled{opacity:.44;cursor:default}
.stage-prev{left:0}.stage-next{right:0}
.portrait-track+.stage-next,.books-track+.stage-next{height:clamp(250px,33vw,460px)}
.carousel-frame:has(.portrait-track) .stage-control,.carousel-frame:has(.books-track) .stage-control{height:clamp(250px,33vw,460px)}

/* Compact kitchen gallery with the cookbook banner's burgundy and brass. */
.tips-section{padding-block:54px 58px;background:radial-gradient(circle at 14% 5%,rgba(150,89,43,.17),transparent 35%),repeating-linear-gradient(24deg,rgba(225,198,128,.025) 0 1px,transparent 1px 15px),#1e382c}
.centered-gallery-head h2{max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(1rem,4vw,3.15rem);line-height:1.2;letter-spacing:-.025em;color:#f1cd82}
.tips-section .stage-track{padding-top:56px;padding-bottom:48px}
.tips-section .offer-actions{margin-top:.15rem}
.offer-actions{gap:14px;margin-top:.55rem}
.offer-btn,.btn,.shop-jump a,.main-nav .nav-shop{border-radius:3px;border:1px solid rgba(240,196,116,.7);box-shadow:inset 0 2px 0 rgba(255,237,182,.35),inset 0 -3px 0 rgba(29,20,13,.25),4px 5px 0 #29231a,9px 12px 18px rgba(0,0,0,.28);transition:transform .2s,filter .2s,box-shadow .2s}
.offer-btn,.btn{position:relative;transform:translateY(0)}
.offer-btn:hover,.btn:hover{transform:translateY(-3px);box-shadow:inset 0 2px 0 rgba(255,237,182,.42),inset 0 -3px 0 rgba(29,20,13,.25),5px 8px 0 #29231a,12px 17px 22px rgba(0,0,0,.32)}
.offer-btn{min-height:79px;padding:.8rem 1rem}
.offer-btn strong{font-size:clamp(.85rem,1.1vw,1.03rem)}
.offer-btn small{font-size:clamp(.72rem,.85vw,.82rem)}
.offer-subscribe{background:linear-gradient(150deg,#3c6949,#23503a 60%,#193a2b);color:#fff1cd}
.offer-info{background:linear-gradient(150deg,#edc678,#c69848 62%,#9a6d33);color:#26301e}
.offer-buy,.offer-pending{background:linear-gradient(150deg,#9c3428,#751c18 60%,#551413);color:#fff3d6;border-color:#cf9c61}
.offer-pending{opacity:1;cursor:default}
.offer-pending:hover{transform:none;box-shadow:inset 0 2px 0 rgba(255,237,182,.35),inset 0 -3px 0 rgba(29,20,13,.25),4px 5px 0 #29231a,9px 12px 18px rgba(0,0,0,.28)}
.btn-outline{background:linear-gradient(150deg,#355745,#203e32);color:#f7ebd0}
.pantry-promo .centered-section-head h2{font-size:clamp(2.3rem,5vw,4.65rem);line-height:1.14}
.pantry-promo .centered-section-head p{max-width:890px;margin:.65rem auto 0;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.55}
.pantry-promo .stage-track{padding-top:58px;padding-bottom:55px}
.shop-books{padding-top:3.4rem;border-top:1px solid #9ca98a}
.shop-books>h2{text-align:center;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin:0 0 2rem}
.shop-books .books-catalog{margin-bottom:0}
.shop-books .book-detail{scroll-margin-top:2rem}
.page-hero h1,.collection h2,.book-detail h2,.article h1,.article h2{overflow-wrap:break-word;text-wrap:balance}

@media(max-width:900px){
 .stage-track,.stage-track.headlines-track,.stage-track.cookbook-track,.stage-track.pantry-track{--stage-width:52vw}
 .stage-track.portrait-track,.stage-track.books-track{--stage-width:35vw}
}
@media(max-width:700px){
 .stage-control{display:none}
 .stage-track,.stage-track.headlines-track,.stage-track.cookbook-track,.stage-track.pantry-track,.stage-track.portrait-track,.stage-track.books-track{--stage-width:70vw;--stage-overlap:.24;width:calc(100% + 32px);margin-inline:-16px;padding:46px calc((100% - var(--stage-width))/2) 45px}
 .stage-track.portrait-track,.stage-track.books-track{--stage-width:64vw;--stage-overlap:.22}
 .stage-track>.is-before,.stage-track>.is-after{transform:perspective(850px) translateY(11px) scale(.84) rotateY(6deg)}
 .stage-track>.is-before{transform:perspective(850px) translateY(11px) scale(.84) rotateY(-6deg)}
 .stage-track>.is-active,.stage-track>.is-active:hover{transform:perspective(850px) translateY(-12px) scale(1.1) rotateY(0)}
 .tips-section{padding-block:46px 48px}
 .tips-section .stage-track{padding-top:42px;padding-bottom:39px}
 .tips-section .offer-actions{margin-top:.2rem}
 .centered-gallery-head h2{font-size:clamp(1rem,4vw,1.75rem);letter-spacing:-.04em}
 .pantry-promo .stage-track{padding-top:43px;padding-bottom:43px}
 .offer-actions{gap:11px}
 .offer-btn{min-height:69px}
}
@media(prefers-reduced-motion:reduce){
 .stage-track{scroll-behavior:auto}
 .stage-track>*,.stage-track>.is-before,.stage-track>.is-after,.stage-track>.is-active,.stage-track>.is-active:hover{transition:none}
 .stage-control,.offer-btn,.btn{transition:none}
}