:root{--bg: #faf9f1;--bg-tint: #eff0de;--ink: #2e3320;--ink-soft: #565c3e;--olive-deep: #3d4127;--olive: #636b2f;--olive-pale: #d4de95;--key-white: #fffef8;--key-black: #2e3320;--rule: rgba(46, 51, 32, .16);--tape: rgba(212, 222, 149, .6);--scrim: rgba(28, 30, 19, .55);--desk-light: rgba(255, 255, 255, .95);--desk-light-halo: rgba(212, 222, 149, .35);--radius: 3px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1c1e13;--bg-tint: #262a18;--ink: #edecdd;--ink-soft: #b9bc9f;--olive-deep: #d4de95;--olive: #a9b26b;--olive-pale: #3d4127;--key-white: #2a2d1c;--key-black: #edecdd;--rule: rgba(237, 236, 221, .18);--tape: rgba(169, 178, 107, .3);--scrim: rgba(8, 9, 5, .7);--desk-light: rgba(237, 236, 221, .3);--desk-light-halo: rgba(237, 236, 221, .1)}}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{height:100%}#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Fraunces,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.shell{max-width:1500px;margin:0 auto;padding:40px 24px 100px}.piano-wrap{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);padding:28px 0 0;border-bottom:1px solid var(--rule)}.piano-header{display:flex;justify-content:space-between;align-items:baseline;max-width:1500px;margin:0 auto;padding:0 24px 18px}.brand{font-size:20px;font-weight:600;letter-spacing:.01em}.brand-note{font-size:13px;color:var(--ink-soft)}.piano{display:flex;justify-content:center;max-width:1500px;margin:0 auto;padding:0 24px}.keys{--key-w: min(80px, calc((100vw - 80px)*.1) );--black-w: calc(var(--key-w) * .44);position:relative;display:flex;border-left:1px solid var(--ink)}.key{position:relative;width:var(--key-w);height:160px;background:var(--key-white);border-right:1px solid var(--ink);border-bottom:3px solid var(--ink);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;text-decoration:none;transition:transform .12s ease,border-bottom-width .12s ease,background .2s ease}.key.playable{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.key-letter{position:absolute;top:10px;font-size:10px;letter-spacing:.02em;color:var(--ink-soft);opacity:.55;transition:opacity .15s ease,color .15s ease}.key.playable.active .key-letter{color:var(--olive-deep);opacity:1}.key.playable:hover{background:var(--bg-tint)}.key.playable .label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.03em;color:var(--ink-soft);transition:color .15s ease;white-space:normal;text-align:center;width:100%;overflow-wrap:break-word}.key.playable.active .label{color:var(--olive-deep);font-weight:500}.key.playable.active{background:var(--bg-tint)}.key.playable:active,.key.playable.pressed{transform:translateY(3px);border-bottom-width:0px}.black-key{position:absolute;top:0;width:var(--black-w);height:90px;background:var(--key-black);z-index:2;border-radius:0 0 2px 2px;pointer-events:none}@media (prefers-reduced-motion: reduce){.key{transition:none}}@media (max-width: 640px){.keys{--key-w: 40px;--black-w: 22px}.key{height:200px}.black-key{height:58px}.key.playable .label{font-size:9px}}@media (max-width: 420px){.keys{transform:scale(.86);transform-origin:top center}}.page{padding-top:56px}.page.active{animation:rise .42s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page.active{animation:none}}.home-title{font-size:clamp(40px,8vw,64px);line-height:1.02;margin:0 0 20px;font-weight:500;letter-spacing:-.01em}.home-role{font-size:17px;color:var(--ink-soft);max-width:46ch;line-height:1.6;margin:0 0 40px}.home-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;font-family:IBM Plex Mono,monospace;font-size:13px}.home-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--olive);padding-bottom:2px}.home-links a:hover{color:var(--olive-deep)}.section-label{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft);margin:0 0 18px;padding-bottom:8px;border-bottom:1px solid var(--rule)}.cards{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:52px}.card{border:1px solid var(--rule);border-left:3px solid var(--olive);background:var(--bg-tint);padding:20px 22px;border-radius:var(--radius)}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}.card-title{font-size:18px;font-weight:500;margin:0}.card-when{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--ink-soft);white-space:nowrap}.card-org{font-size:14px;color:var(--ink-soft);margin:0 0 12px}.card ul{margin:0;padding-left:18px}.card li{font-size:14.5px;line-height:1.55;margin-bottom:5px;color:var(--ink)}.card-tools{margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--olive-deep)}.about-body p{font-size:16.5px;line-height:1.75;max-width:56ch;margin:0 0 20px;color:var(--ink)}.about-list{margin-top:36px;display:grid;gap:6px;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-soft)}.about-list span{color:var(--ink)}footer{margin-top:70px;padding-top:18px;border-top:1px solid var(--rule);font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}footer img{display:block;width:min(220px,50vw);height:auto}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#faf9f1;transition:opacity .6s ease}.intro.fading{opacity:0;pointer-events:none}.intro video{display:block;width:100%;height:100%;object-fit:cover}.intro-skip,.intro-play{position:absolute;font-size:12px;letter-spacing:.03em;color:#2e3320;background:#faf9f1cc;border:1px solid rgba(46,51,32,.4);border-radius:3px;padding:8px 14px;cursor:pointer}.intro-skip{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.intro-play{left:50%;top:50%;transform:translate(-50%,-50%)}.intro-skip:hover,.intro-play:hover{background:#eff0de}@media (prefers-reduced-motion: reduce){.intro{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--olive);outline-offset:3px;border-radius:2px}.key.playable:focus-visible{outline-offset:-5px}.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:ink .7s ease-out .25s forwards}.draw.d2{animation-delay:.5s}.draw.d3{animation-delay:.75s}@keyframes ink{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.draw{animation:none;stroke-dashoffset:0}}.frame{position:relative;margin:0}.frame-box{position:relative;width:100%;overflow:hidden;background:var(--bg-tint);border:1px solid var(--rule);border-radius:var(--radius)}.frame-box img{display:block;width:100%;height:100%;object-fit:cover}.frame-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:var(--ink-soft);background-image:repeating-linear-gradient(-45deg,transparent 0 13px,var(--rule) 13px 14px)}.frame-empty span{font-size:11px;letter-spacing:.03em;background:var(--bg-tint);padding:2px 6px}.ink-filters{position:absolute;width:0;height:0;overflow:hidden}.frame-hint{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.frame figcaption{margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;line-height:1.5;color:var(--ink-soft)}.frame-photo .frame-box{overflow:visible;border:0;border-radius:18px}.frame-photo .frame-box img,.frame-photo .frame-empty{border-radius:inherit}.frame-photo .frame-empty{overflow:hidden}.frame-photo .frame-box:before,.frame-photo .frame-box:after{content:"";position:absolute;pointer-events:none;filter:url(#ink-wobble)}.frame-photo .frame-box:before{top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid var(--ink-soft);border-radius:22px 20px 23px 19px}.frame-photo .frame-box:after{top:-9px;right:-3px;bottom:-2px;left:-8px;border:1.5px solid var(--ink-soft);border-radius:26px 19px 22px 27px;opacity:.3;transform:rotate(-.6deg)}.frame-zoom{display:block;width:100%;height:100%;padding:0;font:inherit;color:inherit;background:none;border:0;border-radius:inherit;cursor:zoom-in}.frame-zoom img{transition:transform .22s ease,filter .22s ease}.frame-zoom:hover img{filter:brightness(1.04)}.frame-zoom:focus-visible{outline:2px solid var(--olive);outline-offset:8px}.frame-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 10px;background:var(--bg);border:1px solid var(--rule);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0}.frame-bar i{width:7px;height:7px;border:1px solid var(--ink-soft);border-radius:50%;opacity:.6}.frame-screenshot .frame-box{border-radius:0 0 var(--radius) var(--radius)}.frame-drawing .frame-box{border:1.5px solid var(--ink-soft);border-radius:14px 4px 12px 5px/5px 12px 4px 14px;box-shadow:4px 4px 0 -1px var(--bg),4px 4px 0 0 var(--rule)}.home{display:grid;gap:56px}.home-visual{position:relative;width:min(300px,74%);margin:8px auto 40px}.home-accents{position:absolute;left:0;top:0;z-index:2;width:123.53%;margin:-11.76% 0 0 -11.76%;overflow:visible;fill:none;stroke:var(--olive);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.home-fig{position:absolute;left:62%;top:calc(100% + 16px);font-size:11px;color:var(--ink-soft)}.link-soon{color:var(--ink-soft);border-bottom:1px dashed var(--rule);padding-bottom:2px}@media (min-width: 860px){.home{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:72px}.home-visual{width:min(340px,82%);margin:0 auto}}@media (min-width: 960px){.work-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;align-items:start}}.tl-title{margin:0 0 16px;font-size:11px;letter-spacing:.03em;color:var(--ink-soft)}.tl-group-label{margin:0 0 8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep)}.tl-group ol{list-style:none;margin:0;padding:0}.tl-group li{position:relative}.tl-item{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:6px 4px;background:none;border:0;border-radius:4px;font:inherit;text-align:left;color:var(--ink-soft);cursor:pointer}.tl-item:focus-visible{outline-offset:0}.tl-text{display:flex;flex-direction:column;gap:2px;padding-top:4px;line-height:1.35}.tl-when{font-size:10.5px}.tl-short{font-size:11.5px;color:var(--ink)}.tl-item.is-active .tl-short{font-weight:500;color:var(--olive-deep)}.penguin{flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.pg-eye{fill:currentColor;stroke:none}.pg-flip-up{display:none}.tl-item.is-active{color:var(--ink)}.tl-item.is-active .pg-body{fill:var(--olive)}.tl-item.is-active .pg-belly,.tl-item.is-active .pg-eye{fill:var(--bg)}.tl-item.is-active .pg-flip-down{display:none}.tl-item.is-active .pg-flip-up{display:inline}.tl-item:hover .penguin{transform:translateY(-1px) rotate(-5deg)}.tl-group li:not(:last-child):after{content:"";position:absolute;left:15px;top:35px;bottom:-3px;border-left:1px solid var(--rule)}.tl-group+.tl-group{position:relative;margin-top:22px}.tl-group+.tl-group:before{content:"";position:absolute;left:15px;top:-20px;height:14px;border-left:1px dashed var(--olive);opacity:.6}.sheet{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;border-radius:4px 7px 5px 3px/3px 5px 7px 4px;box-shadow:5px 5px 0 -1px var(--bg),5px 5px 0 0 var(--rule);transition:transform .16s ease,box-shadow .16s ease}.sheet:hover{transform:translateY(-2px);box-shadow:6px 7px 0 -1px var(--bg),6px 7px 0 0 var(--rule)}.sheet-kicker{display:flex;align-items:baseline;gap:12px;margin:0 0 6px;font-size:11.5px;color:var(--ink-soft)}.sheet-kicker span:first-child{color:var(--olive-deep)}.sheet .card-title{font-size:20px;margin-bottom:4px}.sheet-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px}.sheet-link{position:relative;z-index:2;font-size:12px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--olive);padding-bottom:1px}.sheet-link:hover{color:var(--olive-deep)}.sheet-open{margin-left:auto;padding:4px 0 2px;background:none;border:0;border-bottom:1px solid transparent;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--olive-deep);cursor:pointer}.sheet-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.sheet-open:focus-visible{outline:none}.sheet-open:focus-visible:after{outline:2px solid var(--olive);outline-offset:3px}.sheet:hover .sheet-open{border-bottom-color:var(--olive)}.sheet-thumb{display:none}@media (min-width: 640px){.sheet{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.sheet-thumb{display:block;margin-top:8px}}@media (min-width: 960px){.timeline{position:sticky;top:calc(var(--piano-h, 240px) + 24px);max-height:calc(100vh - var(--piano-h, 240px) - 48px);overflow-y:auto;padding:4px}.sheet{scroll-margin-top:calc(var(--piano-h, 240px) + 24px)}}@media (max-width: 959px){.timeline{margin:-16px -24px 28px;padding:10px 24px 12px;background:var(--bg);border-bottom:1px solid var(--rule)}.tl-title,.tl-when,.tl-group li:after,.tl-group+.tl-group:before{display:none}.tl-scroll{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 6px;scrollbar-width:thin}.tl-group{flex:none}.tl-group+.tl-group{margin:0;padding-left:14px;border-left:1px dashed var(--rule)}.tl-group ol{display:flex;gap:6px}.tl-item{align-items:center;gap:6px;padding:4px 11px 4px 6px;border:1px solid var(--rule);border-radius:999px;white-space:nowrap}.tl-item.is-active{border-color:var(--olive);background:var(--bg-tint)}.tl-text{padding-top:0}.penguin{width:18px;height:21px}.sheet{scroll-margin-top:calc(var(--piano-h, 280px) + 20px)}}@media (max-width: 959px) and (min-height: 700px){.timeline{position:sticky;top:var(--piano-h, 0px);z-index:5}.sheet{scroll-margin-top:calc(var(--piano-h, 280px) + 100px)}}.xdialog{width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:6px}.xdialog::backdrop{background:var(--scrim)}.xdialog[open]{animation:dialog-in .22s ease both}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}.xd-inner{padding:0 36px 44px}.xd-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 0 12px;background:var(--bg);border-bottom:1px solid var(--rule)}.xd-kicker{margin:0;font-size:11.5px;color:var(--ink-soft)}.xd-close{padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink);background:none;border:1px solid var(--rule);border-radius:999px;cursor:pointer}.xd-close:hover{background:var(--bg-tint)}.xd-head{margin-bottom:28px}.xd-head h2{margin:0 0 10px;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.01em}.xd-meta{margin:0 0 8px;font-size:15px;color:var(--ink-soft)}.xd-grid{display:grid;gap:32px}.xd-side{display:grid;align-content:start;gap:28px}@media (min-width: 641px){.xd-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:44px}.xd-grid.is-text-only{grid-template-columns:minmax(0,1fr)}}.xd-label{margin:0 0 10px;padding-bottom:6px;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep);border-bottom:1px solid var(--rule)}.xd-text section+section{margin-top:28px}.xd-text p,.xd-text li{font-size:15.5px;line-height:1.65}.xd-text p{margin:0}.xd-text ul{margin:0;padding-left:18px}.xd-text li{margin-bottom:8px}.xd-links{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-family:IBM Plex Mono,monospace;font-size:13px}.xd-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--olive)}@media (max-width: 640px){.xdialog{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0}.xd-inner{padding:0 20px 40px}.xd-bar{padding-top:calc(14px + env(safe-area-inset-top,0px))}}.about-top{display:grid;gap:48px}.about-photo{justify-self:center;width:min(280px,78%)}.desk{display:grid;gap:32px;margin-top:80px}.desk-scene{display:grid;gap:8px;justify-self:center;width:min(100%,max(300px,calc((100svh - var(--piano-h, 240px) - 120px) * 1400 / 760)))}.desk-path{--stop: calc(100% / var(--count));position:relative;padding-top:42px}.desk-path-stops{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr))}.desk-path-line{position:absolute;top:57px;left:calc(var(--stop) / 2);right:calc(var(--stop) / 2);border-top:1px solid var(--rule)}.desk-stop{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:8px 4px;color:var(--ink-soft);background:none;border:0;cursor:pointer;scroll-margin-top:calc(var(--piano-h, 240px) + 48px)}.desk-stop-dot{position:relative;width:14px;height:14px;background:var(--bg);border:1.5px solid currentColor;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.desk-stop-label{font-size:12px}.desk-stop:hover{color:var(--ink)}.desk-stop:hover .desk-stop-dot{transform:scale(1.15)}.desk-stop[aria-selected=true]{color:var(--olive-deep)}.desk-stop[aria-selected=true] .desk-stop-dot{background:var(--olive);border-color:var(--olive)}.desk-path-penguin{position:absolute;top:11px;left:calc(var(--stop) * (var(--index) + .5));color:var(--ink);transform:translate(-50%);transition:left .52s cubic-bezier(.45,0,.3,1);pointer-events:none}.desk-path-penguin .penguin{width:33px;height:39px;stroke-width:1.1}.desk-path-penguin.is-left .penguin{transform:scaleX(-1)}.desk-path-penguin .pg-body{fill:var(--olive)}.desk-path-penguin .pg-belly,.desk-path-penguin .pg-eye{fill:var(--bg)}.desk-path-waddle{display:block;transform-origin:50% 100%;animation:waddle .52s ease-in-out}@keyframes waddle{0%,to{transform:none}20%{transform:translateY(-3px) rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:translateY(-3px) rotate(-6deg)}80%{transform:rotate(3deg)}}.desk-stage{--feet-x: 48%;--feet-y: 76.5%;position:relative;aspect-ratio:1400 / 760;overflow:hidden}.desk-light{position:absolute;left:calc(var(--feet-x) - 30%);top:calc(var(--feet-y) - 18%);width:60%;height:36%;border-radius:50%;background:radial-gradient(closest-side,var(--desk-light) 0%,var(--desk-light-halo) 55%,transparent)}.desk-penguin{position:absolute;top:0;left:0;width:100%;aspect-ratio:1400 / 970;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.desk-penguin{transform-origin:var(--feet-x) 60%;animation:penguin-drop .82s both}.desk-stage.is-waiting .desk-penguin,.desk-stage.is-waiting .desk-shadow{animation-play-state:paused}.desk-penguin.is-leaving{animation:penguin-leave .24s ease-in both}.desk-penguin-fallback{position:absolute;left:var(--feet-x);top:var(--feet-y);color:var(--ink-soft);transform:translate(-50%,-100%) scale(3);transform-origin:50% 100%}.desk-shadow{position:absolute;left:calc(var(--feet-x) - 12%);top:calc(var(--feet-y) - 3.2%);width:24%;height:6.4%;background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent);border-radius:50%;animation:penguin-shadow .82s both}@keyframes penguin-drop{0%{transform:translateY(-64%);animation-timing-function:cubic-bezier(.55,0,1,.45)}44%{transform:translateY(0) scale(1);animation-timing-function:ease-out}52%{transform:translateY(0) scale(1.07,.9);animation-timing-function:ease-out}66%{transform:translateY(-8%) scale(.98,1.03);animation-timing-function:ease-in}78%{transform:translateY(0) scale(1.03,.96);animation-timing-function:ease-out}88%{transform:translateY(-2%) scale(1);animation-timing-function:ease-in}to{transform:translateY(0)}}@keyframes penguin-shadow{0%{opacity:0;transform:scale(.3)}44%,52%{opacity:1;transform:scale(1.1)}66%{opacity:.6;transform:scale(.8)}78%,to{opacity:1;transform:scale(1)}}@keyframes penguin-leave{0%{opacity:1;transform:none}40%{opacity:1;transform:translateY(-4%)}to{opacity:0;transform:translateY(6%) scale(.92)}}.desk-panel-inner,.desk-caption{animation:rise .26s ease both}.desk-caption{margin:4px auto 0;max-width:52ch;font-size:15px;line-height:1.6;text-align:center;color:var(--ink-soft)}.desk-panel-label{margin:0 0 14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-deep)}.is-sketchbook .desk-panel-label{text-align:center}.desk-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px;align-items:start}.sb-book{position:relative;width:min(100%,300px);margin:0 auto;padding-left:16px;perspective:1400px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}.sb-book:focus-visible{outline-offset:6px}.sb-spiral{position:absolute;left:4px;top:10px;bottom:10px;z-index:3;width:22px;background:radial-gradient(ellipse 9px 5px at 50% 50%,transparent 55%,var(--ink-soft) 60% 78%,transparent 82%) 0 0 / 22px 20px repeat-y;pointer-events:none}.sb-stack{position:relative;aspect-ratio:4 / 5;transform-style:preserve-3d}.sb-edge{position:absolute;top:4px;right:-4px;bottom:-4px;left:4px;background:var(--key-white);border:1px solid var(--rule);border-radius:2px 8px 8px 2px}.sb-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px 18px 22px 26px;background:var(--key-white);border:1px solid var(--rule);border-radius:2px 8px 8px 2px;box-shadow:0 1px 3px var(--rule);overflow:hidden}.sb-page img{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.sb-page.is-photo img{border:6px solid var(--bg);box-shadow:0 1px 4px var(--rule);transform:rotate(-1.5deg)}.sb-page.is-photo:before{content:"";position:absolute;top:14px;left:50%;z-index:1;width:64px;height:18px;margin-left:-32px;background:var(--tape);transform:rotate(-4deg)}.sb-page .frame-empty{position:absolute;top:0;right:0;bottom:0;left:0}.sb-leaf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-origin:left center;transform-style:preserve-3d;animation:sb-turn-next .56s cubic-bezier(.45,.05,.3,1) both}.sb-leaf.is-prev{animation-name:sb-turn-prev}.sb-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sb-back{background:var(--key-white);border:1px solid var(--rule);border-radius:8px 2px 2px 8px;transform:rotateY(180deg)}@keyframes sb-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes sb-turn-prev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.sb-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;font-size:11.5px;color:var(--ink-soft)}.sb-controls button{font:inherit;color:var(--olive-deep);background:none;border:0;padding:6px 4px;cursor:pointer}.sb-controls button:hover{text-decoration:underline}.sb-controls button[aria-disabled=true]{color:var(--ink-soft);opacity:.45;cursor:default;text-decoration:none}.sb-caption{margin:8px 0 0;min-height:1.5em;font-size:11.5px;line-height:1.5;text-align:center;color:var(--ink-soft)}.clubs{margin-top:80px}.club-carousel{max-width:820px;margin:0 auto}.club-carousel:focus-visible{outline-offset:10px}.club-slide{display:grid;gap:24px;align-items:center;animation:rise .26s ease both}.club-slide .frame{justify-self:center;width:min(100%,440px)}.club-name{margin:0;font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.2;color:var(--ink)}.club-name a{color:inherit}.club-meta{margin:8px 0 0;font-size:11.5px;color:var(--ink-soft)}.club-blurb{margin:12px 0 0;max-width:56ch;font-size:15px;line-height:1.6;color:var(--ink-soft)}.club-controls{margin-top:28px}@media (min-width: 860px){.about-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:72px}.desk{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:88px}.desk-panel{position:relative;display:flex;flex-direction:column;justify-content:center}.desk-panel-inner.is-gallery{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.is-gallery .desk-gallery{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}.is-gallery .frame{display:flex;flex-direction:column;min-height:0}.is-gallery .frame-box{flex:1;min-height:0;aspect-ratio:auto!important}.is-gallery .frame figcaption{min-height:3em}.desk-scene{justify-self:start}.club-slide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px}}@media (prefers-reduced-motion: reduce){.sheet,.penguin,.desk-stop-dot,.desk-path-penguin{transition:none}.desk-penguin.is-leaving{display:none}.sheet:hover,.tl-item:hover .penguin{transform:none}.xdialog[open],.desk-panel-inner,.desk-caption,.club-slide,.desk-path-waddle,.desk-penguin,.desk-shadow{animation:none}}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;background:transparent;border:0;cursor:zoom-out}.lightbox::backdrop{background:transparent}.lb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.lb-figure{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;margin:0;padding:56px 24px 32px;pointer-events:none}.lb-figure img{display:block;max-width:min(100%,1200px);max-height:calc(100dvh - 140px);object-fit:contain;border-radius:10px;box-shadow:0 18px 50px #00000059;will-change:transform,clip-path}.lb-figure figcaption{max-width:60ch;font-size:12px;line-height:1.5;text-align:center;color:#f3f2e6}.lb-close{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;z-index:1;padding:6px 12px;font-size:12px;color:#f3f2e6;background:#00000040;border:1px solid rgba(243,242,230,.4);border-radius:999px;cursor:pointer}.lb-close:focus-visible{outline:2px solid #f3f2e6;outline-offset:3px}