@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#080808;--ink:#f1f1ed;--red:#FB4B4B;--blue:#11A0FA;--yellow:#FAF84B;--muted:#a0a0a0;--line:#303030}*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;margin:0 4%;padding:29px 0;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:22px;letter-spacing:-1px}.brand span{display:block;font-size:11px;letter-spacing:.05em;font-weight:400;margin-top:5px;color:var(--muted)}nav{display:flex;gap:32px;font-size:13px}nav a:hover,footer a:hover{color:var(--yellow)}main{padding:0 4%}.hero{padding:34px 0 28px}.eyebrow,.section-top>span{font-size:10px;letter-spacing:.12em;font-weight:600}.eyebrow{display:flex;justify-content:space-between;align-items:center}.signal{display:flex;gap:6px}.signal i{width:11px;height:11px;background:var(--red)}.signal i:nth-child(2){background:var(--blue)}.signal i:nth-child(3){background:var(--yellow)}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,9.8vw,160px);font-weight:800;letter-spacing:-.07em;line-height:1.02;margin:70px 0 54px}h1 span{display:block}h1 span:last-child{color:var(--yellow)}.chromatic{cursor:default;text-shadow:var(--chromatic-shadow,none)}em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:15px;line-height:1.55}.hero-bottom p:first-child{font-size:21px;letter-spacing:-.03em}.hero-bottom p:nth-child(2){max-width:430px;color:var(--muted)}.circle{border:1px solid var(--line);border-radius:50%;height:65px;width:65px;flex-shrink:0;display:grid;place-items:center;font-size:29px;color:var(--red)}.circle:hover{background:var(--red);color:#080808}.hint{margin-top:35px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line);margin-top:38px}h2{font-size:32px;letter-spacing:-.045em;font-weight:600;margin:0}.section-top>span{color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:48px 25px}.project{border:0;background:none;padding:0;text-align:left;display:block;width:100%}.image-wrap{overflow:hidden;background:#131313;aspect-ratio:1.55}.image-wrap img{width:100%;height:100%;object-fit:cover}.project:first-child .image-wrap{background:#000}.project:first-child img{object-fit:contain;padding:16px}.project:nth-child(2) .image-wrap{background:#080909}.project:nth-child(2) img{object-fit:contain}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;gap:10px}.project h3{font-weight:600;font-size:23px;letter-spacing:-.04em;margin:0 0 5px}.project p{font-size:11px;margin:0;color:var(--muted)}.project-meta>span{font-size:26px;color:var(--blue)}.project:hover h3{color:var(--yellow)}.statement{padding:100px 0 50px}.statement>.eyebrow{color:var(--red)}.statement h2{font-size:clamp(42px,7vw,100px);letter-spacing:-.055em;line-height:1.08;margin:36px 0 60px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;line-height:1.65}.about-copy>p{font-size:25px;margin:0;letter-spacing:-.025em}.about-copy div{font-size:15px;color:var(--muted)}.about-copy div p:first-child{margin-top:0}.about-copy a{border-bottom:1px solid var(--blue);padding-bottom:4px;display:inline-block;margin-top:15px;color:var(--ink)}.about-copy .company-link{color:var(--blue);font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 25px}.filters button{border:1px solid #474747;border-radius:0;background:transparent;padding:9px 16px;font-size:12px}.filters button:hover{border-color:var(--yellow)}.filters button[aria-pressed=true]{background:var(--yellow);color:#080808;border-color:var(--yellow)}#archive-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.archive-row{display:grid;grid-template-columns:76px minmax(0,1fr) 16px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line);width:100%;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;min-height:100px}.archive-thumb{width:76px;height:62px;object-fit:cover;background:#161616}.archive-thumb[src$="black-eye-logo.png"],.archive-thumb[src$="CM.jpg"]{object-fit:contain;background:#000}.archive-symbol{display:grid;place-items:center;font-size:26px;color:var(--blue);border:1px solid var(--line)}.archive-row:nth-child(3n+2) .archive-symbol{color:var(--red)}.archive-row:nth-child(3n) .archive-symbol{color:var(--yellow)}.archive-row h3{font-size:16px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:5px 0}.archive-row .category{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.archive-row .role{font-size:10px;color:var(--muted);margin:0}.archive-arrow{color:var(--blue)}.archive-row:hover h3{color:var(--yellow)}.archive-status{font-size:11px;color:var(--muted)}.outro{margin-top:90px;border-top:1px solid var(--line);padding:35px 0 75px}.outro>.eyebrow{color:var(--red)}.outro h2{font-size:clamp(48px,8vw,115px);line-height:1.05;margin:50px 0}.outro em{color:var(--yellow)}.contact{display:flex;justify-content:space-between;font-size:30px;padding:20px 0;border-bottom:1px solid var(--line)}.contact span{font-size:45px;color:var(--red)}footer{background:#111;color:var(--muted);padding:30px 4%;display:flex;justify-content:space-between;align-items:center;font-size:11px}footer p{margin:0}dialog{width:min(950px,94vw);max-height:92vh;border:1px solid #444;background:#101010;color:var(--ink);padding:35px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}#close-story{display:block;margin:0 0 25px auto;border:1px solid #555;padding:9px 18px;background:none}#close-story:hover{color:var(--yellow)}dialog h2{font-size:clamp(32px,5vw,64px);margin:15px 0 25px;line-height:1.1}dialog img{width:100%;max-height:420px;object-fit:cover}dialog img[src$="black-eye-logo.png"]{object-fit:contain;background:#000;max-height:440px}dialog p{font-size:18px;line-height:1.65;max-width:720px;color:#ccc}dialog .story-link{display:inline-block;margin:15px 0;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--blue)}.skip{position:fixed;top:-200px;left:10px;z-index:100;background:var(--yellow);color:#080808;padding:15px}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--red);color:#080808}@media(max-width:850px){#archive-list{grid-template-columns:1fr}.hero-bottom p:nth-child(2){font-size:13px}.circle{display:none}}@media(max-width:700px){header{align-items:start}nav{gap:14px;font-size:11px;flex-wrap:wrap;justify-content:end;max-width:190px}nav a:last-child{display:none}.brand{font-size:19px}h1{font-size:10.6vw;margin:60px 0 35px}.hero-bottom{gap:20px;align-items:start}.hero-bottom p:first-child{font-size:16px;flex:1}.hero-bottom p:nth-child(2){font-size:12px;flex:1}.projects{gap:30px 15px}.project h3{font-size:18px}.project p{font-size:10px}.section-top h2{font-size:26px}.section-top>span{font-size:8px}.statement{padding-top:70px}.about-copy{grid-template-columns:1fr;gap:25px}.about-copy>p{font-size:22px}.outro{margin-top:55px}footer p{display:none}dialog{padding:22px}}@media(max-width:430px){.hero-bottom{display:block}.hero-bottom p:nth-child(2){font-size:14px}.projects{grid-template-columns:1fr}.archive-row{grid-template-columns:62px minmax(0,1fr) 16px;gap:12px}.archive-thumb{width:62px;height:52px}.eyebrow{font-size:8px}.hint{font-size:8px}}@media(prefers-reduced-motion:reduce){.chromatic{text-shadow:none!important}}

.statement h2{font-size:clamp(36px,5.2vw,78px);line-height:1.12;max-width:1200px}.statement h2 em{display:block;margin-top:.3em}

.outro h2{font-size:clamp(40px,7.3vw,105px)}.outro-copy{color:var(--muted);font-size:17px;line-height:1.6;max-width:620px}

.hero-bottom p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.hero-bottom p a:hover{color:var(--yellow)}

.chromatic>span{width:fit-content;max-width:100%}

.chromatic{width:max-content;max-width:100%}.chromatic>.equals{width:100%;text-align:center;font-size:.65em;line-height:1.1;margin:.15em 0;color:var(--ink)}

.about-copy{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:start}.about-bio .bio-intro{font-size:25px;line-height:1.6;color:var(--ink);letter-spacing:-.025em;margin-bottom:28px}.portrait{margin:0;position:relative;min-width:0;width:100%;aspect-ratio:1;background:#080808;overflow:hidden}.portrait video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.connect-copy>.eyebrow{color:var(--red)}.connect-copy .contact{margin-top:30px}.outro h2{margin:40px 0 30px}@media(max-width:700px){.about-copy{grid-template-columns:1fr;gap:30px}.about-bio{order:1}.about-copy .portrait{order:2;max-width:480px}.about-bio .bio-intro{font-size:22px}}

.hero-bottom .credential{display:block;margin-top:12px;font-size:12px;font-weight:400;letter-spacing:.025em;color:var(--muted)}

.about-copy .inline-link{display:inline;margin-top:0;padding-bottom:0;text-decoration:underline;text-underline-offset:3px;border-bottom:0;color:var(--blue)}