/* Go Munch v47: actual three-dimensional product handling scene.
   The approved front-pack artwork and actual serving photograph remain the source.
   CSS-v46 is retained as a progressive fallback when WebGL is unavailable. */
.narrative-site .v46-ritual-art{isolation:isolate}
.narrative-site .v47-studio-canvas{
 position:absolute;inset:0;z-index:5;display:block;width:100%;height:100%;
 background:transparent;touch-action:pan-y;cursor:grab;outline-offset:-5px;
 opacity:0;pointer-events:none;transition:opacity .5s ease
}
.narrative-site .v47-studio-canvas:active{cursor:grabbing}
.narrative-site .v47-studio-canvas:focus-visible{outline:3px solid #37243c}
.narrative-site .v46-fallback-art{position:absolute;inset:0;overflow:hidden}
.narrative-site .v47-orbit-hint{
 position:absolute;z-index:10;left:24px;bottom:19px;
 background:#3b2843e0;color:#fff3d9;font:850 10px/1.4 var(--sans);
 letter-spacing:.11em;border-radius:20px;padding:10px 16px;pointer-events:none;
 opacity:0;transition:opacity .5s
}
.narrative-site .v46-ritual-art.has-v47-webgl .v47-studio-canvas{
 opacity:1;pointer-events:auto
}
.narrative-site .v46-ritual-art.has-v47-webgl .v46-fallback-art{visibility:hidden}
.narrative-site .v46-ritual-art.has-v47-webgl .v47-orbit-hint{opacity:1}
.narrative-site .v46-product-ritual:has(.has-v47-webgl) .v46-ritual-disclaimer{
 color:#664652
}
.narrative-site .v46-product-ritual:has(.has-v47-webgl) .v46-ritual-intro>span{max-width:39ch}
@media(max-width:760px){
 .narrative-site .v46-ritual-art{height:420px}
 .narrative-site .v47-orbit-hint{left:12px;bottom:14px;font-size:8px;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){
 .narrative-site .v47-studio-canvas,.narrative-site .v47-orbit-hint{transition:none}
}

/* Story page: five-pack kinetic editorial constellation; no clipped product labels. */
.narrative-site .v47-story-five{
 width:100%;max-width:790px;min-width:0;overflow:hidden;border-radius:34px;
 padding:clamp(20px,3vw,42px) clamp(12px,2vw,28px) 34px;
 background:radial-gradient(circle at 80% 19%,#ffd17c 0%,transparent 32%),
 radial-gradient(circle at 12% 78%,#b7e7df 0%,transparent 35%),
 linear-gradient(140deg,#e8c9ef,#f7c6a8 55%,#fff2bd);
 color:#38243d;position:relative;isolation:isolate;
}
.narrative-site .v47-story-five:before{
 content:"05";position:absolute;right:2%;top:19%;z-index:-1;
 font:900 clamp(130px,19vw,310px)/1 var(--sans);color:#fff6e14b;letter-spacing:-.08em
}
.narrative-site .v47-story-five-heading{max-width:520px;position:relative;z-index:1}
.narrative-site .v47-story-five-heading span{display:block;color:#8e3554;font:900 10px/1.35 var(--sans);letter-spacing:.13em}
.narrative-site .v47-story-five-heading strong{
 display:block;margin:12px 0 8px;font:900 clamp(31px,3.2vw,54px)/.98 var(--sans);
 letter-spacing:-.058em;color:#34253b
}
.narrative-site .v47-story-five-heading p{color:#67465c;font:600 14px/1.45 var(--sans)}
.narrative-site .v47-story-five-stage{
 position:relative;min-height:clamp(350px,36vw,560px);
 margin:14px auto 0;display:flex;justify-content:center;align-items:center;
 transform-style:preserve-3d;perspective:1200px
}
.narrative-site .v47-story-card{
 position:absolute;display:flex;align-items:center;flex-direction:column;
 width:clamp(95px,10.6vw,171px);max-width:27%;text-decoration:none!important;
 color:#422d3c;z-index:calc(5 - var(--v47-index));
 left:calc(50% + (var(--v47-index) - 2)*15%);top:calc(51% + (var(--v47-index) - 2)*(var(--v47-index) - 2)*2%);
 transform:translate(-50%,-50%) rotate(calc((var(--v47-index) - 2)*8deg)) rotateY(calc((var(--v47-index) - 2)*-10deg));
 transition:transform .65s cubic-bezier(.2,.83,.2,1),filter .6s;
 filter:drop-shadow(0 20px 12px #5f426c69);
 will-change:transform
}
.narrative-site .v47-story-card:nth-child(2),.narrative-site .v47-story-card:nth-child(4){z-index:6}
.narrative-site .v47-story-card:nth-child(3){z-index:7}
.narrative-site .v47-story-card:hover,.narrative-site .v47-story-card:focus-visible{
 transform:translate(-50%,-60%) rotate(0) rotateY(0) scale(1.25);
 filter:drop-shadow(0 26px 17px #5f426c88);z-index:20
}
.narrative-site .v47-story-card img{display:block;width:100%;height:auto;aspect-ratio:640/893;object-fit:contain}
.narrative-site .v47-story-card span{
 display:block;background:#fff8ebee;border:1px solid #7f446246;
 border-radius:18px;padding:8px 10px;text-align:center;
 font:900 clamp(10px,1vw,13px)/1.1 var(--sans);width:max-content;max-width:150%;
 min-height:32px;box-shadow:0 5px 10px #3f27452a
}
.narrative-site .v47-story-all{
 display:inline-block;margin:5px 0 0;color:#562641!important;
 font:900 13px/1.4 var(--sans);border-bottom:2px solid #562641;padding-bottom:6px
}
@media(max-width:900px){
 .narrative-site .v47-story-five-stage{min-height:420px}
 .narrative-site .v47-story-card{width:clamp(100px,19vw,150px);max-width:31%}
}
@media(max-width:560px){
 .narrative-site .v47-story-five{padding:28px 15px;border-radius:20px}
 .narrative-site .v47-story-five-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 7px;min-height:0;align-items:start;margin:25px auto}
 .narrative-site .v47-story-card{position:relative;left:auto;top:auto;width:100%;max-width:100%;z-index:auto;transform:none;will-change:auto}
 .narrative-site .v47-story-card:nth-child(4){grid-column:1}
 .narrative-site .v47-story-card:nth-child(5){grid-column:3}
 .narrative-site .v47-story-card:hover,.narrative-site .v47-story-card:focus-visible{transform:translateY(-7px) scale(1.04)}
 .narrative-site .v47-story-card span{font-size:9px;padding:7px 5px;max-width:100%;width:100%;line-height:1.28;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .narrative-site .v47-story-card{will-change:auto;transition:none}
}

/* Browser-compatible, art-directed five-position fan. Do not rely on calc()
   multiplication of CSS custom properties; that collapsed every desktop pack. */
@media(min-width:561px){
 .narrative-site .v47-story-card:nth-child(1){left:14%;top:58%;transform:translate(-50%,-50%) rotate(-15deg) rotateY(12deg);z-index:4}
 .narrative-site .v47-story-card:nth-child(2){left:32%;top:38%;transform:translate(-50%,-50%) rotate(-7deg) rotateY(8deg);z-index:5}
 .narrative-site .v47-story-card:nth-child(3){left:50%;top:51%;transform:translate(-50%,-50%) rotate(1deg);z-index:7}
 .narrative-site .v47-story-card:nth-child(4){left:68%;top:34%;transform:translate(-50%,-50%) rotate(9deg) rotateY(-6deg);z-index:6}
 .narrative-site .v47-story-card:nth-child(5){left:86%;top:59%;transform:translate(-50%,-50%) rotate(16deg) rotateY(-12deg);z-index:4}
 .narrative-site .v47-story-card:nth-child(n):hover,.narrative-site .v47-story-card:nth-child(n):focus-visible{
  transform:translate(-50%,-59%) rotate(0) rotateY(0) scale(1.17);z-index:20
 }
}

/* All five desktop captions live outside the overlapping product silhouettes. */
.narrative-site .v47-story-legend{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
 margin:2px auto 28px;position:relative;z-index:12
}
.narrative-site .v47-story-legend a{
 display:flex;flex-direction:column;gap:5px;min-width:0;min-height:67px;
 padding:11px 7px;border:1px solid #7e42565c;border-radius:10px;
 background:#fffaeedb;text-align:center;color:#37283f;text-decoration:none!important;
 font:800 11px/1.18 var(--sans);overflow-wrap:anywhere;transition:background .2s
}
.narrative-site .v47-story-legend a:hover,.narrative-site .v47-story-legend a:focus-visible{background:#fff;border-color:#432b43}
.narrative-site .v47-story-legend b{font:900 10px/1.2 var(--sans);color:#a63a56;letter-spacing:.06em}
@media(min-width:561px){.narrative-site .v47-story-card span{display:none}}
@media(max-width:560px){.narrative-site .v47-story-legend{display:none}}