.web-project-card .thumbnail{aspect-ratio:2/3;background:#121210;overflow:hidden}
.web-project-card .signature-cover{object-fit:contain;transform:none!important;padding:8px}
.web-project-card .thumbnail .play{z-index:4;font-size:24px;background:#111c}
.web-project-card .project-caption h3,.web-project-card .project-description{direction:ltr;text-align:start}
.web-project-card .project-tags{line-height:1.7}
.home-web{border-top:1px solid #efe4ca66;margin-top:36px;padding-top:34px}
.home-web-intro{max-width:680px;color:#c7beae;line-height:1.8;margin:0 0 28px}
.web-carousel-stage{touch-action:pan-y}
.web-carousel-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.web-carousel-card .signature-cover{object-fit:contain}
.web-carousel-icon{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;width:52px;height:52px;border:1px solid #eee3cd88;border-radius:50%;background:#10100fcc;color:#eee3cd;font-size:24px;backdrop-filter:blur(5px)}
.web-carousel-card:not([data-position="0"]) .web-carousel-icon{display:none}
.web-carousel-open:focus-visible{outline:3px solid var(--cream);outline-offset:-5px;z-index:4}
.home-web-carousel .showcase-caption{color:var(--cream);font:14px/1.8 monospace;overflow-wrap:anywhere}
.home-web-carousel .showcase-description{direction:ltr;text-align:center;color:#c7beae;max-width:700px;margin:0 auto 22px;font-size:14px;line-height:1.8}
.home-web[hidden]{display:none}
@media(max-width:850px){.home-web .section-heading .category{display:none}}
@media(max-width:600px){.home-web{margin-top:24px}.home-web .section-heading{flex-wrap:wrap}.home-web-intro{font-size:14px}.home-web-carousel .showcase-caption{font-size:12px}.home-web-carousel .showcase-description{font-size:13px;padding-inline:12px}}
.showcase-image-card .signature-cover{object-fit:contain}.showcase-image-card .showcase-video,.showcase-image-card .signal-player-controls{display:none}
.image-dialog{max-width:min(1080px,94vw)}
.image-dialog #preview-title,.image-dialog .preview-description{direction:ltr;text-align:left}
.project-image-frame{background:#0d0d0c;padding:12px;border:1px solid #efe4ca33}
.project-full-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.project-image-frame[hidden],.video-frame[hidden]{display:none!important}
@media(max-width:600px){.image-dialog{width:94vw;padding:18px}.project-image-frame{padding:4px}}

.studio-intro{display:grid;grid-template-columns:1fr minmax(240px,360px);gap:40px;align-items:center}.studio-intro>div>p{line-height:1.9;color:var(--muted)}.studio-intro .thumbnail{aspect-ratio:9/16}.studio-intro-video .project-caption,.studio-intro-video .project-description{display:none}@media(max-width:650px){.studio-intro{grid-template-columns:1fr}.studio-intro-video{max-width:360px;width:100%;margin:auto}}

.youtube-frame iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#000}.youtube-original{display:inline-block;margin:16px 0;border-bottom:1px solid var(--red);font-size:14px}.youtube-frame{padding:0}