.main-nav .nav-about{position:relative;align-self:center;white-space:nowrap}
.main-nav .nav-about summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:9px 0;color:var(--ink);transition:color .2s}
.main-nav .nav-about summary::-webkit-details-marker{display:none}
.main-nav .nav-about summary:hover,.main-nav .nav-about[open] summary{color:#9b7245}
.main-nav .nav-about summary span{font-size:17px;line-height:1;transition:transform .2s}
.main-nav .nav-about[open] summary span{transform:rotate(180deg)}
.main-nav .nav-about summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.main-nav .nav-about-menu{display:none;position:absolute;top:100%;left:-22px;min-width:168px;padding:10px 16px;background:#f8f4eb;box-shadow:0 18px 36px rgba(20,43,32,.18);border-top:2px solid #b99764;z-index:30}
.main-nav .nav-about-menu a{display:block;padding:10px 7px;white-space:nowrap}
.main-nav .nav-about-menu a+a{border-top:1px solid rgba(23,55,46,.13)}
@media(min-width:1121px){.main-nav .nav-about:hover .nav-about-menu,.main-nav .nav-about:focus-within .nav-about-menu,.main-nav .nav-about[open] .nav-about-menu{display:block}}
@media(max-width:1120px){.main-nav .nav-about{align-self:stretch}.main-nav .nav-about summary{padding:12px 0;border-bottom:1px solid var(--line);justify-content:space-between}.main-nav .nav-about[open] .nav-about-menu{display:block;position:static;min-width:0;padding:0 0 4px 16px;border:0;box-shadow:none;background:transparent}.main-nav .nav-about-menu a{padding:10px 0}.main-nav .nav-about-menu a+a{border-top:0}}