:root{--ink: #2b2440;--ink-soft: #4a4360;--muted: #6a6280;--paper: #fef6ec;--card: #ffffff;--accent: #7a5cff;--accent-2: #ff6f3c;--accent-3: #16b88a;--line: #e3ddf0;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "DM Sans", system-ui, sans-serif;--shadow: 0 10px 30px rgba(43, 36, 64, .1);--shadow-lg: 0 18px 44px rgba(43, 36, 64, .18)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5;background-image:radial-gradient(circle at 85% 12%,rgba(255,138,76,.14),transparent 40%),radial-gradient(circle at 8% 88%,rgba(120,110,255,.12),transparent 42%);background-attachment:fixed}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1240px;margin:0 auto;padding:0 30px}.site-head{display:flex;align-items:center;justify-content:space-between;padding:22px 30px}.logo{font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;text-decoration:none}.logo .a{color:var(--accent-2)}.logo .b{color:var(--accent)}.logo .c{color:var(--accent-3)}.site-nav a{text-decoration:none;font-weight:600;color:var(--muted);margin-left:22px}.site-nav a:hover{color:var(--ink)}.site-foot{text-align:center;color:var(--muted);font-size:.86rem;padding:50px 30px 40px}.site-foot a{color:var(--accent)}.hero{text-align:center;padding:26px 0 6px}.badge{display:inline-block;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 14px;border-radius:999px;transform:rotate(-2deg);margin-bottom:18px}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,7vw,5rem);line-height:.95;margin:0;letter-spacing:-.025em}.hero h1 .a{color:var(--accent-2)}.hero h1 .b{color:var(--accent)}.hero h1 .c{color:var(--accent-3)}.hero p{font-size:1.06rem;color:var(--muted);max-width:44ch;margin:.8em auto 0}.searchbar{position:relative;max-width:540px;margin:28px auto 0;display:flex;align-items:center}.searchbar .search-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--muted);pointer-events:none}.searchbar input{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:13px 46px;box-shadow:var(--shadow);outline:none;transition:box-shadow .16s}.searchbar input::placeholder{color:#a39bbb}.searchbar input:focus{box-shadow:0 0 0 4px #7a5cff40,var(--shadow)}.searchbar input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:14px;width:26px;height:26px;border:none;cursor:pointer;border-radius:50%;background:#f1ecfb;color:var(--accent);font-weight:700;line-height:1;display:grid;place-items:center}.search-clear:hover{background:var(--accent);color:#fff}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px auto 6px;max-width:980px}.filter-group{display:flex;gap:7px;flex-wrap:wrap;padding:5px;background:var(--card);border-radius:999px;box-shadow:var(--shadow)}.pill{font:inherit;font-weight:600;font-size:.84rem;border:none;cursor:pointer;border-radius:999px;padding:8px 15px;color:var(--muted);background:transparent;transition:.16s;white-space:nowrap}.pill:hover{color:var(--ink)}.pill[aria-pressed=true]{color:#fff;background:var(--pc, var(--accent));box-shadow:0 4px 12px #7a5cff59}.count{text-align:center;font-weight:700;color:#a39bbb;margin:16px 0 28px;font-size:.92rem}.count .clear{font:inherit;font-weight:600;border:none;background:none;cursor:pointer;color:var(--accent-2);text-decoration:underline;margin-left:8px}.deck{columns:3;column-gap:22px}@media (max-width: 900px){.deck{columns:2}}@media (max-width: 560px){.deck{columns:1}}.card{break-inside:avoid;margin-bottom:22px;background:var(--card);border-radius:22px;padding:7px;box-shadow:var(--shadow);border:2px solid var(--ink);transition:transform .18s,box-shadow .18s}.card:nth-child(3n){transform:rotate(-1.1deg)}.card:nth-child(3n+2){transform:rotate(1deg)}.card:hover,.card:focus-within{transform:translateY(-5px) rotate(0);box-shadow:var(--shadow-lg)}.card.is-hidden{display:none}.card-link{text-decoration:none;color:inherit;display:block}.cap{border-radius:16px;padding:18px;position:relative;overflow:hidden;min-height:116px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.cap .type{font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.cap h3{font-family:var(--display);font-weight:800;font-size:1.45rem;line-height:1.02;margin:.3em 0 0;letter-spacing:-.01em}.cap .blob{position:absolute;right:-26px;bottom:-26px;width:90px;height:90px;border-radius:50%;background:#fff6}.card-body{padding:15px 14px 16px}.card-body p{margin:0 0 12px;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.tag{font-weight:600;font-size:.7rem;background:#f1ecfb;color:#6a5cb0;border-radius:999px;padding:4px 10px}.go{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.9rem;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;text-decoration:none;transition:.16s}.go:hover{background:var(--accent)}.read{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--accent);text-decoration:none}.read:hover{text-decoration:underline}.aff{display:inline-block;margin-top:10px;font-weight:700;font-size:.78rem;color:var(--accent-2);text-decoration:none}.aff:hover{text-decoration:underline}.card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid var(--line);box-shadow:0 8px 22px #0000001f;background:#efeaf7}.detail .card-img{aspect-ratio:16 / 9;margin-bottom:22px}.shot{border-radius:12px;overflow:hidden;background:var(--g);box-shadow:0 8px 22px #00000029;margin-bottom:12px}.shot-bar{height:20px;background:#00000042;display:flex;align-items:center;gap:5px;padding:0 9px}.shot-bar i{width:7px;height:7px;border-radius:50%;background:#ffffff8c}.shot-body{aspect-ratio:16/9;display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--display);text-shadow:0 1px 10px rgba(0,0,0,.35);letter-spacing:-.01em;padding:1rem;text-align:center;font-size:1.15rem}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty b{display:block;font-family:var(--display);font-size:1.5rem;color:var(--ink);margin-bottom:.3em}.detail{max-width:760px;margin:0 auto;padding:10px 0 20px}.back{display:inline-flex;gap:6px;font-weight:600;color:var(--muted);text-decoration:none;margin-bottom:18px}.back:hover{color:var(--ink)}.detail .cap{min-height:150px;margin-bottom:22px}.detail .cap h3{font-size:clamp(2rem,5vw,2.8rem)}.detail .lede{font-size:1.15rem;color:var(--ink-soft);margin:0 0 22px}.detail h2{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:28px 0 12px}.steps{padding-left:0;list-style:none;counter-reset:s;display:grid;gap:12px}.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 56px;background:var(--card);border:2px solid var(--line);border-radius:14px}.steps li:before{content:counter(s);position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--display);font-weight:800;display:grid;place-items:center}.cta{display:inline-flex;align-items:center;gap:8px;font-weight:700;background:var(--ink);color:#fff;border-radius:999px;padding:13px 24px;text-decoration:none;font-size:1rem}.cta:hover{background:var(--accent)}.credit{color:var(--muted);font-size:.9rem;margin-top:18px}.credit a{color:var(--accent)}.photo-credit{color:#a39bbb;font-size:.78rem;margin:-12px 0 18px}.photo-credit a{color:var(--muted)}.disclosure{background:#fff7ee;border:1px dashed #e0b483;color:#8a6a3a;border-radius:12px;padding:12px 16px;font-size:.82rem;margin:18px 0}.disclosure strong{color:#6b4f25}