@layer components{[data-theme=clay] .projects-band .filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:clamp(20px,2.8vw,38px);margin-top:clamp(34px,4vw,52px);padding-bottom:0;display:flex}[data-theme=clay] .projects-band .filters button{font-size:14.5px;font-weight:var(--w-ui);color:var(--fg-muted);transition:color var(--dur) var(--ease);background:0 0;border:0;border-radius:0;padding:0 2px 15px;position:relative}[data-theme=clay] .projects-band .filters button:after{content:"";bottom:-1px;background:var(--accent);height:2px;transform-origin:inline-start;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline:0;transform:scaleX(0)}[data-theme=clay] .projects-band .filters button:hover{color:var(--fg)}[data-theme=clay] .projects-band .filters button[aria-pressed=true]{color:var(--accent);background:0 0;border:0}[data-theme=clay] .projects-band .filters button[aria-pressed=true]:after{transform:scaleX(1)}.collection{margin-top:clamp(30px,3.6vw,50px)}.prow{border-top:1px solid var(--line);transition:background .5s var(--ease);grid-template-columns:1fr auto;align-items:stretch;display:grid}.prow:last-child{border-bottom:1px solid var(--line)}.prow:hover{background:var(--surface)}.rmain{color:inherit;grid-template-columns:auto clamp(150px,17vw,215px) 1fr auto;align-items:center;gap:clamp(22px,3vw,50px);min-width:0;padding:clamp(26px,3vw,42px) clamp(6px,1vw,14px);text-decoration:none;display:grid}.rnum{color:var(--accent);opacity:.34;text-align:center;min-width:1.6em;transition:opacity .5s var(--ease);direction:ltr;font-size:clamp(30px,3.6vw,52px);font-weight:300;line-height:1}[dir=ltr] .rnum{letter-spacing:.04em}.prow:hover .rnum{opacity:.85}.rshot{aspect-ratio:3/3.55;border-radius:2px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000047}.rshot img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter .6s var(--ease);filter:saturate(.92);display:block;transform:scale(1.06)}.prow:hover .rshot img{filter:saturate();transform:scale(1)}.rshot:after{content:"";pointer-events:none;opacity:1;transition:opacity .6s var(--ease);background:linear-gradient(#0000 54%,#3a2a2457);position:absolute;inset:0}.prow:hover .rshot:after{opacity:.45}.rshot:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff57 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.prow:hover .rshot:before{transition:transform 1s cubic-bezier(.22,1,.36,1);transform:translate(130%)}.rshot .pill{bottom:12px;z-index:3;transition:transform .5s var(--ease);position:absolute;inset-inline-start:12px}.projects-band .rshot .pill{color:#f7efe9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1613f0;border-color:#f7efe947;box-shadow:0 4px 14px #0000004d}.prow:hover .rshot .pill{transform:translateY(-3px)}.rbd{min-width:0}.rbd h3{color:var(--fg);transition:color .4s var(--ease);margin:0;font-size:clamp(21px,2.3vw,32px);font-weight:600}.prow:hover .rbd h3{color:var(--accent)}.rbd .loc{color:var(--fg-muted);align-items:center;gap:7px;margin-top:8px;font-size:13.5px;display:flex}.rbd .loc em{font-style:normal}.rbd .loc .pin{width:13px;height:13px;fill:var(--accent);flex:none}.rbd .specstrip{border-top:1px solid var(--line);gap:0;max-width:520px;margin-top:16px;display:flex}.rbd .specstrip div{flex:1;padding:11px 0 0}.rbd .specstrip div+div{border-inline-start:1px solid var(--line);margin-inline-start:12px;padding-inline-start:12px}.rbd .specstrip span{color:var(--fg-muted);font-size:9.5px;display:block}.rbd .specstrip b{color:var(--fg);font-size:15px;font-weight:600;display:block}.rgo{color:var(--fg-muted);font-size:13.5px;font-weight:var(--w-ui);white-space:nowrap;transition:color .4s var(--ease);align-items:center;gap:10px;display:flex}.rgo svg{width:22px;height:11px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.prow:hover .rgo{color:var(--accent)}[dir=rtl] .rgo svg{transform:scaleX(-1)}[dir=rtl] .prow:hover .rgo svg{transform:scaleX(-1)translate(5px)}[dir=ltr] .prow:hover .rgo svg{transform:translate(5px)}.pdfdl{border-inline-start:1px solid var(--line);text-align:center;transition:background .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(20px,2.6vw,36px) clamp(14px,1.8vw,26px);text-decoration:none;display:flex}.pdfdl svg{border:1px solid var(--sw-bronze,#82634a);width:52px;height:52px;color:var(--sw-bronze,#82634a);transition:background .45s var(--ease),color .45s var(--ease),transform .45s var(--ease);border-radius:50%;padding:15px}.pdfdl .pt b{font-size:12.5px;font-weight:var(--w-ui);color:var(--fg);display:block}.pdfdl .pt i{color:var(--fg-muted);direction:ltr;margin-top:3px;font-size:10.5px;font-style:normal;display:block}[dir=ltr] .pdfdl .pt i{letter-spacing:.06em}.pdfdl:hover svg{background:var(--sw-bronze,#82634a);color:#f5e8d6;transform:translateY(-3px)}.prow:hover .pdfdl{background:var(--raised)}[data-theme=clay] .projects-band .rshot{border-radius:clamp(46px,6vw,76px) clamp(46px,6vw,76px) 2px 2px;box-shadow:0 22px 46px #3a2a2429}[data-theme=clay] .projects-band .prow:hover .rshot{box-shadow:0 30px 56px #3a2a2438}[data-theme=clay] .projects-band .rshot{transition:box-shadow .55s var(--ease)}[data-theme=clay] .projects-band .rbd h3{color:var(--wb-ink,var(--fg))}[data-theme=clay] .projects-band .prow:hover .rbd h3{color:var(--wb-accent,var(--accent))}@media (prefers-reduced-motion:reduce){.prow:hover .rshot:before{transition:none;transform:none}}@media (max-width:1080px){.rmain{grid-template-columns:auto clamp(130px,22vw,180px) 1fr;gap:clamp(18px,2.6vw,30px)}.rgo{display:none}}@media (max-width:760px){.prow{grid-template-columns:1fr}.rmain{grid-template-columns:auto 1fr;grid-template-areas:"num shot""bd bd";align-items:start;padding:22px 2px}.rnum{text-align:start;grid-area:num;min-width:0;font-size:26px}.rshot{aspect-ratio:3/3.4;grid-area:shot;justify-self:end;width:min(46vw,200px)}.rbd{grid-area:bd;margin-top:16px}.pdfdl{border-inline-start:0;border-top:1px solid var(--line);text-align:start;flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 2px 22px}.pdfdl svg{width:44px;height:44px;padding:12px}}}