/* DAYEEM-V6 / Premium Editorial Layout / No external dependencies */

:root {
  --dy-v6-radius: 26px;
  --dy-v6-border: rgba(27, 52, 65, .13);
  --dy-v6-shadow: 0 18px 54px rgba(15, 37, 49, .085);
  --dy-v6-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Premium navigation */

.premium-header {
  border-bottom: 1px solid var(--dy-v6-border);
}

.premium-header .main-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  line-height: 1.5;
  text-underline-offset: 5px;
}

.premium-header .main-nav a:focus-visible {
  outline-offset: 5px;
}

/* Editorial typography */

.studio-opening h1 {
  font-size: clamp(2.35rem, 4.7vw, 5.05rem);
  line-height: 1.27;
  max-inline-size: 22ch;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.studio-opening p {
  max-inline-size: 65ch;
  line-height: 1.95;
  text-wrap: pretty;
}

.studio-opening .kicker,
.section-index {
  line-height: 1.5;
  letter-spacing: .035em;
}

:is(
  .selected-showcase,
  .services-section,
  .products-section,
  .work-section,
  .process-section,
  .contact-section
) h2 {
  font-size: clamp(1.95rem, 3.35vw, 3.5rem);
  line-height: 1.36;
  text-wrap: balance;
  overflow-wrap: break-word;
}

:is(
  .services-section,
  .products-section,
  .work-section,
  .process-section
) .section-heading p {
  line-height: 1.9;
  max-inline-size: 70ch;
}

.selected-showcase img {
  max-inline-size: 100%;
}

/* Premium service cards */

.services-section .service-card {
  min-inline-size: 0;
  border-radius: var(--dy-v6-radius);
  box-shadow: 0 10px 38px rgba(15, 37, 49, .065);
  transition:
    transform .3s var(--dy-v6-ease),
    box-shadow .3s ease;
}

.services-section .service-card :is(h3, p) {
  overflow-wrap: break-word;
}

.services-section .service-card p {
  line-height: 1.85;
}

.services-section .service-icon {
  flex-shrink: 0;
}

/* Product section - preserve dark theme */

.products-section .product-card {
  min-inline-size: 0;
  overflow: hidden;
  border-radius: var(--dy-v6-radius);
  box-shadow: 0 17px 44px rgba(0, 0, 0, .1);
}

.products-section .product-card img {
  display: block;
  max-inline-size: 100%;
  height: auto;
}

.products-section .product-content p {
  line-height: 1.85;
}

.products-section .tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Portfolio refinements */

.work-section .portfolio-grid {
  align-items: stretch;
}

.work-section .portfolio-grid > * {
  min-inline-size: 0;
}

.portfolio-card:not(.portfolio-large) .portfolio-media {
  aspect-ratio: 16 / 10;
}

.portfolio-card:not(.portfolio-large) .portfolio-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-card .portfolio-meta h3 {
  overflow-wrap: anywhere;
}

.portfolio-card .portfolio-meta p {
  line-height: 1.9;
}

/* Portfolio filters */

.work-section .filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-inline-size: 100%;
}

.work-section .filter-button {
  min-height: 44px;
  max-inline-size: 100%;
  white-space: normal;
  line-height: 1.45;
  padding: 10px 19px;
}

/* Process and contact */

.process-section .process-item {
  min-inline-size: 0;
  border-radius: 20px;
  transition: transform .3s var(--dy-v6-ease);
}

.process-section .process-item :is(h3, p) {
  overflow-wrap: break-word;
}

.contact-section :is(.button, .button-accent),
.site-footer :is(.button, .button-accent, .footer-whatsapp-cta) {
  min-height: 44px;
}

/* Footer */

.premium-footer {
  border-top: 1px solid var(--dy-v6-border);
}

.premium-footer a {
  text-underline-offset: 5px;
}

.mobile-contact-bar a,
.mobile-contact-bar button {
  min-height: 44px;
}

/* Desktop hover interactions */

@media (hover: hover) and (pointer: fine) {
  .services-section .service-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--dy-v6-shadow);
  }

  .process-section .process-item:hover {
    transform: translateY(-3px);
  }
}

/* Tablet */

@media (max-width: 760px) {
  .studio-opening h1 {
    font-size: clamp(2.05rem, 7.5vw, 3.55rem);
    line-height: 1.32;
  }

  :is(
    .selected-showcase,
    .services-section,
    .products-section,
    .work-section,
    .process-section,
    .contact-section
  ) h2 {
    font-size: clamp(1.7rem, 5.5vw, 2.5rem);
  }

  .services-section .service-card,
  .products-section .product-card {
    border-radius: 20px;
  }

  .work-section .filter-bar {
    gap: 8px;
  }

  .work-section .filter-button {
    padding-inline: 15px;
  }
}

/* Mobile */

@media (max-width: 480px) {
  .studio-opening h1 {
    font-size: clamp(1.9rem, 8vw, 2.55rem);
  }

  .work-section .portfolio-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .portfolio-card:not(.portfolio-large) .portfolio-media {
    aspect-ratio: 16 / 11;
  }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
  .services-section .service-card,
  .process-section .process-item {
    transition: none !important;
    transform: none !important;
  }
}