@font-face{font-family:'Old Standard TT';src:url('/entry/old-standard.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Libre Caslon Display';src:url('/entry/caslon.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('/entry/archivo.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--chalk:#f7f5ef;--night:#17212c;--glacier:#d5e6e9;--serif:'Libre Caslon Display',Georgia,serif;--sans:Archivo,Arial,sans-serif;--edge:clamp(28px,5.45vw,96px)}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:var(--night);color:var(--chalk)}
body{font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;scrollbar-color:var(--glacier) var(--night)}
::selection{background:var(--glacier);color:var(--night)}
a{color:inherit;text-decoration:none;text-underline-offset:7px}
a:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--chalk);outline-offset:7px}
.front-door{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden}
.landscape,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.landscape{filter:saturate(.65);object-fit:cover;object-position:55% 0%}
.shade{background:linear-gradient(180deg,rgba(18,28,42,.04),transparent 26%,transparent 57%,rgba(12,22,33,.45))}
.masthead{display:flex;justify-content:center;padding:34px var(--edge) 24px;padding-top:max(34px,env(safe-area-inset-top))}
.wordmark{font:400 34px/1.1 'Old Standard TT',Georgia,serif;white-space:nowrap;text-shadow:0 2px 14px rgba(10,20,30,.18)}
.wordmark:hover{text-decoration:none}
.arrival{display:grid;grid-template-columns:1fr auto;align-items:end;gap:48px;margin-top:auto;padding:120px var(--edge) 31px}
h1{font:400 36px/1.08 var(--serif);font-weight:400;letter-spacing:-.01em;margin:0;text-wrap:balance}
.entry{width:264px;justify-self:end}
summary{width:max-content;min-height:44px;display:flex;align-items:center;margin-left:auto;cursor:pointer;list-style:none;font-size:16px;font-weight:400;line-height:1.4}
summary::-webkit-details-marker{display:none}
summary span{border-bottom:1px solid currentColor;padding-bottom:7px;transition:opacity 180ms ease-out}
summary:hover span{opacity:.8}
.entry[open] summary{font-size:14px}
.entry[open] summary span{border-color:transparent;padding-bottom:0}
form{margin-top:3px;animation:arrive 250ms cubic-bezier(.16,1,.3,1)}
.password-line{display:flex;border-bottom:1px solid rgba(247,245,239,.7);transition:border-color 180ms ease-out}
.password-line:focus-within{border-color:var(--chalk);box-shadow:0 1px 0 var(--chalk)}
input{width:100%;min-width:0;height:48px;border:0;border-radius:0;padding:0 8px 0 0;background:transparent;color:var(--chalk);caret-color:var(--glacier);font:400 16px/1.4 var(--sans);outline:none}
input::placeholder{color:var(--chalk);opacity:.9}
input:-webkit-autofill{-webkit-text-fill-color:var(--chalk);transition:background-color 9999s ease-out}
button{display:grid;place-items:center;flex-shrink:0;width:44px;min-height:48px;padding:0;background:none;color:var(--chalk);border:0;cursor:pointer;transition:transform 180ms ease-out}
button:hover{transform:translateX(3px)}
button:disabled{opacity:.55;cursor:wait;transform:none}
.error{font-size:13px;line-height:1.5;margin:10px 0 0;color:var(--chalk);max-width:28ch}
.error:empty{display:none}
footer{padding:0 var(--edge) max(22px,env(safe-area-inset-bottom));font-size:11px;line-height:1.5;letter-spacing:.035em}
footer a{display:inline-flex;align-items:center;min-height:28px;color:var(--glacier)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .masthead{padding-top:max(31px,env(safe-area-inset-top))}
 .wordmark{font-size:32px}
 .landscape{object-position:57% 43%}
 .shade{background:linear-gradient(180deg,rgba(18,28,42,.12),transparent 24%,transparent 45%,rgba(12,22,33,.75))}
 .arrival{grid-template-columns:1fr;gap:26px;padding-top:210px;padding-bottom:25px}
 h1{font-size:34px;line-height:1.08}
 .entry{justify-self:start;width:min(100%,280px)}
 summary{margin-left:0}
 .entry[open] summary{font-size:14px}
 footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:520px) and (min-width:601px){.masthead{padding-top:22px}.arrival{padding-top:75px}h1{font-size:30px}.wordmark{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.landscape-motion{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:saturate(.65)}
.motion-control{position:absolute;right:calc(var(--edge) - 14px);bottom:13px;min-height:44px;width:44px;color:var(--glacier);opacity:.8}
.motion-control:hover{transform:none;opacity:1}
.motion-control[hidden],.landscape-motion[hidden]{display:none}
.play-icon{display:none}
.motion-control[aria-pressed="true"] .pause-icon{display:none}
.motion-control[aria-pressed="true"] .play-icon{display:block}
@media(prefers-reduced-motion:reduce){.landscape-motion,.motion-control{display:none!important}}