@font-face{font-family:"Haas Display";src:url('/fonts/NeueHaasDisplayRoman.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"Bookish";src:url('/fonts/BookishTrial-Book.otf') format('opentype');font-weight:400;font-display:swap}
:root{--cream:#f2f0e7;--ground:#030817;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ground)}body{color:var(--cream);font-family:"Haas Display",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--cream);outline-offset:6px}button:focus-visible{border-radius:2px}.wg-sr,.wg-skip:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.wg-skip:focus{position:fixed;top:60px;left:16px;z-index:30;background:var(--cream);color:var(--ground);padding:10px}
.wg-header{position:fixed;top:18px;left:16px;z-index:20}.wg-header nav{display:flex;gap:10px;font-size:15px;line-height:1.2}.wg-header a{transition:opacity .25s}.wg-header a[aria-current],.wg-header a:hover{opacity:.5}
.wg-logo{position:fixed;left:16px;top:50%;width:clamp(200px,25vw,360px);transform:translateY(-50%);z-index:10;filter:drop-shadow(0 2px 14px #0005)}.wg-logo svg{display:block;width:100%;height:auto;fill:currentColor}
.wg-atmosphere{position:fixed;inset:-3%;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 48% 55%,#08216430,transparent 75%)}.wg-atmosphere img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px) saturate(.75);opacity:0;transition:opacity .65s var(--ease);transform:scale(1.06)}.wg-atmosphere img.is-on{opacity:.18}
.wg-stage{position:relative;z-index:1;outline:0}.wg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.36vw;width:81.06%;margin:auto;padding:100px 0 140px}
.wg-card{display:block;position:relative;aspect-ratio:7/10;overflow:hidden;background:var(--poster-bg,#131722);isolation:isolate;transition:opacity .45s var(--ease)}.wg-card__art{position:absolute;inset:0;overflow:hidden;transition:opacity .45s var(--ease),transform .8s var(--ease)}.wg-card img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.wg-card--contain .wg-card__art{inset:13% 0 23%}.wg-card--contain img{object-fit:contain}.wg-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#01030a12 60%,#01030ac7);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.wg-card--contain::after{opacity:1;background:linear-gradient(180deg,transparent 55%,#01030a60)}
.wg-card__caption{position:absolute;z-index:1;bottom:22px;left:20px;right:20px;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .6s var(--ease);text-shadow:0 2px 14px #0008}.wg-card--contain .wg-card__caption{opacity:1;transform:none}.wg-card__category{display:block;font-size:11px;line-height:1.3;margin-bottom:8px}.wg-card h2{font:400 clamp(24px,2.6vw,44px)/.97 "Bookish",Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}.wg-card__open{display:block;font-size:12px;line-height:1.2;margin-top:15px}.wg-card--contain .wg-card__open{max-height:0;overflow:hidden;margin-top:0;opacity:0;transition:opacity .4s,max-height .4s,margin .4s}
.wg-card.is-active::after,.wg-card:focus-visible::after{opacity:1}.wg-card.is-active .wg-card__caption,.wg-card:focus-visible .wg-card__caption{opacity:1;transform:none}.wg-card.is-active .wg-card__art{transform:scale(1.025)}.wg-card.is-active .wg-card__open,.wg-card:focus-visible .wg-card__open{max-height:30px;opacity:1;margin-top:15px}.wg-stage.is-hovering .wg-card:not(.is-active){opacity:.4}
.wg-footer{position:fixed;bottom:16px;left:16px;right:20px;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;pointer-events:none;font-size:15px;line-height:1.15}.wg-footer p{margin:0;text-shadow:0 1px 12px #0009}.wg-controls{display:flex;align-items:center;gap:26px;font-size:12px}.wg-hint{opacity:.65}.wg-mode{border:0;background:transparent;padding:8px 0;pointer-events:auto}.wg-mode span{margin-left:6px}.wg-cursor{position:fixed;z-index:25;top:0;left:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f2f0e730;backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform;font-size:22px}.wg-cursor.is-visible{opacity:1}
html.wg-live,html.wg-live body{height:100%;overflow:hidden;overscroll-behavior:none}.wg-live .wg-stage{position:fixed;inset:0;overflow:hidden;touch-action:none}.wg-live .wg-grid{position:absolute;inset:0;width:81.06%;height:100%;padding:0}.wg-live .wg-card{position:absolute;left:0;top:0;width:29%;will-change:transform}.wg-live .wg-logo,.wg-live .wg-header,.wg-live .wg-footer{animation:wg-ui-in .8s var(--ease) both}.wg-live .wg-logo{animation-name:wg-logo-in}.wg-enter .wg-card__art{animation:wg-art-in .9s var(--ease) both;animation-delay:var(--enter-delay,0s)}
.wg-index .wg-logo,html:not(.wg-live) .wg-logo{top:70px;transform:none;width:130px}.wg-index .wg-grid,html:not(.wg-live) .wg-grid{padding-top:160px;gap:45px 5.36vw}.wg-index .wg-card__caption,html:not(.wg-live) .wg-card__caption{opacity:1;transform:none}.wg-index .wg-card::after,html:not(.wg-live) .wg-card::after{opacity:1}.wg-index .wg-footer,html:not(.wg-live) .wg-footer{position:relative;left:auto;right:auto;bottom:auto;padding:0 20px 25px}.wg-index .wg-hint{display:none}.wg-index .wg-controls{position:fixed;right:20px;top:65px}.wg-index .wg-mode{background:#030817cc;padding:10px 14px;border:1px solid #f2f0e740;border-radius:30px}
body.is-leaving .wg-stage{opacity:0;transition:opacity .24s ease}body.is-leaving .wg-logo,body.is-leaving .wg-footer{opacity:0;transition:opacity .2s}body.is-leaving .wg-atmosphere img.is-on{opacity:.35}
@keyframes wg-art-in{from{opacity:0;transform:translateY(45px) scale(1.035)}to{opacity:1;transform:none}}@keyframes wg-ui-in{from{opacity:0}to{opacity:1}}@keyframes wg-logo-in{from{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}
@media(max-width:767px){.wg-header{top:22px;left:auto;right:16px}.wg-header nav{gap:10px;font-size:12px}.wg-header a:first-child,.wg-header a:nth-child(4){display:none}.wg-logo,.wg-live .wg-logo{top:14px;left:16px;width:98px;transform:none;animation-name:wg-ui-in}.wg-grid,.wg-live .wg-grid{width:68%}.wg-grid{grid-template-columns:1fr;gap:18px}.wg-live .wg-card{width:100%}.wg-card__caption{left:15px;right:15px;bottom:18px}.wg-card h2{font-size:30px}.wg-card__category{font-size:10px}.wg-card--cover .wg-card__caption{opacity:1;transform:none}.wg-card--cover::after{opacity:.65}.wg-card__open{display:none}.wg-footer{bottom:14px;left:16px;right:16px}.wg-footer p,.wg-hint{display:none}.wg-controls{margin-left:auto}.wg-mode{font-size:12px;padding:10px 12px;border-radius:30px;background:#030817cc;border:1px solid #f2f0e730}.wg-cursor{display:none}.wg-index .wg-logo,html:not(.wg-live) .wg-logo{top:14px;width:98px}.wg-index .wg-grid,html:not(.wg-live) .wg-grid{padding-top:95px;gap:24px}.wg-index .wg-controls{top:auto;bottom:14px;right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.wg-cursor{display:none}.wg-hint{display:none}.wg-logo{top:70px;transform:none}}
