/* ==========================================================================
   HOME v3 (2026-11-08): pop polaroids, hero cards, Chi sono horizontal layout,
   scroll morph hero -> Chi sono. Loaded after home-v2.css.
   ========================================================================== */
@font-face { font-family: "Marta Hand"; src: url("/assets/fonts/PermanentMarker.woff2") format("woff2"); font-display: swap; }

/* shared polaroid */
.mp-pol { container-type: inline-size; width: 100%; }
.mp-pol-in {
  background: #f1efe9;
  padding: 5.5cqw 5.5cqw 0;
  box-shadow: 0 2.5cqw 7cqw rgba(0, 0, 0, .55), 0 .6cqw 1.6cqw rgba(0, 0, 0, .4);
}
.mp-pol-in img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 620 / 610;
  object-fit: cover;
  filter: contrast(1.04);
}
.mp-cap {
  display: flex;
  align-items: center;
  height: 19cqw;
  margin: 0 !important;
  padding: 0 1.5cqw;
  font: 400 9cqw/1 "Marta Hand", "Comic Sans MS", cursive !important;
  color: #161616 !important;
  letter-spacing: 0 !important;
  transform: rotate(-2deg);
}

/* ---------- HERO cards ---------- */
html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card {
  width: 190px !important;
  margin-left: -95px !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-left { transform: translate3d(-135px, 18px, 0) rotate(-8deg) !important; }
html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-center { transform: translate3d(0, -6px, 0) rotate(2deg) !important; }
html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-right { transform: translate3d(135px, 22px, 0) rotate(7deg) !important; }
html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card:hover {
  transform: translate3d(var(--hover-x, 0), -14px, 0) rotate(0deg) scale(1.05) !important;
}
html[data-polished] body #Hero .hero-v2 .polaroid-card.card-tilt-left:hover { --hover-x: -135px; }
html[data-polished] body #Hero .hero-v2 .polaroid-card.card-tilt-right:hover { --hover-x: 135px; }
html[data-polished] body #Hero .hero-v2 .hero-stopmotion-space { position: relative !important; }
html[data-polished] body #Hero .hero-scribble {
  position: absolute;
  right: -3%;
  top: 6%;
  width: 26%;
  z-index: 0;
  transform: rotate(160deg);
  pointer-events: none;
  fill: none;
  stroke: #ff3d8b;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html[data-polished] body #Hero .hero-scribble .thin { stroke-width: 3; opacity: .8; }
html[data-polished] body #Hero .hero-polaroid-stack { z-index: 1; }
html[data-polished] body #Hero .hero-hand-note {
  position: absolute;
  left: 4%;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin: 0 !important;
  font: 400 20px/1 "Marta Hand", cursive !important;
  color: #ff3d8b !important;
  transform: rotate(-6deg);
  pointer-events: none;
}
html[data-polished] body #Hero .hero-hand-note svg { width: 22px; height: 34px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }

@media (min-width: 810px) and (max-width: 1100px) {
  html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack { transform: scale(0.7) !important; }
}
@media (max-width: 809.98px) {
  html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card { width: 128px !important; margin-left: -64px !important; padding: 0 !important; }
  html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-left { transform: translate3d(-86px, 12px, 0) rotate(-8deg) !important; }
  html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-center { transform: translate3d(0, -2px, 0) rotate(2deg) !important; }
  html[data-polished] body #Hero .hero-v2 .hero-polaroid-stack .polaroid-card.card-tilt-right { transform: translate3d(86px, 14px, 0) rotate(7deg) !important; }
  html[data-polished] body #Hero .hero-v2 .hero-stopmotion-space { height: 270px !important; }
  html[data-polished] body #Hero .hero-scribble { width: 30%; right: 0; bottom: 0; }
  html[data-polished] body #Hero .hero-hand-note { display: none !important; }
}

/* ---------- CHI SONO: pop artwork ---------- */
html[data-polished] body #landing-intro-section .intro-art-col { display: block !important; width: 100% !important; }
.pop-art {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  aspect-ratio: 560 / 500;
  container-type: inline-size;
}
.pop-el { position: absolute; margin: 0; }
.pop-art svg { overflow: visible; }
.pop-scribble { left: 57%; top: 44%; width: 40%; z-index: 1; fill: none; stroke: #ff3d8b; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
.pop-scribble .thin { stroke-width: 3; opacity: .8; }
.pop-aboutme {
  left: 31%; top: 0; z-index: 5;
  font: 400 8cqw/1 "Marta Hand", cursive !important;
  color: #f1efe9 !important;
  transform: rotate(-6deg);
  white-space: nowrap;
}
.pop-underline { left: 32%; top: 12%; width: 33%; z-index: 5; fill: none; stroke: #ff3d8b; stroke-width: 4; stroke-linecap: round; }
.pop-star { left: 66%; top: 0; width: 5.5%; z-index: 5; fill: #ff3d8b; transform: rotate(12deg); }
.pop-camera { left: 3%; top: 8%; width: 18%; z-index: 5; fill: none; stroke: #f1efe9; stroke-width: 5; stroke-linejoin: round; stroke-linecap: round; transform: rotate(-12deg); }
.pop-camera .fill { fill: #ff3d8b; stroke: none; }
.pop-camera .ray { stroke: #ff3d8b; }
.pop-polaroid { left: 24%; top: 17%; width: 46%; z-index: 3; transform: rotate(-5deg); }
.pop-vinyl { left: 61%; top: 8%; width: 27%; z-index: 2; }
.pop-vinyl .disc { fill: #0c0c0c; stroke: #f1efe9; stroke-width: 3; }
.pop-vinyl .groove { fill: none; stroke: #2c2c2c; stroke-width: 1.5; }
.pop-vinyl .shine { fill: none; stroke: rgba(255, 255, 255, .28); stroke-width: 3; stroke-linecap: round; }
.pop-vinyl .label { fill: #ff3d8b; }
.pop-vinyl .hole { fill: #0c0c0c; }
.pop-vinyl text { font: 700 9px/1 "Switzer", sans-serif; fill: #0c0c0c; letter-spacing: .08em; }
.pop-badge { left: 1%; top: 52%; width: 25%; z-index: 4; }
.pop-badge .ring { fill: #0c0c0c; stroke: #f1efe9; stroke-width: 3; }
.pop-badge .inner { fill: none; stroke: #f1efe9; stroke-width: 2; }
.pop-badge text { font: 700 15px/1 "Switzer", sans-serif; fill: #f1efe9; letter-spacing: .06em; }
.pop-badge .nib { fill: #ff3d8b; }
.pop-badge .nib-hole { fill: #0c0c0c; }
.pop-badge .nib-line { stroke: #0c0c0c; stroke-width: 3; }
.pop-square { left: 64%; top: 71%; width: 15%; z-index: 4; fill: none; stroke: #f1efe9; stroke-width: 4; stroke-linejoin: round; transform: rotate(14deg); }
.pop-square .tick { stroke-width: 2.5; }
.pop-arrow { left: 11%; top: 32%; width: 13%; z-index: 5; fill: none; stroke: #ff3d8b; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }

@media (prefers-reduced-motion: no-preference) {
  .pop-badge { animation: pop-spin 22s linear infinite; }
  .pop-vinyl { animation: pop-spin 9s linear infinite; }
  @keyframes pop-spin { to { transform: rotate(360deg); } }
  /* stickers pop in when the polaroid lands (only when JS arms it) */
  .pop-art.is-armed .pop-el:not(.pop-polaroid) { opacity: 0; scale: .6; transition: opacity .35s ease, scale .45s cubic-bezier(.3, 1.6, .5, 1); }
  .pop-art.is-armed.is-landed .pop-el:not(.pop-polaroid) { opacity: 1; scale: 1; }
  .pop-art.is-landed .pop-camera { transition-delay: .02s; }
  .pop-art.is-landed .pop-aboutme, .pop-art.is-landed .pop-underline { transition-delay: .08s; }
  .pop-art.is-landed .pop-vinyl { transition-delay: .14s; }
  .pop-art.is-landed .pop-badge { transition-delay: .2s; }
  .pop-art.is-landed .pop-square, .pop-art.is-landed .pop-scribble { transition-delay: .26s; }
  .pop-art.is-landed .pop-arrow, .pop-art.is-landed .pop-star { transition-delay: .32s; }
}

/* ---------- CHI SONO: horizontal staircase text ---------- */
html[data-polished] body #landing-intro-section .intro-grid-container {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(24px, 4vw, 64px) !important;
}
html[data-polished] body #landing-intro-section .about-v3 { max-width: 640px !important; width: 100% !important; }
html[data-polished] body #landing-intro-section .about-v3-title {
  margin: 0 0 clamp(18px, 2vw, 26px) !important;
  font: 1000 clamp(40px, 4.6vw, 74px)/.9 "Neutral Sans Variable", "Switzer", "Arial Black", sans-serif !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
  color: #f5f4f1 !important;
  max-width: 9ch;
}
html[data-polished] body #landing-intro-section .about-v3-steps { display: grid !important; gap: clamp(16px, 1.8vw, 24px) !important; }
html[data-polished] body #landing-intro-section .about-v3-step {
  margin: 0 !important;
  max-width: 330px !important;
  font: 400 clamp(14.5px, 1.1vw, 16px)/1.5 "Switzer", sans-serif !important;
  letter-spacing: 0 !important;
  color: rgba(245, 244, 241, .78) !important;
}
html[data-polished] body #landing-intro-section .about-v3-step.s1 { color: #f5f4f1 !important; font-size: clamp(15.5px, 1.2vw, 17.5px) !important; }
html[data-polished] body #landing-intro-section .about-v3-step.s2 { margin-left: 18% !important; max-width: 360px !important; }
html[data-polished] body #landing-intro-section .about-v3-step.s3 { margin-left: 36% !important; max-width: 340px !important; }
html[data-polished] body #landing-intro-section .about-v3-step.s4 { margin-left: 36% !important; margin-top: 8px !important; }
html[data-polished] body #landing-intro-section .about-v3-lead {
  font: 1000 1.25em/1 "Neutral Sans Variable", "Switzer", "Arial Black", sans-serif !important;
  letter-spacing: -.02em !important;
  color: #f5f4f1 !important;
}
html[data-polished] body #landing-intro-section .about-v3 .about-v2-projects { padding-top: 16px !important; }

@media (max-width: 809.98px) {
  html[data-polished] body #landing-intro-section .intro-grid-container { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
  html[data-polished] body #landing-intro-section .intro-art-col { display: none !important; }
  html[data-polished] body #landing-intro-section .about-v3-title { font-size: clamp(40px, 12vw, 56px) !important; }
  html[data-polished] body #landing-intro-section .about-v3-step.s2 { margin-left: 8% !important; }
  html[data-polished] body #landing-intro-section .about-v3-step.s3,
  html[data-polished] body #landing-intro-section .about-v3-step.s4 { margin-left: 16% !important; }
}

/* ---------- scroll morph flyer ---------- */
.mp-flyer { position: fixed; left: 0; top: 0; z-index: 40; pointer-events: none; transform-origin: center center; will-change: transform; display: none; }
.mp-flyer.on { display: block; }
.mp-hidden { visibility: hidden !important; }

/* mobile: hero photos on top, title below (2026-11-08) */
@media (max-width: 809.98px) {
  html[data-polished] body #Hero > .framer-1qflo23 { padding-top: 80px !important; }
  html[data-polished] body #Hero .hero-v2 .hero-stopmotion-space { grid-row: 1 !important; margin: 0 0 12px !important; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-header { grid-row: 2 !important; }
}

/* ==========================================================================
   HOME v4 (2026-11-09, feedback Marta): white hero, empty polaroids,
   static client list, Novabeh line, nav that follows the surface.
   ========================================================================== */

/* empty polaroid: undeveloped instant film */
.mp-film {
  display: block;
  width: 100%;
  aspect-ratio: 620 / 610;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(120% 95% at 28% 18%, #3b3734 0%, #201e1c 52%, #131211 100%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3), inset 0 1.5cqw 5cqw rgba(0, 0, 0, .4);
}

/* white hero */
html[data-polished] body #Hero {
  --hv2-text: #0b0b0b;
  --hv2-muted: rgba(11, 11, 11, .62);
  background: #ffffff !important;
  color: #0b0b0b !important;
}
html[data-polished] body #Hero > .framer-1qflo23 { padding-bottom: calc(clamp(36px, 6vw, 84px) + 28px) !important; position: relative; z-index: 1; }
html[data-polished] body #Hero .mp-pol-in {
  box-shadow: 0 2.2cqw 6cqw rgba(0, 0, 0, .2), 0 .5cqw 1.4cqw rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .05);
}
/* black hump rising into the white hero: mirrors the curve into the white footer */
html[data-polished] body #Hero::after {
  content: "";
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -1px;
  height: clamp(36px, 6vw, 84px);
  background: #000;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  pointer-events: none;
  z-index: 0;
}

/* nav on light surfaces (hero, footer): white bar, black ink */
html[data-polished] body nav#framer-nav { transition: background-color .3s ease, border-color .3s ease !important; }
html[data-polished] body nav#framer-nav :is(a, p, span, .framer-text) { transition: color .3s ease; }
html[data-polished] body nav#framer-nav[data-surface-theme="light"] {
  background: #ffffff !important;
  color: #000000 !important;
  border-bottom-color: rgba(0, 0, 0, .08) !important;
}
html[data-polished] body nav#framer-nav[data-surface-theme="light"] :is(a, p, span, .framer-text),
html[data-polished] body nav#framer-nav[data-surface-theme="light"] .lang-selector-btn :is(span, svg, path) {
  color: #000000 !important;
  --framer-text-color: #000000 !important;
}
html[data-polished] body nav#framer-nav[data-surface-theme="light"] .framer-8lzgbl a::after,
html[data-polished] body nav#framer-nav[data-surface-theme="light"] .mobile-hamburger-bar { background-color: #000000 !important; }
html[data-polished] body nav#framer-nav[data-surface-theme="light"] .framer-hbfahp a {
  background: #000000 !important;
  color: #ffffff !important;
  --framer-text-color: #ffffff !important;
}

/* static client list: all names together, nothing moves */
html[data-polished] body #collaborations .collabs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: clamp(14px, 1.6vw, 22px) 0;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(8px, 1.5vw, 20px) var(--hv2-gutter) 0;
  list-style: none;
}
html[data-polished] body #collaborations .collabs-list .client-name {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  font: 600 clamp(26px, 3.4vw, 50px)/1.05 "Switzer", sans-serif !important;
  letter-spacing: -.035em !important;
  color: #f5f4f1 !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}
html[data-polished] body #collaborations .collabs-list .client-name:not(:last-child)::after {
  content: "/";
  margin: 0 clamp(16px, 2vw, 32px);
  font-weight: 300;
  color: #ff3d8b;
}
@media (max-width: 809.98px) {
  html[data-polished] body #collaborations .collabs-list { justify-content: flex-start; padding: 4px 24px 0; gap: 10px 0; }
  html[data-polished] body #collaborations .collabs-list .client-name { font-size: clamp(24px, 7vw, 30px) !important; }
  html[data-polished] body #collaborations .collabs-list .client-name:not(:last-child)::after { margin: 0 12px; }
}

/* Chi sono: "Co-founder of Novabeh.Lab Creative Hub" */
html[data-polished] body #landing-intro-section .about-v2-project { display: block !important; }
html[data-polished] body #landing-intro-section .about-v2-role {
  display: block;
  margin-bottom: 6px;
  font: 600 12px/1 "Switzer", sans-serif !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #ff3d8b;
}
html[data-polished] body #landing-intro-section .about-v2-novabeh {
  display: inline-block;
  color: #f5f4f1 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245, 244, 241, .3);
  padding-bottom: 3px;
  transition: border-color .2s ease;
}
html[data-polished] body #landing-intro-section .about-v2-novabeh:hover { border-color: #ff3d8b; }
html[data-polished] body #landing-intro-section .about-v2-novabeh strong { font: 600 clamp(20px, 1.8vw, 24px)/1.1 "Switzer", sans-serif !important; letter-spacing: -.02em !important; }
html[data-polished] body #landing-intro-section .about-v2-novabeh em { font: 400 clamp(20px, 1.8vw, 24px)/1.1 "Switzer", sans-serif !important; font-style: normal !important; letter-spacing: -.02em; color: rgba(245, 244, 241, .7); }

/* ==========================================================================
   HOME v5 (2026-11-09): no images or graphics in hero and Chi sono.
   Hero = pure typography on white; Chi sono = title left, text right.
   ========================================================================== */
html[data-polished] body #Hero { min-height: 88vh !important; min-height: 88svh !important; }
html[data-polished] body #Hero > .framer-1qflo23 { justify-content: flex-end !important; }
html[data-polished] body #Hero .framer-iykt1c.hero-v2 {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: end !important;
}
html[data-polished] body #Hero .hero-v2 .hero-editorial-header {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px) !important;
  align-items: end !important;
  gap: clamp(24px, 4vw, 72px) !important;
}
html[data-polished] body #Hero .hero-v2 .hero-editorial-title {
  font-size: clamp(52px, 8.2vw, 140px) !important;
  line-height: .9 !important;
  letter-spacing: -.05em !important;
  max-width: 13ch !important;
}
html[data-polished] body #Hero .hero-v2 .hero-editorial-manifesto {
  margin: 0 0 .6em !important;
  max-width: 340px !important;
}

html[data-polished] body #landing-intro-section .intro-grid-container { grid-template-columns: minmax(0, 1fr) !important; }
html[data-polished] body #landing-intro-section .about-v3 {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(32px, 6vw, 112px);
  align-items: start;
}
html[data-polished] body #landing-intro-section .about-v3 > .about-v2-kicker { grid-column: 1; grid-row: 1; }
html[data-polished] body #landing-intro-section .about-v3 > .about-v3-title { grid-column: 1; grid-row: 2; max-width: 8ch; font-size: clamp(48px, 6.4vw, 108px) !important; }
html[data-polished] body #landing-intro-section .about-v3 > .about-v3-steps { grid-column: 2; grid-row: 1 / span 2; padding-top: clamp(24px, 3vw, 44px); }
html[data-polished] body #landing-intro-section .about-v3-step,
html[data-polished] body #landing-intro-section .about-v3-step.s2,
html[data-polished] body #landing-intro-section .about-v3-step.s3,
html[data-polished] body #landing-intro-section .about-v3-step.s4 { margin-left: 0 !important; max-width: 480px !important; }
html[data-polished] body #landing-intro-section .about-v3-step.s1 { font-size: clamp(18px, 1.6vw, 22px) !important; line-height: 1.4 !important; }

@media (max-width: 809.98px) {
  html[data-polished] body #Hero { min-height: 0 !important; }
  html[data-polished] body #Hero > .framer-1qflo23 { padding: 128px 20px calc(clamp(36px, 6vw, 84px) + 48px) !important; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-header { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-title { font-size: clamp(40px, 11.6vw, 64px) !important; max-width: none !important; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-manifesto { margin: 0 !important; }
  html[data-polished] body #landing-intro-section .about-v3 { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-polished] body #landing-intro-section .about-v3 > .about-v3-steps { grid-column: 1; grid-row: 3; padding-top: 8px; }
}

/* ==========================================================================
   HOME v6 (2026-11-09): split typographic hero, client grid without pink,
   one curve shape everywhere (same path as the footer curve, static).
   ========================================================================== */

/* hero: the title runs across the full width, one discipline per line */
html[data-polished] body #Hero .hero-v2 .hero-editorial-header {
  display: block !important;
  position: relative;
}
html[data-polished] body #Hero .hero-v2 .hero-editorial-title.hero-split {
  display: flex !important;
  flex-direction: column;
  max-width: none !important;
  margin: 0 !important;
  font: 700 clamp(56px, 9.6vw, 176px)/.88 "Switzer", sans-serif !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
  color: #0b0b0b !important;
}
html[data-polished] body #Hero .hero-split .hs-line { display: block; white-space: nowrap; }
html[data-polished] body #Hero .hero-split .hs-intro {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: clamp(14px, 1.8vw, 28px);
  font: 500 clamp(12px, 1vw, 14px)/1 "Switzer", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
html[data-polished] body #Hero .hero-split .hs-intro::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(11, 11, 11, .22);
}
html[data-polished] body #Hero .hero-split .hs-b { align-self: flex-end; }
html[data-polished] body #Hero .hero-split .hs-c { padding-left: .9em; }
html[data-polished] body #Hero .hero-split .hs-amp { font-weight: 300; }
html[data-polished] body #Hero .hero-v2 .hero-editorial-manifesto {
  position: absolute;
  right: 0;
  top: calc(clamp(12px, 1vw, 14px) + clamp(14px, 1.8vw, 28px) + clamp(18px, 2vw, 30px));
  max-width: 300px !important;
  margin: 0 !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.45 !important;
  color: rgba(11, 11, 11, .68) !important;
}

/* clients: hairline grid, 4 names on top and 3 below, both rows full width */
html[data-polished] body #collaborations .collabs-list {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 !important;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 !important;
  border-top: 1px solid rgba(245, 244, 241, .16);
}
html[data-polished] body #collaborations .collabs-list .client-name {
  grid-column: span 3;
  justify-content: center !important;
  min-width: 0;
  padding: clamp(22px, 2.6vw, 38px) 12px !important;
  border-bottom: 1px solid rgba(245, 244, 241, .16) !important;
  font-size: clamp(24px, 2.9vw, 42px) !important;
  text-align: center;
}
html[data-polished] body #collaborations .collabs-list .client-name:nth-child(n+5) { grid-column: span 4; }
html[data-polished] body #collaborations .collabs-list .client-name:not(:nth-child(1)):not(:nth-child(5)) {
  border-left: 1px solid rgba(245, 244, 241, .16) !important;
}
html[data-polished] body #collaborations .collabs-list .client-name::after { content: none !important; display: none !important; }
@media (min-width: 810px) {
  html[data-polished] body #collaborations .collabs-list { max-width: none; width: calc(min(1380px, 100%) - 8vw); }
}

/* hero curve: identical shape to the footer curve */
html[data-polished] body #Hero::after {
  left: 0;
  right: 0;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100 Q500 -100 1000 100 Z' fill='%23000'/%3E%3C/svg%3E") center top / 100% calc(100% + 2px) no-repeat,
    linear-gradient(#000, #000) center bottom / 100% 4px no-repeat;
  bottom: -2px;
}

@media (max-width: 809.98px) {
  html[data-polished] body #Hero > .framer-1qflo23 { padding: 124px 20px calc(clamp(36px, 6vw, 84px) + 44px) !important; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-title.hero-split { font-size: clamp(40px, 12.4vw, 76px) !important; }
  html[data-polished] body #Hero .hero-split .hs-c { padding-left: 0; white-space: normal; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-manifesto {
    position: static;
    max-width: 30ch !important;
    margin: 28px 0 0 !important;
  }
  html[data-polished] body #collaborations .collabs-list { grid-template-columns: minmax(0, 1fr); margin: 0 20px; }
  html[data-polished] body #collaborations .collabs-list .client-name,
  html[data-polished] body #collaborations .collabs-list .client-name:nth-child(n+5),
  html[data-polished] body #collaborations .collabs-list .client-name:not(:nth-child(1)):not(:nth-child(5)) {
    grid-column: 1;
    padding: 16px 0 !important;
    border-left: 0 !important;
    font-size: clamp(24px, 7vw, 30px) !important;
  }
}

/* v6b (2026-11-09): hero keeps the original sentence word for word;
   only the layout changes. Co-founder label not pink. */
html[data-polished] body #Hero .hero-split .hs-intro {
  display: block;
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
html[data-polished] body #Hero .hero-split .hs-intro::after { content: none; }
html[data-polished] body #Hero .hero-split .hs-a { padding-left: 1.1em; }
html[data-polished] body #Hero .hero-split .hs-c { padding-left: .55em; }
html[data-polished] body #Hero .hero-v2 .hero-editorial-title.hero-split { font-size: clamp(56px, 9vw, 164px) !important; }
html[data-polished] body #Hero .hero-v2 .hero-editorial-manifesto { top: .4em; }
html[data-polished] body #landing-intro-section .about-v2-role { color: rgba(245, 244, 241, .6) !important; }
html[data-polished] body #landing-intro-section .about-v2-novabeh:hover { border-color: #f5f4f1; }
@media (max-width: 809.98px) {
  html[data-polished] body #Hero .hero-split .hs-a,
  html[data-polished] body #Hero .hero-split .hs-c { padding-left: 0; }
  html[data-polished] body #Hero .hero-v2 .hero-editorial-title.hero-split { font-size: clamp(40px, 12.4vw, 76px) !important; }
}

/* ==========================================================================
   HOME v7 (2026-11-09): hero fills the first screen (white only), title flush
   left, every section on the same side line, Chi sono on the Servizi grid
   (39% / rest), collabs without separator lines.
   ========================================================================== */
html[data-polished] body #Hero {
  min-height: calc(100vh + clamp(36px, 6vw, 84px)) !important;
  min-height: calc(100svh + clamp(36px, 6vw, 84px)) !important;
}
html[data-polished] body #Hero > .framer-1qflo23 {
  max-width: none !important;
  padding: 120px var(--site-line) calc(clamp(36px, 6vw, 84px) + 12vh) !important;
}
html[data-polished] body #Hero .framer-iykt1c.hero-v2,
html[data-polished] body #Hero .hero-v2 .hero-editorial-header { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
html[data-polished] body #Hero .hero-split .hs-line { padding-left: 0 !important; align-self: flex-start !important; }

/* Chi sono */
html[data-polished] body #landing-intro-section .intro-grid-container,
html[data-polished] body #landing-intro-section .intro-copy-col,
html[data-polished] body #landing-intro-section .about-copy-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
html[data-polished] body #landing-intro-section .intro-grid-container { padding: 0 var(--site-line) !important; }
html[data-polished] body #landing-intro-section .intro-copy-col { padding: 0 !important; }
html[data-polished] body #landing-intro-section .about-v3 {
  grid-template-columns: minmax(0, 39.25%) minmax(0, 1fr) !important;
  column-gap: 0 !important;
  padding: 0 !important;
}
html[data-polished] body #landing-intro-section .about-v3 > .about-v3-title { padding-right: 40px; }
html[data-polished] body #landing-intro-section .about-v3 > .about-v3-steps { max-width: 640px; }
html[data-polished] body #landing-intro-section .about-v3-step,
html[data-polished] body #landing-intro-section .about-v3-step.s2,
html[data-polished] body #landing-intro-section .about-v3-step.s3,
html[data-polished] body #landing-intro-section .about-v3-step.s4 { max-width: none !important; }

/* collabs: same line, same 39% column for the intro text, no separators */
html[data-polished] body #collaborations { background-color: #000 !important; }
html[data-polished] body #collaborations .collabs-container {
  max-width: none !important;
  padding: 0 var(--site-line) !important;
}
html[data-polished] body #collaborations .collabs-header {
  grid-template-columns: minmax(0, 39.25%) minmax(0, 1fr) !important;
  gap: 0 !important;
}
html[data-polished] body #collaborations .collabs-list,
html[data-polished] body #collaborations .collabs-list .client-name,
html[data-polished] body #collaborations .collabs-list .client-name:nth-child(n+5),
html[data-polished] body #collaborations .collabs-list .client-name:not(:nth-child(1)):not(:nth-child(5)) {
  border: 0 !important;
}
html[data-polished] body #collaborations .collabs-list {
  max-width: none !important;
  width: auto !important;
  margin: 0 var(--site-line) !important;
}
html[data-polished] body #collaborations .collabs-list .client-name { padding: clamp(14px, 1.6vw, 24px) 12px !important; }

@media (max-width: 809.98px) {
  html[data-polished] body #Hero > .framer-1qflo23 { padding: 112px var(--site-line) calc(clamp(36px, 6vw, 84px) + 10vh) !important; }
  html[data-polished] body #landing-intro-section .about-v3 { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-polished] body #landing-intro-section .about-v3 > .about-v3-title { padding-right: 0; }
  html[data-polished] body #collaborations .collabs-header { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  /* phone: a plain list in the same font as the intro line, a bit larger */
  html[data-polished] body #collaborations .collabs-list { display: block !important; }
  html[data-polished] body #collaborations .collabs-list .client-name,
  html[data-polished] body #collaborations .collabs-list .client-name:nth-child(n+5),
  html[data-polished] body #collaborations .collabs-list .client-name:not(:nth-child(1)):not(:nth-child(5)) {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
    text-align: left !important;
    font: 400 17px/1.5 "Switzer", sans-serif !important;
    letter-spacing: 0 !important;
    color: #f5f4f1 !important;
  }
}