:root{color-scheme:dark;--paper:#101216;--ink:#20201f;--muted:#666662;--rule:#dcdcd7;--accent:#2a43cf;--space:clamp(24px,5vw,80px)}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@media(hover:hover){a:hover{color:var(--accent)}}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p,h1,h2,h3{margin:0}::selection{background:#e0e5ff}.skip{position:absolute;top:-100px;left:24px;background:var(--paper);padding:12px;z-index:2}.skip:focus{top:12px}.shell{max-width:1600px;margin:auto;padding:0 var(--space)}header{display:flex;align-items:start;justify-content:space-between;gap:32px;padding:48px 0 44px}.identity{font-size:clamp(2rem,3.2vw,3rem);font-weight:500;line-height:1.05;letter-spacing:-.055em}.identity-heading{font-size:inherit;font-weight:400}nav{display:flex;gap:30px;padding-top:8px;font-size:.9375rem}nav a{padding:4px 0}nav a[aria-current="page"]{border-bottom:1px solid currentColor}.project{min-width:0}.media{aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:center;background:#e9e9e4;border:1px solid #e2e2dc;overflow:hidden}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px}.project-title h3{font-size:1rem;font-weight:400}.project p{font-size:.875rem;color:var(--muted);margin-top:4px}.work-section{padding-bottom:64px}.app-project{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.app-media{background:#e9edf9;border-color:#d9deef;aspect-ratio:16/9}.app-copy{max-width:340px}.app-copy .role{font-size:.875rem;color:var(--accent);margin:8px 0 18px}.app-copy p{font-size:1rem;color:var(--muted)}.about-body{max-width:510px}.about-body p{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4;letter-spacing:-.025em}footer{border-top:1px solid var(--rule);padding:24px 0 32px;display:flex;justify-content:space-between;gap:24px;font-size:.8125rem;color:var(--muted)}footer a{color:var(--ink)}
    @media(max-width:700px){header{flex-wrap:wrap}nav{width:100%;padding-top:0}header{padding:32px 0;gap:24px}.identity{font-size:2rem}nav{gap:18px;font-size:.875rem}.project-title{flex-wrap:wrap;gap:2px 16px}.work-section{padding-bottom:44px}.app-project{grid-template-columns:1fr;gap:22px}.app-copy{max-width:100%}footer{flex-wrap:wrap}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    [hidden]{display:none!important}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
    .app-project + .app-project{margin-top:48px;padding-top:48px;border-top:1px solid var(--rule)}
    .app-project.reverse{grid-template-columns:1fr 1.25fr}
    .app-project.reverse .app-copy{grid-column:1;grid-row:1}
    .app-project.reverse .app-media{grid-column:2;grid-row:1}

    @media(max-width:700px){
      .app-project.reverse{grid-template-columns:1fr}
      .app-project.reverse .app-media{grid-column:1;grid-row:1}
      .app-project.reverse .app-copy{grid-column:1;grid-row:2}
      .app-project + .app-project{margin-top:32px;padding-top:32px}
    }

/* Shared page and collection layouts. */
.page-heading{border-top:1px solid var(--rule);padding:28px 0 40px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.page-heading h1{font-size:clamp(1.65rem,3vw,2.75rem);font-weight:400;letter-spacing:-.045em;line-height:1.15}

.audio-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;padding-bottom:64px}
.audio-catalog .project-title{flex-wrap:wrap;gap:4px 16px}
.app-catalog .app-copy{max-width:440px}

@media(max-width:700px){
  .page-heading{flex-direction:column;gap:12px;padding:24px 0 30px}
  .audio-catalog{grid-template-columns:1fr;gap:36px;padding-bottom:44px}
  .app-catalog .app-copy{max-width:none}
}

.app-copy h2{font-size:1.5rem;font-weight:400;letter-spacing:-.035em}
@media(max-width:700px){.app-copy h2{font-size:1.25rem}}

.app-screenshot{display:block;aspect-ratio:auto;background:transparent;border:0;line-height:0}
.app-screenshot img{display:block;width:100%;height:auto}

/* Match the rounded windows and soft shadows in the other app captures. */
#pitch-assist .app-screenshot img,#distrokid-uploader .app-screenshot img,#myndstream-release-pipeline .app-screenshot img,#cover-art-designer .app-screenshot img{
  border-radius:10px;
  box-shadow:0 12px 24px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);
}

.app-screenshot.portrait img{width:auto;max-width:100%;height:auto;max-height:640px;margin-inline:auto}
#distrokid-uploader .portrait img{max-height:480px}
@media(max-width:700px){
  #distrokid-uploader .portrait img{max-width:75%}
}

@media(min-width:701px){
  /* Center the visible image-and-text groups without changing their widths or gap. */
  #lucidvision,#myndstream-uploader,#pitch-assist,#distrokid-uploader,#myndstream-release-pipeline,#cover-art-designer{
    --app-copy-limit:340px;
    --app-copy-track:min(var(--app-copy-limit),calc((100% - 40px)/2.25));
    --app-image-track:calc((100% - 40px)/1.8);
    justify-content:center;
  }
  .app-catalog #lucidvision,.app-catalog #myndstream-uploader,.app-catalog #pitch-assist,.app-catalog #distrokid-uploader,.app-catalog #myndstream-release-pipeline,.app-catalog #cover-art-designer{--app-copy-limit:440px}
  #lucidvision,#pitch-assist,#myndstream-release-pipeline{grid-template-columns:var(--app-image-track) var(--app-copy-track)}
  #myndstream-uploader{grid-template-columns:var(--app-copy-track) min(var(--app-image-track),calc(640px * 829 / 1060))}
  #distrokid-uploader{grid-template-columns:var(--app-copy-track) min(calc(var(--app-image-track) * .75),calc(480px * 814 / 831))}
  #cover-art-designer{grid-template-columns:var(--app-copy-track) var(--app-image-track)}
  #myndstream-uploader .app-copy,#distrokid-uploader .app-copy,#cover-art-designer .app-copy{justify-self:end}
  #myndstream-uploader .portrait img,#distrokid-uploader .portrait img{margin-inline:0}
}

/* Professional profile links shared by every page footer. */
.site-footer {
  align-items: center;
}

.profile-links {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}

.profile-link--imdb {
  width: 60px;
}

.profile-icon {
  display: block;
  flex-shrink: 0;
}

.profile-icon-cutout {
  fill: var(--paper);
}