.about-foxglow{padding-top:100px;padding-bottom:120px;color:#353c40}.about-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin:65px 0 85px}.about-heading .display-title{font-size:clamp(62px,8vw,120px)}.about-controls{max-width:340px}.about-controls button{min-height:44px;padding:12px 16px;border:1px solid currentColor;background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer;margin:0 8px 12px 0}.about-controls button:disabled{cursor:default;opacity:.65}.about-controls p{font-size:13px;line-height:1.5;margin-bottom:16px}.about-controls button:focus-visible,.paragraph-anchor:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.about-controls [aria-pressed=true]{background:#353c40;color:var(--paper)}.about-layout{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:8vw;align-items:start}.about-diagram{position:sticky;top:70px;max-width:360px;padding-top:20px}.about-diagram svg{width:100%;opacity:.65;overflow:visible}.about-diagram>span{display:block;text-align:center;margin-top:28px;font-size:9px}.about-rings,.about-mechanics,.about-focus,.about-tail,.about-stroke{transform-origin:180px 180px;transition:transform .65s ease,opacity .65s ease}.about-stroke,.about-focus,.about-tail{opacity:0}.about-foxglow[data-active-cue=trees] .about-rings{transform:scale(1.045)}.about-foxglow[data-active-cue=motion] .about-mechanics{transform:rotate(5deg)}.about-foxglow[data-active-cue=print] .about-stroke,.about-foxglow[data-active-cue=photo] .about-focus,.about-foxglow[data-active-cue=cats] .about-tail{opacity:1}.about-foxglow[data-active-cue=photo] .about-focus{transform:scale(.96)}.about-prose{max-width:760px}.about-paragraph{position:relative;margin-bottom:28px;scroll-margin-top:70px}.about-paragraph p{font-size:clamp(19px,2vw,27px);line-height:1.6;letter-spacing:-.025em}.about-paragraph:first-child p{font-size:clamp(27px,3vw,43px);font-weight:700;line-height:1.2}.paragraph-anchor{position:absolute;left:-36px;top:3px;display:flex;align-items:center;justify-content:center;width:28px;height:44px;opacity:.45;font-size:15px}.paragraph-anchor:hover,.paragraph-anchor:focus-visible{opacity:1;color:#9b421c}.about-natural{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.about-word{display:inline-block;transition:transform .22s ease,color .22s ease;text-rendering:optimizeLegibility;transform-origin:50% 80%}.about-word.is-active{transform:translateY(-2px) scale(1.065);color:#161c20}.about-word.influence-word.is-active{transform:translateY(-3px) scale(1.1);color:#9b421c}.about-name{margin-top:75px;padding:40px 0 15px;border-top:1px solid #353c40;transition:background .8s,color .8s}.about-name>.eyebrow{display:block;margin-bottom:35px}.about-name .about-paragraph:first-of-type p{font-weight:700;font-size:clamp(28px,3vw,42px)}.about-foxglow.is-earnest .about-name{background:#353c40;color:var(--paper);box-shadow:24px 0 #353c40,-24px 0 #353c40}.about-foxglow.is-earnest .about-name .is-active{color:#ffb780}.about-punchline{padding-top:65px}.about-punchline .about-paragraph p{font-size:clamp(30px,4vw,56px);font-weight:700;line-height:1.2}.about-punchline .about-paragraph:last-child p{font-size:clamp(25px,3vw,42px)}
@media(max-width:1000px){.site-nav{gap:18px;flex-wrap:wrap}.about-layout{gap:55px;grid-template-columns:.6fr 1.4fr}}
@media(max-width:700px){.site-nav{justify-content:flex-start;column-gap:18px}.about-foxglow{padding-top:75px;padding-bottom:85px}.about-heading{grid-template-columns:1fr;gap:35px;margin:45px 0}.about-layout{display:block}.about-diagram{position:relative;top:auto;max-width:170px;margin:0 0 45px auto}.about-diagram>span{font-size:8px;margin-top:10px}.about-prose{padding-left:25px}.paragraph-anchor{left:-31px;width:28px}.about-paragraph{margin-bottom:24px}.about-paragraph p{font-size:20px;line-height:1.55}.about-name{margin-top:55px}.about-foxglow.is-earnest .about-name{box-shadow:12px 0 #353c40,-12px 0 #353c40}}
@media(prefers-reduced-motion:reduce){.about-word.is-active,.about-word.influence-word.is-active{transform:none;text-decoration:underline;text-underline-offset:5px}.about-diagram *{transform:none!important}.about-diagram svg{opacity:.65}.about-name{transition:none}}
