/* Three touch fronts: rounded island, recessed drawer, layered samples. */
body:not(.inner) nav{perspective:1100px}
body:not(.inner) nav a{overflow:visible;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .4s;transform-origin:left center}
body:not(.inner) nav a[data-page="univers"]{border-radius:76px 20px 20px 76px;padding-left:27px;background:radial-gradient(ellipse at 10% 20%,#62605b50,transparent 55%),linear-gradient(110deg,#333837f5,#111819f2);border-color:#db3a5e;box-shadow:inset 0 3px #dcd5c133,inset 0 -6px #0008,0 9px 0 #131918,0 11px 0 #b38f6440,0 22px 30px #0005}
body:not(.inner) nav a[data-page="offres"]{border-radius:13px 13px 28px 28px;background:linear-gradient(180deg,#5d30403b,transparent 37%),linear-gradient(110deg,#333a3bf5,#141a1cf7);border-color:#e64065;box-shadow:inset 0 3px #ffffff20,inset 0 -7px #0007,0 9px 0 #0a1012,0 12px 0 #de204340,0 24px 30px #0006}
body:not(.inner) nav a[data-page="collections"]{border-radius:12px 48px 12px 12px;background:linear-gradient(135deg,#3b3635f7,#171c1df2);border-color:#dc3a59;box-shadow:inset 0 2px #ffffff24,inset 0 -5px #0006,5px 6px 0 #584435,5px 7px 0 #b69976,10px 12px 0 #252c2d,10px 13px 0 #ad2545,0 22px 30px #0005}
body:not(.inner) nav a::before{border-radius:inherit;overflow:hidden;background:linear-gradient(110deg,transparent 34%,#fff1 46%,#ffe2d42b 50%,#fff1 54%,transparent 66%);background-size:350% 100%;animation:front-reflection 9s ease-in-out infinite}
body:not(.inner) nav a[data-page="offres"]::before{animation-delay:1.2s}body:not(.inner) nav a[data-page="collections"]::before{animation-delay:2.4s}
body:not(.inner) nav a .kitchen-depth{position:absolute;inset:8px;border:1px solid #ffffff0e;border-radius:inherit;z-index:-1;pointer-events:none}
body:not(.inner) nav a[data-page="univers"] .kitchen-depth{inset:7px 8px 8px 7px;border-left:3px solid #ccb08d70;border-top-color:#e5c5a24d}
body:not(.inner) nav a[data-page="collections"] .kitchen-depth{border-left:3px solid #cfad8580;border-radius:6px 40px 6px 6px}
body:not(.inner) nav a[data-page="offres"] .kitchen-depth::after{content:'';position:absolute;left:13%;right:13%;top:-9px;height:12px;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at center,#fa346e70,transparent 72%);filter:blur(2px);animation:drawer-light 6s ease-in-out infinite}
body:not(.inner) nav .cabinet-handle{position:absolute;left:auto;right:77px;top:15px;width:83px;height:7px;border-radius:3px;background:linear-gradient(180deg,#ece9dd,#bbb4a5 35%,#71695e 65%,#d1c4b0);box-shadow:0 4px 0 #080d0c,0 6px 7px #0008,inset 0 1px #fff8;opacity:1;overflow:hidden;transition:transform .4s,box-shadow .4s}
body:not(.inner) nav .cabinet-handle::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff 50%,transparent 70%);transform:translateX(-140%);animation:handle-glint 7s ease-in-out infinite}
body:not(.inner) nav a[data-page="offres"] .cabinet-handle{top:0;left:33%;right:33%;width:auto;height:11px;border-radius:0 0 11px 11px;background:linear-gradient(#03090b,#303d40);border:1px solid #67727666;border-top:0;box-shadow:0 2px 0 #ff3e6880,0 5px 14px #ed174a33;animation:recess-light 6s ease-in-out infinite}
body:not(.inner) nav a[data-page="offres"] .cabinet-handle::after{animation-delay:1.2s}
body:not(.inner) nav a[data-page="collections"] .cabinet-handle{right:78px;width:54px;height:6px;background:linear-gradient(#e9d0ab,#9c7856 65%,#d4b182);top:15px}.cabinet-handle::after{pointer-events:none}
body:not(.inner) nav a[data-page="collections"] .cabinet-handle::after{animation-delay:2.4s}
body:not(.inner) nav a[data-page="univers"] .nav-icon{border-radius:50%;background:linear-gradient(135deg,#a4826050,#493c3930);border-color:#d1ac8380;box-shadow:inset 0 2px #ffe4cb30,0 5px 14px #0005}
body:not(.inner) nav a[data-page="offres"] .nav-icon{border-radius:15px 15px 27px 27px;background:linear-gradient(145deg,#8d1d3b66,#361c2930)}
body:not(.inner) nav a[data-page="collections"] .nav-icon{border-radius:8px 24px 8px 8px;background:linear-gradient(140deg,#8b695144,#251d2330);border-color:#bb90756b;box-shadow:3px 3px 0 #92755660,6px 6px 0 #292d30,inset 0 1px #ffddbc30}
body:not(.inner) nav a::after{transition:transform .35s,box-shadow .35s}
body:not(.inner) nav a:focus-visible{outline:2px solid #ffb3c6;outline-offset:7px}
@media(hover:hover){body:not(.inner) nav a[data-page="univers"]:hover{transform:rotateY(-3deg) translateX(-3px)}body:not(.inner) nav a[data-page="offres"]:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:inset 0 3px #ffffff25,inset 0 -7px #0008,0 13px 0 #0a1012,0 15px 0 #ed24545e,0 27px 35px #0006}body:not(.inner) nav a[data-page="collections"]:hover{transform:translate(-3px,-3px) rotate(-.5deg)}body:not(.inner) nav a:hover .cabinet-handle{transform:translateY(-2px)}body:not(.inner) nav a:hover::after{transform:translateX(3px)}}
body:not(.inner) nav a:active{transform:translateY(3px) scale(.988);transition-duration:.12s}body:not(.inner) nav a:active .cabinet-handle{transform:translateY(2px)}
@keyframes front-reflection{0%,18%{background-position:150% 0;opacity:0}26%{opacity:.8}54%{background-position:-50% 0;opacity:.8}64%,100%{background-position:-50% 0;opacity:0}}
@keyframes handle-glint{0%,20%{transform:translateX(-140%)}48%,100%{transform:translateX(140%)}}
@keyframes recess-light{0%,100%{box-shadow:0 2px 0 #ff3e6850,0 4px 10px #ed174a1a}50%{box-shadow:0 2px 0 #ff819c,0 5px 18px #ed174a65}}
@keyframes drawer-light{0%,100%{opacity:.25}50%{opacity:.9}}
@media(max-width:700px){body:not(.inner) nav a[data-page="univers"]{padding-left:18px;border-radius:58px 16px 16px 58px}body:not(.inner) nav a[data-page="collections"]{border-radius:10px 36px 10px 10px;box-shadow:inset 0 2px #ffffff24,inset 0 -5px #0006,3px 5px 0 #584435,3px 6px 0 #b69976,6px 10px 0 #252c2d,6px 11px 0 #ad2545,0 18px 25px #0004}body:not(.inner) nav .cabinet-handle{top:12px;right:63px;width:60px;height:5px}body:not(.inner) nav a[data-page="collections"] .cabinet-handle{top:12px;right:62px;width:43px;height:5px}body:not(.inner) nav a[data-page="offres"] .cabinet-handle{height:9px;left:34%;right:34%}}
@media(prefers-reduced-motion:reduce){body:not(.inner) nav a,body:not(.inner) nav a::after,body:not(.inner) nav .cabinet-handle{transition:none}body:not(.inner) nav a::before,body:not(.inner) nav .cabinet-handle,body:not(.inner) nav .cabinet-handle::after,body:not(.inner) nav .kitchen-depth::after{animation:none}body:not(.inner) nav a:hover,body:not(.inner) nav a:active{transform:none}}
.inner .kitchen-depth{display:none}