:root{--bg: #f8f8f7;--fg: #000;--fg-muted: rgba(0, 0, 0, .5);--placeholder: #e9e9e7;--stroke: rgba(0, 0, 0, .05);--page-pad: 8px;--gap: 8px;--radius: 8px;--row-h: clamp(240px, 33vh, 400px);--text-col: clamp(240px, 24vw, 360px);--font: "Inter", -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:.9rem;line-height:1.2;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{padding:16px var(--page-pad)}.site-name{color:#000000e6}.projects{padding:clamp(120px,22vh,240px) 0 96px}.project{padding:0 0 24px}.project__scroller{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding:0 var(--page-pad);cursor:grab;user-select:none;-webkit-user-select:none;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;border-radius:var(--radius) 0 0 var(--radius)}.project__row{display:grid;grid-template-columns:var(--text-col) minmax(0,1fr);align-items:start;padding-left:var(--page-pad)}.project__row .project__scroller{padding-left:0}.project__scroller::-webkit-scrollbar{display:none}.project__scroller.is-dragging{cursor:grabbing;scroll-behavior:auto}.project__intro{height:var(--row-h);padding-right:24px;display:flex;flex-direction:column;cursor:default}.project__title{margin:0;font-weight:400;font-size:.8rem;line-height:1.2}.project__dot{color:#00000047;padding:0 .35em}.project__tagline{color:var(--fg-muted)}.project__description{margin:auto 0 0;font-size:.95rem;line-height:1.35;letter-spacing:-.003em;color:#000000d9;text-wrap:pretty}.frame{position:relative;flex:none;height:var(--row-h);aspect-ratio:var(--ar, 1);border-radius:var(--radius);overflow:hidden;background:var(--placeholder);isolation:isolate}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--stroke);pointer-events:none}.frame>img,.frame>video{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.frame>img{opacity:0;transition:opacity .4s ease}.frame>img.is-loaded{opacity:1}.frame--video{cursor:ew-resize}@media(max-width:720px){:root{--row-h: clamp(200px, 36vh, 320px)}.project__row{grid-template-columns:minmax(0,1fr);padding-left:0}.project__intro{height:auto;padding:0 var(--page-pad) 12px}.project__row .project__scroller{padding-left:var(--page-pad);border-radius:0}.project__description{margin-top:10px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.frame>img{transition:none}}.projects__error{padding:0 var(--page-pad);color:var(--fg-muted)}