.family-navigation{border-top:1px solid var(--line);background:var(--cream)}
.family-navigation .family-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-block:15px 24px}
.family-navigation .family-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:58px;padding:4px 12px;background:rgb(214,196,150);color:rgb(110,0,0);border:0;border-radius:0;box-shadow:0 1px 4px #0009;font:700 22px/1.2 Georgia,'Times New Roman',serif;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}
.family-navigation .family-button::before,.family-navigation .family-button::after{content:'';position:absolute;z-index:-1;top:100%;width:calc(50% + 12px);height:17px;background-image:url('assets/atelier-arianne-button-shadow.png');background-repeat:no-repeat;background-size:200% 100%;pointer-events:none}
.family-navigation .family-button::before{left:-12px;background-position:left top}
.family-navigation .family-button::after{right:-12px;background-position:right top}
.family-navigation .family-button:hover,.family-navigation .family-button:focus-visible{background:rgb(190,166,109);transform:translateY(-2px);box-shadow:0 2px 4px #0008}
.family-navigation .family-button:active{transform:translateY(1px);background:rgb(181,154,94)}
.mainnav .navinner>a:not(.navcta){font-size:16px;font-weight:600}
@media(max-width:1050px){.mainnav .navinner>a:not(.navcta){font-size:14px}}
@media(max-width:1050px){.family-navigation .family-buttons{gap:16px}.family-navigation .family-button{font-size:19px;padding-inline:4px}}
@media(max-width:850px){.family-navigation .family-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 14px;padding-block:14px 24px}.family-navigation .family-button{font-size:18px;min-height:50px}.family-navigation .family-button:last-child{grid-column:span 2}}
@media(max-width:380px){.family-navigation .family-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.family-navigation .family-button:last-child{grid-column:1/-1;justify-self:center;min-width:60%}}
@media(prefers-reduced-motion:reduce){.family-navigation .family-button{transition:none}.family-navigation .family-button:hover,.family-navigation .family-button:focus-visible,.family-navigation .family-button:active{transform:none}}
@media print{.family-navigation{display:none}}