.visual.svelte-l4h0f1{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-muted)}.visual.compact.svelte-l4h0f1{width:100%}.visual.svelte-l4h0f1>picture:where(.svelte-l4h0f1),.device__screen.svelte-l4h0f1 picture:where(.svelte-l4h0f1),.visual.svelte-l4h0f1 img:where(.svelte-l4h0f1){display:block;width:100%;height:100%}.visual.svelte-l4h0f1>picture:where(.svelte-l4h0f1){position:absolute;inset:0}.visual[data-frame=phone].svelte-l4h0f1,.visual[data-frame=browser].svelte-l4h0f1{display:grid;place-items:center;isolation:isolate}.visual[data-frame=phone].svelte-l4h0f1{background:#211f24}.visual[data-frame=phone].svelte-l4h0f1:before,.visual[data-frame=phone].svelte-l4h0f1:after{content:"";position:absolute;inset:0}.visual[data-frame=phone].svelte-l4h0f1:before{inset:-2rem;background:var(--frame-image) center / cover;filter:blur(1.5rem) saturate(.78);opacity:.48;transform:scale(1.12)}.visual[data-frame=phone].svelte-l4h0f1:after{background:radial-gradient(circle at 50% 45%,transparent 0 28%,rgb(14 12 16 / 18%) 70%),linear-gradient(90deg,rgb(18 16 20 / 28%),transparent 45% 55%,rgb(18 16 20 / 28%))}.device.svelte-l4h0f1{position:relative;z-index:1}.device--phone.svelte-l4h0f1{height:calc(100% - 1.1rem);aspect-ratio:428 / 868;border:.08rem solid rgb(255 255 255 / 42%);border-radius:2rem;background:linear-gradient(145deg,#77717c,#1a181d 28% 72%,#59545d);box-shadow:inset 0 0 0 .16rem #0f0e11,inset 0 0 0 .23rem #ffffff21,0 1.15rem 2.1rem #08070975;transform:rotate(-1.1deg)}.device--phone.svelte-l4h0f1 .device__screen:where(.svelte-l4h0f1){position:absolute;inset:.38rem;overflow:hidden;border-radius:1.64rem;background:#151318}.device--phone.svelte-l4h0f1 img:where(.svelte-l4h0f1){object-fit:cover;object-position:center top}.device__island.svelte-l4h0f1{position:absolute;top:.68rem;left:50%;width:25%;height:.36rem;border-radius:999px;background:#080709;box-shadow:0 0 0 1px #ffffff0d;transform:translate(-50%)}.device__button.svelte-l4h0f1{position:absolute;width:.12rem;border-radius:999px;background:#302c33}.device__button--volume.svelte-l4h0f1{top:24%;left:-.15rem;height:14%;box-shadow:0 2.1rem #302c33}.device__button--power.svelte-l4h0f1{top:29%;right:-.15rem;height:18%}.visual[data-frame=browser].svelte-l4h0f1{background:linear-gradient(135deg,#ffffff94,#ffffff2e),var(--color-surface-muted)}.visual:not(.compact)[data-frame=browser].svelte-l4h0f1{aspect-ratio:auto;overflow:visible;padding:clamp(1.25rem,3vw,2rem);background:transparent;cursor:default}.visual:not(.compact)[data-frame=browser].svelte-l4h0f1 .device--browser:where(.svelte-l4h0f1){width:100%;height:auto}.visual:not(.compact)[data-frame=browser].svelte-l4h0f1 .device__screen:where(.svelte-l4h0f1){aspect-ratio:16 / 9}.device--browser.svelte-l4h0f1{display:grid;grid-template-rows:auto minmax(0,1fr);width:calc(100% - 1.1rem);height:calc(100% - 1.1rem);overflow:hidden;border:1px solid rgb(25 25 24 / 28%);border-radius:.65rem;background:#f7f7f4;box-shadow:0 .55rem 1.2rem #19191833,0 .08rem #ffffffd1 inset}.device__bar.svelte-l4h0f1{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;min-height:1.65rem;padding-inline:.65rem;border-bottom:1px solid rgb(25 25 24 / 17%);background:#e8e8e4;color:#555551}.device__dots.svelte-l4h0f1{display:flex;gap:.26rem}.device__dots.svelte-l4h0f1 i:where(.svelte-l4h0f1){width:.34rem;height:.34rem;border-radius:50%;background:#817f79}.device__dots.svelte-l4h0f1 i:where(.svelte-l4h0f1):nth-child(2){opacity:.66}.device__dots.svelte-l4h0f1 i:where(.svelte-l4h0f1):nth-child(3){opacity:.4}.device__address.svelte-l4h0f1{grid-column:2;justify-self:center;overflow:hidden;font-family:var(--font-family-mono);font-size:.55rem;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.device--browser.svelte-l4h0f1 .device__screen:where(.svelte-l4h0f1){position:relative;min-height:0;overflow:hidden}.device--browser.svelte-l4h0f1 img:where(.svelte-l4h0f1){object-fit:cover;object-position:center top}.visual.svelte-l4h0f1 img:where(.svelte-l4h0f1){object-fit:cover;object-position:center top;transition:transform .5s var(--transition-ease-standard)}.visual[data-project=fritz].svelte-l4h0f1 img:where(.svelte-l4h0f1){object-position:center 58%}.cursor-label.svelte-l4h0f1{position:absolute;top:0;left:0;z-index:2;padding:.35rem .5rem;border:1px solid var(--color-border-strong);background:var(--color-text);box-shadow:var(--shadow-elevation-2);color:var(--color-bg);font-family:var(--font-family-mono);font-size:.6875rem;letter-spacing:var(--letter-spacing-label);line-height:1;opacity:0;pointer-events:none;text-transform:uppercase;transform:translate(var(--cursor-label-x),var(--cursor-label-y));white-space:nowrap}.cursor-label.visible.svelte-l4h0f1{opacity:1}.project-card:hover .visual.svelte-l4h0f1 img:where(.svelte-l4h0f1),.project-card:focus-visible .visual.svelte-l4h0f1 img:where(.svelte-l4h0f1){transform:scale(1.0125)}.fallback.svelte-l4h0f1{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;font-size:clamp(2rem,8vw,6rem);font-weight:600;letter-spacing:-.06em;text-transform:capitalize}@media(max-width:52rem){.visual[data-frame=phone].compact.svelte-l4h0f1{aspect-ratio:4 / 3}.device--phone.svelte-l4h0f1{height:calc(100% - .7rem)}}@media(max-width:40rem){.device--phone.svelte-l4h0f1{border-width:.05rem;border-radius:1.45rem;box-shadow:inset 0 0 0 .11rem #0f0e11,0 .75rem 1.3rem #08070961}.device--phone.svelte-l4h0f1 .device__screen:where(.svelte-l4h0f1){inset:.26rem;border-radius:1.22rem}.device__island.svelte-l4h0f1,.device__button.svelte-l4h0f1{display:none}.device--browser.svelte-l4h0f1{width:calc(100% - .65rem);height:calc(100% - .65rem);border-radius:.48rem}.device__bar.svelte-l4h0f1{min-height:1.35rem}}.visual[data-project=driftline].svelte-l4h0f1 .fallback:where(.svelte-l4h0f1){justify-items:start;align-content:end;background:linear-gradient(90deg,transparent 0 24.85%,rgb(125 211 199 / 22%) 25% 25.15%,transparent 25.3% 100%),linear-gradient(0deg,transparent 0 24.85%,rgb(125 211 199 / 16%) 25% 25.15%,transparent 25.3% 100%),#0b2427;color:#f2f5f2;font-family:var(--font-family-mono);font-size:clamp(2.4rem,8vw,7rem);font-weight:500;letter-spacing:-.07em;text-transform:none}.visual[data-project=driftline].svelte-l4h0f1 .fallback:where(.svelte-l4h0f1):before{content:"PORTFOLIO FLOW · MODEL AB-07";position:absolute;top:1.25rem;left:1.25rem;color:#7dd3c7;font-size:.68rem;font-weight:500;letter-spacing:.12em}@media(prefers-reduced-motion:reduce){.visual.svelte-l4h0f1 img:where(.svelte-l4h0f1){transition:none}.cursor-label.svelte-l4h0f1{display:none}}@media(hover:none),(pointer:coarse){.cursor-label.svelte-l4h0f1{display:none}}@media(forced-colors:active){.visual[data-frame=phone].svelte-l4h0f1:before,.visual[data-frame=phone].svelte-l4h0f1:after{display:none}.device--phone.svelte-l4h0f1,.device--browser.svelte-l4h0f1,.device__bar.svelte-l4h0f1{border-color:CanvasText;background:Canvas;box-shadow:none;color:CanvasText}.device__island.svelte-l4h0f1,.device__button.svelte-l4h0f1,.device__dots.svelte-l4h0f1 i:where(.svelte-l4h0f1){background:CanvasText}}