*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f8f8f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a1a}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(60,12%,97%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e8e8e4;height:52px;display:flex;align-items:center;padding:0 16px;gap:0}.nav-logo{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;text-decoration:none;margin-right:auto}.nav-links{display:flex;gap:0}.nav-link{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#888;text-decoration:none;padding:6px 10px;border-radius:6px;transition:color .2s,background .2s}.nav-link:hover{color:#1a1a1a;background:#efefed}.nav-link.active{color:#1a1a1a;background:#e8e8e4}.page{padding-top:52px;min-height:100vh}.page-header{padding:32px 16px 20px;border-bottom:1px solid #e8e8e4}.page-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin-bottom:8px}.page-title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.page-desc{font-size:13px;color:#888;margin-top:6px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:3px}.grid-item{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e8e8e4;cursor:pointer}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.grid-item:hover img{transform:scale(1.06)}.hero{height:calc(100svh - 52px);display:flex;flex-direction:column;justify-content:flex-end;padding:32px 16px;position:relative;overflow:hidden;background:#1a1a1a}.hero-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:2px;gap:2px;opacity:.5}.hero-bg-item{position:relative;overflow:hidden}.hero-bg-item img{width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2;color:#fff}.hero-label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:hsla(0,0%,100%,.5);margin-bottom:12px}.hero-title{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:16px}.hero-categories{display:flex;gap:8px;flex-wrap:wrap}.hero-cat{font-size:12px;font-weight:500;letter-spacing:.06em;padding:6px 14px;border:1px solid hsla(0,0%,100%,.3);border-radius:100px;color:#fff;text-decoration:none;transition:background .2s,border-color .2s}.hero-cat:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.6)}.footer{padding:24px 16px;border-top:1px solid #e8e8e4;text-align:center;font-size:12px;color:#bbb;letter-spacing:.04em}