:root{--page-bg:#061421;--panel-bg:#fffffff0;--text-main:#172219;--text-muted:#172219a8;--ribbon-bg:#061421f5;--top-bar-height:62px;--top-stripe-height:2px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at top left, #39a8ff29, transparent 36%), radial-gradient(circle at bottom right, #01564033, transparent 34%), var(--page-bg);color:#fff;font-family:Montserrat,Arial,sans-serif}button,a{font:inherit}a{color:inherit}.portfolio-page{flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.top-bar{height:var(--top-bar-height);flex:0 0 var(--top-bar-height);background:var(--ribbon-bg);justify-content:space-between;align-items:center;gap:24px;padding:0 24px;display:flex}.brand-block{min-width:0}.top-eyebrow{color:#ffffff94;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;margin:0 0 4px;font-size:.68rem;font-weight:700}.top-bar h1{color:#fff;letter-spacing:.04em;white-space:nowrap;margin:0;font-size:1.12rem;font-weight:700}.social-links{flex:none;align-items:center;gap:8px;display:flex}.social-links a{color:#ffffffb8;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:36px;height:36px;text-decoration:none;transition:all .18s;display:grid}.social-links a:hover{color:#fff;background:#ffffff14;border-color:#ffffff61}.social-links svg{fill:currentColor;width:18px;height:18px}.top-stripe{height:var(--top-stripe-height);flex:0 0 var(--top-stripe-height);background:linear-gradient(90deg,#39a8ff,#015640);box-shadow:0 0 12px #ffffff2e}.hero-section{height:calc(100dvh - var(--top-bar-height) - var(--top-stripe-height));grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(16px,2.6vh,26px);min-height:0;padding:clamp(18px,3.5vh,36px) clamp(18px,4vw,56px);display:grid;overflow:hidden}.hero-intro{max-width:760px}.section-label{color:#ffffffb3;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}.hero-intro p:last-child{color:#ffffffc7;margin:0;font-size:clamp(.86rem,1.2vw,.98rem);line-height:1.5}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);min-height:0;display:grid}.project-card{background:var(--panel-bg);height:100%;min-height:0;color:var(--text-main);border:1px solid #fff3;border-radius:28px;grid-template-rows:minmax(0,56%) minmax(0,44%);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d}.project-card:before{content:"";border-top:6px solid var(--project-accent);pointer-events:none;z-index:2;position:absolute;inset:0}.project-image-wrap{background:var(--project-accent);min-height:0}.project-image{object-fit:cover;opacity:.88;filter:saturate(.9)contrast(1.02);width:100%;height:100%;display:block}.project-content{flex-direction:column;align-items:flex-start;min-height:0;padding:clamp(18px,2.4vw,30px);display:flex;overflow:hidden}.project-eyebrow{color:var(--project-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.project-content h2{max-width:620px;margin:0 0 12px;font-size:clamp(1.35rem,2.35vw,2.2rem);line-height:1.05}.project-description{color:var(--text-muted);margin:0;font-size:clamp(.82rem,1vw,.95rem);line-height:1.5;overflow:hidden}.project-link{border:1px solid color-mix(in srgb, var(--project-accent) 42%, transparent);color:var(--project-accent);border-radius:999px;margin-top:auto;padding:10px 14px;font-size:.78rem;font-weight:800;text-decoration:none;transition:all .18s}.project-link:hover{color:#fff;background:var(--project-accent)}@media (height<=720px){.hero-section{gap:14px;padding-top:16px;padding-bottom:16px}.hero-intro p:last-child{display:none}.project-card{grid-template-rows:minmax(0,52%) minmax(0,48%)}.project-content h2{font-size:clamp(1.15rem,2vw,1.65rem)}}@media (width<=760px){:root{--top-bar-height:58px}.top-bar{gap:12px;padding:0 14px}.top-eyebrow{display:none}.top-bar h1{font-size:1rem}.social-links{gap:6px}.social-links a{width:34px;height:34px}.hero-section{gap:12px;padding:14px}.hero-intro p:last-child{display:none}.section-label{margin:0;font-size:.64rem}.project-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr;gap:12px}.project-card{border-radius:20px;grid-template-rows:1fr;grid-template-columns:42% 58%}.project-content{padding:16px}.project-eyebrow{letter-spacing:.12em;margin-bottom:7px;font-size:.58rem}.project-content h2{margin-bottom:8px;font-size:clamp(1rem,5vw,1.35rem)}.project-description{font-size:.72rem;line-height:1.38}.project-link{padding:8px 11px;font-size:.68rem}}@media (width<=430px){.project-description{display:none}.project-card{grid-template-columns:46% 54%}}