:root{--background:#fffdf5;--ink:#22241f;--accent:#d6ff63;--soft:#686b62;font-family:Arial,Helvetica,sans-serif;background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;color-scheme:light;}
*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--accent);color:#22241f}p,h1,figure{margin:0}button{font:inherit;cursor:pointer}
header{position:absolute;left:5vw;right:5vw;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:15px}.name{letter-spacing:-.35px}nav{display:flex;gap:30px;font-size:13px}
main{min-height:max(780px,100svh);position:relative;overflow:hidden}.words{position:absolute;top:18%;left:7vw;z-index:2}h1{font-size:clamp(105px,14vw,240px);letter-spacing:-.09em;line-height:.78;font-weight:400;display:flex;align-items:flex-start;flex-direction:column}.join{font-size:.19em;letter-spacing:-.03em;line-height:1.8;margin-left:12px}.matter{white-space:nowrap;background:var(--accent);color:#22241f;padding:0 .075em .09em 0;box-shadow:-.075em 0 0 var(--accent)}
.study{position:absolute;right:5vw;top:17%;width:36vw;max-width:650px;background:#1c1e1a;padding-bottom:15px}.study:before{content:'';position:absolute;left:-11px;top:30px;width:11px;height:56px;background:var(--accent)}.study img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.study figcaption{padding:14px 18px 0;font-size:11px;color:#fffdf5;display:flex;justify-content:space-between;align-items:center}.mark{color:var(--accent);font-size:16px}
.personal{position:absolute;left:7vw;bottom:12%;z-index:2}.personal p{font-size:19px;line-height:1.5;letter-spacing:-.35px}.personal .aside{font-size:12px;letter-spacing:0;color:var(--soft);margin-top:17px}
footer{position:absolute;bottom:24px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--soft);z-index:3}.footer-right{display:flex;align-items:center;gap:27px}.secret{display:flex;gap:3px;padding:10px;color:var(--ink);opacity:.55}.secret span{width:3px;height:9px;background:currentColor;transform:rotate(-8deg)}.secret span+span{transform:rotate(8deg)}
@media(min-width:1700px){.words,.personal{left:10vw}.study{right:8vw;width:34vw}}
@media(min-width:601px) and (max-width:1000px){main{min-height:850px}.words{top:22%;left:6vw}h1{font-size:15.3vw}.study{top:24%;right:4vw;width:37vw}.personal{left:6vw;bottom:19%}.personal p{font-size:17px}.personal .aside{font-size:11px}}
@media(max-width:600px){header{top:25px;left:25px;right:25px;font-size:14px}nav{gap:18px;font-size:12px}main{min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;padding:123px 28px 110px}.words{position:relative;left:auto;top:auto}h1{font-size:26vw;line-height:.79}.join{line-height:1.5;margin-left:5px}.study{position:relative;right:auto;top:auto;width:86%;max-width:340px;align-self:flex-end;margin-top:35px;padding-bottom:12px}.study figcaption{padding:12px 12px 0;font-size:10px}.study:before{top:21px;height:40px;width:8px;left:-8px}.personal{position:relative;left:auto;bottom:auto;order:2;margin-top:30px}.personal p{font-size:16px}.personal .aside{font-size:11px;max-width:270px;margin-top:13px;line-height:1.6}footer{left:28px;right:20px;bottom:20px;align-items:center;gap:12px;font-size:10px}.footer-right{gap:13px}.secret{padding:8px}}
@media(max-width:360px){nav{gap:12px}header{left:20px;right:20px}.personal br{display:none}}
@media(prefers-reduced-motion:reduce){:root{transition:none}}

/* Short introduction, evidence and invitation. */
.personal .next{margin-top:20px;font-size:12px;gap:25px;flex-wrap:wrap}.personal .next a:first-child{text-decoration:underline;text-underline-offset:5px}.personal .next a:hover{background:var(--accent);color:#22241f}.personal .aside{margin-top:11px}
@media(min-width:1001px){main{min-height:max(840px,100svh)}h1{font-size:clamp(105px,14vw,220px)}.personal{bottom:11%}}
@media(min-width:601px) and (max-width:1000px){.personal{bottom:15%}}
@media(max-width:600px){.personal .next{font-size:12px;gap:20px;margin-top:20px}body:not(.content-page) footer>p{max-width:155px;line-height:1.6}body:not(.content-page) footer{align-items:flex-end}}

.home-skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--accent);color:#22241f;padding:12px}.home-skip:focus{top:12px}
@media(max-width:600px){.personal{order:0;margin-top:26px}.study{order:1}}

/* Keep the identity and main route together. */
.personal .aside{max-width:350px;line-height:1.6;font-size:13px}.personal .aside a{text-decoration:underline;text-underline-offset:3px}.personal .next a{padding:9px 0}.personal .next{margin-top:11px}header nav a{padding:12px 0;margin:-12px 0}.secret{min-width:36px;min-height:40px;align-items:center;justify-content:center}
@media(max-width:600px){.personal .aside{font-size:12px;max-width:300px}.personal .next{margin-top:11px}}

/* Native custom cursors stay attached to the pointer, including nested links. */
@media(hover:hover) and (pointer:fine){
  html,body{cursor:url("/assets/cursor.svg") 4 3,default}
  a,a *,button,button *,summary,summary *,[role=button],[role=button] *{cursor:url("/assets/cursor-link.svg") 16 16,pointer}
  input,textarea,[contenteditable=true]{cursor:text}
  button:disabled,button:disabled *{cursor:not-allowed}
}