:root{--paper:#f7f0df;--paper-2:#efe4ca;--ink:#273312;--olive:#59662c;--lemon:#e4c83c;--line:rgba(39,51,18,.22);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--hand:"Homemade Apple",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:18px clamp(24px,7vw,110px);border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:13px;width:max-content}.brand-lemon{font-size:37px;transform:rotate(-13deg);filter:saturate(.8)}.brand strong{display:block;font:500 clamp(30px,3vw,43px)/.8 var(--hand)}.brand small{display:block;margin:12px 0 0 30px;font:600 9px/1 var(--sans);letter-spacing:.3em}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.site-header nav a:not(.nav-visit){padding:14px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--ink)}.nav-visit{border:1px solid var(--ink);border-radius:999px;padding:12px 25px}.header-note{justify-self:end;font:15px/1.5 var(--hand);transform:rotate(-5deg);text-align:center;margin:0}.menu-button,.mobile-nav{display:none}.hero{max-width:1400px;margin:auto;min-height:580px;display:grid;grid-template-columns:42% 58%;padding:0 clamp(24px,5vw,72px) 42px}.hero-copy{padding:90px 20px 30px 70px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600}.hero h1,.section-heading h2,.club h2,.visit h2{font:600 clamp(64px,7vw,108px)/.76 var(--serif);letter-spacing:-.055em;margin:22px 0}.hero-text{font:500 24px/1.3 var(--serif);margin:0 0 28px}.button{display:inline-flex;gap:32px;align-items:center;background:var(--olive);color:#fff;border-radius:999px;padding:16px 24px;font-family:var(--serif);font-size:18px}.button span{font-family:var(--sans)}.scribble{font:11px/1.55 var(--hand);letter-spacing:.03em}.top-note{position:absolute;left:-12px;top:32px;transform:rotate(-7deg)}.side-note{position:absolute;left:-5px;bottom:28px;transform:rotate(-5deg)}.hero-photo{margin-top:25px;min-height:500px;border-radius:0 95px 95px 95px;overflow:hidden;position:relative;background:var(--paper-2)}.hero-photo img{height:100%;object-fit:cover}.photo-note{position:absolute;right:30px;bottom:28px;color:white;font:18px/1.5 var(--hand);transform:rotate(-6deg);text-shadow:0 1px 7px #000}.leaf{position:absolute;font-size:70px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.15))}.lemon-one{left:20px;top:15px;transform:rotate(-18deg)}.lemon-two{left:82px;top:34px;transform:rotate(28deg)}.story-band{min-height:230px;border-block:1px solid var(--line);background:var(--paper-2);display:grid;place-content:center;position:relative;overflow:hidden;padding:34px 8vw}.people{display:flex;align-items:end;justify-content:space-around;font:58px/1 var(--serif);opacity:.85;letter-spacing:.05em}.people span:nth-child(2n){font-size:86px}.story-copy{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px;margin-top:13px;text-align:center}.story-copy p{font:10px/1.6 var(--hand);margin:0}.story-copy strong{font:500 20px var(--hand)}.story-decoration{position:absolute;right:6%;top:17px;font-size:32px}.section-shell{max-width:1220px;margin:0 auto;padding:78px 30px}.section-heading h2{font-size:70px;margin:10px 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.food-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.18);transition:.25s transform,.25s box-shadow}.food-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(39,51,18,.12)}.food-card img{aspect-ratio:1.45;object-fit:cover}.food-card>div{position:relative;padding:16px 18px}.food-card h3{font:600 28px/1 var(--serif);margin:0 0 5px}.food-card p{font-size:13px;margin:0;opacity:.7}.food-card span{position:absolute;right:18px;top:20px;font-size:20px}.coffee-card img{object-position:25% 55%}.club{margin-top:20px;background:var(--olive);color:#fff;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:68px}.club h2{font-size:65px;margin:10px 0}.club p{max-width:440px;line-height:1.7}.stamp-card{background:var(--paper);color:var(--ink);border-radius:25px;padding:30px;transform:rotate(2deg);box-shadow:0 14px 40px rgba(0,0,0,.2)}.stamp-card>span{font:500 38px var(--hand)}.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stamps i{display:grid;place-items:center;border:1px dashed var(--olive);border-radius:50%;aspect-ratio:1;font-style:normal;font-size:30px}.stamp-card small{letter-spacing:.08em}.visit{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.visit h2{font-size:76px}.visit-details{border-top:1px solid var(--line);padding-top:20px}.visit-details p{font:20px/1.5 var(--serif)}.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}footer{background:var(--paper-2);border-top:1px solid var(--line);padding:50px max(30px,7vw);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand strong{font-size:30px}footer>p{font-size:13px}footer .scribble{text-align:right}@media(max-width:800px){.site-header{height:86px;padding:14px 20px;display:flex;justify-content:space-between}.brand-lemon{font-size:27px}.brand strong{font-size:28px}.brand small{font-size:7px;margin:8px 0 0 23px}.site-header nav,.header-note{display:none}.menu-button{display:grid;border:0;background:none;gap:7px;padding:10px}.menu-button span{display:block;width:25px;height:1px;background:var(--ink)}.mobile-nav{position:absolute;display:grid;top:74px;left:14px;right:14px;background:var(--olive);color:#fff;border-radius:18px;padding:20px;z-index:20;gap:15px}.mobile-nav[hidden]{display:none}.hero{display:flex;flex-direction:column;padding:0 18px 34px;min-height:0}.hero-copy{padding:54px 3px 24px}.hero h1{font-size:61px;line-height:.8;margin:14px 0}.hero-text{font-size:20px;max-width:280px}.top-note,.side-note{display:none}.hero-photo{order:2;margin:0;min-height:0;aspect-ratio:1.05;border-radius:55px 8px 55px 55px}.hero-photo img{height:100%}.photo-note{font-size:12px;right:15px;bottom:12px}.leaf{font-size:42px}.lemon-two{left:57px}.story-band{min-height:170px;padding:25px 12px}.people{font-size:32px}.people span:nth-child(2n){font-size:45px}.story-copy{grid-template-columns:1fr 1fr;gap:10px}.story-copy strong{display:none}.story-copy p{font-size:8px}.section-shell{padding:58px 18px}.section-heading h2{font-size:48px}.cards{display:flex;flex-direction:column}.food-card{display:grid;grid-template-columns:115px 1fr;border-radius:12px}.food-card img{height:100%;aspect-ratio:1;min-height:96px}.food-card>div{display:flex;flex-direction:column;justify-content:center}.food-card h3{font-size:24px}.club{margin:0 14px;display:flex;flex-direction:column;gap:25px;padding:40px 24px;border-radius:24px}.club h2{font-size:49px}.club p{font-size:14px}.stamp-card{padding:23px}.stamps i{font-size:23px}.visit{display:flex;flex-direction:column;align-items:stretch;gap:20px}.visit h2{font-size:58px}footer{padding:40px 20px;display:grid}footer>p{display:none}footer .scribble{display:block;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.food-card{transition:none}}
.brand-lemon{width:48px;height:48px;object-fit:contain;flex:0 0 auto;transform:rotate(-8deg);filter:none}.hero-botanical{position:absolute;left:-25px;top:-28px;width:220px;height:220px;object-fit:contain;transform:rotate(-10deg);pointer-events:none}.story-band .people{display:block;width:min(900px,76vw);height:145px;object-fit:contain;object-position:center bottom;margin:0 auto;opacity:.92;mix-blend-mode:multiply}.story-band .story-decoration{position:absolute;right:-25px;top:-20px;width:170px;height:170px;object-fit:contain;transform:rotate(13deg);opacity:.92}.stamps i{overflow:hidden;background:rgba(255,255,255,.16)}.stamps i img{width:82%;height:82%;object-fit:contain}.stamps i:empty{background:transparent}
@media(max-width:800px){.brand-lemon{width:38px;height:38px}.hero-botanical{left:-18px;top:-20px;width:125px;height:125px}.story-band .people{width:100%;height:105px}.story-band .story-decoration{right:-25px;top:-8px;width:95px;height:95px}.stamps i img{width:78%;height:78%}}

/* Primera pantalla editorial: marca, promesa, producto e ilustración como una sola composición. */
@media(min-width:801px){.site-header{height:88px;padding-top:12px;padding-bottom:12px}.brand-lemon{width:44px;height:44px}.brand strong{font-size:37px}.brand small{margin-top:9px}.hero{min-height:470px;padding-bottom:26px;grid-template-columns:43% 57%}.hero-copy{padding-top:58px;padding-bottom:18px}.hero h1{font-size:clamp(72px,6.3vw,96px);margin:16px 0}.hero-photo{min-height:420px;margin-top:18px;border-radius:0 78px 78px 78px}.hero-botanical{left:-18px;top:-32px;width:180px;height:180px}.story-band{min-height:195px;padding-top:20px;padding-bottom:20px}.story-band .people{height:135px}.story-copy{margin-top:3px}}

@media(max-width:800px){.site-header{height:78px;padding:10px 20px}.brand{gap:8px}.brand-lemon{width:34px;height:34px}.brand strong{font-size:30px;line-height:.75}.brand small{font-size:6.5px;margin:7px 0 0 18px;letter-spacing:.26em}.menu-button{padding:8px}.hero{padding:0 18px 14px}.hero-copy{padding:34px 3px 18px}.hero .eyebrow{font-size:10px;letter-spacing:.18em}.hero h1{font-size:52px;line-height:.78;margin:12px 0 14px;letter-spacing:-.052em}.hero-text{font-size:18px;line-height:1.22;margin-bottom:19px;max-width:310px}.button{padding:13px 21px;font-size:17px;gap:26px}.hero-photo{aspect-ratio:1.48;margin:0;border-radius:42px 8px 42px 42px}.hero-photo img{object-position:center 60%}.hero-botanical{left:-13px;top:-18px;width:92px;height:92px}.photo-note{right:13px;bottom:9px;font-size:10px;line-height:1.4}.story-band{min-height:168px;padding:12px 10px 10px}.story-band .people{height:116px;width:106%;margin-left:-3%;object-position:center bottom}.story-band .story-decoration{display:none}.story-copy{margin-top:-3px;gap:8px}.story-copy p{font-size:7px;line-height:1.45}.section-shell{padding-top:45px}.section-heading h2{margin-top:7px}}

@media(max-width:370px){.hero h1{font-size:47px}.hero-copy{padding-top:28px}.hero-photo{aspect-ratio:1.42}.story-band .people{height:108px}}

/* Acabado premium: profundidad, ritmo editorial y superficies menos planas. */
body{background-color:var(--paper);background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.72),transparent 32%),radial-gradient(circle at 82% 32%,rgba(228,200,60,.055),transparent 24%),repeating-linear-gradient(96deg,rgba(39,51,18,.012) 0,rgba(39,51,18,.012) 1px,transparent 1px,transparent 7px)}
.site-header{z-index:30;background:rgba(247,240,223,.88);backdrop-filter:blur(14px);border-bottom-color:rgba(39,51,18,.16)}
.brand strong{text-shadow:0 1px 0 rgba(255,255,255,.65)}
.hero{position:relative}.hero:before{content:"LIMONELA / ORIZABA";position:absolute;left:19px;top:50%;font:600 9px/1 var(--sans);letter-spacing:.26em;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.55}
.hero-copy:after{content:"";position:absolute;width:62px;height:1px;left:70px;bottom:0;background:var(--ink);opacity:.35}
.hero h1{text-wrap:balance;text-shadow:0 1px 0 #fff}.hero-text{max-width:470px}
.button{position:relative;overflow:hidden;box-shadow:0 9px 24px rgba(64,76,30,.15);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.18) 48%,transparent 68%);transform:translateX(-130%);transition:transform .65s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(64,76,30,.22);background:#4d5a25}.button:hover:before{transform:translateX(130%)}
.hero-photo{overflow:visible;isolation:isolate;box-shadow:0 22px 55px rgba(46,45,27,.18),0 2px 0 rgba(255,255,255,.8) inset}.hero-photo:before{content:"";position:absolute;z-index:-2;inset:16px -14px -15px 18px;border:1px solid rgba(39,51,18,.38);border-radius:0 88px 88px 88px}.hero-photo:after{content:"";position:absolute;z-index:-1;inset:-11px 28px 22px -12px;background:rgba(228,200,60,.2);border-radius:0 80px 80px 80px}.hero-photo>img:first-child{height:100%;border-radius:inherit;object-fit:cover}.photo-meta{position:absolute;left:22px;bottom:19px;display:flex;flex-direction:column;gap:4px;padding:10px 13px;background:rgba(247,240,223,.88);color:var(--ink);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(31,31,19,.15)}.photo-meta span{font:600 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}.photo-meta strong{font:500 13px/1 var(--serif);letter-spacing:.04em}.hero-botanical{z-index:3;filter:drop-shadow(0 8px 9px rgba(36,43,20,.15))}
.story-band{margin-top:16px;border-top:1px solid rgba(39,51,18,.24);border-bottom:1px solid rgba(39,51,18,.24);background:linear-gradient(180deg,rgba(239,228,202,.7),rgba(239,228,202,.94));box-shadow:inset 0 1px rgba(255,255,255,.8),0 18px 42px rgba(50,51,28,.06)}.story-band .people{filter:contrast(1.08) saturate(.78);mix-blend-mode:multiply}.story-copy strong{letter-spacing:.02em}
.cravings{position:relative}.cravings:before{content:"15 / LIMONELA";position:absolute;right:32px;top:90px;font:600 9px/1 var(--sans);letter-spacing:.22em;opacity:.46}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:26px}.section-heading h2{margin-bottom:17px}.section-heading .eyebrow{padding-bottom:23px;order:2}.cards{grid-template-columns:1.12fr 1fr .88fr;align-items:stretch}.food-card{border-color:rgba(39,51,18,.18);background:rgba(250,246,235,.62);box-shadow:0 12px 32px rgba(39,51,18,.07);backdrop-filter:blur(8px)}.food-card:first-child{transform:translateY(-8px)}.food-card:first-child:hover{transform:translateY(-13px)}.food-card img{filter:saturate(.88) contrast(1.03);transition:transform .55s ease,filter .35s ease}.food-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}.food-card>div{border-top:1px solid rgba(39,51,18,.13)}
.club{position:relative;overflow:hidden;box-shadow:0 24px 55px rgba(48,58,24,.2)}.club:after{content:"";position:absolute;right:-80px;bottom:-105px;width:330px;height:330px;background:url('images/lemon-branch.webp') center/contain no-repeat;opacity:.17;filter:grayscale(.35)}.club>*{position:relative;z-index:1}.stamp-card{border:1px solid rgba(255,255,255,.65)}
.visit{border-top:1px solid var(--line)}footer{box-shadow:inset 0 1px rgba(255,255,255,.75)}

@media(max-width:800px){body{background-image:radial-gradient(circle at 12% 7%,rgba(255,255,255,.72),transparent 25%),repeating-linear-gradient(96deg,rgba(39,51,18,.012) 0,rgba(39,51,18,.012) 1px,transparent 1px,transparent 7px)}.site-header{position:relative}.hero:before{display:none}.hero-copy:after{left:3px;width:44px}.hero h1{letter-spacing:-.062em}.hero-photo{box-shadow:0 18px 42px rgba(46,45,27,.2)}.hero-photo:before{inset:9px -7px -9px 10px;border-radius:0 48px 48px 48px}.hero-photo:after{inset:-7px 22px 17px -7px;border-radius:0 46px 46px 46px}.photo-meta{left:12px;bottom:10px;padding:7px 9px}.photo-meta span{font-size:6px}.photo-meta strong{font-size:10px}.story-band{margin-top:18px}.section-heading{display:block;margin-bottom:18px}.section-heading .eyebrow{padding:0}.cravings:before{display:none}.cards{display:flex}.food-card:first-child{transform:none}.food-card:first-child:hover{transform:translateY(-5px)}.food-card{box-shadow:0 8px 22px rgba(39,51,18,.065)}.club:after{width:230px;height:230px;right:-90px;bottom:-55px}}