/* Scoped to the personal page: the validated homepage styles stay unchanged. */
.about-page{position:relative;isolation:isolate;overflow-x:clip}.about-hero{position:relative;min-height:640px;height:76svh;max-height:800px;margin-bottom:60px}
.about-hero .brand{font-size:14px}.about-hero nav{top:30px;left:56%;padding-left:18px}.about-hero nav li{font-size:12px}.about-hero .theme{font-size:36px;top:20px}
.about-hero .current-menu-item>a{text-decoration:underline;text-underline-offset:4px}
.about-kicker{position:absolute;left:32%;top:132px;margin:0;font-size:11px;letter-spacing:.09em}
.about-heading{position:absolute;top:186px;left:0;margin:0;width:100%;font:400 clamp(140px,19vw,242px)/.9 Anton,Impact,sans-serif;letter-spacing:-.025em;z-index:3}
.about-heading span{display:block;width:max-content;white-space:nowrap;transform-origin:left top;transform:scaleX(var(--about-fit,1))}.about-title-first{margin-left:6%}.about-title-last{margin-left:14%}
.about-photo{position:absolute;left:68%;top:150px;width:22%;z-index:1}.about-photo img{display:block;width:100%;height:230px;object-fit:cover;filter:grayscale(1) contrast(1.2);clip-path:polygon(8% 0,100% 0,100% 88%,86% 100%,0 100%,0 14%)}
.about-photo figcaption{position:absolute;top:-44px;left:0;font:10px/1.5 'Courier New',monospace;margin-top:12px;max-width:26ch}.about-cross{top:270px;left:86%;width:6%;height:50px;z-index:4}
.about-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.about-arc path{fill:none;stroke:var(--line);stroke-width:.8}html[data-theme=dark] .about-arc path{stroke:var(--line)}
.about-pullquote{position:absolute;top:calc(var(--about-title-bottom,620px) + 38px);left:14%;margin:0;font:15px/1.7 'Courier New',monospace;z-index:4}
.about-back{display:inline-block;font:12px/1.5 'Courier New',monospace;letter-spacing:.03em;padding:8px 0}.about-back span{font-size:22px;vertical-align:middle;margin-right:10px}.about-back-top{position:absolute;left:6%;top:86px}
.about-reading{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,650px) minmax(40px,1fr);gap:32px;margin:0 6% 100px}.about-margin{align-self:start;padding-top:30px;font:30px/1.1 Caveat,cursive;transform:rotate(-10deg);justify-self:start}.about-margin p{margin:0}.about-margin span{display:block;margin-top:20px}
.about-story{font:20px/1.8 Arial,Helvetica,sans-serif;max-width:62ch;overflow-wrap:anywhere}.about-story p{margin:0 0 1.7em}.about-story p:first-child{font-size:24px;line-height:1.65}.about-story blockquote{border-left:1px solid var(--line);margin:36px 0;padding-left:24px;font-style:italic}.about-story>*:last-child{margin-bottom:0}
.about-footer{border-top:1px solid var(--line);margin:0 6%;padding:32px 0 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.about-footer p{max-width:38ch;margin:8px 0;font:10px/1.6 'Courier New',monospace}
@media(min-width:601px) and (max-width:999px){.about-hero{height:670px;min-height:670px;margin-bottom:50px}.about-heading{font-size:21vw}.about-photo{left:65%;width:27%;top:164px}.about-photo img{height:190px}.about-photo figcaption{font-size:9px}.about-cross{top:268px;left:85%}.about-reading{grid-template-columns:100px minmax(0,1fr);gap:32px;margin-right:8%}.about-story{font-size:19px}.about-story p:first-child{font-size:23px}}
@media(max-width:600px){.about-hero{min-height:0;height:660px;margin-bottom:30px}.about-hero .brand{left:6%;top:24px;font-size:12px}.about-hero .theme{top:16px;right:5%;font-size:30px}.about-hero nav{top:80px;left:57%;padding-left:10px}.about-hero nav li{font-size:10px;line-height:1.5}.about-back-top{top:75px;max-width:120px;font-size:10px}.about-kicker{top:214px;font-size:9px;left:7%}.about-heading{top:265px;font-size:28vw;line-height:.95}.about-title-first{margin-left:7%}.about-title-last{margin-left:12%}.about-photo{left:61%;top:236px;width:30%}.about-photo img{height:130px}.about-photo figcaption{font-size:8px;margin-top:10px}.about-cross{top:315px;left:84%;height:35px;width:9%}.about-pullquote{left:12%;font-size:12px;top:calc(var(--about-title-bottom,490px) + 45px)}.about-arc{top:90px;height:540px;left:-20%;width:125%}.about-reading{display:block;margin:0 7% 64px}.about-margin{font-size:26px;transform:rotate(-8deg);margin:0 0 40px 12%;padding-top:0}.about-story{font-size:18px;line-height:1.75}.about-story p:first-child{font-size:21px;line-height:1.65}.about-story p{margin-bottom:1.5em}.about-footer{margin:0 7%;padding:24px 0;display:block}.about-footer p{margin-top:20px}.about-back{font-size:11px}}

@media(max-width:600px){.about-photo figcaption{top:-44px}}
@media(max-width:600px){.about-hero{height:600px;margin-bottom:20px}.about-margin{margin-bottom:24px}}