:root{--red:#e60023;--ink:#111;--muted:#767676;--soft:#efefef}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.topbar{height:80px;display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:10;background:#fff}.logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font:700 29px Georgia,serif;text-decoration:none}.nav-link{padding:14px 15px;border-radius:25px;font-size:16px;font-weight:700;color:#111;text-decoration:none}.nav-link.active{background:#111;color:#fff}.search{height:48px;flex:1;display:flex;gap:10px;align-items:center;background:var(--soft);border-radius:25px;padding:0 16px;color:#555;font-size:25px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:16px}.icon-button,.avatar,.chevron{border:0;background:transparent;color:#555;cursor:pointer;font-size:20px}.avatar{width:32px;height:32px;border-radius:50%;background:#c5a47e;color:#fff;font-size:13px;font-weight:700}.chevron{font-size:20px}main{padding:12px 22px 50px}.hero-copy{text-align:center;margin:24px 0 18px}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--red);margin:0 0 7px}.hero-copy h1{font-size:32px;letter-spacing:-1.2px;margin:0 0 8px}.hero-copy p:last-child{margin:0;color:var(--muted);font-size:14px}.toolbar{max-width:1500px;margin:0 auto 13px;display:flex;align-items:center;justify-content:space-between}.toolbar p{font-size:14px;color:var(--muted)}.toolbar strong{color:var(--ink)}.create-button{padding:11px 15px;background:var(--red);color:#fff;border-radius:23px;font-size:14px;font-weight:700;cursor:pointer}.create-button input,.media-slot input{display:none}.categories{max-width:1500px;margin:0 auto 20px;display:flex;gap:9px;overflow-x:auto;padding:2px 0 5px}.category{flex:0 0 auto;border:0;border-radius:22px;background:var(--soft);padding:10px 15px;font-size:14px;font-weight:700;color:#444;cursor:pointer}.category:hover{background:#e1e1e1}.category.active{background:#111;color:#fff}.masonry{max-width:1500px;margin:auto;columns:6 220px;column-gap:16px}.pin{break-inside:avoid;margin:0 0 18px;position:relative}.pin.is-hidden{display:none}.media-slot{width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:16px;cursor:pointer;background:linear-gradient(145deg,#ddd,#aaa);color:#fff}.pin:nth-child(3n+1) .media-slot{background:linear-gradient(145deg,#8d9eaa,#52616c)}.pin:nth-child(3n+2) .media-slot{background:linear-gradient(145deg,#d0a07b,#8d594b)}.pin:nth-child(3n) .media-slot{background:linear-gradient(145deg,#b4b091,#767b62)}.tall .media-slot{height:340px}.medium .media-slot{height:260px}.short .media-slot{height:190px}.large .media-slot{height:390px}.media-slot span{font-size:11px;background:#0005;padding:8px 10px;border-radius:7px}.media-slot img,.media-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pin-info{padding:9px 5px 1px}.pin-info h2{font-size:14px;margin:0 0 3px}.pin-info p{font-size:12px;margin:0;color:var(--muted)}.pin:hover .media-slot{filter:brightness(.82)}.editor-mode .editable{outline:2px dashed var(--red);outline-offset:3px;border-radius:3px}.hint{position:fixed;bottom:22px;left:50%;transform:translate(-50%,130px);background:#111;color:#fff;border-radius:20px;padding:10px 15px;font-size:12px;transition:.25s;z-index:12}.editor-mode .hint{transform:translate(-50%,0)}@media(max-width:740px){.topbar{height:64px;padding:0 12px;gap:7px}.logo{width:36px;height:36px;font-size:22px}.nav-link{display:none}.nav-link.active{display:block;padding:10px 12px;font-size:14px}.search{height:40px;padding:0 11px}.search input{font-size:13px}.icon-button{font-size:18px}.chevron{display:none}main{padding:8px 10px 35px}.hero-copy{margin:20px 0}.hero-copy h1{font-size:27px}.masonry{columns:2 150px;column-gap:10px}.pin{margin-bottom:13px}.tall .media-slot{height:285px}.medium .media-slot{height:215px}.short .media-slot{height:155px}.large .media-slot{height:325px}.media-slot{border-radius:12px}.toolbar{padding:0 3px}.create-button{font-size:12px;padding:9px 12px}.category{font-size:12px;padding:8px 12px}}
