/* Joshua Redeem Ohiani — personal HQ */
:root{
  --paper:#f3f3ed; --paper-2:#e9e9e2; --ink:#0b0b0b; --muted:#666660;
  --line:rgba(11,11,11,.14); --acid:#d9ff43; --acid-2:#c8ed32; --dark:#11120f;
  --dark-2:#191a16; --white:#fbfbf7; --radius:18px; --max:1240px;
  --serif:Georgia,'Times New Roman',serif; --sans:'Manrope',Arial,sans-serif; --mono:'DM Mono',monospace;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.28;z-index:20;background-image:radial-gradient(rgba(0,0,0,.08) .55px,transparent .55px);background-size:7px 7px;mix-blend-mode:multiply}
a{color:inherit} img{max-width:100%;display:block} button,input,textarea{font:inherit} ::selection{background:var(--acid);color:var(--ink)}
.skip{position:fixed;left:16px;top:-60px;background:var(--ink);color:white;padding:10px 16px;z-index:1000;text-decoration:none}.skip:focus{top:16px}
.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.rule{height:1px;background:var(--line)}
.eyebrow{font-family:var(--mono);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px;align-items:center}.eyebrow::before{content:'';width:26px;height:1px;background:currentColor}
.kicker{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.display{font-size:clamp(3.4rem,8vw,8.6rem);line-height:.86;letter-spacing:-.075em;font-weight:700;margin:0}.display em{font-family:var(--serif);font-weight:400}.section-title{font-size:clamp(2.6rem,5.5vw,5.6rem);line-height:.94;letter-spacing:-.055em;margin:.3em 0 .3em;font-weight:650}.lead{font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.65;max-width:720px;color:#3f3f3a}.body-lg{font-size:1.03rem;line-height:1.8;color:#3f3f3a}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:100;background:rgba(243,243,237,.87);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.nav.scrolled{border-color:var(--line)}.nav-in{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;letter-spacing:-.02em}.mark{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--acid);display:grid;place-items:center;font-family:var(--mono);font-size:.73rem;letter-spacing:-.06em}.brand small{display:block;font-size:.58rem;font-family:var(--mono);font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.links{display:flex;align-items:center;gap:26px}.links a{text-decoration:none;font-size:.82rem;color:#3d3d39;position:relative}.links a::after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:.2s}.links a:hover::after,.links a.active::after{right:0}.nav-cta{background:var(--ink);color:var(--white)!important;padding:11px 16px;border-radius:999px}.nav-cta::after{display:none!important}.menu-btn{display:none;border:0;background:transparent;font-family:var(--mono);font-size:.78rem;text-transform:uppercase}
.hero{min-height:calc(100svh - 78px);padding:38px 0 28px;display:grid;align-items:end}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.62fr);gap:56px;align-items:end}.hero-copy{padding:50px 0 28px}.hero-copy .eyebrow{margin-bottom:34px}.hero-copy .lead{max-width:660px;margin:32px 0 34px}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:650;transition:.2s}.btn .arr{font-size:1rem;transition:.2s}.btn:hover .arr{transform:translateX(4px)}.btn.fill{background:var(--ink);color:var(--white)}.btn.acid{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.hero-media{position:relative}.portrait-card{border-radius:var(--radius);overflow:hidden;background:#cfcfc7;aspect-ratio:3/4;position:relative}.portrait-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1.01)}.portrait-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.42),transparent 45%)}.portrait-meta{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:white;display:flex;justify-content:space-between;gap:20px;align-items:end;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}.orbit{position:absolute;width:90px;height:90px;right:-24px;top:-24px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font-size:.66rem;font-family:var(--mono);text-align:center;line-height:1.25;transform:rotate(10deg)}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--paper-2)}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font-family:var(--mono);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em;padding:13px 22px}.marquee b{color:#8ea91b}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:118px 0}.section.dark{background:var(--dark);color:var(--white)}.section.dark .lead,.section.dark .body-lg,.section.dark .muted,.section.dark .kicker,.section.dark .eyebrow{color:#b8b9b2}.section.dark .rule{background:rgba(255,255,255,.14)}
.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.intro-grid .big-note{font-family:var(--serif);font-size:clamp(2rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.035em;margin:0}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:72px}.practice{min-height:280px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.practice:hover{background:var(--acid)}.practice-num{font-family:var(--mono);font-size:.65rem;color:var(--muted)}.practice h3{font-size:1.55rem;letter-spacing:-.04em;margin:0 0 9px}.practice p{font-size:.86rem;color:#55554f;margin:0}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-head .lead{max-width:560px;margin:0}.view-all{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}
.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.project{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#f8f8f3;min-height:420px;position:relative;display:flex;flex-direction:column}.project:nth-child(1){grid-column:span 7}.project:nth-child(2){grid-column:span 5}.project:nth-child(3),.project:nth-child(4),.project:nth-child(5){grid-column:span 4}.project:nth-child(6){grid-column:span 12;min-height:330px}.project-media{height:220px;background:#deded6;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.project:hover .project-media img{transform:scale(1.025)}.project-body{padding:24px;display:flex;flex-direction:column;flex:1}.project-top{display:flex;justify-content:space-between;gap:12px}.project-tag{font-family:var(--mono);font-size:.63rem;text-transform:uppercase;color:var(--muted)}.status{font-family:var(--mono);font-size:.61rem;padding:5px 8px;border:1px solid var(--line);border-radius:999px}.project h3{font-size:clamp(1.55rem,2.5vw,2.4rem);letter-spacing:-.045em;margin:28px 0 10px;line-height:1}.project p{color:#51514c;font-size:.9rem;margin:0 0 24px;max-width:54ch}.project-link{margin-top:auto;text-decoration:none;font-family:var(--mono);font-size:.69rem;text-transform:uppercase;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.project-acid{background:var(--acid)}.project-dark{background:var(--dark-2);color:white;border-color:rgba(255,255,255,.15)}.project-dark p,.project-dark .project-tag{color:#b6b7b0}.project-dark .project-link{border-color:rgba(255,255,255,.16)}
.ecosystem{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px}.domain{min-height:370px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.025);text-decoration:none;transition:.2s}.domain:hover{background:rgba(255,255,255,.065);transform:translateY(-3px)}.domain .dot{width:12px;height:12px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(217,255,67,.08)}.domain-name{font-size:clamp(1.7rem,2.9vw,3.2rem);line-height:.95;letter-spacing:-.055em;overflow-wrap:anywhere;margin:20px 0}.domain p{color:#aeb0a9;font-size:.88rem;max-width:35ch}.domain-foot{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;color:#cfd0ca;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.book-card{background:var(--ink);color:white;border-radius:var(--radius);min-height:570px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.book-card::before{content:'BD';position:absolute;right:-24px;top:-70px;font-size:15rem;line-height:1;font-weight:800;color:rgba(255,255,255,.05);letter-spacing:-.12em}.book-card .book-title{font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);line-height:.83;letter-spacing:-.06em;margin:0;max-width:7ch}.book-card .book-meta{font-family:var(--mono);font-size:.66rem;color:#aaa;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}.essay-list{border-top:1px solid var(--line)}.essay{display:grid;grid-template-columns:90px 1fr auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center;text-decoration:none}.essay .no{font-family:var(--mono);font-size:.65rem;color:var(--muted)}.essay h3{margin:0;font-size:1.16rem;letter-spacing:-.025em}.essay p{margin:6px 0 0;color:var(--muted);font-size:.82rem}.essay .arrow{transition:.2s}.essay:hover .arrow{transform:translateX(5px)}
.quote-band{padding:86px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote{font-family:var(--serif);font-size:clamp(2.2rem,5vw,5.5rem);line-height:1.03;letter-spacing:-.045em;max-width:1050px;margin:0}.quote em{background:var(--acid);font-style:normal;padding:0 .08em}
.contact-block{padding:120px 0 52px}.contact-main{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.contact-title{font-size:clamp(4rem,9vw,10rem);line-height:.8;letter-spacing:-.085em;margin:0}.contact-title span{font-family:var(--serif);font-weight:400}.contact-side p{color:var(--muted);font-size:.93rem;line-height:1.75}.contact-links{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:26px}.contact-links a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--mono);font-size:.7rem;text-transform:uppercase}
footer{padding:30px 0 38px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.64rem;color:var(--muted);text-transform:uppercase}.footer-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.page-hero{padding:98px 0 80px;border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}.page-title{font-size:clamp(4.2rem,10vw,9rem);line-height:.83;letter-spacing:-.075em;margin:.2em 0 0}.page-side{font-size:1rem;color:var(--muted);max-width:420px}.page-side strong{color:var(--ink)}
.bio-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.bio-photo{border-radius:var(--radius);overflow:hidden;position:sticky;top:104px}.bio-photo img{width:100%;filter:grayscale(100%)}.bio-copy h2{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 32px}.bio-copy p{font-size:1rem;line-height:1.85;color:#41413c}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.principle{border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:230px}.principle b{font-family:var(--mono);font-size:.65rem;color:var(--muted)}.principle h3{font-size:1.35rem;letter-spacing:-.03em;margin:42px 0 9px}.principle p{font-size:.83rem!important;line-height:1.65!important;margin:0!important}
.timeline{margin-top:56px;border-top:1px solid var(--line)}.time-row{display:grid;grid-template-columns:170px 1fr 1fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.time-year{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.time-row h3{margin:0;font-size:1.05rem}.time-row p{margin:0;color:var(--muted);font-size:.84rem}
.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:250px}.cap h3{font-size:1.8rem;letter-spacing:-.04em;margin:50px 0 12px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-family:var(--mono);font-size:.61rem;border:1px solid var(--line);border-radius:999px;padding:6px 9px;text-transform:uppercase;color:var(--muted)}
.work-list{display:grid;gap:14px}.work-card{display:grid;grid-template-columns:100px 1fr .75fr;gap:30px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:270px;transition:.2s}.work-card:hover{background:#f8f8f3}.work-no{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.work-card h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;line-height:.92;margin:0 0 18px}.work-card p{color:var(--muted);font-size:.88rem;max-width:54ch}.work-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.work-meta .stack{font-family:var(--mono);font-size:.64rem;line-height:1.8;color:var(--muted);text-transform:uppercase}.work-meta a{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:40px}.tile{border-radius:var(--radius);overflow:hidden;background:#ddd;min-height:280px}.tile:nth-child(1){grid-column:span 5}.tile:nth-child(2){grid-column:span 4}.tile:nth-child(3){grid-column:span 3}.tile:nth-child(4){grid-column:span 7}.tile:nth-child(5){grid-column:span 5}.tile img{width:100%;height:100%;object-fit:cover}
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.book{border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.book.published{background:var(--ink);color:white}.book .state{font-family:var(--mono);font-size:.63rem;text-transform:uppercase;color:var(--muted)}.book.published .state,.book.published p{color:#aaa}.book h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.6rem);line-height:.95;letter-spacing:-.04em;margin:70px 0 15px}.book p{font-size:.87rem;color:var(--muted)}.book a{font-family:var(--mono);font-size:.67rem;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;width:max-content;padding-bottom:3px}
.note-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.note{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:300px}.note .date{font-family:var(--mono);font-size:.63rem;color:var(--muted);text-transform:uppercase}.note h3{font-size:1.7rem;letter-spacing:-.04em;line-height:1.08;margin:65px 0 12px}.note p{color:var(--muted);font-size:.86rem}.note a{text-decoration:none}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-panel{border-top:1px solid var(--line)}.contact-row{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;gap:20px}.contact-row b{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;color:var(--muted)}.contact-row a{text-decoration:none;font-size:1.02rem}.engage{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.engage-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-height:180px}.engage-card h3{font-size:1.1rem;margin:35px 0 8px}.engage-card p{font-size:.8rem;color:var(--muted);margin:0}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}
@media (max-width:980px){.links{display:none}.menu-btn{display:block}.nav.open .links{display:flex;position:absolute;left:0;right:0;top:77px;background:var(--paper);border-bottom:1px solid var(--line);padding:24px;flex-direction:column;align-items:flex-start}.hero-grid,.intro-grid,.split,.bio-grid,.page-hero-grid,.contact-main,.contact-page-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-top:24px}.hero-media{max-width:620px}.practice-grid{grid-template-columns:repeat(2,1fr)}.projects{display:grid;grid-template-columns:1fr}.project,.project:nth-child(n){grid-column:auto}.ecosystem{grid-template-columns:1fr}.book-card{min-height:480px}.time-row{grid-template-columns:120px 1fr}.time-row p{grid-column:2}.work-card{grid-template-columns:70px 1fr}.work-meta{grid-column:2;gap:30px}.books{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.tile:nth-child(n){grid-column:auto}.principles{grid-template-columns:1fr}.bio-photo{position:relative;top:auto;max-width:560px}.contact-title{font-size:clamp(4rem,15vw,9rem)}}
@media (max-width:640px){.shell{width:min(calc(100% - 28px),var(--max))}.nav-in{height:68px}.nav.open .links{top:67px}.brand>span:last-child{display:none}.section{padding:84px 0}.hero{padding-top:12px}.hero-grid{gap:28px}.display{font-size:clamp(3.55rem,18vw,6rem)}.section-title{font-size:clamp(2.8rem,14vw,4.5rem)}.practice-grid{grid-template-columns:1fr}.practice{min-height:220px}.section-head{display:block}.section-head .view-all{display:inline-block;margin-top:20px}.project{min-height:360px}.project-media{height:180px}.ecosystem{gap:10px}.domain{min-height:300px}.split{gap:34px}.book-card{padding:28px;min-height:440px}.essay{grid-template-columns:40px 1fr}.essay .arrow{display:none}.page-hero{padding:70px 0 60px}.page-title{font-size:clamp(4rem,20vw,7rem)}.cap-grid,.note-grid,.engage{grid-template-columns:1fr}.time-row{grid-template-columns:1fr;gap:7px}.time-row p{grid-column:auto}.work-card{grid-template-columns:1fr}.work-meta{grid-column:auto}.work-card{padding:22px}.gallery{grid-template-columns:1fr}.books{gap:10px}.contact-block{padding-top:90px}.contact-row{grid-template-columns:1fr;gap:6px}.orbit{width:72px;height:72px;right:-6px;top:-18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}