.client-project{--hr-tendril:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='10'%3E%3Cpath d='M0 5 C8 2 16 8 24 5 C32 2 40 8 48 5 C56 2 64 8 72 5 L80 5' stroke='%23874a6e' stroke-width='0.6' fill='none'/%3E%3Cpath d='M0 3 C10 7 20 1 30 5 C40 9 50 1 60 5 C70 9 80 3 80 4' stroke='%23874a6e' stroke-width='0.45' fill='none'/%3E%3Cpath d='M0 7 C10 3 20 9 30 5 C40 1 50 9 60 5 C70 1 80 7 80 6' stroke='%23874a6e' stroke-width='0.45' fill='none'/%3E%3Cpath d='M35 5 A5 4 0 0 1 45 5 A5 4 0 0 0 55 5' stroke='%23874a6e' stroke-width='0.35' fill='none'/%3E%3Cpath d='M10 5 A4 3 0 0 0 18 5' stroke='%23874a6e' stroke-width='0.3' fill='none'/%3E%3C/svg%3E");--hr-tendril-spec:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='6'%3E%3Cpath d='M0 3 C20 1 40 5 60 3 C80 1 100 5 120 3' stroke='%23874a6e' stroke-width='0.35' fill='none'/%3E%3Cpath d='M0 3 C30 4 60 2 90 3 L120 3' stroke='%23874a6e' stroke-width='0.25' fill='none'/%3E%3C/svg%3E");box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.5rem;width:100%;max-width:920px;height:100%;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex;overflow:hidden auto}.client-project:after{content:"";flex-shrink:0;width:100%;height:8rem;display:block}.client-project::-webkit-scrollbar{width:0;height:0;display:none}.client-project__header{border-bottom:1px solid color-mix(in srgb,var(--color-border)18%,transparent);flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0 .85rem;display:flex}.client-project__brand{justify-content:center;align-items:center;min-height:1.5rem;display:flex}.client-project__brand-logo{object-fit:contain;opacity:.92;width:auto;max-height:44px}.client-project__brand-name{font-family:var(--font-headline);letter-spacing:.32em;text-transform:uppercase;color:var(--color-dark);opacity:.78;font-size:.7rem;font-weight:400}.client-project__hero{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.client-project__hero-image{background:var(--color-surface);width:100%;max-width:360px;max-height:280px;box-shadow:6px 6px 14px var(--neu-dark),-6px -6px 14px var(--neu-light);border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.client-project__hero-image img{object-fit:contain;max-width:100%;max-height:280px;display:block;width:auto!important;height:auto!important;position:relative!important}.client-project__hero--row{align-items:stretch}.client-project__finalized-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:.85rem;width:100%;display:grid}.client-project__finalized-item{color:inherit;min-width:0;text-decoration:none;display:block}.client-project__finalized-thumb{aspect-ratio:1;background:var(--color-surface);width:100%;box-shadow:4px 4px 10px var(--neu-dark),-4px -4px 10px var(--neu-light);border-radius:.6rem;transition:box-shadow .35s,transform .35s;position:relative;overflow:hidden}.client-project__finalized-item:hover .client-project__finalized-thumb{box-shadow:5px 5px 14px var(--color-shadow-hover),-5px -5px 14px var(--neu-light);transform:translateY(-2px)}.client-project__finalized-thumb:after{content:"";opacity:0;background:linear-gradient(160deg,transparent 50%,var(--color-plum)110%);pointer-events:none;mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}[data-theme=dark] .client-project__finalized-thumb:after{mix-blend-mode:screen}.client-project__finalized-item:hover .client-project__finalized-thumb:after{opacity:.45}[data-theme=dark] .client-project__finalized-item:hover .client-project__finalized-thumb:after{opacity:.18}.client-project__finalized-fallback{width:100%;height:100%;font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--color-plum);opacity:.7;justify-content:center;align-items:center;font-size:1rem;display:flex}[data-theme=dark] .client-project__finalized-thumb{box-shadow:4px 4px 10px #00000073,-4px -4px 10px #ffffff0d}.client-project__hero-image:after{content:"";box-shadow:3px 3px 10px var(--neu-inset-dark)inset,-3px -3px 10px var(--neu-inset-light)inset;pointer-events:none;z-index:1;border-radius:.75rem;position:absolute;inset:0}.client-project__hero-meta{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:0 .5rem;display:flex}.client-project__title{font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;color:var(--color-dark);margin:0;font-size:1.75rem;font-weight:400;line-height:1.25}.client-project__desc{font-family:var(--font-body);color:var(--color-dark);opacity:.82;white-space:pre-wrap;max-width:640px;margin:0;font-size:.85rem;line-height:1.6}.client-project__rule{background:var(--hr-tendril)no-repeat center;opacity:.55;background-size:100% 100%;width:100%;max-width:320px;height:10px;margin:.35rem 0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.client-project__tabs{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.25rem;display:flex}.client-project__tab{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--color-dark);background:var(--color-surface);cursor:pointer;opacity:.85;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);text-shadow:0 1px 1px var(--neu-light),0 -1px 1px var(--neu-inset-dark);border:none;border-radius:.55rem;padding:.55rem 1.1rem;font-size:.65rem;font-weight:400;transition:box-shadow .3s,color .3s,opacity .3s,transform .2s,letter-spacing .4s cubic-bezier(.4,0,.2,1);position:relative}.client-project__tab:hover{color:var(--color-plum);opacity:1;letter-spacing:.26em;box-shadow:2px 2px 4px var(--neu-dark),-2px -2px 4px var(--neu-light);transform:translateY(1px)}.client-project__tab:focus-visible{box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light),0 0 0 2px var(--color-plum);outline:none}.client-project__tab--active{color:var(--color-plum);opacity:1;letter-spacing:.26em;box-shadow:inset 3px 3px 6px var(--neu-inset-dark),inset -3px -3px 6px var(--neu-inset-light)}.client-project__tab--active:hover{transform:none}.client-project__tab-label-short{display:none}.client-project__content{flex:1;min-height:0;padding:.5rem 0}.client-project__chat{flex-direction:column;height:70vh;min-height:480px;display:flex}.client-project__section{flex-direction:column;gap:.85rem;display:flex}.client-project__section+.client-project__section{margin-top:1.75rem}.client-project__section-title{font-family:var(--font-headline);letter-spacing:.28em;text-transform:uppercase;color:var(--color-dark);opacity:.7;margin:0;font-size:.7rem;font-weight:400}.client-project__about-text{font-family:var(--font-body);color:var(--color-dark);opacity:.88;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.7}.client-project__quick-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.client-project__quick-card{background:var(--color-surface);box-shadow:inset 2px 2px 5px var(--neu-inset-dark),inset -2px -2px 5px var(--neu-inset-light);border-radius:.5rem;padding:.85rem 1rem}.client-project__quick-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-dark);opacity:.6;margin-bottom:.25rem;font-size:.55rem}.client-project__quick-value{font-family:var(--font-headline);letter-spacing:.06em;color:var(--color-dark);font-size:.85rem}.client-project__file-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.client-project__file{color:inherit;text-decoration:none;display:block}.client-project__file-thumb{aspect-ratio:1;background:var(--color-surface);width:100%;box-shadow:3px 3px 8px var(--neu-dark),-3px -3px 8px var(--neu-light);border-radius:.5rem;transition:box-shadow .35s,transform .35s;position:relative;overflow:hidden}.client-project__file:hover .client-project__file-thumb{box-shadow:4px 4px 14px var(--color-shadow-hover),-4px -4px 14px var(--neu-light);transform:translateY(-2px)}.client-project__file-thumb:after{content:"";opacity:0;background:linear-gradient(160deg,transparent 50%,var(--color-plum)110%);pointer-events:none;mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}[data-theme=dark] .client-project__file-thumb:after{mix-blend-mode:screen}.client-project__file:hover .client-project__file-thumb:after{opacity:.45}[data-theme=dark] .client-project__file:hover .client-project__file-thumb:after{opacity:.18}.client-project__file-fallback{width:100%;height:100%;font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-dark);opacity:.5;text-align:center;justify-content:center;align-items:center;padding:.75rem;font-size:.55rem;display:flex}.client-project__file-name{font-family:var(--font-body);letter-spacing:.04em;color:var(--color-dark);opacity:.78;white-space:nowrap;text-overflow:ellipsis;margin-top:.45rem;font-size:.7rem;overflow:hidden}.client-project__specs{grid-template-columns:1fr 1fr;gap:0 2rem;display:grid}.client-project__spec-row{font-family:var(--font-body);grid-template-columns:200px 1fr;gap:1rem;padding:.85rem .5rem 1.1rem;font-size:.82rem;transition:background .25s;display:grid;position:relative}.client-project__spec-row:after{content:"";background:var(--hr-tendril-spec)repeat-x center;pointer-events:none;background-size:240px 6px;height:6px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.client-project__spec-row:before{content:"";background:var(--color-plum);width:2px;height:0;transition:height .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.client-project__spec-row:hover{background:color-mix(in srgb,var(--color-plum)5%,transparent)}.client-project__spec-row:hover:before{height:70%}.client-project__spec-label{font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;color:var(--color-plum);opacity:.85;padding-top:.05rem;font-size:.65rem}.client-project__spec-value{color:var(--color-dark);opacity:.92;white-space:pre-wrap}.client-project__empty{text-align:center;font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-dark);opacity:.45;padding:3rem 1rem;font-size:.7rem}[data-theme=dark] .client-project__hero-image{box-shadow:6px 6px 14px #00000073,-6px -6px 14px #ffffff0d}[data-theme=dark] .client-project__tab{box-shadow:3px 3px 6px #0006,-3px -3px 6px #ffffff0d}[data-theme=dark] .client-project__tab--active{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff0a}[data-theme=dark] .client-project__quick-card{box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffff0a}[data-theme=dark] .client-project__file-thumb{box-shadow:3px 3px 8px #0006,-3px -3px 8px #ffffff0d}@media (max-width:900px){.client-project{gap:1.25rem;padding:1rem 1.25rem 0}.client-project__title{letter-spacing:.16em;font-size:1.35rem}.client-project__hero-image{max-width:320px;max-height:240px}.client-project__hero-image img{max-height:240px}.client-project__spec-row{grid-template-columns:140px 1fr;gap:.75rem}}@media (max-width:600px){.client-project{gap:1rem;padding:.75rem .85rem 0}.client-project:after{height:6rem}.client-project__hero{gap:1rem}.client-project__hero-image{border-radius:.6rem;max-width:280px;max-height:220px}.client-project__hero-image img{max-height:220px}.client-project__title{letter-spacing:.14em;font-size:1.1rem}.client-project__desc{font-size:.78rem}.client-project__brand-name{letter-spacing:.26em;font-size:.6rem}.client-project__brand-logo{max-height:36px}.client-project__tabs{gap:.3rem}.client-project__tab{letter-spacing:.18em;padding:.5rem .75rem;font-size:.55rem}.client-project__tab:hover{letter-spacing:.2em}.client-project__tab-label-full{display:none}.client-project__tab-label-short{display:inline}.client-project__quick-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.client-project__file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.client-project__specs{grid-template-columns:1fr;column-gap:0}.client-project__spec-row{grid-template-columns:1fr;gap:.25rem;padding:.65rem .25rem}.client-project__chat{height:65vh;min-height:400px}}