.about-page{--about-header:var(--site-header-height);height:100svh;color:var(--paper);background:var(--ink)}.about-page .about-panel{height:calc((100svh - var(--about-header)) * 1.65)}.about-page .about-opening{height:calc((100svh - var(--about-header)) * 1.85)}.about-page .about-ideas{height:calc((100svh - var(--about-header)) * 2.65)}.about-page .about-first{height:calc((100svh - var(--about-header)) * 3.1)}.about-page .about-opinion{height:calc((100svh - var(--about-header)) * 2.5)}.idea-grid h3{position:relative}.about-page .about-scroll[data-flow=true] .about-panel{height:auto}.about-header{z-index:40;height:var(--about-header);padding:0 var(--site-header-inset);background:var(--paper);color:var(--ink);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.about-scroll,.lenis.lenis-smooth .about-scroll{inset:var(--about-header) 0 0;scrollbar-width:none;overscroll-behavior:contain;background:var(--ink);position:fixed;overflow:hidden auto}.about-scroll{scroll-behavior:smooth}html.lenis,html.lenis body,.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.about-scroll{scroll-behavior:auto}}.about-scene{will-change:transform, opacity}.about-scroll[data-tone=paper]{background:var(--paper);color:var(--ink)}.about-scroll:after{content:"";height:calc((100svh - var(--about-header)) * .85);display:block}.about-panel{height:calc((100svh - var(--about-header)) * 1.2);position:relative}.about-opening{height:calc((100svh - var(--about-header)) * 1.4)}.about-ideas,.about-first,.about-opinion{height:calc((100svh - var(--about-header)) * 1.65)}.about-scene{inset:var(--about-header) 0 0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;padding:clamp(36px,6vh,80px) max(6vw,50vw - 720px);display:flex;position:fixed}.about-opening .about-scene{visibility:visible}.about-scene a{pointer-events:auto}.about-page h1,.about-page h2,.about-page h3,.about-page p{margin:0}.about-page h1,.about-page h2{letter-spacing:-.025em;text-wrap:balance;font-family:PP Eiko Thin,Georgia,serif;font-size:clamp(46px,6.4vw,96px);font-weight:100;line-height:1.14}.statement h2,.obvious-copy h2{width:100%;max-width:17ch;margin-inline:auto}.about-logo{z-index:2;width:clamp(180px,22vw,320px);top:50%;left:calc(50% - var(--logo-travel,0) * 32%);isolation:isolate;position:absolute;transform:translate(-50%,-50%)}.about-logo img{width:100%;height:auto;animation:.36s step-end both logo-print-in;display:block;position:relative}.logo-trail{box-shadow:3px 0 0 var(--acid), -3px 0 0 var(--acid);background:var(--acid);pointer-events:none;animation:.36s step-end both logo-trail-in;position:absolute;inset:0}.logo-trail-one{--trail-x:-200%;--trail-y:0%}.logo-trail-two{--trail-x:-100%;--trail-y:-50%}.logo-trail-three{display:none}.logo-trail-two{animation-name:logo-second-trail-in}@keyframes logo-second-trail-in{0%,49%{visibility:hidden;transform:translate(-100%,-50%)}50%,74%{visibility:visible;transform:translate(-100%,-50%)}75%,to{visibility:hidden;transform:none}}@keyframes logo-print-in{0%,24%{transform:translate(-200%)}25%,49%{transform:translate(-100%,-50%)}50%,to{transform:none}}@keyframes logo-trail-in{0%,24%{visibility:hidden;transform:translate(var(--trail-x), var(--trail-y))}25%,74%{visibility:visible;transform:translate(var(--trail-x), var(--trail-y))}75%,to{visibility:hidden;transform:none}}.logo-trail-four,.logo-trail-five{display:none}.about-opening[data-logo-exit=true] .about-logo img{animation:.64s step-end both logo-print-out}.about-opening[data-logo-exit=true] .logo-trail-one{animation:.64s step-end both logo-tail-one;display:block}@keyframes logo-tail-one{0%,11%{visibility:hidden;transform:translate(0)}12%,55%{visibility:visible;transform:translate(0)}56%,to{visibility:hidden;transform:translate(0)}}.about-opening[data-logo-exit=true] .logo-trail-two{animation:.64s step-end both logo-tail-two;display:block}@keyframes logo-tail-two{0%,23%{visibility:hidden;transform:translate(100%,-50%)}24%,63%{visibility:visible;transform:translate(100%,-50%)}64%,to{visibility:hidden;transform:translate(100%,-50%)}}.about-opening[data-logo-exit=true] .logo-trail-three{animation:.64s step-end both logo-tail-three;display:block}@keyframes logo-tail-three{0%,35%{visibility:hidden;transform:translate(200%,-100%)}36%,71%{visibility:visible;transform:translate(200%,-100%)}72%,to{visibility:hidden;transform:translate(200%,-100%)}}.about-opening[data-logo-exit=true] .logo-trail-four{animation:.64s step-end both logo-tail-four;display:block}@keyframes logo-tail-four{0%,47%{visibility:hidden;transform:translate(300%,-50%)}48%,79%{visibility:visible;transform:translate(300%,-50%)}80%,to{visibility:hidden;transform:translate(300%,-50%)}}.about-opening[data-logo-exit=true] .logo-trail-five{animation:.64s step-end both logo-tail-five;display:block}@keyframes logo-tail-five{0%,59%{visibility:hidden;transform:translate(400%)}60%,87%{visibility:visible;transform:translate(400%)}88%,to{visibility:hidden;transform:translate(400%)}}@keyframes logo-print-out{0%,11%{transform:translate(0)}12%,23%{transform:translate(100%,-50%)}24%,35%{transform:translate(200%,-100%)}36%,47%{transform:translate(300%,-50%)}48%,59%{transform:translate(400%)}60%,71%{transform:translate(500%,-50%)}72%,to{transform:translate(110vw,-50%)}}.about-opening[data-logo-exit=true] .opening-copy .word{animation:.22s cubic-bezier(.4,0,.2,1) both logo-text-depart;animation-delay:calc(85ms + var(--word-index) * 22ms)}@keyframes logo-text-depart{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){.about-logo img{animation:none!important}.logo-trail{display:none}}.opening-copy{opacity:var(--logo-travel,0);margin-left:36%}.opening-copy h1{max-width:13ch;font-size:clamp(42px,5.2vw,80px)}.word-clip{vertical-align:baseline;margin-right:.21em;display:inline-block}.word-clip:last-child{margin-right:0}.word{display:inline-block}.word-sequence,.word-underlined{position:relative}.word-underlined:after{content:"";background:var(--acid);height:2px;transform:scaleX(var(--underline,0));transform-origin:0;position:absolute;bottom:-.035em;left:0;right:-.08em}.phrase-highlight{white-space:nowrap;isolation:isolate;display:inline-block;position:relative}.phrase-highlight:before{content:"";background:var(--acid);z-index:-1;transform:scaleX(var(--highlight,0));transform-origin:0;position:absolute;inset:.04em -.045em -.02em}.phrase-highlight .word,.about-ideas,.about-opinion{color:var(--ink)}.ideas-heading{margin-bottom:6vh!important}.idea-grid{grid-template-columns:1fr 1fr;gap:4vh 7vw;display:grid}.idea-grid>div{grid-template-columns:.85fr 1.15fr;gap:24px;display:grid}.idea-grid h3,.first-points b{letter-spacing:-.015em;font:400 clamp(22px,2.05vw,30px)/1.25 Matter,sans-serif}.idea-grid p,.first-points p>span{text-wrap:pretty;max-width:27ch;font:100 clamp(22px,2vw,30px)/1.42 PP Eiko Thin,Georgia,serif}.first-layout,.opinion-layout{grid-template-columns:.95fr 1fr;align-items:start;gap:8vw;display:grid}.first-layout h2,.opinion-layout h2{max-width:10ch}.first-points{gap:4vh;display:grid}.about-panel.about-first{height:calc((100svh - var(--about-header)) * 2.4)}.first-points b{margin-bottom:12px;display:block;position:relative}.title-swipe-square{background:var(--acid);pointer-events:none;z-index:2;display:block;position:absolute}.first-points p>span{display:block}.opinion-layout blockquote{text-wrap:pretty;margin:0 0 18px;font:100 clamp(22px,2.05vw,30px)/1.4 PP Eiko Thin,Georgia,serif}.opinion-layout .quote-name{margin-bottom:4vh;font:400 16px/1.4 Matter,sans-serif}.about-opinion .about-scene{padding-bottom:130px}.about-next{opacity:var(--nav-reveal,0);justify-content:space-between;display:flex;position:absolute;bottom:32px;left:6vw;right:6vw}.about-next a{background:var(--acid);color:var(--ink);flex:0 260px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;font:400 clamp(22px,2vw,30px)/1 Matter,sans-serif;text-decoration:none;display:flex}.about-next a:hover{background:var(--acid)}.about-next{gap:18px}.about-next[data-entered=true]{opacity:1}.about-next[data-entered=true] a{animation:.32s steps(3,end) both about-button-block}.about-next[data-entered=true] a:nth-child(2){animation-delay:90ms}.about-next[data-entered=false]{visibility:hidden}@keyframes about-button-block{0%{clip-path:inset(0 calc(100% - 18px) calc(100% - 18px) 0);translate:0 12px}45%{clip-path:inset(0 55% 0 0);translate:0 6px}to{clip-path:inset(0);translate:0}}@media (prefers-reduced-motion:reduce){.about-next[data-entered=true] a{animation:none}}.about-next .pointer-hand{width:46px;height:24px}.about-next .pointer-hand img{width:135px;height:24px}.pointer-hand{width:77px;height:40px;display:block;position:relative;overflow:hidden}.pointer-hand img{width:224.756px;max-width:none;height:39.354px;display:block}.about-next a:first-child .pointer-hand{transform:scaleX(-1)}.about-cursor{z-index:100;mix-blend-mode:normal}.about-scroll[data-flow=true]:after{display:none}.about-scroll[data-flow=true] .about-panel{height:auto;min-height:calc(100svh - var(--about-header));background:var(--ink);color:var(--paper)}.about-scroll[data-flow=true] .about-ideas,.about-scroll[data-flow=true] .about-opinion{background:var(--paper);color:var(--ink)}.about-scroll[data-flow=true] .about-scene{visibility:visible;min-height:calc(100svh - var(--about-header));padding:48px 6vw;position:relative;inset:auto}.about-scroll[data-flow=true] .about-logo{opacity:1;width:180px;margin-bottom:36px;position:relative;top:auto;left:auto;transform:none}.about-scroll[data-flow=true] .opening-copy{opacity:1;margin-left:0}.about-scroll[data-flow=true] .about-next{margin-top:48px;position:relative;inset:auto}@media (max-width:700px){.about-page{--about-header:76px}.about-header{padding-inline:16px}.about-page h1,.about-page h2{font-size:clamp(38px,9vw,60px)}.first-layout,.opinion-layout,.idea-grid{grid-template-columns:1fr;gap:36px}.idea-grid>div{grid-template-columns:1fr;gap:12px}.idea-grid p,.first-points p>span{max-width:none}.about-next a{gap:12px;font-size:36px}.pointer-hand{width:55px;height:29px}.pointer-hand img{width:160.54px;height:28.11px}}
