: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}.facet>summary{display:none}.facet::details-content{content-visibility:visible}.facet-menu{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%;height:auto;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}.rqg{margin:18px 0 6px;padding:20px;background:var(--card);border:2px solid var(--line);border-radius:18px}.rqg-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.rqg-field{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.82rem;color:var(--muted)}.rqg-field select,.rqg-field input{font:inherit;font-weight:600;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px}.rqg-field select{min-width:150px;cursor:pointer}.rqg-field input{width:90px}.rqg-field select:focus,.rqg-field input:focus{outline:none;border-color:var(--accent)}.rqg-go,.rqg-copy{font:inherit;font-weight:700;border-radius:999px;padding:11px 22px;cursor:pointer;border:2px solid var(--ink)}.rqg-go{background:var(--ink);color:#fff}.rqg-go:hover{background:var(--accent);border-color:var(--accent)}.rqg-copy{background:#fff;color:var(--ink)}.rqg-copy:hover{border-color:var(--accent);color:var(--accent)}.rqg-list{list-style:none;counter-reset:q;padding:0;margin:18px 0 0;display:grid;gap:10px}.rqg-list:empty{margin:0}.rqg-list li{counter-increment:q;position:relative;padding:14px 16px 14px 52px;background:#faf8ff;border:2px solid var(--line);border-radius:14px;font-size:1.05rem;color:var(--ink)}.rqg-list li:before{content:counter(q);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--display);font-weight:800;font-size:.9rem;display:grid;place-items:center}.rdd-reveal{margin-top:18px}.rdd-answer{margin:0;padding:16px 20px;background:var(--accent-3);color:#fff;border:2px solid var(--ink);border-radius:14px;font-family:var(--display);font-weight:800;font-size:1.3rem;text-align:center}.rzp-stage{margin-top:6px;aspect-ratio:16 / 9;overflow:hidden;border:2px solid var(--ink);border-radius:14px;background:#000}.rzp-stage img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;will-change:transform}.rzp-actions{margin-top:14px;display:flex;flex-direction:column;gap:12px}.rzp-answer{margin:0;padding:16px 20px;background:var(--accent-3);color:#fff;border:2px solid var(--ink);border-radius:14px;font-family:var(--display);font-weight:800;font-size:1.3rem;text-align:center}@media (max-width: 768px){.wrap{padding:0 22px}.site-head{padding:18px 22px}.site-foot{padding:44px 22px 36px}}@media (max-width: 600px){body{background-attachment:scroll;overflow-x:hidden}.wrap{padding:0 16px}.site-head{flex-wrap:wrap;justify-content:center;gap:10px 18px;padding:16px 16px 14px}.logo{font-size:1.3rem}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}.site-nav a{margin-left:0}.hero{padding:14px 0 4px}.badge{margin-bottom:14px}.hero p{font-size:1rem}.searchbar{margin-top:22px}.filters{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:24px}.facet{position:relative}.facet>summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-weight:600;font-size:.86rem;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:9px 14px;box-shadow:var(--shadow);white-space:nowrap;-webkit-tap-highlight-color:transparent}.facet>summary::-webkit-details-marker{display:none}.facet[open]>summary{background:var(--ink);color:#fff}.facet-caret{width:13px;height:13px;flex:none;transition:transform .18s}.facet[open] .facet-caret{transform:rotate(180deg)}.facet-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--pc, var(--accent));color:#fff;font-size:.7rem;font-weight:700;line-height:1}.facet-count[hidden]{display:none}.facet:not([open]) .facet-menu{display:none}.facet[open] .facet-menu{display:flex;flex-direction:column;gap:4px;position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:184px;max-width:78vw;padding:8px;background:var(--card);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-lg)}.facet-menu .pill{width:100%;justify-content:flex-start;text-align:left;padding:11px 14px;border-radius:12px;font-size:.92rem}.detail .cap{min-height:120px}.rqg{padding:16px}.rqg-field:has(select){flex:1 1 100%}.rqg-field select{width:100%;min-width:0}.rqg-go,.rqg-copy{flex:1 1 auto;padding:12px 20px}.rqg-list li{font-size:1rem}.steps li{padding:14px 14px 14px 52px}}
