/* Portfolio-only presentation. Demo applications are not imported into this project. */
.project-card{display:grid;grid-template-columns:1fr 1fr;background:#0f1828;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:26px}.project-card-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-card h3{font-size:32px;line-height:1.2;margin:22px 0 17px}.project-card p{font-size:13px;line-height:1.9;color:var(--muted)}.project-card .tags{margin:22px 0 5px}.live-preview{position:relative;overflow:hidden;background:#e9ecdf;aspect-ratio:16/10;width:100%;min-width:0}.live-preview iframe{position:absolute;inset:0;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none}.preview-label{font-size:8px;letter-spacing:1px;padding:11px 17px;background:#101a2b;color:#b9c8e0;border-top:1px solid var(--line)}.project-visual{display:flex;flex-direction:column;justify-content:center;background:#101a2b;min-width:0}.archive-note{color:var(--muted);font-size:11px;line-height:1.8;padding-top:10px}.archive-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.project-page{padding:55px 0 75px}.back-link{font-size:11px;color:var(--muted)}.project-page .eyebrow{margin-top:36px}.project-page h1{font-size:clamp(42px,5.6vw,76px);letter-spacing:-3px;line-height:1.08;margin:22px 0}.project-intro{max-width:720px;font-size:16px;line-height:1.9;color:var(--muted)}.project-actions{display:flex;gap:15px;flex-wrap:wrap;margin:28px 0 35px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:22px 0;margin-bottom:35px;gap:25px}.project-meta dt{font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:9px}.project-meta dd{font-size:12px;margin:0;line-height:1.7}.large-preview{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:40px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:45px}.project-story section{border-top:1px solid var(--line);padding-top:25px}.project-story h2{font-size:25px;letter-spacing:-.8px;margin-bottom:18px}.project-story p,.project-story li{font-size:13px;line-height:1.9;color:var(--muted)}.project-story ul{padding-left:18px}.project-story a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.verification-note{padding:20px;background:#101a2b;border-left:2px solid var(--violet);font-size:11px;line-height:1.9;color:var(--muted);margin-top:35px}@media(max-width:760px){.project-card{grid-template-columns:1fr}.project-card-copy{padding:25px}.project-card h3{font-size:28px}.project-page{padding-top:35px}.project-page h1{font-size:43px;letter-spacing:-2px}.project-intro{font-size:14px}.project-story{grid-template-columns:1fr;gap:30px}.project-meta{grid-template-columns:1fr;gap:18px}.project-meta>div{display:grid;grid-template-columns:100px 1fr;gap:12px}.project-meta dt{margin-top:3px}.preview-label{font-size:7px;line-height:1.7}.project-card .live-preview{aspect-ratio:16/10}}

/* Launch refinements: readable details, flexible headers, visible keyboard focus. */
html{scroll-padding-top:24px}body{overflow-wrap:break-word}.header{height:auto;min-height:104px;flex-wrap:wrap;padding-block:20px}.header nav{flex-wrap:wrap}.header nav a,.back-link,.footer a{padding-block:12px}.project-card p,.project-story p,.project-story li,.service-grid p,.about-copy p,.engagement p{font-size:15px}.pill{font-size:10px}.preview-label{font-size:10px;line-height:1.6}.project-meta dd{font-size:14px}.project-page .button{max-width:100%;white-space:normal}.contact-status{font-size:14px;overflow-wrap:anywhere}.contact-bottom{gap:24px;flex-wrap:wrap}.project-story ol{padding-left:22px}.project-intro{max-width:760px}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.project-visual iframe{visibility:visible}
@media(max-width:760px){.header{min-height:88px;gap:16px}.header nav{gap:16px}.header nav a{min-height:44px;display:inline-flex;align-items:center}.hero h1{font-size:clamp(48px,10vw,76px)}.project-page h1{font-size:clamp(36px,9vw,52px);overflow-wrap:normal}.project-card-copy{padding:24px}.project-meta>div{grid-template-columns:80px minmax(0,1fr)}.project-story p,.project-story li,.project-card p{font-size:15px}.preview-label{font-size:9px}.contact-bottom .button{width:100%;justify-content:space-between}}
@media(max-width:380px){.header nav{width:100%;justify-content:space-between}.header .brand{margin-right:auto}.hero{padding-top:30px}.hero h1{font-size:48px}.hero .eyebrow{line-height:1.8}.project-actions .button{width:100%;justify-content:space-between}}