:root{--cream:#fff7e8;--ink:#1f1631;--tomato:#f5533d;--sky:#7ed4ff;--lemon:#f5e64e;--mint:#aee8c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito Sans",sans-serif;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font:26px "Archivo Black";color:var(--ink);text-decoration:none}.brand span{font:800 10px "Nunito Sans";letter-spacing:.17em;background:var(--lemon);padding:6px 8px;border-radius:99px;vertical-align:middle}.lang{display:flex;gap:7px;align-items:center;font-weight:800}.lang select{border:2px solid var(--ink);border-radius:99px;background:transparent;padding:7px 10px;font:700 13px "Nunito Sans";max-width:125px}
.hero{height:calc(100svh - 74px);min-height:650px;position:relative;overflow:hidden}.photo,.sauce{position:absolute;inset:0}.photo{background:url('assets/hero.webp') center/cover no-repeat}.sauce{background:linear-gradient(90deg,rgba(255,247,232,.96),rgba(255,247,232,.58) 39%,transparent 64%)}.hero-copy{height:100%;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.hero-copy>p,.label,.final>div>p{font-size:11px;font-weight:800;letter-spacing:.2em}.hero h1,h2{font-family:"Archivo Black",sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(58px,7.5vw,108px);line-height:.9;max-width:720px;margin:16px 0 30px;text-transform:uppercase}.hero-bottom{display:flex;gap:35px;align-items:center;max-width:650px}.hero-bottom span{max-width:410px;line-height:1.55}.hero-bottom a,.final a{background:var(--ink);color:#fff;text-decoration:none;border-radius:99px;padding:16px 23px;font-weight:800;white-space:nowrap;box-shadow:6px 6px 0 var(--tomato);transition:.2s}.hero-bottom a:hover,.final a:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--tomato)}
.ingredients{padding:110px 0}.label{color:var(--tomato)}.ingredients h2{font-size:clamp(42px,5vw,70px);line-height:.95;max-width:850px;margin:18px 0 48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:30px;border:2px solid var(--ink);border-radius:34px;min-height:300px;box-shadow:7px 7px 0 var(--ink)}.cards .tomato{background:var(--tomato);color:#fff}.cards .sky{background:var(--sky)}.cards .lemon{background:var(--lemon)}.cards article>span{font-weight:800}.cards h3{font:32px "Archivo Black";margin:72px 0 14px}.cards p{line-height:1.65;margin:0}
.chooser{background:var(--ink);color:#fff;padding:100px 0}.chooser-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.chooser .label{color:var(--lemon)}.chooser h2{font-size:52px;line-height:.95;margin:18px 0}.chooser-grid>div:first-child>p{color:#c7bfd3;line-height:1.65}.fuel-tabs{display:flex;gap:8px}.fuel-tabs button{flex:1;border:1px solid #645c70;border-radius:99px;background:transparent;color:#aaa2b4;padding:12px;font-weight:800;cursor:pointer}.fuel-tabs button.active{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}.plate{margin-top:20px;min-height:190px;border-radius:50%;background:#fff;color:var(--ink);padding:55px;display:flex;align-items:center;gap:25px;box-shadow:inset 0 0 0 15px #ddd}.flame{font-size:35px;color:var(--tomato)}.plate p{line-height:1.55;margin:0}
.caution{padding:85px 0;display:grid;grid-template-columns:70px 1fr 1.25fr;gap:32px;align-items:center}.caution>div{width:58px;height:58px;border-radius:50%;background:var(--tomato);color:#fff;display:grid;place-items:center;font:28px "Archivo Black"}.caution h2{font-size:30px}.caution p{line-height:1.65}.final{padding:95px 0;background:var(--mint)}.final>div{display:grid;grid-template-columns:1fr 1.4fr;gap:25px 70px;align-items:end}.final>div>p{grid-column:1/-1}.final h2{font-size:48px;margin:0}.final span{line-height:1.6}.final a{justify-self:start;grid-column:2;margin-top:8px}footer{background:var(--ink);color:#bfb8c9;padding:28px 0;font-size:12px}footer>div{display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{max-width:800px;line-height:1.55;margin:0}footer a{color:#fff;text-decoration:none;white-space:nowrap}
[dir=rtl] .sauce{background:linear-gradient(270deg,rgba(255,247,232,.96),rgba(255,247,232,.58) 39%,transparent 64%)}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.nav{height:64px}.brand{font-size:22px}.brand span{display:none}.lang select{max-width:96px}.hero{height:auto;min-height:750px}.photo{height:55%;background-position:63% center}.sauce{background:linear-gradient(0deg,var(--cream) 42%,rgba(255,247,232,.15) 76%,transparent)}.hero-copy{height:auto;min-height:750px;justify-content:flex-end;padding-top:300px;padding-bottom:50px}.hero h1{font-size:52px}.hero-bottom{display:block}.hero-bottom span{display:block;font-size:15px}.hero-bottom a{display:flex;justify-content:center;margin-top:26px;width:100%}.ingredients{padding:75px 0}.ingredients h2{font-size:42px}.cards{grid-template-columns:1fr}.cards article{min-height:240px}.cards h3{margin-top:45px}.chooser{padding:72px 0}.chooser-grid{grid-template-columns:1fr;gap:35px}.chooser h2{font-size:42px}.plate{border-radius:30px;padding:34px;min-height:170px}.caution{grid-template-columns:55px 1fr;padding:65px 0;gap:15px}.caution p{grid-column:1/-1}.final{padding:70px 0}.final>div{grid-template-columns:1fr;gap:20px}.final>div>*{grid-column:1!important}.final h2{font-size:42px}footer>div{flex-direction:column;align-items:flex-start;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bottom a,.final a{transition:none}}
