/* Verified PawsGo research and prototype modules only. */

.pawsgo-case .paws-details { background: var(--white); color: var(--text); }
.pawsgo-case .paws-section { padding: clamp(96px, 12vw, 180px) clamp(20px, 4vw, 64px); }
.pawsgo-case .paws-section:nth-of-type(even) { background: var(--pastel); }
.pawsgo-case .paws-section-head { display: grid; grid-template-columns: 0.5fr 1.5fr; gap: clamp(30px, 6vw, 90px); align-items: start; margin-bottom: clamp(64px, 9vw, 126px); }
.pawsgo-case .paws-section-head h2 { max-width: 1100px; margin: 0; font-size: clamp(48px, 6.7vw, 108px); letter-spacing: -0.05em; }
.pawsgo-case .paws-section-head > div > p { max-width: 760px; margin: 34px 0 0; color: var(--muted); font-size: clamp(16px, 1.4vw, 18px); font-weight: 300; line-height: 1.6; }
.pawsgo-case .paws-grid { display: grid; width: min(1276px, 100%); margin-left: auto; }
.pawsgo-case .paws-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 4vw, 64px); }
.pawsgo-case .paws-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 44px); }
.pawsgo-case .paws-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(45, 52, 64, 0.45); border-bottom: 1px solid rgba(45, 52, 64, 0.45); }
.pawsgo-case .paws-grid-four article { padding: 24px clamp(18px, 2.2vw, 36px) 40px; }
.pawsgo-case .paws-grid-four article + article { border-left: 1px solid rgba(45, 52, 64, 0.45); }
.pawsgo-case .paws-grid article > span { display: block; margin-bottom: clamp(48px, 6vw, 86px); font-size: 13px; font-weight: 600; }
.pawsgo-case .paws-grid h3 { margin: 0 0 28px; font-size: clamp(25px, 2.7vw, 42px); letter-spacing: -0.035em; }
.pawsgo-case .paws-grid ul { padding: 0; margin: 0; list-style: none; }
.pawsgo-case .paws-grid li { position: relative; padding: 8px 0 8px 18px; color: var(--muted); font-size: 16px; font-weight: 300; line-height: 1.45; }
.pawsgo-case .paws-grid li::before { position: absolute; left: 0; color: var(--red); content: "·"; font-weight: 700; }
.pawsgo-case .paws-table-wrap { width: min(1276px, 100%); margin-left: auto; overflow-x: auto; outline: 0; scrollbar-color: var(--red) transparent; }
.pawsgo-case .paws-table-wrap:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; }
.pawsgo-case .paws-table-wrap table { width: 100%; min-width: 1050px; border-collapse: collapse; table-layout: fixed; }
.pawsgo-case .paws-table-wrap th, .pawsgo-case .paws-table-wrap td { padding: 20px 18px; border-top: 1px solid rgba(45, 52, 64, 0.35); text-align: left; vertical-align: top; font-size: 15px; line-height: 1.5; }
.pawsgo-case .paws-table-wrap thead th { padding-top: 0; border-top: 0; color: var(--text); font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; }
.pawsgo-case .paws-table-wrap tbody th { width: 18%; color: var(--text); font-weight: 600; }
.pawsgo-case .paws-table-wrap td { color: var(--muted); font-weight: 300; }
.pawsgo-case .paws-parallax { width: 100%; height: clamp(460px, 52vw, 700px); margin: 0; background-color: var(--dark); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.pawsgo-case .paws-parallax-ads { background-position: center 42%; }
.pawsgo-case .persona-card { padding: clamp(28px, 4vw, 58px); border: 1px solid rgba(45, 52, 64, 0.45); background: var(--white); }
.pawsgo-case .persona-title { min-height: 190px; padding-bottom: 40px; border-bottom: 1px solid rgba(45, 52, 64, 0.35); }
.pawsgo-case .persona-title h3 { font-size: clamp(38px, 4.5vw, 70px); }
.pawsgo-case .persona-title p { max-width: 38ch; margin: 0; color: var(--muted); font-size: 18px; font-weight: 300; line-height: 1.5; }
.pawsgo-case .persona-card dl { margin: 0 0 50px; }
.pawsgo-case .persona-card dl > div { display: grid; grid-template-columns: 0.32fr 0.68fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid rgba(45, 52, 64, 0.25); }
.pawsgo-case .persona-card dt { color: var(--muted); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.pawsgo-case .persona-card dd { margin: 0; font-size: 16px; font-weight: 600; }
.pawsgo-case .persona-list { margin-top: 38px; }
.pawsgo-case .persona-list h4 { margin: 0 0 12px; font-family: var(--font-display); font-size: 22px; line-height: 1.1; }
.pawsgo-case .paws-jobs { background: var(--dark) !important; color: var(--white); }
.pawsgo-case .paws-jobs .paws-section-head > div > p { color: rgba(255, 255, 255, 0.68); }
.pawsgo-case .paws-jobs .paws-grid article { padding: 26px clamp(20px, 2.7vw, 42px) 42px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.pawsgo-case .paws-jobs .paws-grid article + article { border-left: 1px solid var(--line-dark); }
.pawsgo-case .paws-jobs .paws-grid h3 { min-height: 100px; }
.pawsgo-case .paws-jobs .paws-grid article > p { padding-top: 18px; margin: 0; border-top: 1px solid var(--line-dark); color: rgba(255, 255, 255, 0.7); font-weight: 300; line-height: 1.5; }
.pawsgo-case .paws-jobs .paws-grid article > p + p { margin-top: 22px; }
.pawsgo-case .paws-jobs .paws-grid strong { display: block; margin-bottom: 8px; color: var(--blue); font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; }
.pawsgo-case .userflow { width: min(1276px, 100%); margin-left: auto; }
.pawsgo-case .uf-rail { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid rgba(45, 52, 64, 0.45); border-bottom: 1px solid rgba(45, 52, 64, 0.45); }
.pawsgo-case .uf-rail button { min-height: 126px; padding: 18px 14px; border: 0; border-right: 1px solid rgba(45, 52, 64, 0.3); background: transparent; color: var(--muted); font-family: var(--font-body); font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; transition: background 0.45s var(--ease), color 0.45s var(--ease); }
.pawsgo-case .uf-rail button:last-child { border-right: 0; }
.pawsgo-case .uf-rail button span { display: block; margin-bottom: 38px; font-size: 12px; }
.pawsgo-case .uf-rail button:hover, .pawsgo-case .uf-rail button.is-active { background: var(--red); color: var(--white); }
.pawsgo-case .uf-detail { padding: clamp(38px, 6vw, 80px); background: var(--blue); }
.pawsgo-case .uf-detail-head { display: grid; grid-template-columns: 0.28fr 0.72fr; gap: 30px; align-items: baseline; }
.pawsgo-case .uf-detail-head span { font-size: 13px; font-weight: 600; }
.pawsgo-case .uf-detail h3 { margin: 0; font-size: clamp(42px, 6vw, 92px); letter-spacing: -0.05em; }
.pawsgo-case .uf-detail > p { max-width: 680px; margin: 36px 0 60px 28%; font-size: clamp(16px, 1.5vw, 19px); font-weight: 300; line-height: 1.55; }
.pawsgo-case .uf-detail-cols { display: grid; grid-template-columns: repeat(2, 1fr); width: 72%; margin-left: 28%; border-top: 1px solid rgba(45, 52, 64, 0.4); }
.pawsgo-case .uf-detail-cols > div { padding: 24px 30px 0 0; }
.pawsgo-case .uf-detail-cols > div + div { padding-left: 30px; border-left: 1px solid rgba(45, 52, 64, 0.4); }
.pawsgo-case .uf-detail-cols strong { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; }
.pawsgo-case .uf-detail-cols p { margin: 12px 0 0; font-size: 16px; font-weight: 300; line-height: 1.5; }
.pawsgo-case .uf-detail-nav { display: flex; justify-content: space-between; margin-top: 64px; }
.pawsgo-case .uf-detail-nav button { padding: 12px 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--text); font-family: var(--font-body); font-weight: 600; cursor: pointer; }
.pawsgo-case .uf-detail-nav button:disabled { opacity: 0.28; cursor: default; }
.pawsgo-case .paws-image-grid { --paws-image-gap: clamp(18px, 3vw, 42px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--paws-image-gap); width: min(1276px, 100%); margin-left: auto; align-items: start; }
.pawsgo-case .paws-image-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pawsgo-case .paws-image-grid figure { margin: 0; overflow: hidden; background: #e5dedb; }
.pawsgo-case .paws-image-grid img { display: block; width: 100%; height: auto; object-fit: contain; transition: transform 0.8s var(--ease); }
.pawsgo-case .paws-image-grid figure:hover img { transform: scale(1.012); }
.pawsgo-case .paws-image-columns { --paws-image-gap: clamp(18px, 3vw, 42px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--paws-image-gap); width: min(1276px, 100%); margin-left: auto; align-items: start; }
.pawsgo-case .paws-image-column { display: flex; min-width: 0; flex-direction: column; gap: var(--paws-image-gap); }
.pawsgo-case .paws-wireframes-stack { width: min(1276px, 100%); margin-left: auto; }
.pawsgo-case .paws-image-column figure { width: 100%; height: auto; margin: 0; overflow: hidden; background: #e5dedb; }
.pawsgo-case .paws-image-column img { display: block; width: 100%; height: auto; object-fit: contain; transition: transform 0.8s var(--ease); }
.pawsgo-case .paws-image-column figure:hover img { transform: scale(1.012); }
.pawsgo-case .paws-image-full { grid-column: 1 / -1; width: 100%; margin: 0; }
.pawsgo-case .paws-image-full figure { width: 100%; margin: 0; overflow: hidden; background: #e5dedb; }
.pawsgo-case .paws-image-full img { display: block; width: 100%; height: auto; object-fit: contain; transition: transform 0.8s var(--ease); }
.pawsgo-case .paws-image-full figure:hover img { transform: scale(1.012); }
.pawsgo-case .paws-high-fidelity .paws-image-column figure { border: 0; background: transparent; }
.pawsgo-case .paws-figma { width: min(1276px, 100%); height: min(82svh, 900px); margin: clamp(70px, 10vw, 140px) 0 0 auto; overflow: hidden; border: 1px solid rgba(45, 52, 64, 0.4); background: var(--dark); }
.pawsgo-case .paws-figma iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 980px) {
  .pawsgo-case .paws-section-head { grid-template-columns: 1fr; }
  .pawsgo-case .paws-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pawsgo-case .paws-grid-four article:nth-child(3) { border-left: 0; border-top: 1px solid rgba(45, 52, 64, 0.45); }
  .pawsgo-case .paws-grid-four article:nth-child(4) { border-top: 1px solid rgba(45, 52, 64, 0.45); }
  .pawsgo-case .paws-grid-three, .pawsgo-case .paws-image-grid-3 { grid-template-columns: 1fr; }
  .pawsgo-case .paws-jobs .paws-grid article + article { border-left: 0; }
  .pawsgo-case .uf-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pawsgo-case .uf-rail button:nth-child(4) { border-right: 0; }
  .pawsgo-case .uf-rail button:nth-child(n+5) { border-top: 1px solid rgba(45, 52, 64, 0.3); }
}
@media (max-width: 760px) {
  .pawsgo-case .paws-parallax { height: clamp(360px, 72vw, 520px); background-attachment: scroll; }
  .pawsgo-case .paws-grid-two, .pawsgo-case .paws-grid-four, .pawsgo-case .paws-image-grid, .pawsgo-case .paws-image-columns { grid-template-columns: 1fr; }
  .pawsgo-case .paws-grid-four article + article { border-left: 0; border-top: 1px solid rgba(45, 52, 64, 0.45); }
  .pawsgo-case .persona-title { min-height: 0; }
  .pawsgo-case .uf-rail { display: flex; overflow-x: auto; }
  .pawsgo-case .uf-rail button { flex: 0 0 142px; }
  .pawsgo-case .uf-detail-head { grid-template-columns: 1fr; }
  .pawsgo-case .uf-detail > p, .pawsgo-case .uf-detail-cols { width: 100%; margin-left: 0; }
  .pawsgo-case .uf-detail-cols { grid-template-columns: 1fr; }
  .pawsgo-case .uf-detail-cols > div + div { padding-left: 0; border-left: 0; }
  .pawsgo-case .paws-figma { height: 70svh; }
}
/* Original asset bindings; update only after exact media association. */
.pawsgo-case .pawsgo-media-1 { background-image: url("https://felixdigitaldesigner.com/wp-content/uploads/2026/09/Photo-1-scaled.png"); }
.pawsgo-case .pawsgo-media-2 { background-image: url("https://felixdigitaldesigner.com/wp-content/uploads/2026/09/Photo-3-scaled.png"); }
.pawsgo-case .pawsgo-media-3 { background-image: url("https://felixdigitaldesigner.com/wp-content/uploads/2026/09/pawsgo-ads.webp"); }