#sbsr-516 {padding-block: var(--cs-section-padding);background: var(--cs-white);}.cs-sbsr-wrapper {display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2.5rem, 5vw, 6rem);align-items: center;}.cs-sbsr-image-wrap {position: relative;}.cs-sbsr-image-wrap img {width: 100%;aspect-ratio: 4/5;object-fit: cover;}.cs-sbsr-badge {position: absolute;bottom: -1.5rem;right: -1.5rem;background: var(--cs-primary);color: var(--cs-white);padding: 1.5rem 2rem;width: 9rem;text-align: center;z-index: 1;}.cs-sbsr-badge strong {display: block;font-family: var(--cs-font-display);font-size: 2.5rem;font-weight: 300;line-height: 1;color: var(--cs-accent-light);}.cs-sbsr-badge span {font-size: 0.625rem;letter-spacing: 0.15em;text-transform: uppercase;opacity: 0.75;}.cs-sbsr-content {padding-block: 1rem;}.cs-sbsr-title {font-size: clamp(2rem, 3.5vw, 3.25rem);margin-bottom: 1.5rem;}.cs-sbsr-list {list-style: none;margin: 1.75rem 0;display: flex;flex-direction: column;gap: 0.75rem;}.cs-sbsr-list li {display: flex;align-items: flex-start;gap: 0.75rem;font-size: 0.9375rem;color: var(--cs-text-body);}.cs-sbsr-list li::before {content: '';flex-shrink: 0;width: 1.25rem;height: 1px;background: var(--cs-accent);margin-top: 0.65em;}#services {padding-block: var(--cs-section-padding);background: var(--cs-surface);position: relative;overflow: hidden;}#services::before {content: 'DESIGN';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: var(--cs-font-display);font-size: clamp(6rem, 18vw, 20rem);font-weight: 600;color: rgba(176, 141, 87, 0.045);white-space: nowrap;pointer-events: none;user-select: none;letter-spacing: -0.04em;}.cs-services-head {text-align: center;max-width: 52ch;margin-inline: auto;margin-bottom: clamp(2.5rem, 5vw, 4rem);position: relative;}.cs-services-title {font-size: clamp(2rem, 3.5vw, 3.25rem);}.cs-services-divider {width: 3rem;height: 1px;background: var(--cs-accent);margin: 1.25rem auto;}.cs-card-group {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;position: relative;}.cs-item {background: var(--cs-white);border: 1px solid var(--cs-border);display: flex;flex-direction: column;overflow: hidden;transition: box-shadow 0.3s ease, transform 0.3s ease;}.cs-item:hover {box-shadow: 0 12px 40px rgba(44, 36, 23, 0.1);transform: translateY(-4px);}.cs-item-image {position: relative;overflow: hidden;}.cs-item-image img {width: 100%;aspect-ratio: 3/2;object-fit: cover;transition: transform 0.6s ease;}.cs-item:hover .cs-item-image img {transform: scale(1.04);}.cs-item-icon {position: absolute;top: 1rem;left: 1rem;background: var(--cs-white);width: 2.75rem;height: 2.75rem;display: flex;align-items: center;justify-content: center;}.cs-item-icon svg {width: 1.25rem;height: 1.25rem;stroke: var(--cs-accent);fill: none;stroke-width: 1.5;}.cs-item-body {padding: 1.75rem;flex: 1;display: flex;flex-direction: column;}.cs-item-title {font-family: var(--cs-font-display);font-size: 1.375rem;font-weight: 400;color: var(--cs-primary);margin-bottom: 0.75rem;}.cs-item-text {font-size: 0.9375rem;color: var(--cs-text-muted);line-height: 1.7;flex: 1;}.cs-item-link {display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 1.25rem;font-size: 0.75rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--cs-accent);text-decoration: none;transition: gap 0.2s ease;}.cs-item-link:hover {gap: 0.65rem;}.cs-item-link svg {width: 0.875rem;height: 0.875rem;stroke: currentColor;fill: none;stroke-width: 2;}#portfolio {padding-block: var(--cs-section-padding);background: var(--cs-white);}.cs-portfolio-head {display: flex;align-items: flex-end;justify-content: space-between;gap: 2rem;flex-wrap: wrap;margin-bottom: clamp(2rem, 4vw, 3.5rem);}.cs-portfolio-title {font-size: clamp(2rem, 3.5vw, 3.25rem);}.cs-gallery-grid {display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: 28rem auto;gap: 0.75rem;}.cs-gallery-item {position: relative;overflow: hidden;cursor: pointer;}.cs-gallery-item:nth-child(1) {grid-column: 1 / 7;grid-row: 1;}.cs-gallery-item:nth-child(2) {grid-column: 7 / 10;grid-row: 1;}.cs-gallery-item:nth-child(3) {grid-column: 10 / 13;grid-row: 1;}.cs-gallery-item:nth-child(4) {grid-column: 1 / 5;grid-row: 2;}.cs-gallery-item:nth-child(5) {grid-column: 5 / 9;grid-row: 2;}.cs-gallery-item:nth-child(6) {grid-column: 9 / 13;grid-row: 2;}.cs-gallery-item:nth-child(4), .cs-gallery-item:nth-child(5), .cs-gallery-item:nth-child(6) {height: 20rem;}.cs-gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s ease;}.cs-gallery-item:hover img {transform: scale(1.05);}.cs-gallery-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(26, 20, 10, 0.7) 0%, transparent 55%);opacity: 0;transition: opacity 0.35s ease;display: flex;align-items: flex-end;padding: 1.5rem;}.cs-gallery-item:hover .cs-gallery-overlay {opacity: 1;}.cs-gallery-label {font-family: var(--cs-font-display);font-size: 1.125rem;font-weight: 400;color: var(--cs-white);line-height: 1.2;}.cs-gallery-tag {position: absolute;bottom: 0;left: 0;background: var(--cs-primary);color: var(--cs-accent-light);font-size: 0.625rem;font-weight: 500;letter-spacing: 0.18em;text-transform: uppercase;padding: 0.4rem 0.85rem;}#cta {position: relative;padding-block: var(--cs-section-padding);overflow: hidden;background: var(--cs-primary);}.cs-cta-bg {position: absolute;inset: 0;}.cs-cta-bg img {width: 100%;height: 100%;object-fit: cover;opacity: 0.15;mix-blend-mode: luminosity;}.cs-cta-bg::after {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(44, 36, 23, 0.95) 0%, rgba(44, 36, 23, 0.75) 100%);}.cs-cta-inner {position: relative;z-index: 1;display: grid;grid-template-columns: 1fr auto;gap: 3rem;align-items: center;}.cs-cta-eyebrow {color: var(--cs-accent-light);opacity: 0.9;}.cs-cta-title {font-size: clamp(2rem, 4vw, 3.75rem);color: var(--cs-white);margin-bottom: 1.25rem;}.cs-cta-text {color: rgba(255, 255, 255, 0.7);max-width: 50ch;font-size: 1rem;margin-bottom: 0;}.cs-cta-actions {display: flex;flex-direction: column;align-items: center;gap: 0.75rem;flex-shrink: 0;}.cs-cta-phone {font-family: var(--cs-font-display);font-size: clamp(1.5rem, 2.5vw, 2.25rem);font-weight: 300;color: var(--cs-accent-light);text-decoration: none;letter-spacing: 0.04em;white-space: nowrap;transition: color 0.2s ease;}.cs-cta-phone:hover {color: var(--cs-white);}.cs-cta-note {font-size: 0.6875rem;letter-spacing: 0.15em;text-transform: uppercase;color: rgba(255, 255, 255, 0.4);text-align: center;}.cs-cta-accent-line {width: 100%;height: 1px;background: linear-gradient(to right, transparent, var(--cs-accent), transparent);margin-block: 0.5rem;}@media (max-width: 900px) {.cs-sbsr-wrapper {grid-template-columns: 1fr;}.cs-sbsr-image-wrap {order: -1;}.cs-sbsr-badge {right: 1rem;bottom: -1rem;}.cs-card-group {grid-template-columns: 1fr;max-width: 480px;margin-inline: auto;}.cs-gallery-grid {grid-template-columns: 1fr 1fr;grid-template-rows: none;}.cs-gallery-item:nth-child(n) {grid-column: auto;grid-row: auto;height: 16rem;}.cs-cta-inner {grid-template-columns: 1fr;text-align: center;}.cs-cta-actions {margin-inline: auto;}.cs-cta-text {margin-inline: auto;}.cs-portfolio-head {flex-direction: column;align-items: flex-start;}}@media (max-width: 600px) {.cs-card-group {max-width: 100%;}.cs-gallery-grid {grid-template-columns: 1fr;}.cs-gallery-item:nth-child(n) {height: 14rem;}.cs-hero-actions {flex-direction: column;align-items: flex-start;}.cs-hero-scroll {display: none;}}