/* The menus share the courtyard, with real text layered over the photograph. */
body:not(.reference-page){background:#171310;color:#f6ead7;background-image:radial-gradient(ellipse at 50% 15%,#47322244,transparent 65%)}
body:not(.reference-page) header,body:not(.reference-page) .contact,body:not(.reference-page) footer{border-color:#b8966230}
body:not(.reference-page) .brand>span,body:not(.reference-page) .contact>div>span,body:not(.reference-page) .contact-links>a:first-child,body:not(.reference-page) .versions{color:#ebca8c}
body:not(.reference-page) .brand small,body:not(.reference-page) .welcome>p,body:not(.reference-page) .contact p,body:not(.reference-page) footer{color:#bba78b}
body:not(.reference-page) .language{border-color:#80623f}
body:not(.reference-page) .language button[aria-pressed=true]{background:#d6b67b;color:#241b13}
body:not(.reference-page) .board-face{background:linear-gradient(145deg,#30241e,#191613);border-color:#88603b;box-shadow:inset 0 0 0 1px #c7985e80,0 18px 35px #0008}
body:not(.reference-page) .board-heading>span,body:not(.reference-page) .board-note{color:#c5b292}
body:not(.reference-page) .board-item{border-bottom-color:#d6b67b30}
body:not(.reference-page) .board-item:hover,body:not(.reference-page) .board-item:focus-visible{background:#c7974b15}
body:not(.reference-page) .trailer-view figcaption{color:#d0bda1;border-color:#b8966230}
body:not(.reference-page) .trailer-view figcaption>a{color:#ebca8c}
@media(min-width:1180px){
 body:not(.reference-page) .welcome{padding-block:28px 26px}
 body:not(.reference-page) .trailer-setting{isolation:isolate;position:relative;max-width:1900px;grid-template-columns:minmax(210px,230px) 1fr minmax(210px,230px);gap:0;padding:30px 2.5vw 80px;min-height:calc(min(100vw,1900px) / 2.196 + 60px);align-items:end;overflow:hidden;border-radius:12px;margin-inline:auto;background:#171310}
 body:not(.reference-page) .trailer-view{position:absolute;inset:0;grid-column:auto;grid-row:auto;z-index:-1;align-self:auto}
 body:not(.reference-page) .trailer-image:has(.wide-trailer){position:absolute;inset:0 0 60px;aspect-ratio:auto;border-radius:0;box-shadow:none}
 body:not(.reference-page) .trailer-image img.wide-trailer{object-fit:contain;object-position:center top}
 body:not(.reference-page) .trailer-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#171310,transparent 18%,transparent 90%,#17131055),linear-gradient(90deg,#17131045,transparent 25%,transparent 75%,#17131045);pointer-events:none}
 body:not(.reference-page) .trailer-view figcaption{position:absolute;bottom:0;left:3vw;right:3vw;height:60px;padding:14px 0}
 body:not(.reference-page) .standing-board{z-index:1;align-self:end;grid-row:1;margin:0;filter:drop-shadow(0 20px 14px #0005)}
 body:not(.reference-page) .savoury{grid-column:1}
 body:not(.reference-page) .traditional{grid-column:3}
 body:not(.reference-page) .board-face{padding:16px 14px 12px;border-width:6px}
 body:not(.reference-page) .board-item{grid-template-columns:49px 1fr;gap:10px;padding:9px 0}
 body:not(.reference-page) .board-item img{width:49px;height:60px}
 body:not(.reference-page) .board-item .name{font-size:17px}
 body:not(.reference-page) .board-item strong{font-size:14px}
 body:not(.reference-page) .board-heading h2{font-size:27px}
 body:not(.reference-page) .board-note{margin-top:10px}
 body:not(.reference-page) .contact{margin-top:25px}
}
@media(max-width:1179px){
 body:not(.reference-page) .trailer-setting{grid-template-columns:1fr 1fr;gap:28px;padding-inline:3vw}
 body:not(.reference-page) .trailer-view{grid-row:1;grid-column:1/-1}
 body:not(.reference-page) .trailer-image:has(.wide-trailer){aspect-ratio:2.05}
 body:not(.reference-page) .trailer-image img.wide-trailer{object-fit:cover}
 body:not(.reference-page) .board-face{padding:24px}
 body:not(.reference-page) .board-item .name{font-size:21px}
}
@media(max-width:600px){body:not(.reference-page) .trailer-setting{grid-template-columns:1fr;padding-inline:16px;gap:24px}body:not(.reference-page) .trailer-image:has(.wide-trailer){aspect-ratio:2.196}body:not(.reference-page) .trailer-image img.wide-trailer{object-fit:contain;object-position:center}body:not(.reference-page) .board-item .name{font-size:22px}}
/* Colours and stepped stitch forms taken from the trailer door and mascot dress. */
.reference-page{background:#171210;background-image:radial-gradient(ellipse at 75% 30%,#4e271c33,transparent 65%)}
.reference-page header:after,.reference-page footer:before{height:22px;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22' viewBox='0 0 96 22'%3E%3Cpath d='M12 1v4H8v4H4v4h4v4h4v4h4v-4h4v-4h4V9h-4V5h-4V1z' fill='%239c3434'/%3E%3Cpath d='m14 6 5 5-5 5-5-5z' fill='%23eee2cc'/%3E%3Cpath d='M36 9h4V5h4v4h4v4h-4v4h-4v-4h-4z' fill='%23d6b67b'/%3E%3Cpath d='M60 1v4h-4v4h-4v4h4v4h4v4h4v-4h4v-4h4V9h-4V5h-4V1z' fill='%23eee2cc'/%3E%3Cpath d='m62 6 5 5-5 5-5-5z' fill='%239c3434'/%3E%3Cpath d='M84 9h4V5h4v4h4v4h-4v4h-4v-4h-4z' fill='%239c3434'/%3E%3C/svg%3E")}
.reference-page header{padding-bottom:44px}.reference-page footer{padding-top:48px}
.reference-page .board-face{background:linear-gradient(135deg,#28201a,#161310);border-color:#823333;outline-color:#d7b47870;box-shadow:inset 0 0 0 1px #e8d9c35c,0 20px 40px #0005}
.reference-page .board-heading h1{color:#f0e2ca;letter-spacing:.06em}
.reference-page .board-heading>span{color:#d8b781}
.reference-page .board-heading{border-bottom-color:#9b393966}
.reference-page .board-heading .ornament{color:#d7b478}
.reference-page .board-face:before,.reference-page .board-face:after{border-color:#eee2cc;background:#8b3434;box-shadow:0 0 0 3px #171210,0 0 0 4px #8b3434}
.reference-page .list-heading{color:#e0c18c}
.reference-page .list-heading:after{color:#c15e50;border-color:#9b393955}
.reference-page .board-item{border-bottom-color:#e2cbb62b}
.reference-page .board-item .name{color:#f1e4d0}
.reference-page .board-item strong{color:#e0c18c}
.reference-page .board-note{color:#bfaa94}
.reference-page .board-feet:before,.reference-page .board-feet:after{background:linear-gradient(90deg,#663f2c,#9f7350,#663f2c)}
.reference-page .trailer-image{border-color:#b2704944}
.reference-page .contact{border-top-color:#9b393966}
