.about-page{--about-rule:#14171d7a;max-width:1374px;margin:auto;padding:0 50px}body:has(.about-page){min-height:100vh;position:relative}body:has(.about-page):before{position:absolute}.about-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:32px;min-height:70px;display:flex}.about-header .wordmark{font-size:50px}.about-header nav{gap:40px;font-size:18px;display:flex}.about-header nav a{isolation:isolate;min-height:44px;padding:12px 0;text-decoration:none;position:relative}.about-header nav a:hover{text-decoration:underline}.about-header [aria-current]:after{content:"";z-index:-1;background:url(/assets/zine/yellow-marker.png) 50%/105% 200% no-repeat;height:9px;position:absolute;bottom:4px;left:-5px;right:-5px}.about-intro{grid-template-columns:minmax(0,650fr) minmax(0,548fr);align-items:center;gap:75px;min-height:285px;padding:32px 0 44px;display:grid}.about-intro h1{font:700 108px/1.04 var(--display);letter-spacing:-.01em;margin:0;display:flow-root}.about-title-line{isolation:isolate;white-space:nowrap;display:inline-block;position:relative}.about-title-line:before{content:"";z-index:-1;background:url(/assets/zine/yellow-marker.png) 50%/106% 200% no-repeat;height:14px;position:absolute;bottom:0;left:-5px;right:12px}.about-intro p{max-width:475px;margin:0;font-size:28px;line-height:1.4}.about-band{border-top:1px solid var(--about-rule);grid-template-columns:minmax(0,485fr) minmax(0,730fr);gap:58px;padding:32px 0 36px;display:grid}.about-band h2{font:700 56px/1.12 var(--display);letter-spacing:0;align-self:start;margin:0;display:flow-root}.about-page .ink-heading-text{-webkit-mask-image:linear-gradient(#000000b8,#000000b8),url(/assets/zine/ink-wear.png);mask-image:linear-gradient(#000000b8,#000000b8),url(/assets/zine/ink-wear.png);-webkit-mask-size:auto,384px 256px;mask-size:auto,384px 256px;-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-source-type:alpha,luminance;mask-mode:alpha,luminance}.about-band p{overflow-wrap:break-word;max-width:70ch;margin:0;font-size:22px;line-height:1.57}.about-band>*,.about-intro>*{min-width:0}.about-privacy{padding-bottom:34px}.about-privacy h2{font-size:48px;line-height:1.15}.about-privacy-margin img{width:410px;max-width:100%;height:auto;margin:6px 0 0 -10px;display:block}.about-action{border:2px solid var(--ink);width:310px;max-width:100%;min-height:60px;font:700 30px/1.2 var(--display);background:#f8f779;border-radius:7px 9px 6px 8px;justify-content:center;align-items:center;gap:24px;margin-top:24px;padding:10px 20px;text-decoration:none;transition:background .18s ease-out;display:inline-flex}.about-action svg{width:28px;height:28px}.about-action:hover{background:#def15d}@media (width>=1101px){.about-action{margin-top:32px}.about-privacy h2{position:relative;top:-10px}}.about-page .about-footer{border-top:1px solid var(--about-rule);gap:30px;min-height:96px;padding:28px 0 30px}.about-footer .wordmark{font-size:32px}.about-footer p{border-left:1px solid var(--about-rule);max-width:none;margin:0;padding-left:22px;font-size:14px}.about-footer nav{gap:30px;margin-left:auto;font-size:14px;display:flex}.about-footer nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.about-footer nav a:hover{text-decoration:underline}@media (width>=1101px) and (width<=1373px){.about-page{padding-inline:3.64vw}.about-intro{grid-template-columns:minmax(0,650fr) minmax(0,548fr);gap:5.45vw}.about-intro h1{font-size:7.86vw}.about-intro p{font-size:2.04vw}.about-band{gap:4.22vw}.about-band h2{font-size:4.07vw}.about-privacy h2{font-size:3.49vw}}@media (width<=1100px){.about-page{padding:0 30px}.about-header .wordmark{font-size:45px}.about-header nav{gap:25px;font-size:15px}.about-intro{grid-template-columns:1.2fr 1fr;gap:40px;min-height:0;padding:36px 0 40px}.about-intro h1{font-size:clamp(60px,7.7vw,84px)}.about-intro p{font-size:21px;line-height:1.6}.about-band{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:38px;padding:32px 0}.about-band h2{font-size:42px}.about-band p{font-size:18px;line-height:1.7}.about-privacy h2{font-size:38px}.about-privacy-margin img{margin-left:0}.about-action{gap:20px;min-height:54px;padding:10px 22px;font-size:27px}.about-footer nav{gap:20px;font-size:12px}.about-footer p{padding-left:18px;font-size:12px}.about-page .about-footer{gap:22px}}@media (width<=700px){.about-page{padding:0 22px}.about-header{flex-wrap:wrap;gap:12px;padding:20px 0 10px}.about-header .wordmark{font-size:40px}.about-header nav{justify-content:space-between;gap:16px;width:100%;font-size:13px}.about-header nav a{padding:8px 0}.about-intro{grid-template-columns:1fr;gap:24px;padding:30px 0 32px}.about-intro h1{font-size:clamp(54px,10.7vw,76px);line-height:1.04}.about-title-line:before{height:10px;bottom:-1px;right:6px}.about-intro p{max-width:35ch;font-size:19px;line-height:1.65}.about-band{grid-template-columns:1fr;gap:16px;padding:28px 0 30px}.about-band h2{font-size:38px;line-height:1.15}.about-band p{font-size:17px;line-height:1.75}.about-privacy-margin{display:contents}.about-privacy-margin img{grid-row:3;width:300px;max-width:90%;margin:2px auto 0}.about-action{width:100%;min-height:54px;margin-top:22px;font-size:27px}.about-page .about-footer{flex-wrap:wrap;gap:16px;padding:25px 0 28px}.about-footer p{border:0;order:3;width:100%;padding:0;font-size:12px}.about-footer nav{flex-wrap:wrap;gap:16px;margin:0;font-size:12px}.about-footer .wordmark{font-size:34px}}@media (width<=360px){.about-page{padding-inline:17px}.about-intro h1{font-size:49px}.about-band h2{font-size:35px}.about-header nav{gap:12px}.about-footer nav{gap:14px}}@media (forced-colors:active){.about-page .ink-heading-text{-webkit-mask:none;mask:none}.about-header [aria-current]{text-decoration:underline}.about-action{border:2px solid buttontext}}@media (prefers-reduced-motion:reduce){.about-action{transition:none}}
