.ab{--ab-vinyl:#f4f1f8;--ab-vinyl-2:#ebe7f0;--ab-ink:#1c1a21;--ab-ink-2:#37323e;--ab-plum:#563a80;--ab-print:min(84vw, 30rem, 100svh - var(--nav-height) - 7rem);--ab-face:calc(var(--ab-print) * .056);--ab-mat-w:calc(var(--ab-print) * .074);--ab-label-w:min(84vw, 21rem);position:relative;overflow-x:clip}@media (orientation:landscape) and (min-width:40rem){.ab{--ab-print:min(36vw, 32rem, 100svh - var(--nav-height) - 7rem);--ab-label-w:clamp(14rem, 30vw, 18rem)}}:root[data-page=about] body>header .site-link{color:var(--color-fg);text-shadow:0 0 .5rem #0000008c,0 0 1.25rem #00000059}.ab-room{position:relative}.ab-quiet{pointer-events:none;width:40%;height:40%;position:absolute;top:6%;left:30%}.ab-lens{visibility:hidden;pointer-events:none;width:0;height:100lvh;position:absolute;top:0;left:0}.ab-marks,.ab-poster,.ab-iris{display:none}.ab-mark{--view:0}.ab-mark-label{display:none}.ab-strip{flex-direction:column;align-items:center;gap:clamp(5.5rem,14vw,10rem);padding:clamp(2.5rem,7vw,4.5rem) 1.25rem clamp(5rem,12vw,8rem);display:flex}.ab-cell{justify-content:center;max-width:100%;display:flex}.ab-intro{text-align:center;max-width:44rem}.ab-title{color:var(--ab-vinyl);letter-spacing:-.035em;font-variation-settings:"wdth" 116;text-wrap:balance;font-size:clamp(3rem,6.6vw,6.75rem);font-weight:700;font-stretch:116%;line-height:.9}.ab-lead{max-width:26rem;color:var(--ab-vinyl-2);text-wrap:pretty;margin:1.25rem auto 0;font-size:1.125rem;line-height:1.6}.ab-piece{justify-items:center;gap:1.75rem;margin:0;display:grid}.ab-hang{position:relative}.ab-pool{--pool:1;pointer-events:none;background:rgb(255 234 206/calc(.17 * var(--pool)));-webkit-mask-composite:source-in;transition:opacity .6s;position:absolute;inset:-16% -18% -24%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000),linear-gradient(#0000,#000 20% 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000),linear-gradient(#0000,#000 20% 74%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ab-frame{width:var(--ab-print);height:var(--ab-print);padding:var(--ab-face);box-sizing:border-box;position:relative}.ab-frame:before,.ab-mat:before{transform:var(--turn,none);transform-origin:0 0}.ab-frame:before{content:"";background:linear-gradient(#e2d4ff57,#e2d4ff00 14%),linear-gradient(90deg,#cebafa33,#cebafa00 12%),linear-gradient(160deg,#2c1a4a,#170d29 46%,#0e0819);transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d8c6fcb8,inset 0 1px 0 1px #f4eeff66,.55rem .95rem 1.4rem -.15rem #000000b3,0 1.1rem 1.9rem -.6rem #000c}.ab-mat{width:100%;height:100%;padding:var(--ab-mat-w);box-sizing:border-box;position:relative}.ab-mat:before{content:"";box-shadow:inset calc(var(--ab-face) * .35) calc(var(--ab-face) * .5) calc(var(--ab-face) * .7) -.1rem #000000b3, 0 0 0 1px #b29ce473;background:#0e0c12;transition:opacity .6s;position:absolute;inset:0}.ab-print{transform-origin:0 0;width:100%;height:100%;position:relative}.ab-print picture,.ab-photo{width:100%;height:100%;display:block}.ab-photo{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px #f7f3eb,0 0 0 2.5px #ffffff8c,0 0 0 3px #3c302440}.ab[data-walk] .ab-photo{-webkit-touch-callout:none}.ab-label{--lit:1;width:var(--ab-label-w);background:rgb(calc(236 * var(--lit)) calc(230 * var(--lit)) calc(219 * var(--lit)));color:var(--ab-ink);text-align:start;border-radius:2px;padding:1rem 1.15rem 1.1rem;transition:box-shadow .6s;box-shadow:0 .6rem 1rem -.4rem #0000008c,0 0 0 1px #140e0a59}.ab-name{letter-spacing:-.005em;font-variation-settings:"wdth" 108;font-size:1.125rem;font-weight:650;font-stretch:108%;line-height:1.2}.ab-role{color:var(--ab-plum);letter-spacing:.13em;text-transform:uppercase;font-variation-settings:"wdth" 110;margin-top:.4rem;font-size:.6875rem;font-weight:650;font-stretch:110%;line-height:1.35}.ab-bio{color:var(--ab-ink-2);text-wrap:pretty;border-top:1px solid #1c1a2129;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;line-height:1.5}.ab-bio strong{color:var(--ab-ink);font-weight:650}.ab-said{text-align:center;max-width:48rem;margin:0}.ab-said-quote p{color:var(--ab-vinyl);letter-spacing:-.015em;font-variation-settings:"wdth" 110;text-wrap:balance;font-size:clamp(1.75rem,3.6vw,3.4rem);font-weight:600;font-stretch:110%;line-height:1.1}.ab-said-who{color:var(--ab-vinyl-2);margin-top:1.5rem;font-size:.9375rem;line-height:1.4}.ab-said-name{color:var(--ab-vinyl);font-weight:650}@media (orientation:landscape) and (min-width:40rem),(orientation:landscape) and (not (min-height:32rem)){.ab-piece{grid-template-columns:auto auto;align-items:end;column-gap:clamp(1.5rem,3vw,3rem)}}@media (orientation:landscape) and (not (min-height:32rem)){.ab{--ab-label-w:min(36rem, 100vw - var(--ab-print) - 4.5rem)}.ab-label{padding:.5rem .85rem .55rem}.ab-name{font-size:.9375rem}.ab-role{margin-top:.2rem}.ab-bio{margin-top:.3rem;padding-top:.3rem;font-size:.75rem;line-height:1.32}}@media (orientation:landscape) and (not (min-height:32rem)) and (not (min-width:42rem)){.ab-label{padding-inline:.7rem}.ab-bio{line-height:1.3}}@media (orientation:landscape) and (not (min-height:32rem)) and (not (min-width:40rem)){.ab{--ab-print:max(7.5rem, min(100svh - var(--nav-height) - 7rem, 100vw - 27.5rem));--ab-label-w:calc(100vw - var(--ab-print) - 2.5rem)}.ab:not([data-walk]) .ab-piece{margin-inline:-.5rem}.ab-piece{column-gap:1rem}.ab-label{padding-block:.4rem .45rem}.ab-bio{line-height:1.28}}.ab[data-walk]{--ab-room:calc(100svh - var(--nav-height));--ab-foot:0px;--ab-head:clamp(.75rem, 3.4svh, 2.25rem);--ab-floor:clamp(2.25rem, 11.5svh, 7.5rem);--ab-rise:0px;--ab-wall:calc(var(--ab-room) - var(--ab-foot) - var(--ab-floor) - var(--ab-head) - var(--ab-rise));--ab-pad:clamp(1.25rem, 4vw, 3rem);--ab-step:100svh;--ab-views:4}@media not (min-width:64rem){.ab[data-walk]{--ab-foot:calc(5.5rem + env(safe-area-inset-bottom))}}:root:has(.ab[data-walk]){scroll-snap-type:y mandatory}:root:has(.ab[data-walk]) body>footer{scroll-snap-align:start}:root[data-ab-walk-end] body{padding-bottom:0}:root:has(.ab[data-walk])[data-ab-walk-end] body>footer{scroll-snap-align:none;border:0;height:max(0px,100dvh - 100svh);margin:0;padding:0;overflow:hidden}:root[data-ab-walk-end] body>footer>*{visibility:hidden}.ab[data-walk] .ab-walk{height:calc(var(--ab-room) + (var(--ab-views) - 1) * var(--ab-step));position:relative}.ab[data-walk] .ab-marks{pointer-events:none;display:block;position:absolute;inset:0}.ab[data-walk] .ab-mark{top:calc(var(--view) * var(--ab-step));scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;position:absolute;left:0}.ab[data-walk] .ab-mark[data-bay=helen]{--view:1}.ab[data-walk] .ab-mark[data-bay=john-alex]{--view:2}.ab[data-walk] .ab-mark[data-bay=said]{--view:3}.ab[data-walk] .ab-room{top:var(--nav-height);height:var(--ab-room);position:sticky;overflow:clip;container-type:inline-size}.ab[data-walk] .ab-rail{position:absolute;inset:0;overflow:hidden}.ab[data-walk] .ab-strip{transform-origin:0 0;will-change:transform;flex-direction:row;align-items:stretch;gap:0;width:max-content;height:100%;padding:0;position:absolute;top:0;left:0}.ab[data-walk] .ab-cell{width:100cqw;max-width:none;height:100%;padding:var(--ab-head) var(--ab-pad) calc(var(--ab-foot) + var(--ab-floor));box-sizing:border-box;flex:none;align-items:center;position:relative}@supports (animation-timeline:scroll()){.ab[data-walk=armed] .ab-strip{animation:linear both ab-walk;animation-timeline:scroll(root);animation-range:0px calc((var(--ab-views) - 1) * var(--ab-step))}}@keyframes ab-walk{0%{transform:translate(0,0)}to{transform:translate3d(calc((1 - var(--ab-views)) * 100cqw), 0, 0)}}.ab[data-walk] .ab-bay{position:relative}.ab[data-walk] .ab-poster{background:radial-gradient(52% 58% at 94% 2%,#3e3a38d9,#28252559 50%,#14131500 78%),radial-gradient(120% 90% at 50% 38%,#161517,#0a0a0b 70%),#0a0a0b;transition:opacity .6s;display:block;position:absolute;inset:0}.ab[data-walk] .ab-floor{inset-inline:0;height:calc(var(--ab-foot) + var(--ab-floor));background:linear-gradient(#ffecd612,#0000 1.5rem),linear-gradient(#0c0b0d,#060506);position:absolute;bottom:0}.ab[data-walk] .ab-spot{pointer-events:none;will-change:transform;background:radial-gradient(closest-side,#ffe0ba57,#ffe0ba47 34%,#ffe0ba1a 58%,#ffe0ba08 80%,#ffe0ba00);border-radius:50%;width:34rem;height:34rem;margin:-17rem 0 0 -17rem;display:block;position:absolute;top:0;left:0}.ab[data-walk] .ab-pool{--pool:0}.ab-room:is([data-room-lit],[data-stage-live=true]) :is(.ab-poster,.ab-pool),.ab-room:is([data-room-lit],[data-stage-live=true]) .ab-frame:before,.ab-room:is([data-room-lit],[data-stage-live=true]) .ab-mat:before{opacity:0}.ab-room:is([data-room-lit],[data-stage-live=true]) .ab-label{box-shadow:0 0 0 1px #140e0a59}@media (orientation:portrait){.ab[data-walk]{--ab-head:clamp(3rem, 8.5svh, 5.5rem);--ab-print:min(100cqmin, 38rem);--ab-label-w:min(100%, 22rem)}.ab[data-walk] .ab-intro{text-align:start;width:100%}.ab[data-walk] .ab-title{font-size:clamp(2.25rem, (100cqw - 2 * var(--ab-pad)) / 5.8, 4.5rem)}.ab[data-walk] .ab-lead{margin-inline:0}.ab[data-walk] .ab-piece{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.ab[data-walk] .ab-hang{flex:0 auto;place-items:center;width:min(100%,86cqw);height:min(86cqw,38rem);min-height:0;display:grid;container-type:size}.ab[data-walk] .ab-label{flex:none}.ab[data-walk] .ab-said-quote p{font-size:clamp(1.75rem,7.6cqw,3rem)}}@media (orientation:portrait) and (min-width:48rem){.ab[data-walk]{--ab-print:min(100cqmin, 46rem);--ab-label-w:25rem}.ab[data-walk] .ab-hang{height:min(86cqw,46rem)}.ab[data-walk] .ab-title{font-size:clamp(4.5rem, (100cqw - 2 * var(--ab-pad)) / 5.8, 7rem)}.ab[data-walk] .ab-lead{max-width:30rem;font-size:1.25rem}.ab[data-walk] .ab-name{font-size:1.375rem}.ab[data-walk] .ab-role{font-size:.75rem}.ab[data-walk] .ab-bio{font-size:1rem}.ab[data-walk] .ab-said-quote p{font-size:clamp(2.5rem,6cqw,4.25rem)}.ab[data-walk] .ab-said-who{font-size:1rem}}@media (orientation:portrait) and (not (min-height:45rem)){.ab[data-walk]{--ab-floor:clamp(1.5rem, 6svh, 3rem);--ab-head:clamp(1.25rem, 4.5svh, 2.5rem)}}@media (orientation:portrait) and (not (min-height:45rem)),(orientation:portrait) and (not (min-width:23.75rem)){.ab[data-walk] .ab-piece{gap:.75rem}.ab[data-walk] .ab-label{padding:.65rem .85rem .7rem}.ab[data-walk] .ab-name{font-size:1rem}.ab[data-walk] .ab-role{letter-spacing:.1em;margin-top:.25rem;font-size:.6875rem}.ab[data-walk] .ab-bio{margin-top:.45rem;padding-top:.45rem;font-size:.875rem;line-height:1.42}}@media (orientation:portrait) and (not (min-width:48rem)) and (not (min-height:58rem)){.ab[data-walk]{--ab-views:6}.ab[data-walk] .ab-strip{height:200%}.ab[data-walk] .ab-mark[data-bay=john-alex]{--view:3}.ab[data-walk] .ab-mark[data-bay=said]{--view:5}.ab[data-walk] .ab-mark-label{top:calc(var(--view) * var(--ab-step));scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;display:block;position:absolute;left:0}.ab[data-walk] .ab-mark-label[data-bay=helen]{--view:2}.ab[data-walk] .ab-mark-label[data-bay=john-alex]{--view:4}.ab[data-walk] .ab-cell[data-bay=title] .ab-bay{margin-bottom:var(--ab-room)}.ab[data-walk] .ab-cell[data-bay=said] .ab-bay{margin-top:var(--ab-room)}.ab[data-walk] .ab-piece{grid-template-rows:var(--ab-wall) 1fr var(--ab-wall);place-items:center;gap:0;display:grid}.ab[data-walk] .ab-hang{height:min(86cqw, 38rem, var(--ab-wall));grid-row:1}.ab[data-walk] .ab-label{grid-row:3}}@media (orientation:portrait) and (not (min-width:22.5rem)) and (not (min-height:58rem)){.ab[data-walk]{--ab-floor:.75rem;--ab-label-w:100%}.ab[data-walk] .ab-label{padding:.55rem .75rem .6rem}.ab[data-walk] .ab-bio{text-wrap:wrap;line-height:1.34}}@supports (animation-timeline:scroll()){@media (orientation:portrait) and (not (min-width:48rem)) and (not (min-height:58rem)){.ab[data-walk=armed] .ab-strip{animation-name:ab-walk-low}}}@keyframes ab-walk-low{0%{transform:translate(0,0)}20%{transform:translate(-100cqw)}40%{transform:translate(-100cqw,-50%)}60%{transform:translate(-200cqw)}80%{transform:translate(-200cqw,-50%)}to{transform:translate(-300cqw,-50%)}}@media (orientation:landscape){.ab[data-walk]{--ab-head:clamp(1.25rem, 13svh, 7rem);--ab-floor:clamp(2.25rem, 15svh, 9.5rem);--ab-rise:clamp(.75rem, 4.5svh, 3rem);--ab-label-w:clamp(14rem, 21cqw, 18rem);--ab-gap:clamp(1.5rem, 2.6cqw, 2.75rem);--ab-print:max(8rem, min(var(--ab-wall), 100cqw - 2 * var(--ab-pad) - var(--ab-gap) - var(--ab-label-w), 40rem))}.ab[data-walk] .ab-cell{align-items:flex-end}.ab[data-walk] .ab-bay{margin-bottom:var(--ab-rise)}.ab[data-walk] .ab-intro{text-align:start;width:min(100%,44rem)}.ab[data-walk] .ab-title{font-size:min(clamp(3rem, 7cqw, 6.25rem), var(--ab-wall) * .24)}.ab[data-walk] .ab-lead{margin-inline:0}.ab[data-walk] .ab-piece{align-items:end;column-gap:var(--ab-gap);grid-template-columns:auto auto}.ab[data-walk] .ab-said{width:min(100%,56rem);max-width:none}}@media (orientation:landscape) and (not (min-height:32rem)){.ab[data-walk]{--ab-floor:.75rem;--ab-rise:.25rem;--ab-label-w:min(36rem, 100cqw - 2 * var(--ab-pad) - var(--ab-gap) - clamp(8rem, 100cqw - 32rem, 9.5rem));--ab-head:.6rem}.ab[data-walk] .ab-piece{align-items:center}.ab[data-walk] .ab-lead{margin-top:.75rem;font-size:1rem}}@media (orientation:landscape) and (not (min-height:32rem)) and (not (min-width:42rem)){.ab[data-walk]{--ab-gap:1rem}}@media (orientation:landscape) and (not (min-width:68.75rem)) and (min-height:32rem){.ab[data-walk]{--ab-label-w:clamp(14rem, 26cqw, 18rem)}}@media (orientation:landscape) and (min-width:68.75rem){.ab[data-walk]{--ab-views:3;--ab-split:42;--ab-print:max(8rem, min(var(--ab-wall), (100 - var(--ab-split)) * 1cqw - 2 * var(--ab-pad) - var(--ab-gap) - var(--ab-label-w), 40rem))}.ab[data-walk] .ab-cell[data-bay=title]{width:calc(var(--ab-split) * 1cqw)}.ab[data-walk] .ab-cell[data-bay=helen]{width:calc((100 - var(--ab-split)) * 1cqw)}.ab[data-walk] .ab-title{font-size:min((var(--ab-split) * 1cqw - 2 * var(--ab-pad)) / 5.9, var(--ab-wall) * .2, 6.5rem)}.ab[data-walk] .ab-mark[data-bay=helen]{--view:0}.ab[data-walk] .ab-mark[data-bay=john-alex]{--view:1}.ab[data-walk] .ab-mark[data-bay=said]{--view:2}}.ab[data-walk][data-arrive] .ab-iris{--ix:50%;--iy:calc(var(--ab-head) + .42 * (var(--ab-room) - var(--ab-foot) - var(--ab-floor) - var(--ab-head)));--ir:calc(100cqw + var(--ab-room));z-index:4;pointer-events:none;display:block;position:absolute;inset:0}.ab-blade{top:var(--iy);left:var(--ix);width:var(--ir);height:calc(2 * var(--ir));margin-top:calc(-1 * var(--ir));transform-origin:0;background:#4d317e;animation:.98s cubic-bezier(.62,0,.32,1) 1.2s both ab-iris-open;position:absolute}.ab-blade:nth-child(3){background:#3d2666}.ab-blade:nth-child(5){background:#291846}.ab-blade:nth-child(7){background:#251540}.ab-blade:nth-child(9){background:#352058}.ab-blade:nth-child(11){background:#492e78}.ab-edge{background:#c8b2ee;width:2px}@keyframes ab-iris-open{0%{transform:rotate(calc(var(--k) * 60deg - 26deg)) translate3d(0, 0, 0)}to{visibility:hidden;transform:rotate(calc(var(--k) * 60deg)) translate3d(var(--ir), 0, 0)}}@media (prefers-reduced-motion:reduce){.ab-pool,.ab-frame:before,.ab-mat:before,.ab-label{transition:none}}