:root {
  --paper: #f7f4ee;
  --paper-strong: #fffdf8;
  --ink: #171716;
  --muted: #625f5a;
  --line: rgba(23, 23, 22, 0.14);
  --blue: #d8e9f5;
  --pink: #f0dfea;
  --green: #dcebdd;
  --yellow: #f5e9c3;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --container: 1440px;
  --header-height: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.5;
}
img { display: block; width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 200;
  padding: 0.8rem 1rem;
  background: var(--ink);
  color: white;
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  max-width: var(--container);
  margin: 0 auto;
  padding: 1.1rem 4rem;
  background: color-mix(in srgb, var(--paper) 92%, transparent);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.identity { display: flex; align-items: baseline; gap: 1rem; text-decoration: none; }
.identity-name { font-family: var(--serif); font-size: 1.45rem; }
.identity-role, .eyebrow, .location-note, .status {
  font-size: 0.7rem;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.site-nav { display: flex; gap: 2rem; align-items: center; }
.site-nav a { text-decoration: none; font-size: 0.84rem; }
.site-nav a:hover, .site-nav a:focus-visible { text-decoration: underline; text-underline-offset: 0.3rem; }
.menu-toggle { display: none; background: none; border: 1px solid var(--line); padding: 0.55rem 0.8rem; }

.section-shell { max-width: var(--container); margin: 0 auto; padding: 4rem; }
.ruled-section { border-top: 1px solid var(--line); }
.eyebrow { margin: 0 0 1rem; color: var(--muted); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1; }
h1 { max-width: 8.5ch; margin-bottom: 1.75rem; font-size: clamp(3.5rem, 6vw, 6.8rem); letter-spacing: -0.055em; }
h2 { margin-bottom: 0.75rem; font-size: clamp(2.2rem, 4vw, 4.2rem); letter-spacing: -0.04em; }
h3 { margin-bottom: 0.55rem; font-size: 2rem; letter-spacing: -0.03em; }
p { color: var(--muted); }

.hero { min-height: calc(100vh - var(--header-height)); display: grid; grid-template-columns: 0.8fr 1.35fr; gap: 4rem; align-items: center; }
.hero-copy { max-width: 520px; }
.hero-lead { max-width: 42ch; color: var(--ink); font-size: 1.35rem; }
.hero-body { max-width: 52ch; }
.location-note { margin: 2rem 0; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.hero-actions { display: flex; align-items: center; gap: 1.75rem; flex-wrap: wrap; }
.button, .text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: 50px;
  padding: 0.85rem 1.2rem;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
.button-dark { background: var(--ink); color: white; }
.button-dark:hover, .button-dark:focus-visible { background: #3a3936; }
.text-link { padding-inline: 0; }
.hero-visual { margin: 0; }
.hero-visual img { aspect-ratio: 1.35; object-fit: cover; object-position: center; background: white; }
.hero-visual figcaption { margin-top: 0.65rem; color: var(--muted); font-size: 0.75rem; }

.section-heading { display: flex; justify-content: space-between; gap: 3rem; align-items: end; margin-bottom: 2rem; }
.section-heading > p { max-width: 38ch; margin-bottom: 0.75rem; }
.compact-heading { align-items: center; }

.featured-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.project-card { overflow: hidden; background: var(--paper-strong); border: 1px solid var(--line); }
.project-image { aspect-ratio: 1.06; overflow: hidden; background: white; }
.project-image img { height: 100%; object-fit: cover; transition: transform 400ms ease; }
.project-card:hover .project-image img { transform: scale(1.025); }
.project-iollo .project-image img { object-position: left center; }
.project-pinkly .project-image img { object-position: center 10%; }
.project-collectiv .project-image img { object-position: center top; }
.project-ligaweb .project-image img { object-position: center top; }
.project-content { padding: 1.35rem; }
.project-meta { display: flex; justify-content: space-between; gap: 0.5rem; margin-bottom: 1.2rem; font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.project-content p { min-height: 5.2rem; }
.project-tags { display: flex; gap: 0.45rem; flex-wrap: wrap; padding: 0; margin: 1.2rem 0 0; list-style: none; }
.project-tags li { padding: 0.35rem 0.65rem; border-radius: 999px; background: var(--blue); font-size: 0.72rem; }
.project-pinkly .project-tags li { background: var(--pink); }
.project-collectiv .project-tags li { background: var(--green); }
.project-ligaweb .project-tags li { background: var(--yellow); }

.prototype-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.prototype-card { background: var(--paper-strong); border: 1px solid var(--line); }
.prototype-card img { aspect-ratio: 1.65; object-fit: cover; background: white; }
.prototype-card:nth-child(2) img { object-position: center top; }
.prototype-card > div { padding: 1.1rem 1.2rem 1.3rem; }
.prototype-card h3 { font-size: 1.75rem; }
.prototype-card p:last-child { margin-bottom: 0; }
.status { color: var(--muted); margin-bottom: 0.5rem; }

.process-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.process-list li { position: relative; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.process-list li:not(:last-child)::after { content: "→"; position: absolute; top: -0.65rem; right: -0.75rem; padding: 0 0.25rem; color: #8b8881; background: var(--paper); }
.process-list span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 1rem; border-radius: 50%; background: var(--pink); font-size: 0.7rem; }
.process-list li:nth-child(2) span { background: var(--yellow); }
.process-list li:nth-child(3) span { background: var(--blue); }
.process-list li:nth-child(4) span { background: #f3dcd8; }
.process-list li:nth-child(5) span { background: var(--green); }
.process-list li:nth-child(6) span { background: #e4def2; }
.process-list h3 { font-size: 1.25rem; }
.process-list p { font-size: 0.86rem; }
.social-note { display: grid; grid-template-columns: 0.25fr 1fr; gap: 2rem; margin-top: 3rem; padding: 2rem; background: var(--paper-strong); border: 1px solid var(--line); }
.social-note p { margin-bottom: 0; max-width: 78ch; }

.lab-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.lab-card { display: grid; grid-template-columns: 1.05fr 1fr; min-height: 230px; overflow: hidden; background: var(--paper-strong); border: 1px solid var(--line); }
.lab-card img { height: 100%; object-fit: cover; object-position: center; }
.lab-card:nth-child(3) img, .lab-card:nth-child(6) img { object-position: center top; }
.lab-card > div { display: flex; flex-direction: column; padding: 1.2rem; }
.lab-card h3 { font-size: 1.6rem; }
.lab-card p { font-size: 0.9rem; }
.lab-card span { margin-top: auto; color: var(--muted); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; }

.history-section { display: grid; grid-template-columns: 0.35fr 1fr; gap: 5rem; }
.history-intro h2 { font-size: clamp(2.2rem, 3.5vw, 3.8rem); }
.timeline { display: grid; grid-template-columns: repeat(5, 1fr); align-self: center; padding: 0; margin: 1rem 0 0; list-style: none; border-top: 1px solid var(--line); }
.timeline li { position: relative; padding: 1.8rem 1rem 0 0; }
.timeline-dot { position: absolute; width: 9px; height: 9px; top: -5px; left: 0; border-radius: 50%; background: var(--ink); }
.timeline p { margin-bottom: 0.3rem; font-size: 0.78rem; }
.timeline-label { color: var(--ink); font-weight: 700; }

.contact-section { text-align: center; padding-block: 7rem; background: var(--ink); color: white; }
.contact-section h2 { max-width: 15ch; margin-inline: auto; }
.contact-section p { max-width: 55ch; margin-inline: auto; color: #c9c6bf; }
.contact-section .button { margin-top: 1.25rem; color: var(--ink); background: white; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.4rem; font-size: 0.72rem; }
.site-footer p { margin: 0; }

.whatsapp-trigger {
  position: fixed;
  z-index: 100;
  top: calc(var(--header-height) + 20px);
  right: max(24px, env(safe-area-inset-right));
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255,255,255,0.65);
  border-radius: 999px;
  color: white;
  background: #186b45;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  cursor: pointer;
}
.whatsapp-trigger:hover, .whatsapp-trigger:focus-visible { background: #105438; outline: 3px solid white; outline-offset: 2px; }

.contact-dialog { width: min(560px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; border: 0; background: var(--paper); color: var(--ink); box-shadow: 0 30px 90px rgba(0,0,0,0.35); }
.contact-dialog::backdrop { background: rgba(15,15,14,0.62); backdrop-filter: blur(4px); }
.dialog-inner { position: relative; padding: 2rem; overflow-y: auto; }
.dialog-close { position: absolute; right: 1rem; top: 0.8rem; width: 44px; height: 44px; border: 0; background: transparent; font-size: 2rem; cursor: pointer; }
.dialog-intro { padding-right: 2rem; }
.contact-dialog form { display: grid; gap: 1rem; }
.contact-dialog label { display: grid; gap: 0.4rem; font-weight: 600; }
.contact-dialog input, .contact-dialog textarea, .contact-dialog select { width: 100%; padding: 0.8rem; border: 1px solid var(--line); background: white; }
.form-confirmation { margin: 1rem 0 0; padding: 1rem; color: #164d34; background: var(--green); }

:focus-visible { outline: 3px solid #2268c7; outline-offset: 3px; }

@media (max-width: 1100px) {
  .site-header, .section-shell { padding-left: 2rem; padding-right: 2rem; }
  .hero { grid-template-columns: 1fr; padding-top: 5rem; }
  .hero-copy { max-width: 700px; }
  .featured-grid { grid-template-columns: repeat(2, 1fr); }
  .process-list { grid-template-columns: repeat(3, 1fr); row-gap: 2.5rem; }
  .process-list li:nth-child(3)::after { display: none; }
  .lab-grid { grid-template-columns: repeat(2, 1fr); }
  .history-section { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 760px) {
  :root { --header-height: 68px; }
  .site-header { padding: 0.85rem 1rem; }
  .identity { display: grid; gap: 0; }
  .identity-name { font-size: 1.2rem; }
  .identity-role { font-size: 0.58rem; }
  .menu-toggle { display: block; }
  .site-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; padding: 1rem; background: var(--paper); border-bottom: 1px solid var(--line); }
  .site-nav.open { display: grid; gap: 0; }
  .site-nav a { min-height: 48px; display: flex; align-items: center; border-bottom: 1px solid var(--line); }
  .section-shell { padding: 3.25rem 1rem; }
  .hero { min-height: auto; padding-top: 4.5rem; gap: 2rem; }
  h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .hero-lead { font-size: 1.15rem; }
  .hero-visual img { aspect-ratio: 1.12; }
  .section-heading { display: block; }
  .featured-grid, .prototype-grid, .lab-grid { grid-template-columns: 1fr; }
  .featured-grid { gap: 1.5rem; }
  .project-content p { min-height: auto; }
  .prototype-card img { aspect-ratio: 1.5; }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .process-list li::after { display: none; }
  .social-note { grid-template-columns: 1fr; gap: 0.5rem; padding: 1.25rem; }
  .lab-card { min-height: 210px; }
  .timeline { grid-template-columns: 1fr; border-top: 0; border-left: 1px solid var(--line); }
  .timeline li { padding: 0 0 1.75rem 1.5rem; }
  .timeline-dot { top: 0.35rem; left: -5px; }
  .contact-section { padding-block: 5rem; }
  .site-footer { display: grid; padding: 1rem; }
  .whatsapp-trigger { top: calc(var(--header-height) + 12px); right: max(12px, env(safe-area-inset-right)); min-height: 56px; }
  .whatsapp-label { font-size: 0; }
  .whatsapp-label::after { content: "LinkedIn"; font-size: 0.82rem; }
}

@media (max-width: 430px) {
  .lab-card { grid-template-columns: 0.9fr 1.1fr; }
  .process-list { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Featured ventures curation. Original editorial design retained. */
.hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}
.hero-copy,.hero-visual{min-width:0}.hero-visual img{aspect-ratio:3/2;object-fit:contain;background:transparent}
.hero-visual .visual-note{font-size:.65rem;opacity:.8}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.project-image{aspect-ratio:1.7}.project-pinkly .project-image{background:#fff8df}.project-pinkly .project-image img{object-fit:contain;padding:20px}
.project-content p{min-height:0}.project-content .project-site-link{display:inline-block;margin-top:1.4rem;font-size:.85rem}
.collaboration-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem;align-items:center}
.collaboration-feature>img{width:100%;height:auto}.collaboration-feature h3{font-size:2.5rem}.collaboration-feature .text-link{margin-top:1rem}
.communication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.communication-card{min-width:0;border:1px solid var(--line);background:var(--paper-strong)}
.communication-media{height:380px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#efede7}
.communication-media img,.communication-media video{height:100%;width:100%;object-fit:contain;display:block}
.communication-copy{padding:1.5rem}.communication-copy h3{font-size:1.85rem}.communication-copy p{font-size:.9rem}.communication-copy a{font-size:.82rem;text-underline-offset:4px}
.site-nav{gap:1.3rem}.identity{min-width:0}.identity-role{white-space:nowrap}
@media(max-width:1250px){.identity-role{display:none}}
@media(min-width:901px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem}.hero h1{font-size:clamp(3rem,5.3vw,4.5rem)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.collaboration-feature{grid-template-columns:1fr;gap:1.5rem}.communication-grid{grid-template-columns:1fr}.communication-media{height:440px}.communication-card{display:grid;grid-template-columns:1fr 1fr}.communication-copy{align-self:center}}
@media(max-width:760px){.featured-grid{grid-template-columns:1fr}.hero h1{max-width:12ch}.communication-card{display:block}.communication-media{height:420px}.communication-copy{padding:1.25rem}.project-image{aspect-ratio:1.35}.site-nav{gap:0}.hero-visual img{aspect-ratio:3/2}}
.hero-visual img{height:auto}
section[id]{scroll-margin-top:90px}

.contact-section .contact-portrait { width: 88px; height: 104px; margin: 0 auto 1.5rem; border-radius: 6px; object-fit: cover; object-position: center top; }

.contact-section .contact-portrait { margin: 1.75rem auto 0; }

.contact-action { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 1.75rem; }
.contact-section .contact-action .contact-portrait { width: 64px; height: 76px; margin: 0; flex: 0 0 64px; }
.contact-section .contact-action .button { margin-top: 0; }
@media (max-width: 430px) { .contact-action { gap: 12px; } .contact-action .button { padding-inline: 14px; font-size: .88rem; } }

/* Artistic practice: preserve original photographs and their complete frames. */
.art-intro { display: grid; grid-template-columns: 1fr 1.3fr; gap: 3rem; margin-bottom: 1.5rem; }
.art-intro h3 { font-size: clamp(2rem, 3.5vw, 3rem); overflow-wrap: anywhere; }
.art-credit { font-size: .75rem; margin-bottom: 0; }
.art-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.art-gallery figure { margin: 0; min-width: 0; }
.art-gallery a { display: block; }
.art-gallery img { width: 100%; height: auto; }
.art-more { margin-top: 1.5rem; border-top: 1px solid var(--line); }
.art-more summary { cursor: pointer; padding-block: 1rem; font-size: .85rem; }
.art-more summary span { float: right; }
.art-more[open] summary span { transform: rotate(45deg); }
.art-more .art-gallery { margin-top: .5rem; }
@media (min-width: 761px) and (max-width: 1000px) { .site-nav { gap: .8rem; } .site-nav a { font-size: .76rem; } }
@media (max-width: 760px) { .art-intro { grid-template-columns: 1fr; gap: .75rem; } .art-gallery { grid-template-columns: 1fr; gap: 1rem; } }

.art-gallery-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 760px) { .art-gallery-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.art-gallery-four img { aspect-ratio: 1; object-fit: cover; object-position: center; }

/* Approved second mockup: warm editorial invitation. */
.contact-invitation { --contact-ink: #36231e; --contact-paper: #faf8f3; --contact-accent: #b44c31; --contact-rule: #b9aca0; background: var(--contact-paper); color: var(--contact-ink); text-align: left; padding-top: 5rem; padding-bottom: 0; border-top: 1px solid var(--line); }
.contact-invitation > .eyebrow { display: flex; align-items: center; gap: 1.5rem; max-width: none; margin: 0 0 2.75rem; color: var(--contact-accent); font-size: .8rem; letter-spacing: .28em; }
.contact-invitation > .eyebrow span { width: 76px; height: 1px; background: currentColor; }
.contact-title-row { display: flex; align-items: center; gap: 4rem; }
.contact-invitation h2 { max-width: none; margin: 0; font-size: clamp(2.6rem, 6.3vw, 6rem); line-height: 1.04; letter-spacing: -.055em; }
.contact-arrow { display: block; width: 56px; flex: 0 0 56px; color: var(--contact-accent); }
.contact-arrow svg { display: block; width: 100%; height: auto; }
.contact-copy { margin-top: 2.25rem; }
.contact-invitation .contact-copy p { margin: 0; max-width: none; color: var(--contact-ink); font-size: clamp(.95rem, 1.45vw, 1.25rem); }
.contact-invitation .contact-copy .contact-interests { font-size: clamp(1.15rem, 2.2vw, 1.9rem); line-height: 1.4; margin-bottom: 1.5rem; }
.contact-signoff { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2.25rem; padding-block: 1.5rem; border-block: 1px solid var(--contact-rule); }
.contact-person { display: flex; align-items: center; gap: 1.4rem; min-width: 0; }
.contact-person img { width: 100px; height: 100px; flex: 0 0 100px; object-fit: cover; border: 1px solid #d8ccbf; padding: 3px; }
.contact-invitation .contact-name { margin: 0; color: var(--contact-ink); font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 1.9rem); }
.contact-invitation .button { margin: 0; flex-shrink: 0; gap: 1.5rem; padding: 1rem 1.75rem; background: var(--contact-ink); color: var(--contact-paper); font-family: var(--serif); font-size: clamp(1.1rem, 1.8vw, 1.5rem); }
.contact-invitation .button svg { width: 20px; height: 20px; }
.contact-invitation .button:hover { background: #563a30; }
.site-footer { background: #faf8f3; color: #36231e; }
@media(max-width:760px) {
  .contact-invitation { padding-top: 3rem; }
  .contact-invitation > .eyebrow { font-size: .65rem; gap: 1rem; margin-bottom: 2rem; }
  .contact-invitation > .eyebrow span { width: 44px; }
  .contact-title-row { gap: 1rem; }
  .contact-arrow { display: none; }
  .contact-invitation h2 { font-size: clamp(2.6rem, 8.5vw, 4rem); }
  .contact-copy { margin-top: 1.5rem; }
  .contact-copy-break { display: none; }
  .contact-signoff { flex-wrap: wrap; gap: 1.5rem; margin-top: 1.75rem; }
  .contact-person img { width: 76px; height: 76px; flex-basis: 76px; }
  .contact-person { gap: 1rem; }
}

/* Pinkly Health: existing product design exports, preserved without alteration. */
.pinkly-showcase{display:flex;align-items:center;justify-content:center;gap:3%;padding:6% 5%;background:linear-gradient(135deg,#f7ecee,#eeebf4 55%,#f3f0e5);border-radius:4px}
.hero-visual .pinkly-showcase img{width:28%;height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:0 12px 28px #36231e12;border-radius:18px}
.hero-visual .pinkly-showcase img:nth-child(2){transform:translateY(-10px)}
.project-pinkly .pinkly-product-image{display:flex;align-items:center;justify-content:center;gap:5%;padding:18px;background:#eeebf4}
.project-pinkly .pinkly-product-image img{width:auto;height:100%;max-width:42%;padding:0;object-fit:contain;border-radius:12px}
.hero h1{font-size:clamp(2.2rem,3.2vw,3.6rem);overflow-wrap:normal}

/* Keep the Nodus presentation fully visible at every card size. */
.prototype-card img.nodus-preview { object-fit: contain; background: #faf8f5; }

/* Featured Pinkly case study: a complete product story before the other ventures. */
.pinkly-case { background: linear-gradient(140deg, #f4eaf1, #f7f4ee 54%, #eeeaf5); }
.pinkly-case-heading { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.pinkly-case h2 { font-size:clamp(3.4rem,6.3vw,6.4rem); }
.pinkly-tagline { font-family:var(--serif); font-size:clamp(1.5rem,2.5vw,2.3rem); color:#5b465a; margin-bottom:0; }
.pinkly-intro { display:grid; grid-template-columns:1fr 1.15fr; gap:4rem; margin:3.5rem 0 2.5rem; }
.pinkly-statement { font-family:var(--serif); font-size:clamp(2rem,3.8vw,3.5rem); line-height:1.1; letter-spacing:-.035em; color:var(--ink); }
.pinkly-intro p:last-child { margin-bottom:0; }
.pinkly-founder { border-block:1px solid #b8a6b852; padding:1.8rem 0; display:grid; grid-template-columns:.4fr 1fr; gap:2rem; }
.pinkly-founder p { margin:0; }
.pinkly-founder strong { color:var(--ink); font-weight:600; }
.pinkly-layer-heading { margin:3.5rem 0 1.5rem; }
.pinkly-layer-heading h3 { font-size:2.5rem; }
.pinkly-layers { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:3rem; }
.pinkly-layers li { display:flex; gap:1.2rem; padding:1.7rem 0; border-top:1px solid var(--line); }
.layer-number { font-size:.72rem; letter-spacing:.12em; color:#76556e; padding-top:.35rem; flex:0 0 1.4rem; }
.pinkly-layers h4 { font-family:var(--serif); font-size:1.6rem; font-weight:400; line-height:1.2; letter-spacing:-.025em; margin:0 0 .7rem; }
.pinkly-layers p { font-size:.95rem; margin:0; line-height:1.65; }
.pinkly-touchpoints { margin-top:2rem; padding:2rem; background:#fffdf8a6; border:1px solid var(--line); }
.pinkly-touchpoints h3 { font-size:2rem; }
.pinkly-touchpoints ul { display:flex; gap:.65rem; flex-wrap:wrap; list-style:none; padding:0; margin:1.5rem 0; }
.pinkly-touchpoints li { border:1px solid #c7b9ca; border-radius:999px; padding:.5rem .85rem; font-size:.85rem; }
.pinkly-development-note { margin:0; font-size:.8rem; max-width:94ch; }
#more-products .project-image img { object-fit:contain; }
#more-products .project-meta { flex-wrap:wrap; }
#collaborative-work { scroll-margin-top:100px; }
@media(max-width:760px) {
 .pinkly-case-heading { align-items:flex-start; flex-direction:column; gap:1.5rem; }
 .pinkly-intro { grid-template-columns:1fr; gap:1.5rem; margin-block:2.5rem; }
 .pinkly-founder { grid-template-columns:1fr; gap:1rem; }
 .pinkly-layers { grid-template-columns:1fr; }
 .pinkly-layer-heading { margin-top:2.5rem; }
 .pinkly-layer-heading h3 { font-size:2rem; }
 .pinkly-touchpoints { padding:1.25rem; }
 .pinkly-layers li { gap:.8rem; }
}