*{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;background:#f4f0e6}
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:#f4f0e6;font-family:'Hanken Grotesk',sans-serif}
.header{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-bottom:1px solid #e3dccb}
.brand{display:flex;align-items:center;gap:13px}
.brand-logo{height:48px;width:auto;display:block}
.nav{display:flex;gap:34px;font-size:15px;font-weight:500;color:#3a4639}
.nav-link{cursor:pointer}
.nav-link:hover{color:#8e2f2a}
.dropdown{position:relative}
.menu{position:absolute;top:calc(100% + 18px);right:0;min-width:222px;background:#f4f0e6;border:1px solid #e3dccb;border-radius:6px;padding:10px;box-shadow:0 18px 40px rgba(30,43,35,.16);display:none;z-index:50}
.menu-link{display:block;text-decoration:none;color:#3a4639;font-size:15px;font-weight:500;padding:10px 12px;border-radius:4px}
.menu-link:hover{background:#efe9da;color:#8e2f2a}
.btn-primary{font-family:inherit;font-size:14px;font-weight:600;color:#f4f0e6;background:#1e2b23;border:none;border-radius:30px;padding:11px 22px;cursor:pointer}
.btn-primary:hover{background:#8e2f2a}
.hero{position:relative;height:660px;background-image:linear-gradient(90deg,rgba(20,28,22,.62) 0%,rgba(20,28,22,.12) 55%,rgba(20,28,22,0) 100%),url('assets/Wapnö_slott.jpg');background-size:cover;background-position:center 38%}
.hero-inner{position:absolute;left:48px;bottom:64px;max-width:620px;color:#f6f2e8}
.eyebrow{font-size:13px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:#e7d8a8}
.hero-title{font-family:'Newsreader',serif;font-weight:400;font-size:74px;line-height:1.02;letter-spacing:-.015em;margin-top:18px}
.hero-text{font-size:20px;line-height:1.55;margin-top:22px;max-width:500px;color:#ede6d6}
.actions{display:flex;gap:14px;margin-top:30px}
.btn-light{font-family:inherit;font-size:15px;font-weight:600;color:#1e2b23;background:#f4f0e6;border:none;border-radius:30px;padding:14px 26px;cursor:pointer}
.btn-light:hover{background:#fff}
.btn-ghost{font-family:inherit;font-size:15px;font-weight:600;color:#f6f2e8;background:transparent;border:1.5px solid rgba(246,242,232,.65);border-radius:30px;padding:14px 26px;cursor:pointer}
.btn-ghost:hover{border-color:#fff}
.parts{background:#efe9da;padding:100px 48px;border-top:1px solid #e3dccb;border-bottom:1px solid #e3dccb}
.parts-inner{max-width:1180px;margin:0 auto}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px}
.eyebrow-accent{font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#8e2f2a}
.heading{font-family:'Newsreader',serif;font-weight:400;font-size:46px;line-height:1.06;margin-top:14px;letter-spacing:-.01em}
.lead{max-width:360px;font-size:16px;line-height:1.55;color:#5a6552}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:52px}
.card{cursor:pointer}
.card-img{height:200px;background-image:url('assets/cows-sky.jpg');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img:hover{transform:translateY(-4px)}
.card-title{font-family:'Newsreader',serif;font-size:21px;margin-top:14px}
.card-text{font-size:14px;line-height:1.5;color:#5a6552;margin-top:5px}
.card-img-2{height:200px;background-image:url('assets/Wapnö_slott.jpg');background-size:cover;background-position:center 38%;border-radius:3px;transition:transform .3s}
.card-img-2:hover{transform:translateY(-4px)}
.card-img-3{height:200px;background-image:url('assets/gårdshotell.webp');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-3:hover{transform:translateY(-4px)}
.card-img-4{height:200px;background-image:url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-4:hover{transform:translateY(-4px)}
.card-img-5{height:200px;background-image:url('assets/dairy-line.jpg');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-5:hover{transform:translateY(-4px)}
.card-img-6{height:200px;background-image:url('assets/grillat_kott.webp');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-6:hover{transform:translateY(-4px)}
.card-img-7{height:200px;background-image:url('assets/Öl.webp');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-7:hover{transform:translateY(-4px)}
.card-img-8{height:200px;background-image:url('assets/Vallskörd.jpg');background-size:cover;background-position:center;border-radius:3px;transition:transform .3s}
.card-img-8:hover{transform:translateY(-4px)}
.strip{max-width:1280px;margin:0 auto;padding:0 48px 104px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.figure-img{height:380px;background-image:url('assets/calf-closeup.jpg');background-size:cover;background-position:center;border-radius:3px}
.caption{margin-top:14px;font-size:15px;color:#5a6552;line-height:1.5}
.caption-strong{color:#243027}
.figure-img-2{height:380px;background-image:url('assets/Vallskörd.jpg');background-size:cover;background-position:center;border-radius:3px}
.figure-img-3{height:380px;background-image:url('assets/mejeriet.jpg');background-size:cover;background-position:center;border-radius:3px}
.story{max-width:1100px;margin:0 auto;padding:104px 48px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:72px;align-items:start}
.story-title{font-family:'Newsreader',serif;font-weight:400;font-size:46px;line-height:1.08;margin-top:18px;letter-spacing:-.01em}
.story-body{font-size:19px;line-height:1.68;color:#3a4639}
.story-lead{font-size:22px;line-height:1.5;color:#243027}
.story-text{margin-top:22px}
.story-link{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-weight:600;color:#8e2f2a;text-decoration:none;border-bottom:1.5px solid #8e2f2a;padding-bottom:3px}
.feature{position:relative;height:620px;background-image:linear-gradient(0deg,rgba(20,28,22,.55),rgba(20,28,22,.12));background-image:linear-gradient(90deg,rgba(20,28,22,.6),rgba(20,28,22,0) 60%),url('assets/Wapnö Betessläpp.jpg');background-size:cover;background-position:center}
.feature-inner{max-width:1100px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 48px}
.feature-content{max-width:480px;color:#f6f2e8}
.feature-title{font-family:'Newsreader',serif;font-weight:400;font-size:56px;line-height:1.04;margin-top:16px}
.feature-text{font-size:19px;line-height:1.6;margin-top:20px;color:#eee7d7}
.btn-light-2{font-family:inherit;font-size:15px;font-weight:600;color:#1e2b23;background:#f4f0e6;border:none;border-radius:30px;padding:14px 26px;margin-top:28px;cursor:pointer}
.btn-light-2:hover{background:#fff}
.saluhall{max-width:1100px;margin:0 auto;padding:104px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.saluhall-img{height:520px;background-image:url('assets/Mjölkpaket.jpg');background-size:cover;background-position:center;border-radius:3px}
.saluhall-title{font-family:'Newsreader',serif;font-weight:400;font-size:46px;line-height:1.08;margin-top:16px;letter-spacing:-.01em}
.saluhall-text{font-size:19px;line-height:1.65;color:#3a4639;margin-top:20px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tag{font-size:14px;font-weight:500;border:1px solid #d8d0bd;border-radius:30px;padding:9px 17px}
.hours{font-size:15px;color:#5a6552;margin-top:28px;line-height:1.6}
.footer{background:#1e2b23;color:#cdc7b6;padding:72px 48px 48px}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo-box{background:#f4f0e6;padding:7px 11px;border-radius:6px;display:inline-flex}
.footer-logo{height:36px;width:auto;display:block}
.footer-text{margin-top:18px;font-size:15px;line-height:1.6;max-width:260px}
.footer-col{font-size:15px;line-height:2.1}
.footer-head{color:#8a937e;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.copyright{max-width:1100px;margin:48px auto 0;padding-top:24px;border-top:1px solid #34433a;font-size:13px;color:#73806c}