:root{--orange:#f7a20c;--red:#b9271e;--green:#174f47;--ink:#17201f;--cream:#fff3d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.mark{display:flex;flex-direction:column;font-weight:1000;line-height:.82;letter-spacing:-.05em;transform:skew(-4deg)}.mark span{font-size:15px;color:var(--red)}.mark strong{font-size:24px;color:var(--green)}.nav nav{display:flex;gap:28px;font-size:12px;font-weight:900;text-transform:uppercase}.nav nav a:hover{color:var(--red)}.navCta{border:2px solid var(--ink);padding:13px 18px 11px;font-size:12px;font-weight:950;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink)}
.hero{position:relative;overflow:hidden;background:var(--orange);border-block:2px solid var(--ink)}.heroPattern{position:absolute;inset:0;opacity:.25;background:url('images/zlinkrofi-vzorec.png') repeat;background-size:567px 252px;mix-blend-mode:multiply}.heroGrid{min-height:650px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;padding-block:52px 74px}.eyebrow{margin:0 0 18px;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{color:var(--red);margin-right:7px}.eyebrow.dark span{color:var(--orange)}h1,h2{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;line-height:.86;text-transform:uppercase}h1{color:white;font-size:clamp(62px,7.3vw,112px);text-shadow:5px 5px 0 var(--red),8px 8px 0 #17201f33;-webkit-text-stroke:1px var(--red);transform:skew(-3deg)}h1 em,h2 em{color:var(--red);font-style:normal}.heroSlogan{margin:24px 0 6px;font:italic 800 26px Georgia,serif}.lead{max-width:610px;margin-top:8px;font-size:18px;line-height:1.5;font-weight:750}.actions,.contactActions{display:flex;align-items:center;gap:26px;margin-top:30px}.primary{display:inline-flex;gap:24px;align-items:center;background:var(--green);color:white;border:2px solid var(--ink);padding:18px 20px 16px;font-weight:950;font-size:13px;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink);transition:.18s}.primary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.textLink{font-size:13px;font-weight:950;text-transform:uppercase;border-bottom:2px solid;padding-bottom:4px}.heroVisual{position:relative;justify-self:end;width:min(430px,100%);height:535px;display:flex;align-items:center;justify-content:center}.heroVisual img{position:relative;z-index:2;width:302px;height:550px;object-fit:cover;object-position:center top;border:3px solid var(--ink);box-shadow:15px 15px 0 var(--red);transform:rotate(3deg)}.sun{position:absolute;width:420px;height:420px;border-radius:50%;background:#ffd35e;border:2px solid var(--ink)}.stamp{position:absolute;z-index:3;right:-5px;top:36px;width:96px;aspect-ratio:1;border-radius:50%;background:var(--green);color:white;border:4px solid var(--cream);outline:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:8px;font-weight:900;letter-spacing:.12em;transform:rotate(10deg)}.stamp strong{font-size:24px}.caption{position:absolute;z-index:3;bottom:3px;left:-25px;background:var(--cream);border:2px solid var(--ink);padding:12px 15px 10px;font:21px/1 Impact,sans-serif;text-transform:uppercase;transform:rotate(-5deg)}.ticker{position:relative;z-index:4;display:flex;justify-content:space-around;gap:24px;white-space:nowrap;overflow:hidden;background:var(--green);color:white;border-top:2px solid var(--ink);padding:15px 12px 12px;font-weight:950;font-size:12px;letter-spacing:.08em}.ticker b{color:var(--orange)}
.offer,.services,.story{padding-block:100px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.sectionHead h2,.story h2,.services h2,.cta h2{font-size:clamp(54px,7vw,90px)}.sectionHead>p{max-width:390px;margin:0;font-size:18px;line-height:1.55;font-weight:700}.productGrid,.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.product{min-height:350px;position:relative;overflow:hidden;padding:24px;border-right:2px solid var(--ink)}.product:last-child{border:0}.product.rust{background:#8f3b24;color:white}.product.green{background:var(--green);color:white}.product.cream{background:#f9d998}.product .num{font-size:11px;font-weight:900}.dumpling{text-align:center;height:160px;margin-top:8px;color:#f3bd62;font:190px/120px Georgia,serif;text-shadow:0 8px 0 #0002}.product.cream .dumpling{color:var(--orange)}.product h3{margin:8px 0 10px;font:32px/1 Impact,sans-serif;text-transform:uppercase}.product p{max-width:300px;margin:0;font-size:15px;line-height:1.5;font-weight:700}.making{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;margin-top:48px;padding:40px;background:var(--orange);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.making h3{max-width:540px;margin:0;font:36px/1.05 Impact,sans-serif;text-transform:uppercase}.makingSteps{display:grid;grid-template-columns:repeat(2,1fr);align-content:center}.makingSteps span{padding:18px 12px;border-bottom:2px solid #17201f55;font-size:12px;font-weight:950;text-transform:uppercase}
.services{background:#8f3b24;color:white;border-block:2px solid var(--ink)}.inverse h2 em{color:var(--orange)}.serviceGrid article{min-height:285px;padding:30px;background:var(--cream);color:var(--ink);border-right:2px solid var(--ink)}.serviceGrid article:last-child{border:0}.serviceGrid span{color:var(--red);font-size:12px;font-weight:950}.serviceGrid h3{margin:55px 0 12px;font:34px/1 Impact,sans-serif;text-transform:uppercase}.serviceGrid p{margin:0;font-size:16px;line-height:1.55;font-weight:650}.story{background:var(--green);color:white;border-bottom:2px solid var(--ink)}.storyGrid{display:grid;grid-template-columns:.72fr 1fr;gap:90px;align-items:center}.poster{background:var(--orange);padding:22px;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--red);transform:rotate(-2deg)}.poster img{display:block;width:100%;max-height:570px;object-fit:cover;object-position:top;border:2px solid var(--ink)}.storyCopy>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.65;color:#efe6cf}.storyCopy h2 em{color:var(--orange)}.qualityBadge{display:flex;align-items:center;gap:20px;margin-top:32px;padding:20px;border:2px solid var(--orange)}.qualityBadge strong{max-width:150px;color:var(--orange);font:24px/1 Impact,sans-serif}.qualityBadge span{font-size:13px;line-height:1.5;font-weight:750}.cta{background:var(--red);color:white;text-align:center;padding-block:105px}.ctaInner{display:flex;flex-direction:column;align-items:center}.cta h2 em{color:var(--orange)}.cta p:not(.eyebrow){font-size:18px;margin:25px 0 0}.primary.light{background:var(--cream);color:var(--ink)}.lightLink{color:white}.footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:900;text-transform:uppercase}
@media(max-width:800px){.nav nav{display:none}.nav{height:72px}.navCta{padding:10px}.heroGrid{grid-template-columns:1fr;padding-top:58px}.heroCopy{text-align:center}.lead{margin-inline:auto}.actions{justify-content:center}.heroVisual{justify-self:center;height:510px}.heroVisual img{height:480px;width:264px}.sun{width:340px;height:340px}.productGrid,.serviceGrid{grid-template-columns:1fr}.product{min-height:280px;border-right:0;border-bottom:2px solid var(--ink)}.serviceGrid article{min-height:auto;border-right:0;border-bottom:2px solid var(--ink)}.serviceGrid h3{margin-top:28px}.making,.storyGrid{grid-template-columns:1fr}.storyGrid{gap:65px}.poster{max-width:400px;margin:auto}.sectionHead{display:block}.sectionHead>p{margin-top:24px}.ticker{justify-content:flex-start}}@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}h1{font-size:53px}.heroSlogan{font-size:22px}.heroGrid{min-height:auto;padding-bottom:55px}.heroVisual{height:430px}.heroVisual img{width:220px;height:400px}.sun{width:285px;height:285px}.caption{left:0}.stamp{right:0}.actions,.contactActions{flex-direction:column}.offer,.services,.story{padding-block:75px}.sectionHead h2,.story h2,.services h2,.cta h2{font-size:46px}.making{padding:26px}.makingSteps{grid-template-columns:1fr}.qualityBadge{align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:32px}.footer p{width:100%;order:3}}
.productGrid{box-shadow:none;border-right:0;border-bottom:0}.product,.product:last-child{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
@media(max-width:800px){.productGrid{grid-template-columns:repeat(2,1fr)}.product{min-height:300px}}
@media(max-width:520px){.productGrid{grid-template-columns:1fr}}
.heroPattern{background-size:340px 151px}
.productGrid{grid-template-columns:repeat(2,1fr)}.product{min-height:560px;padding:26px}.productThumb{display:block;width:100%;height:300px;margin:16px 0 22px;object-fit:contain;background:#fff3d3;border:2px solid var(--ink)}.product h3{font-size:38px}.productLink{display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding-bottom:4px;border-bottom:2px solid currentColor;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.productPage{min-height:100vh;background:var(--cream);border-top:12px solid var(--accent)}.detailNav{width:min(1180px,calc(100% - 40px));height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between}.backLink{font-size:12px;font-weight:950;text-transform:uppercase;border-bottom:2px solid}.detailShell{width:min(1180px,calc(100% - 40px));margin:auto}.detailGrid{min-height:calc(100vh - 102px);display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center;padding-block:55px 80px}.detailImage{padding:24px;background:var(--accent);border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ink);transform:rotate(-1deg)}.detailImage img{display:block;width:100%;max-height:680px;object-fit:contain;border:2px solid var(--ink);background:white}.detailCopy h1{max-width:720px;color:white;font-size:clamp(70px,9vw,130px);text-shadow:5px 5px 0 var(--red),8px 8px 0 #17201f33}.detailLead{max-width:650px;font-size:21px;line-height:1.6;font-weight:700}.detailNote{display:flex;flex-direction:column;gap:7px;max-width:620px;margin:28px 0;padding:22px;border:2px solid var(--ink);background:var(--accent);box-shadow:6px 6px 0 var(--ink)}.detailNote strong{text-transform:uppercase;font-size:12px;letter-spacing:.1em}.detailNote span{font-size:16px;line-height:1.45;font-weight:700}.detailFacts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.detailFacts span{padding:8px 11px;border:1px solid var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.productGrid{grid-template-columns:1fr}.product{min-height:auto}.detailGrid{grid-template-columns:1fr;gap:55px}.detailImage{max-width:470px;margin:auto}.detailCopy h1{font-size:74px}}
@media(max-width:520px){.productThumb{height:240px}.detailNav,.detailShell{width:min(100% - 24px,1180px)}.detailNav{height:76px}.detailGrid{padding-top:28px}.detailImage{padding:14px;box-shadow:8px 8px 0 var(--ink)}.detailCopy h1{font-size:56px}.detailLead{font-size:18px}}
.productThumb[src$="izdelek-s-sirom.png"]{object-fit:cover;object-position:center 34%}.detailImage img[src$="izdelek-s-sirom.png"]{aspect-ratio:1;object-fit:cover;object-position:center}