@font-face{font-family:Mondwest;src:url('./assets/fonts/PPMondwest-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:block}
.about-page{position:fixed;inset:0;z-index:60;isolation:isolate;overflow:hidden;overscroll-behavior:none;color:#fff;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;letter-spacing:normal;text-transform:none;touch-action:pan-y}
.about-page:focus{outline:none}.about-page.info-ready{overflow-y:auto;background:#0000ff}
.info-treatment,.info-strips,.info-blue{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.info-treatment{z-index:-3;background:#fff}
.info-strips{z-index:-2;overflow:hidden;perspective-origin:50% 50%}
.info-strip{position:absolute;left:0;width:100%;display:block;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform;pointer-events:none}
.info-strip canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.info-strip-shadow{opacity:0;will-change:opacity}
.info-collapse-line{position:fixed;z-index:-2;left:50%;top:0;width:2px;height:100%;background:#0000ff;transform:translateX(-50%);transform-origin:50% 100%;pointer-events:none}
.info-blue{z-index:-1;background:#0000ff;opacity:0}
.info-profile{position:relative;min-height:var(--info-vh,100svh);width:100%;pointer-events:none}
.info-brand-logo{position:absolute;left:50%;top:calc(var(--info-vh,100svh)/2);width:var(--info-logo-size,min(40vw,32svh));height:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.info-left,.info-right{position:absolute;top:calc(var(--info-vh,100svh)/2);width:27%;transform:translateY(-50%);opacity:0;pointer-events:auto}
.info-left{left:4%;text-align:right}.info-right{right:4%;text-align:left}
.info-right h1{font:400 clamp(28px,3.35vw,56px)/1.08 Mondwest,Georgia,serif;letter-spacing:-.02em;white-space:nowrap;margin:0 0 18px}
.about-page .about-intro{font:400 16px/1.5 Helvetica,'Helvetica Neue',Arial,sans-serif;letter-spacing:normal;margin:0;max-width:none;color:inherit}
.about-page .about-bio{font:400 15px/1.65 Helvetica,'Helvetica Neue',Arial,sans-serif;color:inherit;max-width:none;margin:0;white-space:normal}
.info-line{margin:0 0 5px}.info-gap{height:18px;margin:0}
.about-page .outlinks{font:400 14px/1.5 Helvetica,'Helvetica Neue',Arial,sans-serif;justify-content:flex-start;gap:20px;margin:30px 0 0}
.about-page .outlinks a{border:0;padding:0;text-decoration:none}.about-page .outlinks a:hover{text-decoration:underline;text-underline-offset:5px}
.about-page .demo-note{font:400 12px/1.5 Helvetica,'Helvetica Neue',Arial,sans-serif;color:#fff;letter-spacing:normal;margin:28px 0 0}
.about-page .info-back{position:fixed;z-index:3;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));font:400 14px/1 Helvetica,'Helvetica Neue',Arial,sans-serif;color:#fff;padding:12px 0}
.about-page :focus-visible{outline:1px solid currentColor;outline-offset:7px}.info-scroll{display:none}
@media(max-width:767px),(pointer:coarse) and (max-width:1179px){
 .info-profile{display:flex;flex-direction:column}
 .info-brand-logo{top:calc(var(--info-vh,100svh)/2)}
 .info-right{position:relative;order:1;left:auto;right:auto;top:auto;width:100%;margin-top:calc(var(--info-vh,100svh)/2 + var(--info-logo-size)/2 + 28px);padding:0 24px;text-align:center}
 .info-right h1{font-size:clamp(28px,8.5vw,48px);margin-bottom:12px}.about-page .outlinks{justify-content:center;margin-top:22px}
 .info-left{position:relative;order:2;left:auto;top:auto;width:100%;margin:0;padding:32px 26px 72px;text-align:center;transform:none}
 .about-page .about-bio{font-size:15px}.about-page .demo-note{margin-top:34px}
 .info-scroll{display:block;width:48px;height:40px;margin:26px auto 0;font-size:25px;opacity:0;pointer-events:auto}
}