/* Dayeem Studio Premium 2026 — version 5, local-only layer */
:root {
  --dy-ink: #142c37;
  --dy-muted: #526674;
  --dy-accent: #116c61;
  --dy-stroke: #e0e8e7;
  --dy-surface: #ffffff;
  --dy-shadow: 0 12px 40px rgba(18,43,52,.07);
}
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { color: #14332e; background: #d4efeb; }
main :is(h1,h2,h3) { overflow-wrap: break-word; text-wrap: balance; }
main :is(p,li) { overflow-wrap: break-word; }
main section[id] { scroll-margin-top: 96px; }
:where(a,button,input,textarea,select):focus-visible {
  outline: 3px solid #187b6d; outline-offset: 3px;
}
.site-header {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.site-header .main-nav a { text-underline-offset: 5px; }
.portfolio-card {
  min-width: 0;
  overflow: hidden;
  background: var(--dy-surface);
  border: 1px solid var(--dy-stroke);
  border-radius: 22px;
  box-shadow: var(--dy-shadow);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.portfolio-card .portfolio-media {
  display: block;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.portfolio-card .portfolio-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2,.75,.3,1);
}
.portfolio-card .portfolio-meta { padding: clamp(18px,2.5vw,26px); }
.portfolio-card .portfolio-meta h3 {
  margin-block: 6px 10px;
  color: var(--dy-ink);
  font-size: clamp(1.14rem,1.6vw,1.45rem);
  line-height: 1.38;
}
.portfolio-card .portfolio-meta p {
  color: var(--dy-muted);
  line-height: 1.85;
  max-width: 62ch;
}
.portfolio-card .portfolio-meta span {
  color: var(--dy-accent);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .035em;
}
.filter-button {
  min-height: 44px;
  border-radius: 999px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.filter-button.active {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.service-card, .product-card, .process-item {
  min-width: 0;
  border-radius: 20px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.product-card img, .service-card img { max-width: 100%; }
.premium-footer a { text-underline-offset: 4px; }

@media (hover:hover) and (pointer:fine) {
  .portfolio-card:hover {
    transform: translateY(-5px);
    border-color: #c7d9d4;
    box-shadow: 0 20px 52px rgba(18,43,52,.13);
  }
  .portfolio-card:hover .portfolio-media img {
    transform: scale(1.035);
  }
  .service-card:hover { transform: translateY(-3px); }
}
@media (max-width:680px) {
  .portfolio-grid { grid-template-columns: minmax(0,1fr); }
  .portfolio-card { border-radius: 18px; }
  .portfolio-card .portfolio-meta { padding: 18px; }
  .portfolio-card .portfolio-meta p {
    font-size: .94rem;
    line-height: 1.8;
  }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .portfolio-card, .portfolio-card img, .service-card, .filter-button {
    animation: none !important;
    transition: none !important;
  }
}