#portfolio-grid-1{padding:var(--sectionPadding);background-color:#d9dde3}#portfolio-grid-1 .cs-container{width:100%;max-width:80rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}#portfolio-grid-1 .cs-content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}#portfolio-grid-1 .cs-card-group{width:100%;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:2rem}#portfolio-grid-1 .cs-item{position:relative;list-style:none;background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 24px #1a1a1a14;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}#portfolio-grid-1 .cs-item:hover{transform:translateY(-4px);box-shadow:0 10px 32px #1a1a1a24}#portfolio-grid-1 .cs-picture{width:100%;aspect-ratio:16 / 10;display:block;position:relative;background:linear-gradient(135deg,#1a1a1a,#4e4b66);overflow:hidden}#portfolio-grid-1 .cs-picture img{width:100%;height:100%;object-fit:cover;display:block}#portfolio-grid-1 .cs-tag{position:absolute;top:1rem;left:1rem;background-color:#ff6a3e;color:#fafbfc;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;border-radius:999px;z-index:2}#portfolio-grid-1 .cs-info{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}#portfolio-grid-1 .cs-h3{font-size:1.5rem;margin:0;color:#1a1a1a;font-weight:700}#portfolio-grid-1 .cs-item-text{margin:0;color:#4e4b66;font-size:.95rem;line-height:1.5;flex:1}#portfolio-grid-1 .cs-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}#portfolio-grid-1 .cs-chip{font-size:.75rem;color:#4e4b66;background-color:#f0f0f3;padding:.25rem .6rem;border-radius:999px}#portfolio-grid-1 .cs-button-group{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}#portfolio-grid-1 .cs-button-solid,#portfolio-grid-1 .cs-button-ghost{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;line-height:1.2;padding:.7rem 1rem;font-weight:700;border-radius:4px;text-decoration:none;box-sizing:border-box}#portfolio-grid-1 .cs-button-solid{background-color:#ff6a3e;color:#fafbfc;border:2px solid #ff6a3e}#portfolio-grid-1 .cs-button-ghost{background-color:transparent;color:#1a1a1a;border:2px solid #1a1a1a;transition:background-color .2s ease,color .2s ease}#portfolio-grid-1 .cs-button-ghost:hover{background-color:#1a1a1a;color:#fafbfc}@media (min-width: 48rem){#portfolio-grid-1 .cs-card-group{grid-template-columns:repeat(2,1fr)}}@media (min-width: 48rem) and (max-width: 63.9375rem){#portfolio-grid-1 .cs-item:nth-child(3):last-child{grid-column:1 / -1;max-width:calc(50% - 1rem);margin-inline:auto}}@media (min-width: 64rem){#portfolio-grid-1 .cs-card-group{grid-template-columns:repeat(3,1fr)}#portfolio-grid-1 .cs-button-group{flex-direction:column;align-items:stretch}}@media (min-width: 85rem){#portfolio-grid-1 .cs-button-group{flex-direction:row}}body.dark-mode #portfolio-grid-1{background-color:#111}body.dark-mode #portfolio-grid-1 .cs-item{background-color:#1f1f1f;box-shadow:0 4px 24px #0006}body.dark-mode #portfolio-grid-1 .cs-h3{color:#fafbfc}body.dark-mode #portfolio-grid-1 .cs-item-text{color:#b9b9c1}body.dark-mode #portfolio-grid-1 .cs-chip{background-color:#2a2a2a;color:#b9b9c1}body.dark-mode #portfolio-grid-1 .cs-button-ghost{color:#fafbfc;border-color:#fafbfc}body.dark-mode #portfolio-grid-1 .cs-button-ghost:hover{background-color:#fafbfc;color:#1a1a1a}