/* tokens extracted from rhodeskin.com theme.css (16 Oct 2026) */
:root{--text:#67645e;--text2:#84827e;--ink:#303030;--panel:#f1f0ed;--card:#f5f5f5;--line:#dddedc;--bg:#fff;--r:12px;--g:1.375rem;
--sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;--display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;padding:0 var(--g);background:var(--bg);color:var(--text);font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.ann{margin:.75rem 0 .75rem;background:var(--panel);border-radius:var(--r);text-align:center;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.ann a{text-decoration:underline}
.hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 1.375rem;background:var(--panel);border-radius:var(--r) var(--r) 0 0}
.hdr nav{display:flex;gap:2rem}.hdr nav.r{justify-content:flex-end}
.hdr nav a{text-decoration:none;text-transform:uppercase;font-size:.8125rem;font-weight:700;letter-spacing:.02em;color:var(--text)}
.logo{font-family:var(--display);font-size:1.6rem;letter-spacing:-.02em;text-decoration:none;color:var(--text);text-transform:lowercase}
.hero{background:var(--panel);border-radius:0 0 var(--r) var(--r);min-height:56vh;display:flex;align-items:flex-end;padding:2rem 1.375rem}
.hero h1{font-weight:400;font-size:calc(1.5rem + .9vw);letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem;max-width:22ch;text-transform:none}
.hero h1::first-letter{text-transform:uppercase}
.btn,button{display:inline-block;background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--text);border:0;border-radius:2.5rem;padding:.5rem 1.25rem;font:400 .875rem/1.2 var(--sans);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .7s cubic-bezier(.76,0,.24,1)}
.btn:hover,button:hover{background:var(--text);color:#fff}
main{padding:2rem 0}h1{font-weight:700;font-size:calc(1.5rem + .1vw);color:var(--ink);letter-spacing:-.02em}
.sec,h2{font-family:var(--display);font-weight:400;font-size:calc(1.5rem + 1vw);letter-spacing:-.02em;text-transform:lowercase;margin:0 0 .25rem;color:var(--text)}
.muted{color:var(--text2);font-size:.875rem}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.25rem 0}
select,input,textarea{width:100%;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:.75rem 1rem;font:inherit;font-size:.875rem}
.filters select{width:auto;border-radius:2.5rem;text-transform:uppercase;font-size:.75rem;font-weight:700;border-color:var(--text);padding:.45rem 1rem}
.grid{display:grid;gap:var(--g);grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.hdr{grid-template-columns:1fr;justify-items:center;gap:.75rem}.hdr nav{gap:1.25rem}.hdr nav.r{display:none}body{padding:0 1rem}.hero{min-height:44vh}}
.card{position:relative;background:var(--card);border-radius:var(--r);padding:1.5rem 1.375rem;min-height:18rem}
.card h3{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin:0 6.5rem .25rem 0;text-transform:none}
.pill{position:absolute;top:1.5rem;right:1.375rem;background:var(--text);color:#fff;border-radius:2.5rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:700;text-transform:lowercase}
.card>.muted{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.02em}
.tag{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--text2);color:var(--text2);border-radius:2.5rem;padding:.15rem .6rem;margin:.75rem .3rem 0 0}
.tag:first-of-type{display:none}
.card p{font-size:.875rem;line-height:1.5}.card b{color:var(--ink);font-weight:500}
.src a{font-size:.75rem;text-transform:uppercase;margin-right:.75rem;color:var(--text2)}
.take{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--text2)}
.box{background:var(--card);border-radius:var(--r);padding:2rem 1.375rem;margin:var(--g) 0}
.box p{max-width:60ch}
label{display:block;margin:1rem 0 .4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.fwrap{background:var(--panel);border-radius:var(--r);margin:2rem 0 1.375rem;padding:1.75rem 0}
.flogo{font-family:var(--display);font-size:calc(2rem + 6vw);letter-spacing:-.03em;text-align:center;padding:4% 1rem 1.75rem;border-bottom:1px solid var(--text2);line-height:1;text-transform:lowercase}
.disc{font-size:.75rem;color:var(--text);padding:1.25rem 1.375rem 0;max-width:none;border:0}
.logo,.sec,h2,.card h3,.flogo{font-weight:600}
.logo{letter-spacing:-.02em}.sec,h2,.flogo{letter-spacing:-.03em}.card h3{letter-spacing:-.02em}