:root{--mx:50%;--my:25%}
body{overflow-x:hidden}
.site-header,.top{box-shadow:0 8px 30px rgba(43,35,32,.05)}
.recipe,.dish,.course,.card,.popular-card,.feature{transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.recipe:hover,.dish:hover,.course:hover,.card:hover,.popular-card:hover,.feature:hover{box-shadow:0 24px 55px rgba(43,35,32,.17);transform:perspective(1000px) translateY(-7px) rotateX(1.5deg)!important}
.recipe img,.dish img,.popular-card img{transform:translateZ(16px)}
.depth-stage{position:relative;padding:92px 0;overflow:hidden;background:radial-gradient(circle at var(--mx) var(--my),#fff7dc 0,#eadfc4 34%,#d8c79f 100%);isolation:isolate}
.depth-stage:before,.depth-stage:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);opacity:.45;z-index:-1}.depth-stage:before{width:380px;height:380px;background:#e3a72f;left:-190px;top:-170px}.depth-stage:after{width:420px;height:420px;background:#b5482b;right:-250px;bottom:-240px}
.globe-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.globe-copy h2{font-size:clamp(36px,5vw,58px);max-width:11ch}.globe-copy p{max-width:48ch;color:#52453e}.globe-scene{height:480px;display:grid;place-items:center;perspective:1100px;cursor:grab}.globe-scene:active{cursor:grabbing}
.food-globe{position:relative;width:min(390px,82vw);aspect-ratio:1;border-radius:50%;transform-style:preserve-3d;background:radial-gradient(circle at 34% 28%,#94aa70 0 7%,#607149 24%,#314027 57%,#172116 79%);box-shadow:inset -45px -25px 65px #10170ed9,inset 25px 18px 40px #d7e6a34a,0 40px 70px #2b23204d;animation:globeFloat 6s ease-in-out infinite}
.food-globe:before,.food-globe:after{content:'';position:absolute;inset:11%;border:1px solid #f3ecdd70;border-radius:50%;transform:rotateX(67deg)}.food-globe:after{inset:2% 24%;transform:rotateY(72deg)}
.orbit{position:absolute;inset:-10%;border:1px solid #b5482b66;border-radius:50%;transform:rotateX(68deg) rotateZ(-13deg);animation:orbit 14s linear infinite}.orbit:after{content:'✦';position:absolute;left:48%;top:-11px;color:#b5482b;font-size:24px}
.cuisine-pin{position:absolute;padding:8px 12px;border-radius:99px;background:#fffaf0ed;border:1px solid #ffffff;color:#2b2320;font-size:12px;font-weight:700;box-shadow:0 10px 25px #0004;transform:translateZ(35px);white-space:nowrap}.p1{left:-8%;top:19%}.p2{right:-15%;top:27%}.p3{left:4%;bottom:17%}.p4{right:-11%;bottom:19%}.p5{left:33%;top:44%}
.globe-stat{display:flex;gap:28px;margin:28px 0}.globe-stat strong{display:block;font:600 28px 'Fraunces',serif;color:#b5482b}.globe-stat span{font-size:12px;color:#67564d}
.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:50;border:1px solid rgba(43,35,32,.2);background:#fffaf0eb;color:#2b2320;border-radius:99px;padding:9px 13px;font:600 12px 'Work Sans',sans-serif;box-shadow:0 8px 25px #2b23202e;cursor:pointer}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes globeFloat{0%,100%{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-14px) rotateY(8deg)}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(347deg)}}
body.motion-off *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-off .reveal{opacity:1;transform:none}
@media(max-width:820px){.globe-layout{grid-template-columns:1fr;gap:30px}.globe-scene{height:390px}.depth-stage{padding:64px 0}.food-globe{width:min(310px,76vw)}.cuisine-pin{font-size:10px}.recipe:hover,.dish:hover,.course:hover,.card:hover,.popular-card:hover,.feature:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}