.kh-p-holes{--kh-sheet: #5fb4e2}.kh-p-holes .kh-hero .kh-hero__media img{-o-object-position:50% 20%;object-position:50% 20%}.kh-p-holes .kh-sheet{position:relative;aspect-ratio:1402 / 1251}.kh-p-holes .kh-sheet__hole{position:absolute;inset:0}.kh-p-holes .kh-sheet__lines,.kh-p-holes .kh-sheet__word{position:absolute;max-width:none;height:auto;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.kh-p-holes .kh-sheet__lines{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,.89% 47.21%,99.11% 47.21%,99.11% 98.92%,.89% 98.92%,.89% 47.21%)}.kh-p-holes .kh-sheet__word{clip-path:inset(61.55% 14.51% 29.44% 14.43%)}.kh-p-holes .kh-notes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.kh-p-holes .kh-notes__plot{display:none}.kh-p-holes .kh-sheet__grain,.kh-p-holes .kh-holes__grain{position:absolute;inset:0;background-image:var(--kh-paper-grain);background-size:100% 100%;opacity:.102;pointer-events:none}.kh-p-holes .kh-holes{background:var(--kh-paper)}.kh-p-holes .kh-holes__stage{display:none}.kh-p-holes .kh-holes__list{padding-top:clamp(2rem,6vw,3rem)}.kh-p-holes .kh-hole{padding:0 0 clamp(3.5rem,9vw,5.5rem)}.kh-p-holes .kh-hole__sheet{margin:0 auto clamp(2rem,6vw,3rem);width:min(100%,(100svh - 3rem) * 1402 / 1251);background:var(--kh-sheet)}.kh-p-holes .kh-hole__text{max-width:calc(36rem + 2 * var(--kh-pad));margin:0 auto;padding:0 var(--kh-pad);font-size:16.5px;line-height:1.7;color:var(--kh-navy)}.kh-p-holes .kh-hole__text .kh-hole__name{font-family:var(--kh-serif-display);font-size:clamp(2.1rem,3vw,3rem);font-weight:300;line-height:1.1;letter-spacing:0;margin:0 0 1rem}.kh-p-holes .kh-hole__text .kh-hole__par{font-family:var(--kh-sans);font-weight:700;font-size:.95rem;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--kh-navy);margin:0 0 1.9rem}.kh-p-holes .kh-hole__text .kh-hole__theme{font-family:var(--kh-serif-display);font-size:1.5rem;font-weight:300;line-height:1.4;letter-spacing:.01em;margin:0 0 .7rem}.kh-p-holes .kh-hole__text p{margin:0 0 1.2em}.kh-p-holes .kh-hole__text p:last-child{margin-bottom:0}@media(min-width:961px){.kh-p-holes .kh-holes--live{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start}.kh-p-holes .kh-holes--live .kh-holes__stage{--gx: clamp(1.25rem, 2.6vw, 2.75rem);--gy: 3.75rem;display:block;grid-area:1 / 1;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--kh-sheet);container-type:size}.kh-p-holes .kh-holes--live .kh-holes__list{grid-area:1 / 2;padding-top:0}.kh-p-holes .kh-holes--live .kh-hole{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:5rem clamp(2rem,5vw,6rem) 5rem clamp(2rem,4vw,4.5rem)}.kh-p-holes .kh-holes--live .kh-hole__sheet{display:none}.kh-p-holes .kh-holes--live .kh-hole__text{max-width:34rem;margin:0;padding:0}.kh-p-holes .kh-holes__field{--cw: min(55vw - 5rem, (100vh - 7.5rem) * 1402 / 1251);position:absolute;inset:0;display:grid;place-items:center}.kh-p-holes .kh-holes__field .kh-sheet{width:var(--cw)}.kh-p-holes .kh-holes__grain{background-repeat:repeat;background-position:50% 50%;background-size:var(--cw) calc(var(--cw) * 1251 / 1402)}.kh-p-holes .kh-holes__index{position:absolute;left:0;right:0;bottom:0;height:var(--gy);display:flex;align-items:center;justify-content:center;gap:clamp(1.1rem,2.4vw,2.2rem);z-index:2}.kh-p-holes .kh-holes__index a{font-family:var(--kh-sans);font-size:12px;font-weight:500;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;padding:.45rem 0 .4rem;border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.kh-p-holes .kh-holes__index a:hover,.kh-p-holes .kh-holes__index a:focus-visible{color:#fff}.kh-p-holes .kh-holes__index a[aria-current=true]{color:#fff;border-bottom-color:#ffffffd9}}@supports (width: 1cqw){@media(min-width:961px){.kh-p-holes .kh-holes__field{--cw: min(100cqw - 2 * var(--gx), (100cqh - 2 * var(--gy)) * 1402 / 1251)}}}@media(min-width:1201px){.kh-p-holes .kh-holes--live{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media(prefers-reduced-motion:no-preference){.kh-p-holes .kh-holes--live .kh-sheet__hole{--plot: .75s;-webkit-mask-image:linear-gradient(90deg,transparent 27.78%,#000 36.11%,#000 63.89%,transparent 72.22%);mask-image:linear-gradient(90deg,transparent 27.78%,#000 36.11%,#000 63.89%,transparent 72.22%);-webkit-mask-size:360% 100%;mask-size:360% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position 1.7s cubic-bezier(.45,.05,.3,1),mask-position 1.7s cubic-bezier(.45,.05,.3,1)}.kh-p-holes .kh-holes--live .kh-sheet__hole[data-pos=shown]{-webkit-mask-position:50% 0;mask-position:50% 0}.kh-p-holes .kh-holes--live .kh-sheet__hole[data-pos=after]{-webkit-mask-position:0 0;mask-position:0 0}.kh-p-holes .kh-holes--live .kh-sheet__hole.is-snap{transition:none}.kh-p-holes .kh-holes--live .kh-sheet__hole[data-rest]{visibility:hidden}.kh-p-holes .kh-holes--live .kh-notes__plot{display:inline}.kh-p-holes .kh-holes--live .kh-notes__full{opacity:0}.kh-p-holes .kh-holes--live .is-plotted .kh-notes__full{opacity:1;transition:opacity 0s linear calc(var(--plot) + var(--end))}.kh-p-holes .kh-holes--live .is-plotted .kh-notes__plot{opacity:0;transition:opacity 0s linear calc(var(--plot) + var(--end))}.kh-p-holes .kh-trace{fill:none;stroke:#fff;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.02}.kh-p-holes .is-plotted .kh-trace{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur) cubic-bezier(.33,.1,.25,1) calc(var(--plot) + var(--at))}.kh-p-holes .kh-pop,.kh-p-holes .kh-fade,.kh-p-holes .kh-slide{opacity:0}.kh-p-holes .kh-pop{transform:scale(.25)}.kh-p-holes .kh-slide{transform:translate(var(--dx),var(--dy))}.kh-p-holes .is-plotted .kh-pop{opacity:1;transform:none;transition:opacity .3s ease calc(var(--plot) + var(--at)),transform .6s cubic-bezier(.34,1.45,.5,1) calc(var(--plot) + var(--at))}.kh-p-holes .is-plotted .kh-fade{opacity:1;transition:opacity .8s ease calc(var(--plot) + var(--at))}.kh-p-holes .is-plotted .kh-slide{opacity:1;transform:none;transition:opacity .6s ease calc(var(--plot) + var(--at)),transform 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--plot) + var(--at))}.kh-p-holes .kh-holes--live .kh-sheet__word{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.kh-p-holes .kh-holes--live .is-plotted .kh-sheet__word{-webkit-mask-position:0 0;mask-position:0 0;transition:-webkit-mask-position 1.2s cubic-bezier(.5,0,.3,1) calc(var(--plot) + var(--mark)),mask-position 1.2s cubic-bezier(.5,0,.3,1) calc(var(--plot) + var(--mark))}}@media(prefers-reduced-motion:reduce){.kh-p-holes .kh-holes--live .kh-sheet__hole{opacity:0;transition:opacity .6s ease}.kh-p-holes .kh-holes--live .kh-sheet__hole[data-pos=shown]{opacity:1}.kh-p-holes .kh-holes--live .kh-sheet__hole[data-rest]{visibility:hidden}}