*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;background:#ece2d0}
img{display:block;max-width:100%}
@keyframes wapRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.site{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#243027;-webkit-font-smoothing:antialiased}
.page{background:#ece2d0;font-family:'Hanken Grotesk',sans-serif;color:#241d12}
.header{display:flex;align-items:center;justify-content:space-between;padding:22px 48px;background:#1f2a22;color:#f1e8d6}
.brand{display:flex;align-items:center;gap:13px}
.brand-logo{background:#f1e8d6;padding:7px 12px;border-radius:6px;display:inline-flex}
.brand-img{height:38px;width:auto;display:block}
.nav{display:flex;gap:32px;font-size:15px;font-weight:600}
.nav-link{cursor:pointer}
.nav-link:hover{color:#e7b75c}
.dropdown{position:relative}
.menu{position:absolute;top:calc(100% + 20px);right:0;min-width:234px;background:#1f2a22;border:1px solid #34433a;border-top:3px solid #c4892c;border-radius:4px;padding:8px;box-shadow:0 22px 48px rgba(0,0,0,.45);display:none;z-index:50}
.menu-link{display:block;text-decoration:none;color:#f1e8d6;font-family:'Schibsted Grotesk',sans-serif;font-weight:700;font-size:14px;padding:11px 14px;border-radius:3px}
.menu-link:hover{background:#2a3a2f;color:#e7b75c}
.btn-primary{font-family:'Schibsted Grotesk',sans-serif;font-size:14px;font-weight:700;color:#1f2a22;background:#c4892c;border:none;border-radius:4px;padding:11px 22px;cursor:pointer}
.btn-primary:hover{background:#e7b75c}
.hero{position:relative;height:720px;background-image:linear-gradient(0deg,rgba(31,22,6,.72) 0%,rgba(31,22,6,.18) 45%,rgba(31,22,6,.28) 100%),url('assets/Kor wapnö.jpg');background-size:cover;background-position:center 60%;display:flex;align-items:flex-end}
.hero-inner{max-width:1180px;margin:0 auto;width:100%;padding:0 48px 72px}
.eyebrow{font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#e7b75c}
.hero-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;font-size:104px;line-height:.94;letter-spacing:-.025em;margin-top:18px;color:#f6efe0;text-wrap:balance}
.hero-text{font-size:21px;line-height:1.55;margin-top:26px;max-width:560px;color:#f0e6d3}
.actions{display:flex;gap:14px;margin-top:32px}
.btn-ghost{font-family:'Schibsted Grotesk',sans-serif;font-size:16px;font-weight:700;color:#1f2a22;background:#ece2d0;border:none;border-radius:4px;padding:15px 28px;cursor:pointer}
.btn-ghost:hover{background:#fff}
.btn-outline{font-family:'Schibsted Grotesk',sans-serif;font-size:16px;font-weight:700;color:#f6efe0;background:transparent;border:2px solid rgba(246,239,224,.6);border-radius:4px;padding:15px 28px;cursor:pointer}
.btn-outline:hover{border-color:#fff}
.section{background:#ece2d0;padding:104px 48px}
.container{max-width:1180px;margin:0 auto}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px}
.eyebrow-2{font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#a4452f}
.heading{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;font-size:56px;line-height:.98;letter-spacing:-.02em;margin-top:14px;color:#241d12}
.lead{max-width:340px;font-size:16px;line-height:1.55;color:#463b29}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.tile{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/Kor wapnö.jpg');background-size:cover;background-position:center;cursor:pointer}
.tile-overlay{position:absolute;left:18px;right:14px;bottom:16px;color:#f6efe0}
.tile-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:19px;line-height:1.05}
.tile-text{font-size:13px;color:#e6dcc8;margin-top:4px;line-height:1.4}
.tile-2{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/Wapnö_slott.jpg');background-size:cover;background-position:center 38%;cursor:pointer}
.tile-3{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/gårdshotell.webp');background-size:cover;background-position:center;cursor:pointer}
.tile-4{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center;cursor:pointer}
.tile-5{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/dairy-line.jpg');background-size:cover;background-position:center;cursor:pointer}
.tile-6{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/grillat_kott.webp');background-size:cover;background-position:center;cursor:pointer}
.tile-7{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/Öl.webp');background-size:cover;background-position:center;cursor:pointer}
.tile-8{position:relative;height:250px;border-radius:5px;background-image:linear-gradient(0deg,rgba(20,29,18,.85) 0%,rgba(20,29,18,.05) 62%),url('assets/Vallskörd.jpg');background-size:cover;background-position:center;cursor:pointer}
.story{background:#1f2a22;color:#f1e8d6;padding:110px 48px}
.story-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.story-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;font-size:60px;line-height:1;letter-spacing:-.02em;margin-top:18px}
.story-text{font-size:21px;line-height:1.6;margin-top:26px;color:#e6dcc8;max-width:520px}
.quote{font-family:'Newsreader',serif;font-style:italic;font-size:26px;line-height:1.4;margin-top:30px;color:#e7b75c;max-width:480px}
.story-img{height:520px;background-image:url('assets/calf-barn.jpg');background-size:cover;background-position:center;border-radius:4px}
.band{height:480px;background-image:url('assets/Vallskörd.jpg');background-size:cover;background-position:center 65%}
.visit-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.visit-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;font-size:58px;line-height:.98;letter-spacing:-.02em;margin-top:16px;color:#241d12}
.visit-text{font-size:20px;line-height:1.6;margin-top:22px;color:#463b29;max-width:460px}
.btn-visit{font-family:'Schibsted Grotesk',sans-serif;font-size:16px;font-weight:700;color:#f6efe0;background:#a4452f;border:none;border-radius:4px;padding:15px 28px;margin-top:28px;cursor:pointer}
.btn-visit:hover{background:#8c3826}
.visit-img{height:480px;background-image:url('assets/Wapnö Betessläpp.jpg');background-size:cover;background-position:center;border-radius:4px}
.products{background:#241d12;color:#f1e8d6;padding:104px 48px}
.products-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}
.products-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;font-size:52px;line-height:1;letter-spacing:-.02em;max-width:560px}
.products-link{font-weight:700;color:#e7b75c;text-decoration:none;font-size:16px}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.product-img{height:340px;background-image:url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center;border-radius:4px}
.product-title{font-family:'Schibsted Grotesk',sans-serif;font-weight:700;font-size:21px;margin-top:16px}
.product-text{font-size:15px;color:#c5b89e;margin-top:6px;line-height:1.5}
.product-img-2{height:340px;background-image:url('assets/dairy-line.jpg');background-size:cover;background-position:center;border-radius:4px}
.product-img-3{height:340px;background-image:url('assets/cows-sky.jpg');background-size:cover;background-position:center;border-radius:4px}
.footer{background:#1f2a22;color:#c5b89e;padding:64px 48px 48px;border-top:4px solid #c4892c}
.footer-cols{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}
.footer-brand{max-width:300px}
.footer-logo{display:flex;align-items:center;gap:12px}
.footer-logo-box{background:#f1e8d6;padding:6px 10px;border-radius:6px;display:inline-flex}
.footer-logo-img{height:34px;width:auto;display:block}
.footer-text{margin-top:16px;font-size:15px;line-height:1.6}
.footer-links{display:flex;gap:56px;font-size:15px;line-height:2}
.footer-head{color:#e7b75c;font-weight:700;margin-bottom:6px}