@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";html{-webkit-text-size-adjust:100%}:root{color-scheme:dark;--bg: #030308;--bg-soft: rgba(255, 255, 255, .03);--bg-card: rgba(8, 10, 18, .7);--text: #f4f4f2;--muted: #a8acb3;--accent: #66ffe0;--accent-soft: rgba(102, 255, 224, .25);--accent-strong: #b269ff;--border: rgba(255, 255, 255, .09);--shadow: 0 20px 45px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{font-family:Space Grotesk,Inter,Suisse,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,rgba(178,105,255,.25),transparent 45%),radial-gradient(circle at 20% 20%,rgba(102,255,224,.25),transparent 25%),var(--bg);color:var(--text);line-height:1.6;overflow-x:clip}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 30%,rgba(0,0,0,.4),transparent 55%),url(/illwill-bg.png) no-repeat center 30%;background-size:min(1000px,70vw);opacity:.35;mix-blend-mode:lighten;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at bottom,rgba(255,255,255,.04),transparent 60%);opacity:.5;z-index:-1}img{max-width:100%;display:block;border-radius:1rem}a{color:var(--accent);text-decoration:none;font-weight:500}a:hover,button:hover{opacity:.9}p{color:var(--muted);margin-top:.5rem}main{width:min(1200px,100%);margin:0 auto;padding:clamp(2rem,5vw,4rem) 1.5rem 5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));padding-left:max(1.5rem,calc(env(safe-area-inset-left) + .75rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + .75rem))}.page{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.section{margin-top:clamp(3rem,6vw,4.75rem)}.stack{display:flex;flex-direction:column;gap:1.25rem}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0}h1{font-size:clamp(2.5rem,6vw,3.75rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:1.25rem}.button-row{display:flex;flex-wrap:wrap;gap:.85rem}.button,button,input[type=submit]{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-wrap:balance;transition:transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.button.primary,button.primary,input[type=submit]{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#050607;box-shadow:0 10px 30px #66ffe040}.button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.button.ghost{border-radius:.75rem;border:1px solid var(--border);padding:.75rem 1rem;background:var(--bg-soft)}.button,.social-row a,.nav-links a,.filter-button,.nav-toggle,input[type=submit]{min-height:44px}.button:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0 0;list-style:none}.tag{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--accent-soft);background:#66ffe014;color:var(--accent);font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:clamp(1rem,2.5vw,1.5rem);box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.hero{align-items:stretch}.mix-embed iframe{width:100%;min-height:clamp(240px,42vw,300px);border:0;border-radius:1rem;overflow:hidden}.mix-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem}.mix-list.tight{gap:1rem}.mix-card{display:flex;flex-direction:column;gap:1rem}.mix-card__media{border-radius:1rem;overflow:hidden;aspect-ratio:1 / 1;background:#ffffff08}.mix-card__media img{width:100%;height:100%;object-fit:cover;display:block}.mix-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mix-card__details{display:flex;flex-direction:column;gap:.75rem}.mix-card.full .mix-embed iframe{min-height:clamp(260px,55vw,360px)}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag.alt{border-color:#ffffff26;background:#ffffff0f;color:var(--text)}.mix-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between}.mix-actions .mix-meta{overflow-wrap:anywhere}.mix-stats{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mix-stats div{display:flex;flex-direction:column;gap:.15rem;min-width:90px}.mix-stats span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.filter-button{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);padding:.5rem 1.25rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.filter-button.active,.filter-button:focus-visible{border-color:var(--accent-soft);background:#66ffe033;color:var(--accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.section-heading .mix-meta{color:var(--muted)}.stats-card{gap:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1rem 0}.mix-card header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.mix-meta{font-size:.9rem;color:var(--muted)}.show-list{display:grid;gap:1rem}.show-item{padding:1rem 1.25rem;border-radius:1rem;border:1px solid var(--border);background:var(--bg-soft);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem}.show-meta{display:flex;flex-direction:column;gap:.25rem}form{display:grid;gap:1rem}label{font-size:.95rem;font-weight:500}input,textarea{width:100%;border-radius:.75rem;border:1px solid var(--border);background:#ffffff05;padding:.85rem 1rem;color:var(--text);font-size:1rem;font-family:inherit}textarea{min-height:8rem}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.list-bullets{display:grid;gap:.75rem;padding-left:1.2rem;color:var(--muted)}.download-list{display:flex;flex-wrap:wrap;gap:.75rem}.download-list a{display:inline-flex;align-items:center;gap:.4rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}.photo-card{border-radius:1rem;border:1px dashed rgba(255,255,255,.2);padding:1rem;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#b269ff59,#060e19b3)}.photo-card.filled img{border-radius:.75rem;margin-bottom:.75rem}.social-row{display:flex;flex-wrap:wrap;gap:.75rem}.social-row a{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text);text-align:center}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--muted)}hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.footer{width:min(1200px,100%);margin:0 auto;padding:2rem 1.5rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom));padding-left:max(1.5rem,calc(env(safe-area-inset-left) + .75rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + .75rem));border-top:1px solid rgba(255,255,255,.08);display:grid;gap:1rem}nav{width:min(1200px,100%);margin:0 auto;padding:1.25rem 1.5rem;padding-top:max(1.25rem,calc(env(safe-area-inset-top) + .5rem));padding-left:max(1.5rem,calc(env(safe-area-inset-left) + .75rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right) + .75rem))}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{text-transform:uppercase;letter-spacing:.2em;font-size:1rem;font-weight:600;color:var(--text);line-height:1.2}.logo small{display:block;font-size:.65rem;color:var(--muted);letter-spacing:.3em}.nav-links{display:flex;align-items:center;gap:.75rem}.nav-links a{color:var(--text);padding:.35rem .75rem;border-radius:999px;border:1px solid transparent;text-align:center}.nav-links a.active{border-color:var(--accent-soft);background:#ffffff08}.nav-toggle{display:none}@media(max-width:720px){nav{padding-bottom:0}.nav-bar{flex-wrap:wrap}.nav-links{width:100%;flex-direction:column;border:1px solid var(--border);padding:1rem;border-radius:1rem;display:none;background:#05060ae6;align-items:stretch}.nav-links.open{display:flex}.nav-links a,.nav-links .button{width:100%;padding:.8rem 1rem}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;min-height:2.75rem;padding:.35rem 1rem;font-size:.9rem}.button-row{flex-direction:column}.button-row>*{width:100%}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-button{width:100%;justify-content:center}.mix-actions{align-items:stretch}.mix-actions>*{width:100%}.show-item{flex-direction:column;align-items:flex-start}.social-row a{flex:1 1 140px}.footer p,.footer a,.logo,.mix-card h3{overflow-wrap:anywhere}main,.footer,nav{padding-left:max(1rem,calc(env(safe-area-inset-left) + .5rem));padding-right:max(1rem,calc(env(safe-area-inset-right) + .5rem))}}@media(max-width:520px){body:before{background-size:130vw;background-position:center 12%;opacity:.24}h1{font-size:clamp(2rem,12vw,2.8rem)}main{padding-top:1.5rem;padding-bottom:4rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.section{margin-top:2.5rem}.split,.mix-list,.photo-grid{gap:1rem}.mix-card,.card,.show-item,.photo-card{border-radius:1rem}.mix-stats{gap:.75rem 1rem}.mix-stats div{min-width:0;flex:1 1 120px}.stat-grid,.filter-row{grid-template-columns:1fr}.mix-card.full .mix-embed iframe,.mix-embed iframe{min-height:220px}.kicker{letter-spacing:.16em}}@media(max-width:430px){.logo{letter-spacing:.14em;font-size:.95rem}.logo small{letter-spacing:.2em}.button,.nav-links a,.social-row a,.filter-button{font-size:.95rem}.show-item{padding:.95rem 1rem}}@media(max-width:390px){h1{font-size:clamp(1.85rem,11vw,2.4rem)}.logo{letter-spacing:.1em}.kicker{font-size:.74rem;letter-spacing:.12em}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}