/*
Theme Name: TURE Collection — Hybrid 6.7
Template: turecollection-live-202607101255-lite-abeba-photos-fixed
Author: TURE Collection
Version: 6.9.15
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --black: #050505;
  --white: #ffffff;
  --line: rgba(0, 0, 0, 0.18);
  --line-strong: rgba(0, 0, 0, 0.36);
  --white-line: rgba(255, 255, 255, 0.28);
  --hero-serif:"Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--white);
  color: var(--black);
  font-family: var(--sans);
  text-rendering: geometricPrecision;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

#manifesto,
#about,
#collection,
#experiences,
#services,
#community,
#partnerships {
  scroll-margin-top: 108px;
}

.site-header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  left: 0;
  padding: 22px clamp(18px, 4vw, 64px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 40;
}


.menu-trigger {
  align-items: center;
  appearance: none;
  aspect-ratio: 1 / 1;
  background: var(--white);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 64px;
  height: 64px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: relative;
  width: 64px;
  z-index: 45;
}
.trigger-logo,
.trigger-logo img,
.menu-glyph {
  aspect-ratio: 1 / 1;
  inset: 0;
  position: absolute;
}
.trigger-logo {
  opacity: 1;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition:
    opacity .34s cubic-bezier(.2, .8, .2, 1),
    transform .42s cubic-bezier(.2, .8, .2, 1);
}
.trigger-logo img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.menu-glyph {
  align-content: center;
  display: grid;
  gap: 5px;
  justify-items: center;
  opacity: 0;
  transform: scale(.58) rotate(-10deg);
  transform-origin: 50% 50%;
  transition:
    opacity .3s cubic-bezier(.2, .8, .2, 1),
    transform .42s cubic-bezier(.2, .8, .2, 1);
}
.menu-trigger:hover .trigger-logo,
.menu-trigger:focus-visible .trigger-logo,
.menu-open .trigger-logo {
  opacity: 0;
  transform: scale(.64) rotate(6deg);
}
.menu-trigger:hover .menu-glyph,
.menu-trigger:focus-visible .menu-glyph,
.menu-open .menu-glyph {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.menu-glyph span {
  background: var(--black);
  border-radius: 999px;
  display: block;
  height: 5px;
  transition:
    transform .36s cubic-bezier(.2, .8, .2, 1),
    width .36s cubic-bezier(.2, .8, .2, 1),
    opacity .24s ease;
  width: 7px;
}
.menu-glyph span:nth-child(2) { width: 23px; }
.menu-glyph span:nth-child(3) { width: 34px; }
.menu-open .menu-glyph span:nth-child(1) { transform: translateY(10px) rotate(45deg); width: 34px; }
.menu-open .menu-glyph span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.menu-open .menu-glyph span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); width: 34px; }
.site-menu {
  background: var(--white);
  color: var(--black);
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transform: scale(.985);
  transition: opacity .32s ease, transform .32s ease;
  z-index: 35;
}
.menu-open .site-menu {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.menu-inner {
  align-content: end;
  display: grid;
  gap: clamp(8px, 1.45vw, 18px);
  min-height: 100vh;
  padding: clamp(92px, 12vw, 150px) clamp(22px, 6vw, 90px) clamp(34px, 6vw, 76px);
}
.menu-inner a {
  border-top: 1px solid var(--line);
  font-family: var(--serif);
  font-size: clamp(2.55rem, 7.8vw, 8.2rem);
  font-weight: 400;
  line-height: .84;
  padding-top: clamp(10px, 1.8vw, 18px);
}
.menu-inner a:first-child { border-top-color: var(--black); }

.hero {
  min-height: 96vh;
  overflow: hidden;
  padding: 22px clamp(18px, 4vw, 64px) 58px;
  position: relative;
}
.hero-image, .hero-shade {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.hero-image {
  object-fit: cover;
  object-position: 50% 88%;
  z-index: -3;
}
.hero-shade {
  background:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.4) 36%, rgba(0,0,0,.08) 68%),
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0) 42%),
    linear-gradient(0deg, rgba(0,0,0,.34), rgba(0,0,0,0) 48%);
  z-index: -2;
}
.hero-content {
  color: var(--white);
  margin-top: 0;
  max-width: 680px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42);
}
.eyebrow,
.section-index,
.section-heading span,
.sticky-label span {
  color: currentColor;
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.eyebrow { color: var(--white); margin: 0 0 22px; }
.eyebrow.dark { color: var(--black); }
h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
}
h1 {
  font-size: clamp(4.8rem, 14vw, 12rem);
  line-height: 0.82;
}
.hero-line {
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(2.55rem, 5.8vw, 6.7rem);
  font-weight: 500;
  line-height: 0.82;
  margin: 0;
  max-width: 700px;
  padding-left: 0;
}

.about-feature {
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(320px, .74fr) minmax(0, 1fr);
  min-height: 760px;
}
.about-visual {
  min-height: 640px;
  overflow: hidden;
}
.about-visual img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 46%;
  width: 100%;
}
.about-copy {
  align-content: center;
  display: grid;
  gap: clamp(22px, 3vw, 34px);
  padding: clamp(42px, 6vw, 92px) clamp(24px, 6vw, 92px);
}
.about-copy > span {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.about-copy p {
  max-width: 760px;
}
.about-copy .about-payoff {
  font-family: var(--serif);
  font-size: clamp(1.65rem, 2.8vw, 3rem);
  line-height: 1;
  max-width: 700px;
}
.about-copy h2,
.sticky-label h2,
.section-heading h2,
.community-content h2,
.partnerships-section h2,
.story-copy h2 {
  font-size: clamp(2.65rem, 5.8vw, 6.7rem);
  line-height: 0.9;
}
.about-copy p,
.manifesto-copy p,
.story-copy p,
.community-content p,
.partnerships-copy p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.65vw, 1.25rem);
  font-weight: 400;
  line-height: 1.72;
  margin: 0;
}
.manifesto-grid {
  display: grid;
  gap: clamp(34px, 7vw, 90px);
  grid-template-columns: 0.95fr 1fr;
  padding: clamp(38px, 6vw, 76px) clamp(20px, 5vw, 76px) clamp(70px, 10vw, 142px);
}
.sticky-label { align-self: start; position: sticky; top: 110px; }
.sticky-label span { margin-bottom: 24px; }
.manifesto-copy {
  border-left: 1px solid var(--line);
  display: grid;
  gap: 28px;
  padding-left: clamp(24px, 4vw, 58px);
}

.collection-section {
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  padding: clamp(38px, 6vw, 76px) clamp(20px, 5vw, 76px) clamp(70px, 10vw, 142px);
}
.collection-heading { margin-bottom: clamp(28px, 5vw, 64px); }
.collection-intro {
  display: grid;
  gap: clamp(20px, 4vw, 58px);
  grid-template-columns: .42fr 1fr;
  margin-bottom: clamp(36px, 6vw, 78px);
}
.collection-intro p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.65vw, 1.25rem);
  line-height: 1.72;
  margin: 0;
}
.collection-intro p:first-child,
.collection-intro p:last-child { grid-column: 2; }
.collection-grid {
  background: var(--black);
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, 1fr);
}
.collection-grid article {
  align-content: stretch;
  background: var(--white);
  display: grid;
  gap: clamp(24px, 3vw, 42px);
  grid-template-rows: auto auto 1fr;
  min-height: 300px;
  padding: clamp(22px, 3vw, 36px);
}
.collection-grid span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.collection-grid h3 {
  font-size: clamp(2.05rem, 3.4vw, 4rem);
  line-height: .92;
}
.collection-grid article > div {
  display: grid;
  gap: 12px;
}
.collection-grid .automobile-model {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.45;
  text-transform: uppercase;
}
.collection-grid p {
  color: var(--black);
  line-height: 1.6;
  margin: 0;
}

.experience-diary {
  border-top: 1px solid var(--line);
  padding: clamp(40px, 6vw, 78px) clamp(20px, 5vw, 76px) clamp(58px, 8vw, 110px);
}
.experience-heading { margin-bottom: clamp(28px, 5vw, 64px); }
.experience-intro {
  display: grid;
  gap: clamp(20px, 4vw, 58px);
  grid-template-columns: .42fr 1fr;
  margin-bottom: clamp(34px, 6vw, 76px);
}
.experience-intro p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.65vw, 1.25rem);
  line-height: 1.72;
  margin: 0;
}
.experience-intro p:first-child { grid-column: 2; }
.experience-intro p:last-child { grid-column: 2; }
.experience-list {
  display: grid;
  gap: clamp(20px, 2.4vw, 34px);
  grid-template-columns: repeat(3, 1fr);
}
.experience-card {
  align-content: start;
  color: var(--black);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100%;
  min-height: 260px;
  padding: 0 0 8px;
  position: relative;
  transition: opacity .28s ease, transform .28s ease;
}
.experience-media {
  aspect-ratio: 4 / 5;
  background: var(--white);
  overflow: hidden;
  width: 100%;
}
.experience-media img,
.experience-media video {
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform .65s cubic-bezier(.2, .8, .2, 1);
  width: 100%;
}
.experience-media img.crop-1000 { object-position: 50% 54%; }
.experience-media img.crop-coppa { object-position: 52% 52%; }
.experience-media img.crop-winter { object-position: 46% 54%; }
.experience-media video { display: block; }
.experience-card span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.experience-card h3 {
  align-self: start;
  font-size: clamp(2.05rem, 3.5vw, 4rem);
  line-height: .9;
  min-height: 1.8em;
}
.experience-card p {
  align-self: start;
  color: var(--black);
  line-height: 1.62;
  margin: 0;
}
.experience-card .experience-read-more {
  align-items: center;
  align-self: flex-start;
  border: 1px solid var(--black);
  display: inline-flex;
  letter-spacing: .14em;
  line-height: 1;
  margin-top: auto;
  padding: 11px 12px 10px;
  transition: background .2s ease, color .2s ease;
}

.experience-card.current { opacity: 1; }
.experience-card:hover,
.experience-card:focus-visible {
  opacity: .86;
  transform: translateY(-2px);
}
.experience-card:hover .experience-read-more,
.experience-card:focus-visible .experience-read-more {
  background: var(--black);
  color: var(--white);
}

.experience-card:hover .experience-media img,
.experience-card:focus-visible .experience-media img,
.experience-card:hover .experience-media video,
.experience-card:focus-visible .experience-media video { transform: scale(1.035); }
.experience-card:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 6px;
}
.experience-detail-list {
  border-top: 1px solid var(--black);
  margin-top: clamp(48px, 7vw, 96px);
}
.experience-detail {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: clamp(30px, 5vw, 74px);
  grid-template-columns: minmax(220px, .64fr) minmax(0, 1.36fr);
  padding: clamp(42px, 7vw, 94px) 0;
  scroll-margin-top: 96px;
}
.experience-detail-copy {
  align-content: start;
  display: grid;
  gap: 22px;
}
.experience-detail-copy span,
.experience-film figcaption span {
  color: currentColor;
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.experience-detail-copy h2 {
  font-size: clamp(3.2rem, 8vw, 8.8rem);
  line-height: .84;
}
.experience-detail-copy p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.65vw, 1.25rem);
  line-height: 1.72;
  margin: 0;
}
.experience-detail-media {
  background: var(--black);
  display: grid;
  gap: 1px;
}
.experience-film {
  aspect-ratio: 3 / 4;
  background: var(--black);
  color: var(--white);
  margin: 0;
  overflow: hidden;
  position: relative;
}
.experience-film img,
.experience-film video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.experience-film img { opacity: .78; }
.experience-film.has-video {
  justify-self: center;
  max-width: 560px;
  width: min(100%, 560px);
}
.experience-film.has-video::before,
.experience-film.has-video::after { display: none; }
.experience-film::before {
  border: 1px solid var(--white);
  border-radius: 50%;
  content: "";
  height: 52px;
  left: 24px;
  position: absolute;
  top: 24px;
  width: 52px;
  z-index: 1;
}
.experience-film::after {
  border-color: transparent transparent transparent var(--white);
  border-style: solid;
  border-width: 9px 0 9px 14px;
  content: "";
  left: 45px;
  position: absolute;
  top: 41px;
  z-index: 2;
}
.experience-film figcaption {
  background: linear-gradient(0deg, rgba(0,0,0,.74), rgba(0,0,0,0));
  bottom: 0;
  display: grid;
  gap: 10px;
  left: 0;
  padding: clamp(22px, 4vw, 42px);
  position: absolute;
  right: 0;
}
.experience-film figcaption p {
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 4.8rem);
  line-height: .9;
  margin: 0;
}


.experience-feature {
  align-items: stretch;
  background: var(--white);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .72fr);
  min-height: 720px;
}
.story-image-wrap { min-height: 560px; overflow: hidden; }
.story-image-wrap img { height: 100%; object-fit: cover; width: 100%; }
.story-copy {
  align-content: center;
  display: grid;
  gap: 28px;
  padding: clamp(38px, 6vw, 86px);
}

/* Services — image-led editorial sequence */
.services-section {
  background: var(--white);
  border-top: 1px solid var(--line);
  padding: 0;
}
.service-stories { display: block; }
.service-story,
.services-intro,
.services-method,
.services-closing {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  margin: 0;
  min-height: 760px;
  padding: 0;
}
.service-story-media {
  background: #e9e7e2;
  margin: 0;
  min-height: 760px;
  overflow: hidden;
  position: relative;
}
.service-story-media::after {
  background: linear-gradient(to top, rgba(0, 0, 0, .62), rgba(0, 0, 0, 0) 28%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.service-story-media img {
  height: 100%;
  inset: 0;
  max-width: none;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.service-story-media figcaption {
  bottom: clamp(20px, 2.5vw, 34px);
  color: var(--white);
  font-size: .68rem;
  font-weight: 700;
  left: clamp(20px, 3.5vw, 52px);
  letter-spacing: .14em;
  line-height: 1.55;
  max-width: calc(100% - 40px);
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}
.service-story-copy {
  align-content: center;
  display: grid;
  gap: clamp(20px, 2.2vw, 32px);
  padding: clamp(52px, 7vw, 112px);
}
.service-story-copy > span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.service-story-copy h2,
.service-story-copy h3,
.services-method .service-story-copy h3,
.services-closing .service-story-copy h3 {
  font-size: clamp(2.9rem, 5.2vw, 6.6rem);
  line-height: .9;
  margin: 0;
  max-width: 880px;
}
.service-story-copy p,
.service-story-copy li,
.services-method .method-steps p,
.services-closing .service-story-copy p {
  font-size: clamp(1rem, 1.28vw, 1.16rem);
  line-height: 1.68;
  margin: 0;
}
.service-story-copy > ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.service-story-copy > ul li {
  padding-left: 20px;
  position: relative;
}
.service-story-copy > ul li::before {
  content: "—";
  left: 0;
  position: absolute;
}
.service-story-copy > strong {
  font-family: var(--serif);
  font-size: clamp(1.55rem, 2.2vw, 2.55rem);
  font-weight: 500;
  line-height: 1.08;
}
.services-intro .service-story-media,
.services-method .service-story-media,
.service-stories .service-story:nth-child(even) .service-story-media { order: 2; }
.services-intro .service-story-copy,
.services-method .service-story-copy,
.service-stories .service-story:nth-child(even) .service-story-copy { order: 1; }
.services-method,
.services-closing { border-top: 0; }
.services-method .method-steps {
  border-top: 1px solid var(--black);
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.services-method .method-steps li,
.services-method .method-steps li:first-child,
.services-method .method-steps li:last-child {
  border-bottom: 1px solid var(--line);
  border-left: 0;
  border-top: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: 38px minmax(112px, .38fr) minmax(0, 1fr);
  min-height: 0;
  padding: 13px 0;
}
.services-method .method-steps span {
  font-size: .64rem;
  letter-spacing: .16em;
}
.services-method .method-steps strong {
  font-family: var(--serif);
  font-size: clamp(1.45rem, 1.9vw, 2rem);
  font-weight: 500;
  line-height: .95;
}
.services-method .method-steps p {
  align-self: start;
  grid-column: auto;
}
.services-closing > .service-story-copy { align-content: center; }


.community-section {
  align-items: stretch;
  background: var(--white);
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .74fr);
  min-height: 760px;
}
.community-media {
  grid-column: 2;
  grid-row: 1;
  min-height: 640px;
  overflow: hidden;
}
.community-media img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 48%;
  width: 100%;
}
.community-content {
  align-content: center;
  display: grid;
  gap: clamp(24px, 4vw, 42px);
  grid-column: 1;
  grid-row: 1;
  padding: clamp(42px, 6vw, 90px) clamp(24px, 6vw, 90px);
}
.community-content > span {
  display: block;
  font-family: var(--sans);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.community-content p {
  color: var(--black);
  line-height: 1.72;
  margin: 0;
  max-width: 780px;
}

.community-section.community-section-text {
  align-items: end;
  background: var(--white);
  border-top: 0;
  display: grid;
  gap: clamp(44px, 8vw, 132px);
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .62fr);
  min-height: 0;
  padding: clamp(88px, 12vw, 176px) clamp(20px, 5vw, 76px) clamp(104px, 14vw, 204px);
}
.community-heading {
  display: grid;
  gap: clamp(26px, 4vw, 52px);
}
.community-heading > span {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.community-heading h2 {
  font-size: clamp(3.6rem, 7.8vw, 9rem);
  line-height: .86;
  margin: 0;
  max-width: 1060px;
}
.community-copy {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
}
.community-copy p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.45vw, 1.22rem);
  line-height: 1.72;
  margin: 0;
  max-width: 700px;
}
.partnerships-section span {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.partnerships-section {
  align-items: end;
  background: var(--black);
  color: var(--white);
  display: grid;
  gap: clamp(28px, 5vw, 70px);
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
  padding: clamp(44px, 7vw, 96px) clamp(20px, 5vw, 76px) clamp(72px, 10vw, 142px);
}
.partnerships-section h2 {
  color: var(--white);
  max-width: 960px;
}
.partnerships-copy {
  display: grid;
  gap: 30px;
}
.partnerships-copy p {
  color: var(--white);
  line-height: 1.72;
  margin: 0;
}
.partnerships-copy a {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .14em;
  min-height: 54px;
  padding: 17px 22px;
  text-transform: uppercase;
  transition: background .25s ease, color .25s ease;
  white-space: nowrap;
  width: 112px;
}
.partnerships-copy a:hover,
.partnerships-copy a:focus-visible {
  background: var(--black);
  color: var(--white);
}
footer {
  align-items: center;
  background: var(--white);
  border-top: 1px solid var(--black);
  color: var(--black);
  display: grid;
  gap: 18px;
  justify-items: center;
  padding: 38px 20px 54px;
  text-align: center;
}
footer img {
  aspect-ratio: 1 / 1;
  flex: 0 0 92px;
  height: 92px;
  max-width: none;
  object-fit: contain;
  width: 92px;
}
footer p { font-family: var(--serif); font-size: clamp(1.8rem, 3.2vw, 3rem); margin: 0; }
.footer-mobile-break { display: none; }
.footer-nowrap { white-space: nowrap; }

@media (max-width: 960px) {
  .hero { min-height: 88vh; }
  .hero-image { object-position: 62% 82%; }
  .service-story,
  .services-intro,
  .services-method,
  .services-closing {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .service-story-media,
  .services-intro .service-story-media,
  .services-method .service-story-media,
  .service-stories .service-story:nth-child(even) .service-story-media {
    height: min(136vw, 760px);
    min-height: 520px;
    order: 1;
  }
  .service-story-copy,
  .services-intro .service-story-copy,
  .services-method .service-story-copy,
  .service-stories .service-story:nth-child(even) .service-story-copy {
    order: 2;
    padding: clamp(46px, 9vw, 84px) clamp(24px, 7vw, 64px) clamp(60px, 11vw, 98px);
  }
  .community-section.community-section-text {
    gap: clamp(38px, 7vw, 64px);
    grid-template-columns: 1fr;
    padding: clamp(72px, 12vw, 124px) clamp(24px, 7vw, 64px) clamp(88px, 14vw, 146px);
  }
  .about-feature, .manifesto-grid, .section-heading, .experience-detail, .experience-feature, .services-intro, .services-closing, .community-section, .partnerships-section { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .service-item,
  .service-item:nth-child(even) {
    border-left: 0;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .services-method-heading { grid-template-columns: 1fr; }
  .method-steps { grid-template-columns: 1fr; }
  .method-steps li,
  .method-steps li:first-child,
  .method-steps li:last-child {
    border-left: 0;
    border-top: 1px solid var(--line);
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
    padding: 18px 0;
  }
  .method-steps p {
    align-self: start;
    grid-column: 2;
  }
  .collection-intro { grid-template-columns: 1fr; }
  .experience-intro { grid-template-columns: 1fr; }
  .experience-intro p:first-child, .experience-intro p:last-child,
  .collection-intro p:first-child, .collection-intro p:last-child { grid-column: auto; }
  .experience-list { grid-template-columns: 1fr; }
  .experience-detail { scroll-margin-top: 84px; }
  .sticky-label { position: static; }
  .manifesto-copy { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: 28px; }
  .collection-grid { grid-template-columns: repeat(2, 1fr); }
  .about-feature { min-height: 0; }
  .about-visual { min-height: 0; }
  .about-visual img { aspect-ratio: 4 / 5; height: auto; }
  .community-media {
    grid-column: auto;
    grid-row: auto;
    min-height: 420px;
    order: 1;
  }
  .community-content {
    grid-column: auto;
    grid-row: auto;
    order: 2;
  }
}

@media (max-width: 620px) {
  .footer-mobile-break { display: block; }
  .site-header { gap: 14px; padding-top: 16px; }
  .menu-trigger { flex-basis: 56px; height: 56px; width: 56px; }
  .hero { padding-top: 88px; }
  .service-story-media,
  .services-intro .service-story-media,
  .services-method .service-story-media,
  .service-stories .service-story:nth-child(even) .service-story-media {
    height: 138vw;
    min-height: 0;
  }
  .service-story-copy,
  .services-intro .service-story-copy,
  .services-method .service-story-copy,
  .service-stories .service-story:nth-child(even) .service-story-copy {
    gap: 22px;
    padding: 44px 20px 58px;
  }
  .service-story-copy h2,
  .service-story-copy h3,
  .services-method .service-story-copy h3,
  .services-closing .service-story-copy h3 {
    font-size: clamp(2.65rem, 14vw, 4.2rem);
  }
  .services-method .method-steps li,
  .services-method .method-steps li:first-child,
  .services-method .method-steps li:last-child {
    gap: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 15px 0;
  }
  .services-method .method-steps p { grid-column: 2; }
  .service-story-media figcaption {
    bottom: 16px;
    font-size: .6rem;
    left: 16px;
    max-width: calc(100% - 32px);
  }
  .community-section.community-section-text {
    gap: 38px;
    padding: 68px 20px 88px;
  }
  .community-heading { gap: 24px; }
  .community-heading h2 {
    font-size: clamp(3.15rem, 16vw, 4.5rem);
    line-height: .88;
  }
  .hero-image { object-position: 68% 74%; }
  h1 { font-size: clamp(5.4rem, 28vw, 8.4rem); }
  .hero-line { font-size: clamp(2.25rem, 12vw, 4.05rem); }
  .collection-grid { grid-template-columns: 1fr; }
  .partnerships-copy a { width: 112px; }
}
.social-link {
  align-items: center;
  border-bottom: 1px solid currentColor;
  display: inline-flex;
  font-size: 0.76rem;
  font-weight: 700;
  gap: 8px;
  letter-spacing: 0.14em;
  padding-bottom: 4px;
  text-transform: uppercase;
}
.social-link svg {
  fill: none;
  height: 16px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 16px;
}


/* Scalable archive and carousel structure */
.section-actions {
  align-items: end;
  display: grid;
  gap: clamp(20px, 4vw, 58px);
  grid-template-columns: .42fr minmax(0, 1fr) auto;
  margin-bottom: clamp(28px, 5vw, 58px);
}
.section-actions p {
  color: var(--black);
  font-size: clamp(1.02rem, 1.65vw, 1.25rem);
  grid-column: 2;
  line-height: 1.72;
  margin: 0;
  max-width: 820px;
}
.home-return {
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid var(--black);
  color: var(--black);
  display: inline-flex;
  font-size: .68rem;
  font-weight: 700;
  left: clamp(18px, 4vw, 64px);
  letter-spacing: .14em;
  line-height: 1;
  padding: 11px 12px 10px;
  position: fixed;
  text-transform: uppercase;
  top: clamp(22px, 4vw, 28px);
  transition: background .2s ease, color .2s ease, opacity .2s ease;
  z-index: 34;
}

.home-return:hover,
.home-return:focus-visible {
  background: var(--black);
  color: var(--white);
}

.menu-open .home-return {
  opacity: 0;
  pointer-events: none;
}

.section-link,
.back-link {
  border-bottom: 1px solid currentColor;
  display: inline-flex;
  font-size: .72rem;
  font-weight: 700;
  justify-self: end;
  letter-spacing: .14em;
  line-height: 1.3;
  padding-bottom: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
.back-link { justify-self: start; }
.rail-shell {
  display: grid;
  gap: 18px;
}
.rail-controls {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.rail-controls button {
  align-items: center;
  appearance: none;
  background: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--serif);
  font-size: 2rem;
  height: 44px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  transition: background .2s ease, color .2s ease;
  width: 44px;
}
.rail-controls button:hover,
.rail-controls button:focus-visible {
  background: var(--black);
  color: var(--white);
}
.content-rail {
  display: grid;
  gap: clamp(20px, 2.4vw, 34px);
  grid-auto-columns: clamp(280px, 23vw, 380px);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-bottom: 10px;
  scroll-padding-inline: 0;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}
.content-rail::-webkit-scrollbar { display: none; }
.content-rail > * { scroll-snap-align: start; }
.collection-rail {
  background: transparent;
  border-top: 0;
  grid-template-columns: none;
}
.experience-list.content-rail {
  background: transparent;
  border-top: 0;
  grid-template-columns: none;
}
.collection-card {
  align-content: stretch;
  background: var(--white);
  color: var(--black);
  display: grid;
  gap: clamp(24px, 3vw, 42px);
  grid-template-rows: auto auto 1fr;
  min-height: 330px;
  padding: clamp(22px, 3vw, 36px);
}
.collection-card span,
.collection-card .automobile-model {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.45;
  text-transform: uppercase;
}
.collection-card h3 {
  font-size: clamp(2.05rem, 3.4vw, 4rem);
  line-height: .92;
}
.collection-card > div {
  display: grid;
  gap: 12px;
}
.collection-card p {
  color: var(--black);
  line-height: 1.6;
  margin: 0;
}
.collection-rail .collection-card {
  border: 0;
}
.experience-list.content-rail {
  grid-auto-columns: clamp(280px, 23vw, 380px);
}
.experience-list.content-rail .experience-card {
  background: transparent;
}
.subpage-main {
  background: var(--white);
  color: var(--black);
}
.archive-hero,
.detail-hero {
  align-content: end;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: clamp(20px, 4vw, 36px);
  min-height: 72vh;
  padding: clamp(112px, 13vw, 178px) clamp(20px, 5vw, 76px) clamp(48px, 7vw, 92px);
}
.archive-hero > span,
.detail-hero > span {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.archive-hero h1,
.detail-hero h1 {
  font-family: var(--serif);
  font-size: clamp(4rem, 10vw, 12rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: .84;
  margin: 0;
  max-width: 1120px;
}
.archive-hero p,
.detail-hero p {
  color: var(--black);
  font-size: clamp(1.05rem, 1.7vw, 1.32rem);
  line-height: 1.72;
  margin: 0;
  max-width: 820px;
}
.archive-section {
  padding: clamp(38px, 6vw, 78px) clamp(20px, 5vw, 76px) clamp(70px, 10vw, 142px);
}
.archive-grid {
  display: grid;
  gap: clamp(20px, 2.4vw, 34px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.archive-grid .experience-card {
  background: transparent;
}
.archive-collection-grid article {
  scroll-margin-top: 108px;
}
.detail-film-section {
  display: grid;
  justify-items: center;
  padding: clamp(38px, 6vw, 82px) clamp(20px, 5vw, 76px) clamp(70px, 10vw, 142px);
}
.detail-film-section .experience-film.has-video {
  max-width: 680px;
  width: min(100%, 680px);
}
@media (max-width: 960px) {
  .section-actions {
    grid-template-columns: 1fr;
  }
  .section-actions p,
  .section-link {
    grid-column: auto;
    justify-self: start;
  }
  .content-rail,
  .experience-list.content-rail {
    grid-auto-columns: minmax(280px, 46vw);
  }
  .archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .rail-controls {
    justify-content: flex-start;
  }
  .content-rail,
  .experience-list.content-rail {
    grid-auto-columns: 100%;
  }
  .content-rail > * {
    scroll-snap-align: center;
  }
  .archive-grid {
    grid-template-columns: 1fr;
  }
  .archive-hero,
  .detail-hero {
    min-height: 62vh;
  }
}

/* Collection image cards */
.collection-grid {
  background: transparent;
  gap: clamp(20px, 2.4vw, 34px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.collection-grid article,
.collection-card {
  align-content: start;
  background: transparent;
  border: 0;
  color: var(--black);
  display: grid;
  gap: 18px;
  grid-template-rows: auto 1.2rem minmax(4.8rem, auto) auto;
  min-height: 0;
  padding: 0 0 8px;
}
.collection-card.has-photo,
.collection-grid article.has-photo {
  gap: 18px;
  overflow: visible;
  padding: 0 0 8px;
  grid-template-rows: auto 1.2rem minmax(4.8rem, auto) auto;
}
.collection-rail .collection-card {
  border: 0;
}
.collection-photo {
  aspect-ratio: 4 / 5;
  background: var(--white);
  justify-self: stretch;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.collection-photo img {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 54%;
  transition: transform .65s cubic-bezier(.2, .8, .2, 1);
  width: 100%;
}
.collection-card:hover .collection-photo img,
.collection-card:focus-visible .collection-photo img,
.collection-grid article:hover .collection-photo img,
.collection-grid article:focus-visible .collection-photo img {
  transform: scale(1.035);
}
.collection-photo img.crop-chantal { object-position: 50% 56%; }
.collection-photo img.crop-brigitte { object-position: 50% 58%; }
.collection-photo img.crop-abeba { object-position: 50% 74%; }
.collection-photo img.crop-princess-grace { object-position: 50% 54%; }
.collection-photo img.crop-vera { object-position: 50% 50%; }
.collection-photo img.crop-daisy { object-position: 50% 68%; }
.collection-card.has-photo > span,
.collection-card.has-photo > div,
.collection-card.has-photo > p,
.collection-grid article.has-photo > span,
.collection-grid article.has-photo > div,
.collection-grid article.has-photo > p {
  margin-left: 0;
  margin-right: 0;
}
.collection-card.has-photo > span,
.collection-grid article.has-photo > span {
  margin-top: 0;
}
.collection-card.has-photo > p,
.collection-grid article.has-photo > p {
  margin-bottom: 0;
}
.collection-card span,
.collection-grid span,
.collection-card .automobile-model,
.collection-grid .automobile-model {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.45;
  text-transform: uppercase;
}
.collection-card h3,
.collection-grid h3 {
  align-self: start;
  font-size: clamp(2.05rem, 3.5vw, 4rem);
  line-height: .9;
}
.collection-card > div,
.collection-grid article > div {
  align-self: start;
  display: grid;
  gap: 10px;
}
.collection-card p,
.collection-grid p {
  align-self: start;
  color: var(--black);
  line-height: 1.62;
  margin: 0;
}
.collection-card:not(.has-photo),
.collection-grid article:not(.has-photo) {
  border: 0;
  padding-top: 0;
}

/* Collection text alignment */
.collection-card.has-photo,
.collection-grid article.has-photo {
  grid-template-rows: auto 2.9rem 4.15rem auto;
}
.collection-card.has-photo .automobile-model,
.collection-grid article.has-photo .automobile-model {
  min-height: 2.9rem;
}
.collection-card.has-photo h3,
.collection-grid article.has-photo h3 {
  min-height: 4.15rem;
}
.collection-card.has-photo > p,
.collection-grid article.has-photo > p {
  align-self: start;
}
@media (max-width: 620px) {
  .collection-card.has-photo,
  .collection-grid article.has-photo {
    grid-template-rows: auto auto auto auto;
  }
  .collection-card.has-photo .automobile-model,
  .collection-grid article.has-photo .automobile-model,
  .collection-card.has-photo h3,
  .collection-grid article.has-photo h3 {
    min-height: 0;
  }
}

/* Collection left edge alignment */
.collection-card.has-photo,
.collection-grid article.has-photo {
  justify-items: stretch;
}
.collection-card.has-photo > *,
.collection-grid article.has-photo > * {
  justify-self: stretch;
}
.collection-card.has-photo > span,
.collection-card.has-photo > h3,
.collection-card.has-photo > p,
.collection-grid article.has-photo > span,
.collection-grid article.has-photo > h3,
.collection-grid article.has-photo > p {
  justify-self: start;
  width: 100%;
}

/* Editorial experience pages */
.editorial-page .detail-hero {
  min-height: 74vh;
}
.experience-article {
  display: grid;
  gap: clamp(42px, 7vw, 108px);
  padding: clamp(34px, 6vw, 88px) clamp(20px, 5vw, 76px) clamp(72px, 10vw, 150px);
}
.article-meta-row {
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px 0;
}
.article-meta-row span,
.article-result > span,
.article-instagram-block span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.45;
  text-transform: uppercase;
}
.article-opening {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
  max-width: 1120px;
}
.article-opening p {
  font-family: var(--serif);
  font-size: clamp(1.65rem, 3.1vw, 3.65rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.03;
  margin: 0;
}
.article-photo-story {
  display: grid;
  gap: clamp(26px, 4vw, 58px) clamp(20px, 3.4vw, 44px);
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.article-photo {
  display: grid;
  gap: 12px;
  grid-column: span 6;
  margin: 0;
}
.article-photo-wide {
  grid-column: 1 / -1;
}
.article-photo img {
  aspect-ratio: 4 / 5;
  background: var(--white);
  height: auto;
  max-width: none;
  object-fit: cover;
  width: 100%;
}
.article-photo-wide img {
  aspect-ratio: 16 / 10;
}
.article-photo-story-editorial {
  align-items: start;
  gap: clamp(34px, 5vw, 72px) clamp(22px, 3.8vw, 54px);
}
.article-photo-feature,
.article-photo-cinematic {
  grid-column: 1 / -1;
}
.article-photo-feature img {
  aspect-ratio: 16 / 8.2;
}
.article-photo-cinematic img,
.article-photo-closing img {
  aspect-ratio: 16 / 8.8;
}
.article-photo-tall {
  grid-column: span 5;
}
.article-photo-medium {
  grid-column: span 7;
  margin-top: clamp(52px, 8vw, 118px);
}
.article-photo-narrow {
  grid-column: 2 / span 4;
}
.article-photo-large {
  grid-column: 7 / span 5;
  margin-top: clamp(70px, 10vw, 142px);
}
.article-photo-closing {
  grid-column: 2 / span 10;
  margin-top: clamp(22px, 4vw, 58px);
}
.article-story-note {
  display: grid;
  gap: 22px;
  grid-column: 4 / span 7;
  margin: clamp(6px, 1.5vw, 18px) 0 clamp(10px, 2vw, 28px);
  max-width: 860px;
}
.article-story-note p {
  font-size: clamp(1.08rem, 1.55vw, 1.28rem);
  line-height: 1.72;
  margin: 0;
}
.article-photo:nth-of-type(2) img { object-position: 50% 58%; }
.article-photo:nth-of-type(3) img { object-position: 50% 70%; }
.article-photo:nth-of-type(4) img { object-position: 50% 58%; }
.article-photo:nth-of-type(6) img { object-position: 50% 56%; }
.article-photo:nth-of-type(8) img { object-position: 50% 62%; }
.article-photo:nth-of-type(9) img { object-position: 50% 70%; }
.article-photo:nth-of-type(10) img { object-position: 50% 62%; }
.article-photo-01 img { object-position: 50% 56%; }
.article-photo-02 img { object-position: 50% 58%; }
.article-photo-03 img { object-position: 50% 66%; }
.article-photo-04 img { object-position: 50% 72%; }
.article-photo-05 img { object-position: 50% 56%; }
.article-photo-06 img { object-position: 50% 58%; }
.article-photo-07 img { object-position: 50% 72%; }
.article-photo-08 img { object-position: 50% 64%; }
.article-photo-09 img { object-position: 50% 58%; }
.article-photo-10 img { object-position: 50% 58%; }
.article-photo figcaption {
  align-items: baseline;
  color: var(--black);
  display: flex;
  font-size: .82rem;
  gap: 14px;
  justify-content: space-between;
  line-height: 1.45;
}
.article-photo figcaption span {
  flex: 0 0 auto;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}
.article-body {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 22px;
  justify-self: end;
  max-width: 820px;
  padding-top: clamp(28px, 4vw, 48px);
}
.article-body p,
.article-instagram-block p {
  font-size: clamp(1.03rem, 1.4vw, 1.18rem);
  line-height: 1.74;
  margin: 0;
}
.article-result {
  background: var(--black);
  color: var(--white);
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  padding: clamp(30px, 6vw, 76px);
}
.article-result h2 {
  font-family: var(--serif);
  font-size: clamp(2rem, 4.6vw, 5.9rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: .98;
  margin: 0;
  max-width: 1240px;
}
.article-result p {
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  line-height: 1.55;
  margin: 0;
  max-width: 780px;
}
.article-instagram-block {
  align-items: end;
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  gap: clamp(22px, 4vw, 42px);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(24px, 4vw, 44px) 0;
}
.article-instagram-block > div {
  display: grid;
  gap: 14px;
  max-width: 680px;
}
@media (max-width: 760px) {
  .article-meta-row,
  .article-instagram-block {
    grid-template-columns: 1fr;
  }
  .article-photo,
  .article-photo-wide,
  .article-photo-feature,
  .article-photo-cinematic,
  .article-photo-tall,
  .article-photo-medium,
  .article-photo-narrow,
  .article-photo-large,
  .article-photo-closing,
  .article-story-note {
    grid-column: 1 / -1;
    margin-top: 0;
  }
  .article-photo-wide img,
  .article-photo-feature img,
  .article-photo-cinematic img,
  .article-photo-closing img {
    aspect-ratio: 4 / 5;
  }
  .article-opening p {
    font-size: clamp(1.55rem, 8vw, 2.45rem);
    line-height: 1.06;
  }
}

/* Winter Marathon crop adjustments */
.winter-photo-story .article-photo:nth-of-type(3) img {
  object-position: 50% 56%;
}
.winter-photo-story .article-photo:nth-of-type(5) img {
  object-position: 50% 72%;
}
.winter-photo-story .article-photo:nth-of-type(8) img {
  object-position: 50% 76%;
}
.winter-photo-story .article-photo:nth-of-type(9) img {
  object-position: 50% 56%;
}

/* Coppa Milano Sanremo crop adjustments */
.coppa-photo-story .article-photo:nth-of-type(3) img {
  object-position: 50% 54%;
}
.coppa-photo-story .article-photo:nth-of-type(8) img {
  object-position: 50% 58%;
}
.coppa-photo-story .article-photo:nth-of-type(9) img {
  object-position: 50% 58%;
}
.coppa-photo-story .article-photo:nth-of-type(10) img {
  object-position: 50% 58%;
}


/* Collection editorial article layout */
.collection-editorial-story {
  display: block;
  margin: 0 auto;
  max-width: 1120px;
}

.collection-editorial-copy {
  display: grid;
  gap: 18px;
  margin: clamp(30px, 5vw, 72px) auto;
  max-width: 740px;
}

.collection-editorial-copy p {
  font-size: clamp(1.05rem, 1.45vw, 1.22rem);
  line-height: 1.74;
  margin: 0;
}

.collection-editorial-copy-closing {
  border-top: 1px solid var(--line);
  margin-top: clamp(34px, 5vw, 78px);
  max-width: 760px;
  padding-top: clamp(24px, 4vw, 46px);
}

.collection-editorial-photo {
  display: grid;
  gap: 12px;
  margin: clamp(34px, 5vw, 76px) auto 0;
  max-width: 780px;
  overflow: hidden;
  position: relative;
}

.collection-editorial-photo:first-child {
  margin-top: 0;
}

.collection-editorial-photo img {
  aspect-ratio: 4 / 5;
  background: var(--white);
  height: auto;
  object-fit: cover;
  width: 100%;
}

.collection-editorial-photo figcaption {
  align-items: baseline;
  bottom: clamp(20px, 2.5vw, 34px);
  color: var(--white);
  display: flex;
  font-size: .68rem;
  font-weight: 700;
  gap: 14px;
  justify-content: flex-start;
  left: clamp(20px, 3.5vw, 52px);
  letter-spacing: .14em;
  line-height: 1.55;
  max-width: calc(100% - 40px);
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}

.collection-editorial-photo figcaption span {
  flex: 0 0 auto;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.collection-editorial-photo-feature {
  max-width: 900px;
}

.collection-editorial-photo-detail {
  max-width: 680px;
}

.collection-editorial-photo-side {
  max-width: 1080px;
}

.collection-editorial-photo-side img {
  aspect-ratio: 16 / 9;
}

.collection-editorial-photo-balanced {
  max-width: 760px;
}

.collection-editorial-photo-motion {
  max-width: 820px;
}

/* Daisy and Chantal use the same editorial image system as Princess Grace. */
.daisy-photo-02 img { object-position: 50% 46%; }
.daisy-photo-03 img { object-position: 50% 58%; }
.daisy-photo-04 img { object-position: 50% 48%; }
.daisy-photo-05 img { object-position: 50% 50%; }
.chantal-photo-02 img { object-position: 50% 50%; }

.princess-grace-photo-01 img { object-position: 50% 52%; }
.princess-grace-photo-02 img { object-position: 50% 56%; }
.princess-grace-photo-03 img { object-position: 50% 52%; }
.princess-grace-photo-04 img { object-position: 50% 58%; }
.princess-grace-photo-05 img { object-position: 50% 54%; }

.abeba-photo-01 img { object-position: 50% 74%; }
.abeba-photo-02 img { object-position: 50% 62%; }
.abeba-photo-03 img { object-position: 50% 58%; }
.abeba-photo-04 img { object-position: 56% 54%; }
.abeba-photo-05 img { object-position: 50% 72%; }

.madame-claude-photo-02 img { object-position: 46% 52%; }
.madame-claude-photo-03 img { object-position: 50% 52%; }
.madame-claude-photo-04 img { object-position: 50% 58%; }
.madame-claude-photo-05 img { object-position: 50% 54%; }
.madame-claude-photo-06 img { object-position: 50% 56%; }
.madame-claude-photo-07 img { object-position: 54% 52%; }
.madame-claude-photo-08 img { object-position: 42% 52%; }
.madame-claude-photo-09 img { object-position: 50% 54%; }

/* Collection stories: desktop checkerboard, with full-width editorial pauses. */
@media (min-width: 861px) {
  .collection-editorial-story {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-editorial-story > * {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .collection-editorial-story > .collection-editorial-photo:first-child {
    justify-self: center;
    width: 100%;
  }

  .collection-editorial-story > .collection-editorial-photo:not(:first-child) {
    align-content: stretch;
    grid-template-rows: minmax(540px, 1fr) auto;
    margin: 0;
    max-width: none;
  }

  [aria-label="Daisy story"] > :nth-child(2),
  [aria-label="Daisy story"] > :nth-child(5),
  [aria-label="Daisy story"] > :nth-child(8),
  [aria-label="Daisy story"] > :nth-child(10),
  [aria-label="Chantal story"] > :nth-child(4),
  [aria-label="Abeba photo essay"] > :nth-child(3),
  [aria-label="Abeba photo essay"] > :nth-child(6),
  [aria-label="Abeba photo essay"] > :nth-child(8),
  [aria-label="Abeba photo essay"] > :nth-child(10),
  [aria-label="Princess Grace photo essay"] > :nth-child(3),
  [aria-label="Princess Grace photo essay"] > :nth-child(6),
  [aria-label="Princess Grace photo essay"] > :nth-child(8) {
    align-content: center;
    margin: 0;
    max-width: none;
    min-height: 620px;
    padding: clamp(42px, 5vw, 74px);
  }

  .collection-editorial-story > .collection-editorial-photo:not(:first-child) img {
    aspect-ratio: auto;
    height: 100%;
    min-height: 540px;
  }

  /* Daisy */
  [aria-label="Daisy story"] > :nth-child(2) { grid-column: 1; grid-row: 2; }
  [aria-label="Daisy story"] > :nth-child(3) { grid-column: 2; grid-row: 2; }
  [aria-label="Daisy story"] > :nth-child(4) { grid-column: 1; grid-row: 3; }
  [aria-label="Daisy story"] > :nth-child(5) { grid-column: 2; grid-row: 3; }
  [aria-label="Daisy story"] > :nth-child(6) { grid-row: 4; }
  [aria-label="Daisy story"] > :nth-child(7) { grid-row: 5; }
  [aria-label="Daisy story"] > :nth-child(8) { grid-column: 1; grid-row: 6; }
  [aria-label="Daisy story"] > :nth-child(9) { grid-column: 2; grid-row: 6; }
  [aria-label="Daisy story"] > :nth-child(10) { grid-column: 2; grid-row: 7; }
  [aria-label="Daisy story"] > :nth-child(11) { grid-column: 1; grid-row: 7; }
  [aria-label="Daisy story"] > :nth-child(12) { grid-row: 8; }

  /* Chantal */
  [aria-label="Chantal story"] > :nth-child(2) { grid-row: 2; }
  [aria-label="Chantal story"] > :nth-child(3) { grid-row: 3; }
  [aria-label="Chantal story"] > :nth-child(4) { grid-column: 1; grid-row: 4; }
  [aria-label="Chantal story"] > :nth-child(5) { grid-column: 2; grid-row: 4; }
  [aria-label="Chantal story"] > :nth-child(6) { grid-row: 5; }

  /* Abeba */
  [aria-label="Abeba photo essay"] > :nth-child(2) { grid-row: 2; }
  [aria-label="Abeba photo essay"] > :nth-child(3) { grid-column: 1; grid-row: 3; }
  [aria-label="Abeba photo essay"] > :nth-child(4) { grid-column: 2; grid-row: 3; }
  [aria-label="Abeba photo essay"] > :nth-child(5) { grid-column: 1; grid-row: 4; }
  [aria-label="Abeba photo essay"] > :nth-child(6) { grid-column: 2; grid-row: 4; }
  [aria-label="Abeba photo essay"] > :nth-child(7) { grid-column: 2; grid-row: 5; }
  [aria-label="Abeba photo essay"] > :nth-child(8) { grid-column: 1; grid-row: 5; }
  [aria-label="Abeba photo essay"] > :nth-child(9) { grid-column: 1; grid-row: 6; }
  [aria-label="Abeba photo essay"] > :nth-child(10) { grid-column: 2; grid-row: 6; }
  [aria-label="Abeba photo essay"] > :nth-child(11) { grid-row: 7; }

  /* Princess Grace */
  [aria-label="Princess Grace photo essay"] > :nth-child(2) { grid-row: 2; }
  [aria-label="Princess Grace photo essay"] > :nth-child(3) { grid-column: 1; grid-row: 3; }
  [aria-label="Princess Grace photo essay"] > :nth-child(4) { grid-column: 2; grid-row: 3; }
  [aria-label="Princess Grace photo essay"] > :nth-child(5) { grid-column: 1; grid-row: 4; }
  [aria-label="Princess Grace photo essay"] > :nth-child(6) { grid-column: 2; grid-row: 4; }
  [aria-label="Princess Grace photo essay"] > :nth-child(7) { grid-column: 2; grid-row: 5; }
  [aria-label="Princess Grace photo essay"] > :nth-child(8) { grid-column: 1; grid-row: 5; }
  [aria-label="Princess Grace photo essay"] > :nth-child(8) { border-top: 0; }

  /* Madame Claude */
  [aria-label="Madame Claude story"] > :nth-child(2),
  [aria-label="Madame Claude story"] > :nth-child(5),
  [aria-label="Madame Claude story"] > :nth-child(7),
  [aria-label="Madame Claude story"] > :nth-child(9),
  [aria-label="Madame Claude story"] > :nth-child(11),
  [aria-label="Madame Claude story"] > :nth-child(13),
  [aria-label="Madame Claude story"] > :nth-child(16),
  [aria-label="Madame Claude story"] > :nth-child(18) {
    align-content: center;
    margin: 0;
    max-width: none;
    min-height: 620px;
    padding: clamp(42px, 5vw, 74px);
  }

  [aria-label="Madame Claude story"] > :nth-child(2) { grid-column: 1; grid-row: 2; }
  [aria-label="Madame Claude story"] > :nth-child(3) { grid-column: 2; grid-row: 2; }
  [aria-label="Madame Claude story"] > :nth-child(4) { grid-row: 3; }
  [aria-label="Madame Claude story"] > :nth-child(5) { grid-column: 2; grid-row: 4; }
  [aria-label="Madame Claude story"] > :nth-child(6) { grid-column: 1; grid-row: 4; }
  [aria-label="Madame Claude story"] > :nth-child(7) { grid-column: 1; grid-row: 5; }
  [aria-label="Madame Claude story"] > :nth-child(8) { grid-column: 2; grid-row: 5; }
  [aria-label="Madame Claude story"] > :nth-child(9) { grid-column: 2; grid-row: 6; }
  [aria-label="Madame Claude story"] > :nth-child(10) { grid-column: 1; grid-row: 6; }
  [aria-label="Madame Claude story"] > :nth-child(11) { grid-column: 1; grid-row: 7; }
  [aria-label="Madame Claude story"] > :nth-child(12) { grid-column: 2; grid-row: 7; }
  [aria-label="Madame Claude story"] > :nth-child(13) { grid-column: 2; grid-row: 8; }
  [aria-label="Madame Claude story"] > :nth-child(14) { grid-column: 1; grid-row: 8; }
  [aria-label="Madame Claude story"] > :nth-child(15) { grid-row: 9; }
  [aria-label="Madame Claude story"] > :nth-child(16) { grid-column: 1; grid-row: 10; }
  [aria-label="Madame Claude story"] > :nth-child(17) { grid-column: 2; grid-row: 10; }
  [aria-label="Madame Claude story"] > :nth-child(18) { grid-column: 2; grid-row: 11; }
  [aria-label="Madame Claude story"] > :nth-child(19) { grid-column: 1; grid-row: 11; }
  [aria-label="Madame Claude story"] > :nth-child(20) { grid-row: 12; }
}

@media (min-width: 861px) {
  .princess-grace-photo-04 img { object-position: 50% 70%; }
}

@media (max-width: 860px) {
  .collection-editorial-copy,
  .collection-editorial-copy-closing {
    margin: 30px auto;
  }

  .collection-editorial-photo,
  .collection-editorial-photo-feature,
  .collection-editorial-photo-detail,
  .collection-editorial-photo-side,
  .collection-editorial-photo-balanced,
  .collection-editorial-photo-motion {
    max-width: none;
  }

  .collection-editorial-photo-side img {
    aspect-ratio: 4 / 5;
  }

  .collection-editorial-photo figcaption {
    bottom: 16px;
    font-size: .6rem;
    left: 16px;
    max-width: calc(100% - 32px);
  }

  .madame-claude-photo img {
    aspect-ratio: auto;
    height: auto;
    min-height: 0;
  }

}

/* Collection vehicle detail pages */
.collection-card.has-photo,
.collection-grid article.has-photo {
  grid-template-rows: auto 2.9rem 4.15rem minmax(8rem, 1fr) auto;
}

.collection-read-more {
  align-self: end;
  border: 1px solid var(--black);
  color: var(--black);
  display: inline-flex;
  font-size: .66rem;
  font-weight: 700;
  justify-self: start;
  letter-spacing: .16em;
  line-height: 1;
  margin-top: 8px;
  padding: 11px 12px 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .25s ease, color .25s ease;
}

.experience-card .experience-read-more,
.collection-read-more {
  box-sizing: border-box;
  justify-content: center;
  white-space: nowrap;
  width: 112px;
}

.collection-card.has-photo > .collection-read-more,
.collection-grid article.has-photo > .collection-read-more {
  align-self: end;
  justify-self: start;
  margin-top: 0;
}

@media (max-width: 620px) {
  .collection-card.has-photo,
  .collection-grid article.has-photo {
    grid-template-rows: auto auto auto auto auto;
  }

  .collection-card.has-photo > .collection-read-more,
  .collection-grid article.has-photo > .collection-read-more {
    margin-top: 8px;
  }
}

.collection-read-more:hover,
.collection-read-more:focus-visible {
  background: var(--black);
  color: var(--white);
}

.collection-vehicle-hero p {
  max-width: 760px;
}

.collection-vehicle-intro {
  gap: clamp(18px, 2.4vw, 30px);
}

.collection-cv-section {
  border-top: 1px solid var(--line);
  display: grid;
  gap: clamp(24px, 4vw, 52px);
  padding-top: clamp(30px, 5vw, 62px);
}

.collection-cv-section > span,
.collection-cv-item > div > span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.45;
  text-transform: uppercase;
}

.collection-cv-section h2 {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 5.2vw, 6.6rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: .98;
  margin: 0;
  max-width: 1180px;
}

.collection-cv-list {
  display: grid;
  gap: clamp(24px, 4vw, 44px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.collection-cv-item {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 20px;
  padding-top: 22px;
}

.collection-cv-item h3 {
  font-family: var(--serif);
  font-size: clamp(2rem, 3.6vw, 4.2rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: .96;
  margin: 8px 0 0;
}

.collection-cv-item p,
.collection-cv-item li {
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.68;
}

.collection-cv-item p {
  margin: 14px 0 0;
}

.collection-cv-item ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.collection-cv-item li {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.collection-cv-link {
  justify-self: start;
  margin-top: auto;
}

@media (max-width: 760px) {
  .collection-cv-list {
    grid-template-columns: 1fr;
  }
}

/* Services v2 — the presentation translated into an image-led editorial sequence */
.services-section {
  background: var(--white);
  border-top: 1px solid var(--line);
  padding: 0;
}

/* Partnerships page and presentation download */
.partnerships-page .partnerships-presentation {
  border-top: 0;
}

.partnerships-presentation .services-intro {
  min-height: 100vh;
}

.partnerships-presentation .service-story-copy h1 {
  font-family: var(--serif);
  font-size: clamp(2.9rem, 5.2vw, 6.6rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: .9;
  margin: 0;
  max-width: 880px;
}

.presentation-download {
  align-items: end;
  background: var(--black);
  color: var(--white);
  display: grid;
  gap: clamp(34px, 6vw, 84px);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(76px, 11vw, 164px) clamp(20px, 5vw, 76px);
}

.presentation-download > span {
  font-size: .7rem;
  font-weight: 700;
  grid-column: 1 / -1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.presentation-download h2 {
  color: var(--white);
  font-size: clamp(3.5rem, 7.4vw, 8.8rem);
  line-height: .86;
  margin: 0;
  max-width: 1100px;
}

.presentation-download a {
  align-items: center;
  border: 1px solid var(--white);
  display: inline-flex;
  font-size: .72rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .14em;
  min-height: 58px;
  padding: 18px 24px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 232px;
}

.presentation-download a:hover,
.presentation-download a:focus-visible {
  background: var(--white);
  color: var(--black);
}

@media (max-width: 960px) {
  .presentation-download {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .presentation-download > span {
    grid-column: auto;
  }

  .presentation-download a {
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .partnerships-presentation .services-intro {
    min-height: 0;
  }

  .partnerships-presentation .service-story-copy h1 {
    font-size: clamp(2.65rem, 14vw, 4.2rem);
  }

  .presentation-download {
    gap: 30px;
    padding: 72px 20px 88px;
  }

  .presentation-download h2 {
    font-size: clamp(3.1rem, 15vw, 4.8rem);
  }

  .presentation-download a { width: 232px; }
}

.service-stories {
  display: block;
}

.service-story,
.services-intro,
.services-method,
.services-closing {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  margin: 0;
  min-height: 760px;
  padding: 0;
}

.service-story-media {
  background: #e9e7e2;
  margin: 0;
  min-height: 760px;
  overflow: hidden;
  position: relative;
}

.service-story-media::after {
  background: linear-gradient(to top, rgba(0, 0, 0, .62), rgba(0, 0, 0, 0) 28%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.service-story-media img {
  height: 100%;
  inset: 0;
  max-width: none;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.service-story-media figcaption {
  bottom: clamp(20px, 2.5vw, 34px);
  color: var(--white);
  font-size: .68rem;
  font-weight: 700;
  left: clamp(20px, 3.5vw, 52px);
  letter-spacing: .14em;
  line-height: 1.55;
  max-width: calc(100% - 40px);
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}

.service-story-copy {
  align-content: center;
  display: grid;
  gap: clamp(20px, 2.2vw, 32px);
  padding: clamp(52px, 7vw, 112px);
}

.service-story-copy > span {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.service-story-copy h2,
.service-story-copy h3,
.services-method .service-story-copy h3,
.services-closing .service-story-copy h3 {
  font-size: clamp(2.9rem, 5.2vw, 6.6rem);
  line-height: .9;
  margin: 0;
  max-width: 880px;
}

.service-story-copy p,
.service-story-copy li,
.services-method .method-steps p,
.services-closing .service-story-copy p {
  font-size: clamp(1rem, 1.28vw, 1.16rem);
  line-height: 1.68;
  margin: 0;
}

.service-story-copy > ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-story-copy > ul li {
  padding-left: 20px;
  position: relative;
}

.service-story-copy > ul li::before {
  content: "—";
  left: 0;
  position: absolute;
}

.service-story-copy > strong {
  font-family: var(--serif);
  font-size: clamp(1.55rem, 2.2vw, 2.55rem);
  font-weight: 500;
  line-height: 1.08;
}

.services-intro .service-story-media,
.services-method .service-story-media,
.service-stories .service-story:nth-child(even) .service-story-media {
  order: 2;
}

.services-intro .service-story-copy,
.services-method .service-story-copy,
.service-stories .service-story:nth-child(even) .service-story-copy {
  order: 1;
}

.services-method {
  border-top: 0;
}

.services-method .method-steps {
  border-top: 1px solid var(--black);
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.services-method .method-steps li,
.services-method .method-steps li:first-child,
.services-method .method-steps li:last-child {
  border-bottom: 1px solid var(--line);
  border-left: 0;
  border-top: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: 38px minmax(112px, .38fr) minmax(0, 1fr);
  min-height: 0;
  padding: 13px 0;
}

.services-method .method-steps span {
  font-size: .64rem;
  letter-spacing: .16em;
}

.services-method .method-steps strong {
  font-size: clamp(1.45rem, 1.9vw, 2rem);
}

.services-method .method-steps p {
  align-self: start;
  grid-column: auto;
}

.services-closing {
  border-bottom: 0;
  border-top: 0;
}

.services-closing > .service-story-copy {
  align-content: center;
}

@media (max-width: 960px) {
  .service-story,
  .services-intro,
  .services-method,
  .services-closing {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .service-story-media,
  .services-intro .service-story-media,
  .services-method .service-story-media,
  .service-stories .service-story:nth-child(even) .service-story-media {
    height: min(136vw, 760px);
    min-height: 520px;
    order: 1;
  }

  .service-story-copy,
  .services-intro .service-story-copy,
  .services-method .service-story-copy,
  .service-stories .service-story:nth-child(even) .service-story-copy {
    order: 2;
    padding: clamp(46px, 9vw, 84px) clamp(24px, 7vw, 64px) clamp(60px, 11vw, 98px);
  }
}

@media (max-width: 620px) {
  .service-story-media,
  .services-intro .service-story-media,
  .services-method .service-story-media,
  .service-stories .service-story:nth-child(even) .service-story-media {
    height: 138vw;
    min-height: 0;
  }

  .service-story-copy,
  .services-intro .service-story-copy,
  .services-method .service-story-copy,
  .service-stories .service-story:nth-child(even) .service-story-copy {
    gap: 22px;
    padding: 44px 20px 58px;
  }

  .service-story-copy h2,
  .service-story-copy h3,
  .services-method .service-story-copy h3,
  .services-closing .service-story-copy h3 {
    font-size: clamp(2.65rem, 14vw, 4.2rem);
  }

  .services-method .method-steps li,
  .services-method .method-steps li:first-child,
  .services-method .method-steps li:last-child {
    gap: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 15px 0;
  }

  .services-method .method-steps p {
    grid-column: 2;
  }

  .service-story-media figcaption {
    bottom: 16px;
    font-size: .6rem;
    left: 16px;
    max-width: calc(100% - 32px);
  }
}

/* Continuous editorial checkerboard across the complete Partnerships story. */
@media (min-width: 961px) {
  .partnerships-presentation .services-method .service-story-media {
    order: 1;
  }

  .partnerships-presentation .services-method .service-story-copy {
    order: 2;
  }

  .partnerships-presentation .service-stories-continuity .service-story:nth-child(odd) .service-story-media {
    order: 2;
  }

  .partnerships-presentation .service-stories-continuity .service-story:nth-child(odd) .service-story-copy {
    order: 1;
  }

  .partnerships-presentation .service-stories-continuity .service-story:nth-child(even) .service-story-media {
    order: 1;
  }

  .partnerships-presentation .service-stories-continuity .service-story:nth-child(even) .service-story-copy {
    order: 2;
  }
}

/* Home editorial rhythm: every section label holds the same fixed position
   above its title, matching the Partnerships presentation. */
.sticky-label > span,
.about-copy > span,
.section-heading > span,
.community-content > span,
.partnerships-section > div:first-child > span {
  margin: 0 0 24px;
}

.about-copy,
.community-content {
  gap: 0;
}

.about-copy > :not(span) + :not(span) {
  margin-top: clamp(22px, 3vw, 34px);
}

.community-content > :not(span) + :not(span) {
  margin-top: clamp(24px, 4vw, 42px);
}

.section-heading {
  display: grid;
  gap: 0;
}

.section-heading > :not(span) + :not(span) {
  margin-top: 24px;
}

.about-feature {
  border-bottom: 0;
}

.collection-section {
  border-top: 0;
}

#about,
#collection,
#experiences,
#community {
  border-bottom: 0;
  border-top: 0;
}

#manifesto .manifesto-copy {
  border-top: 0;
}

@media (min-width: 961px) {
  .experience-diary .section-actions {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .experience-diary .section-actions p {
    grid-column: 1;
  }

  .manifesto-grid {
    padding-bottom: 96px;
    padding-top: 64px;
  }

  .collection-section {
    padding-bottom: 82px;
    padding-top: 64px;
  }

  .experience-diary {
    padding-bottom: 84px;
    padding-top: 64px;
  }

  .partnerships-section {
    padding-bottom: 92px;
    padding-top: 72px;
  }
}



/* TURE v6.8.2 — Living Diary / Experiences: fotografie intere, al vivo su mobile.
   Nessun crop verticale: l'immagine mantiene sempre il proprio rapporto originale. */
.bt-page #home-experiences .tg-event > a:first-child,
.bt-page #experiences .tg-event > a:first-child{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.bt-page #home-experiences .tg-event > a:first-child img,
.bt-page #experiences .tg-event > a:first-child img{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:transparent!important;
}
.bt-page #home-experiences .tg-event:hover > a:first-child img,
.bt-page #home-experiences .tg-event:focus-within > a:first-child img,
.bt-page #experiences .tg-event:hover > a:first-child img,
.bt-page #experiences .tg-event:focus-within > a:first-child img{
  transform:none!important;
}

/* Le singole Experience seguono la stessa regola: foto completa, mai ritagliata. */
.bt-page .tg-view[data-chapter^="Experiences / "] .tg-hero-figure,
.bt-page .tg-view[data-chapter^="Experiences / "] .tg-hero-figure > a{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
}
.bt-page .tg-view[data-chapter^="Experiences / "] .tg-hero-figure img{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}

@media (max-width:960px){
  /* Come le automobili online: la fotografia esce dalla gabbia editoriale e arriva ai bordi,
     mentre metadata, titolo, testo e pulsante restano nella gabbia. */
  .bt-page #home-experiences .tg-event > a:first-child,
  .bt-page #experiences .tg-event > a:first-child{
    width:calc(100% + (2 * var(--bt-gutter)));
    margin-left:calc(var(--bt-gutter) * -1)!important;
    margin-right:calc(var(--bt-gutter) * -1)!important;
  }
  .bt-page .tg-view[data-chapter^="Experiences / "] .tg-hero-figure{
    width:calc(100% + (2 * var(--bt-gutter)));
    margin-left:calc(var(--bt-gutter) * -1)!important;
    margin-right:calc(var(--bt-gutter) * -1)!important;
  }
  .bt-page .tg-view[data-chapter^="Experiences / "] .tg-hero-figure figcaption{
    padding-left:var(--bt-gutter);
    padding-right:var(--bt-gutter);
  }
}




/* v6.8.6 — ONLY #home-opening. No other section is affected. */
.bt-page #home-opening .hero-cover-content{position:relative}
.bt-page #home-opening .hero-opening-copy-v686{position:absolute;top:clamp(108px,13vh,154px);left:clamp(24px,5vw,76px);max-width:min(780px,calc(100% - 48px));display:grid;gap:clamp(18px,2.4vw,28px);color:#fff;z-index:2}
.bt-page #home-opening .hero-opening-copy-v686>span{display:block;font-family:var(--bt-sans);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.bt-page #home-opening .hero-opening-copy-v686 h1{margin:0;color:#fff;font-family:var(--bt-serif);font-size:clamp(3.8rem,7.4vw,8.8rem);font-weight:500;line-height:.84;letter-spacing:-.035em;text-shadow:0 2px 22px rgba(0,0,0,.28)}
.bt-page #home-opening .hero-opening-copy-v686 h1 a{color:inherit;text-decoration:none}
@media(max-width:620px){.bt-page #home-opening .hero-opening-copy-v686{top:92px;left:20px;max-width:calc(100% - 40px);gap:14px}.bt-page #home-opening .hero-opening-copy-v686 h1{font-size:clamp(2.9rem,13vw,4.2rem);line-height:.86}}