:root{--ink:#142c26;--muted:#64716a;--paper:#f8f8f2;--line:#d9dfd6;--accent:#d7f275}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7e9950;outline-offset:5px}::selection{background:var(--accent)}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:10px}.site-header{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:800;letter-spacing:-2px}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a:hover,.text-link:hover{opacity:.65}.nav-contact{border:1px solid var(--ink);padding:10px 19px;border-radius:30px}.nav-contact span{margin-left:20px}.menu-toggle{display:none}.section{max-width:1320px;margin:auto;padding:100px 60px;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-top:70px;padding-bottom:24px}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6a8a43;box-shadow:0 0 0 4px #e8eddf}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-3.5px;margin:34px 0 25px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(34px,4vw,49px);line-height:1.15;letter-spacing:-1.7px;font-weight:500;margin-bottom:28px}.intro{max-width:420px;color:var(--muted);font-size:16px}.intro strong{color:var(--ink);font-weight:500}.actions{display:flex;align-items:center;gap:25px;margin:32px 0 50px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;border-radius:30px;padding:14px 23px;font-size:12px}.button:hover{background:#315145}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.hero-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-line{width:22px;height:1px;background:var(--muted)}.hero-art{min-height:445px;background:#e4e9df;border-radius:3px;position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#bcc5b533 1px,transparent 1px),linear-gradient(90deg,#bcc5b533 1px,transparent 1px);background-size:48px 48px}.orb{position:absolute;width:265px;height:265px;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orb-one{background:linear-gradient(135deg,#e4f5ab 5%,#a6c06e 38%,#3b573b 90%);box-shadow:20px 30px 40px #243c3233}.orb-two{width:150px;height:150px;top:58%;left:63%;background:linear-gradient(150deg,#fafcf3,#b5c6a7 50%,#71896b);box-shadow:7px 20px 24px #253d3233}.art-line{position:absolute;width:350px;height:200px;border:1px solid #61795488;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-35deg)}.art-star{position:absolute;top:20px;right:25px;font-size:45px;line-height:1}.art-caption{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;line-height:1.5}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:35px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 2fr;gap:55px}.about>div>p{max-width:650px;color:var(--muted);font-size:14px}.about .large-copy{font-size:20px;color:var(--ink);line-height:1.7}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.facts span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.facts strong{font-size:12px;font-weight:500}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:12px}.filters{display:flex;gap:10px;margin:20px 0 30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:8px 19px;border-radius:25px;font-size:11px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.project[hidden]{display:none}.project-open{width:100%;border:0;background:none;padding:0;text-align:left}.project-art{height:310px;position:relative;overflow:hidden;transition:transform .25s;border-radius:3px}.project-open:hover .project-art{transform:translateY(-5px)}.branding{background:#e8ded0;display:flex;align-items:center;justify-content:center}.mock-label{position:absolute;left:22px;top:20px;font-size:8px;letter-spacing:1.5px}.brand-mark{font-size:88px;font-weight:bold;letter-spacing:-7px;color:#6b3d2c}.brand-mark span{display:block;font-size:10px;letter-spacing:2px;text-align:center;margin-top:-12px;font-weight:400}.project-arrow{position:absolute;bottom:20px;right:20px;width:35px;height:35px;border-radius:50%;background:#ffffffa0;display:grid;place-items:center}.digital{background:#dce4eb;padding:55px 50px 0}.mock-browser{background:#fffdf7;border-radius:6px 6px 0 0;box-shadow:0 0 30px #20304015;transform:rotate(-5deg);height:280px}.browser-bar{height:23px;border-bottom:1px solid #e5e5dd;display:flex;align-items:center;gap:4px;padding-left:12px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#b9bfb5}.browser-content{padding:22px;position:relative;overflow:hidden;height:255px}.browser-content small{font-size:6px;letter-spacing:1px}.browser-content b{display:block;font-size:29px;line-height:1.1;letter-spacing:-1px;margin-top:12px;font-weight:500;position:relative;z-index:1}.mock-pill{display:inline-block;background:var(--ink);color:white;padding:7px 10px;font-size:6px;border-radius:20px;margin-top:15px;position:relative;z-index:1}.mock-shape{width:125px;height:175px;border-radius:80px 80px 0 0;background:#d2ddba;position:absolute;right:10px;bottom:0;transform:rotate(20deg)}.strategy{background:#dce1cf;display:flex;align-items:center;justify-content:center}.strategy-diagram{display:flex;align-items:center}.strategy-diagram span{display:grid;place-items:center;width:115px;height:115px;border:1px solid #536647;border-radius:50%;margin-left:-12px;font:italic 20px Georgia}.strategy-diagram span:nth-child(2){background:#142c26;color:white}.project-info{display:flex;justify-content:space-between;padding-top:19px}.project-info h3{font-size:16px;font-weight:500;margin:0}.project-info p{font-size:11px;color:var(--muted);margin:3px 0 0}.project-info>span{font-size:10px;color:var(--muted)}.experience{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.muted{font-size:13px;color:var(--muted);margin-bottom:25px}.timeline article{border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:28px}.timeline article:last-child{margin-bottom:0;border:0}.date{font-size:9px;letter-spacing:1px;color:var(--muted)}.timeline h3{margin:10px 0 3px;font-size:21px;font-weight:500}.timeline p{font-size:13px;color:var(--muted);margin-bottom:0}.timeline .company{font-size:11px;margin-bottom:12px}.skills{text-align:center}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left;margin-top:50px}.skill-grid article>span{font-size:30px}.skill-grid h3{font-size:17px;font-weight:500;margin:14px 0 8px}.skill-grid p{color:var(--muted);font-size:13px}.skills-note{font-size:10px;color:var(--muted);margin:30px 0 0}.contact{background:var(--ink);color:var(--paper);position:relative;padding-top:80px;padding-bottom:30px}.contact h2{font-size:clamp(40px,5vw,64px);margin-top:28px}.contact h2 em{color:var(--accent)}.contact>p:not(.section-label){font-size:13px;color:#c2ccc3}.contact-email{display:inline-flex;align-items:center;gap:50px;font-size:clamp(20px,3.4vw,42px);letter-spacing:-1px;border-bottom:1px solid #91a294;padding:12px 0}.contact-email span{color:var(--accent)}.contact-bottom{border-top:1px solid #ffffff26;margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#bdc9bf}footer{max-width:1320px;margin:auto;padding:35px 60px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}footer p{margin:0}dialog{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:45px;max-width:650px;width:calc(100% - 30px);max-height:85vh}dialog::backdrop{background:#142c26b3;backdrop-filter:blur(4px)}dialog h2{margin-top:25px}dialog h3{font-size:15px;margin-bottom:5px}dialog p{font-size:13px;color:var(--muted)}.dialog-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px}.dialog-note{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}body.modal-open{overflow:hidden}
@media(min-width:1500px){.site-header,.section,footer{max-width:1400px}.hero-art{min-height:480px}}
@media(max-width:900px){.site-header{padding:0 28px;height:80px}.section{padding:65px 28px}.hero{gap:25px}.hero-art{min-height:375px}h1{font-size:49px;letter-spacing:-2.4px}.orb{width:220px;height:220px}.orb-two{width:120px;height:120px}.art-line{width:270px}.actions{gap:16px}.button{padding:12px 18px;gap:16px}.about,.experience{gap:35px}.facts{grid-template-columns:1fr}.project-art{height:270px}.digital{padding:55px 28px 0}.strategy-diagram span{width:90px;height:90px;font-size:17px}footer{padding:28px}.skill-grid{gap:25px}}
@media(max-width:640px){.site-header{height:74px;position:relative}.menu-toggle{display:flex;gap:15px;background:none;border:0;font-size:12px;align-items:center}nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);padding:25px 28px;z-index:10;border-bottom:1px solid var(--line);align-items:flex-start;gap:20px}nav.is-open{display:flex;flex-direction:column}.section{padding:55px 24px}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:52px;margin-top:28px}.hero .eyebrow{font-size:8px}.intro{font-size:14px;max-width:350px}.actions{margin:27px 0}.hero-note{margin-bottom:8px}.hero-art{min-height:340px}.orb{width:230px;height:230px}.orb-two{width:130px;height:130px}.art-line{width:300px}.hero-bottom{padding-top:8px;font-size:7px;gap:12px}.about,.experience{grid-template-columns:1fr;gap:22px}.about .large-copy{font-size:18px}.facts{grid-template-columns:1fr 1fr;gap:22px}.section-heading{display:block}.section-heading>p{font-size:11px}.project-grid{grid-template-columns:1fr}.project-art{height:300px}.digital{padding:55px 48px 0}.strategy-diagram span{width:100px;height:100px}.filters{gap:7px}.filters button{padding:7px 13px}.experience>div:first-child{margin-bottom:15px}.skill-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.skill-grid article{border-top:1px solid var(--line);padding-top:18px}.skill-grid article>span{float:right}.skills{text-align:left}.contact h2{font-size:44px}.contact-email{gap:20px;font-size:25px}.contact-bottom{display:block;margin-top:40px}.contact-bottom a{display:block;margin-top:15px}footer{flex-wrap:wrap;padding:25px 24px}footer .brand{font-size:25px}footer p{font-size:9px}footer>a:last-child{width:100%;text-align:right}dialog{padding:35px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.arrow-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex-shrink:0}
/* Prosper Adams — midnight purple, powder blue, vermilion */
:root{--ink:#eee9fa;--muted:#b7abc9;--paper:#110b1c;--line:#352443;--accent:#b9dcff}body{background:radial-gradient(ellipse at 85% 8%,#37205055,transparent 35%),var(--paper)}.site-header{border-color:#463051}.brand{color:#b9dcff}.nav-contact{border-color:#716080}.status-dot{background:#ff6868;box-shadow:0 0 0 4px #ff68681a}.button{background:#b9dcff;color:#211036}.button:hover{background:#d6eaff}.hero-art{background:#25133d}.art-grid{background-image:linear-gradient(#b9dcff12 1px,transparent 1px),linear-gradient(90deg,#b9dcff12 1px,transparent 1px)}.orb-one{background:linear-gradient(135deg,#e3d0ff 3%,#9970d3 35%,#381c65 90%);box-shadow:20px 30px 40px #0006}.orb-two{background:linear-gradient(150deg,#e1f1ff,#98c5f5 50%,#4c70ab)}.art-line{border-color:#adcaf788}.art-star{color:#ff676d}.art-caption{color:#cfc1e7}.filters .active{background:#b9dcff;color:#211036;border-color:#b9dcff}.project-arrow{background:#ffffff15;color:#c6e3ff}.client-art{background:#27143e;padding:25px;color:#e7dbf6}.client-1{background:#18304a;color:#dcecff}.client-2{background:#3a172d;color:#ffe1e8}.client-symbol{font-size:100px;line-height:1;position:absolute;top:65px;left:30px;opacity:.65;color:#b9dcff}.client-title{position:absolute;bottom:45px;left:28px;right:60px;font-size:27px;line-height:1.2;letter-spacing:-.6px;max-width:380px}.contact{background:#25113d}.contact>p:not(.section-label),.contact-bottom{color:#cfc1e1}.contact-email{border-color:#9cb9dc}.skills-note{color:var(--muted)}.filters button:hover{border-color:#b9dcff}.skip{background:#b9dcff;color:#211036}dialog{background:#1c102a}.dialog-close{color:#b9dcff}.hero h1{font-size:clamp(43px,4.7vw,65px)}@media(max-width:640px){.hero h1{font-size:49px}.client-title{font-size:25px}}
.contact{color:var(--ink)}.art-star{width:45px;height:45px;display:block}.client-symbol{color:#b9dcff;font-family:Arial,Helvetica,sans-serif}.client-symbol svg{width:85px;height:85px}