:root{color-scheme:dark;--bg:#0c0e12;--panel:#15191f;--line:#292e38;--ink:#f1f1ef;--muted:#999da7;--accent:#b2e35b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{max-width:1220px;margin:auto;padding:0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:800;letter-spacing:-.8px}.accent{color:var(--accent)}nav{display:flex;gap:30px}nav a{font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover,.contact-links a:hover{color:var(--accent)}.hero{position:relative;min-height:630px;padding:132px 0 76px;border-bottom:1px solid var(--line)}.eyebrow,.section-number,.project-type,.updated,.hero-index{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}h1{font-size:clamp(44px,6.3vw,88px);max-width:1070px;line-height:1.07;letter-spacing:-4px;margin:25px 0 30px;font-weight:750}.hero-copy{max-width:620px;color:var(--muted);font-size:19px}.text-link{display:inline-block;margin-top:34px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:8px}.hero-index{position:absolute;bottom:25px;right:0}.section{padding:110px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading p{max-width:295px;color:var(--muted);font-size:14px;margin:0}.section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.1;letter-spacing:-2px;margin:14px 0 0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:31px;min-height:360px;transition:border-color .2s}.project:hover{border-color:#637842}.project-top{display:flex;justify-content:space-between;align-items:center}.project-index,.now-index{font-size:12px;color:#777e8b}.status{border:1px solid #4b5a37;border-radius:999px;padding:3px 11px;color:#c7e5a0;font-size:11px}.project-type{margin-top:48px;color:var(--accent)}.project h3{font-size:29px;letter-spacing:-1px;margin:5px 0 10px}.project-description{max-width:460px;color:var(--muted);margin:0 0 28px;font-size:15px}.project-link,.project-pending{margin-top:auto;font-size:13px;font-weight:700}.project-link{color:var(--accent)}.project-pending{color:#717883}.now-list{border-top:1px solid var(--line)}.now-item{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:20px;padding:24px 5px;border-bottom:1px solid var(--line)}.now-item h3{font-size:19px;margin:0}.now-item p{color:var(--muted);margin:2px 0 0;font-size:14px}.arrow{color:var(--accent);font-size:23px}.updated{margin-top:25px}.about-copy{font-size:clamp(21px,2.7vw,32px);max-width:870px;line-height:1.5;letter-spacing:-.5px;color:#c5c9ce}.contact h2{margin-bottom:10px}.contact>p{color:var(--muted)}.contact-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:34px}.contact-links a{border-bottom:1px solid var(--accent);padding-bottom:6px;font-weight:700}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 0;color:var(--muted);font-size:12px}footer .brand{color:var(--ink)}@media(max-width:700px){.shell{padding:0 20px}.topbar{align-items:flex-start;gap:16px;flex-direction:column}nav{gap:18px;flex-wrap:wrap}.hero{min-height:530px;padding:80px 0 65px}h1{letter-spacing:-2px}.hero-index{right:auto;left:0}.section{padding:75px 0}.section-heading{display:block}.section-heading p{margin-top:16px}.projects{grid-template-columns:1fr}.project{min-height:310px}.now-item{grid-template-columns:30px 1fr 18px;gap:10px}footer{align-items:flex-start;flex-direction:column}}

/* Psychoirregular — soft neo-brutalist light theme */
:root { color-scheme:light; --bg:#FCF9F0; --panel:#FFFDF8; --line:#35332F; --ink:#252525; --muted:#5E5A53; --accent:#B34E42; }
body { background:var(--bg); color:var(--ink); }
a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.topbar { border-bottom:2px solid var(--line); }
.brand { letter-spacing:-1px; }
nav a { color:var(--ink); font-weight:700; }
nav a:hover,.text-link:hover,.contact-links a:hover { color:var(--accent); }
.hero { min-height:610px; padding:105px 44px 80px; margin-top:34px; background:#F0BAA9; border:2px solid var(--line); border-radius:18px; box-shadow:9px 9px 0 #35332F; }
.hero h1 { max-width:980px; font-weight:850; letter-spacing:-4px; }
.hero-copy { color:#3E3632; }
.eyebrow,.section-number,.project-type,.updated,.hero-index { color:#635A51; }
.live-dot { background:#537C57; box-shadow:none; border:1px solid #252525; }
.text-link { border:2px solid #252525; background:#FFFDF8; padding:10px 16px; border-radius:8px; box-shadow:4px 4px 0 #252525; transition:transform .18s, box-shadow .18s; }
.text-link:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 #252525; }
.hero-index { right:27px; bottom:18px; }
.section { border-bottom:2px dashed #CDC6B9; }
.section h2 { font-weight:830; }
.project { background:#C8DFCE; border:2px solid var(--line); border-radius:16px; box-shadow:5px 5px 0 #35332F; transition:transform .2s,box-shadow .2s; }
.project:nth-child(3n+2) { background:#EAD9A9; }
.project:nth-child(3n) { background:#D3D7EB; }
.project:hover { border-color:var(--line); transform:translate(-2px,-2px); box-shadow:8px 8px 0 #35332F; }
.project-type { color:#3D5545; }
.project:nth-child(3n+2) .project-type { color:#635024; }
.project-description,.project-index,.now-index { color:#474940; }
.status { border:1.5px solid #35332F; background:#FFFDF8; color:#252525; font-weight:750; }
.project-link { color:#252525; text-decoration:underline; text-underline-offset:4px; }
.project-pending { color:#625C50; }
.now-list { border-top:2px solid var(--line); }
.now-item { border-bottom:1.5px solid #AAA393; }
.now-item:nth-child(even) { background:#F3EFDF; }
.now-item p { color:var(--muted); }
.arrow { color:#B34E42; }
.about-copy { color:#383831; }
.contact { background:#E8DDF0; padding:55px 40px; margin-top:80px; border:2px solid var(--line); border-radius:16px; box-shadow:7px 7px 0 #35332F; }
.contact>p { color:#4B4350; }
.contact-links a { background:#FFFDF8; color:#252525; border:2px solid var(--line); border-radius:7px; padding:8px 14px; box-shadow:3px 3px 0 #35332F; }
footer { color:var(--muted); }
@media(max-width:700px) {
  .hero { min-height:0; margin-top:22px; padding:55px 23px 75px; box-shadow:5px 5px 0 #35332F; }
  .hero h1 { letter-spacing:-2px; }
  .hero-index { left:22px; right:auto; font-size:9px; }
  .project { box-shadow:4px 4px 0 #35332F; }
  .contact { padding:35px 22px; margin-top:45px; box-shadow:5px 5px 0 #35332F; }
}
@media(prefers-reduced-motion:reduce) { .project,.text-link { transition:none; } }