section.svelte-1m402it{margin-top:clamp(4rem,10vw,7.5rem)}section.svelte-1m402it>div:where(.svelte-1m402it){padding:clamp(2rem,6vw,4.5rem);border-radius:calc(var(--radius) * 1.5);border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}section.svelte-1m402it>div:where(.svelte-1m402it) h2:where(.svelte-1m402it){font-size:clamp(1.75rem,4vw,2.75rem);max-width:22ch}section.svelte-1m402it>div:where(.svelte-1m402it) p:where(.svelte-1m402it){margin-block:1rem 1.75rem;color:var(--muted-foreground);max-width:46ch}.browser.svelte-1w51e5r{overflow:hidden;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#1b1f25;box-shadow:0 24px 50px -24px #000000b3}.bar.svelte-1w51e5r{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;height:2.1rem;padding-inline:.8rem;background:#23282f;border-bottom:1px solid rgba(255,255,255,.06)}.dots.svelte-1w51e5r{display:flex;gap:.4rem}.dots.svelte-1w51e5r i:where(.svelte-1w51e5r){width:.6rem;height:.6rem;border-radius:50%;background:#4a515b}.url.svelte-1w51e5r{justify-self:center;max-width:min(100%,22rem);padding:.15rem .9rem;overflow:hidden;border-radius:999px;background:#ffffff0f;color:#9aa3ad;font-family:var(--font-body);font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}.screen.svelte-1w51e5r{line-height:0}.screen.svelte-1w51e5r img,.screen.svelte-1w51e5r video{display:block;width:100%;height:auto;border:0;border-radius:0}@media(max-width:600px){.bar.svelte-1w51e5r{height:1.6rem;padding-inline:.6rem}.dots.svelte-1w51e5r i:where(.svelte-1w51e5r){width:.45rem;height:.45rem}.url.svelte-1w51e5r{font-size:.62rem}}article.svelte-tokji2{height:100%}.card.svelte-tokji2{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:calc(var(--radius) * 1.5);border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);text-decoration:none;transition:border-color .3s ease}a.card.svelte-tokji2:hover{border-color:var(--border-strong)}a.card.svelte-tokji2:hover .subject:where(.svelte-tokji2):not(.macbook){transform:translateY(-4px) scale(1.02)}a.card.svelte-tokji2:hover .macbook:where(.svelte-tokji2){transform:translate(-50%,calc(-50% - 4px)) scale(1.02)}a.card.svelte-tokji2:hover .more:where(.svelte-tokji2) svg:where(.svelte-tokji2){transform:translate(4px)}.visual.svelte-tokji2{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0f1a12}.visual.svelte-tokji2 .backdrop:where(.svelte-tokji2){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.visual.svelte-tokji2 .subject:where(.svelte-tokji2){position:relative;display:block;transition:transform .6s ease}.visual.devices.svelte-tokji2 .subject:where(.svelte-tokji2){width:88%;height:100%;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.visual.laptop.svelte-tokji2 .macbook:where(.svelte-tokji2){position:absolute;left:50%;top:52%;width:86%;aspect-ratio:1993.7/1153.5;transform:translate(-50%,-50%);background:url(../../../work/frames/macbook.svg) center/100% 100% no-repeat;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}.visual.laptop.svelte-tokji2 .macbook:where(.svelte-tokji2) img:where(.svelte-tokji2){position:absolute;left:11.762%;top:6.502%;width:76.315%;height:82.774%;object-fit:cover;object-position:top}.visual.laptop.svelte-tokji2 .backdrop:where(.svelte-tokji2),.visual.browser.svelte-tokji2 .backdrop:where(.svelte-tokji2){opacity:.8}.visual.browser.svelte-tokji2 .framed:where(.svelte-tokji2){position:absolute;left:9%;right:9%;top:11%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.visual.full.svelte-tokji2 .subject:where(.svelte-tokji2){width:100%;height:100%;object-fit:cover;object-position:top}.body.svelte-tokji2{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:clamp(1.25rem,3vw,1.75rem)}.body.svelte-tokji2 h2,.body.svelte-tokji2 h3{font-size:clamp(1.5rem,2.5vw,1.85rem)}.body.svelte-tokji2>p:where(.svelte-tokji2):not(.caption){color:var(--muted-foreground)}.more.svelte-tokji2{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.5rem;font-weight:600;color:var(--primary-text)}.more.svelte-tokji2 svg:where(.svelte-tokji2){transition:transform .2s ease}