:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f1e8;--ink:#151515;--muted:#5c615d;--paper:#fffdf7;--line:#242424;--mint:#7ae7c7;--coral:#ff6b4a;--yellow:#ffd166;--blue:#2d7ff9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page{background:linear-gradient(135deg, #ff6b4a33 0 16%, transparent 16% 100%), linear-gradient(315deg, #7ae7c752 0 22%, transparent 22% 100%), var(--background);min-height:100vh}.portfolio{width:min(1180px,100% - 36px);min-height:100vh;margin:0 auto;padding:24px 0 34px}.topbar{border:2px solid var(--line);background:var(--paper);box-shadow:6px 6px 0 var(--line);justify-content:flex-start;align-items:center;gap:18px;padding:12px 14px 12px 18px;font-size:14px;font-weight:800;display:flex}.hero-actions a{border:2px solid var(--line);background:var(--ink);color:#fff;min-height:42px;box-shadow:4px 4px 0 var(--coral);justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.hero{grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);align-items:stretch;gap:18px;margin-top:26px;display:grid}.hero-copy,.contact-panel,.profile-block,.services-block,.projects-block,.flow-strip{border:2px solid var(--line);background:var(--paper);box-shadow:7px 7px 0 var(--line)}.hero-copy{padding:clamp(30px,5vw,58px);position:relative;overflow:hidden}.hero-copy:after{border:2px solid var(--line);background:linear-gradient(90deg, transparent 46%, var(--line) 46% 54%, transparent 54%), linear-gradient(0deg, transparent 46%, var(--line) 46% 54%, transparent 54%), var(--yellow);content:"";width:220px;height:220px;position:absolute;bottom:-58px;right:-46px;transform:rotate(12deg)}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{z-index:1;max-width:850px;margin-bottom:20px;font-size:clamp(42px,7vw,78px);line-height:.95;position:relative}h2{margin-bottom:14px;font-size:clamp(28px,4vw,44px);line-height:1.02}h3{margin-bottom:12px;font-size:21px;line-height:1.1}p{color:var(--muted);line-height:1.65}.intro{z-index:1;max-width:720px;margin-bottom:26px;font-size:19px;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.hero-actions a:nth-child(2){background:var(--mint);color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.contact-panel{background:var(--ink);color:#fff;box-shadow:7px 7px 0 var(--coral);flex-direction:column;justify-content:space-between;padding:30px;display:flex}.contact-panel h2{color:#fff;font-size:24px}.contact-list{gap:12px;display:grid}.contact-list p{color:#f4f4f4;overflow-wrap:normal;background:#ffffff14;border:1px solid #ffffff47;margin:0;padding:13px;font-size:17px}.contact-list p:nth-child(2){white-space:nowrap;font-size:16px}.contact-list span{color:var(--mint);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.flow-strip{background:var(--yellow);grid-template-columns:repeat(4,1fr);gap:0;margin-top:18px;display:grid;overflow:hidden}.flow-strip div{border-right:2px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:16px 20px;display:flex}.flow-strip div:last-child{border-right:0}.flow-strip strong{font-size:28px}.flow-strip span{text-transform:uppercase;font-size:14px;font-weight:900}.main-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;margin-top:18px;display:grid}.profile-block{background:var(--mint);padding:30px}.profile-block p:last-child{color:#19352e;margin-bottom:0;font-size:17px}.services-block{background:var(--paper);padding:30px}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.services span{border:2px solid var(--line);min-height:74px;color:var(--ink);box-shadow:4px 4px 0 var(--yellow);background:#fff;padding:16px;font-weight:800}.projects-block{background:#171717;grid-column:1/-1;padding:30px}.projects-heading{grid-template-columns:minmax(160px,.34fr) minmax(0,.66fr);align-items:end;gap:18px;display:grid}.projects-block h2,.projects-block h3{color:#fff}.projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.project-card{background:#242424;border:2px solid #fff;min-height:240px;padding:20px}.project-card:nth-child(2){margin-top:34px}.project-card:nth-child(3){background:#123d35}.project-card:nth-child(4){background:#263b67;margin-top:-18px}.project-card span{color:var(--yellow);text-transform:uppercase;border:1px solid #ffffff8c;margin-bottom:24px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.project-card p{color:#d7d7d7;margin-bottom:0}@media (max-width:900px){.hero,.main-grid,.projects-heading{grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(2),.project-card:nth-child(4){margin-top:0}}@media (max-width:620px){.portfolio{width:min(100% - 28px,1180px);padding-top:16px}.topbar{flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr}.hero-copy,.contact-panel,.profile-block,.services-block,.projects-block{padding:22px}.flow-strip,.services,.projects{grid-template-columns:1fr}.flow-strip div{border-right:0;border-bottom:2px solid var(--line)}.flow-strip div:last-child{border-bottom:0}.hero-copy:after{width:145px;height:145px}}