/* Supplied final artwork, with responsive live controls. Home route only. */
body.reference-home{background:#f6edda url('assets/paisley-parchment-paper.png') center/cover fixed}
body.reference-home>header.approved-header{position:relative;display:block;max-width:1200px;width:100%;height:auto;min-height:0;aspect-ratio:1079/681;margin:0 auto;padding:0;border:0;background:#f8efd9 url('assets/approved-homepage-final.png') center top/100% auto no-repeat;isolation:isolate;z-index:6}
body.reference-home main{max-width:1200px;width:100%;margin:auto;padding:0}
/* All three image-backed controls remain genuine, keyboard-accessible elements. */
body.reference-home #nav-toggle,body.reference-home .approved-account .login-button,body.reference-home .approved-account .join-button{position:absolute;display:block;grid-row:auto;grid-column:auto;margin:0;padding:0!important;background:transparent!important;border:0!important;border-radius:14px;box-shadow:none!important;min-height:44px;font-size:0!important;color:transparent!important;z-index:3;text-decoration:none}
body.reference-home #nav-toggle{top:5.6%;left:2.7%;width:26.5%;height:13%;right:auto;bottom:auto}
body.reference-home .approved-account{display:contents}
body.reference-home .approved-account .login-button{top:76.7%;left:7.7%;width:41.6%;height:20.8%}
body.reference-home .approved-account .join-button{top:76.7%;left:50.2%;width:46.8%;height:20.8%}
body.reference-home .approved-account :is(span,svg){opacity:0}
body.reference-home :is(a,button,input):focus-visible{outline:3px solid #8b293e;outline-offset:3px}
body.reference-home #nav-toggle:hover,body.reference-home .approved-account a:hover{box-shadow:inset 0 0 0 3px #e4ba66!important;background:#ffe6a113!important}
/* Preserve logo/wordmark links and accessible brand copy without doubling the artwork. */
body.reference-home .approved-header .approved-logo{position:absolute;top:22%;left:1%;width:33%;height:47%;max-width:none;aspect-ratio:auto;grid-column:auto;grid-row:auto;margin:0}
body.reference-home .approved-logo .approved-sprite{opacity:0}
body.reference-home .approved-masthead{position:absolute;top:10%;left:34%;width:63%;height:64%;padding:0;grid-column:auto;grid-row:auto;z-index:1}
body.reference-home .approved-masthead>*{opacity:0}
body.reference-home .approved-masthead .approved-wordmark{position:absolute;top:44%;left:0;width:100%;height:32%;white-space:normal;margin:0}
/* The original navigation, dialogs, and account routes are retained. */
body.reference-home #navigation{position:absolute;top:20%;left:3%;display:none;grid-column:auto;grid-row:auto;z-index:9;width:350px;max-width:90%;max-height:min(70dvh,650px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px;background:#fcf2df url('assets/paisley-parchment-paper.png') center/cover;border:3px double #ad8640;border-radius:10px;box-shadow:0 8px 26px #1b271d66;font:18px/1.3 Georgia,serif}
body.reference-home #navigation.open{display:flex}
body.reference-home .approved-header #navigation :is(a,button){display:block;width:100%;min-height:44px;margin:0;padding:11px 13px;background:none;color:#183b28;border:0;border-bottom:1px solid #b89c6455;border-radius:0;box-shadow:none;text-align:left;font:18px/1.3 Georgia,serif;white-space:normal}
body.reference-home .approved-header #navigation :is(a,button):hover{background:#edddba;color:#702c3a}
body.reference-home #navigation .search-button span{font:inherit}
/* Continue the exact supplied scene beneath the header without distorting it. */
body.reference-home .approved-hero{display:flex;flex-direction:column;min-height:0;border:0}
body.reference-home .approved-hero-art{order:0;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1079/776;overflow:hidden}
body.reference-home .approved-hero-art>img{position:absolute;top:-87.757732%;left:0;right:auto;bottom:auto;display:block;width:100%;height:auto;max-width:none;object-fit:fill;object-position:initial}
body.reference-home .approved-hero-art:before{display:none}
body.reference-home .approved-hero-copy{order:1;padding:28px 24px;gap:6px;justify-content:center}
body.reference-home .approved-hero-copy h1{font-size:clamp(38px,5vw,62px);line-height:1.05}
body.reference-home .hero-description{max-width:680px;font-size:clamp(18px,2vw,23px);line-height:1.4}
body.reference-home .approved-actions{max-width:540px;margin:12px auto 0;flex-direction:row}
body.reference-home .approved-actions button{min-height:46px;font-size:clamp(17px,2vw,24px)}
body.reference-home>footer{max-width:1200px;margin:auto}
@media(max-width:540px){body.reference-home .approved-hero-copy{padding:23px 17px}body.reference-home #navigation{padding:8px;left:3%;max-width:94%}body.reference-home .approved-actions{gap:8px}body.reference-home .approved-actions button{padding:10px 8px}body.reference-home .approved-dialog{max-width:calc(100vw - 28px)}}
@media(forced-colors:active){body.reference-home #nav-toggle,body.reference-home .approved-account .login-button,body.reference-home .approved-account .join-button{font-size:18px!important;background:Canvas!important;color:LinkText!important;border:1px solid ButtonText!important}body.reference-home .approved-account span{opacity:1}body.reference-home .approved-account svg{display:none}}
@media print{body.reference-home #nav-toggle,body.reference-home #navigation{display:none}}