:root{--showcase-shadow:0 3rem 6rem -2.5rem #000000e6, 0 0 8rem -3rem #8b6cf659}:root[data-theme=light]{--showcase-shadow:0 2.5rem 5rem -2.5rem #00000059, 0 0 8rem -3rem #8b6cf640}.portfolio,.case{padding-top:calc(var(--header) + clamp(3rem, 7vw, 6rem))}.case{--container:64rem}.portfolio__head{margin-bottom:clamp(3rem,6vw,5rem)}.jump ul{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.jump a{border:1px solid var(--line);color:var(--text-dim);transition:color .25s var(--ease), border-color .25s var(--ease);border-radius:999px;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;display:inline-flex}.jump a:hover{border-color:var(--text-dim);color:var(--text)}.portfolio__group{border-top:1px solid var(--line);padding-block:clamp(3rem,6vw,5rem)}.portfolio__group-head{gap:.5rem;max-width:40rem;margin-bottom:2.5rem;display:grid}.portfolio__group-title{letter-spacing:-.04em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:620;line-height:1.1}.portfolio__group-head p{color:var(--text-dim)}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 1.5rem;display:grid}.work-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{align-content:start;gap:.35rem;display:grid;position:relative}.work-card__tile{border:1px solid var(--line);width:100%;transition:transform .5s var(--ease);border-radius:1rem;margin-bottom:.9rem}.work-card:hover .work-card__tile{transform:translateY(-.35rem)}.work-card__name{letter-spacing:-.03em;font-size:1.25rem;font-weight:620;line-height:1.2}.work-card__name a{text-decoration:none}.work-card__name a:after{content:"";position:absolute;inset:0}.work-card:has(a:focus-visible){outline:2px solid var(--accent);outline-offset:.5rem;border-radius:1rem}.work-card__name a:focus-visible{outline:none}.work-card__line{color:var(--text-dim);font-size:.95rem;line-height:1.45}@media (max-width:999px){.work-grid,.work-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1rem}.work-grid--three>:nth-child(3){display:none}}@media (max-width:560px){.work-card__tile{border-radius:.75rem;margin-bottom:.6rem}.work-card__name{font-size:1.05rem}.work-card__line{font-size:.85rem}}.case__head .chips{margin-top:.25rem}.case__head .actions{align-items:center;gap:.75rem 1.5rem;margin-top:.5rem}.case__hero{margin-block:clamp(3rem,6vw,5rem) clamp(4rem,8vw,6rem)}.case__media{position:relative}.case__media--overlay{padding-bottom:6%}.case__screen{border:1px solid var(--line);width:100%;box-shadow:var(--showcase-shadow);border-radius:1rem}.case__phone{border:5px solid #1a1a1f;border-radius:1.4rem;width:22%;position:absolute;bottom:0;right:-2%;box-shadow:0 2rem 4rem -1rem #000000e6}.case__window{border-radius:.9rem;width:34%;position:absolute;bottom:-2%;left:-3%;box-shadow:0 2rem 4rem -1rem #000000e6}.case__writeup{margin-bottom:clamp(4rem,8vw,6rem)}.case__shots{border-top:1px solid var(--line);padding-block:clamp(4rem,8vw,6rem)}.case__shots .headline{margin-bottom:2.5rem}.case__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.75rem;display:grid}.case__gallery--portrait{grid-template-columns:repeat(3,minmax(0,1fr))}.case__gallery figure{gap:.75rem;display:grid}.case__gallery img{border:1px solid var(--line);width:100%;transition:transform .5s var(--ease);border-radius:1rem}.case__gallery button:hover img{transform:translateY(-.25rem)}.case__gallery figcaption{color:var(--text-dim);font-size:.9rem;line-height:1.45}@media (max-width:640px){.case__gallery{grid-template-columns:minmax(0,1fr)}.case__gallery--portrait{grid-template-columns:minmax(0,18rem);justify-content:center}}.case__more{border-top:1px solid var(--line);padding-block:clamp(4rem,8vw,6rem)}.case__more .headline{margin-bottom:2.5rem}.preview-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:1rem;width:100%;padding:0;display:block}.preview{width:min(100vw - 2rem,80rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--white);background:0 0;border:0;padding:0;overflow:visible}.preview[open]{justify-items:center;gap:1rem;display:grid}.preview::backdrop{background:#000000e0}.preview__image{border-radius:.9rem;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 8rem)}.preview__bar{align-items:center;gap:.75rem;width:100%;max-width:64rem;display:flex}.preview__caption{min-width:0;color:var(--dim);flex:1;font-size:.95rem}.preview__count{font:500 .75rem/1 var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--dim)}.preview__button{min-width:2.75rem;height:2.75rem;color:var(--white);font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;place-items:center;padding:0 1rem;display:grid}.preview__button:disabled{opacity:.35;cursor:default}.preview__button:focus-visible{outline:2px solid var(--violet)}