.card.svelte-a8wby6{display:grid;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}@media(min-width:900px){.card.svelte-a8wby6{grid-template-columns:1.35fr 1fr}}.card.svelte-a8wby6:hover{border-color:var(--border-strong)}.card.svelte-a8wby6:hover .terrain:where(.svelte-a8wby6){transform:scale(1.03)}.card.svelte-a8wby6:hover .phones:where(.svelte-a8wby6){--spread: 1.25}.card.svelte-a8wby6:hover .more:where(.svelte-a8wby6) svg:where(.svelte-a8wby6){transform:translate(4px)}.visual.svelte-a8wby6{position:relative;min-height:320px;overflow:hidden;background:#0f1a12}.visual.svelte-a8wby6 .terrain:where(.svelte-a8wby6){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .8s ease}.visual.svelte-a8wby6:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,13,10,.6))}.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6){--spread: 1;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:100%;padding:2.25rem 1rem 2.75rem}.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6) figure{flex:none;width:min(29%,190px);transform-origin:50% 115%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6) figure:nth-child(1){margin-right:-9%;transform:rotate(calc(-9deg * var(--spread))) translateY(4%)}.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6) figure:nth-child(2){z-index:1;width:min(32%,210px);transform:translateY(calc(-2% * var(--spread)))}.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6) figure:nth-child(3){margin-left:-9%;transform:rotate(calc(9deg * var(--spread))) translateY(4%)}@media(prefers-reduced-motion:reduce){.visual.svelte-a8wby6 .phones:where(.svelte-a8wby6) figure{transition:none}}.body.svelte-a8wby6{display:flex;flex-direction:column;justify-content:center;gap:.85rem;padding:clamp(1.5rem,4vw,3rem)}.body.svelte-a8wby6 h2,.body.svelte-a8wby6 h3{font-size:clamp(2rem,4vw,2.75rem)}.body.svelte-a8wby6>p:where(.svelte-a8wby6):not(.caption){color:var(--muted-foreground)}.more.svelte-a8wby6{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-weight:600;color:var(--primary-text)}.more.svelte-a8wby6 svg:where(.svelte-a8wby6){transition:transform .2s ease}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}