.cs-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(24px,6vw,90px)}.cs-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 22px}.cs-eyebrow:before{content:"";width:28px;height:2px;background:var(--brand-red)}.cs-grad{background:linear-gradient(176deg,var(--color-text-primary),var(--color-text-caption));-webkit-background-clip:text;background-clip:text}.cs-grad,.cs-red{color:transparent;padding-bottom:.2em}.cs-red{position:relative;background:linear-gradient(100deg,var(--brand-red) 0,var(--brand-red) 42%,color-mix(in srgb,var(--brand-red) 30%,#fff) 50%,var(--brand-red) 58%,var(--brand-red) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:csSheen 7s ease-in-out infinite}@keyframes csSheen{0%,70%{background-position:150% 0}86%,to{background-position:-50% 0}}.cs-atmo{background:radial-gradient(58% 58% at 50% 40%,color-mix(in srgb,var(--color-text-primary) 5%,transparent),transparent 80%)}.cs-atmo,.cs-hgrid{position:absolute;inset:0;z-index:0;pointer-events:none}.cs-hgrid{opacity:.55;background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-text-primary) 4%,transparent) 1px,transparent 1px);background-size:clamp(84px,12vw,148px) 100%;-webkit-mask-image:radial-gradient(78% 72% at 50% 40%,#000,transparent 86%);mask-image:radial-gradient(78% 72% at 50% 40%,#000,transparent 86%)}.cs-hero{position:relative;overflow:hidden;padding:clamp(22px,2.6vw,36px) 0 clamp(32px,4.7vw,48px)}.cs-hero h1{margin:0;font-family:var(--font-sans);font-weight:600;font-size:clamp(38px,5.2vw,92px);line-height:1;letter-spacing:-.04em;max-width:18ch}.cs-hero .lede,.cs-hero h1{position:relative;z-index:2}.cs-hero .lede{margin:clamp(24px,2.6vw,36px) 0 0;max-width:56ch;font-family:var(--font-serif);font-size:clamp(17px,1.6vw,22px);line-height:1.6;color:var(--color-text-secondary)}.cs-filters{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;padding:clamp(20px,3vw,36px) 0 clamp(28px,4vw,52px)}.cs-filters button{height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-1);color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:500;font-size:14px;cursor:pointer;transition:.15s}.cs-filters button:hover{color:var(--color-text-primary);border-color:var(--color-border-emphasis)}.cs-filters button.on{background:var(--brand-red);border-color:var(--brand-red);color:var(--cta-primary-text)}.cs-filters .count{margin-left:auto;align-self:center;font-family:var(--font-mono);font-size:12px;color:var(--color-text-caption)}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,30px)}.cs-grid .item,.prj-card{display:flex}.prj-card{position:relative;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:20px;border:1px solid var(--color-border-subtle);box-shadow:0 30px 70px -42px rgba(0,0,0,.7);text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}.prj-card:hover{transform:translateY(-4px);border-color:var(--color-border-emphasis);box-shadow:0 44px 84px -40px rgba(0,0,0,.7)}.prj-img{position:relative;aspect-ratio:4/3;flex:0 0 auto;background:#fff;overflow:hidden;padding:clamp(16px,2.4vw,30px)}.prj-img image-slot{position:absolute;inset:0;display:block}.prj-img img{-o-object-fit:contain!important;object-fit:contain!important}.prj-body{flex:1 1 auto;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,30px);background:linear-gradient(158deg,#1B1B1F,#242428)}.prj-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-sans);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82)}.prj-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.7)}.prj-title{margin:0 0 10px;font-weight:700;font-size:clamp(22px,1.7vw,30px);line-height:1.05;letter-spacing:-.025em;color:#fff}.prj-desc,.prj-title{font-family:var(--font-sans)}.prj-desc{margin:0;font-size:clamp(14px,1vw,15.5px);line-height:1.5;color:rgba(255,255,255,.86);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prj-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.prj-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-family:var(--font-sans);font-size:11px;font-weight:500;background:rgba(255,255,255,.1);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.18)}.prj-cta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;width:100%;padding:13px 20px;border-radius:12px;background:#fff;color:#18181B;font:600 14px/1 var(--font-sans);text-decoration:none;white-space:nowrap;transition:transform .2s ease;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}.prj-card:hover .prj-cta{transform:translateY(-2px)}.prj-cta svg{width:15px;height:15px;transition:transform .2s ease}.prj-card:hover .prj-cta svg{transform:translate(2px,-2px)}.dark .prj-card{border-color:rgba(255,255,255,.1);box-shadow:0 26px 60px -40px rgba(0,0,0,.9)}.dark .prj-body{background:linear-gradient(158deg,#212127,#2B2B33)}.cs-sec{position:relative;padding:clamp(32px,4.7vw,48px) 0}.cs-head{margin:0 0 clamp(28px,4vw,52px);max-width:30ch}.cs-head h2{margin:0;font-family:var(--font-sans);font-weight:600;font-size:clamp(26px,3.2vw,50px);line-height:1.1;letter-spacing:-.03em}.cs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px)}.cs-stats .n{font-family:var(--font-sans);font-weight:700;font-size:clamp(40px,5vw,84px);line-height:.9;letter-spacing:-.04em}.cs-stats .n small{font-size:.42em;color:var(--accent-red-text);font-weight:700}.cs-stats .l{margin:12px 0 0;font-family:var(--font-serif);font-size:14.5px;line-height:1.5;color:var(--color-text-secondary);max-width:24ch}.cs-closer{text-align:center;position:relative}.cs-closer h2{margin:0 auto 26px;font-family:var(--font-sans);font-weight:600;font-size:clamp(30px,4.4vw,72px);line-height:1.02;letter-spacing:-.035em;max-width:16ch}@media (max-width:760px){.cs-closer .btn{width:100%;justify-content:center}.cs-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.cs-filters::-webkit-scrollbar{display:none}.cs-filters button{flex:0 0 auto;scroll-snap-align:start}}@media(max-width:980px){.cs-grid,.cs-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cs-grid{grid-template-columns:1fr}.cs-filters .count{display:none}}