:root{--espresso:#24160f;--coffee:#5a321f;--cream:#f4eadc;--milk:#fff8ef;--caramel:#c8834a;--foam:#dcc4a8;--ink:#24160f;--muted:#8c735f;--line:rgba(36,22,15,.18);--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Courier New",Courier,monospace;line-height:1.62}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.92;letter-spacing:-.055em}h1{font-size:clamp(56px,8.5vw,118px);margin-bottom:24px}h2{font-size:clamp(36px,5vw,70px);margin-bottom:16px}.skip-link{position:absolute;left:-999px;top:16px;background:var(--milk);color:var(--espresso);padding:10px 14px;z-index:20}.skip-link:focus{left:16px}.side-rail{position:fixed;inset:0 auto 0 0;width:260px;background:var(--espresso);color:var(--milk);padding:32px 28px;display:grid;grid-template-rows:auto auto 1fr auto;gap:26px;z-index:10}.site-name{display:grid;gap:8px;padding-bottom:24px;border-bottom:1px solid rgba(255,248,239,.22)}.site-name span{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:.9;letter-spacing:-.06em}.site-name small,.rail-note{color:rgba(255,248,239,.68);font-size:13px}.menu-button{display:none;border:1px solid rgba(255,248,239,.35);background:transparent;color:var(--milk);font:inherit;padding:10px 12px;cursor:pointer}.site-nav{display:grid;align-content:start;gap:12px}.site-nav a{color:var(--milk);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900}.site-nav a:hover{color:var(--foam)}.rail-note{align-self:end;margin-bottom:0}.site-main{margin-left:260px;min-height:100vh}.hero,.menu-board,.daily-pour,.notes-list,.page-head,.moment-grid,.table-hero,.table-notes,.wide-image,.note-article,.legal-head,.legal-copy,.contact-intro,.contact-form{width:min(var(--max),calc(100% - 46px));margin-left:auto;margin-right:auto}.hero{min-height:100vh;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(32px,5vw,72px);align-items:center;padding:54px 0}.eyebrow{color:var(--caramel);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;margin-bottom:14px}.hero-copy p:not(.eyebrow),.page-head p,.note-article header p,.legal-head p,.contact-intro p{color:var(--muted);font-size:clamp(18px,2vw,22px)}.hero-links{margin-top:30px;display:flex;gap:18px;flex-wrap:wrap}.hero-links a,.back-link,.article-nav a,.contact-intro a{border-bottom:1px solid currentColor;color:var(--coffee);font-weight:900}.hero-photo{margin:0}.hero-photo img{width:100%;height:min(72vw,720px);object-fit:cover}.hero-photo figcaption{margin-top:12px;color:var(--muted);font-size:13px}.menu-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.menu-board div{min-height:180px;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.menu-board div:last-child{border-right:0}.menu-board span{color:var(--caramel);font-weight:900}.menu-board p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3vw,42px);line-height:1;margin-bottom:0}.daily-pour{margin-top:92px;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.pour-result{border-left:1px solid var(--line);padding-left:34px}.pour-result p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,58px);line-height:1.06;color:var(--coffee)}.pour-result button,.contact-form button{border:0;background:var(--espresso);color:var(--milk);padding:14px 18px;font:inherit;font-weight:900;cursor:pointer}.notes-list{margin-top:92px;padding-bottom:90px}.note-lines{border-top:1px solid var(--line)}.note-line{display:grid;grid-template-columns:130px .8fr 1fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.note-line span,.moment-grid span,.table-notes span{color:var(--caramel);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.note-line strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3.2vw,44px);line-height:1;font-weight:400}.note-line em{color:var(--muted);font-style:normal}.page-head,.legal-head{padding-top:64px;padding-bottom:38px;border-bottom:1px solid var(--line)}.page-head h1,.legal-head h1,.contact-intro h1{max-width:900px}.moment-grid{margin-top:42px;padding-bottom:90px;display:grid;grid-template-columns:repeat(2,1fr);gap:52px 34px}.moment-grid article:nth-child(2n){margin-top:70px}.moment-grid img{width:100%;height:430px;object-fit:cover;margin-bottom:18px}.moment-grid h2{font-size:clamp(34px,4vw,58px);margin-top:10px}.moment-grid p,.table-notes p,.note-article p,.legal-copy p{color:var(--muted);font-size:18px}.table-hero{padding-top:64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end}.table-hero img{width:100%;height:560px;object-fit:cover}.table-notes{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.table-notes article{padding:28px;border-right:1px solid var(--line)}.table-notes article:last-child{border-right:0}.table-notes h2{font-size:clamp(30px,3.6vw,48px);margin-top:10px}.wide-image{margin-top:48px;padding-bottom:90px}.wide-image img{width:100%;height:520px;object-fit:cover}.note-article{padding-top:64px;padding-bottom:90px}.back-link{display:inline-block;margin-bottom:28px}.note-article header{border-bottom:1px solid var(--line);padding-bottom:32px}.note-article header p{max-width:720px}.article-photo{width:100%;height:560px;object-fit:cover;margin:36px 0}.article-body{max-width:760px;margin-left:auto}.article-body section{padding:26px 0;border-bottom:1px solid var(--line)}.article-body h2,.legal-copy h2{font-size:clamp(30px,3.5vw,46px)}.article-nav{max-width:760px;margin:30px 0 0 auto;display:flex;justify-content:space-between;gap:20px}.legal-copy{max-width:760px;margin-top:36px;padding-bottom:90px}.legal-copy h2{margin-top:30px}.contact-intro{padding-top:64px;display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:end}.contact-intro img{width:100%;height:460px;object-fit:cover}.contact-form{margin-top:44px;padding-bottom:90px;display:grid;gap:18px;max-width:760px;margin-left:auto}.contact-form label{color:var(--coffee);font-weight:900}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;color:var(--ink);font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--coffee)}#formNote{color:var(--muted);margin:0}.site-footer{margin-left:260px;background:var(--espresso);color:var(--milk);padding:24px 34px;display:flex;justify-content:space-between;gap:24px}.site-footer p{max-width:520px;color:rgba(255,248,239,.72);margin-bottom:0}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;align-content:start}.site-footer a{color:var(--milk);font-weight:900;font-size:13px}@media(max-width:1020px){.side-rail{position:static;width:100%;display:grid;grid-template-columns:1fr auto;padding:22px 24px}.site-name{padding-bottom:0;border-bottom:0}.site-name span{font-size:34px}.menu-button{display:inline-flex;align-self:start}.site-nav{display:none;grid-column:1/-1;padding-top:12px}.site-nav.open{display:grid}.rail-note{display:none}.site-main,.site-footer{margin-left:0}.hero,.daily-pour,.table-hero,.contact-intro{grid-template-columns:1fr}.hero{min-height:auto}.pour-result{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}}@media(max-width:720px){.hero,.menu-board,.daily-pour,.notes-list,.page-head,.moment-grid,.table-hero,.table-notes,.wide-image,.note-article,.legal-head,.legal-copy,.contact-intro,.contact-form{width:min(var(--max),calc(100% - 24px))}h1{font-size:clamp(44px,13vw,72px)}.hero{padding-top:42px}.hero-photo img,.moment-grid img,.table-hero img,.wide-image img,.article-photo,.contact-intro img{height:340px}.menu-board,.moment-grid,.table-notes{grid-template-columns:1fr}.menu-board div,.table-notes article{border-right:0;border-bottom:1px solid var(--line)}.note-line{grid-template-columns:1fr;gap:10px}.moment-grid article:nth-child(2n){margin-top:0}.article-body,.article-nav,.contact-form{margin-left:0}.site-footer{display:grid}}


/* Rensoni font and mobile refinement */
body {
  font-family: "Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: -0.01em;
}

h1,
h2,
.site-name span,
.menu-board p,
.pour-result p,
.note-line strong {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  letter-spacing: -0.048em;
}

p,
.note-line em,
.moment-grid p,
.table-notes p,
.note-article p,
.legal-copy p,
.rail-note,
.site-name small,
.hero-photo figcaption {
  letter-spacing: -0.012em;
}

.site-nav a,
.eyebrow,
.note-line span,
.moment-grid span,
.table-notes span {
  letter-spacing: 0.12em;
}

.site-name span {
  font-size: 40px;
}

.hero-copy p:not(.eyebrow),
.page-head p,
.note-article header p,
.legal-head p,
.contact-intro p {
  max-width: 680px;
}

.hero-photo img {
  border-radius: 0;
}

@media (max-width: 1020px) {
  .side-rail {
    position: sticky;
    top: 0;
    z-index: 30;
    grid-template-columns: 1fr auto;
    gap: 14px;
    padding: 16px 20px;
  }

  .site-name {
    gap: 2px;
  }

  .site-name span {
    font-size: 28px;
    letter-spacing: -0.045em;
  }

  .site-name small {
    font-size: 12px;
  }

  .menu-button {
    padding: 8px 12px;
    align-self: center;
  }

  .site-nav {
    background: rgba(36, 22, 15, 0.98);
    padding-top: 14px;
    border-top: 1px solid rgba(255, 248, 239, .18);
  }

  .site-nav a {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 248, 239, .16);
  }

  .hero {
    padding: 38px 0 52px;
  }

  .hero-copy {
    max-width: 760px;
  }
}

@media (max-width: 720px) {
  body {
    line-height: 1.56;
  }

  .side-rail {
    padding: 14px 16px;
  }

  .site-name span {
    font-size: 26px;
  }

  .site-name small {
    font-size: 11px;
  }

  .hero,
  .page-head,
  .table-hero,
  .note-article,
  .legal-head,
  .contact-intro {
    padding-top: 34px;
  }

  h1 {
    font-size: clamp(42px, 12.2vw, 66px);
    line-height: 0.96;
    margin-bottom: 18px;
  }

  h2 {
    font-size: clamp(32px, 10vw, 52px);
    line-height: 1;
  }

  .eyebrow {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .hero-copy p:not(.eyebrow),
  .page-head p,
  .note-article header p,
  .legal-head p,
  .contact-intro p {
    font-size: 17px;
  }

  .hero-links {
    gap: 12px;
    margin-top: 22px;
  }

  .hero-links a,
  .back-link,
  .article-nav a,
  .contact-intro a {
    display: inline-block;
    padding-bottom: 2px;
  }

  .hero-photo img,
  .moment-grid img,
  .table-hero img,
  .wide-image img,
  .article-photo,
  .contact-intro img {
    height: 300px;
  }

  .hero-photo figcaption {
    font-size: 12px;
  }

  .menu-board div {
    min-height: 112px;
    padding: 18px 0;
  }

  .menu-board p {
    font-size: 30px;
  }

  .daily-pour,
  .notes-list {
    margin-top: 62px;
  }

  .pour-result p {
    font-size: clamp(28px, 9vw, 44px);
  }

  .note-line {
    padding: 20px 0;
  }

  .note-line strong {
    font-size: clamp(28px, 9vw, 42px);
  }

  .moment-grid {
    margin-top: 28px;
    gap: 34px;
  }

  .moment-grid h2 {
    font-size: clamp(32px, 9vw, 48px);
  }

  .table-notes article {
    padding: 22px 0;
  }

  .article-body section {
    padding: 22px 0;
  }

  .article-nav {
    display: grid;
  }

  .contact-form {
    margin-top: 32px;
  }

  .site-footer {
    padding: 22px 18px;
  }

  .site-footer nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
  }
}

@media (max-width: 420px) {
  .hero,
  .menu-board,
  .daily-pour,
  .notes-list,
  .page-head,
  .moment-grid,
  .table-hero,
  .table-notes,
  .wide-image,
  .note-article,
  .legal-head,
  .legal-copy,
  .contact-intro,
  .contact-form {
    width: min(var(--max), calc(100% - 20px));
  }

  h1 {
    font-size: clamp(40px, 12.8vw, 58px);
  }

  .hero-photo img,
  .moment-grid img,
  .table-hero img,
  .wide-image img,
  .article-photo,
  .contact-intro img {
    height: 270px;
  }
}


/* Article PC alignment fix */
@media (min-width: 721px) {
  .note-article {
    max-width: 1040px;
  }

  .article-body {
    max-width: 880px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .article-nav {
    max-width: 880px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}