:root{--paper:#f6f6f4;--ink:#101112;--muted:#10111294;--hero-radius:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif}@media (prefers-reduced-motion:no-preference){.fade{animation:.9s ease-out both fade}.fade-2{animation-delay:.15s}.fade-3{animation-delay:.3s}.fade-4{animation-delay:.45s}}@keyframes fade{0%{opacity:0}}.hero{border-radius:0 0 var(--hero-radius) var(--hero-radius);background:#14181a;height:100svh;min-height:560px;position:relative;overflow:hidden}.hero video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.hero .grain{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.nav{z-index:2;justify-content:space-between;align-items:center;padding:clamp(18px,3vh,28px) clamp(20px,4vw,44px);display:flex;position:absolute;top:0;left:0;right:0}.nav .brand{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:24px}.contact{color:var(--ink);letter-spacing:-.01em;background:#fff;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .3s}.contact:hover{background:#e6e4df}.hero .mark{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.glass{aspect-ratio:232.5/162.9;filter:drop-shadow(0 3px 8px #04080a59);width:min(34vw,340px);position:relative}.glass-lip-top,.glass-lip-bottom,.glass-body{position:absolute;inset:0;-webkit-mask:url(/horse.svg) 50%/contain no-repeat;mask:url(/horse.svg) 50%/contain no-repeat}.glass-lip-top{transform:translate(var(--lx,0px), var(--ly,-1.5px));background:#fffffff2}.glass-lip-bottom{transform:translate(calc(var(--lx,0px) * -1), calc(var(--ly,-1.5px) * -1));background:#0a0e1080}.glass-body{overflow:hidden}.glass-body .refract{object-fit:cover;filter:blur(9px)brightness(1.4)saturate(1.15);width:100vw;height:max(100svh,560px);position:absolute;top:calc(50% - max(100svh,560px)/2);left:calc(50% - 50vw)}.glass-body:after{content:"";background:radial-gradient(38% 52% at var(--sx,50%) var(--sy,35%), #ffffff4d, #fff0 65%), linear-gradient(180deg, #ffffff4d, #ffffff14 40%, #ffffff0d 70%, #ffffff24);position:absolute;inset:0}.stable{padding:clamp(48px,8vh,88px) clamp(24px,6vw,96px) clamp(36px,6vh,64px);overflow:hidden}.portfolio{text-align:center;letter-spacing:-.02em;color:var(--ink);margin-bottom:clamp(28px,4.5vh,48px);font-size:clamp(26px,3.2vw,38px);font-weight:650}.row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(8px,1.5vw,20px);max-width:1240px;margin:0 auto;display:flex}.app{width:148px;color:inherit;background:0 0;border-radius:24px;flex-direction:column;align-items:center;padding:20px 12px 14px;text-decoration:none;transition:background-color .3s;display:flex}.app:hover{background:#ebebe9}.tile{aspect-ratio:1;border-radius:21px;place-items:center;width:64px;display:grid;overflow:hidden}.tile img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tile-arway{background:linear-gradient(#67ceff,#a8e4fa)}.tile-arway img{width:44%}.tile-minink{background:#fff}.tile-minink img{width:52%}.tile-ovca{background:#ff0a3d}.tile-ovca img{width:46%}.tile-continuum{background:#060606}.tile-continuum img{width:42%}.app h2{letter-spacing:-.01em;margin-top:12px;font-size:14px;font-weight:600}.app p{min-height:2.7em;color:var(--muted);text-align:center;text-wrap:balance;margin-top:3px;font-size:12px;font-weight:400;line-height:1.35}@media (hover:hover){.app p{opacity:0;transition:opacity .35s}.app:hover p{opacity:1}}@media (max-width:900px){.glass{width:min(52vw,280px)}}@media (max-width:660px){.hero{border-radius:0}.stable{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}