:root{--bg:#080808;--ink:#f0f0ee;--mint:#a2ffe4;--space:"Space Grotesk",Arial,sans-serif;--mono:"DM Mono",Consolas,monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:var(--bg);font-family:var(--space)}img,video{display:block}.project-close{position:fixed;z-index:100;top:24px;right:24px;color:var(--ink);text-decoration:none;width:58px;height:58px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(8,8,8,.68);box-shadow:0 12px 42px rgba(0,0,0,.26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .3s,background .3s,transform .3s cubic-bezier(.2,.8,.2,1)}.project-close span{position:absolute;top:50%;left:50%;width:22px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.project-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.project-close:hover{color:#080808;background:var(--mint);transform:rotate(90deg)}.project-close:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.project-page{min-height:100vh}.project-loading{display:grid;place-items:center;gap:18px;min-height:100vh;color:rgba(240,240,238,.55);font:500 11px/1 var(--mono);letter-spacing:.12em}.project-loading i{display:block;width:120px;height:1px;overflow:hidden;background:rgba(255,255,255,.12)}.project-loading i::after{content:"";display:block;width:45%;height:100%;background:var(--mint);animation:.9s ease-in-out infinite alternate project-loading}@keyframes project-loading{to{transform:translateX(122%)}}.case-study{width:var(--case-study-width,720px);max-width:calc(100vw - 48px);margin:0 auto;overflow:hidden;background:var(--bg)}.case-study img{width:100%;height:auto;margin:0;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}.case-study img.is-loaded{opacity:1;transform:none}.cover-project,.video-project{position:relative;display:grid;min-height:100svh;overflow:hidden;background:#080808}.cover-project{place-items:center;padding:8vw}.cover-project img{width:min(66vw,820px);max-height:72vh;object-fit:contain;box-shadow:0 40px 120px rgba(0,0,0,.5)}.project-meta{position:absolute;z-index:2;bottom:32px;left:32px}.project-meta small{display:block;margin-bottom:10px;color:var(--mint);font:500 11px/1 var(--mono);letter-spacing:.08em}.project-meta h1{max-width:800px;margin:0;font-size:clamp(32px, 5vw, 76px);font-weight:500;line-height:.95;letter-spacing:-.045em}.video-project{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(84px,7vw) 4vw}.video-shell{position:relative;width:min(92vw,1380px);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#000;box-shadow:0 40px 140px rgba(0,0,0,.64)}.video-shell video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain;object-position:50% 50%}.video-start{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:0;color:#080808;border:0;background:0 0;cursor:pointer;transition:opacity .3s,visibility .3s}.video-start-disc{display:grid;place-items:center;width:92px;height:92px;padding-left:6px;color:#080808;background:rgba(240,240,238,.94);border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 16px 45px rgba(0,0,0,.2);backdrop-filter:blur(12px);transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}.video-start-disc>span{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid currentColor}.video-start small{padding:8px 12px;color:#080808;background:rgba(240,240,238,.94);border-radius:999px;font:600 10px/1 var(--mono);letter-spacing:.1em}.video-start:hover .video-start-disc{background:var(--mint);transform:scale(1.08)}.video-shell.is-playing .video-start{visibility:hidden;opacity:0;pointer-events:none}.video-project .project-meta{position:relative;bottom:auto;left:auto;width:min(92vw,1380px);margin-top:28px}.video-project .project-meta h1{font-size:clamp(28px,3.7vw,58px)}@media (max-width:720px){.project-close{top:14px;right:14px;width:50px;height:50px}.cover-project{padding:80px 18px 150px}.cover-project img{width:100%;max-height:70vh}.project-meta{right:20px;bottom:24px;left:20px}.video-project{padding:76px 12px 40px}.video-project .project-meta,.video-shell{width:100%}.video-start-disc{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:NaNs!important;transition-duration:NaNs!important}}