/* Louis welcomes guests beside the year selector. */
.entrance-screen{min-height:100svh;background:#1b1714;color:#e8dfd3;display:flex;flex-direction:column;text-align:center}
.entrance-top{padding:25px 20px 10px;display:flex;flex-direction:column;align-items:center;gap:7px}
.entrance-wordmark{font:400 27px/1.3 LeferiPointSpecial,var(--body);letter-spacing:-1px;color:#ebdbc4}
.entrance-top>span:last-child{font-size:7px;letter-spacing:2.5px;color:#a89986}
.entrance-main{position:relative;top:-22px;width:calc(100% - 48px);max-width:660px;min-height:440px;margin:0 auto;flex:1;display:grid;grid-template-columns:250px minmax(0,310px);gap:48px;align-content:center;align-items:center;justify-content:center;padding:40px 0 100px}
.entrance-host{position:relative;display:flow-root;width:100%;min-width:0}
.entrance-illustration{display:block;width:244px;height:270px;max-width:100%;object-fit:contain;margin:0 auto}
.entrance-copy{width:100%;align-self:start;padding-top:24px;text-align:center}
.entrance-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.entrance-intro{width:fit-content;max-width:100%;font:400 14px/1.55 LeferiBase,var(--body);letter-spacing:-.3px;word-break:keep-all;margin:0 auto;text-align:left;color:#c6b9aa}
.entrance-intro strong{font-family:var(--body);font-weight:650;color:#f1ddc2}
.entrance-form{width:100%;max-width:310px;margin:25px auto 0;text-align:center}
.birth-year-wrap{position:relative;width:248px;max-width:100%;margin:0 auto}
.birth-year-wrap:after{content:"";width:6px;height:6px;border-right:1px solid #c6ad90;border-bottom:1px solid #c6ad90;transform:rotate(45deg);position:absolute;right:17px;top:17px;pointer-events:none}
.entrance-form select{display:block;appearance:none;width:100%;height:44px;border:1px solid #75604c;border-radius:2px;background:#251e19;color:#ecdfce;padding:0 34px;font-size:13px;text-align:center;text-align-last:center;cursor:pointer}
.entrance-form select:invalid{color:#ad9b87}
.entrance-form select option{background:#251e19;color:#ecdfce}
.entrance-year-hint{margin:10px 0 0;color:#a99b89;font-size:9px;line-height:1.7}
.entrance-error{position:absolute;z-index:1;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:224px;margin:0;padding:13px 15px;background:#dfd0b9;border:1px solid #a98b68;border-radius:12px;color:#392b20;font-size:12px;font-weight:500;line-height:1.5;text-align:left;word-break:keep-all;box-shadow:0 3px 8px #0002}
.entrance-error::before{content:"";position:absolute;left:calc(50% - 5px);bottom:-6px;width:10px;height:10px;background:#dfd0b9;border-left:1px solid #a98b68;border-bottom:1px solid #a98b68;transform:rotate(-45deg)}
.entrance-error:empty{display:none}
.entrance-submit{display:block;width:fit-content;margin:21px auto 0;padding:13px 28px;border-radius:2px;background:#dfb18a;color:#2b2019;font:650 12px/1.3 var(--body);letter-spacing:2px;text-indent:2px}
.entrance-submit:hover{background:#ebc09a}
.entrance-footer{width:100%;margin:0;padding:18px clamp(20px,3vw,48px) 16px;border-top:1px solid #44362c;color:#a99b89;font-size:10px;line-height:1.45;text-align:left}
.entrance-footer p{margin:0;word-break:keep-all}
.entrance-footer p+p{margin-top:3px}
.entrance-footer .entrance-prototype{font-size:9px;color:#a59784;margin-top:3px}
.entrance-footer .entrance-copyright{font-size:7px;letter-spacing:1.2px;margin-top:6px;color:#95816b}
.entrance-footer .service-footer{max-width:none;width:100%;margin:0;padding:0 0 13px;border:0}
.entrance-footer .service-footer p{margin:6px 0 0}
.entrance-link{color:#b2ad98;text-decoration:underline;text-underline-offset:4px}
body:has(.entrance-screen)>.skip-link{display:none}
@media(max-width:680px) and (min-width:561px){.entrance-main{grid-template-columns:210px minmax(0,280px);gap:24px}.entrance-illustration{width:220px;height:250px}.entrance-copy{padding-top:15px}.entrance-intro{font-size:13px}.entrance-error{width:214px}}
@media(max-width:560px){
 .entrance-top{padding-top:21px}.entrance-wordmark{font-size:25px}
 .entrance-main{width:calc(100% - 32px);min-height:536px;grid-template-columns:minmax(0,1fr);gap:18px;padding:90px 0 42px}
 .entrance-copy{padding-top:0}
 .entrance-illustration{width:210px;height:228px;margin-left:calc(50% - 144px);margin-right:0}
 .entrance-error{left:calc(50% - 39px);padding:10px 11px;font-size:11px}
 .entrance-intro{font-size:12px;line-height:1.55}.entrance-form{margin-top:21px}.entrance-form select{font-size:16px}
 .entrance-footer{font-size:9px;line-height:1.45;padding-top:16px;padding-bottom:13px}.entrance-footer .entrance-prototype{font-size:9px}
 .entrance-footer .service-footer{font-size:11px}.entrance-footer .service-footer nav{gap:8px 16px}
}
@media(max-height:760px) and (min-width:561px){.entrance-top{padding-top:19px}.entrance-main{padding-top:35px;padding-bottom:75px;min-height:390px}.entrance-footer{padding-top:14px;padding-bottom:14px}}
/* Let the form set the row height so the podium follows the ENTER baseline. */
@media(min-width:561px){
 .entrance-main{--entrance-art-height:297px;top:-44px}
 .entrance-host{align-self:stretch}
 .entrance-illustration{position:absolute;left:50%;bottom:calc(var(--entrance-art-height) * -.0352);transform:translateX(-50%);width:268px;max-width:none;height:var(--entrance-art-height)}
 .entrance-error{bottom:calc(var(--entrance-art-height) * .9648 + 8px)}
}
@media(min-width:561px) and (max-width:680px){
 .entrance-main{--entrance-art-height:275px}
 .entrance-illustration{width:242px}
}