:root{--forest:#17352d;--cream:#f3efe5;--paper:#fbfaf6;--red:#9d2e2b;--ink:#15201c;--muted:#68736d;--line:#d8d7cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1;font-weight:800;letter-spacing:.09em}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:.35em;color:var(--red)}.brand-mark{width:39px;height:39px;border:1px solid var(--forest);display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;letter-spacing:-.1em}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a:hover{color:var(--red)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.nav-cta{background:var(--forest);color:white;padding:14px 19px;font-size:12px;font-weight:700}.hero{min-height:650px;position:relative;display:flex;align-items:center;padding:70px 8vw;color:white;background:url('https://images.unsplash.com/photo-1529692236671-f1f6cf9683ba?auto=format&fit=crop&w=2000&q=88') center 58%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,21,.93) 0%,rgba(10,25,21,.6) 52%,rgba(10,25,21,.1) 100%)}.hero-content{position:relative;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--red);margin:0 0 22px}.eyebrow.light{color:#d9aa7f}.hero h1,.section h2,.about h2,.inquiry h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(48px,6.5vw,86px);line-height:.98;letter-spacing:-.04em;margin:0}.hero-copy{font-size:17px;line-height:1.65;max-width:570px;color:#e3e8e5;margin:28px 0 34px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:50px;padding:0 23px;border:0;font-size:12px;letter-spacing:.03em;font-weight:800;cursor:pointer}.button-primary{background:var(--red);color:white}.button-primary:hover{background:#832522}.button-ghost{border:1px solid rgba(255,255,255,.5);color:white}.hero-note{position:absolute;right:6vw;bottom:34px;display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.5;color:#e2e7e4}.hero-note span{font-family:Georgia,serif;font-size:31px;color:#d9aa7f}.section{padding-left:8vw;padding-right:8vw}.intro{padding-top:105px;padding-bottom:52px;display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:end}.intro h2,.market h2{font-size:clamp(40px,4.6vw,64px);line-height:1.03;letter-spacing:-.04em;margin:0}.intro em{color:var(--red);font-weight:400}.section-lead,.market-grid>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:480px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:110px}.product-image{height:330px;overflow:hidden;position:relative;background:#ddd}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.035)}.product-number{position:absolute;left:0;bottom:0;padding:10px 15px;background:var(--paper);font-family:Georgia,serif;font-size:18px}.product-type{color:var(--red)!important;text-transform:uppercase;font-size:10px!important;letter-spacing:.17em;font-weight:800;margin:22px 0 8px!important}.product-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 12px}.product-card>p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.product-card>a{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:12px;font-weight:800}.about{background:var(--forest);display:grid;grid-template-columns:1fr 1fr;color:white;min-height:620px}.about-image{background:url('https://images.unsplash.com/photo-1577219491135-ce391730fb2c?auto=format&fit=crop&w=1200&q=85') center/cover;min-height:520px}.about-copy{padding:90px 9vw 80px 7vw}.about h2{font-size:clamp(42px,4.5vw,62px);line-height:1.04;letter-spacing:-.04em;margin:0 0 30px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#cbd7d2}.credentials{margin-top:30px;display:grid;gap:13px;border-top:1px solid rgba(255,255,255,.16);padding-top:25px}.credentials span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.credentials svg{color:#d9aa7f}.market{padding-top:100px;padding-bottom:110px}.market-grid{display:grid;grid-template-columns:1.25fr .8fr .35fr .35fr;gap:5vw;align-items:start}.market-stat{border-left:1px solid var(--line);padding-left:24px}.market-stat strong{font-family:Georgia,serif;font-size:43px;font-weight:400;display:block;color:var(--red)}.market-stat span{color:var(--muted);font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}.inquiry{display:grid;grid-template-columns:.85fr 1.15fr;background:#243d35;color:white;padding:100px 8vw;gap:10vw}.inquiry h2{font-size:clamp(42px,4.6vw,64px);line-height:1.04;letter-spacing:-.04em;margin:0 0 30px}.inquiry-intro>p:last-child{color:#cbd7d2;line-height:1.75;font-size:14px}.inquiry-form{background:var(--paper);color:var(--ink);padding:38px;display:grid;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}input,select,textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 2px;border-radius:0;color:var(--ink);font:14px Arial,sans-serif;outline:none;text-transform:none;letter-spacing:0}input:focus,select:focus,textarea:focus{border-color:var(--red)}textarea{resize:vertical}.inquiry-form .button{width:max-content;margin-top:4px}.form-note{color:#858c88;font-size:10px;margin:0}footer{background:#102720;color:white;padding:70px 8vw 24px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr .6fr;gap:5vw;padding-bottom:55px}.footer-brand{margin-bottom:22px}.footer-brand .brand-mark{border-color:#d3dfda}.footer-main h3{color:#d9aa7f;text-transform:uppercase;letter-spacing:.16em;font-size:10px;margin:0 0 20px}.footer-main p,.footer-main a:not(.brand){color:#b9c7c1;font-size:12px;line-height:1.8;display:flex;gap:8px;align-items:center;margin:0 0 8px}.contact-line{align-items:flex-start!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#82918b;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:900px){nav{display:none}.intro,.about,.inquiry{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.market-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.about-image{min-height:440px}.hero-note{display:none}}
@media(max-width:620px){.site-header{height:72px}.nav-cta{display:none}.hero{min-height:620px;padding:60px 7vw}.hero h1{font-size:49px}.intro{grid-template-columns:1fr;padding-top:78px}.product-grid{grid-template-columns:1fr}.product-image{height:300px}.about-copy,.inquiry{padding:75px 7vw}.market-grid,.field-row{grid-template-columns:1fr}.market-stat{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}.inquiry-form{padding:27px 21px}.footer-main{grid-template-columns:1fr}.footer-bottom{gap:10px;flex-direction:column}.section{padding-left:7vw;padding-right:7vw}}

/* Mila Grill Online brand and product details */
.logo-brand img{display:block;width:190px;height:58px;object-fit:contain;object-position:left center}
.footer-brand{display:inline-flex;background:transparent;padding:0;border-radius:2px;margin-bottom:22px}
.footer-brand img{filter:none;opacity:1;width:260px;height:auto;border-radius:2px}
.hero{background-image:url('/images/helt-notkott.png');background-position:center;background-size:cover}
.about-image{background-image:url('/images/kyckling-sortiment.png');background-position:center;background-size:cover}
.origin{display:grid;gap:3px;border-left:2px solid var(--red);padding-left:10px;margin:0 0 15px}
.origin span{font-size:9px;color:var(--muted);letter-spacing:.15em;font-weight:800}
.origin strong{font-size:12px}
.cuts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:16px 0 0;margin:15px 0 0;border-top:1px solid var(--line);list-style:none}
.cuts li{font-size:11px;color:var(--muted)}
.cuts li:before{content:'•';color:var(--red);margin-right:7px}
@media(max-width:620px){.logo-brand img{width:154px;height:48px}.cuts{grid-template-columns:1fr}}

.footer-wordmark{display:inline-flex;align-items:center;gap:13px;margin-bottom:24px;color:var(--cream)}
.footer-logo-mark{width:58px;height:58px;border:2px solid #d9aa7f;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:-.05em;color:var(--cream)}
.footer-logo-name{font-family:Georgia,serif;font-size:29px;font-weight:700;line-height:.9;white-space:nowrap}
.footer-logo-name small{display:block;margin-top:10px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.42em;color:#d9aa7f}

/* Full-screen pastoral hero with a subtle cinematic zoom */
.site-header{position:absolute;top:0;left:0;width:100%;background:rgba(251,250,246,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero{min-height:100vh;padding-top:150px;background:none;overflow:hidden;isolation:isolate}
.hero:before{content:'';position:absolute;inset:-5%;z-index:-2;background:url('images/hero-pasture-v4.png') center/cover no-repeat;animation:hero-drift 18s ease-in-out infinite alternate;will-change:transform}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,28,22,.84) 0%,rgba(9,28,22,.52) 44%,rgba(9,28,22,.08) 76%)}
.hero-content,.hero-note{z-index:1}
@keyframes hero-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.2%,-.8%,0)}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}

/* Two-slide pan, zoom, rotate and crossfade animation */
.hero:before{display:none}
.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-slide{position:absolute;inset:-5%;background-position:center;background-size:cover;background-repeat:no-repeat;will-change:transform,opacity}
.hero-slide-one{background-image:url('images/hero-pasture-v4.png');animation:hero-slide-one 18s ease-in-out infinite}
.hero-slide-two{background-image:url('images/hero-pasture-slide-2-v5.png');animation:hero-slide-two 18s ease-in-out infinite}
@keyframes hero-slide-one{0%{opacity:1;transform:scale(1) translate3d(0,0,0) rotate(0)}44%{opacity:1;transform:scale(1.09) translate3d(-1.2%,-.7%,0) rotate(.18deg)}50%{opacity:0;transform:scale(1.1) translate3d(-1.4%,-.8%,0) rotate(.22deg)}94%{opacity:0;transform:scale(1) translate3d(0,0,0) rotate(0)}100%{opacity:1;transform:scale(1) translate3d(0,0,0) rotate(0)}}
@keyframes hero-slide-two{0%,44%{opacity:0;transform:scale(1.1) translate3d(1.2%,-.5%,0) rotate(-.2deg)}50%{opacity:1;transform:scale(1.09) translate3d(1%,-.4%,0) rotate(-.16deg)}94%{opacity:1;transform:scale(1) translate3d(0,0,0) rotate(0)}100%{opacity:0;transform:scale(1) translate3d(0,0,0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.hero-slide-two{display:none}}

/* Larger, more readable homepage typography */
.hero h1{font-size:clamp(62px,7.6vw,108px);line-height:.94;max-width:900px}
.hero-copy{font-size:clamp(18px,1.55vw,23px);line-height:1.55;max-width:680px;margin-top:32px}
.hero .eyebrow{font-size:13px;letter-spacing:.24em}
.hero .button{min-height:56px;padding:0 28px;font-size:14px}
@media(max-width:620px){.hero h1{font-size:clamp(50px,14vw,66px);line-height:.98}.hero-copy{font-size:18px}.hero .eyebrow{font-size:10px}.hero .button{min-height:52px;font-size:12px}}

.form-status{display:none;margin:0;padding:13px 16px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0}
.form-status.success{display:block;background:#e4f2e9;color:#1f6239;border-left:3px solid #38865a}
.form-status.error{display:block;background:#f8e5e3;color:#8a2825;border-left:3px solid var(--red)}
.inquiry-form button:disabled{opacity:.65;cursor:wait}

/* Relative asset paths for standard shared hosting */
.hero{background-image:url('images/helt-notkott.png')}
.about-image{background-image:url('images/kyckling-sortiment.png')}