.screens.svelte-1v978x9{position:absolute;inset:0;container-type:size}.copy.svelte-1v978x9{flex-direction:column;gap:3cqh;width:38cqw;display:flex;position:absolute;top:50%;left:8cqw;translate:0 -50%}.logo.svelte-1v978x9{width:34cqw;height:auto;margin-left:-.46cqw}.name.svelte-1v978x9{background:var(--gradient-sunrise);color:#0000;font-family:var(--font-heading);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:11cqh;font-weight:800;line-height:1}.steps.svelte-1v978x9{flex-direction:column;gap:1.6cqh;margin:0;padding:0;list-style:none;display:flex}.steps.svelte-1v978x9 button:where(.svelte-1v978x9){color:var(--neutral-400);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:2.4cqh;padding:0;font-size:max(12px,4.6cqh);font-weight:600;display:flex}.steps.svelte-1v978x9 button:where(.svelte-1v978x9):before{content:"";background:var(--surface);width:2.4cqh;height:2.4cqh;box-shadow:var(--shadow-raised-sm);border-radius:50%;flex:none}.steps.svelte-1v978x9 button[aria-current=true]:where(.svelte-1v978x9){color:var(--neutral-800)}.steps.svelte-1v978x9 button[aria-current=true]:where(.svelte-1v978x9):before{background:var(--accent-400);box-shadow:none}.steps.svelte-1v978x9 button:where(.svelte-1v978x9):focus-visible{outline:2px solid var(--accent-600);outline-offset:3px;border-radius:4px}.phone.svelte-1v978x9{background:var(--neutral-800);height:114cqh;box-shadow:var(--shadow-raised);border-radius:7.5cqh;padding:1.3cqh;position:absolute;top:10cqh;left:52cqw}.phone.svelte-1v978x9:before,.phone.svelte-1v978x9:after{content:"";background:var(--neutral-800);border-radius:.5cqh;width:.9cqh;position:absolute}.phone.svelte-1v978x9:before{height:8cqh;box-shadow:0 10cqh 0 var(--neutral-800);top:20cqh;left:-.6cqh}.phone.svelte-1v978x9:after{height:13cqh;top:25cqh;right:-.6cqh}.island.svelte-1v978x9{z-index:1;background:var(--neutral-800);border-radius:999px;width:26%;height:3.2cqh;position:absolute;top:1.3cqh;left:50%;translate:-50%}.stack.svelte-1v978x9{aspect-ratio:9/16;height:100%;position:relative}.stack.svelte-1v978x9 img:where(.svelte-1v978x9){object-fit:cover;opacity:0;border-radius:6.2cqh;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.stack.svelte-1v978x9 img.on:where(.svelte-1v978x9){opacity:1}@media (prefers-reduced-motion:reduce){.stack.svelte-1v978x9 img:where(.svelte-1v978x9){transition:none}}.projects-section.svelte-rqn88j{padding-top:24px}.project-list.svelte-rqn88j{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}.project-list.svelte-rqn88j>li:where(.svelte-rqn88j){scroll-margin-top:24px;display:flex}.project.svelte-rqn88j{gap:28px;display:grid}.preview.svelte-rqn88j{isolation:isolate;aspect-ratio:16/10;border-radius:var(--radius-well);box-shadow:var(--shadow-inset);place-items:center;display:grid;position:relative;overflow:hidden}.preview.svelte-rqn88j:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--shadow-inset);pointer-events:none;position:absolute;inset:0}.preview.svelte-rqn88j>img:where(.svelte-rqn88j){object-fit:cover;width:100%;height:100%}.preview-name.svelte-rqn88j{background:var(--gradient-sunrise);color:#0000;font-family:var(--font-heading);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7vw,3.2rem);font-weight:800}.details.svelte-rqn88j{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.kind.svelte-rqn88j{color:var(--accent-600);font-size:14px;font-weight:700}h2.svelte-rqn88j{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.summary.svelte-rqn88j{color:var(--neutral-400);margin:0;font-size:16px;line-height:1.65}.meta.svelte-rqn88j{gap:12px;margin:6px 0 0;display:grid}.meta.svelte-rqn88j dt:where(.svelte-rqn88j){color:var(--neutral-400);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.meta.svelte-rqn88j dd:where(.svelte-rqn88j){margin:4px 0 0;font-size:15px}.meta.svelte-rqn88j a:where(.svelte-rqn88j){color:var(--accent-600);font-weight:700;text-decoration:none}.meta.svelte-rqn88j a:where(.svelte-rqn88j):hover{text-decoration:underline}@media (width>=900px){.project.svelte-rqn88j{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:12px}}