@charset "UTF-8";
@font-face{font-family:Cairo;src:url('assets/fonts/cairo-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/fonts/cairo-extrabold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:#f6f1e7;--ink:#211d18;--gold:#d4b073;--gold-dark:#a77a36;--cream:#fff8e9;--line:#dfd6c6;--content:1280px}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Cairo,"Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid var(--gold-dark);outline-offset:5px}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.whatsapp-icon{stroke:none;fill:currentColor}
.site-wrap{width:100%;min-height:100svh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column}
.site-header,.hero-grid,.brand-values,.site-footer{width:min(var(--content),90%);margin-inline:auto}
.site-header{position:relative;height:76px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand img{height:48px;width:34px;object-fit:contain}
.brand-type{font:900 18px/1 Arial,sans-serif;letter-spacing:-.6px}
.brand-type>span{font-weight:400;letter-spacing:1px;font-size:13px;margin-inline-start:3px}
.nav-actions{display:flex;align-items:center}
.header-ornament{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;pointer-events:none}
.header-ornament>span{width:35px;height:1px;background:#b395602e}
.header-ornament svg{width:92px;height:39px;overflow:visible}
.scarf-cloth{fill:#bf9652;stroke:#7f623b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.scarf-fold{stroke:#f7e4b9;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.language-switch{display:flex;align-items:center;gap:3px;background:#eae3d5;border:1px solid #e0d6c4;padding:3px;border-radius:25px;direction:ltr}
.language-switch .globe{width:14px;height:14px;margin:0 5px;color:#897b66}
.language-switch button{border:0;border-radius:20px;min-width:42px;height:32px;background:transparent;font-size:11px;cursor:pointer;color:#786c59;transition:background .2s,color .2s,box-shadow .2s}
.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--cream);box-shadow:0 2px 4px #211d1815}
.language-switch button:hover:not([aria-pressed=true]){background:#ded3c0}

/* The background spans the viewport; only the content has a width limit. */
.hero{position:relative;isolation:isolate;overflow:hidden;flex:1;display:grid;align-items:center;color:var(--cream);padding:46px 0 50px;background:#211d18}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#211d1810,#17151226),url('assets/countryside.png') center bottom/cover no-repeat;opacity:.4;pointer-events:none}
.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;min-height:455px}
.hero-copy{min-width:0}
h1{font-size:clamp(54px,5.5vw,84px);font-weight:800;line-height:1.25;letter-spacing:-2px;margin:0}
h1>span{display:inline-block;animation:reveal .85s .1s both}
h1>.title-gold{animation-delay:.24s}
.title-gold{color:var(--gold)}
.launch-status{display:flex;align-items:center;gap:9px;margin:16px 0 21px;animation:reveal .75s .4s both}
.launch-status p{font-size:16px;margin:0;color:var(--gold);font-weight:600}
.hourglass-lift{width:34px;height:38px;display:grid;place-items:center;animation:levitate 3s ease-in-out infinite}
.hourglass{width:25px;height:32px;overflow:visible;animation:turn-glass 6s cubic-bezier(.65,0,.35,1) infinite;transform-origin:50% 50%}
.glass-outline{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round}
.sand{fill:var(--gold);transform-box:fill-box;transform-origin:50% 100%}
.sand-top{animation:empty-sand 6s linear infinite}
.sand-bottom{animation:fill-sand 6s linear infinite}
.sand-stream{stroke:var(--gold);stroke-width:1;stroke-dasharray:2 2;animation:fall-sand .6s linear infinite}
.intro{font-size:20px;font-weight:700;line-height:1.8;color:var(--cream);margin:0;animation:reveal .75s .5s both}
.story-note{font-size:16px;font-weight:400;line-height:1.8;color:#d6bd91;margin:8px 0 0;animation:reveal .75s .6s both}
.contact-actions{display:flex;gap:14px;align-items:center;margin-top:25px;animation:reveal .75s .7s both}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:13px;font-weight:700;border-radius:6px;transition:transform .22s,background .22s,color .22s,border-color .22s,box-shadow .22s}
.button:hover{transform:translateY(-3px)}
.button-whatsapp{color:var(--ink);background:var(--gold);border:1px solid var(--gold);box-shadow:0 5px 20px #d4b0730b}
.button-whatsapp:focus-visible{background:#0e8545;border-color:#0e8545;color:#fff;box-shadow:0 8px 24px #0e854525}
@media(hover:hover){.button-whatsapp:hover{background:#0e8545;border-color:#0e8545;color:#fff;box-shadow:0 8px 24px #0e854525}}
.button-whatsapp>.whatsapp-icon{width:18px;height:18px}
.button-call{border:1px solid #d4b073b3;color:var(--cream);background:#211d1826}
.button-call:hover{border-color:var(--gold);background:#d4b0730c}
.button-call .icon{width:16px;height:16px}

.hero-visual{position:relative;width:100%;max-width:375px;justify-self:center;aspect-ratio:.82;animation:reveal 1s .25s both}
.chef-poster{position:absolute;inset:0 5% 3%;background:#d3b27b;border-radius:47% 47% 7px 7px;overflow:hidden;isolation:isolate;box-shadow:0 22px 60px #0003}
.chef-poster::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 25%,#f2dfbc,#cfa969)}
.poster-halo{position:absolute;inset:10px;border:1px solid #70501d45;border-radius:47% 47% 4px 4px;z-index:1;pointer-events:none}
.poster-outline{position:absolute;inset:-12px 2% 0;z-index:-1;pointer-events:none}
.poster-outline svg{width:100%;height:100%;overflow:visible}
.poster-outline path{fill:none;stroke:#d4b073ba;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-arch 1.6s .4s ease-out forwards}
.chef{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);height:83%;width:auto;max-width:94%;object-fit:contain;filter:drop-shadow(0 8px 4px #6442190d)}
.poster-signature{position:absolute;bottom:0;left:0;right:0;padding:24px 0 20px;text-align:center;background:linear-gradient(0deg,#e2c798 70%,#e2c79800);z-index:2;color:var(--ink)}
.poster-signature>span{font:900 clamp(28px,3vw,40px)/1 Arial,sans-serif;letter-spacing:-1.2px}
.poster-signature p{font-size:14px;margin:8px 0 0;line-height:1.4;display:flex;gap:12px;align-items:center;justify-content:center}
.poster-signature p::before,.poster-signature p::after{content:"";height:1px;width:18px;background:currentColor;opacity:.7}

.brand-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:36px}
.brand-values .value{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:150px;padding:25px 18px;border:1px solid #d8cfbd;border-radius:8px;background:transparent;box-shadow:none;text-align:center}
.value h2{font-size:19px;line-height:1.6;margin:0;font-weight:800}
.value-icon{width:33px;height:33px;fill:none;stroke:#c49a50;stroke-width:1.4;flex:none}
.site-footer{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.site-footer::before{content:"";position:absolute;inset-inline:0;top:14px;height:1px;background:#dfd6c68c}
.site-footer p{margin:0}
.site-footer b{font:900 11px Arial,sans-serif;letter-spacing:1px}
.site-footer small{font-size:9px;color:#938777}

html[lang=en] h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(51px,5.7vw,84px);font-weight:400;line-height:1.08;letter-spacing:-3px}
html[lang=en] .title-gold{font-style:italic}
html[lang=en] .intro{font-size:16px}
html[lang=en] .story-note{font-size:14px}
html[lang=en] .button{font-size:12px}
html[lang=en] .value h2{font-size:16px}
@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes turn-glass{0%,37%{transform:rotate(0)}50%,87%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes empty-sand{0%,50%,100%{transform:scaleY(1)}36%,86%{transform:scaleY(.15)}}
@keyframes fill-sand{0%,50%,100%{transform:scaleY(.2)}36%,86%{transform:scaleY(1)}}
@keyframes fall-sand{to{stroke-dashoffset:-4}}
@keyframes draw-arch{to{stroke-dashoffset:0}}

@media(min-width:1500px){.hero{padding-block:54px}.hero-grid{min-height:490px}.hero-visual{max-width:400px}.intro{font-size:22px}.story-note{font-size:18px}.contact-actions{margin-top:28px}.button{font-size:14px;min-height:55px}}
@media(max-width:1100px){
  .hero{padding-block:44px}.hero-grid{gap:6%;min-height:425px}
  h1{font-size:clamp(48px,5.9vw,65px)}.intro{font-size:17px}.story-note{font-size:14px}
  .hero-visual{max-width:330px}
  .button{padding-inline:18px;gap:8px;font-size:11px}
  html[lang=en] h1{font-size:clamp(45px,5.7vw,63px)}html[lang=en] .intro{font-size:13px}html[lang=en] .story-note{font-size:12px}
  .value h2{font-size:16px}html[lang=en] .value h2{font-size:13px}.value-icon{width:29px;height:29px}
}
@media(max-width:760px){
  .site-header{height:72px}.brand{gap:8px}.brand img{height:42px;width:29px}.brand-type{font-size:16px}.brand-type>span{font-size:10px}
  .language-switch .globe{width:13px;height:13px;margin-inline:4px}.language-switch button{min-width:36px;height:30px;font-size:10px}
  .hero{padding:36px 0 37px}.hero-grid{grid-template-columns:1fr;gap:35px;min-height:0}
  .hero-copy{width:100%;max-width:440px;justify-self:center;text-align:center}
  h1{font-size:clamp(51px,10.5vw,72px);line-height:1.28;letter-spacing:-1.5px}
  .launch-status{justify-content:center;gap:7px;margin:18px 0 19px}.launch-status p{font-size:13px}
  .hourglass-lift{width:29px;height:34px}.hourglass{width:23px;height:30px}
  .intro{font-size:16px}.story-note{font-size:13px;margin-top:7px}.contact-actions{justify-content:center;margin-top:22px;gap:10px}
  .button{min-height:48px;padding-inline:18px;font-size:11px}.button .icon{width:17px;height:17px}
  .hero-visual{width:75%;max-width:300px}.chef-poster{inset-inline:2%}.poster-outline{inset-inline:-1%}
  .poster-signature{padding:22px 0 17px}.poster-signature>span{font-size:31px}.poster-signature p{font-size:11px}
  .brand-values{width:92%;grid-template-columns:minmax(0,1fr);gap:14px;padding-block:30px}
  .brand-values .value{min-height:136px;padding:24px 18px}
  .value h2{font-size:13px;text-align:center}html[lang=en] .value h2{font-size:12px;text-align:center}.value-icon{width:27px;height:27px}
  .site-footer{min-height:65px;gap:10px}.site-footer b{font-size:10px}.site-footer small{font-size:8px;text-align:end}
  html[lang=en] h1{font-size:clamp(47px,10vw,72px);letter-spacing:-2px}
  html[lang=en] .intro{font-size:12px}html[lang=en] .story-note{font-size:11px}html[lang=en] .button{font-size:10px}
}
@media(max-width:640px){.header-ornament{display:none}}
@media(max-width:360px){
  h1{font-size:48px}.brand-type{font-size:14px}.brand-type>span{font-size:9px}.language-switch button{min-width:32px}
  .intro{font-size:14px}.story-note{font-size:12px}.button{padding-inline:14px;font-size:10px}
  .hero-visual{width:79%}.poster-signature>span{font-size:27px}
  .value h2{font-size:12px}html[lang=en] .value h2{font-size:11px}.site-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding-block:20px}.site-footer small{text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.poster-outline path{stroke-dashoffset:0}}