/* Original gold artwork, arranged as independent parts of the site header. */
:root{
  --header-green:#10291f;
  --header-gold:#dcc58c;
  --header-gold-light:#f1deb0;
  --menu-paper:#f7f2e6;
  --menu-ink:#173c2d;
}
.header{
  isolation:isolate;
  position:relative;
  max-width:none;
  margin:0;
  padding:.65rem 4.4%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.6rem 2rem;
  background:var(--menu-paper);
  color:var(--menu-ink);
  border-bottom:1px solid #dfd1ad;
}
.header::before{display:none}
.header .brand-identity::after{
  content:"";
  display:block;
  position:absolute;
  inset:0 0 0 auto;
  width:1.45rem;
  height:auto;
  border:0;
  background:linear-gradient(145deg,#f0dc9c,#c9a969 55%,#e6cf91);
  -webkit-mask:var(--wagara) right top / 6.25rem 3.6084rem repeat;
  mask:var(--wagara) right top / 6.25rem 3.6084rem repeat;
  opacity:.65;
  pointer-events:none;
  z-index:0;
}
.header .brand-identity{
  position:relative;
  display:flex;
  align-items:center;
  gap:.85rem;
  flex:none;
  max-width:100%;
  padding:.75rem 2.3rem .75rem .85rem;
  background:var(--header-green);
  color:var(--header-gold-light);
  overflow:hidden;
}
.brand-art-mark{
  display:block;
  width:4.1rem;
  height:auto;
  flex:none;
  overflow:hidden;
}
.brand-art-word{
  display:block;
  width:12rem;
  height:auto;
  flex:none;
  overflow:hidden;
}
.brand-text-fallback{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.header .navigation{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:.2rem 1.35rem;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  flex-basis:auto;
  font-size:.875rem;
}
.header .navigation>a{
  display:inline-flex;
  align-items:center;
  position:relative;
  min-height:2.75rem;
  padding:.4rem .15rem;
  color:var(--menu-ink);
  font-family:var(--serif);
  font-size:.9375rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.06em;
  white-space:nowrap;
  text-underline-offset:.5rem;
  transition:color .22s ease,background-color .22s ease,border-color .22s ease;
}
.header .navigation>a:not(:is(.rice-nav,.consult-nav,.nav-contact))::after{
  position:absolute;
  inset:auto 0 .2rem;
  background:#9b7b3e;
}
.header .navigation>:is(.rice-nav,.consult-nav,.nav-contact){
  border:1px solid #b3a078;
  border-radius:999px;
  padding:.35rem 1.1rem;
  background:transparent;
}
.header .navigation>:is(.rice-nav,.consult-nav,.nav-contact)::after{display:none}
.header .navigation>a:is(:hover,:focus-visible){color:#72592b}
.header .navigation>a:not(:is(.rice-nav,.consult-nav,.nav-contact)):focus-visible::after{width:100%}
.header .navigation>:is(.rice-nav,.consult-nav,.nav-contact):hover{
  background:#efdfb8;
  border-color:#a88a4f;
  color:var(--menu-ink);
}
.header .navigation>:is(.rice-nav,.consult-nav,.nav-contact):focus-visible{background:#efdfb8;color:var(--menu-ink)}
.header a:focus-visible{outline-color:var(--menu-ink);outline-offset:5px}
.header .navigation>a:focus-visible{outline-color:var(--menu-ink);outline-offset:3px}
@media(min-width:1680px){
  .header{padding-inline:calc((100vw - 1532px)/2)}
}
@media(max-width:1000px){
  .header{gap:.45rem 1.5rem;padding:.65rem 5% .4rem}
  .header .navigation{
    flex-basis:100%;
    justify-content:space-between;
    gap:.2rem 1.2rem;
    padding:0;
  }
}
@media(max-width:800px){
  .header{padding:.6rem 5% .25rem;row-gap:.25rem}
  .header .brand-identity{gap:.7rem;padding:.65rem 2rem .65rem .75rem}
  .brand-art-mark{width:3.25rem}
  .brand-art-word{width:10.4rem}
  .header .navigation{
    justify-content:space-between;
    gap:.3rem .45rem;
    padding:0;
  }
  .header .navigation>a:not(.rice-nav):not(.consult-nav):not(.nav-contact){display:none}
  .header .navigation>a{font-size:.875rem;letter-spacing:.035em}
  .header .navigation>:is(.rice-nav,.consult-nav,.nav-contact){padding:.35rem .45rem}
  .header .brand-identity::after{
    inset:0 0 auto auto;
    height:100%;
    width:1.1rem;
    opacity:.6;
    -webkit-mask-size:5rem 2.8868rem;
    mask-size:5rem 2.8868rem;
  }
}
@media(max-width:360px){
  .header .navigation>a{font-size:.8125rem;letter-spacing:.02em}
  .header .brand-identity{gap:.65rem}
  .brand-art-mark{width:3.1rem}
  .brand-art-word{width:10rem}
  .header .navigation{column-gap:.3rem}
  .header .navigation>:is(.rice-nav,.consult-nav,.nav-contact){padding-inline:.3rem}
}
@media(prefers-reduced-motion:reduce){
  .header .navigation>a,.header .navigation>a::after{transition:none}
}
@media(forced-colors:active){
  .header{background:Canvas;color:CanvasText;border-bottom:1px solid CanvasText}
  .header::before,.header .brand-identity::after,.brand-art-mark,.brand-art-word{display:none}
  .header .brand-identity{background:Canvas;color:CanvasText}
  .brand-text-fallback{position:static;width:auto;height:auto;clip-path:none;font:1.8rem var(--serif)}
  .header .navigation{background:Canvas;border-color:CanvasText}
  .header .navigation>a{color:LinkText}
  .header .navigation>:is(.rice-nav,.consult-nav,.nav-contact){border-color:ButtonText}
}

/* Keep rice and contact in the first menu; other destinations remain below. */
.header .navigation{justify-content:flex-end}
.lower-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:2rem 5%;background:var(--menu-paper)}
.lower-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.45rem 1.15rem;border:1px solid #b3a078;border-radius:999px;color:var(--menu-ink);font-family:var(--serif);font-size:.9375rem;line-height:1.5;text-decoration:none}
.lower-navigation a:hover,.lower-navigation a:focus-visible{background:#efdfb8;color:var(--menu-ink)}
.lower-navigation a:focus-visible{outline:2px solid var(--menu-ink);outline-offset:3px}
@media(max-width:1000px){.header .navigation{justify-content:center}}