/* Accessible text accent; decorative orange stays unchanged. */
:root{--orange-text:#c2410c}
body.home-page #work .section-title .mono,body.home-page .experience .section-title .mono,body.home-page .about-copy>.mono,body.home-page .case-study-tags span,body.home-page .case-study-link,body.home-page .experience-row .date,body.home-page .about-link,body.home-page .links a:hover,body.home-page .hero-top,body.about-page .section-head .mono,body.about-page .card-top,body.about-page .badge,body.experiments-page .experiments-heading .mono{color:var(--orange-text)}
@media(max-width:600px){body.home-page .hero-eyebrow .hero-name{color:var(--orange-text)}}
body.payrentz-page .sidebar nav a:hover,body.payrentz-page .sidebar nav a.active,body.payrentz-page .back:hover,body.payrentz-page .metrics em,body.payrentz-page .carousel-actions button:hover{color:var(--orange-text)}
body.payrentz-page .button-samples span:nth-child(2),body.payrentz-page .button-samples span:nth-child(3){color:var(--orange-text)}
body .portfolio-footer{position:relative;z-index:1;background:transparent;color:#111827;border-top:1px solid #e5e7eb;font-family:Geist,Arial,sans-serif}
body .portfolio-footer .wrap{width:calc(100% - 240px);max-width:1000px;margin-inline:auto}
body .portfolio-footer .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:80px 0 48px}
body .portfolio-footer .footer-main h2{font:800 38px/1.18 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.02em;margin:0;max-width:none}
body .portfolio-footer .footer-main h2 em{font:italic 400 42px/1 'Instrument Serif',Georgia,serif;color:#ff5d22}
body .portfolio-footer .footer-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px}
body .portfolio-footer .footer-right p{margin:0;max-width:520px;color:#4b5563;font:500 14px/1.5 Geist,Arial,sans-serif;letter-spacing:0;text-transform:none}
body .portfolio-footer .footer-contact{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
body .portfolio-footer .footer-right a.hello{display:inline-flex;align-items:center;justify-content:center;width:118px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:#fff0ea;color:#c2410c;font:600 14px/20px Geist,Arial,sans-serif;letter-spacing:0;text-decoration:none;text-transform:none;box-shadow:none;transform:none}
body .portfolio-footer .footer-right a.hello:hover{background:#ffe0d2;color:#9a3412}
body .portfolio-footer .reply{display:inline-block;margin:0;color:#4b5563;font:400 13px/1.4 Geist,Arial,sans-serif;letter-spacing:0;text-transform:none}
body .portfolio-footer .footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font:500 14px/1.6 Geist,Arial,sans-serif}
body .portfolio-footer .footer-socials a{color:#c2410c;text-decoration:none;overflow-wrap:anywhere}
body .portfolio-footer .footer-socials a:hover{text-decoration:underline;text-underline-offset:4px}
body .portfolio-footer .social-pending{color:#4b5563}
body .portfolio-footer .footer-bottom{border-top:1px solid #e5e7eb;padding:24px 0;color:#4b5563;font:400 12px/1.5 Geist,Arial,sans-serif}
body .portfolio-footer .footer-bottom .wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px}
body .portfolio-footer .footer-credits{display:flex;flex-wrap:wrap;gap:8px 16px}
body .portfolio-footer .footer-bottom a{color:#1d4ed8;font-weight:600}
body .portfolio-footer a:focus-visible{outline:2px solid #c2410c;outline-offset:4px}
body.payrentz-page .portfolio-footer{background:#fff}
body.payrentz-page .portfolio-footer .wrap{width:calc(100% - 2 * clamp(36px,7.5vw,128px));max-width:1184px}
body.payrentz-page .next-project{padding:56px clamp(36px,7.5vw,128px);background:#fff}
body.payrentz-page .next-project>a{display:block;max-width:1184px;margin:auto;padding:28px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;transition:border-color .2s,background .2s}
body.payrentz-page .next-project>a:hover{border-color:#c2410c;background:#fff0ea}
body.payrentz-page .next-project span{color:#c2410c;font:500 14px/1.5 Geist,Arial,sans-serif}
body.payrentz-page .next-project h2{font:500 clamp(23px,2.2vw,30px)/1.25 Geist,Arial,sans-serif;letter-spacing:-.02em;margin:12px 0 0}
.case-social-nav{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#c2410c;margin-bottom:20px}
@media(max-width:800px){body .portfolio-footer .wrap,body.payrentz-page .portfolio-footer .wrap{width:calc(100% - 40px)}body .portfolio-footer .footer-main{grid-template-columns:1fr;gap:34px;padding:62px 0 44px}body .portfolio-footer .footer-main h2{font-size:34px}body .portfolio-footer .footer-bottom .wrap>span{width:auto;order:initial}body.payrentz-page .next-project{padding:40px 20px}body.payrentz-page .next-project>a{padding:24px}.case-social-nav{margin:12px 0}}
@media(prefers-reduced-motion:reduce){body.payrentz-page .next-project>a{transition:none}}
body.about-page .card-top .spark{color:#ff5d22}
body.about-page .links a:hover,body.about-page .links .nav-email:hover,body.experiments-page .links a:hover,body.experiments-page .links .nav-email:hover{color:var(--orange-text)}
body.payrentz-page .live-link{background:#c2410c;color:#fff}
body.payrentz-page .live-link:hover{background:#9a3412}

/* About portrait enters once on page load, without changing its final layout. */
body.about-page .intro .portrait-wrap .portrait{animation:about-portrait-enter 1.1s cubic-bezier(.22,1,.36,1) .15s both;transform-origin:center}
@keyframes about-portrait-enter{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){body.about-page .intro .portrait-wrap .portrait{animation:none}}