.finstark-project-visual{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-gap:3%;gap:3%;width:100%;padding:5%;background:var(--project-color,#e7e8e0);aspect-ratio:1.6}.finstark-project-visual[data-paired=true]{grid-template-columns:minmax(0,3.25fr) minmax(0,1fr)}.finstark-project-desktop,.finstark-project-phone{background:#fff;border:1px solid #183e3420;border-radius:5px;box-shadow:0 8px 22px #183e3412;min-width:0}.finstark-project-chrome{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:clamp(5px,.6vw,9px);color:#536b61;line-height:1.2}.finstark-project-chrome>span:first-child{letter-spacing:2px;color:#b6c0b7}.finstark-project-phone{padding:3px;border-radius:7px;transform:translateY(7%)}.finstark-project-visual .finstark-project-desktop>img,.finstark-project-visual .finstark-project-phone>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:none;transform:none}.finstark-project-visual .finstark-project-phone>img{border-radius:3px}.finstark-project-card .finstark-project-image{padding:0}.finstark-project-card:hover .finstark-project-visual img{transform:none}.finstark-project-cover:has(>.finstark-project-visual){padding:0}.finstark-deck-card .finstark-project-visual{padding:4%;aspect-ratio:1.6}.finstark-film-image:has(>.finstark-project-visual){aspect-ratio:1.6;margin:0}.finstark-film-image .finstark-project-chrome{font-size:7px}.finstark-project-gallery{margin-top:18px;border-bottom:1px solid var(--line)}.finstark-project-gallery>summary{padding:15px 0;cursor:pointer;font-size:13px}.finstark-project-gallery-views{display:flex;gap:24px;padding-block:12px 30px;flex-wrap:wrap}.finstark-project-gallery-views figure{margin:0;width:min(290px,100%)}.finstark-project-gallery-views .finstark-mobile-scroll{aspect-ratio:390/844;overflow-y:auto;border:4px solid #fff;outline:1px solid var(--line);border-radius:6px;overscroll-behavior-y:contain;scrollbar-width:thin}.finstark-project-gallery-views img{width:100%;height:auto}.finstark-project-gallery-views figcaption{font-size:12px;margin-top:12px;display:flex;justify-content:space-between;gap:12px}.finstark-project-gallery-views a{text-decoration:underline;text-underline-offset:4px}@media (max-width:700px){.finstark-project-visual{padding:4%}.finstark-project-chrome{font-size:6px;padding:4px}.finstark-project-phone{padding:2px;border-radius:4px}}