/* /Pages/About.razor.rz.scp.css */
.about[b-kkxzbd7jrw] { max-width: 1240px; margin: auto; padding: 0 36px 80px; font-family: var(--font-site); }
h1[b-kkxzbd7jrw],h2[b-kkxzbd7jrw],h3[b-kkxzbd7jrw],p[b-kkxzbd7jrw],dl[b-kkxzbd7jrw] { margin: 0; }
p[b-kkxzbd7jrw] { color: #52605c; line-height: 1.7; }
h1[b-kkxzbd7jrw],h2[b-kkxzbd7jrw],h3[b-kkxzbd7jrw] { color: #202a29; font-weight: 500; letter-spacing: -.025em; }
.eyebrow[b-kkxzbd7jrw] { font: 11px/1.5 var(--font-site); text-transform: uppercase; letter-spacing: 1.5px; color: #36594e; margin-bottom: 24px; }
.hero[b-kkxzbd7jrw] { display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; align-items: center; padding: 80px 0 68px; }
h1[b-kkxzbd7jrw] { font-size: clamp(36px, 4.4vw, 59px); line-height: 1.1; }
h1 span[b-kkxzbd7jrw] { color: #467361; }
.intro[b-kkxzbd7jrw] { font-size: 17px; max-width: 600px; margin-top: 28px; }
.contact-button[b-kkxzbd7jrw] { display: inline-flex; align-items: center; gap: 32px; margin-top: 28px; background: #214d3f; color: #fff; padding: 16px 22px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 600; }
.contact-button:hover[b-kkxzbd7jrw] { background: #163a30; }
.profile-card[b-kkxzbd7jrw] { background: #203e35; background-image: radial-gradient(ellipse at 100% 0%, #3f6350, transparent 70%); border-radius: 8px; padding: 30px; color: #edf2e9; min-height: 370px; display: flex; flex-direction: column; justify-content: space-between; }
.profile-top[b-kkxzbd7jrw],.profile-bottom[b-kkxzbd7jrw] { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.monogram[b-kkxzbd7jrw] { font-size: 60px; font-weight: 600; letter-spacing: -.04em; }
.monogram span[b-kkxzbd7jrw] { color: #c9df9b; }
.profile-details[b-kkxzbd7jrw] { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 24px; }
.profile-details dt[b-kkxzbd7jrw] { font-size: 11px; color: #36594e; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
.profile-details dd[b-kkxzbd7jrw] { margin: 6px 0 0; font-size: 13px; line-height: 1.7; color: #52605c; }
.engineering-diagram[b-kkxzbd7jrw] { margin: 28px 0; }
.delivery-caption[b-kkxzbd7jrw] { color: #c9df9b; font: 11px/1.6 var(--font-site); letter-spacing: .04em; margin-bottom: 14px; }
.delivery-steps[b-kkxzbd7jrw] { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.delivery-steps li[b-kkxzbd7jrw] { position: relative; display: flex; align-items: center; gap: 14px; min-height: 42px; font: 14px/1.4 var(--font-site); }
.delivery-steps li:not(:last-child)[b-kkxzbd7jrw]::after { content: ""; position: absolute; top: 42px; left: 20px; height: 8px; border-left: 1px solid #91aa92; }
.step-symbol[b-kkxzbd7jrw] { width: 42px; height: 42px; flex-shrink: 0; display: grid; place-items: center; border: 1px solid #91aa92; border-radius: 10px; color: #d6e4d7; font-size: 11px; }
.delivery-steps .code-step[b-kkxzbd7jrw] { padding: 12px; margin: 0 -12px; background: #c9df9b; border-radius: 10px; color: #203e35; }
.code-step .step-symbol[b-kkxzbd7jrw] { background: #203e35; border-color: #203e35; color: #c9df9b; font-size: 11px; font-weight: 600; }
.delivery-steps .code-step[b-kkxzbd7jrw]::after { top: 66px; left: 32px; }
.delivery-steps small[b-kkxzbd7jrw] { display: block; font-size: 10px; letter-spacing: .04em; margin-top: 4px; }
.operations-step .step-symbol[b-kkxzbd7jrw] { background: #3f6350; color: #c9df9b; }
.profile-bottom[b-kkxzbd7jrw] { border-top: 1px solid #6b8472; padding-top: 22px; }
.profile-bottom p[b-kkxzbd7jrw] { color: #edf2e9; font-size: 17px; line-height: 1.4; }
.facts[b-kkxzbd7jrw] { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d8ded9; border-bottom: 1px solid #d8ded9; padding: 30px 0; }
.facts>div[b-kkxzbd7jrw] { padding-left: 32px; border-left: 1px solid #d8ded9; }
.facts>div:first-child[b-kkxzbd7jrw] { padding-left: 0; border: 0; }
.facts dt[b-kkxzbd7jrw] { font-size: 29px; letter-spacing: -1px; font-weight: 600; }
.facts dd[b-kkxzbd7jrw] { font-size: 13px; color: #52605c; margin: 8px 0 0; }
.section[b-kkxzbd7jrw] { padding: 76px 0; border-bottom: 1px solid #d8ded9; }
h2[b-kkxzbd7jrw] { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
h3[b-kkxzbd7jrw] { font-size: 21px; letter-spacing: -.025em; }
.expertise[b-kkxzbd7jrw],.journey[b-kkxzbd7jrw] { display: grid; grid-template-columns: 1fr 1.3fr; gap: 100px; }
.section-intro>p:not(.eyebrow)[b-kkxzbd7jrw] { margin-top: 24px; font-size: 15px; }
.expertise-list>div[b-kkxzbd7jrw] { display: flex; gap: 24px; padding: 28px 0; border-bottom: 1px solid #d8ded9; }
.expertise-list>div:first-child[b-kkxzbd7jrw] { padding-top: 0; }
.expertise-list>div:last-child[b-kkxzbd7jrw] { padding-bottom: 0; border: 0; }
.item-number[b-kkxzbd7jrw] { font: 12px var(--font-site); color: #467361; padding-top: 5px; }
.expertise-list p[b-kkxzbd7jrw] { font-size: 14px; margin-top: 12px; }
.tags[b-kkxzbd7jrw] { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0 0; }
.tags li[b-kkxzbd7jrw] { border: 1px solid #cbd5cc; border-radius: 3px; padding: 5px 9px; font: 10px/1.4 var(--font-site); color: #3f5e50; }
.section-heading[b-kkxzbd7jrw] { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 32px; }
.section-heading>p[b-kkxzbd7jrw] { max-width: 275px; font-size: 14px; }
.project-grid[b-kkxzbd7jrw] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.project-card[b-kkxzbd7jrw] { background: #eaf0e8; padding: 28px; border-radius: 6px; display: flex; flex-direction: column; }
.project-category[b-kkxzbd7jrw] { font: 10px/1.6 var(--font-site); text-transform: uppercase; letter-spacing: .6px; margin-bottom: 32px; color: #3d5e50; }
.project-card>p:not(.project-category):not(.project-stack)[b-kkxzbd7jrw] { font-size: 14px; margin: 16px 0 28px; }
.project-stack[b-kkxzbd7jrw] { border-top: 1px solid #c7d4c6; padding-top: 16px; font: 10px/1.8 var(--font-site); color: #3d5e50; margin-top: auto; }
.timeline[b-kkxzbd7jrw] { list-style: none; padding: 0; margin: 0; }
.timeline li[b-kkxzbd7jrw] { display: grid; grid-template-columns: 110px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid #d8ded9; }
.timeline li:first-child[b-kkxzbd7jrw] { padding-top: 0; }
.timeline li:last-child[b-kkxzbd7jrw] { border: 0; }
.timeline li>span[b-kkxzbd7jrw] { color: #467361; font: 11px/1.8 var(--font-site); padding-top: 3px; }
.timeline h3[b-kkxzbd7jrw] { font-size: 17px; }
.timeline p[b-kkxzbd7jrw] { font-size: 13px; margin-top: 7px; }
.contact-panel[b-kkxzbd7jrw] { background: #203e35; border-radius: 8px; padding: 48px; margin-top: 64px; display: flex; align-items: center; gap: 64px; justify-content: space-between; }
.contact-panel>div[b-kkxzbd7jrw] { max-width: 570px; }
.contact-panel h2[b-kkxzbd7jrw] { color: #edf2e9; }
.contact-panel .eyebrow[b-kkxzbd7jrw] { color: #c9df9b; }
.contact-panel p:not(.eyebrow)[b-kkxzbd7jrw] { color: #d6e4d7; font-size: 14px; margin-top: 20px; }
.contact-panel>a[b-kkxzbd7jrw] { color: #edf2e9; font-size: 16px; text-decoration: none; border-bottom: 1px solid #91aa92; padding: 12px 0; white-space: nowrap; }
.contact-panel>a:hover[b-kkxzbd7jrw] { color: #c9df9b; }
.contact-panel>a span[b-kkxzbd7jrw] { margin-left: 12px; }
a:focus-visible[b-kkxzbd7jrw] { outline: 3px solid #8b6125; outline-offset: 5px; }
@media(max-width: 1050px) { .hero[b-kkxzbd7jrw] { gap: 32px; } .profile-card[b-kkxzbd7jrw] { padding: 24px; } .expertise[b-kkxzbd7jrw],.journey[b-kkxzbd7jrw] { gap: 48px; } .contact-panel[b-kkxzbd7jrw] { flex-direction: column; align-items: flex-start; gap: 24px; } }
@media(max-width: 767px) { .about[b-kkxzbd7jrw] { padding: 0 24px 48px; } .hero[b-kkxzbd7jrw] { grid-template-columns: 1fr; padding: 48px 0 40px; gap: 36px; } h1[b-kkxzbd7jrw] { font-size: clamp(34px, 7vw, 46px); } .profile-card[b-kkxzbd7jrw] { min-height: 320px; } .facts[b-kkxzbd7jrw] { padding: 24px 0; } .facts dt[b-kkxzbd7jrw] { font-size: 20px; } .facts dd[b-kkxzbd7jrw] { font-size: 11px; } .facts>div[b-kkxzbd7jrw] { padding-left: 14px; padding-right: 8px; } .section[b-kkxzbd7jrw] { padding: 48px 0; } .expertise[b-kkxzbd7jrw],.journey[b-kkxzbd7jrw] { grid-template-columns: 1fr; gap: 32px; } .section-heading[b-kkxzbd7jrw] { align-items: flex-start; flex-direction: column; gap: 20px; } .project-grid[b-kkxzbd7jrw] { grid-template-columns: 1fr; } .project-category[b-kkxzbd7jrw] { margin-bottom: 20px; } .contact-panel[b-kkxzbd7jrw] { padding: 28px; margin-top: 40px; } .contact-panel>a[b-kkxzbd7jrw] { font-size: 14px; white-space: normal; overflow-wrap: anywhere; } .eyebrow[b-kkxzbd7jrw] { margin-bottom: 18px; } }

.timeline .company-link[b-kkxzbd7jrw] { color: inherit; text-decoration: underline; text-decoration-color: #a5b7aa; text-underline-offset: 3px; }
.timeline .company-link:hover[b-kkxzbd7jrw] { color: #214d3f; text-decoration-color: currentColor; }
.timeline .company-link:focus-visible[b-kkxzbd7jrw] { outline: 2px solid #467361; outline-offset: 4px; border-radius: 2px; }
.timeline .external-link-icon[b-kkxzbd7jrw] { display: inline-block; font-size: 11px; margin-left: 2px; }

.timeline .freelance-customers[b-kkxzbd7jrw] { display: flex; flex-wrap: wrap; gap: 12px 30px; }
/* /Pages/Index.razor.rz.scp.css */
.home[b-64atiy9vub] { max-width:1240px; margin:auto; padding:0 36px 80px; }
h1[b-64atiy9vub],h2[b-64atiy9vub],h3[b-64atiy9vub],p[b-64atiy9vub],dl[b-64atiy9vub] { margin:0; }
h1[b-64atiy9vub],h2[b-64atiy9vub],h3[b-64atiy9vub] { color:#202a29; font-weight:500; letter-spacing:-.025em; }
p[b-64atiy9vub] { color:#52605c; line-height:1.7; }
.eyebrow[b-64atiy9vub] { font-size:11px; text-transform:uppercase; letter-spacing:1.3px; color:#36594e; margin-bottom:22px; }
.home-hero[b-64atiy9vub] { display:grid; grid-template-columns:1.45fr 1fr; gap:64px; align-items:center; padding:80px 0 68px; }
h1[b-64atiy9vub] { font-size:clamp(38px,4.5vw,64px); line-height:1.08; }
h1 span[b-64atiy9vub] { color:#467361; }
.intro[b-64atiy9vub] { margin-top:28px; font-size:18px; max-width:620px; }
.actions[b-64atiy9vub] { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
.button[b-64atiy9vub] { display:inline-flex; padding:16px 22px; border-radius:4px; background:#214d3f; color:#fff; font-size:14px; text-decoration:none; }
.button:hover[b-64atiy9vub] { background:#163a30; color:#fff; }
.text-link[b-64atiy9vub] { color:#214d3f; font-size:14px; text-decoration:none; border-bottom:1px solid #91aa92; padding-bottom:6px; }
.engineering-card[b-64atiy9vub] { background:#203e35 radial-gradient(ellipse at 100% 0%,#3f6350,transparent 70%); color:#edf2e9; border-radius:8px; padding:32px; }
.card-top[b-64atiy9vub] { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#c9df9b; }
.card-top>span:first-child[b-64atiy9vub] { font-size:48px; font-weight:600; letter-spacing:-.06em; }
.engineering-card p[b-64atiy9vub] { color:#d6e4d7; font-size:13px; margin:24px 0 12px; }
.engineering-card ul[b-64atiy9vub] { list-style:none; padding:0; margin:0; }
.engineering-card li[b-64atiy9vub] { border-top:1px solid #6b8472; padding:18px 0; font-size:17px; }
.engineering-card small[b-64atiy9vub] { display:block; margin-top:5px; font-size:11px; color:#d6e4d7; }
.engineering-card .card-note[b-64atiy9vub] { border-top:1px solid #6b8472; padding-top:18px; color:#c9df9b; font-size:12px; margin:0; }
.facts[b-64atiy9vub] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid #d8ded9; padding:30px 0; }
.facts>div[b-64atiy9vub] { padding:0 24px; border-left:1px solid #d8ded9; }
.facts>div:first-child[b-64atiy9vub] { padding-left:0; border:0; }
.facts dt[b-64atiy9vub] { font-size:28px; font-weight:500; letter-spacing:-.03em; }
.facts dd[b-64atiy9vub] { margin:8px 0 0; font-size:13px; color:#52605c; }
.home-section[b-64atiy9vub] { padding:72px 0; border-bottom:1px solid #d8ded9; }
.section-heading[b-64atiy9vub] { display:flex; align-items:end; justify-content:space-between; gap:32px; }
.section-heading>div[b-64atiy9vub] { max-width:720px; }
.section-heading>a[b-64atiy9vub] { flex-shrink:0; }
h2[b-64atiy9vub] { font-size:clamp(28px,3vw,40px); line-height:1.15; }
h3[b-64atiy9vub] { font-size:23px; line-height:1.25; }
.service-grid[b-64atiy9vub],.work-grid[b-64atiy9vub] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:32px; }
.service-grid>div[b-64atiy9vub] { border-top:1px solid #c7d4c6; padding-top:22px; }
.number[b-64atiy9vub] { color:#467361; font-size:11px; display:block; margin-bottom:20px; }
.service-grid p[b-64atiy9vub] { margin-top:16px; font-size:15px; }
.work-card[b-64atiy9vub] { display:flex; flex-direction:column; padding:28px; background:#eaf0e8; border-radius:6px; text-decoration:none; }
.category[b-64atiy9vub] { font-size:11px; color:#36594e; margin-bottom:28px; }
.work-card>p:not(.category)[b-64atiy9vub] { font-size:14px; margin:16px 0 28px; }
.work-card>span[b-64atiy9vub] { margin-top:auto; padding-top:16px; border-top:1px solid #c7d4c6; font-size:11px; color:#36594e; }
.featured[b-64atiy9vub],.work-card:hover[b-64atiy9vub],.work-card:focus-visible[b-64atiy9vub] { background:#203e35 radial-gradient(ellipse at 100% 0%,#3f6350,transparent 70%); }
.featured h3[b-64atiy9vub],.work-card:hover h3[b-64atiy9vub],.work-card:focus-visible h3[b-64atiy9vub] { color:#edf2e9; }
.featured p[b-64atiy9vub],.work-card:hover p[b-64atiy9vub],.work-card:focus-visible p[b-64atiy9vub] { color:#d6e4d7; }
.featured .category[b-64atiy9vub],.featured>span[b-64atiy9vub],.work-card:hover>span[b-64atiy9vub],.work-card:focus-visible>span[b-64atiy9vub] { color:#c9df9b; border-color:#6b8472; }
.industries[b-64atiy9vub] { margin-top:22px; font-size:13px; }
.delivery[b-64atiy9vub] { display:grid; grid-template-columns:1.4fr 1fr; gap:80px; }
.delivery>div>p:not(.eyebrow)[b-64atiy9vub] { margin:24px 0; font-size:15px; }
.delivery ol[b-64atiy9vub] { list-style:none; counter-reset:stage; margin:0; padding:0; }
.delivery li[b-64atiy9vub] { counter-increment:stage; padding:18px 0; border-bottom:1px solid #d8ded9; font-size:17px; color:#214d3f; }
.delivery li[b-64atiy9vub]::before { content:"0" counter(stage); font-size:11px; margin-right:24px; color:#467361; }
.home-contact[b-64atiy9vub] { background:#203e35; border-radius:8px; padding:48px; margin-top:64px; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.home-contact>div[b-64atiy9vub] { max-width:720px; }
.home-contact h2[b-64atiy9vub] { color:#edf2e9; }
.home-contact .eyebrow[b-64atiy9vub] { color:#c9df9b; }
.home-contact p:not(.eyebrow)[b-64atiy9vub] { color:#d6e4d7; font-size:15px; margin-top:22px; }
.home-contact .button[b-64atiy9vub] { background:#c9df9b; color:#203e35; flex-shrink:0; }
a:focus-visible[b-64atiy9vub] { outline:3px solid #8b6125; outline-offset:5px; }
@media(max-width:1000px) { .home-hero[b-64atiy9vub] { gap:32px; } .engineering-card[b-64atiy9vub] { padding:24px; } .delivery[b-64atiy9vub] { gap:40px; } .home-contact[b-64atiy9vub] { flex-direction:column; align-items:flex-start; gap:28px; } }
@media(max-width:767px) { .home[b-64atiy9vub] { padding:0 24px 48px; } .home-hero[b-64atiy9vub] { grid-template-columns:1fr; padding:48px 0 40px; gap:36px; } .intro[b-64atiy9vub] { font-size:16px; } .facts[b-64atiy9vub] { grid-template-columns:1fr; gap:20px; padding:24px 0; } .facts>div[b-64atiy9vub] { padding:0; border:0; } .facts dt[b-64atiy9vub] { font-size:24px; } .home-section[b-64atiy9vub] { padding:48px 0; } .section-heading[b-64atiy9vub] { flex-direction:column; align-items:flex-start; gap:24px; } .service-grid[b-64atiy9vub],.work-grid[b-64atiy9vub],.delivery[b-64atiy9vub] { grid-template-columns:1fr; } .service-grid[b-64atiy9vub] { gap:32px; } .home-contact[b-64atiy9vub] { padding:28px; margin-top:40px; } }

.cv-downloads[b-64atiy9vub] { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 0; border-bottom:1px solid #d8ded9; }
.cv-downloads h2[b-64atiy9vub] { font-size:22px; }
.cv-downloads p[b-64atiy9vub] { font-size:13px; margin-top:8px; }
.cv-links[b-64atiy9vub] { display:flex; flex-wrap:wrap; gap:12px; }
.cv-links a[b-64atiy9vub] { display:inline-flex; align-items:center; gap:20px; border:1px solid #91aa92; border-radius:4px; padding:13px 18px; color:#214d3f; font-size:13px; text-decoration:none; }
.cv-links a:hover[b-64atiy9vub] { background:#eaf0e8; }
.cv-links span[b-64atiy9vub] { font-size:10px; }
@media(max-width:767px) { .cv-downloads[b-64atiy9vub] { flex-direction:column; align-items:flex-start; } .cv-links[b-64atiy9vub] { width:100%; } .cv-links a[b-64atiy9vub] { flex:1; justify-content:space-between; } }
/* /Pages/Portfolio.razor.rz.scp.css */
.portfolio[b-4us39fsl9d] { max-width: 1240px; margin: auto; padding: 0 36px 80px; }
h1[b-4us39fsl9d],h2[b-4us39fsl9d],p[b-4us39fsl9d] { margin: 0; }
h1[b-4us39fsl9d],h2[b-4us39fsl9d] { color: #202a29; font-weight: 500; letter-spacing: -.025em; }
p[b-4us39fsl9d] { color: #52605c; line-height: 1.7; }
.eyebrow[b-4us39fsl9d] { font: 11px/1.6 var(--font-site); text-transform: uppercase; letter-spacing: 1.5px; color: #36594e; margin-bottom: 22px; }
.portfolio-intro[b-4us39fsl9d] { display: grid; grid-template-columns: 1.6fr 1fr; gap: 80px; align-items: center; padding: 72px 0 60px; }
h1[b-4us39fsl9d] { font-size: clamp(42px, 5vw, 64px); line-height: 1.05; }
.lead-copy[b-4us39fsl9d] { font-size: clamp(23px, 3vw, 34px); letter-spacing: -.035em; color: #467361; font-weight: 600; margin-top: 18px; line-height: 1.2; }
.intro-copy[b-4us39fsl9d] { font-size: 16px; margin-top: 24px; max-width: 650px; }
.overview[b-4us39fsl9d] { border-left: 1px solid #cbd5cc; padding-left: 48px; }
.project-count[b-4us39fsl9d] { font: 72px/1.1 var(--font-site); color: #214d3f; letter-spacing: -.04em; }
.overview p[b-4us39fsl9d] { margin: 12px 0 20px; font-size: 14px; max-width: 230px; }
.project-grid[b-4us39fsl9d] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.project-card[b-4us39fsl9d] { background: #eaf0e8; border-radius: 6px; padding: 36px; display: flex; flex-direction: column; }
.project-meta[b-4us39fsl9d] { display: flex; justify-content: space-between; gap: 16px; font: 11px/1.7 var(--font-site); color: #3d5e50; margin-bottom: 30px; }
.project-meta>span:last-child[b-4us39fsl9d] { white-space: nowrap; }
.project-card h2[b-4us39fsl9d] { font-size: 28px; line-height: 1.2; }
.project-title[b-4us39fsl9d] { font-size: 19px; color: #36594e; line-height: 1.4; margin-top: 10px; letter-spacing: -.02em; }
.project-role[b-4us39fsl9d] { font: 11px/1.7 var(--font-site); margin-top: 16px; }
.project-description[b-4us39fsl9d] { margin-top: 20px; font-size: 15px; }
.project-tags[b-4us39fsl9d] { list-style: none; display: flex; flex-wrap: wrap; gap: 7px; padding: 24px 0 0; margin: 24px 0 0; border-top: 1px solid #c7d4c6; }
.project-tags li[b-4us39fsl9d] { font: 11px/1.5 var(--font-site); border: 1px solid #c7d4c6; border-radius: 3px; padding: 5px 9px; color: #3d5e50; }
.featured[b-4us39fsl9d] { grid-column: 1 / -1; background: #203e35; background-image: radial-gradient(ellipse at 100% 0%, #3f6350, transparent 70%); padding: 44px; }
.featured h2[b-4us39fsl9d] { color: #edf2e9; font-size: 36px; }
.featured .project-title[b-4us39fsl9d],.featured .project-meta[b-4us39fsl9d] { color: #c9df9b; }
.featured .project-description[b-4us39fsl9d],.featured .project-role[b-4us39fsl9d] { color: #d6e4d7; max-width: 800px; }
.featured .project-tags[b-4us39fsl9d] { border-color: #6b8472; }
.featured .project-tags li[b-4us39fsl9d] { border-color: #6b8472; color: #edf2e9; }
.portfolio-contact[b-4us39fsl9d] { border-top: 1px solid #cbd5cc; margin-top: 60px; padding-top: 48px; display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.portfolio-contact>div[b-4us39fsl9d] { max-width: 620px; }
.portfolio-contact h2[b-4us39fsl9d] { font-size: 32px; line-height: 1.2; }
.portfolio-contact p:not(.eyebrow)[b-4us39fsl9d] { font-size: 15px; margin-top: 16px; }
.portfolio-contact a[b-4us39fsl9d] { display: inline-flex; align-items: center; gap: 30px; background: #214d3f; color: #fff; text-decoration: none; padding: 16px 22px; font-size: 14px; font-weight: 600; border-radius: 4px; white-space: nowrap; }
.portfolio-contact a:hover[b-4us39fsl9d] { background: #163a30; }
@media(max-width: 900px) { .portfolio-intro[b-4us39fsl9d] { gap: 40px; } .overview[b-4us39fsl9d] { padding-left: 28px; } .project-card[b-4us39fsl9d] { padding: 28px; } .project-meta[b-4us39fsl9d] { flex-direction: column; gap: 4px; } .portfolio-contact[b-4us39fsl9d] { align-items: flex-start; flex-direction: column; gap: 24px; } }
@media(max-width: 600px) { .portfolio[b-4us39fsl9d] { padding: 0 24px 48px; } .portfolio-intro[b-4us39fsl9d] { grid-template-columns: 1fr; gap: 28px; padding: 48px 0 36px; } .overview[b-4us39fsl9d] { display: none; } .project-grid[b-4us39fsl9d] { grid-template-columns: 1fr; gap: 18px; } .project-card[b-4us39fsl9d],.featured[b-4us39fsl9d] { padding: 26px; } .project-card h2[b-4us39fsl9d],.featured h2[b-4us39fsl9d] { font-size: 27px; } .project-title[b-4us39fsl9d] { font-size: 18px; } .project-description[b-4us39fsl9d] { font-size: 14px; } .project-meta[b-4us39fsl9d] { margin-bottom: 20px; } .portfolio-contact[b-4us39fsl9d] { margin-top: 40px; padding-top: 36px; } .portfolio-contact h2[b-4us39fsl9d] { font-size: 28px; } }

/* Keep the featured palette consistent for pointer and keyboard exploration. */
.project-card:is(:hover, :focus-visible)[b-4us39fsl9d] { background: #203e35; background-image: radial-gradient(ellipse at 100% 0%, #3f6350, transparent 70%); }
.project-card:is(:hover, :focus-visible) h2[b-4us39fsl9d] { color: #edf2e9; }
.project-card:is(:hover, :focus-visible) .project-title[b-4us39fsl9d],
.project-card:is(:hover, :focus-visible) .project-meta[b-4us39fsl9d] { color: #c9df9b; }
.project-card:is(:hover, :focus-visible) .project-description[b-4us39fsl9d],
.project-card:is(:hover, :focus-visible) .project-role[b-4us39fsl9d] { color: #d6e4d7; }
.project-card:is(:hover, :focus-visible) .project-tags[b-4us39fsl9d],
.project-card:is(:hover, :focus-visible) .project-tags li[b-4us39fsl9d] { border-color: #6b8472; }
.project-card:is(:hover, :focus-visible) .project-tags li[b-4us39fsl9d] { color: #edf2e9; }
.project-card:focus-visible[b-4us39fsl9d] { outline: 3px solid #467361; outline-offset: 4px; }

.category-filters[b-4us39fsl9d] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.category-filters a[b-4us39fsl9d] { padding: 10px 15px; border: 1px solid #c7d4c6; border-radius: 24px; color: #214d3f; font-size: 13px; text-decoration: none; line-height: 1.4; }
.category-filters a:hover[b-4us39fsl9d] { background: #eaf0e8; }
.category-filters a[aria-current="true"][b-4us39fsl9d] { background: #203e35; border-color: #203e35; color: #edf2e9; }
.category-filters a:focus-visible[b-4us39fsl9d] { outline: 3px solid #467361; outline-offset: 3px; }
.filter-count[b-4us39fsl9d] { font-size: 12px; margin-bottom: 22px; }
/* /Shared/MainLayout.razor.rz.scp.css */
.site-shell[b-giw3u5bafn] { min-height: 100vh; display: flex; flex-direction: column; background: #f6f6f2; color: #202a29; }
main[b-giw3u5bafn] { flex: 1; }
.page-enter[b-giw3u5bafn] { animation: page-arrive-b-giw3u5bafn 180ms ease-out; }
.page-enter[b-giw3u5bafn]  .home > *,
.page-enter[b-giw3u5bafn]  .about > *,
.page-enter[b-giw3u5bafn]  .portfolio > * { animation: section-arrive-b-giw3u5bafn 360ms cubic-bezier(.2,.7,.2,1) both; }
.page-enter[b-giw3u5bafn]  .home > :nth-child(2),
.page-enter[b-giw3u5bafn]  .about > :nth-child(2),
.page-enter[b-giw3u5bafn]  .portfolio > :nth-child(2) { animation-delay: 35ms; }
.page-enter[b-giw3u5bafn]  .home > :nth-child(n+3),
.page-enter[b-giw3u5bafn]  .about > :nth-child(n+3),
.page-enter[b-giw3u5bafn]  .portfolio > :nth-child(n+3) { animation-delay: 70ms; }
@keyframes page-arrive-b-giw3u5bafn { from { opacity: .7; } to { opacity: 1; } }
@keyframes section-arrive-b-giw3u5bafn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce), print {
    .page-enter[b-giw3u5bafn],
    .page-enter[b-giw3u5bafn]  .home > *,
    .page-enter[b-giw3u5bafn]  .about > *,
    .page-enter[b-giw3u5bafn]  .portfolio > * { animation: none; }
}
header[b-giw3u5bafn] { border-bottom: 1px solid #d8ded9; }
.navbar[b-giw3u5bafn] { max-width: 1240px; margin: auto; padding: 22px 36px; }
.container-fluid[b-giw3u5bafn] { padding: 0; }
.navbar-collapse[b-giw3u5bafn] { justify-content: flex-end; }
.wordmark[b-giw3u5bafn] { display: inline-flex; align-items: center; gap: 12px; color: #202a29; text-decoration: none; font-size: 23px; font-weight: 600; letter-spacing: -.8px; }
.brand-copy[b-giw3u5bafn] { display: block; }
.brand-subtitle[b-giw3u5bafn] { display: block; font: 12px/1.6 var(--font-site); letter-spacing: 0; color: #52605c; }
.brand-logo[b-giw3u5bafn] { display: block; width: 42px; height: 31px; flex-shrink: 0; animation: logo-arrive-b-giw3u5bafn 400ms ease-out both; }
.logo-dot[b-giw3u5bafn] { transform-box: fill-box; transform-origin: center; animation: dot-arrive-b-giw3u5bafn 500ms ease-out 150ms both; }
@keyframes logo-arrive-b-giw3u5bafn { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@keyframes dot-arrive-b-giw3u5bafn { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce), print { .brand-logo[b-giw3u5bafn], .logo-dot[b-giw3u5bafn] { animation: none; } }
@media(max-width: 400px) {
    .wordmark[b-giw3u5bafn] { gap: 8px; font-size: 20px; }
    .brand-logo[b-giw3u5bafn] { width: 32px; height: 24px; }
    .brand-subtitle[b-giw3u5bafn] { font-size: 10px; }
}
.navbar[b-giw3u5bafn]  .nav-link { color: #4d5b57; margin-left: 24px; font-size: 16px; font-weight: 600; padding: 10px 0; }
.navbar[b-giw3u5bafn]  .nav-link:hover, .navbar[b-giw3u5bafn]  .nav-link.active { color: #174f43; }
.navbar[b-giw3u5bafn]  .nav-link.active { box-shadow: inset 0 -2px #174f43; }
.site-footer[b-giw3u5bafn] { border-top: 1px solid #d8ded9; }
.footer-inner[b-giw3u5bafn] { max-width: 1240px; padding: 28px 36px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-size: 13px; color: #52605c; }
.language-switch[b-giw3u5bafn], .legal-links[b-giw3u5bafn] { display: flex; gap: 16px; align-items: center; }
footer[b-giw3u5bafn]  a { color: #52605c; text-decoration: none; padding: 10px 0; }
footer[b-giw3u5bafn]  a:hover { text-decoration: underline; }
.language-switch a[aria-current][b-giw3u5bafn] { color: #174f43; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
@media(max-width: 991.98px) { .navbar[b-giw3u5bafn] { padding: 18px 24px; } .navbar[b-giw3u5bafn]  .nav-link { margin: 0; padding: 14px 0; } .navbar-collapse[b-giw3u5bafn] { padding-top: 20px; } }
@media(max-width: 600px) { .footer-inner[b-giw3u5bafn] { padding: 24px; flex-direction: column; align-items: flex-start; gap: 8px; } }