.work-collection{padding:28px 0 96px}.work-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:48px}.work-filters{display:flex;flex-wrap:wrap;gap:8px}.work-filters button{padding:10px 18px;min-height:44px;font-size:14px;border:1px solid var(--border);border-radius:30px}.work-filters [aria-pressed=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.work-toolbar>p{font:12px JetBrains Mono,monospace;color:var(--muted)}.work-editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 36px;align-items:start}.work-study{grid-column:span 6;min-width:0}.work-study-media{width:100%;min-width:0}.work-study-media .concept-scene{aspect-ratio:4 / 3;border-radius:12px}.work-study[hidden]{display:none}.work-study--wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:44px}.work-study--pair{grid-column:span 6;padding-top:0}.work-study--pair>.work-study-media,.work-study--pair>.work-scene{aspect-ratio:4 / 3;min-height:0}.work-study--pair>.work-scene{padding:0;border-radius:12px}.work-scene{min-width:0;position:relative;aspect-ratio:1.25;display:grid;place-items:center;padding:9%;border-radius:14px;background:color-mix(in srgb,var(--study-color) 65%,var(--canvas))}.dark .work-scene{background:color-mix(in srgb,var(--study-color) 16%,var(--canvas))}.work-scene-grid{position:absolute;inset:9%;border:1px solid #37594b22;border-radius:50%;transform:rotateX(45deg) rotate(-12deg);background:repeating-linear-gradient(90deg,transparent 0 31px,#37594b0b 31px 32px)}.work-context-plane{position:absolute;inset:9% 20% 17% 11%;transform:rotate(-10deg);border:1px solid var(--art-edge);border-radius:12px;background:var(--art-paper);box-shadow:var(--art-shadow);padding:16px}.work-context-plane>span{font:9px JetBrains Mono,monospace;color:var(--art-muted)}.work-context-plane i{display:block;height:1px;margin-top:18px;width:70%;background:var(--art-edge)}.work-interface-plane{width:100%;min-width:0;position:relative;border:1px solid #1b51452b;border-radius:12px;overflow:hidden;transform:rotateY(-8deg) rotateX(3deg) rotate(-3deg);box-shadow:12px 25px 30px #0d342b23;transition:transform .45s ease;background:#f7f7ef}.work-interface-plane .dashboard{min-width:550px}.work-interface-plane .dash-sidebar{width:115px;flex:0 0 115px}.work-interface-plane .dash-table{display:none}.work-interface-plane .dash-greeting h3{font-size:20px}.work-interface-plane .mini-mobile{height:340px}.work-interface-plane .mini-mobile .phone-mockup{transform:scale(.84)}.work-scene--mobile .work-interface-plane{width:80%;border-radius:40px;background:transparent;border:0;box-shadow:none;overflow:visible}.work-scene--mobile{aspect-ratio:.94}.work-scene--brand .work-interface-plane{width:90%;transform:rotate(-6deg)}.work-scene--brand .work-context-plane{transform:rotate(6deg)}.work-study--pair .work-interface-plane{width:82%;min-height:0;transform:rotate(-3deg)}.work-pair-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3}.work-pair-content{width:480px;height:360px}.work-pair-content>div,.work-pair-content .mini-mobile{height:100%;min-height:0}.work-accent-plane{position:absolute;bottom:5%;right:7%;display:flex;align-items:center;gap:18px;padding:12px 17px;border:1px solid var(--art-edge);border-radius:10px;background:var(--art-surface);color:var(--art-ink);box-shadow:var(--art-shadow)}.work-accent-plane span{font:12px JetBrains Mono,monospace}.work-accent-plane i{width:22px;height:22px;background:var(--teal);border-radius:6px 50%}.work-study-copy{padding-top:28px;min-width:0}.work-study-copy h2{font:500 clamp(2rem,3vw,3rem) Outfit,sans-serif;letter-spacing:-.035em;margin-block:15px 12px}.work-study-copy>p:not(.page-kicker){font-size:1rem;color:var(--muted);line-height:1.85;margin-bottom:16px}.work-study-copy .work-study-caption{color:var(--ink)}.work-study-detail{border-top:1px solid var(--border);margin-top:24px}.work-study-detail summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:15px;color:var(--teal);cursor:pointer;list-style:none}.work-study-detail summary::-webkit-details-marker{display:none}.work-study-detail[open] summary svg{transform:rotate(90deg)}.work-study-detail>div{padding-bottom:24px}.work-study-detail h3{font:500 1.2rem Outfit,sans-serif;margin-block:24px 12px}.work-study-detail p,.work-study-detail ul{font-size:15px;line-height:1.85;color:var(--muted)}.work-study-detail ul{padding-left:20px}.work-study-detail .work-disclosure{border-left:2px solid var(--teal);padding-left:16px;font-size:13px;margin-block:26px}.work-collection-note{font-size:14px;color:var(--muted);line-height:1.8;border-top:1px solid var(--border);margin-top:64px;padding-top:24px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.work-study:hover .work-interface-plane{transform:rotateY(-3deg) rotateX(1deg) translateY(-5px)}.work-study--pair:hover .work-interface-plane,.work-study--pair:focus-within .work-interface-plane{transform:translateY(-5px) rotate(-.4deg) scale(1.01)}}@media(max-width:899px){.work-study--wide{display:block}}@media(max-width:599px){.work-editorial-grid{display:block}.work-study{margin-bottom:52px}.work-scene{aspect-ratio:1.1}.work-interface-plane .dashboard{min-width:0}.work-interface-plane .dash-sidebar{display:none}.work-interface-plane .dash-greeting{flex-wrap:wrap}.work-interface-plane .dash-metrics{grid-template-columns:1fr}.work-interface-plane .dash-metrics>:not(:first-child){display:none}.work-interface-plane .dash-chart{margin-top:12px}.work-context-plane span,.work-accent-plane{display:none}}@media(prefers-reduced-motion:reduce){.work-interface-plane{transition:none}}