*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:#03060e;font-family:Archivo,Helvetica Neue,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.door{display:flex;min-height:100svh}.panel{position:relative;overflow:hidden;flex:1 1 50%;display:flex;align-items:flex-end;padding:clamp(1.75rem,5vw,4.5rem);text-decoration:none;transition:flex-grow .62s cubic-bezier(.2,0,0,1)}.panel-inner{position:relative;z-index:2;display:block;max-width:30ch}.label{display:block;font-weight:600;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(.75rem,2vw,1.25rem)}.display{display:block;font-weight:900;font-size:clamp(3.25rem,9vw,8.5rem);letter-spacing:-.045em;line-height:.82;text-wrap:balance;margin-left:-.074em}.note{display:block;margin-top:clamp(1rem,2.5vw,1.75rem);font-weight:600;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.45;letter-spacing:-.005em;max-width:26ch}.enter{display:inline-block;margin-top:clamp(1.25rem,3vw,2.25rem);font-weight:600;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:.35rem;border-bottom:1.5px solid currentColor}.panel--books{background:#03060e;color:#dce8ff;color-scheme:only dark}.panel--books .label,.panel--books .note{color:#dce8ff9e}.panel--books .display{color:#edebe7}.stars{position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 18% 24%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1.2px 1.2px at 62% 12%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.6px 1.6px at 82% 44%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1px 1px at 34% 62%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.3px 1.3px at 74% 78%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 12% 84%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.8px 1.8px at 48% 36%,rgba(255,255,255,.45),transparent 60%),radial-gradient(120% 90% at 30% 8%,rgba(58,96,190,.28),transparent 62%),#03060e;opacity:.9;transition:transform .9s cubic-bezier(.2,0,0,1)}.panel--art{background:#f1efe9;color:#17171a;color-scheme:only light}.face{position:absolute;inset:0;background-size:auto max(100%,49.5vw);background-repeat:no-repeat;transition:opacity .45s ease;pointer-events:none}.panel--books .face{background-image:url(/images/christopher-hopper-door-left.jpg);background-position:right center;opacity:.62}.panel--art .face{background-image:url(/images/christopher-hopper-door-right.jpg);background-position:left center;opacity:var(--art, .55);mix-blend-mode:multiply;filter:sepia(.22)}.panel--books:hover .face{opacity:.85}.panel--art:hover .face{opacity:calc(var(--art, .55) + .16)}.panel--art .label,.panel--art .note{color:#17171a94}.grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23g)' opacity='0.22'/></svg>");mix-blend-mode:multiply}@media(hover:hover)and (min-width:761px){.panel--art:hover .grain{transform:scale(1.06)}}.panel:focus-visible{outline:3px solid currentColor;outline-offset:-6px}@media(min-width:761px){.door.align-right .panel--art{justify-content:flex-end;text-align:right}.door.align-right .panel--art .panel-inner{max-width:none;width:100%}.door.align-right .panel--art .display{margin-left:0;margin-right:-.034em}.door.align-right .panel--art .note{margin-left:auto}}@media(max-width:760px){.door{flex-direction:column}.panel{flex:1 1 50%;min-height:50svh}.face{background-size:cover}.panel--art{justify-content:flex-end;text-align:right}.panel--art .display{margin-left:0;margin-right:-.034em}}@media(prefers-reduced-motion:reduce){.panel,.face{transition:none}}.tuner[data-astro-cid-j7pv25f6][hidden]{display:none}.tuner[data-astro-cid-j7pv25f6]{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;background:#03060edb;color:#dce8ff;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:6px;font:600 12px/1 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}.tuner[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=range]{width:220px}.tuner[data-astro-cid-j7pv25f6] .num[data-astro-cid-j7pv25f6]{width:64px;font:600 12px/1 inherit;padding:5px 6px;background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:3px}.tuner[data-astro-cid-j7pv25f6] output[data-astro-cid-j7pv25f6]{font-variant-numeric:tabular-nums}