*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f7f4;--fg:#111;--muted:#888}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;height:100dvh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}nav{z-index:100;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;padding:28px clamp(24px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}nav *{pointer-events:auto}.nav-logo{letter-spacing:-.02em;color:var(--fg);font-size:15px;font-weight:700;text-decoration:none}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--fg);font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.5}.slideshow{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.slide-img{object-fit:contain;width:100%;height:100dvh;transition:opacity .15s;display:block}.slide-img.fade-in{opacity:1}.slide-img.fade-out{opacity:0}.slide-zone{z-index:10;width:50%;position:absolute;top:0;bottom:0}.slide-zone--left{cursor:w-resize;left:0}.slide-zone--right{cursor:e-resize;right:0}.slide-meta{color:var(--fg);font-size:14px;font-weight:400;transition:opacity .15s;position:absolute;bottom:clamp(16px,3vh,32px);left:clamp(24px,4vw,48px)}.works-grid-page{height:100dvh;padding:100px clamp(24px,4vw,48px) 60px;overflow-y:auto}.works-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.grid-item img{object-fit:cover;width:100%;display:block}.grid-meta{color:var(--fg);margin-top:12px;font-size:14px;font-weight:400}.info-page{text-align:center;justify-content:center;align-items:center;max-width:520px;height:100dvh;margin:0 auto;padding:60px clamp(24px,4vw,48px) 140px;display:flex}.info-page a{color:var(--fg);font-size:14px;text-decoration:none}.info-page a:hover{opacity:.5;transition:opacity .2s}@media (width<=600px){nav{padding:20px}.nav-logo{font-size:14px}.nav-links a{font-size:13px}.nav-links{gap:20px}.works-grid{grid-template-columns:repeat(2,1fr);gap:24px}}