.portfolio-page.svelte-4p3kqc{min-height:100vh;background:#050505;padding:clamp(8rem,14vw,12rem) 0 clamp(5rem,9vw,8rem);color:#fff}.page-inner.svelte-4p3kqc{width:min(100%,106.25rem);margin:0 auto;padding:0 clamp(1.5rem,4vw,5rem)}.page-hero.svelte-4p3kqc{display:grid;gap:clamp(1.2rem,3vw,2rem);margin-bottom:clamp(3rem,7vw,6rem)}.hero-line.svelte-4p3kqc{height:1px;background:linear-gradient(90deg,#ffffff47,#ffffff08)}.case-grid.svelte-4p3kqc{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem);grid-auto-rows:minmax(24rem,auto)}.case-card.svelte-4p3kqc{position:relative;display:flex;min-height:24rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:clamp(1rem,2vw,2rem);background:#ffffff06;color:#fff;text-decoration:none;padding:clamp(1.5rem,3vw,3rem);isolation:isolate;animation:svelte-4p3kqc-cardIn .78s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 90ms);transition:border-color .5s ease,transform .5s ease,background .5s ease}.case-card.svelte-4p3kqc:hover{transform:translateY(-.35rem);border-color:#a855f773;background:#ffffff0a}.case-art.svelte-4p3kqc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.9;background:radial-gradient(circle at 72% 35%,rgba(168,85,247,.2),transparent 32rem),radial-gradient(circle at 20% 80%,rgba(255,255,255,.08),transparent 26rem)}.case-grid-bg.svelte-4p3kqc{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:3.5rem 3.5rem;-webkit-mask-image:radial-gradient(circle at 70% 45%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 45%,#000,transparent 70%)}.case-orbit.svelte-4p3kqc{position:absolute;right:-8rem;top:50%;width:clamp(18rem,38vw,35rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);transform:translateY(-50%) rotate(calc(var(--i) * 18deg))}.case-orbit.svelte-4p3kqc:before,.case-orbit.svelte-4p3kqc:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid rgba(255,255,255,.07);transform:rotate(35deg)}.case-orbit.svelte-4p3kqc:after{top:34%;right:34%;bottom:34%;left:34%;border-color:#a855f72e;transform:rotate(-22deg)}.case-top.svelte-4p3kqc,.case-bottom.svelte-4p3kqc{position:relative;z-index:1}.case-card.svelte-4p3kqc{justify-content:space-between;flex-direction:column}.case-top.svelte-4p3kqc{display:flex;justify-content:space-between;gap:1rem}.case-top.svelte-4p3kqc span:where(.svelte-4p3kqc){width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.55rem .9rem;background:#ffffff0d;font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#ffffff94}.case-arrow.svelte-4p3kqc{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;transition:transform .5s ease,background .5s ease,color .5s ease}.case-arrow.svelte-4p3kqc svg{display:block}@media (max-width: 42rem){.portfolio-page.svelte-4p3kqc{padding-top:7rem}h2.svelte-4p3kqc{font-size:clamp(1.85rem,9vw,2.9rem);line-height:1.04;word-spacing:normal}}.case-card.svelte-4p3kqc:hover .case-arrow:where(.svelte-4p3kqc){transform:rotate(45deg);background:#fff;color:#000}.case-bottom.svelte-4p3kqc{max-width:44rem}h2.svelte-4p3kqc{font-family:Neue Machina,Unbounded,system-ui,sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:900;line-height:1;text-transform:uppercase;margin:0 0 1rem;transform:skew(-5deg)}p.svelte-4p3kqc{max-width:42rem;margin:0;font-size:clamp(.82rem,1vw,1rem);line-height:1.75;color:#ffffff7a;transition:color .4s ease}.case-card.svelte-4p3kqc:hover p:where(.svelte-4p3kqc){color:#ffffffc7}.empty.svelte-4p3kqc{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:3rem;color:#fff6}@media (min-width: 56rem){.case-grid.svelte-4p3kqc{grid-template-columns:repeat(12,1fr);grid-auto-rows:21rem}.case-card.svelte-4p3kqc{grid-column:span 6;min-height:auto}.case-card-large.svelte-4p3kqc{grid-column:span 7;grid-row:span 2}.case-card-side.svelte-4p3kqc{grid-column:span 5}.case-card-wide.svelte-4p3kqc{grid-column:span 7}}@keyframes svelte-4p3kqc-cardIn{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}
