:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background-color:#222;color:#fff}body{margin:0}#root{min-height:100vh}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#222}.app-root{position:relative;min-height:100vh;overflow:hidden}.bg-layer{position:absolute;inset:0;background:url(/assets/bg-office.png) center/cover no-repeat}.ash-smoke-container{position:absolute;left:38%;bottom:220px;width:120px;height:220px;pointer-events:none;z-index:2}.ash-smoke{position:absolute;left:50%;bottom:0;width:80px;height:180px;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.26) 0,transparent 60%);filter:blur(16px);opacity:0;animation:ashSmokeRise 9s linear infinite}.ash-smoke-2{width:90px;height:200px;animation-delay:3s}@keyframes ashSmokeRise{0%{transform:translate(-50%,20px);opacity:0}20%{opacity:.4}60%{transform:translate(-50%,-40px);opacity:.25}to{transform:translate(-50%,-90px);opacity:0}}.cases-row{position:absolute;left:50%;bottom:40px;transform:translate(-50%);display:flex;gap:16px;max-width:1100px;width:100%;justify-content:space-between;padding:0 24px;z-index:3}.case-button{background:transparent;border:none;padding:0;cursor:pointer;width:170px;height:240px;display:flex;align-items:stretch;justify-content:stretch;transition:transform .15s ease,filter .15s ease}.case-button:hover{transform:translateY(-8px);filter:drop-shadow(0 12px 20px rgba(0,0,0,.65))}.case-button:active{transform:translateY(-2px)}.case-image{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.tv-button{position:absolute;right:40px;bottom:140px;background:none;border:none;padding:0;cursor:pointer;z-index:3}.tv-frame{width:130px;height:100px;background:#111;border-radius:10px;box-shadow:0 12px 18px #000000b3;padding:10px;display:flex;flex-direction:column;align-items:center}.tv-screen{width:100%;height:70%;border-radius:6px;background:radial-gradient(circle,#d9d9d9 0,#777 60%,#333);position:relative;overflow:hidden}.tv-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1) 2px,transparent 2px,transparent 4px);mix-blend-mode:multiply;opacity:.6;animation:tvNoise .4s steps(3) infinite}.tv-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fd3;text-shadow:0 0 8px rgba(0,0,0,.8)}.tv-base{width:70%;height:8px;margin-top:6px;border-radius:999px;background:#222}@keyframes tvNoise{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(1px)}}.overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50}.overlay-inner{position:relative;max-width:600px;width:90%;background:#111;padding:16px;border-radius:12px;box-shadow:0 18px 30px #000000d9}.ad-poster{width:100%;height:auto;display:block}.overlay-close{position:absolute;top:10px;right:12px;background:#f5c347;border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer}.music-button{position:absolute;left:32px;bottom:32px;z-index:4;background:#000000b8;border:1px solid rgba(255,221,51,.9);color:#fd3;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.case-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:40}.case-modal{max-width:780px;width:92%;padding:12px}.case-folder{position:relative;background:linear-gradient(180deg,#d9b678,#c59654 60%,#b7854a);border-radius:12px;box-shadow:0 16px 28px #000000d9;padding:28px 22px 22px;border:1px solid rgba(87,54,19,.4)}.case-folder:after{content:"";position:absolute;inset:6px -6px -6px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.18);opacity:.4;pointer-events:none}.case-tab{position:absolute;top:-20px;left:28px;padding:5px 14px;background:#b2823e;border-radius:8px 8px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fdf4dc}.case-paper{background:#faf5ea;border-radius:8px;padding:20px 20px 18px;box-shadow:inset 0 0 0 1px #0000000d,0 4px 8px #0003}.case-title{margin:0 0 6px;font-size:22px;text-transform:uppercase;letter-spacing:.1em;color:#4a3215}.case-subtitle{margin:0 0 10px;font-size:14px;color:#5d4b35}.case-note{margin:0 0 18px;font-size:13px;color:#3d3326;font-family:Courier New,Courier,monospace;line-height:1.5}.case-section-title{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:#4b3b25}.case-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-family:Courier New,Courier,monospace}.case-table th,.case-table td{border-bottom:1px solid rgba(0,0,0,.08);padding:6px 8px}.case-table th{font-size:12px;text-transform:uppercase;letter-spacing:.15em;text-align:left;color:#4b3b25}.case-table td.project-name{font-size:15px;font-weight:700;color:#15407f}.case-table td.project-name a{color:inherit;text-decoration:none}.case-table td.project-name a:hover{text-decoration:underline}.case-table td.project-desc{font-size:13px;color:#5a5145}.placeholder-row .placeholder-cell{color:#00000059;font-style:italic;font-size:12px;text-align:center}.case-close{margin-top:6px;padding:7px 16px;border-radius:999px;border:none;background:#b2833e;color:#fdf4dc;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}