/* Doorways, drawn in the style of Evie-Lola Minney's illustrations. Yasmin A Darling Consultancy Ltd, all rights reserved. */
.doors{display:flex;flex-wrap:wrap;justify-content:center;gap:2.6rem 1.8rem;max-width:780px;margin:2.4rem auto 0;padding:0!important;list-style:none!important}
.doors.doors-wide{max-width:1000px}
.doors>li{flex:0 1 210px;display:flex;justify-content:center;margin:0!important;padding:0!important;text-align:center!important}
.doors.doors-wide>li{flex-basis:200px}
.doors>li::before,.doors>li::marker{content:none!important}
.doors a.door,.doors a.door span{text-decoration:none!important}
.doors a.door{display:flex;width:100%;flex-direction:column;align-items:center;color:inherit;outline:none;background:none;border:0;box-shadow:none;padding:0;min-height:0}
.door-art{position:relative;display:block;width:100%;max-width:200px;aspect-ratio:220/362;perspective:900px}
.door-art svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.door-inside{position:absolute;left:25%;width:50%;bottom:8%;height:48%;object-fit:contain;object-position:center bottom}
.door-leaf{position:absolute;left:20.909%;top:18.232%;width:58.182%;height:75.138%;transform-origin:left center;transition:transform .7s cubic-bezier(.25,.8,.25,1);filter:drop-shadow(0 1px 0 rgba(35,28,43,.25))}
.door-leaf svg{position:static;width:100%;height:100%}
.doors a.door:hover .door-leaf,.doors a.door:focus-visible .door-leaf{transform:rotateY(-66deg)}
.doors a.door:focus-visible .door-art{outline:3px solid currentColor;outline-offset:8px;border-radius:120px 120px 8px 8px}
.door-label{display:block;margin-top:1.1rem;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.2rem;line-height:1.25;letter-spacing:.005em}
.door-sub{display:block;margin-top:.4rem;max-width:23ch;font-size:1rem;line-height:1.45;opacity:.88}
.doors a.door:hover .door-label,.doors a.door:focus-visible .door-label{text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:5px}
@media (max-width:640px){.doors{gap:2.2rem 1rem}.doors>li,.doors.doors-wide>li{flex-basis:calc(50% - .5rem)}.door-label{font-size:1.08rem}}
/* small doors for the six places, at the foot of every page */
.doors.doors-mini{gap:1.6rem 1rem;margin:1.2rem 0 1rem;justify-content:flex-start;max-width:none}
.doors.doors-mini>li{flex:0 1 128px}
.doors.doors-mini .door-art{max-width:86px}
.doors.doors-mini .door-label{font-size:1rem;margin-top:.7rem}
.doors.doors-mini .door-sub{max-width:18ch}
@media (max-width:640px){.doors.doors-mini{justify-content:center}.doors.doors-mini>li{flex-basis:calc(50% - .5rem)}}
@media (prefers-reduced-motion:reduce){.door-leaf{transition:none}}
@media (forced-colors:active){.door-art svg,.door-leaf{forced-color-adjust:none}}

.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.door-front .ear{transform-box:fill-box;transform-origin:50% 100%}
@keyframes earl{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg)}70%{transform:rotate(4deg)}}
@keyframes earr{0%,100%{transform:rotate(0)}35%{transform:rotate(9deg)}70%{transform:rotate(-4deg)}}
.doors a.door:hover .ear-l,.doors a.door:focus-visible .ear-l{animation:earl .7s ease-in-out}
.doors a.door:hover .ear-r,.doors a.door:focus-visible .ear-r{animation:earr .7s ease-in-out .08s}
@media (prefers-reduced-motion:reduce){.doors a.door .ear{animation:none!important}}