.work{position:relative;isolation:isolate}.work:before,.work:after{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);pointer-events:none;z-index:-1}.work:before{background:url('assets/hero-world.webp') center 40%/cover;filter:blur(22px) saturate(.7);opacity:.68;clip-path:inset(0)}.work:after{background:linear-gradient(0deg,#101311f2, #0d1718a8 42%,#101311bb);backdrop-filter:blur(7px)}.work .featured{background:#17211ad9;box-shadow:0 25px 70px #0005;backdrop-filter:blur(20px)}.work .library-top{padding:14px 16px;background:#101b16bd;backdrop-filter:blur(20px);border:1px solid #e5b87822}.work .project-grid{padding:0 20px 25px;background:#101b1699;border:1px solid #c2d7b91f;backdrop-filter:blur(16px)}.projects-page:before{filter:blur(14px) brightness(var(--world-brightness,1));transform:scale(1.05);opacity:.7;background:linear-gradient(#10171166,#101711bc),url('assets/hero-world.webp') 70% center/cover}.project-thumb{border-color:#e5b87833}.projects-page .project-grid{backdrop-filter:blur(18px);background:#101b168c}.toolkit-section{position:relative}.loadout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.loadout-panel{padding:32px;border:1px solid #c4d3bb29;background:linear-gradient(125deg,#2432229e,#18201977);position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.loadout-panel:hover{transform:translateY(-4px);border-color:#e5b87877}.loadout-panel h3,.genre-panel h3{font-size:33px;letter-spacing:0;margin-bottom:12px}.loadout-panel>p{font-size:12px;color:var(--muted)}.tool-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.tool-chips>span{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #e5b87840;background:#0e170e88;font-size:12px}.tool-chips b{display:grid;place-items:center;min-width:28px;height:28px;color:var(--gold);font-size:11px;font-weight:600;border:1px solid #e5b8782e}.genre-chips{display:flex;flex-wrap:wrap;gap:9px}.genre-chips>span{display:inline-block;font-size:11px;padding:8px 13px;border:1px solid #b3c7a92c;background:#17251699;color:#bdcbb5;transition:color .2s,border-color .2s,background .2s}.genre-chips>span:hover{background:#e5b87812;border-color:#e5b87877;color:var(--gold)}.genre-panel{display:grid;grid-template-columns:.9fr 1.2fr;gap:40px;align-items:center;border-block:1px solid var(--line);padding-block:35px;margin-top:35px}.genre-panel .eyebrow{font-size:8px;margin-bottom:15px}.genre-panel h3{margin:0}.sound-control{position:fixed;bottom:20px;right:23px;z-index:25;display:flex;align-items:center;gap:13px;box-shadow:0 6px 25px #0007;background:#111b15e8;backdrop-filter:blur(18px);border:1px solid #e5b87855;padding:11px 16px;color:#d5dccc;font-size:10px;letter-spacing:.6px}.sound-control:hover{border-color:var(--gold)}.sound-bars{display:flex;gap:3px;align-items:center;height:15px}.sound-bars i{width:2px;height:5px;background:var(--gold);display:block;transform-origin:center}.sound-control[aria-pressed="true"] .sound-bars i{animation:sound-wave 1.2s ease-in-out infinite}.sound-bars i:nth-child(2){animation-delay:-.3s!important;height:12px}.sound-bars i:nth-child(3){animation-delay:-.65s!important;height:8px}.sound-bars i:nth-child(4){animation-delay:-.15s!important;height:14px}@keyframes sound-wave{50%{transform:scaleY(.25)}}.ambient-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient-particles span{position:absolute;left:var(--left);top:var(--top);width:3px;height:3px;background:#e5b878;border-radius:50%;opacity:0;box-shadow:0 0 12px #edbd7dcc;animation:dust-float var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.work>*:not(.ambient-particles){position:relative}.work .ambient-particles{z-index:-1}@keyframes dust-float{0%,100%{opacity:0;transform:translate(0,30px)}40%{opacity:.55}80%{opacity:.2;transform:translate(35px,-100px)}}.motion-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-enabled .reveal.is-visible{opacity:1;transform:none}.project-card{transition:transform .25s ease}.project-card:hover{transform:translateY(-4px)}.btn{transition:transform .25s,background .25s,box-shadow .25s}.gold:hover{box-shadow:0 6px 25px #e5b87820}dialog[open]{animation:dialog-enter .25s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.loadout-panel:before{content:'';position:absolute;width:100px;height:100px;background:#d6aa5920;filter:blur(45px);right:-20px;top:-20px;pointer-events:none}footer{padding-bottom:55px}@media(max-width:700px){.loadout-grid{grid-template-columns:1fr}.loadout-panel{padding:24px}.genre-panel{grid-template-columns:1fr;gap:25px}.genre-panel h3{font-size:30px}.tool-chips{gap:8px}.tool-chips>span{padding:8px 10px;font-size:10px}.work .library-top{padding:10px}.work .project-grid{padding:0 10px 20px}.sound-control{bottom:12px;right:12px;padding:9px 12px;font-size:9px}.genre-chips>span{font-size:10px;padding:7px 10px}.work:before{filter:blur(16px);opacity:.65}footer{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.ambient-particles{display:none}.sound-bars i{animation:none!important}.motion-enabled .reveal{opacity:1;transform:none;transition:none}dialog[open]{animation:none}.project-card:hover,.loadout-panel:hover{transform:none}}
.work:before{background-size:100vw auto;background-repeat:repeat-y;background-position:center top;opacity:.8;filter:blur(18px) saturate(.8)}.work:after{background:linear-gradient(0deg,#101311d9,#0d17186b 45%,#1013118c)}html,body{overflow-x:clip}
.work:before{background-size:100vw auto;background-repeat:repeat-y;background-position:center top;opacity:.8;filter:blur(18px) saturate(.8)}.work:after{background:linear-gradient(0deg,#101311d9,#0d17186b 45%,#1013118c)}html,body{overflow-x:clip}