.wh{--wh-ink:#090b10;--wh-lead:#e6d5ad;--wh-b1:#33505c;--wh-b2:#5d4263;--wh-b3:#6e5a3a;--wh-b4:#27405a;--paper:#efe9dc;--dim:#efe9dcad;--faint:#efe9dc29;--serif:"Bodoni 72", "Didot", var(--font-bodoni), ui-serif, Georgia, serif;--sans:"Avenir Next", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pad:24px;--out:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:var(--wh-ink);min-height:100svh;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background-color 1.6s;position:relative;overflow-x:clip}@media (min-width:760px){.wh{--pad:64px}}html:has(.wh){scrollbar-color:#efe9dc4d transparent;scroll-behavior:smooth;background:#090b10}.wh ::selection{background:var(--wh-lead);color:#090b10}.wh :focus-visible{outline:2px solid var(--wh-lead);outline-offset:3px}:where(.wh) :is(p,h1,h2,h3,ol,ul){margin:0;padding:0}:where(.wh) :is(ol,ul){list-style:none}.wh-world{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wh-world i{filter:blur(110px);opacity:.5;mix-blend-mode:screen;will-change:transform;border-radius:50%;width:62vmax;height:62vmax;transition:background-color 1.8s;position:absolute}.wh-world i:first-child{background:var(--wh-b1);animation:46s ease-in-out infinite alternate wh-drift-1;top:-24vmax;left:-16vmax}.wh-world i:nth-child(2){background:var(--wh-b2);animation:58s ease-in-out infinite alternate wh-drift-2;top:-10vmax;right:-18vmax}.wh-world i:nth-child(3){background:var(--wh-b3);animation:52s ease-in-out infinite alternate wh-drift-3;bottom:-36vmax;left:14vmax}.wh-world i:nth-child(4){background:var(--wh-b4);animation:64s ease-in-out infinite alternate wh-drift-4;bottom:-28vmax;right:2vmax}@keyframes wh-drift-1{to{transform:translate(18vmax,12vmax)scale(1.15)}}@keyframes wh-drift-2{to{transform:translate(-20vmax,16vmax)scale(.9)}}@keyframes wh-drift-3{to{transform:translate(14vmax,-16vmax)scale(1.1)}}@keyframes wh-drift-4{to{transform:translate(-16vmax,-10vmax)scale(1.2)}}.wh-grain{z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.wh-page{z-index:2;position:relative}.wh-top{padding:22px var(--pad) 0;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wh-mark{font-family:var(--serif);font-size:27px;font-style:italic;line-height:1}.wh-top a{color:var(--dim);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:5px;font-size:14px;transition:color .2s}.wh-top a:hover{color:var(--paper)}.wh-hero{padding-top:clamp(20px,4.5svh,52px)}.wh-hero h1{padding:0 var(--pad);font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(42px,6vw,88px);font-weight:400;line-height:.98}.wh-lede{max-width:calc(35em + 2 * var(--pad));padding:clamp(14px, 2svh, 20px) var(--pad) 0;color:var(--dim);text-wrap:pretty;font-size:clamp(16px,1.3vw,19px);line-height:1.5}.wh-band{width:100%;height:clamp(210px,31svh,440px);font-family:var(--serif);cursor:ew-resize;touch-action:pan-y;margin-top:clamp(10px,2.4svh,30px);display:block}@media (min-width:760px){.wh-band{height:clamp(230px,40svh,440px)}}.wh-now{padding:clamp(10px, 2svh, 22px) var(--pad) 0;gap:22px 40px;display:grid}@media (min-width:760px){.wh-now{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.wh-address{font-family:var(--mono);color:var(--dim);font-size:14px;line-height:1.4}.wh-address span{white-space:nowrap;vertical-align:bottom;border-right:1.5px solid var(--wh-lead);max-width:100%;animation:wh-type .7s steps(var(--n,12)) both;padding-right:2px;display:inline-block;overflow:hidden}@keyframes wh-type{0%{width:0}to{width:calc(var(--n,12) * 1ch + 2px)}}.wh-title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;animation:wh-arrive .8s var(--out) both;margin-top:6px;font-size:clamp(36px,4.6vw,66px);font-style:italic;line-height:1}.wh-subtitle{color:var(--dim);animation:wh-arrive .8s 60ms var(--out) both;margin-top:10px;font-size:clamp(16px,1.3vw,18px);line-height:1.4}@keyframes wh-arrive{0%{opacity:0;filter:blur(10px);transform:translateY(8px)}}.wh-cast{color:var(--dim);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:13px;line-height:1.4;display:flex}.wh-cast li{align-items:center;gap:7px;display:flex}.wh-cast i{border-radius:50%;width:8px;height:8px}.wh-act{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;display:flex}@media (min-width:760px){.wh-act{flex-direction:column;align-items:flex-end}}.wh-hear{background:var(--paper);color:#090b10;transition:background-color .2s, transform .3s var(--out);border-radius:999px;padding:15px 26px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.wh-hear:hover{background:#fff;transform:translateY(-1px)}.wh-hear:active{transform:translateY(0)scale(.98)}.wh-turn{align-items:center;gap:6px;display:flex}.wh-turn button{border:1px solid var(--faint);width:44px;height:44px;color:var(--paper);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,border-color .2s;display:grid}.wh-turn button:hover{border-color:var(--dim);background:#ffffff14}.wh-turn svg{width:20px;height:20px}.wh-count{min-width:6ch;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:center;color:var(--dim);font-size:13px}.wh-cat{padding-top:clamp(80px,13svh,150px)}.wh-cat h2,.wh-how h2{max-width:calc(15em + 2 * var(--pad));padding:0 var(--pad);font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;font-size:clamp(30px,3.8vw,56px);font-weight:400;line-height:1.02}.wh-cat ol{border-bottom:1px solid var(--faint);margin-top:clamp(24px,4vw,44px)}.wh-cat li{border-top:1px solid var(--faint)}.wh-row{padding:16px var(--pad);color:var(--paper);gap:4px 28px;text-decoration:none;transition:background-color .3s;display:grid}.wh-row:focus-visible{outline-offset:-3px}@media (min-width:760px){.wh-row{grid-template-columns:minmax(150px,17%) minmax(0,1fr) minmax(0,44%);align-items:center;padding-block:13px}}.wh-row-url{font-family:var(--mono);overflow-wrap:anywhere;font-size:14px;line-height:1.4}.wh-row-title{font-family:var(--serif);font-size:26px;font-style:italic;line-height:1.12;display:block}.wh-row-sub{color:var(--dim);margin-top:3px;font-size:14px;line-height:1.4;display:block}.wh-row-score{height:44px;margin-top:8px;display:block;position:relative;overflow:hidden}@media (min-width:760px){.wh-row-score{height:56px;margin-top:0}}.wh-row-score svg{opacity:.78;width:100%;height:100%;transition:opacity .3s;display:block}.wh-row-score:after{content:"";opacity:0;filter:drop-shadow(0 0 6px var(--wh-lead));pointer-events:none;border-left:2px solid #fff;position:absolute;inset:0}.wh-cat li.is-lit .wh-row,.wh-row:hover,.wh-row:focus-visible{background:linear-gradient(90deg,#ffffff17,#ffffff05)}.wh-cat li.is-lit svg,.wh-row:hover svg,.wh-row:focus-visible svg{opacity:1}.wh-cat li.is-lit .wh-row-score:after,.wh-row:hover .wh-row-score:after,.wh-row:focus-visible .wh-row-score:after{opacity:.9;animation:3.4s linear infinite wh-read}@keyframes wh-read{0%{transform:translate(0)}to{transform:translate(100%)}}.wh-how{padding:clamp(80px,13svh,150px) 0 clamp(72px,11svh,130px)}.wh-how ol{padding:clamp(28px, 4vw, 52px) var(--pad) 0;gap:36px 48px;display:grid}@media (min-width:900px){.wh-how ol{grid-template-columns:repeat(3,minmax(0,1fr))}}.wh-how h3{font-family:var(--serif);font-size:clamp(26px,2.3vw,32px);font-style:italic;font-weight:400;line-height:1.1}.wh-how li p{max-width:30em;color:var(--dim);text-wrap:pretty;margin-top:10px;font-size:16px;line-height:1.55}.wh-start{padding:clamp(36px, 5vw, 60px) var(--pad) 0}@media (prefers-reduced-motion:reduce){html:has(.wh){scroll-behavior:auto}.wh,.wh-world i{transition:none}.wh-world i,.wh-address span,.wh-title,.wh-subtitle,.wh-cat li.is-lit .wh-row-score:after,.wh-row:hover .wh-row-score:after,.wh-row:focus-visible .wh-row-score:after{animation:none}}