/* Noor Muhammad — an evidence-led portfolio. */
:root{--paper:#fff;--paper-2:#f5f6f7;--paper-deep:#e9edf1;--ink:#182d3d;--ink-soft:#52616d;--pine:#182d3d;--pine-deep:#132736;--line:#dce2e7;--accent-warm:#955714;--sans:'DM Sans',system-ui,sans-serif;--serif:var(--sans);--display:var(--sans);--mono:'IBM Plex Mono',ui-monospace,monospace}
body{background:#fff;color:#182d3d;font:17px/1.65 var(--sans)}.shell,.wrap{width:min(1180px,90%);margin-inline:auto}h1,h2,h3,h4{font-family:var(--sans);font-style:normal;letter-spacing:-.035em}em{font-family:inherit!important;font-style:normal!important}a{transition:color .18s,background .18s,border-color .18s}a:focus-visible,button:focus-visible{outline:3px solid #955714;outline-offset:5px}.label,.eyebrow{font:500 11px/1.7 var(--mono);letter-spacing:.06em;color:#606c76;text-transform:uppercase}.site-nav{position:sticky;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid #e4e8eb}.site-nav>.shell{min-height:88px;gap:28px}.wordmark{font-size:18px;letter-spacing:-.025em;font-weight:600;gap:12px;line-height:1.35}.wordmark .brand-name{color:#182d3d}.brand-role{display:block!important;color:#606c76!important;font-size:11px;font-weight:400;letter-spacing:0;margin-top:3px}.header-portrait{width:44px;height:44px;border-radius:50%;object-fit:cover;border:0}.primary-menu{gap:32px}.primary-menu>a{font-size:14px;font-weight:500}.primary-menu .nav-contact{border:0;padding:0}.nav-contact span{margin-left:8px}.site-nav .primary-menu a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#955714}.intro{padding:76px 0 54px}.intro>.label{margin:0 0 24px;font-size:11px}.intro h1{font:500 clamp(2.5rem,4.5vw,4.15rem)/1.1 var(--sans);letter-spacing:-.05em;margin:0 0 30px;max-width:24ch}.intro h1 span{color:#955714;font-weight:500}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:48px}.intro-bottom>p{max-width:60ch;margin:0;color:#52616d;font-size:17px;line-height:1.75}.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;flex:0 0 auto}.project-button,.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border:1px solid #182d3d;border-radius:4px;background:#182d3d;color:#fff;font:500 14px/1.4 var(--sans);text-decoration:none;gap:12px;letter-spacing:0;white-space:normal}.project-button:hover,.action.solid:hover{background:#955714;border-color:#955714;color:#fff}.project-button.secondary{background:white;color:#182d3d;border-color:#b9c5ce}.text-link{font-size:14px;font-weight:500;line-height:1.5;color:#182d3d;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center}.text-link:hover{color:#955714}.selected-evidence{padding:12px 0 0}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #dce2e7;padding:26px 0 28px}.work-heading h2{font-size:18px;letter-spacing:-.02em;font-weight:500;margin:0}.work-heading p{font-size:13px;color:#606c76;margin:0}.evidence-project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:52px;align-items:center;margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid #dce2e7}.evidence-image{display:block;background:#f5f6f7;border:1px solid #dce2e7;border-radius:6px;overflow:hidden;box-shadow:0 5px 15px rgba(24,45,61,.045);transition:border-color .2s,box-shadow .2s}.evidence-image:hover{border-color:#afbdc8;box-shadow:0 9px 22px rgba(24,45,61,.085)}.evidence-image img{display:block;width:100%;height:auto;object-fit:contain;border:0}.browser-strip{display:flex;justify-content:space-between;gap:14px;padding:12px 15px;background:#f3f5f6;border-bottom:1px solid #dce2e7;font:400 11px/1.4 var(--mono);color:#586976;letter-spacing:0}.evidence-copy .label{margin:0 0 14px;font-size:10px}.evidence-copy h2{font:500 clamp(1.9rem,2.6vw,2.65rem)/1.15 var(--sans);letter-spacing:-.04em;margin:0 0 22px}.evidence-copy>p:not(.label){font-size:16px;color:#52616d;line-height:1.75;margin:0 0 22px}.role-line{margin:24px 0 0;padding-top:16px;border-top:1px solid #e3e7eb}.role-line dt{font:500 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:#606c76;margin-bottom:7px}.role-line dd{font-size:14px;line-height:1.55;margin:0;color:#182d3d}.evidence-copy>.project-status{font:400 12px/1.5 var(--sans);margin:12px 0 0;color:#606c76}.project-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.practice-projects{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:0 0 48px}.practice-projects>.practice-project+article{border-left:1px solid #dce2e7;padding-left:48px}.practice-project .label{font-size:10px;margin:0 0 18px}.practice-project h2{font:500 28px/1.2 var(--sans);letter-spacing:-.04em;margin:0 0 20px}.practice-project>p:not(.label){font-size:16px;color:#52616d;line-height:1.75;margin:0}.practice-project .role-line{border-top:0;padding-top:0}.collection-links{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #dce2e7;padding:23px 0;font-size:14px}.collection-links a{color:#52616d}.collection-links a:hover{color:#955714;text-decoration:underline;text-underline-offset:5px}.about-note{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;margin-top:60px;margin-bottom:70px;padding:40px 0;border-top:1px solid #dce2e7}.about-note h2{font:500 29px/1.2 var(--sans);letter-spacing:-.04em;margin:0}.about-note>div>p:not(.label){color:#52616d;font-size:18px;line-height:1.7;margin:0 0 20px}.site-contact{background:#f5f6f7;border-top:1px solid #e3e7eb}.site-contact .wrap{padding:48px 0 20px}.site-contact h2{font:500 clamp(2rem,3vw,2.8rem)/1.15 var(--sans);letter-spacing:-.04em;max-width:none;margin-bottom:22px}.site-contact .eyebrow{font-size:11px}.site-contact p{font-size:15px;line-height:1.75;max-width:70ch;margin-bottom:22px}.site-contact a.email{font:500 15px/1.6 var(--sans);border:0;padding:4px 0}.site-contact .linkedin-link{font-size:14px;border:0;padding:4px 0}.site-contact .contact-social{margin:8px 0 0}.site-contact .foot{margin-top:32px;padding-top:20px;border-color:#dce2e7;color:#606c76;font-size:12px}.site-contact .foot>a{color:#52616d}.compact-footer{border-top:1px solid #dce2e7;margin-top:50px;background:#f8f9fa}.compact-footer>.shell{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0}.compact-footer>.shell>div:first-child>a{font-size:14px;font-weight:500}.compact-footer>.shell>div:first-child>span{display:block;font-size:12px;color:#606c76;margin-top:4px}.footer-links{display:flex;gap:25px;font-size:14px}.compact-footer small{font-size:12px;color:#606c76}.compact-footer a:hover{color:#955714}.page-heading{padding:60px 0 38px}.page-heading h1{font:500 clamp(2.5rem,4vw,3.4rem)/1.15 var(--sans);letter-spacing:-.045em;margin-bottom:22px}.page-heading em{font-size:1em!important;font-weight:500!important;letter-spacing:inherit!important;line-height:inherit!important}.page-lede{font-size:18px;line-height:1.7;color:#52616d;max-width:64ch}.case-summary{margin-bottom:35px;padding:22px 0;border-block:1px solid #dce2e7;gap:35px}.case-summary dt{font:500 11px/1.5 var(--mono);color:#606c76;margin-bottom:8px}.case-summary dd{font-size:15px;line-height:1.5}.case-image{box-shadow:none;padding:12px;background:#f5f6f7;border-radius:5px;border-color:#dce2e7;margin-bottom:40px;max-width:960px}.case-image .browser-strip{border:0;padding:4px 5px 14px;background:transparent}.case-image figcaption{font-size:12px;line-height:1.5;padding:12px 3px 0;color:#606c76}.case-image>img{border-color:#e1e6ea}.case-body{max-width:960px}.case-body>section{grid-template-columns:1fr 2fr;gap:55px;padding:30px 0}.case-body h2{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em}.case-body p{font-size:17px;line-height:1.75;color:#52616d}.case-proof{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 30px;margin-top:5px;margin-bottom:25px;background:#f5f6f7;border:1px solid #e1e6ea;border-radius:4px;gap:35px}.case-proof strong{display:block;font:500 38px/1.15 var(--sans);letter-spacing:-.045em;color:#955714}.case-proof span{display:block;margin-top:8px;font-size:13px;color:#52616d}.course-count{display:flex;gap:16px;align-items:center;padding:25px 0;border-top:1px solid #dce2e7;margin-top:12px}.course-count strong{font-size:32px;color:#955714;font-weight:500;letter-spacing:-.04em}.course-count span{font-size:14px;color:#52616d}.case-takeaway{max-width:960px;padding:30px 0}.case-takeaway h2{font-size:22px;font-weight:500}.case-takeaway p{font-size:17px;color:#52616d;max-width:70ch}.section{padding:55px 0}.courses{background:#f5f6f7}.sec-head{margin-bottom:32px;max-width:800px}.sec-head .eyebrow{font-size:11px;color:#606c76;margin-bottom:13px}.sec-head h2{font:500 30px/1.2 var(--sans);letter-spacing:-.035em}.sec-head p{font-size:16px;line-height:1.75}.feature{gap:36px;margin-bottom:40px}.feature h3{font:500 25px/1.25 var(--sans);letter-spacing:-.035em}.feature p{font-size:16px}.feature .hint{font-size:13px}.feature .cap-label{font:500 10px/1.5 var(--mono);color:#606c76}.player{border-radius:4px;box-shadow:none}.player .pbtn span{width:60px;height:60px}.feature.reverse .player{order:0}.course-grid{gap:20px}.course{padding:26px;border-radius:4px;background:white;border:1px solid #dce2e7;box-shadow:none}.course:hover{transform:none;box-shadow:none}.course h3{font:500 23px/1.3 var(--sans)}.course p{font-size:16px;line-height:1.7}.course .top{font:500 10px/1.5 var(--mono);color:#606c76}.course .tag{font-size:11px;background:#f5f6f7;color:#606c76;border:0}.train-grid{grid-template-columns:1.5fr 1fr;gap:45px}.role{border-top:1px solid #dce2e7}.role h3{font:500 25px/1.3 var(--sans)}.role .org{font-size:14px}.role p{font-size:17px;line-height:1.75}.cap h4{font-size:18px;font-weight:500}.cap p{font-size:15px}.cap .idx{color:#606c76;font-size:11px}.aside{border:1px solid #dce2e7;border-radius:4px;padding:22px}.aside .cap-title{color:#606c76;font-size:11px}.aside dt,.aside dd{font-size:13px}.about-heading{grid-template-columns:minmax(0,1fr) 180px;gap:45px}.about-portrait img{width:180px;height:210px}.about-portrait::before{display:none}.about-portrait figcaption{font-size:12px;margin-top:10px}.bio-intro .lede{font-size:17px;line-height:1.75}.cred{font-size:12px;border:1px solid #dce2e7;padding:8px 11px;background:#f5f6f7}.about-grid{grid-template-columns:1.6fr 1fr;gap:45px}.about-body p{font-size:17px;line-height:1.8}.quote{padding:28px;border-radius:4px;background:#f5f6f7}.quote p{font:500 23px/1.5 var(--sans);color:#182d3d}.tool-grid{gap:28px 45px}.tool-group h4{font:500 11px/1.6 var(--mono);color:#606c76;margin-bottom:13px}.tool-group .items span{font-size:13px;border:1px solid #dce2e7;padding:6px 10px;border-radius:3px}.practice-context{max-width:960px;display:grid;grid-template-columns:1fr 2fr;gap:55px;padding:40px 0}.practice-context h2{font-size:22px;font-weight:500;margin:0}.practice-context p{font-size:17px;line-height:1.75;color:#52616d;margin:0 0 18px}.next-project{padding:35px 0}.video-library .hero{padding:52px 0;background:#fff;color:#182d3d}.video-library .hero h1{color:#182d3d;font:500 48px/1.12 var(--sans);letter-spacing:-.045em;margin:18px 0 25px}.video-library .hero h1 em{color:#182d3d}.video-library .eyebrow{color:#606c76;font-size:11px}.video-library .intro{font-size:18px;color:#52616d;padding:0}.video-library .hero-note{border-color:#dce2e7;color:#182d3d}.video-library .hero-note strong{font-size:21px;font-weight:500}.video-library .hero-note span{color:#606c76;font-size:11px}.video-library .gallery{padding:45px 0;background:#f5f6f7}.video-library .gallery-head h2{font-size:30px;font-weight:500}.video-library .gallery-head p:last-child{font-size:15px}.video-library .film{gap:35px;padding:36px 0}.video-library .film h3{font-size:25px;font-weight:500}.video-library .film p{font-size:16px}.video-library .end-card{background:#fff;border:1px solid #dce2e7;color:#182d3d;padding:30px;margin-top:30px}.video-library .end-card h2{font-size:25px;font-weight:500}.video-library .end-card p{color:#52616d;font-size:15px}.video-library .email{background:#182d3d;color:white;border-radius:4px;font-size:14px;font-weight:500}.video-library .screen{border:1px solid #dce2e7}.video-library .count{color:#606c76;font-size:10px}.video-library .meta span{font-size:11px;color:#52616d;background:white}.video-library .film+.film .screen{order:0}.video-library .film+.film{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr)}
@media(max-width:1050px){.intro-bottom{display:block}.intro-actions{margin-top:24px}.evidence-project{gap:30px}.evidence-copy h2{font-size:29px}.evidence-copy .project-actions{gap:14px}.practice-projects{gap:32px}.practice-projects>.practice-project+article{padding-left:30px}.about-note{gap:45px}.project-actions{flex-wrap:wrap}}
@media(max-width:760px){.site-nav>.shell{min-height:76px;gap:14px}.wordmark{font-size:16px;gap:10px}.brand-role{font-size:10px}.header-portrait{width:40px;height:40px}.menu-button{font-size:13px;padding:8px 11px;border:1px solid #b9c5ce}.primary-menu{top:76px}.primary-menu.open{grid-template-columns:repeat(3,1fr);gap:10px}.primary-menu>a{font-size:14px;padding:10px 5px;text-align:center}.primary-menu .nav-contact{padding:10px 5px}.intro{padding:43px 0 35px}.intro>.label{font-size:10px;line-height:1.8;max-width:40ch}.intro h1{font-size:clamp(2.15rem,6.7vw,3.3rem);line-height:1.15;letter-spacing:-.045em}.intro-bottom>p{font-size:16px}.intro-actions{gap:20px;margin-top:23px}.work-heading{display:block;padding:24px 0}.work-heading h2{font-size:18px;margin-bottom:7px}.work-heading p{font-size:12px}.evidence-project{grid-template-columns:1fr;gap:25px;margin-bottom:38px;padding-bottom:38px}.evidence-copy h2{font-size:29px;margin-bottom:16px}.evidence-copy>p:not(.label){font-size:16px;margin-bottom:16px}.evidence-copy .label{font-size:10px;margin-bottom:12px}.role-line{margin-top:18px}.role-line dd{font-size:13px}.project-actions{flex-direction:row;align-items:center;gap:16px;margin-top:23px}.project-button{font-size:13px;min-height:44px;padding:11px 15px}.text-link{font-size:13px}.browser-strip{font-size:10px;padding:10px 12px}.practice-projects{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.practice-projects>.practice-project+article{padding:30px 0 0;border-left:0;border-top:1px solid #dce2e7}.practice-project h2{font-size:27px}.collection-links{display:grid;gap:14px;font-size:13px}.about-note{grid-template-columns:1fr;gap:25px;margin-block:38px;padding:28px 0}.about-note h2{font-size:26px}.about-note>div>p:not(.label){font-size:16px}.site-contact .wrap{padding-top:38px}.site-contact h2{font-size:29px}.site-contact p{font-size:15px}.site-contact .foot{gap:14px;font-size:11px}.compact-footer{margin-top:30px}.compact-footer>.shell{display:block;padding:25px 0}.footer-links{margin:18px 0;font-size:13px;gap:22px;flex-wrap:wrap}.compact-footer small{font-size:11px}.page-heading{padding:40px 0 26px}.page-heading h1{font-size:clamp(2.25rem,7.5vw,3rem);line-height:1.15}.page-lede{font-size:16px}.case-summary{grid-template-columns:1fr;gap:15px;padding:20px 0}.case-summary>div{padding:0;border:0}.case-summary dt{margin-bottom:4px}.case-summary dd{font-size:14px}.case-image{padding:8px;margin-bottom:25px}.case-proof{gap:18px;padding:20px 15px;grid-template-columns:repeat(3,1fr)}.case-proof strong{font-size:29px}.case-proof span{font-size:11px}.case-body>section,.practice-context{grid-template-columns:1fr;gap:16px;padding:25px 0}.case-body h2{font-size:20px}.case-body p,.practice-context p{font-size:16px}.section{padding:35px 0}.sec-head h2{font-size:27px}.sec-head p{font-size:16px}.feature{grid-template-columns:1fr;gap:23px;margin-bottom:36px}.feature h3{font-size:24px}.train-grid,.about-grid{grid-template-columns:1fr;gap:25px}.about-heading{grid-template-columns:1fr 120px;gap:20px}.about-heading h1{font-size:27px}.about-portrait img{width:120px;height:150px}.about-portrait{width:120px}.about-portrait figcaption{font-size:11px}.bio-intro .lede,.about-body p{font-size:16px}.quote p{font-size:22px}.video-library .hero{padding:38px 0}.video-library .hero h1{font-size:36px}.video-library .gallery{padding:32px 0}.video-library .film,.video-library .film+.film{grid-template-columns:1fr}.video-library .hero-grid{gap:28px}.video-library .gallery-head h2{font-size:28px}.course{padding:23px}.course h3{font-size:23px}}
@media(max-width:380px){.brand-role{display:none!important}.wordmark{font-size:15px}.intro h1{font-size:2.05rem}.intro-actions{gap:15px}.about-heading{grid-template-columns:1fr}.case-proof{gap:12px}.case-proof strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* USAHello: program evidence, not decorative project imagery. */
.usahello-programs{border:1px solid #dce2e7;border-radius:5px;background:#f5f6f7;padding:25px}.usahello-programs>.label{margin:0 0 12px}.usahello-programs>a{display:block;padding:17px 0;border-top:1px solid #dce2e7}.usahello-programs>a>span{font-size:13px;color:#52616d;display:block}.usahello-programs strong{display:block;font:500 23px/1.4 var(--sans);letter-spacing:-.025em;color:#182d3d;margin:5px 0}.usahello-programs small{display:block;font-size:12px;line-height:1.6;color:#606c76}.usahello-programs>a:hover strong{color:#955714;text-decoration:underline;text-underline-offset:5px}.usahello-detail{max-width:960px;padding:36px 0;border-top:1px solid #dce2e7}.usahello-detail h2{font:500 28px/1.25 var(--sans);letter-spacing:-.035em;margin:0 0 20px}.usahello-detail>p:not(.label){font-size:17px;line-height:1.75;color:#52616d;max-width:70ch}.program-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:23px 0;margin:22px 0 0;border-top:1px solid #e1e6ea}.program-evidence dt{font:500 33px/1.2 var(--sans);color:#955714;letter-spacing:-.03em}.program-evidence dd{font-size:13px;color:#52616d;margin:8px 0 0}.usahello-detail .program-tools{font-size:13px!important;color:#606c76!important}.usahello-about{max-width:960px;padding:36px 0;border-top:1px solid #dce2e7}.usahello-about h2{font-size:24px;font-weight:500;line-height:1.35}.usahello-about p{font-size:17px;color:#52616d;max-width:70ch}@media(max-width:760px){.usahello-programs{padding:22px}.usahello-detail{padding:28px 0}.usahello-detail h2{font-size:25px}.usahello-detail>p:not(.label){font-size:16px}.program-evidence{gap:16px}.program-evidence dt{font-size:28px}.program-evidence dd{font-size:12px}}