:root{
  --paper:#f4efe7;--paper-2:#ebe1d2;--ink:#171513;--muted:#6f675f;--copper:#b76332;--white:#fff;
  --line:rgba(23,21,19,.16);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;
  --shell:min(1320px,calc(100vw - 48px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:-9999px;top:12px;z-index:999;background:#fff;padding:10px}.skip-link:focus{left:12px}.site-header{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:.3s;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.site-header.scrolled{background:rgba(12,12,11,.94);backdrop-filter:blur(10px)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{text-transform:uppercase;letter-spacing:.16em;line-height:1.15}.wordmark span{display:block;font-size:1rem}.wordmark small{display:block;color:#e58b55;font:700 .57rem var(--sans);letter-spacing:.35em;margin-top:7px}.primary-nav{display:flex;gap:24px;font:600 .68rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.primary-nav a{position:relative}.primary-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--copper);transition:.25s}.primary-nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;color:#fff;width:38px;height:38px}.menu-button span{display:block;width:24px;height:1px;background:currentColor;margin:6px auto}.hero{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;overflow:hidden;background:#111}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.36) 45%,rgba(0,0,0,.88))}.hero-content{position:relative;z-index:2;width:min(660px,100%);margin-left:auto;padding:190px 0 92px 48px}.kicker,.eyebrow{font:700 .7rem var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--copper)}.hero .kicker{color:#ef9b68}.hero h1{font-size:clamp(3.4rem,7vw,7.8rem);line-height:.88;font-weight:400;text-transform:uppercase;margin:14px 0 24px}.hero-copy{font-size:1.15rem;max-width:590px;color:#eee2d8}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;min-height:49px;padding:0 23px;align-items:center;justify-content:center;border:1px solid var(--copper);font:700 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:.25s}.button:hover{background:var(--copper);color:#fff}.button-light{border-color:#fff;color:#fff}.text-link{font:700 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.text-link-light{color:#fff}.scroll-cue{position:absolute;z-index:3;left:30px;bottom:28px;display:flex;align-items:center;gap:10px;font:600 .62rem var(--sans);letter-spacing:.16em;text-transform:uppercase}.scroll-cue span{width:34px;height:1px;background:#fff}.section{padding:100px 0}.split-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.portrait-frame{margin:0}.portrait-frame img{aspect-ratio:4/5;object-fit:cover}.portrait-frame figcaption{font:600 .65rem var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding-top:12px}.section-copy h2,.section-heading h2,.closing h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.98;font-weight:400;text-transform:uppercase;margin:12px 0 22px}.lead{font-size:1.35rem}.section-dark{background:var(--ink);color:#fff}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18)}.philosophy-word{background:var(--ink);padding:55px 36px}.philosophy-word span{display:block;color:#d0885c;font:700 .65rem var(--sans);letter-spacing:.16em}.philosophy-word strong{display:block;font-size:clamp(2.6rem,5vw,5.4rem);font-weight:400;margin-top:8px}.philosophy-copy{max-width:760px;margin:42px auto 0;text-align:center;color:#d8d0c8;font-size:1.08rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.art-card{position:relative;aspect-ratio:1/1;overflow:hidden;background:#ddd}.art-card img{height:100%;object-fit:cover}.art-caption{position:absolute;inset:auto 0 0;padding:42px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;opacity:0;transition:.3s}.art-card:hover .art-caption,.art-card:focus .art-caption{opacity:1}.art-caption strong{display:block;font-size:1.2rem;font-weight:400}.art-caption small{display:block;font:600 .63rem var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-top:4px;color:#ddd3ca}.quote-band{background:var(--paper-2);text-align:center}.quote-band blockquote{max-width:900px;margin:0 auto;font-size:clamp(2rem,4vw,4rem);line-height:1.15;font-style:italic}.quote-band p{font:700 .68rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-top:22px}.place-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.place-card{position:relative;min-height:420px;overflow:hidden;color:#fff}.place-card img{height:100%;object-fit:cover;transition:.5s}.place-card:hover img{transform:scale(1.035)}.place-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.place-card span{position:absolute;z-index:2;left:18px;right:18px;bottom:20px;text-align:center;font:700 .69rem var(--sans);letter-spacing:.18em;text-transform:uppercase}.closing{text-align:center}.closing-inner{max-width:840px}.closing p:not(.eyebrow){color:#d2c9c1;font-size:1.08rem}.site-footer{background:#0b0b0a;color:#fff;padding:54px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr auto 1.1fr;gap:44px;align-items:center}.footer-brand strong{display:block;text-transform:uppercase;letter-spacing:.15em;font-weight:400}.footer-brand span{display:block;color:#9f958d;font:600 .65rem var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:7px}.footer-links{display:flex;gap:20px;font:600 .67rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.newsletter label{display:block;font:700 .65rem var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.newsletter div{display:flex}.newsletter input{width:100%;min-height:45px;border:1px solid #5b534d;background:transparent;color:#fff;padding:0 12px}.newsletter button{border:0;background:var(--copper);color:#fff;padding:0 18px;text-transform:uppercase;letter-spacing:.12em}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;color:#837b75;font:600 .62rem var(--sans);letter-spacing:.1em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.primary-nav{position:fixed;inset:0;background:rgba(12,12,11,.98);display:none;flex-direction:column;align-items:center;justify-content:center;font-size:1rem}.primary-nav.open{display:flex}.menu-button{display:block}.split-layout{grid-template-columns:1fr}.art-grid{grid-template-columns:repeat(2,1fr)}.place-strip{grid-template-columns:repeat(2,1fr)}.place-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}.newsletter{max-width:520px;margin:auto}.hero-content{width:min(90%,660px)}}
@media(max-width:640px){:root{--shell:min(100% - 28px,1320px)}.hero{min-height:780px}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.18) 66%)}.hero-content{padding:180px 0 62px;margin:0}.hero h1{font-size:3.2rem}.section{padding:74px 0}.philosophy-grid,.art-grid,.place-strip{grid-template-columns:1fr}.place-card:last-child{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column}.art-caption{opacity:1}.scroll-cue{display:none}.footer-links{flex-wrap:wrap}.newsletter div{display:grid;gap:8px}}


/* =========================================================
   BUILD 003 — MUSEUM-STYLE COLLECTION PAGE
   ========================================================= */

.site-header--solid {
  position: relative;
  background: #181715;
}

.header-inner {
  display: flex;
  min-height: 94px;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.site-navigation {
  display: flex;
  align-items: center;
  gap: 1.55rem;
}

.site-navigation a {
  color: #f7f2eb;
  font-family: "Inter", sans-serif;
  font-size: 0.69rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.site-navigation a:hover,
.site-navigation a[aria-current="page"] {
  color: #d27b47;
}

.menu-toggle {
  display: none;
}

.collection-hero {
  position: relative;
  min-height: 78vh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
}

.collection-hero__image,
.collection-hero__shade {
  position: absolute;
  inset: 0;
}

.collection-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-hero__shade {
  background:
    linear-gradient(90deg, rgba(7, 7, 6, 0.08), rgba(7, 7, 6, 0.77) 62%, rgba(7, 7, 6, 0.93)),
    linear-gradient(0deg, rgba(7, 7, 6, 0.46), transparent 45%);
}

.collection-hero__content {
  position: relative;
  z-index: 2;
  width: min(100%, 760px);
  margin-left: auto;
  padding-top: 9rem;
  padding-bottom: 7rem;
}

.collection-hero h1 {
  margin: 0.7rem 0 1.6rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4rem, 8vw, 8.4rem);
  font-weight: 300;
  letter-spacing: -0.045em;
  line-height: 0.82;
}

.collection-hero p:not(.section-label) {
  max-width: 590px;
  margin-bottom: 2rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.08rem;
}

.section-label--light {
  color: #e58b55;
}

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 1.4rem;
  border: 1px solid #b86434;
  font-family: "Inter", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.button--light {
  border-color: rgba(255,255,255,.7);
  color: #fff;
}

.button--light:hover {
  border-color: #b86434;
  background: #b86434;
}

.button--dark {
  background: #181715;
  border-color: #181715;
  color: #fff;
}

.collection-introduction {
  padding: 8.5rem 0;
}

.collection-introduction__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(3rem, 9vw, 9rem);
  align-items: start;
}

.collection-introduction h2,
.collection-room h2,
.collection-invitation h2 {
  margin: 0.75rem 0 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5vw, 5.5rem);
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 0.95;
}

.collection-introduction__copy {
  max-width: 680px;
  font-size: 1.08rem;
}

.collection-introduction__copy p + p {
  margin-top: 1.35rem;
}

.collection-index {
  padding: 6.5rem 0 9rem;
  border-top: 1px solid rgba(23, 21, 19, 0.13);
}

.collection-toolbar {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
  align-items: end;
  margin-bottom: 5rem;
}

.collection-count {
  margin: .35rem 0 0;
  color: #766d65;
  font-size: .92rem;
}

.collection-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
}

.collection-filter {
  padding: .68rem .9rem;
  border: 1px solid rgba(23, 21, 19, .19);
  background: transparent;
  color: #171513;
  font-family: "Inter", sans-serif;
  font-size: .63rem;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
  cursor: pointer;
}

.collection-filter:hover,
.collection-filter.is-active {
  background: #181715;
  border-color: #181715;
  color: #fff;
}

.editorial-collection {
  display: grid;
  gap: 8rem;
}

.editorial-work {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(320px, .66fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
}

.editorial-work--reverse {
  grid-template-columns: minmax(320px, .66fr) minmax(0, 1.34fr);
}

.editorial-work--reverse .editorial-work__image {
  grid-column: 2;
}

.editorial-work--reverse .editorial-work__copy {
  grid-column: 1;
  grid-row: 1;
}

.editorial-work__image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #ddd5ca;
}

.editorial-work__image img {
  width: 100%;
  height: min(68vw, 820px);
  min-height: 620px;
  object-fit: cover;
}

.editorial-work__number {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  background: rgba(246, 241, 232, .93);
  color: #171513;
  font-family: "Inter", sans-serif;
  font-size: .65rem;
  letter-spacing: .08em;
}

.editorial-work__copy {
  max-width: 480px;
}

.editorial-work__copy h2 {
  margin: .65rem 0 1.25rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3.1rem, 5.4vw, 6.2rem);
  font-weight: 300;
  letter-spacing: -0.045em;
  line-height: .88;
}

.editorial-work__copy p:not(.section-label) {
  color: #5f5750;
  font-size: 1.04rem;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1rem;
  color: #a75129;
  font-family: "Inter", sans-serif;
  font-size: .69rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.collection-room {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 9vw, 9rem);
  align-items: end;
  padding: 6rem 0 1rem;
  border-top: 1px solid rgba(23,21,19,.15);
}

.collection-room > p {
  max-width: 650px;
  margin: 0;
  color: #5f5750;
  font-size: 1.08rem;
}

.collection-room--dark {
  margin-bottom: -8rem;
  padding: 8rem clamp(2rem, 7vw, 7rem) 12rem;
  border: 0;
  background: #181715;
  color: #fff;
}

.collection-room--dark > p {
  color: rgba(255,255,255,.68);
}

.collection-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 4vw, 4rem);
}

.collection-pair--dark {
  position: relative;
  padding: 0 clamp(2rem, 7vw, 7rem) 7rem;
  background: #181715;
}

.collection-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #ddd5ca;
}

.collection-card__image img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.collection-card__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(14, 13, 12, .58);
  color: #fff;
  opacity: 0;
  transition: opacity .3s ease;
}

.collection-card__overlay span {
  font-family: "Inter", sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.collection-card__image:hover .collection-card__overlay {
  opacity: 1;
}

.collection-card__copy {
  padding-top: 1.35rem;
}

.collection-card__copy h3 {
  margin: .5rem 0 .35rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.1rem, 3vw, 3.2rem);
  font-weight: 400;
  letter-spacing: -.035em;
}

.collection-card__copy p:not(.section-label) {
  margin: 0;
  color: #756b62;
}

.collection-card--dark {
  color: #fff;
}

.collection-card--dark .collection-card__copy p:not(.section-label) {
  color: rgba(255,255,255,.63);
}

.collection-quote {
  padding: 10rem 0;
  text-align: center;
}

.collection-quote blockquote {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.7rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .98;
}

.collection-quote p {
  margin: 2rem 0 0;
  color: #9a4e27;
  font-family: "Inter", sans-serif;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .22em;
}

.collection-invitation {
  padding: 8.5rem 0;
  background: #e8ddcc;
}

.collection-invitation__grid {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: clamp(3rem, 9vw, 9rem);
  align-items: end;
}

.collection-invitation__grid > div:last-child {
  max-width: 590px;
}

.collection-invitation .button {
  margin-top: 1rem;
}

.site-footer {
  padding: 5.5rem 0 1.5rem;
  background: #0e0e0d;
  color: #fff;
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1.2fr .55fr .55fr 1fr;
  gap: clamp(2rem, 6vw, 6rem);
}

.footer-brand {
  display: grid;
  align-content: start;
  gap: .45rem;
  font-family: "Inter", sans-serif;
  letter-spacing: .17em;
}

.footer-brand small {
  color: #d77b45;
  font-size: .58rem;
  text-transform: uppercase;
}

.footer-heading {
  margin: 0 0 1rem;
  color: #d77b45;
  font-family: "Inter", sans-serif;
  font-size: .63rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.site-footer__grid a {
  display: block;
  margin-bottom: .45rem;
  color: rgba(255,255,255,.7);
  font-size: .92rem;
}

.site-footer__grid p:not(.footer-heading) {
  color: rgba(255,255,255,.59);
  font-size: .9rem;
}

.footer-form {
  display: flex;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

.footer-form input {
  width: 100%;
  padding: .75rem 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
}

.footer-form button {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.2rem;
}

.site-footer__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.42);
  font-family: "Inter", sans-serif;
  font-size: .63rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

[hidden] {
  display: none !important;
}

@media (max-width: 1040px) {
  .menu-toggle {
    display: grid;
    gap: 7px;
    width: 34px;
    padding: 5px 0;
    border: 0;
    background: transparent;
  }

  .menu-toggle span {
    display: block;
    height: 1px;
    background: #fff;
  }

  .site-navigation {
    position: absolute;
    top: 94px;
    left: 0;
    right: 0;
    display: none;
    padding: 2rem;
    background: #181715;
    flex-direction: column;
    align-items: flex-start;
  }

  .site-navigation.is-open {
    display: flex;
  }

  .collection-hero__content {
    margin-left: 0;
    padding-bottom: 5rem;
  }

  .collection-introduction__grid,
  .collection-room,
  .collection-invitation__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .editorial-work,
  .editorial-work--reverse {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .editorial-work--reverse .editorial-work__image,
  .editorial-work--reverse .editorial-work__copy {
    grid-column: 1;
    grid-row: auto;
  }

  .editorial-work__copy {
    max-width: 720px;
  }

  .editorial-work__image img {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .collection-room--dark {
    margin-bottom: -5rem;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .collection-hero {
    min-height: 720px;
  }

  .collection-hero__shade {
    background:
      linear-gradient(0deg, rgba(7,7,6,.96), rgba(7,7,6,.12) 70%);
  }

  .collection-hero h1 {
    font-size: clamp(3.6rem, 16vw, 5.6rem);
  }

  .collection-introduction,
  .collection-index,
  .collection-quote,
  .collection-invitation {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .collection-toolbar {
    grid-template-columns: 1fr;
    align-items: start;
    margin-bottom: 3rem;
  }

  .collection-filters {
    justify-content: flex-start;
  }

  .editorial-collection {
    gap: 5.5rem;
  }

  .collection-pair {
    grid-template-columns: 1fr;
  }

  .collection-room--dark {
    margin-bottom: -3rem;
    padding: 5rem 1.4rem 7rem;
  }

  .collection-pair--dark {
    padding: 0 1.4rem 5rem;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
  }

  .site-footer__bottom {
    display: grid;
    gap: .4rem;
  }
}


/* =========================================================
   BUILD 004 — STUDIO AND ABOUT
   ========================================================= */

.studio-hero,
.about-hero {
  position: relative;
  min-height: 88vh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
}

.studio-hero > img,
.about-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-hero__shade,
.about-hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,7,6,.08), rgba(8,7,6,.82) 65%, rgba(8,7,6,.94)),
    linear-gradient(0deg, rgba(8,7,6,.45), transparent 45%);
}

.studio-hero__content,
.about-hero__content {
  position: relative;
  z-index: 2;
  width: min(100%, 760px);
  margin-left: auto;
  padding: 12rem 0 7rem;
}

.studio-hero h1,
.about-hero h1 {
  margin: .7rem 0 1.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4.2rem, 8vw, 8.5rem);
  font-weight: 300;
  letter-spacing: -.045em;
  line-height: .83;
}

.studio-hero__content > p:not(.section-label),
.about-hero__content > p:not(.section-label) {
  max-width: 570px;
  color: rgba(255,255,255,.78);
  font-size: 1.1rem;
}

.studio-intro,
.about-story {
  padding: 9rem 0;
}

.studio-intro__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 9vw, 9rem);
}

.studio-intro h2,
.studio-steps h2,
.studio-texture h2,
.studio-next h2,
.about-story h2,
.about-philosophy h2,
.about-road h2,
.about-method h2 {
  margin: .7rem 0 1.4rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.studio-intro__grid > div:last-child,
.about-method__grid > div:last-child {
  max-width: 680px;
  font-size: 1.06rem;
}

.studio-film {
  padding: 0 0 9rem;
}

.studio-film__frame {
  overflow: hidden;
  background: #151412;
}

.studio-film video {
  display: block;
  width: 100%;
  max-height: 78vh;
  object-fit: cover;
}

.studio-film__caption {
  display: grid;
  grid-template-columns: .6fr 1.4fr;
  gap: 2rem;
  padding-top: 1.25rem;
}

.studio-film__caption p:last-child {
  max-width: 700px;
  margin: 0;
  color: #6f655d;
}

.studio-steps {
  padding: 8rem 0;
  background: #181715;
  color: #fff;
}

.studio-steps__heading {
  max-width: 700px;
  margin-bottom: 4rem;
}

.studio-steps__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.16);
}

.studio-steps__grid article {
  min-height: 270px;
  padding: 2.2rem;
  background: #181715;
}

.studio-steps__grid span,
.about-philosophy__grid span {
  color: #d77b45;
  font-family: "Inter", sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .18em;
}

.studio-steps__grid h3,
.about-philosophy__grid h3 {
  margin: 2rem 0 .8rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 2.3rem;
  font-weight: 400;
}

.studio-steps__grid p {
  color: rgba(255,255,255,.62);
}

.studio-texture {
  padding: 9rem 0;
}

.studio-texture__heading {
  max-width: 760px;
  margin-bottom: 4rem;
}

.studio-texture__heading > p:last-child {
  max-width: 690px;
  color: #675f57;
}

.studio-texture__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.studio-texture__grid figure {
  margin: 0;
}

.studio-texture__grid img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.studio-texture__grid figcaption {
  padding-top: .8rem;
  color: #6f655d;
  font-family: "Inter", sans-serif;
  font-size: .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.studio-quote {
  padding: 10rem 0;
  background: #e8ddcc;
  text-align: center;
}

.studio-quote blockquote {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.7rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .98;
}

.studio-quote p {
  margin: 2rem 0 0;
  color: #9a4e27;
  font-family: "Inter", sans-serif;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .22em;
}

.studio-next {
  padding: 8.5rem 0;
}

.studio-next__grid,
.about-method__grid {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: clamp(3rem, 9vw, 9rem);
  align-items: end;
}

.studio-next__grid > div:last-child {
  max-width: 590px;
}

.about-story__grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: clamp(3rem, 9vw, 9rem);
  align-items: center;
}

.about-story__portrait img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.about-story__lead {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.65rem;
  line-height: 1.35;
}

.about-philosophy {
  padding: 8.5rem 0;
  background: #e8ddcc;
}

.about-philosophy__heading {
  max-width: 700px;
  margin-bottom: 4rem;
}

.about-philosophy__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(23,21,19,.18);
}

.about-philosophy__grid article {
  min-height: 320px;
  padding: 2.3rem;
  background: #e8ddcc;
}

.about-philosophy__grid p {
  color: #665d55;
}

.about-road {
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  min-height: 760px;
}

.about-road__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-road__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem);
  background: #181715;
  color: #fff;
}

.about-road__copy p:not(.section-label) {
  color: rgba(255,255,255,.67);
}

.about-method {
  padding: 9rem 0;
}

.about-portrait-wide {
  position: relative;
  min-height: 78vh;
  overflow: hidden;
}

.about-portrait-wide > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-portrait-wide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(7,7,6,.84), rgba(7,7,6,.05) 70%);
}

.about-portrait-wide__caption {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 5rem;
  width: min(calc(100% - 3rem), 1000px);
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
}

.about-portrait-wide blockquote {
  margin: 1rem 0 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .96;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1040px) {
  .studio-intro__grid,
  .about-story__grid,
  .studio-next__grid,
  .about-method__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .studio-steps__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .studio-texture__grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-road {
    grid-template-columns: 1fr;
  }

  .about-road__image {
    min-height: 620px;
  }
}

@media (max-width: 720px) {
  .studio-hero,
  .about-hero {
    min-height: 760px;
  }

  .studio-hero__shade,
  .about-hero__shade {
    background: linear-gradient(0deg, rgba(8,7,6,.96), rgba(8,7,6,.12) 70%);
  }

  .studio-hero__content,
  .about-hero__content {
    margin-left: 0;
    padding-bottom: 4.5rem;
  }

  .studio-hero h1,
  .about-hero h1 {
    font-size: clamp(3.7rem, 16vw, 5.7rem);
  }

  .studio-intro,
  .studio-texture,
  .studio-next,
  .about-story,
  .about-philosophy,
  .about-method {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .studio-film__caption {
    grid-template-columns: 1fr;
  }

  .studio-steps__grid,
  .studio-texture__grid,
  .about-philosophy__grid {
    grid-template-columns: 1fr;
  }

  .about-road__image {
    min-height: 500px;
  }

  .about-road__copy {
    padding: 4rem 1.5rem;
  }

  .about-portrait-wide {
    min-height: 680px;
  }
}


/* =========================================================
   BUILD 005 — TEN CATALOGUE ARTWORK PAGES
   ========================================================= */

.catalogue-hero {
  padding: 7.5rem 0 9rem;
}

.catalogue-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
}

.catalogue-hero__image {
  padding: 1rem;
  background: #e8ddcc;
}

.catalogue-hero__image img {
  width: 100%;
  max-height: 820px;
  object-fit: contain;
  background: #e8ddcc;
}

.catalogue-hero__copy h1 {
  margin: .7rem 0 1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3.5rem, 6.4vw, 7rem);
  font-weight: 300;
  letter-spacing: -.045em;
  line-height: .86;
}

.catalogue-hero__collection {
  color: #9d4f29;
  font-family: "Inter", sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.catalogue-hero__copy blockquote {
  margin: 2.3rem 0;
  padding-left: 1.4rem;
  border-left: 1px solid #b86434;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  font-style: italic;
  line-height: 1.25;
}

.catalogue-details {
  margin: 2rem 0;
  border-top: 1px solid rgba(23,21,19,.16);
}

.catalogue-details div {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 1rem;
  padding: .8rem 0;
  border-bottom: 1px solid rgba(23,21,19,.12);
}

.catalogue-details dt {
  font-family: "Inter", sans-serif;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.catalogue-details dd {
  margin: 0;
  color: #675f57;
}

.catalogue-story {
  padding: 9rem 0;
  background: #e8ddcc;
}

.catalogue-story__heading {
  max-width: 780px;
  margin-bottom: 4.5rem;
}

.catalogue-story__heading h2,
.catalogue-origin h2,
.catalogue-note h2,
.catalogue-related h2,
.catalogue-preview h2 {
  margin: .7rem 0 1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.catalogue-story__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(3rem, 8vw, 8rem);
}

.catalogue-story__grid article {
  font-size: 1.04rem;
}

.catalogue-story__grid article p:not(.section-label) {
  color: #5f5750;
}

.catalogue-story__grid article p + p {
  margin-top: 1.3rem;
}

.catalogue-origin {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  min-height: 720px;
  background: #181715;
  color: #fff;
}

.catalogue-origin__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalogue-origin__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem);
}

.catalogue-origin__copy p:not(.section-label) {
  color: rgba(255,255,255,.65);
}

.catalogue-note {
  padding: 9rem 0;
}

.catalogue-note__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 9vw, 9rem);
}

.catalogue-note__grid > div:last-child {
  max-width: 680px;
  font-size: 1.05rem;
}

.catalogue-related {
  padding: 8.5rem 0;
  background: #f0e8dc;
}

.catalogue-related__heading {
  max-width: 760px;
  margin-bottom: 3.5rem;
}

.catalogue-related__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.catalogue-related__card {
  display: block;
}

.catalogue-related__card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.catalogue-related__card > div {
  padding-top: 1rem;
}

.catalogue-related__card span,
.catalogue-preview__card span {
  color: #a8542b;
  font-family: "Inter", sans-serif;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .14em;
}

.catalogue-related__card h3,
.catalogue-preview__card h3 {
  margin: .35rem 0 .2rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.catalogue-related__card p,
.catalogue-preview__card p {
  margin: 0;
  color: #756c63;
  font-family: "Inter", sans-serif;
  font-size: .62rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.catalogue-next a {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 2rem;
  align-items: center;
  padding: 4rem max(1.5rem, calc((100vw - 1280px) / 2));
  background: #181715;
  color: #fff;
}

.catalogue-next span {
  color: #d77b45;
  font-family: "Inter", sans-serif;
  font-size: .63rem;
  font-weight: 600;
  letter-spacing: .16em;
}

.catalogue-next strong {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.2rem, 4vw, 4.4rem);
  font-weight: 300;
}

.catalogue-preview {
  padding: 9rem 0;
  background: #f0e8dc;
}

.catalogue-preview__heading {
  max-width: 800px;
  margin-bottom: 4rem;
}

.catalogue-preview__heading > p:last-child {
  color: #675f57;
}

.catalogue-preview__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
}

.catalogue-preview__card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.catalogue-preview__card > div {
  padding-top: .9rem;
}

.catalogue-preview__card h3 {
  font-size: 1.55rem;
}

@media (max-width: 1100px) {
  .catalogue-preview__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .catalogue-hero__grid,
  .catalogue-story__grid,
  .catalogue-note__grid {
    grid-template-columns: 1fr;
  }

  .catalogue-origin {
    grid-template-columns: 1fr;
  }

  .catalogue-origin__image {
    min-height: 600px;
  }

  .catalogue-related__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .catalogue-hero,
  .catalogue-story,
  .catalogue-note,
  .catalogue-related,
  .catalogue-preview {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .catalogue-related__grid,
  .catalogue-preview__grid {
    grid-template-columns: 1fr;
  }

  .catalogue-next a {
    grid-template-columns: 1fr auto;
    gap: 1rem;
  }

  .catalogue-next a > span:first-child {
    grid-column: 1 / -1;
  }

  .catalogue-origin__image {
    min-height: 450px;
  }
}


/* =========================================================
   BUILD 006 — JOURNEYS AND CATALOGUE MB-011 TO MB-020
   ========================================================= */

.catalogue-preview--second {
  background: #e8ddcc;
}

.journeys-hero {
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
}

.journeys-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journeys-hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,7,6,.12), rgba(8,7,6,.82) 65%, rgba(8,7,6,.95)),
    linear-gradient(0deg, rgba(8,7,6,.52), transparent 50%);
}

.journeys-hero__content {
  position: relative;
  z-index: 2;
  width: min(100%, 780px);
  margin-left: auto;
  padding: 12rem 0 7rem;
}

.journeys-hero h1 {
  margin: .7rem 0 1.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4.2rem, 8vw, 8.6rem);
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: .82;
}

.journeys-hero__content > p:not(.section-label) {
  max-width: 590px;
  color: rgba(255,255,255,.78);
  font-size: 1.1rem;
}

.journeys-intro {
  padding: 9rem 0;
}

.journeys-intro__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 9vw, 9rem);
}

.journeys-intro h2,
.journey-chapter h2 {
  margin: .7rem 0 1.3rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.journeys-intro__grid > div:last-child {
  max-width: 680px;
  font-size: 1.06rem;
}

.journey-chapter {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  min-height: 760px;
  background: #181715;
  color: #fff;
}

.journey-chapter--reverse {
  grid-template-columns: .88fr 1.12fr;
  background: #e8ddcc;
  color: #171513;
}

.journey-chapter--reverse .journey-chapter__image {
  grid-column: 2;
}

.journey-chapter--reverse .journey-chapter__copy {
  grid-column: 1;
  grid-row: 1;
}

.journey-chapter__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journey-chapter__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem);
}

.journey-chapter__copy p:not(.section-label) {
  color: rgba(255,255,255,.66);
}

.journey-chapter--reverse .journey-chapter__copy p:not(.section-label) {
  color: #625950;
}

.journey-chapter .text-link {
  margin-top: 1.2rem;
}

.journeys-closing {
  padding: 10rem 0;
  text-align: center;
}

.journeys-closing blockquote {
  max-width: 1000px;
  margin: 1rem auto 2.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .96;
}

@media (max-width: 980px) {
  .journeys-intro__grid {
    grid-template-columns: 1fr;
  }

  .journey-chapter,
  .journey-chapter--reverse {
    grid-template-columns: 1fr;
  }

  .journey-chapter--reverse .journey-chapter__image,
  .journey-chapter--reverse .journey-chapter__copy {
    grid-column: 1;
    grid-row: auto;
  }

  .journey-chapter__image {
    min-height: 620px;
  }
}

@media (max-width: 720px) {
  .journeys-hero {
    min-height: 760px;
  }

  .journeys-hero__shade {
    background: linear-gradient(0deg, rgba(8,7,6,.96), rgba(8,7,6,.12) 70%);
  }

  .journeys-hero__content {
    margin-left: 0;
    padding-bottom: 4.5rem;
  }

  .journeys-hero h1 {
    font-size: clamp(3.7rem, 16vw, 5.8rem);
  }

  .journeys-intro,
  .journeys-closing {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .journey-chapter__image {
    min-height: 470px;
  }

  .journey-chapter__copy {
    padding: 4rem 1.5rem;
  }
}


/* =========================================================
   BUILD 007 — JOURNAL AND CATALOGUE MB-021 TO MB-030
   ========================================================= */

.catalogue-preview--third {
  background: #f7f2ea;
}

.journal-hero {
  padding: 10rem 0 8rem;
  background: #181715;
  color: #fff;
}

.journal-hero h1 {
  max-width: 1000px;
  margin: .7rem 0 1.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4rem, 7vw, 7.8rem);
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: .84;
}

.journal-hero p:not(.section-label) {
  max-width: 650px;
  color: rgba(255,255,255,.66);
  font-size: 1.08rem;
}

.journal-feature {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  min-height: 760px;
  background: #e8ddcc;
}

.journal-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journal-feature__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem);
}

.journal-feature h2,
.journal-card h2 {
  margin: .65rem 0 1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.7rem, 4.6vw, 5rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .95;
}

.journal-feature__copy p:not(.section-label) {
  color: #625950;
}

.journal-grid-section {
  padding: 9rem 0;
}

.journal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.journal-card {
  background: #f0e8dc;
}

.journal-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.journal-card > div {
  padding: 2.2rem;
}

.journal-card h2 {
  font-size: clamp(2.2rem, 3.6vw, 3.8rem);
}

.journal-card p:not(.section-label) {
  color: #665d55;
}

.journal-card a {
  color: #a8542b;
  font-family: "Inter", sans-serif;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.journal-card--text {
  display: flex;
  align-items: center;
  min-height: 100%;
  background: #181715;
  color: #fff;
}

.journal-card--text p:not(.section-label) {
  color: rgba(255,255,255,.65);
}

.journal-quote {
  padding: 10rem 0;
  background: #e8ddcc;
  text-align: center;
}

.journal-quote blockquote {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .97;
}

.journal-quote p {
  margin-top: 2rem;
  color: #9a4e27;
  font-family: "Inter", sans-serif;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .22em;
}

@media (max-width: 900px) {
  .journal-feature {
    grid-template-columns: 1fr;
  }

  .journal-feature__image {
    min-height: 600px;
  }
}

@media (max-width: 720px) {
  .journal-hero {
    padding-top: 8rem;
    padding-bottom: 5rem;
  }

  .journal-feature__image {
    min-height: 470px;
  }

  .journal-feature__copy {
    padding: 4rem 1.5rem;
  }

  .journal-grid-section,
  .journal-quote {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .journal-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   BUILD 008 — COLLECTORS AND CATALOGUE MB-031 TO MB-040
   ========================================================= */

.catalogue-preview--fourth {
  background: #e8ddcc;
}

.collectors-hero {
  position: relative;
  min-height: 90vh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
}

.collectors-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collectors-hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,7,6,.1), rgba(8,7,6,.82) 64%, rgba(8,7,6,.95)),
    linear-gradient(0deg, rgba(8,7,6,.48), transparent 50%);
}

.collectors-hero__content {
  position: relative;
  z-index: 2;
  width: min(100%, 800px);
  margin-left: auto;
  padding: 12rem 0 7rem;
}

.collectors-hero h1 {
  margin: .7rem 0 1.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4rem, 8vw, 8.4rem);
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: .83;
}

.collectors-hero__content > p:not(.section-label) {
  max-width: 600px;
  color: rgba(255,255,255,.78);
  font-size: 1.1rem;
}

.collectors-intro,
.collectors-commission {
  padding: 9rem 0;
}

.collectors-intro__grid,
.collectors-commission__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(3rem, 9vw, 9rem);
}

.collectors-intro h2,
.collectors-commission h2,
.collectors-feature h2,
.collectors-confidence h2 {
  margin: .7rem 0 1.3rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.collectors-intro__grid > div:last-child,
.collectors-commission__grid > div:last-child {
  max-width: 680px;
  font-size: 1.05rem;
}

.collectors-services {
  padding: 8rem 0;
  background: #181715;
  color: #fff;
}

.collectors-services__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.15);
}

.collectors-services article {
  min-height: 300px;
  padding: 2.2rem;
  background: #181715;
}

.collectors-services span {
  color: #d77b45;
  font-family: "Inter", sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .17em;
}

.collectors-services h3 {
  margin: 2rem 0 .8rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 2.4rem;
  font-weight: 400;
}

.collectors-services p {
  color: rgba(255,255,255,.62);
}

.collectors-feature {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  min-height: 760px;
  background: #e8ddcc;
}

.collectors-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collectors-feature__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem);
}

.collectors-feature__copy p:not(.section-label) {
  color: #625950;
}

.collectors-confidence {
  padding: 8.5rem 0;
  background: #f0e8dc;
}

.collectors-confidence__heading {
  max-width: 720px;
  margin-bottom: 3rem;
}

.collectors-accordion {
  border-top: 1px solid rgba(23,21,19,.18);
}

.collectors-accordion details {
  border-bottom: 1px solid rgba(23,21,19,.18);
}

.collectors-accordion summary {
  padding: 1.5rem 0;
  cursor: pointer;
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  list-style: none;
}

.collectors-accordion summary::-webkit-details-marker {
  display: none;
}

.collectors-accordion summary::after {
  content: "+";
  float: right;
  color: #a8542b;
}

.collectors-accordion details[open] summary::after {
  content: "−";
}

.collectors-accordion details p {
  max-width: 760px;
  padding: 0 0 1.5rem;
  color: #625950;
}

.collectors-closing {
  padding: 10rem 0;
  background: #181715;
  color: #fff;
  text-align: center;
}

.collectors-closing blockquote {
  max-width: 1000px;
  margin: 1rem auto 2.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .96;
}

@media (max-width: 980px) {
  .collectors-intro__grid,
  .collectors-commission__grid {
    grid-template-columns: 1fr;
  }

  .collectors-services__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .collectors-feature {
    grid-template-columns: 1fr;
  }

  .collectors-feature__image {
    min-height: 620px;
  }
}

@media (max-width: 720px) {
  .collectors-hero {
    min-height: 760px;
  }

  .collectors-hero__shade {
    background: linear-gradient(0deg, rgba(8,7,6,.96), rgba(8,7,6,.12) 70%);
  }

  .collectors-hero__content {
    margin-left: 0;
    padding-bottom: 4.5rem;
  }

  .collectors-hero h1 {
    font-size: clamp(3.7rem, 16vw, 5.8rem);
  }

  .collectors-intro,
  .collectors-commission,
  .collectors-confidence,
  .collectors-closing {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .collectors-services__grid {
    grid-template-columns: 1fr;
  }

  .collectors-feature__image {
    min-height: 470px;
  }

  .collectors-feature__copy {
    padding: 4rem 1.5rem;
  }
}


/* =========================================================
   BUILD 009 — COMPLETE 44-WORK ARCHIVE AND CONTACT
   ========================================================= */

.catalogue-preview--studies {
  background: #f0e8dc;
}

.catalogue-preview__grid--four {
  grid-template-columns: repeat(4, 1fr);
}

.contact-hero {
  position: relative;
  min-height: 78vh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
}

.contact-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,7,6,.1), rgba(8,7,6,.8) 65%, rgba(8,7,6,.94)),
    linear-gradient(0deg, rgba(8,7,6,.48), transparent 50%);
}

.contact-hero__content {
  position: relative;
  z-index: 2;
  width: min(100%, 760px);
  margin-left: auto;
  padding: 11rem 0 6rem;
}

.contact-hero h1 {
  margin: .7rem 0 1.2rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(4rem, 8vw, 8rem);
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: .84;
}

.contact-hero__content > p:not(.section-label) {
  max-width: 590px;
  color: rgba(255,255,255,.78);
  font-size: 1.08rem;
}

.contact-main {
  padding: 9rem 0;
}

.contact-main__grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(3rem, 9vw, 9rem);
  align-items: start;
}

.contact-main h2 {
  margin: .7rem 0 1.2rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 5.2vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.contact-details {
  margin-top: 2.5rem;
  border-top: 1px solid rgba(23,21,19,.16);
}

.contact-details div {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(23,21,19,.13);
}

.contact-details span {
  color: #a8542b;
  font-family: "Inter", sans-serif;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.contact-details strong {
  font-weight: 400;
}

.contact-form {
  display: grid;
  gap: 1rem;
}

.contact-form label {
  display: grid;
  gap: .45rem;
  color: #756b62;
  font-family: "Inter", sans-serif;
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(23,21,19,.2);
  background: #fff;
  color: #171513;
  font-family: "Inter", sans-serif;
  font-size: .95rem;
  letter-spacing: 0;
  text-transform: none;
}

.contact-form textarea {
  resize: vertical;
}

.contact-form .button {
  justify-self: start;
  margin-top: .5rem;
}

.contact-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.contact-panels article {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  color: #fff;
}

.contact-panels img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-panels article::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(8,7,6,.88), rgba(8,7,6,.08) 70%);
}

.contact-panels article > div {
  position: absolute;
  z-index: 2;
  left: clamp(2rem, 5vw, 5rem);
  right: clamp(2rem, 5vw, 5rem);
  bottom: clamp(2rem, 5vw, 5rem);
}

.contact-panels h2 {
  max-width: 570px;
  margin: .7rem 0 1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.7rem, 4.6vw, 5rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .94;
}

.contact-panels a {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.contact-closing {
  padding: 10rem 0;
  background: #e8ddcc;
  text-align: center;
}

.contact-closing blockquote {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: .96;
}

@media (max-width: 900px) {
  .catalogue-preview__grid--four {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-main__grid {
    grid-template-columns: 1fr;
  }

  .contact-panels {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .catalogue-preview__grid--four {
    grid-template-columns: 1fr;
  }

  .contact-hero {
    min-height: 720px;
  }

  .contact-hero__shade {
    background: linear-gradient(0deg, rgba(8,7,6,.96), rgba(8,7,6,.12) 70%);
  }

  .contact-hero__content {
    margin-left: 0;
    padding-bottom: 4.5rem;
  }

  .contact-main,
  .contact-closing {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .contact-panels article {
    min-height: 520px;
  }
}


/* VERSION 5 */
.site-header--overlay{position:absolute;inset:0 0 auto;z-index:40;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}
.text-link--light{color:#fff}
.v5-hero{position:relative;min-height:100vh;display:grid;align-items:end;overflow:hidden;color:#fff;background:#111}
.v5-hero__painting,.v5-hero__shade{position:absolute;inset:0}
.v5-hero__painting img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:v5HeroDrift 14s ease-out forwards}
@keyframes v5HeroDrift{to{transform:scale(1.08)}}
.v5-hero__shade{background:linear-gradient(90deg,rgba(7,6,5,.08),rgba(7,6,5,.68) 60%,rgba(7,6,5,.92)),linear-gradient(0deg,rgba(7,6,5,.55),transparent 54%)}
.v5-hero__content{position:relative;z-index:2;width:min(100%,790px);margin-left:auto;padding:12rem 0 7rem}
.v5-hero h1{margin:.7rem 0 1.4rem;font-family:"Cormorant Garamond",serif;font-size:clamp(4.2rem,8vw,8.7rem);font-weight:300;letter-spacing:-.055em;line-height:.82}
.v5-hero__content>p:not(.section-label){max-width:620px;color:rgba(255,255,255,.8);font-size:1.12rem}
.v5-hero__actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}
.v5-scroll-cue{position:absolute;z-index:2;left:2rem;bottom:2rem;color:rgba(255,255,255,.68);font-family:"Inter",sans-serif;font-size:.61rem;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}
.v5-intro,.v5-feature,.v5-selected,.v5-philosophy,.v5-closing{padding:9rem 0}
.v5-intro__grid,.v5-closing__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,9vw,9rem)}
.v5-intro h2,.v5-feature h2,.v5-selected h2,.v5-journey h2,.v5-pathway h2,.v5-closing h2{margin:.7rem 0 1.2rem;font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,5.2vw,5.9rem);font-weight:300;letter-spacing:-.045em;line-height:.93}
.v5-intro__lead{font-family:"Cormorant Garamond",serif;font-size:1.7rem;line-height:1.3}
.v5-intro__grid>div:last-child{max-width:680px}
.v5-feature{background:#e8ddcc}
.v5-feature__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.v5-feature__image{padding:1rem;background:#f6f0e7}
.v5-feature__image img{width:100%;max-height:830px;object-fit:contain}
.v5-feature__copy blockquote{margin:2rem 0;padding-left:1.3rem;border-left:1px solid #b86434;font-family:"Cormorant Garamond",serif;font-size:1.8rem;font-style:italic;line-height:1.25}
.v5-selected__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:4rem}
.v5-selected__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.v5-work-card img{aspect-ratio:1/1;object-fit:cover}.v5-work-card>div{padding-top:1rem}
.v5-work-card span{color:#a8542b;font-family:"Inter",sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.14em}
.v5-work-card h3{margin:.35rem 0 .2rem;font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:400;line-height:1}
.v5-work-card p{margin:0;color:#766d64;font-family:"Inter",sans-serif;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.v5-journey{display:grid;grid-template-columns:1.08fr .92fr;min-height:780px;background:#181715;color:#fff}
.v5-journey__image img{width:100%;height:100%;object-fit:cover}
.v5-journey__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem)}
.v5-journey__copy p:not(.section-label){color:rgba(255,255,255,.66)}
.v5-philosophy{background:#f0e8dc;text-align:center}
.v5-philosophy blockquote{max-width:1000px;margin:0 auto;font-family:"Cormorant Garamond",serif;font-size:clamp(2.9rem,5vw,5.9rem);font-weight:300;letter-spacing:-.045em;line-height:.96}
.v5-philosophy p{margin-top:2rem;color:#9a4e27;font-family:"Inter",sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.22em}
.v5-pathways{display:grid;grid-template-columns:1fr 1fr}
.v5-pathway{position:relative;min-height:680px;overflow:hidden;color:#fff}
.v5-pathway img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.v5-pathway::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,6,.9),rgba(7,7,6,.08) 72%)}
.v5-pathway:hover img{transform:scale(1.035)}
.v5-pathway>div{position:absolute;z-index:2;left:clamp(2rem,5vw,5rem);right:clamp(2rem,5vw,5rem);bottom:clamp(2rem,5vw,5rem)}
.v5-pathway h2{max-width:600px}
.v5-pathway span{font-family:"Inter",sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.v5-closing{background:#e8ddcc}.v5-closing__grid>div:last-child{max-width:590px}
[data-zoomable]{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:3rem;background:rgba(7,7,6,.96)}
.lightbox[hidden]{display:none}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}
.lightbox__close{position:absolute;top:1rem;right:1.4rem;border:0;background:transparent;color:#fff;font-size:2.2rem;cursor:pointer}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:980px){.v5-intro__grid,.v5-feature__grid,.v5-closing__grid{grid-template-columns:1fr}.v5-selected__grid{grid-template-columns:repeat(2,1fr)}.v5-journey{grid-template-columns:1fr}.v5-journey__image{min-height:620px}.v5-pathways{grid-template-columns:1fr}}
@media(max-width:720px){.v5-hero{min-height:780px}.v5-hero__shade{background:linear-gradient(0deg,rgba(7,6,5,.96),rgba(7,6,5,.1) 70%)}.v5-hero__content{margin-left:0;padding-bottom:5rem}.v5-hero h1{font-size:clamp(3.7rem,16vw,5.8rem)}.v5-hero__actions{align-items:flex-start;flex-direction:column}.v5-scroll-cue{display:none}.v5-intro,.v5-feature,.v5-selected,.v5-philosophy,.v5-closing{padding-top:5.5rem;padding-bottom:5.5rem}.v5-selected__heading{align-items:flex-start;flex-direction:column}.v5-selected__grid{grid-template-columns:1fr}.v5-journey__image{min-height:470px}.v5-journey__copy{padding:4rem 1.5rem}.v5-pathway{min-height:560px}.lightbox{padding:1rem}}

/* VERSION 6 — PRINTS & EDITIONS */
.prints-hero{padding:10rem 0 8rem;background:#181715;color:#fff}.prints-hero h1{max-width:1000px;margin:.7rem 0 1.4rem;font-family:"Cormorant Garamond",serif;font-size:clamp(4rem,7.5vw,8rem);font-weight:300;letter-spacing:-.05em;line-height:.84}.prints-hero p:not(.section-label){max-width:680px;color:rgba(255,255,255,.67);font-size:1.08rem}
.prints-intro,.edition-collection,.edition-process{padding:9rem 0}.prints-intro__grid,.edition-process__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,9vw,9rem)}
.prints-intro h2,.edition-collection h2,.edition-process h2,.artwork-editions h2{margin:.7rem 0 1.2rem;font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,5.2vw,5.8rem);font-weight:300;letter-spacing:-.04em;line-height:.94}
.edition-tiers{padding:8rem 0;background:#e8ddcc}.edition-tiers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,21,19,.16)}.edition-tiers article{min-height:300px;padding:2.2rem;background:#e8ddcc}.edition-tiers span{color:#a8542b;font-family:"Inter",sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.16em}.edition-tiers h3{margin:2rem 0 .8rem;font-family:"Cormorant Garamond",serif;font-size:2.4rem;font-weight:400}
.edition-collection__heading{max-width:800px;margin-bottom:4rem}.edition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.edition-card{background:#f0e8dc}.edition-card__image img{width:100%;aspect-ratio:1/1;object-fit:cover}.edition-card__copy{padding:2rem}.edition-card h2{font-size:clamp(2.4rem,4vw,4rem)}.edition-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.edition-card__meta span{padding:.5rem .7rem;border:1px solid rgba(23,21,19,.18);font-family:"Inter",sans-serif;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
.edition-process{background:#f0e8dc}.edition-process ol{margin:0;padding:0;list-style:none}.edition-process li{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;padding:1.2rem 0;border-bottom:1px solid rgba(23,21,19,.16)}.edition-process strong{font-family:"Cormorant Garamond",serif;font-size:1.8rem;font-weight:400}
.edition-note{padding:10rem 0;background:#181715;color:#fff;text-align:center}.edition-note blockquote{max-width:1000px;margin:0 auto;font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:300;letter-spacing:-.04em;line-height:.96}.edition-note p{margin-top:2rem;color:#d77b45;font-family:"Inter",sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.22em}
.artwork-editions{padding:9rem 0;background:#e8ddcc}.artwork-editions__heading{max-width:800px;margin-bottom:4rem}.artwork-editions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.edition-option{padding:2rem;background:#f7f2ea}.edition-option--premium{background:#181715;color:#fff}.edition-option h3{margin:.7rem 0 1.2rem;font-family:"Cormorant Garamond",serif;font-size:2.4rem;font-weight:400}.edition-option label{display:grid;gap:.5rem;margin:1.3rem 0;color:#756b62;font-family:"Inter",sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.edition-option select{padding:.85rem;border:1px solid rgba(23,21,19,.2);background:#fff}
@media(max-width:900px){.prints-intro__grid,.edition-process__grid{grid-template-columns:1fr}.edition-tiers__grid,.artwork-editions__grid{grid-template-columns:1fr}.edition-grid{grid-template-columns:1fr}}


/* VERSION 7 — SEO, ACCESSIBILITY AND PERFORMANCE */
.skip-link{position:fixed;top:-60px;left:1rem;z-index:2000;padding:.85rem 1rem;background:#fff;color:#171513;font-family:"Inter",sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:top .2s ease}
.skip-link:focus{top:1rem}
:focus-visible{outline:2px solid #b86434;outline-offset:4px}
.seo-checklist{padding:6rem 0;background:#f7f2ea;min-height:100vh}
.seo-checklist h1{margin:.7rem 0 1rem;font-family:"Cormorant Garamond",serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:300;letter-spacing:-.05em;line-height:.9}
.seo-checklist__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}
.seo-checklist__grid article{padding:2rem;background:#fff}
.seo-checklist__grid span{color:#a8542b;font-family:"Inter",sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.14em}
.seo-checklist__grid h2{margin:.8rem 0;font-family:"Cormorant Garamond",serif;font-size:2.3rem;font-weight:400}
.seo-checklist code{font-size:.85em}
@media(max-width:720px){.seo-checklist__grid{grid-template-columns:1fr}}


/* =========================================================
   VERSION 7.1 — SPACING & READING POLISH
   Adds consistent horizontal breathing room sitewide.
   ========================================================= */

:root {
  --site-gutter: clamp(1.5rem, 4.5vw, 4.75rem);
  --content-max: 1280px;
  --reading-max: 720px;
}

/* Global container reset */
.container {
  width: min(calc(100% - (var(--site-gutter) * 2)), var(--content-max));
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: 0;
}

/* Prevent long prose from running too wide */
p,
li,
dd {
  line-height: 1.7;
}

.catalogue-hero__copy,
.catalogue-introduction__copy,
.collection-introduction__copy,
.studio-intro__grid > div:last-child,
.about-story__copy,
.about-method__grid > div:last-child,
.journeys-intro__grid > div:last-child,
.journey-chapter__copy,
.collectors-intro__grid > div:last-child,
.collectors-commission__grid > div:last-child,
.contact-main__copy,
.v5-intro__grid > div:last-child,
.v5-closing__grid > div:last-child,
.prints-intro__grid > div:last-child,
.edition-process__grid > div:last-child {
  max-width: var(--reading-max);
}

/* Extra right-side safety on all split layouts */
.collection-hero__content,
.studio-hero__content,
.about-hero__content,
.journeys-hero__content,
.collectors-hero__content,
.contact-hero__content,
.v5-hero__content {
  padding-right: clamp(1rem, 2.5vw, 2.5rem);
}

/* Improve major text blocks */
.editorial-work__copy,
.collection-card__copy,
.catalogue-hero__copy,
.catalogue-origin__copy,
.about-road__copy,
.journey-chapter__copy,
.collectors-feature__copy,
.contact-panels article > div,
.v5-journey__copy,
.v5-pathway > div {
  padding-right: clamp(1rem, 2vw, 2rem);
}

/* Give hero and full-width sections cleaner internal margins */
.site-header .container,
.site-footer .container,
.collection-hero .container,
.studio-hero .container,
.about-hero .container,
.journeys-hero .container,
.collectors-hero .container,
.contact-hero .container,
.v5-hero .container {
  width: min(calc(100% - (var(--site-gutter) * 2)), var(--content-max));
}

/* More generous article spacing */
.catalogue-story__grid,
.collection-introduction__grid,
.studio-intro__grid,
.about-story__grid,
.about-method__grid,
.journeys-intro__grid,
.collectors-intro__grid,
.collectors-commission__grid,
.contact-main__grid,
.v5-intro__grid,
.v5-closing__grid,
.prints-intro__grid,
.edition-process__grid {
  column-gap: clamp(3.5rem, 8vw, 8rem);
}

/* Footer breathing room */
.site-footer__grid {
  column-gap: clamp(2.5rem, 5vw, 5.5rem);
}

.site-footer__grid > div:last-child {
  padding-right: clamp(.5rem, 1.5vw, 1.5rem);
}

/* Desktop reading comfort */
@media (min-width: 1200px) {
  .collection-hero__content,
  .studio-hero__content,
  .about-hero__content,
  .journeys-hero__content,
  .collectors-hero__content,
  .contact-hero__content,
  .v5-hero__content {
    max-width: 760px;
  }

  .catalogue-hero__copy,
  .editorial-work__copy,
  .collection-invitation__grid > div:last-child,
  .studio-next__grid > div:last-child,
  .contact-main__copy {
    padding-right: 2rem;
  }
}

/* Tablet */
@media (max-width: 1040px) {
  :root {
    --site-gutter: clamp(1.4rem, 4vw, 2.5rem);
  }

  .container {
    width: min(calc(100% - (var(--site-gutter) * 2)), var(--content-max));
  }

  .collection-hero__content,
  .studio-hero__content,
  .about-hero__content,
  .journeys-hero__content,
  .collectors-hero__content,
  .contact-hero__content,
  .v5-hero__content {
    padding-right: 0;
  }
}

/* Mobile */
@media (max-width: 720px) {
  :root {
    --site-gutter: 1.5rem;
  }

  .container,
  .site-header .container,
  .site-footer .container,
  .collection-hero .container,
  .studio-hero .container,
  .about-hero .container,
  .journeys-hero .container,
  .collectors-hero .container,
  .contact-hero .container,
  .v5-hero .container {
    width: calc(100% - 3rem);
  }

  .editorial-work__copy,
  .collection-card__copy,
  .catalogue-hero__copy,
  .catalogue-origin__copy,
  .about-road__copy,
  .journey-chapter__copy,
  .collectors-feature__copy,
  .contact-panels article > div,
  .v5-journey__copy,
  .v5-pathway > div {
    padding-right: 0;
  }

  .site-footer__grid > div:last-child {
    padding-right: 0;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  :root {
    --site-gutter: 1.2rem;
  }

  .container,
  .site-header .container,
  .site-footer .container,
  .collection-hero .container,
  .studio-hero .container,
  .about-hero .container,
  .journeys-hero .container,
  .collectors-hero .container,
  .contact-hero .container,
  .v5-hero .container {
    width: calc(100% - 2.4rem);
  }
}


/* =========================================================
   VERSION 7.2 — TRUE SITEWIDE MARGINS
   Corrects both legacy .shell layouts and newer .container layouts.
   ========================================================= */

:root {
  --page-gutter: clamp(2rem, 7vw, 6rem);
  --page-max: 1180px;
  --reading-width: 680px;

  /* The original homepage and several early sections use .shell */
  --shell: min(var(--page-max), calc(100vw - (var(--page-gutter) * 2)));
}

/* Both layout systems now use the same, visibly wider margins */
.shell,
.container {
  width: min(var(--page-max), calc(100% - (var(--page-gutter) * 2))) !important;
  max-width: var(--page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Comfortable line lengths for all major copy areas */
.section-copy,
.hero-copy,
.collection-hero__content p,
.collection-introduction__copy,
.editorial-work__copy,
.collection-card__copy,
.catalogue-hero__copy,
.catalogue-story__grid article,
.catalogue-origin__copy,
.catalogue-note__grid > div:last-child,
.studio-intro__grid > div:last-child,
.studio-film__caption p:last-child,
.studio-texture__heading,
.about-story__copy,
.about-road__copy,
.about-method__grid > div:last-child,
.journeys-intro__grid > div:last-child,
.journey-chapter__copy,
.collectors-intro__grid > div:last-child,
.collectors-feature__copy,
.collectors-commission__grid > div:last-child,
.contact-main__copy,
.contact-form,
.v5-intro__grid > div:last-child,
.v5-feature__copy,
.v5-journey__copy,
.v5-closing__grid > div:last-child,
.prints-intro__grid > div:last-child,
.edition-process__grid > div:last-child,
.artwork-editions__heading {
  max-width: var(--reading-width);
}

/* Full-bleed split sections need their own internal padding */
.about-road__copy,
.journey-chapter__copy,
.catalogue-origin__copy,
.collectors-feature__copy,
.v5-journey__copy {
  padding-left: clamp(3rem, 6vw, 6rem) !important;
  padding-right: clamp(3rem, 6vw, 6rem) !important;
}

/* Text sitting over large hero images */
.hero-content,
.collection-hero__content,
.studio-hero__content,
.about-hero__content,
.journeys-hero__content,
.collectors-hero__content,
.contact-hero__content,
.v5-hero__content {
  box-sizing: border-box;
  padding-left: clamp(1.5rem, 3vw, 3rem) !important;
  padding-right: clamp(1.5rem, 3vw, 3rem) !important;
}

/* Cards and panels should not feel cramped */
.philosophy-word,
.edition-card__copy,
.edition-option,
.collectors-services article,
.about-philosophy__grid article,
.studio-steps__grid article,
.journal-card > div,
.seo-checklist__grid article {
  padding-left: clamp(2rem, 3vw, 3rem);
  padding-right: clamp(2rem, 3vw, 3rem);
}

/* Give footer copy genuine breathing room */
.site-footer {
  padding-left: 0;
  padding-right: 0;
}

.footer-grid,
.site-footer__grid {
  column-gap: clamp(3rem, 6vw, 6rem);
}

/* Headings and paragraphs should not touch viewport edges in any special section */
.section-heading,
.collection-toolbar,
.collection-room,
.collection-invitation__grid,
.studio-next__grid,
.about-philosophy__heading,
.catalogue-related__heading,
.catalogue-preview__heading,
.journal-feature__copy,
.collectors-confidence__heading,
.contact-panels article > div,
.v5-selected__heading,
.edition-collection__heading {
  box-sizing: border-box;
}

/* Desktop: intentionally generous gallery margins */
@media (min-width: 1200px) {
  :root {
    --page-gutter: clamp(5rem, 8vw, 8rem);
    --page-max: 1160px;
  }

  .hero-content,
  .collection-hero__content,
  .studio-hero__content,
  .about-hero__content,
  .journeys-hero__content,
  .collectors-hero__content,
  .contact-hero__content,
  .v5-hero__content {
    width: min(700px, 100%) !important;
  }
}

/* Tablet */
@media (max-width: 1040px) {
  :root {
    --page-gutter: clamp(2rem, 5vw, 3.5rem);
  }

  .about-road__copy,
  .journey-chapter__copy,
  .catalogue-origin__copy,
  .collectors-feature__copy,
  .v5-journey__copy {
    padding-left: clamp(2rem, 5vw, 3.5rem) !important;
    padding-right: clamp(2rem, 5vw, 3.5rem) !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  :root {
    --page-gutter: 1.5rem;
  }

  .shell,
  .container {
    width: calc(100% - 3rem) !important;
  }

  .hero-content,
  .collection-hero__content,
  .studio-hero__content,
  .about-hero__content,
  .journeys-hero__content,
  .collectors-hero__content,
  .contact-hero__content,
  .v5-hero__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .about-road__copy,
  .journey-chapter__copy,
  .catalogue-origin__copy,
  .collectors-feature__copy,
  .v5-journey__copy {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
}

/* Small phones still retain a real buffer */
@media (max-width: 390px) {
  :root {
    --page-gutter: 1.25rem;
  }

  .shell,
  .container {
    width: calc(100% - 2.5rem) !important;
  }
}