.work-spotlight{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;min-height:440px;padding:44px;margin:8px 0 76px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(ellipse at 85% 55%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 65%),var(--surface);overflow:hidden}.spotlight-copy{position:relative;z-index:1}.spotlight-copy .eyebrow{display:flex;align-items:center;gap:9px;font-size:9px}.spotlight-copy h2{font-size:clamp(27px,3.1vw,39px);letter-spacing:-1.4px;line-height:1.22;margin:24px 0 18px}.spotlight-copy h2>span{color:var(--accent)}.spotlight-copy p{font-size:13px;color:var(--muted);line-height:1.85;max-width:340px;margin-bottom:25px}.spotlight-origin{display:flex;gap:10px;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:17px;color:var(--muted);font-size:11px}.spotlight-origin:hover{color:var(--accent)}.spotlight-art{min-width:0;padding:40px 0;perspective:1000px}.spotlight-window{display:block;position:relative;z-index:1;border:1px solid #5c7560;border-radius:10px;overflow:hidden;box-shadow:0 22px 40px #0005,0 4px 0 #304937;transform:rotateY(-9deg) rotateX(7deg) rotate(-3deg);transition:transform .3s;background:#141a17}.spotlight-window:hover{transform:rotateY(-3deg) rotateX(2deg) rotate(-1deg)}.spotlight-browser{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;color:#abbcaf;font:8px/1.5 var(--mono)}.spotlight-browser>span:first-child{color:#5c7963;letter-spacing:3px}.spotlight-image{position:relative;aspect-ratio:1.72}.spotlight-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.spotlight-orbit{position:absolute;inset:-8% 2%;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;transform:rotate(-28deg)}.spotlight-orbit:after{content:"";position:absolute;inset:12%;border:inherit;border-radius:50%}.spotlight-chip{display:flex;align-items:center;gap:10px;position:absolute;z-index:2;padding:12px 16px;border-radius:7px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:0 10px 22px #0003;color:var(--accent);font:9px/1.5 var(--mono);transform:translateZ(35px)}.spotlight-chip-top{top:15px;right:10px}.spotlight-chip-bottom{bottom:11px;left:0}.work-collection{scroll-margin-top:110px}.collection-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.collection-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin-top:14px}.collection-total{color:var(--subtle);font:8px/1.7 var(--mono);letter-spacing:.8px;text-align:right;padding-bottom:5px}.collection-tools{display:flex;justify-content:space-between;gap:20px}.project-search{display:flex;gap:12px;align-items:center;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);width:min(100%,490px)}.project-search:focus-within{border-color:var(--accent)}.project-search>svg{flex-shrink:0}.project-search input{min-width:0;width:100%;padding:15px 0;background:transparent;border:0;outline:none;font-size:12px;color:var(--text)}.project-search input::-moz-placeholder{color:var(--subtle)}.project-search input::placeholder{color:var(--subtle)}.project-search input::-webkit-search-cancel-button{display:none}.project-search button{display:grid;place-items:center;width:28px;height:36px;flex-shrink:0}.project-view-options{display:flex;gap:3px;padding:4px;border:1px solid var(--border);border-radius:8px}.project-view-options button{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:4px;padding:9px 13px;color:var(--muted);font-size:11px}.project-view-options button[aria-pressed=true]{background:var(--soft-accent);color:var(--accent)}.work-collection .filter-bar{border-top:0;margin-top:7px}.project-list-view{grid-template-columns:1fr;gap:17px}.project-list-view .project-card{width:100%}.project-list-view .project-card article{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);width:100%}.project-list-view .project-preview{height:100%;min-height:240px;border-right:1px solid var(--border);border-bottom:0}.project-list-view .browser-frame{max-width:310px}.project-list-view .project-content{padding:30px}.project-list-view .project-content p{max-width:580px}.project-empty{text-align:center;padding:64px 20px;border:1px dashed var(--border);border-radius:12px;background:var(--surface)}.project-empty>svg{margin:0 auto 20px;color:var(--accent)}.project-empty h3{font-size:23px}.project-empty p{font-size:13px;color:var(--muted);margin:12px 0 24px;line-height:1.8}.gallery-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1000px){.work-spotlight{padding:32px;gap:25px}.spotlight-copy h2{font-size:30px}.spotlight-chip{font-size:8px;padding:10px 12px}}@media (max-width:800px){.work-spotlight{grid-template-columns:1fr;padding:30px;gap:25px;margin-bottom:55px}.spotlight-copy p{max-width:480px}.spotlight-art{max-width:590px;width:100%;justify-self:center}.spotlight-copy h2{font-size:36px}.collection-total{display:none}.project-search input{font-size:16px}.project-list-view .project-card article{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.project-list-view .project-content{padding:22px}}@media (max-width:600px){.work-spotlight{padding:25px 22px 15px;margin-top:0}.spotlight-copy h2{font-size:30px}.spotlight-browser,.spotlight-chip{font-size:7px}.collection-tools{flex-wrap:wrap;gap:12px}.project-search{width:100%;padding-inline:12px;gap:9px}.project-search input{font-size:16px}.project-view-options{margin-left:auto}.work-collection .filter-bar{align-items:flex-start;flex-direction:column;gap:12px}.work-collection .filter-count{display:block}.project-list-view .project-card article{grid-template-columns:1fr}.project-list-view .project-preview{display:none}.project-list-view .project-content{padding:24px}.project-list-view .project-content p{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.spotlight-window:hover{transform:rotateY(-9deg) rotateX(7deg) rotate(-3deg)}}html[data-motion=off] .spotlight-window:hover{transform:rotateY(-9deg) rotateX(7deg) rotate(-3deg)}.collection-guide{color:var(--muted);font-size:13px;margin-top:10px}.collection-toolbar{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.collection-toolbar .collection-tools{align-items:stretch}.collection-toolbar .project-search{width:min(100%,530px);background:var(--bg)}.collection-toolbar .project-search input{font-size:14px}.collection-toolbar .project-search button{min-width:32px;min-height:44px;color:var(--muted);border-radius:5px}.collection-toolbar .project-search button:hover{color:var(--accent)}.collection-toolbar .filter-bar{margin:17px 0 0;padding:0;border:0}.collection-toolbar .filter-options{gap:6px}.collection-toolbar .filter-button{min-height:42px;font-size:11px;border:1px solid var(--border);padding-inline:13px}.collection-toolbar .filter-button.selected{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.collection-toolbar .filter-button span{opacity:1;color:var(--subtle);min-width:9px}.collection-toolbar .filter-button.selected span{color:var(--accent)}.collection-results{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}.collection-results .filter-count{display:block;font-size:11px;white-space:normal}.collection-results strong{color:var(--text);font-weight:500}.collection-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;color:var(--accent);font-size:11px;white-space:nowrap}.work-collection .project-content p{font-size:13px}.work-collection .project-content .tag{font-size:10px}.project-list-view{gap:0;border-top:1px solid var(--border)}.project-list-item{min-width:0;border-bottom:1px solid var(--border)}.project-list-link{display:grid;grid-template-columns:25px 100px minmax(0,1fr) 110px;align-items:center;gap:25px;padding:28px 14px;border-radius:8px;transition:background .18s}.project-list-link:focus-visible,.project-list-link:hover{background:var(--surface)}.project-list-number{align-self:start;padding-top:4px;color:var(--subtle);font:10px/1.6 var(--mono)}.project-list-thumbnail{overflow:hidden;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.project-list-thumbnail img{width:100%;height:72px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.project-list-copy{min-width:0}.project-list-category{color:var(--subtle);font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.7px}.project-list-copy h3{font-size:22px;letter-spacing:-.5px;line-height:1.4;margin-top:5px}.project-list-copy p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 14px;max-width:700px}.project-list-destination{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--accent);font-size:10px}@media (max-width:800px){.project-list-link{grid-template-columns:22px 76px minmax(0,1fr) 20px;gap:16px;padding:24px 8px}.project-list-thumbnail img{height:62px}.project-list-destination>span{display:none}}@media (max-width:600px){.collection-toolbar{padding:14px}.collection-toolbar .collection-tools{gap:14px}.collection-toolbar .project-search input{font-size:16px}.collection-toolbar .project-view-options{margin-left:0}.collection-toolbar .filter-bar{margin-top:16px}.collection-toolbar .filter-button{padding-inline:10px;min-height:44px;font-size:10px}.collection-results{gap:9px}.collection-reset,.collection-results .filter-count{font-size:10px}.collection-guide{font-size:13px;line-height:1.8}.project-list-link{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:25px 0}.project-list-number,.project-list-thumbnail{display:none}.project-list-copy h3{font-size:21px}.project-list-copy p{font-size:13px}.project-list-destination{align-self:start;margin-top:30px}}