#concept-bar:empty{display:none}.site-header{height:88px}.brand{font-size:23px;letter-spacing:-.04em}.hero-slide[hidden]{display:none!important}.hero-slides{position:relative}.showcase .hero-b{margin-top:15px;min-height:490px}.showcase .hero-b-content{padding:80px 45px 50px;max-width:510px;width:41%}.showcase h1{font-size:clamp(48px,4.8vw,74px)}.hero-slide:not([data-art=beach])>.visual{left:31%;width:69%;background:#101923}.hero-slide:not([data-art=beach])>.visual img{object-fit:contain}.hero-slide:not([data-art=beach])::after{background:linear-gradient(90deg,#0c141b 15%,#0c141be8 30%,#0c141b66 43%,transparent 58%)}.hero-slide[data-art=alien]>.visual{background:#edece8}.hero-video{width:100%;height:100%;object-fit:cover}.showcase .hero-actions{align-items:flex-start}.showcase .hero-actions .button{padding:12px 16px}.demo-control{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.demo-control small{font-size:12px;color:var(--muted)}body[data-theme=b] .demo-control .button{background:transparent;color:#d4dcdf;border-color:#697a86;opacity:.62;white-space:nowrap}.carousel-controls{display:flex;border:1px solid var(--line);align-items:stretch;justify-content:space-between;gap:16px}.slide-tabs{display:flex;flex:1}.slide-tabs button{display:flex;gap:11px;align-items:center;text-align:left;flex:1;padding:17px 18px;border-right:1px solid var(--line);font-size:13px;color:var(--muted);transition:background .18s}.slide-tabs button span:first-child{font-size:11px;opacity:.7}.slide-tabs button[aria-pressed=true]{background:#202e36;color:#e4eeab;box-shadow:inset 0 -2px #e4eeab}.carousel-actions{display:flex;align-items:center;gap:13px;padding:10px 15px;font-size:12px}.carousel-actions button{padding:8px 2px;font-size:12px}.carousel-actions span{color:var(--muted);white-space:nowrap}.carousel-actions button:last-child{border:1px solid var(--line);padding:8px 10px;min-width:56px}.directions{padding:38px 0 16px}.directions-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.directions-heading h2{font-family:'Space Grotesk',sans-serif;font-size:37px;letter-spacing:-.05em;margin-top:9px}.directions-heading p{font-size:14px;color:var(--muted)}.category-tile{min-height:390px;border:1px solid transparent}.category-tile h3{font:500 clamp(26px,2.6vw,39px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.05em;z-index:2}.category-tile .cat-projects{margin:14px 0;font-size:14px}.category-tile .cat-image{height:46%}.category-tile .cat-image img{object-position:center 30%}.category-tile.category-cozy{background:#dce8c2}.category-tile.category-social{background:#f0c6a1}.category-tile.category-action{background:#cad0f4}.cat-action{background:#f9fbf2ec}.all-projects-row{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0 4px;color:var(--muted);font-size:14px}.all-projects-row .textlink{color:var(--ink)}#direction-content{scroll-margin-top:28px}.selected-direction{animation:reveal .22s ease}.selected-direction-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.selected-direction-heading h3{font-size:30px;letter-spacing:-.04em}.selected-direction-heading h3 span{font-size:14px;color:var(--muted);margin-left:8px}.direction-switch{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.direction-switch button{border:1px solid var(--line);font-size:13px;color:var(--muted);padding:10px 15px}.direction-switch button[aria-pressed=true]{color:#e4eeab;border-color:#e4eeab;background:#1c292c}body[data-theme=b] .selected-direction .project-grid,body[data-theme=b] .category-expanded .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1200px;gap:30px}body[data-theme=b] .project-card .card-media{aspect-ratio:1.65}.project-card .card-media img{object-fit:contain;background:#16242d}.project-card .card-topline{display:flex!important}.project-card h3{min-height:0!important;font-size:27px!important}.project-card p{min-height:0!important;font-size:16px!important}.card-actions{align-items:center!important}.card-actions .demo-control{display:inline-flex!important}.card-actions .demo-control small{display:block}.card-actions .button{font-size:13px;padding:9px 13px;min-height:39px}.game-hero[data-art]:not([data-art=beach]) .game-hero-media>.visual{position:absolute;left:35%;width:65%;height:100%}.game-hero[data-art]:not([data-art=beach]) .game-hero-media img{object-fit:contain}.game-hero[data-art]:not([data-art=beach]) .game-hero-media:after{background:linear-gradient(90deg,#0c141b 15%,#0c141bf0 32%,#0c141b80 50%,transparent 70%)}body[data-theme=b] .game-title{width:60%;max-width:730px}.game-hero .hero-actions{align-items:start}.game-hero .play{background:#15212ecc}.gallery-grid.supplied-gallery{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.supplied-gallery .gallery-item{aspect-ratio:1;background:#15242c}.supplied-gallery .gallery-item img{object-fit:contain;transform:none!important;object-position:center!important}.supplied-gallery .gallery-item:only-child{max-width:620px;aspect-ratio:1.5}.large-art .visual img,.large-art>img{object-fit:contain}.gameplay-player{display:block;width:100%;max-height:65vh}.footer{margin-top:25px}.game-nav{scroll-margin-top:20px}section[id]{scroll-margin-top:25px}.hero-slide{animation:reveal .3s ease}
@media(max-width:1100px){.carousel-controls{display:block}.carousel-actions{justify-content:flex-end;border-top:1px solid var(--line)}.showcase .hero-b-content{width:48%;padding:60px 30px 40px}.showcase h1{font-size:55px}.category-tile{min-height:370px;padding:19px}.category-tile h3{font-size:29px}.category-tile .cat-projects{font-size:13px}}
@media(max-width:720px){.showcase .hero-b{min-height:540px}.showcase .hero-b-content{width:100%;max-width:none;padding:300px 22px 26px}.showcase h1{font-size:42px;line-height:1.02;margin:15px 0}.showcase .hero-b p{font-size:15px;max-width:none}.showcase .hero-b .eyebrow{font-size:11px}.hero-slide:not([data-art=beach])>.visual{left:0;top:0;width:100%;height:300px}.hero-slide:not([data-art=beach])>.visual img{object-fit:contain}.hero-slide:not([data-art=beach])::after{background:linear-gradient(0deg,#0c141b 0%,#0c141b 38%,transparent 56%)}.hero-slide[data-art=beach]>.visual{height:100%}.showcase .hero-b[data-art=beach]::after{background:linear-gradient(0deg,#0c141bef 0%,#0c141b70 65%,transparent)}.hero-slide[data-art=beach] .hero-b-content{padding-top:290px}.showcase .hero-actions{margin-top:19px}.slide-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.slide-tabs button{font-size:12px;padding:13px 12px;min-height:58px}.slide-tabs button span:first-child{font-size:10px}.slide-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.carousel-actions{justify-content:space-between;padding:9px 12px;gap:8px}.directions{padding-top:32px}.directions-heading{display:block}.directions-heading h2{font-size:30px}.directions-heading p{margin-top:13px}.category-tile{min-height:235px;padding:20px}.category-tile h3{font-size:24px;max-width:62%}.category-tile .cat-image{height:100%;width:36%}.category-tile .cat-projects{font-size:12px;max-width:61%}.category-tile .cat-image img{object-fit:cover;object-position:65% center}.all-projects-row{font-size:12px}.selected-direction-heading{align-items:start}.selected-direction-heading h3{font-size:27px}.selected-direction-heading .textlink{font-size:13px;max-width:90px;text-align:right}.direction-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.direction-switch button{font-size:12px;padding:10px 7px}body[data-theme=b] .selected-direction .project-grid,body[data-theme=b] .category-expanded .project-grid{grid-template-columns:1fr}.project-card .card-topline{font-size:12px;gap:5px}.project-card h3{font-size:25px!important}.card-actions .textlink{font-size:14px}.game-hero[data-art]:not([data-art=beach]) .game-hero-media>.visual{width:100%;left:0;height:300px}.game-hero[data-art]:not([data-art=beach]) .game-hero-media:after{background:linear-gradient(0deg,#0c141b 0%,#0c141b 56%,transparent 75%)}body[data-theme=b] .game-hero:not([data-art=beach]) .game-title{padding-top:320px}body[data-theme=b] .game-title{width:100%;max-width:none}body[data-theme=b] .game-title h1{font-size:43px}body[data-theme=b] .game-hero .play{top:180px;left:80%;width:54px;height:54px}.gallery-grid.supplied-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.supplied-gallery .gallery-item:first-child{grid-column:auto}.supplied-gallery .gallery-item:only-child{grid-column:span 2}.gallery-label{font-size:11px;padding:10px}.hero-slide .media-label{font-size:10px}.hero-slide .hero-actions .button{font-size:13px}.showcase .demo-control small{font-size:11px}}
@media(max-width:720px){.showcase .hero-b-content{padding-top:250px}.hero-slide:not([data-art=beach])>.visual{height:250px}.hero-slide[data-art=beach] .hero-b-content{padding-top:240px}.showcase .hero-actions .button{font-size:13px;padding:11px 12px}}

/* Portfolio directions share the same dark surface as the rest of the page. */
.category-tile,
.category-tile:nth-child(2),
.category-tile:nth-child(3),
.category-tile.category-cozy,
.category-tile.category-social,
.category-tile.category-action {
  background: #111d26;
  color: var(--ink);
  border: 1px solid var(--line);
  padding-top: 24px;
  transition: border-color .2s, background .2s;
}
.category-tile:hover,
.category-tile:focus-visible { background: #172630; border-color: #9fac9c; }
.category-tile h3 { margin: 0; color: var(--ink); }
.category-tile .cat-projects { color: var(--muted); }
.category-tile .cat-image { height: 48%; }
.category-tile .cat-action {
  background: #101b24e8;
  border: 1px solid #c7d5d6b3;
  color: var(--ink);
}

/* The alien artwork now fills the panoramic hero, including its project page. */
.hero-slide[data-art=alien]>.visual {
  left: 0;
  width: 100%;
  background: #e7f3f8;
}
.hero-slide[data-art=alien]>.visual img,
.game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media img {
  object-fit: cover;
  object-position: center top;
}
.hero-slide[data-art=alien]::after {
  background: linear-gradient(90deg,#0c141bf7 0%,#0c141be8 20%,#0c141b88 39%,transparent 68%);
}
.game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media>.visual {
  left: 0;
  width: 100%;
}
.game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media:after {
  background: linear-gradient(90deg,#0c141bf7 0%,#0c141be8 24%,#0c141b88 45%,transparent 73%);
}
@media(max-width:720px) {
  .category-tile .cat-image { height: 100%; }
  .hero-slide[data-art=alien]>.visual,
  .game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media>.visual { left: 0; width: 100%; height: 250px; }
  .hero-slide[data-art=alien]>.visual img,
  .game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media img { object-position: 65% top; }
  .hero-slide[data-art=alien]::after,
  .game-hero[data-art=alien]:not([data-art=beach]) .game-hero-media:after {
    background: linear-gradient(0deg,#0c141b 0%,#0c141bd9 39%,transparent 78%);
  }
}