.paper-page.about-page{--nib-half:calc(var(--title-width) / 2);--nib-outer:calc(var(--nib-half) + 20px);--about-seam:15px;height:100dvh;max-height:100dvh;overflow:hidden}.about-scroller{top:var(--title-height);right:var(--gutter);bottom:var(--gutter);left:var(--gutter);scroll-snap-type:y mandatory;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;position:absolute;overflow:hidden auto}.about-scroller::-webkit-scrollbar{display:none}.about-screen{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative;overflow:hidden}.about-screen--split{grid-template-columns:minmax(0, 1fr) var(--about-seam) minmax(0, 1fr);display:grid}.about-seam{min-width:0}.about-copy,.about-finale-copy{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex;overflow:hidden}.about-copy{box-sizing:border-box;width:100%;height:100%;padding:clamp(32px,5.5vh,72px) clamp(20px,2.2vw,40px)}.about-copy:has(.about-process){justify-content:space-between;gap:clamp(32px,6vh,56px)}.about-lede,.about-process{width:100%}.about-lede .info-heading,.about-lede .info-copy{text-wrap:wrap;max-width:none}.about-copy .info-heading{margin-top:clamp(16px,2.6vh,26px);font-size:clamp(32px,min(3.8vw,6.2vh),64px)}.about-copy .info-copy{margin-top:clamp(18px,3vh,28px)}.about-copy .info-copy p+p{margin-top:16px}.about-finale-copy .info-heading{max-width:16ch;margin-left:auto;margin-right:auto}.about-lede>*,.about-process,.about-finale-copy>*{opacity:0}.about-copy[data-arrived=true] .about-lede>*,.about-copy[data-arrived=true] .about-process,.about-finale-copy[data-arrived=true]>*{animation:about-arrive .52s var(--ease-out-soft) both}.about-copy[data-arrived=true] .about-lede>:nth-child(2){animation-delay:70ms}.about-copy[data-arrived=true] .about-lede>:nth-child(3),.about-finale-copy[data-arrived=true]>:nth-child(2){animation-delay:.14s}.about-copy[data-arrived=true] .about-process,.about-finale-copy[data-arrived=true]>:nth-child(3){animation-delay:.21s}.about-process{flex-direction:column;flex:none;justify-content:flex-start;height:auto;margin:0;padding:0;list-style:none;display:flex}.about-process li{border:0;border-top:var(--hair) solid var(--ink);grid-template-columns:2.2em minmax(0,1fr);gap:12px;padding:clamp(12px,2.1vh,18px) 0;display:grid}.about-process li:last-child{border-bottom:var(--hair) solid var(--ink)}.about-process b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.about-process h2{letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:15px;font-weight:800}.about-process p{color:rgb(var(--ink-rgb) / .62);margin:4px 0 0;font-size:12.5px;font-weight:600;line-height:1.45}.about-canvas-slot,.about-frame,.about-frame .paper-slanted-frame__surface,.about-voxel-field{min-width:0;min-height:0}.about-canvas-slot{display:flex}.about-frame{--paper-frame-fill:var(--canvas);width:100%;height:100%}.about-screen--split[data-align=start] .about-frame{--paper-frame-clip:polygon(var(--bevel-large) 0, calc(100% - var(--nib-outer)) 0, calc(100% - var(--nib-half)) 20px, 100% 20px, 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large));--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(100% - var(--nib-outer) + var(--paper-frame-inset)) 0, calc(100% - var(--nib-half) + var(--paper-frame-inset)) 20px, 100% 20px, 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.about-screen--split[data-align=end] .about-frame{--paper-frame-clip:polygon(0 20px, var(--nib-half) 20px, var(--nib-outer) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)));--paper-frame-inner-clip:polygon(0 20px, calc(var(--nib-half) - var(--paper-frame-inset)) 20px, calc(var(--nib-outer) - var(--paper-frame-inset)) 0, calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)))}.about-frame .paper-slanted-frame__surface{background:var(--canvas);position:relative}.about-voxel-field{width:100%;height:100%}.about-voxel-field canvas{display:block}.about-screen--finale{flex-direction:column;display:flex;overflow:hidden}.about-finale-copy{z-index:2;text-align:center;flex:none;align-items:center;padding:clamp(20px,4vh,48px) 0 clamp(16px,2.4vh,28px);position:relative;overflow:visible}.about-finale-copy .info-copy{margin-left:auto;margin-right:auto}.about-sphere{z-index:1;pointer-events:none;flex:1;min-height:0;position:relative}.about-sphere__field{top:0;right:calc(-1 * var(--gutter));bottom:calc(-1 * var(--gutter) - clamp(48px, 9vh, 96px));left:calc(-1 * var(--gutter));position:absolute}.about-sphere canvas{display:block}.about-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(18px,3.2vh,28px);display:flex}.about-action{box-sizing:border-box;letter-spacing:.16em;text-transform:uppercase;height:48px;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;align-items:center;gap:12px;padding:0 22px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.about-action[data-tone=ink]{background:var(--ink);color:var(--page)}.about-action[data-tone=ink]:hover{background:rgb(var(--ink-rgb) / .88)}.about-action[data-tone=paper]{outline:var(--hair) solid var(--ink);outline-offset:calc(-1 * var(--hair));color:var(--ink);background:0 0}.about-action[data-tone=paper]:hover{background:var(--ink);color:var(--page)}.about-action span:last-child{transition:transform var(--duration-fast) ease}.about-action:hover span:last-child{transform:translate(4px)}.about-scroll-cue{z-index:6;color:rgb(var(--ink-rgb) / .45);letter-spacing:.26em;pointer-events:none;flex-direction:column;align-items:center;gap:6px;font-size:9.5px;font-weight:700;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.about-scroll-cue i{font-style:normal;animation:2.4s ease-in-out infinite about-nudge;display:block}@keyframes about-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes about-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-height:1200px) and (min-width:821px){.about-copy{padding:clamp(26px,4.6vh,56px) clamp(18px,2vw,32px)}.about-copy .info-heading{font-size:clamp(30px,min(3.4vw,5.6vh),56px)}}@media (max-height:760px) and (min-width:821px){.about-copy{gap:22px;padding:22px}.about-copy .info-heading{margin-top:12px;font-size:clamp(28px,5.4vh,44px)}.about-copy .info-copy{margin-top:12px;font-size:13px;line-height:1.48}.about-copy .info-copy p+p{margin-top:10px}.about-process li{padding:9px 0}.about-process p{margin-top:2px}.about-action{height:42px}}@media (max-width:820px){.paper-page.about-page{height:100dvh;overflow:hidden}.about-scroller{scroll-snap-type:none;scrollbar-width:thin;padding:174px 16px 28px;inset:0}.about-scroller::-webkit-scrollbar{width:var(--scroll-size);display:block}.about-screen,.about-screen--split,.about-screen--split[data-align=end]{flex-direction:column;gap:20px;height:auto;min-height:0;padding:0 0 56px;display:flex;overflow:visible}.about-screen--split .about-frame{--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip)}.about-seam{display:none}.about-copy{flex:none;justify-content:flex-start;height:auto;padding:0;overflow:visible}.about-copy:has(.about-process){justify-content:flex-start;gap:0}.about-copy .info-heading{font-size:clamp(28px,8vw,38px)}.about-copy .info-copy{font-size:14px;line-height:1.55}.about-copy .info-copy p+p{margin-top:12px}.about-process{margin-top:28px}.about-process li{padding:10px 0}.about-canvas-slot{flex:none;height:min(240px,34vh)}.about-screen--finale{padding-bottom:0}.about-finale-copy{padding:12px 0 8px;overflow:visible}.about-finale-copy .info-heading{font-size:clamp(32px,10vw,44px)}.about-sphere{min-height:min(42vh,280px)}.about-sphere__field{bottom:-28px;left:-16px;right:-16px}.about-action{height:44px;padding:0 16px;font-size:11px}}@media (prefers-reduced-motion:reduce){.about-lede>*,.about-process,.about-finale-copy>*,.about-copy[data-arrived=true] .about-lede>*,.about-copy[data-arrived=true] .about-process,.about-finale-copy[data-arrived=true]>*,.about-scroll-cue i{opacity:1;transform:none;animation:none!important}}