/* Option 3: the supplied modern Peruvian market-stall reference. */
:root{--market-blue:#102f3d;--market-yellow:#f2ff3e;--market-cream:#fff4da;--market-pink:#ca1e60}
body{background:#fff8ed}header{position:relative;background:var(--market-yellow);color:#142b39;padding:31px 3% 15px;gap:25px;min-height:102px;border:0;box-shadow:0 3px 0 #223a2e;z-index:3}
header .wordmark{font-size:39px;color:#102f3d;letter-spacing:-1px}.brand-lemon{color:#398850;--ingredient-line:#f2ff3e;width:30px;height:28px;margin-left:6px}nav{font-size:10px;letter-spacing:.25px;gap:20px}nav a:hover{color:#8e1245;text-decoration:underline;text-underline-offset:5px}.languages{font-size:11px}.languages button[aria-pressed=true]{color:#102f3d;text-decoration-color:#c91e60;text-decoration-thickness:3px}.header-social{position:absolute;right:3%;top:7px;font-family:Montserrat,Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.15px;color:#8a1745;line-height:1.6}.header-social svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}.header-social:hover{text-decoration:underline}header :focus-visible{outline-color:#102f3d}
.hero{isolation:isolate;position:relative;display:block;min-height:550px;height:auto;max-width:none;margin:0;padding:23px 2.6% 25px;background:#16332f;overflow:hidden}.hero-art{position:absolute;inset:0;margin:0;min-height:0;transform:none;z-index:-1}.hero-art:before{display:none}.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;border:0;border-radius:0}.hero-copy{position:relative;margin:0;width:49%;min-height:495px;padding:27px 30px 25px;background-color:var(--market-blue);background-image:linear-gradient(115deg,#0003,transparent 50%,#050b0e44),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23d4c5a3' opacity='.12' filter='url(%23noise)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");border:7px solid #38664f;outline:2px solid #b1a16a;outline-offset:-11px;box-shadow:inset 0 0 0 2px #d6b27c,inset 0 0 27px #0008,7px 8px 10px #0007;transform:rotate(-1.5deg);z-index:2}.hero-copy:before,.hero-copy:after{content:'';position:absolute;pointer-events:none;width:18px;height:18px;border:2px solid #bca276;border-radius:0 9px 0 9px;box-shadow:3px 3px 0 #1c4b43}.hero-copy:before{top:10px;left:10px}.hero-copy:after{right:10px;bottom:10px;transform:rotate(180deg)}.hero h1{font-family:Mercado,cursive;color:#fff4da;font-size:clamp(45px,5.25vw,76px);line-height:1.025;letter-spacing:-1.3px;text-shadow:1px 2px 0 #071e29}.hero h1 em:first-of-type{color:#ff68a3;text-shadow:1px 2px 0 #1c1327}.hero h1 em{color:var(--market-yellow);text-shadow:1px 2px 0 #1c1327}.hero .intro{font-family:Montserrat,Arial,sans-serif;max-width:none;white-space:nowrap;color:var(--market-cream);letter-spacing:2.3px;font-size:12px;margin:24px 0 21px;line-height:1.5}.hero .button{background:#d92970;color:white;font-family:Montserrat,Arial,sans-serif;padding:14px 22px;min-height:49px;font-size:12px;letter-spacing:.55px;box-shadow:3px 4px 0 #07222e;border:1px solid #fa8bb1;margin:0;transform:rotate(.5deg)}.hero .button:hover{background:#b51350;color:white;box-shadow:5px 5px 0 #061d26;transform:translateY(-2px)}.hero .button:focus-visible{outline:3px solid var(--market-yellow);outline-offset:6px}.market-sign{position:absolute;top:23px;left:54%;padding:11px 15px 8px;transform:rotate(-4deg);font-family:Cartel,Arial,sans-serif;font-size:clamp(27px,3.2vw,46px);line-height:.99;letter-spacing:-1px;text-align:center;background:#efdb9d;color:#a72922;border:6px solid #21615b;outline:2px solid #c5a561;box-shadow:3px 3px 0 #11352a,0 5px 13px #0008;text-shadow:1px 1px 0 #f4efc4;z-index:1}.market-sign:after{content:'';position:absolute;inset:2px;border:1px dashed #996432;pointer-events:none}.market-notice{position:absolute;bottom:9px;right:15px;font-family:Arial,sans-serif;font-size:8px;color:white;background:#102f3dbb;padding:3px 7px;letter-spacing:.7px}.hero-art .caption{display:none}
.explore{padding:16px 2.5% 30px;max-width:none;background:#fff2d7}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category{position:relative;padding:18px 13px 15px;min-height:196px;text-align:center;border:3px solid #303d40;outline:1px solid #f7e9b170;outline-offset:-7px;box-shadow:3px 4px 0 #b6a57f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23f5e8c0' opacity='.16' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");transition:transform .18s,box-shadow .18s}.category:before,.category:after{content:'';position:absolute;top:7px;width:4px;height:4px;background:#243636;border-radius:50%;box-shadow:0 2px 1px #fff5}.category:before{left:7px}.category:after{right:7px}.category:nth-child(1){background-color:#c82058;color:white;transform:rotate(-.7deg)}.category:nth-child(2){background-color:#f3e334;color:#102f3d;transform:rotate(.5deg)}.category:nth-child(3){background-color:#14618e;color:white;transform:rotate(-.5deg)}.category:nth-child(4){background-color:#287244;color:white;transform:rotate(.6deg)}.category:nth-child(5){background-color:#c82058;color:white;transform:rotate(-.5deg)}.category:nth-child(n) .symbol{width:75px;height:60px;margin:0 auto 14px;color:currentColor}.category .symbol svg{width:100%;height:100%}.category h2{font-family:Montserrat,Arial,sans-serif;font-weight:600;letter-spacing:0;font-size:13px;line-height:1.3;margin-bottom:7px}.category p{font-family:Arial,sans-serif;font-size:12px;line-height:1.35;max-width:24ch;margin:0 auto}.category .arrow{font-size:15px;top:auto;bottom:7px;right:9px;opacity:.8}.category:hover{transform:translateY(-5px);box-shadow:4px 8px 0 #b6a57f}.category:focus-visible{outline:3px solid #102f3d;outline-offset:4px}.recipes{padding-top:45px}
@media(min-width:1550px){.hero{padding-inline:max(2.6%,calc((100vw - 1480px)/2))}.hero-copy{width:680px}.hero h1{font-size:80px}.market-sign{left:53%}.categories{max-width:1500px;margin:auto}}
@media(max-width:1100px){header{gap:17px;padding-top:31px}.hero{min-height:500px}.hero-copy{padding:27px 24px 24px;min-height:445px}.hero h1{font-size:5.25vw}.hero .intro{font-size:10px;letter-spacing:1.6px}.hero .button{font-size:10px;padding-inline:18px}.category h2{font-size:11px}.category p{font-size:11px}.category{padding:17px 10px 14px;min-height:185px}.categories{gap:10px}nav{gap:13px;font-size:9px}header .wordmark{font-size:34px}}
@media(max-width:1000px){header{min-height:100px;padding-top:31px}.menu-toggle{color:#102f3d}nav{font-size:13px}nav a{border-color:#102f3d35}.hero{min-height:465px}.hero-copy{min-height:420px}.market-sign{top:21px;font-size:30px;padding:9px;border-width:5px}.hero h1{font-size:5.3vw}.hero .intro{letter-spacing:1.2px;font-size:9px}.category:nth-child(n) .symbol{width:62px;height:54px}.category{min-height:180px}.category h2{font-size:10px}.category p{font-size:10px}}
@media(max-width:700px){.hero{min-height:0;padding:20px 4% 0;display:flex;flex-direction:column;gap:0;background:#274b3e url('assets/market-ceviche.png') center/cover}.hero-copy{width:100%;min-height:0;transform:rotate(-1deg);padding:28px 28px 25px;margin:0;flex-shrink:0}.hero h1{font-size:clamp(45px,9.5vw,67px);line-height:1.04;letter-spacing:-1px}.hero .intro{font-size:11px;letter-spacing:1.5px;margin:23px 0 20px}.hero .button{font-size:11px;padding:14px 20px;min-height:50px}.hero-art{position:relative;inset:auto;width:calc(100% + 8.7%);margin:10px -4.35% 0;height:360px;min-height:0;z-index:0;transform:none;overflow:hidden}.hero-art>img{object-fit:cover;object-position:right center;width:200%;max-width:none;left:-100%;height:100%;border:0}.market-sign{left:8%;top:18px;font-size:30px;transform:rotate(-6deg)}.market-notice{font-size:7px;bottom:8px;right:8px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.explore{padding:18px 4% 30px}.category{min-height:195px;padding:20px 12px 17px}.category h2{font-size:12px}.category p{font-size:12px}.category:nth-child(n) .symbol{width:75px;height:60px}.category:last-child{grid-column:1/-1;min-height:170px}.category:last-child p{max-width:none}.header-social{font-size:12px;right:4%;top:7px}header{padding:34px 4% 14px;gap:10px;min-height:95px}header .wordmark{font-size:31px}.brand-lemon{width:27px;height:25px}.languages{font-size:11px}.menu-toggle{min-width:43px;font-size:11px}.recipes{padding-top:30px}}
@media(max-width:380px){header .wordmark{font-size:26px}header{gap:6px}.brand-lemon{width:23px;height:21px}.languages{font-size:10px}.hero-copy{padding:25px 20px 23px;border-width:6px}.hero h1{font-size:43px}.hero .intro{font-size:9px;letter-spacing:1.2px}.hero .button{font-size:10px;padding-inline:17px}.hero-art{height:310px}.market-sign{font-size:26px;left:6%}.category h2{font-size:10px}.category p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.category,.hero .button{transition:none}}
.hero-copy:before{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:url('assets/market-board-frame.svg') center/100% 100% no-repeat}
.hero-copy:after{display:none}