.pu{--cream:#f6f1e7;--ink:#19392c;--accent:#b89865;--wash:#e6ddcd;--progress:0;--mix:0;background:var(--cream);color:var(--ink);font:14px/1.75 Jost,sans-serif;overflow:clip}.pu--lattes{--wash:#ecddd3;--accent:#a77754}.pu--plantes{--wash:#dce2d1;--accent:#7a874d}.pu *{box-sizing:border-box}.pu [hidden]{display:none!important}.pu a{color:inherit;text-decoration:none}.pu button{font-family:inherit;cursor:pointer}.pu button:focus-visible,.pu a:focus-visible,.pu summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.pu h1,.pu h2,.pu h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.04;color:inherit}.pu-universes{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 25px;padding:21px 6%;border-bottom:1px solid #b79d7040;font-size:11px}.pu-universes a{padding:7px 0;border-bottom:1px solid transparent;color:#66715e}.pu-universes a[aria-current]{color:var(--ink);border-color:var(--accent)}.pu-kicker{font-size:10px!important;letter-spacing:.2em;text-transform:uppercase;color:#987d4e!important}.pu-header{text-align:center;max-width:1100px;margin:auto;padding:65px 7% 35px}.pu-header h1{font-size:clamp(56px,7.5vw,104px);margin:20px 0}.pu-subtitle{font:italic 34px/1.15 'Cormorant Garamond',Georgia,serif;color:var(--accent);margin:0 0 24px}.pu-intro{max-width:620px;margin:0 auto 25px;color:#65735f}.pu-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--accent);padding:8px 0;font-size:12px}.pu-motion{display:block;margin:18px auto 0;padding:5px 0;border:0;border-bottom:1px solid #baa77c55;background:none;color:#75816c;font-size:10px}.pu-experience{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1250px;padding:0 7%;margin:auto;align-items:start}.pu-stage{grid-column:2;grid-row:1;position:sticky;top:65px;text-align:center;padding:20px 0;z-index:2}.pu-scene{position:relative;isolation:isolate;aspect-ratio:1;width:min(100%,calc(100svh - 245px));max-width:460px;margin:auto}.pu-orbit{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,var(--wash),transparent 70%);border:1px solid #b69a6030;transform:rotate(calc(var(--progress)*18deg))}.pu-vessel{position:absolute;inset:6%;background:url('/cdn/shop/files/maison-yanna-trois-univers-poudres.png?v=1793308570&width=1800') 0 0/300% 100% no-repeat;filter:drop-shadow(0 15px 15px #22301b22);transform:translateY(calc(var(--mix)*-3px)) rotate(calc(var(--mix)*1.5deg));transition:filter .6s}.pu--lattes .pu-vessel{background-position:50% 0;transform:translateY(calc(var(--mix)*-2px))}.pu--plantes .pu-vessel{background-position:100% 0;transform:scale(calc(1 + var(--progress)*.025))}.pu-star{position:absolute;right:6%;top:18%;font:26px Georgia;color:var(--accent);animation:pu-drift 9s ease-in-out infinite}.pu-dust{position:absolute;inset:0;z-index:3;opacity:calc(1 - var(--progress));pointer-events:none}.pu-dust i{position:absolute;left:var(--x);top:var(--y);width:2px;height:3px;background:var(--accent);border-radius:50%;animation:pu-fall 2.8s linear infinite;animation-delay:var(--delay)}.pu-stream{position:absolute;left:53%;top:1%;height:24%;width:3%;background:linear-gradient(90deg,#fff1,#eee9ce80,#fff1);border-radius:40%;opacity:var(--mix);z-index:3}.pu--plantes .pu-stream{display:none}.pu-steam{position:absolute;top:4%;left:30%;width:40%;height:30%;opacity:var(--progress)}.pu--proteines .pu-steam,.pu--plantes .pu-steam{display:none}.pu-steam i{position:absolute;left:20%;width:15%;height:80%;border-left:2px solid #baa37b;filter:blur(4px);border-radius:50%;animation:pu-steam 7s ease-in-out infinite}.pu-steam i:nth-child(2){left:45%;animation-delay:-2s}.pu-steam i:nth-child(3){left:70%;animation-delay:-4s}.pu-stage-caption{font:italic 27px 'Cormorant Garamond',Georgia,serif;color:var(--accent);margin:6px 0 15px}.pu-progress{height:1px;background:#bda67940;width:60%;margin:auto}.pu-progress span{display:block;width:calc(10% + var(--progress)*90%);height:1px;background:var(--accent)}.pu-scene-note{font-size:9px;color:#7b866e;margin:17px auto 0;max-width:350px;line-height:1.6}.pu-story{grid-column:1;grid-row:1}.pu-story article{min-height:58svh;max-width:400px;display:flex;flex-direction:column;justify-content:center;padding:50px 0;opacity:.48;transition:opacity .5s}.pu-story article.is-active{opacity:1}.pu-story h2{font-size:60px;margin:14px 0 23px}.pu-story article>p:last-child{color:#66735f}.pu-temperature{border:1px solid #baa17970;border-radius:30px;display:flex;justify-content:center;width:max-content;padding:3px;margin:15px auto}.pu-temperature button{border:0;background:none;color:#65735d;padding:8px 24px;min-height:36px;border-radius:25px;font-size:11px}.pu-temperature button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.pu-ice{position:absolute;left:40%;top:37%;width:26%;height:18%;opacity:0;z-index:4;pointer-events:none;transition:opacity .7s}.pu-ice i{position:absolute;width:40%;height:55%;border:1px solid #eef6edaa;border-radius:20%;background:linear-gradient(135deg,#f9fbeb99,#a9bdac44);transform:rotate(18deg)}.pu-ice i:nth-child(2){left:45%;top:20%;transform:rotate(-15deg)}.pu-cold .pu-ice{opacity:.9}.pu-cold .pu-steam{opacity:0}.pu-cold{--wash:#d7e3da}.pu-selection{max-width:1260px;margin:auto;padding:70px 6%;text-align:center;scroll-margin-top:65px}.pu-selection h2{font-size:64px;margin:17px 0 22px}.pu-purpose{max-width:650px;margin:0 auto 25px;color:#66735f}.pu-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:25px 0 12px}.pu-filters button{background:none;border:1px solid #b69e6d66;border-radius:25px;padding:10px 20px;min-height:42px;font-size:11px;color:#5f705a}.pu-filters button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.pu-results{font-size:10px;color:#8a7b5e;min-height:20px}.pu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1100px;margin:30px auto}.pu-card{display:flex;flex-direction:column;min-width:0;background:#fffaf2;border:1px solid #b69e6d44;border-radius:110px 110px 8px 8px;overflow:hidden}.pu-card-image{display:block;aspect-ratio:1;overflow:hidden;background:#e9e2d4}.pu-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.pu-card-image:hover img{transform:scale(1.035)}.pu-card-copy{display:flex;flex-direction:column;flex:1;padding:22px}.pu-badge{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#9a8052;margin:0 0 16px;line-height:1.5}.pu-card h3{font-size:30px;line-height:1.08;min-height:3.24em;margin:0 0 14px;display:flex;align-items:center;justify-content:center}.pu-card .my-review-badge{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;align-self:center;width:100%;gap:5px;margin:0 auto 15px!important;text-align:center;min-height:36px}.pu-card .my-review-badge[hidden]{display:none!important}.pu-card .my-review-badge__text{font-size:10px;line-height:1.4}.pu-card-notes{font-size:12px;line-height:1.7;min-height:5.1em;margin:0 0 20px;color:#68775f}.pu-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #bba47740;padding-top:18px;margin-top:auto;font-size:12px}.pu-card footer a{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#997b48;display:inline-flex;gap:6px;padding:8px 0}.pu-guide{max-width:850px;padding:65px 7%;margin:auto}.pu-guide h2{font-size:58px;margin:20px 0 28px}.pu-guide>p:not(.pu-kicker){color:#66735f;margin-bottom:30px}.pu-guide details{border-bottom:1px solid #bba47755;padding:18px 0}.pu-guide summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:13px}.pu-guide summary::-webkit-details-marker{display:none}.pu-guide details p{font-size:12px;color:#68775f}.pu-other{padding:60px 8% 70px;background:#e9e3d7;text-align:center}.pu-other h2{font-size:54px;margin:20px 0 35px}.pu-other>div{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}.pu-other a{display:block;text-align:left;border:1px solid #b49b694d;padding:28px;position:relative;background:#f6f1e755}.pu-other strong{display:block;font:32px/1.05 'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0 30px 15px 0}.pu-other a p{font-size:12px;color:#68775f;max-width:330px}.pu-other a>span{position:absolute;right:25px;top:25px;color:var(--accent)}.pu-still *{animation:none!important;transition:none!important}.pu-still .pu-stage{position:relative;top:auto}.pu-still .pu-story article{min-height:0;padding:28px 0;opacity:1}.pu-still .pu-vessel{transform:none}.pu-still .pu-dust,.pu-still .pu-stream{display:none}@keyframes pu-drift{0%,100%{translate:0 0;opacity:.4}50%{translate:0 -8px;opacity:.8}}@keyframes pu-fall{0%{translate:0 -12px;opacity:0}25%{opacity:.7}100%{translate:8px 45px;opacity:0}}@keyframes pu-steam{0%,100%{translate:0 0;opacity:.1}50%{translate:6px -15px;opacity:.5}}
@media(max-width:900px){.pu-grid{gap:18px}.pu-card-copy{padding:18px}.pu-card h3{font-size:27px}.pu-story h2{font-size:50px}.pu-experience{gap:5%}}
@media(max-width:650px){.pu-universes{padding:12px 5%;gap:6px 15px;font-size:10px}.pu-header{padding:40px 7% 25px}.pu-header h1{font-size:56px}.pu-subtitle{font-size:29px}.pu-intro{font-size:12px}.pu-experience{display:block;padding:0 7%}.pu-stage{top:64px;padding:8px 0 12px;background:var(--cream);box-shadow:0 10px 16px var(--cream);max-width:420px;margin:auto}.pu-scene{width:min(58vw,215px);max-height:30svh}.pu-stage-caption{font-size:22px;margin:3px 0 11px}.pu-scene-note{font-size:8px;max-width:280px;margin-top:10px}.pu-story article{min-height:49svh;padding:35px 0}.pu-story h2{font-size:42px;margin:12px 0 18px}.pu-story article>p:last-child{font-size:12px}.pu-temperature{margin:10px auto 8px}.pu-selection{padding:45px 6%}.pu-selection h2{font-size:43px}.pu-purpose{font-size:12px}.pu-filters button{font-size:10px;padding:8px 14px;min-height:40px}.pu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.pu-card{border-radius:65px 65px 6px 6px}.pu-card-copy{padding:15px 10px}.pu-card h3{font-size:23px;min-height:4.32em}.pu-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.pu-badge{font-size:7px;margin-bottom:12px}.pu-card-notes{font-size:10px;min-height:5.1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pu-card footer{flex-direction:column;gap:6px;font-size:11px;padding-top:12px}.pu-card footer a{font-size:9px}.pu-card .my-review-badge{margin-bottom:12px!important;gap:4px}.pu-card .my-review-badge__text{font-size:9px}.pu-guide{padding:40px 7%}.pu-guide h2{font-size:42px}.pu-guide>p:not(.pu-kicker){font-size:12px}.pu-other{padding:40px 7%}.pu-other h2{font-size:41px}.pu-other>div{grid-template-columns:1fr;gap:15px}.pu-other a{padding:24px}.pu-other strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.pu *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pu-stage{position:relative;top:auto}.pu-story article{opacity:1;min-height:0;padding:28px 0}.pu-vessel{transform:none!important}.pu-dust,.pu-stream{display:none}}
@media(min-width:651px){.pu-scene{width:min(100%,calc(100svh - 330px));max-width:420px}}
.pu-vessel{transition:opacity .7s,filter .7s}.pu-iced-vessel{position:absolute;inset:6%;opacity:0;transition:opacity .7s;filter:drop-shadow(0 15px 15px #22301b22)}.pu--lattes .pu-iced-vessel{background:url('/cdn/shop/files/maison-yanna-latte-glace-rituel.png?v=1793309126&width=650') center/contain no-repeat}.pu-cold .pu-iced-vessel{opacity:1}.pu-cold .pu-vessel{opacity:0}.pu-ice{display:none}.pu-card-image{position:relative}.pu-stock{position:absolute;left:13px;bottom:13px;border-radius:20px;background:#19392ce6;color:#f7f2e8;padding:5px 10px;font-size:9px}