:root{--o:#f26b1d;--o2:#fff3ea;--ink:#111;--mute:#5f5f66;--line:#eceae6;--bg:#fff}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 16px/1.6 Plus Jakarta Sans,system-ui,sans-serif}.font-display{letter-spacing:-.03em;font-family:inherit;font-weight:800}.page{max-width:1160px;margin:0 auto;padding:56px 28px 96px}.btn{border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-o{background:var(--o);color:#fff;box-shadow:0 10px 24px -12px var(--o)}.k{letter-spacing:.12em;text-transform:uppercase;color:var(--o);font-size:13px;font-weight:700}.page h1.page-title{letter-spacing:-.03em;font-weight:800}.bar{background:var(--o);border-radius:4px;width:36px;height:4px;margin-top:16px}.card{border:1.5px solid var(--line);background:#fff;border-radius:20px;padding:30px 26px;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:var(--ink);transform:translateY(-6px);box-shadow:0 22px 40px -26px #00000059}a.card,a.case{color:inherit;text-decoration:none}a.card{display:block}.card h2,.card h3{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.15}.card p{color:var(--mute);margin-top:8px;font-size:15px}.card .k{color:var(--o);margin-top:0}.work{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.case{border:1.5px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.case:hover{transform:translateY(-6px);box-shadow:0 26px 46px -28px #0006}.case .shot{background:var(--o2);height:auto;display:block;position:relative;overflow:hidden}.case .shot img{object-fit:contain;object-position:top;width:100%;height:auto;display:block;position:static}.work .case:nth-child(2) .shot{background:#f3f3f1}.case .body{flex-direction:column;flex:1;gap:14px;padding:24px 24px 26px;display:flex}.case h3{letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:21px;font-weight:800;display:flex}.case h3 svg{color:var(--o);transition:transform .2s}.case:hover h3 svg{transform:translate(3px,-3px)}.stack{color:var(--mute);flex-wrap:wrap;gap:6px 14px;margin-top:auto;font-size:13px;font-weight:600;display:flex}.stack span+span:before{content:"•";color:var(--o);margin-right:14px}.filter-row{flex-wrap:wrap;gap:8px 18px;margin:28px 0 22px;display:flex}.filter-row button,.filter-row a{color:var(--mute);font-size:14px;font-weight:700}.filter-row .on{color:var(--o)}.note-grid,.channel-list{gap:16px;display:grid}.note-grid{grid-template-columns:1fr 1fr}.rv{transition:opacity .7s,transform .7s}.rv.out{opacity:0;transform:translateY(22px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rv.out,.rv.in{opacity:1;transform:none}*{transition:none!important}}@media (max-width:980px){.work{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr}}@media (max-width:620px){.page{padding-left:20px;padding-right:20px}.work{grid-template-columns:1fr}}