:root{--espresso:#2a1710;--roast:#75462f;--cream:#f5efe7;--paper:#fffdf9;--gold:#c58a45;--ink:#2d2926}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}
.wn-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}
.wn-header{background:var(--paper);border-bottom:1px solid #e6d9cc}
.wn-header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.wn-logo{text-decoration:none;line-height:1;display:flex;flex-direction:column;color:var(--espresso)}
.wn-logo span{font:700 30px/1 Georgia,serif;letter-spacing:.02em}
.wn-logo small{margin-top:8px;color:var(--roast);font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.wn-header nav,.wn-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.wn-header nav a,.wn-footer nav a{text-decoration:none;font-weight:700;font-size:14px;border-bottom:2px solid transparent;padding:8px 0}
.wn-header nav a:hover{color:var(--roast);border-color:var(--gold)}
.wn-header nav a:focus-visible,.wn-footer nav a:focus-visible,.wn-more:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.wn-hero{padding:86px 0 92px;color:#fff;background:radial-gradient(circle at 82% 22%,#a56a43 0 5%,transparent 5.3%),radial-gradient(circle at 76% 55%,#8c5739 0 9%,transparent 9.3%),linear-gradient(135deg,#26150f,#5a3323 58%,#7a4931)}
.wn-hero .wn-wrap{max-width:1160px}
.wn-kicker{margin:0 0 14px!important;color:#efc48e;font-weight:800;letter-spacing:.2em;font-size:13px}
.wn-hero h1{max-width:850px;margin:0;font:700 clamp(46px,6vw,82px)/1.03 Georgia,serif;letter-spacing:-.035em}
.wn-hero h1+p{max-width:700px;margin:28px 0 0;font-size:20px;color:#f1e5d8}
.wn-content{padding:68px 0 82px}
.wn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wn-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:34px;border:1px solid #e8ddd2;background:#fff;box-shadow:0 12px 34px rgba(63,35,23,.07)}
.wn-card:nth-child(3n+2){background:var(--cream)}
.wn-bean{width:28px;height:38px;margin-bottom:26px;border-radius:50%;background:var(--roast);transform:rotate(32deg);box-shadow:inset 6px 0 0 rgba(255,255,255,.16)}
.wn-card h2{margin:0 0 16px;font:700 25px/1.2 Georgia,serif;color:var(--espresso)}
.wn-card h2 a{text-decoration:none}
.wn-card h2 a:hover{color:var(--roast)}
.wn-card p{margin:0 0 24px;color:#61564f}
.wn-more{margin-top:auto;color:var(--roast);font-weight:800;text-decoration-thickness:2px;text-underline-offset:5px}
.wn-footer{padding:58px 0;background:var(--espresso);color:#fff}
.wn-footer strong{font:700 28px Georgia,serif}
.wn-footer p{margin:8px 0 22px;color:#d9c7b7}
.wn-footer nav{margin-bottom:24px}
.wn-footer small{color:#a99282}
@media(max-width:900px){.wn-header-inner{padding:20px 0;align-items:flex-start;flex-direction:column}.wn-header nav{gap:12px 18px}.wn-grid{grid-template-columns:1fr}.wn-card{min-height:0}.wn-hero{padding:60px 0}.wn-wrap{width:min(100% - 30px,1160px)}}

.wn-home .wn-hero{background:linear-gradient(90deg,#20120de8,#20120d66 60%,#20120d22),url("/coffee-illustration.png") center/cover no-repeat;min-height:580px;display:flex;align-items:center}.wn-home .wn-hero h1{max-width:730px}.wn-home .wn-hero h1+p{max-width:570px}.wn-brewing{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-bottom:80px}.wn-brewing img{display:block;width:100%;height:auto}.wn-brewing h2{font:700 42px/1.1 Georgia,serif;color:var(--espresso)}@media(max-width:800px){.wn-brewing{grid-template-columns:1fr}}