/*
Formatted for readability.
Original stylesheet content preserved; only whitespace/line breaks were changed.

Quick structure:
1. Tailwind generated layers
2. Theme variables (:root)
3. Global/base styles
4. Header / navigation / buttons
5. Hero sections
6. Impact / offers / manifesto / process
7. Community / FAQ / CTA / footer
8. Pickup modal
9. Page-specific sections
10. Responsive media queries
11. Minimal-home / about-page styles
*/

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after {
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial
    }

    ::backdrop {
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial
    }

  }

}

@layer theme {
  :root,:host {
    --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing:.25rem;
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }

}

@layer base {
  *,:after,:before {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  ::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }

  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }

  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }

  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }

  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }

  b,strong {
    font-weight:bolder
  }

  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }

  small {
    font-size:80%
  }

  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }

  sub {
    bottom:-.25em
  }

  sup {
    top:-.5em
  }

  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }

  :-moz-focusring {
    outline:auto
  }

  progress {
    vertical-align:baseline
  }

  summary {
    display:list-item
  }

  ol,ul,menu {
    list-style:none
  }

  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }

  img,video {
    max-width:100%;
    height:auto
  }

  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }

  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }

  ::file-selector-button {
    margin-inline-end:4px
  }

  ::placeholder {
    opacity:1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color:color-mix(in oklab, currentcolor 50%, transparent)
      }

    }

  }

  textarea {
    resize:vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance:none
  }

  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }

  ::-webkit-datetime-edit {
    display:inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }

  ::-webkit-datetime-edit {
    padding-block:0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }

  ::-webkit-calendar-picker-indicator {
    line-height:1
  }

  :-moz-ui-invalid {
    box-shadow:none
  }

  button,input:where([type=button],[type=reset],[type=submit]) {
    -webkit-appearance:button;
    appearance:button
  }

  ::file-selector-button {
    -webkit-appearance:button;
    appearance:button
  }

  ::-webkit-inner-spin-button {
    height:auto
  }

  ::-webkit-outer-spin-button {
    height:auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }

}

@layer components;
@layer utilities {
  .start {
    inset-inline-start:var(--spacing)
  }

  .hidden {
    display:none
  }

  .transform {
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }

  .antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }

}

:root {
  --cream:#f0ede5;
  --paper:#fbfaf6;
  --ink:#1c1d1b;
  --green:#28382f;
  --lime:#d8f06a;
  --coral:#f1755b;
  --line:#1c1d1b2b
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-geist), Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  margin:0
}

a {
  color:inherit;
  text-decoration:none
}

button,a {
  -webkit-tap-highlight-color:transparent
}

main {
  overflow:hidden
}

.motion-ready .reveal-section>* {
  opacity:0;
  will-change:opacity, transform;
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);
  transform:translateY(24px)
}

.motion-ready .reveal-section.is-visible>* {
  opacity:1;
  transform:translate(0)
}

.motion-ready .reveal-section.is-visible>:nth-child(2) {
  transition-delay:80ms
}

.motion-ready .reveal-section.is-visible>:nth-child(3) {
  transition-delay:.16s
}

.motion-ready .reveal-section.is-visible>:nth-child(4) {
  transition-delay:.22s
}

.motion-ready .reveal-section.is-visible>:nth-child(n+5) {
  transition-delay:.28s
}

.site-header {
  border-bottom:1px solid var(--line);
  z-index:5;
  justify-content:space-between;
  align-items:center;
  width:min(100% - 56px,1400px);
  height:88px;
  margin:0 auto;
  display:flex;
  position:relative
}

.brand {
  letter-spacing:-.02em;
  align-items:center;
  gap:11px;
  font-size:14px;
  font-weight:720;
  display:inline-flex
}

.wordmark {
  letter-spacing:-.075em;
  gap:0;
  font-size:17px;
  font-weight:850
}

.wordmark span {
  color:var(--coral)
}

.wordmark small {
  letter-spacing:.03em;
  color:var(--ink);
  align-self:flex-start;
  margin-left:3px;
  padding-top:1px;
  font-size:7px
}

.brand-mark {
  background:var(--ink);
  width:34px;
  height:34px;
  color:var(--lime);
  letter-spacing:-.08em;
  border-radius:50%;
  place-items:center;
  font-size:11px;
  display:grid
}

.nav {
  gap:34px;
  font-size:13px;
  display:flex
}

.nav a,footer nav a {
  transition:opacity .2s
}

.nav a:hover,footer nav a:hover {
  opacity:.55
}

.button {
  background:var(--coral);
  color:#122b25;
  cursor:pointer;
  border:1px solid #0000;
  border-radius:100px;
  justify-content:center;
  align-items:center;
  gap:22px;
  min-height:54px;
  padding:0 23px;
  font-family:inherit;
  font-size:14px;
  font-weight:750;
  transition:transform .2s,box-shadow .2s;
  display:inline-flex
}

.button:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 25px #502e2324
}

.button:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:4px
}

a:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:4px
}

summary:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:4px
}

.button-small {
  gap:12px;
  min-height:42px;
  padding:0 17px;
  font-size:12px
}

.hero {
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:65px;
  width:min(100% - 56px,1400px);
  min-height:calc(100vh - 88px);
  margin:0 auto;
  padding:90px 0 75px;
  display:grid
}

.eyebrow,.section-kicker {
  text-transform:uppercase;
  letter-spacing:.17em;
  margin:0 0 26px;
  font-size:10px;
  font-weight:750
}

.eyebrow {
  align-items:center;
  gap:10px;
  display:flex
}

.eyebrow span {
  background:currentColor;
  width:28px;
  height:1px
}

.hero h1,h2,blockquote {
  letter-spacing:-.055em;
  margin:0;
  font-weight:560;
  line-height:.96
}

.hero h1 {
  font-size:clamp(58px,6.2vw,101px)
}

em {
  font-family:Georgia,Times New Roman,serif;
  font-weight:400
}

.hero h1 em {
  color:var(--coral);
  white-space:nowrap
}

.hero-lead {
  letter-spacing:-.02em;
  color:#17352dbf;
  max-width:585px;
  margin:36px 0 0;
  font-size:18px;
  line-height:1.55
}

.hero-actions {
  align-items:center;
  gap:31px;
  margin-top:38px;
  display:flex
}

.text-link {
  border-bottom:1px solid;
  padding:12px 0;
  font-size:12px;
  font-weight:700
}

.trust-line {
  border-top:1px solid var(--line);
  text-transform:uppercase;
  letter-spacing:.06em;
  gap:32px;
  margin-top:70px;
  padding-top:20px;
  font-size:11px;
  display:flex
}

.trust-line span {
  align-items:center;
  gap:9px;
  display:flex
}

.trust-line b {
  color:var(--coral);
  font-size:9px
}

.chic-hero {
  grid-template-columns:1.13fr .87fr;
  min-height:720px;
  padding-top:70px;
  padding-bottom:70px
}

.impact-formula {
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:28px;
  justify-self:end;
  width:min(100%,500px);
  padding:18px;
  box-shadow:0 22px 55px #253a3014
}

.formula-photo {
  border-radius:17px;
  height:210px;
  overflow:hidden
}

.formula-photo img {
  object-fit:cover;
  object-position:center 52%;
  width:100%;
  height:100%
}

.formula-kicker {
  color:var(--coral);
  letter-spacing:.15em;
  margin:20px 4px 13px;
  font-size:8px;
  font-weight:800
}

.formula-row {
  border-top:1px solid var(--line);
  grid-template-columns:39px 1fr;
  align-items:center;
  gap:12px;
  min-height:67px;
  padding:12px 4px;
  display:grid
}

.formula-row>span {
  background:var(--lime);
  border-radius:50%;
  place-items:center;
  width:32px;
  height:32px;
  font-family:Georgia,serif;
  font-size:12px;
  display:grid
}

.formula-row div {
  flex-direction:column;
  gap:3px;
  display:flex
}

.formula-row b {
  font-family:Georgia,serif;
  font-size:17px;
  font-weight:400
}

.formula-row small {
  color:#1c1d1b8c;
  font-size:9px
}

.hero-visual {
  min-height:610px;
  position:relative
}

.sun-disc {
  background:var(--lime);
  border-radius:50%;
  width:470px;
  height:470px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-54%)
}

.object-card {
  border-radius:22px;
  justify-content:space-between;
  align-items:flex-end;
  width:252px;
  height:150px;
  padding:24px;
  display:flex;
  position:absolute;
  box-shadow:0 22px 55px #253a301f
}

.object-card small {
  opacity:.62;
  margin-bottom:3px;
  font-size:11px;
  display:block
}

.object-card strong {
  font-family:Georgia,serif;
  font-size:29px;
  font-weight:400
}

.object-icon {
  font-size:48px;
  line-height:.8
}

.card-shirt {
  background:#e9a18d;
  top:45px;
  right:24px;
  transform:rotate(6deg)
}

.card-bag {
  background:var(--green);
  color:#fff;
  top:225px;
  left:0;
  transform:rotate(-5deg)
}

.card-home {
  background:#f7f4ec;
  top:378px;
  right:5px;
  transform:rotate(4deg)
}

.round-note {
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.08em;
  border:1px solid #17352d66;
  border-radius:50%;
  place-content:center;
  width:135px;
  height:135px;
  padding:14px;
  font-size:10px;
  line-height:1.45;
  display:grid;
  position:absolute;
  top:190px;
  right:13px;
  transform:rotate(9deg)
}

.visual-caption {
  margin:0;
  font-family:Georgia,serif;
  font-size:14px;
  font-style:italic;
  line-height:1.45;
  position:absolute;
  bottom:0;
  left:25px
}

.chic-visual .sun-disc {
  background:var(--lime)
}

.editorial-card {
  border-radius:22px;
  flex-direction:column;
  justify-content:flex-end;
  width:280px;
  min-height:178px;
  padding:25px;
  display:flex;
  position:absolute;
  box-shadow:0 22px 55px #253a301f
}

.editorial-card span {
  letter-spacing:.17em;
  margin-bottom:auto;
  font-size:9px;
  font-weight:800
}

.editorial-card strong {
  letter-spacing:-.08em;
  font-size:46px;
  line-height:.9
}

.editorial-card small {
  opacity:.65;
  margin-top:8px
}

.card-give {
  background:var(--coral);
  top:45px;
  right:5px;
  transform:rotate(5deg)
}

.card-good {
  background:var(--green);
  color:#fff;
  top:340px;
  left:0;
  transform:rotate(-5deg)
}

.times-mark {
  z-index:2;
  background:var(--paper);
  border:1px solid #1c1d1b2b;
  border-radius:50%;
  place-items:center;
  width:112px;
  height:112px;
  font-family:Georgia,serif;
  font-size:35px;
  font-style:italic;
  display:grid;
  position:absolute;
  top:232px;
  left:calc(50% - 56px);
  transform:rotate(-8deg)
}

.impact-strip {
  background:var(--ink);
  color:#fff;
  grid-template-columns:1.25fr repeat(3,1fr);
  padding:0 max(28px,50vw - 700px);
  display:grid
}

.impact-strip>div {
  border-right:1px solid #ffffff26;
  flex-direction:column;
  justify-content:center;
  min-height:220px;
  padding:38px 34px;
  display:flex
}

.impact-strip>div:first-child {
  padding-left:0
}

.impact-strip>div:last-child {
  border-right:0
}

.impact-intro p:last-child {
  max-width:220px;
  margin:0;
  font-family:Georgia,serif;
  font-size:20px;
  line-height:1.25
}

.impact-stat strong {
  color:var(--lime);
  letter-spacing:-.07em;
  font-size:clamp(43px,4vw,68px);
  line-height:1
}

.impact-stat span {
  margin-top:9px;
  font-family:Georgia,serif;
  font-size:18px
}

.impact-stat small {
  opacity:.48;
  margin-top:7px;
  font-size:10px
}

.offers {
  background:var(--paper)
}

.offers h2 em {
  color:var(--coral)
}

.offer-grid {
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-top:75px;
  display:grid
}

.offer-card {
  border-radius:30px;
  flex-direction:column;
  min-height:620px;
  padding:38px;
  display:flex
}

.give-offer {
  background:var(--coral)
}

.shop-offer {
  background:var(--lime)
}

.offer-top {
  letter-spacing:.16em;
  justify-content:space-between;
  align-items:flex-start;
  font-size:10px;
  font-weight:800;
  display:flex
}

.offer-top b {
  letter-spacing:-.04em;
  border:1px solid #1c1d1b4d;
  border-radius:50%;
  place-items:center;
  width:70px;
  height:70px;
  font-family:Georgia,serif;
  font-size:25px;
  font-style:italic;
  display:grid
}

.offer-copy {
  margin:auto 0
}

.offer-copy>p:first-child {
  text-transform:uppercase;
  letter-spacing:.15em;
  margin:0 0 15px;
  font-size:11px;
  font-weight:800
}

.offer-copy h3 {
  letter-spacing:-.06em;
  margin:0;
  font-size:clamp(43px,4.3vw,68px);
  line-height:.95
}

.offer-copy h3+p {
  max-width:520px;
  margin:28px 0;
  font-size:16px;
  line-height:1.55
}

.offer-card>small {
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:9px
}

.fashion-manifesto {
  background:var(--coral);
  grid-template-columns:.46fr .54fr;
  align-items:center;
  gap:75px;
  display:grid
}

.manifesto-photo {
  background:#d8d1c4;
  border-radius:24px 220px 24px 24px;
  min-height:650px;
  position:relative;
  overflow:hidden
}

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

.manifesto-photo>span {
  background:var(--lime);
  letter-spacing:.12em;
  padding:18px 22px;
  font-size:9px;
  position:absolute;
  bottom:0;
  right:0;
  transform:rotate(-2deg)
}

.manifesto-photo>span b {
  letter-spacing:-.04em;
  margin-top:3px;
  font-size:19px;
  display:block
}

.manifesto-label {
  flex-direction:column;
  justify-content:space-between;
  display:flex
}

.manifesto-label>span {
  letter-spacing:-.09em;
  opacity:.13;
  font-size:clamp(55px,7vw,110px);
  font-weight:900;
  line-height:.76
}

.manifesto-copy h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(47px,5.2vw,82px);
  line-height:.96
}

.manifesto-copy h2 em {
  color:var(--green)
}

.manifesto-copy>p {
  max-width:720px;
  margin:34px 0 0;
  font-size:17px;
  line-height:1.65
}

.manifesto-copy>p+p {
  border-top:1px solid #1c1d1b33;
  padding-top:24px
}

.manifesto-points {
  border-top:1px solid #1c1d1b38;
  border-bottom:1px solid #1c1d1b38;
  margin-top:34px
}

.manifesto-points span {
  grid-template-columns:130px 1fr;
  gap:18px;
  padding:20px 0;
  font-size:12px;
  line-height:1.5;
  display:grid
}

.manifesto-points span+span {
  border-top:1px solid #1c1d1b38
}

.manifesto-points b {
  letter-spacing:.13em;
  color:var(--green);
  font-size:9px
}

.manifesto-action {
  align-items:center;
  gap:25px;
  margin-top:42px;
  display:flex
}

.manifesto-action>span {
  font-family:Georgia,serif;
  font-size:13px;
  font-style:italic;
  line-height:1.35
}

.value-flow {
  border-top:1px solid #1c1d1b38;
  border-bottom:1px solid #1c1d1b38;
  grid-template-columns:repeat(4,1fr);
  margin-top:34px;
  display:grid
}

.value-flow span {
  border-right:1px solid #1c1d1b38;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  min-height:100px;
  padding:20px 14px;
  font-size:11px;
  font-weight:700;
  display:flex
}

.value-flow span:last-child {
  border-right:0
}

.value-flow b {
  color:var(--green);
  letter-spacing:.13em;
  font-size:9px
}

.model-note {
  color:#1c1d1bad;
  font-size:12px!important
}

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

.four-steps article {
  padding-right:28px
}

.four-steps article+article {
  padding-left:28px
}

.steps-cta {
  border-top:1px solid #ffffff2e;
  justify-content:space-between;
  align-items:center;
  margin-top:45px;
  padding-top:35px;
  display:flex
}

.steps-cta p {
  margin:0;
  font-family:Georgia,serif;
  font-size:22px
}

.process-heading {
  justify-content:space-between;
  align-items:flex-end;
  gap:60px;
  display:flex
}

.process-heading>p {
  color:#ffffff9e;
  max-width:410px;
  margin:0 0 8px;
  font-size:15px;
  line-height:1.6
}

.process-grid {
  border-top:1px solid #fff3;
  border-bottom:1px solid #fff3;
  grid-template-columns:repeat(5,1fr);
  margin-top:75px;
  display:grid
}

.process-grid article {
  border-right:1px solid #fff3;
  flex-direction:column;
  min-height:400px;
  padding:28px 24px 34px;
  display:flex
}

.process-grid article:first-child {
  padding-left:0
}

.process-grid article:last-child {
  border-right:0;
  padding-right:0
}

.process-top {
  justify-content:space-between;
  align-items:center;
  gap:15px;
  display:flex
}

.process-top span {
  background:var(--lime);
  width:42px;
  height:42px;
  color:var(--ink);
  border-radius:50%;
  place-items:center;
  font-family:Georgia,serif;
  font-size:15px;
  display:grid
}

.process-top small {
  letter-spacing:.15em;
  opacity:.52;
  font-size:8px
}

.process-grid h3 {
  margin:auto 0 18px;
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:400;
  line-height:1.1
}

.process-grid p {
  color:#ffffff9e;
  margin:0;
  font-size:12px;
  line-height:1.65
}

.community {
  background:var(--paper);
  grid-template-columns:.86fr 1.14fr;
  align-items:center;
  gap:90px;
  display:grid
}

.community-copy h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(47px,5vw,78px);
  line-height:.96
}

.community-copy h2 em {
  color:var(--coral)
}

.community-copy>p:not(.section-kicker) {
  color:#1c1d1ba8;
  max-width:520px;
  margin:32px 0;
  font-size:16px;
  line-height:1.6
}

.community-badge {
  background:var(--lime);
  text-align:center;
  border-radius:50%;
  place-content:center;
  width:200px;
  height:200px;
  display:grid;
  transform:rotate(-5deg)
}

.community-badge strong {
  letter-spacing:-.07em;
  font-size:48px
}

.community-badge span {
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px
}

.leaderboard {
  border-top:1px solid var(--line)
}

.leader-head {
  text-transform:uppercase;
  letter-spacing:.15em;
  justify-content:space-between;
  padding:14px 18px;
  font-size:9px;
  display:flex
}

.leader-row {
  border-top:1px solid var(--line);
  grid-template-columns:50px 1fr auto;
  align-items:center;
  min-height:90px;
  padding:15px 18px;
  display:grid
}

.leader-row:last-of-type {
  border-bottom:1px solid var(--line)
}

.leader-top {
  background:var(--green);
  color:#fff;
  border:0;
  border-radius:16px
}

.leader-rank {
  color:var(--coral);
  font-size:10px
}

.leader-row div {
  flex-direction:column;
  gap:4px;
  display:flex
}

.leader-row strong {
  font-family:Georgia,serif;
  font-size:21px;
  font-weight:400
}

.leader-row small {
  opacity:.52;
  font-size:10px
}

.leader-row>b {
  letter-spacing:-.05em;
  font-size:26px
}

.leader-link {
  justify-content:space-between;
  padding:24px 18px 0;
  font-size:12px;
  font-weight:750;
  display:flex
}

.leader-link span {
  color:var(--coral)
}

.donor-community {
  background:var(--cream);
  align-items:start
}

.donor-community .community-copy {
  position:sticky;
  top:35px
}

.top-donor-title {
  border-bottom:1px solid var(--line);
  justify-content:space-between;
  align-items:flex-end;
  min-height:88px;
  padding:0 18px 18px;
  display:flex
}

.top-donor-title>div {
  flex-direction:column;
  gap:5px;
  display:flex
}

.top-donor-title span {
  color:var(--coral);
  letter-spacing:.15em;
  font-size:10px;
  font-weight:800
}

.top-donor-title small,.top-donor-title>b {
  color:#1c1d1b80;
  letter-spacing:.11em;
  font-size:8px
}

.section-pad {
  padding:130px max(28px,50vw - 700px)
}

.manifesto {
  background:var(--paper);
  grid-template-columns:.33fr .67fr;
  gap:40px;
  display:grid
}

.manifesto h2,.section-heading h2,.row-heading h2,.journey h2,.faq h2,.final-cta h2 {
  font-size:clamp(47px,5.2vw,82px)
}

.manifesto h2 em {
  color:var(--coral)
}

.manifesto div>p {
  color:#17352db8;
  max-width:660px;
  margin:45px 0 0 auto;
  font-size:19px;
  line-height:1.65
}

.steps {
  background:var(--green);
  color:#f7f6f0
}

.section-kicker.light {
  color:var(--lime)
}

.section-heading h2 {
  max-width:900px
}

.step-grid {
  border-top:1px solid #ffffff2e;
  grid-template-columns:repeat(3,1fr);
  margin-top:80px;
  display:grid
}

.step-grid article {
  border-right:1px solid #ffffff2e;
  min-height:390px;
  padding:25px 40px 30px 0;
  position:relative
}

.step-grid article+article {
  padding-left:40px
}

.step-grid article:last-child {
  border-right:0
}

.step-number {
  letter-spacing:.15em;
  opacity:.55;
  font-size:10px
}

.step-symbol {
  height:175px;
  color:var(--lime);
  align-items:center;
  font-family:Georgia,serif;
  font-size:84px;
  font-weight:300;
  display:flex
}

.step-grid h3 {
  margin:0 0 14px;
  font-family:Georgia,serif;
  font-size:29px;
  font-weight:400
}

.step-grid p {
  color:#ffffffa1;
  max-width:310px;
  margin:0;
  font-size:14px;
  line-height:1.6
}

.accepted {
  background:var(--paper)
}

.row-heading {
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  display:flex
}

.heading-note {
  color:#17352dab;
  max-width:390px;
  margin:0 0 8px;
  font-size:15px;
  line-height:1.6
}

.thing-list {
  border-top:1px solid var(--line);
  margin-top:80px
}

.thing-row {
  border-bottom:1px solid var(--line);
  grid-template-columns:70px .7fr 1fr 40px;
  align-items:center;
  gap:30px;
  padding:28px 0;
  display:grid
}

.thing-row>span:first-child {
  color:var(--coral);
  font-size:10px
}

.thing-row h3 {
  margin:0;
  font-family:Georgia,serif;
  font-size:28px;
  font-weight:400
}

.thing-row p {
  color:#17352da8;
  max-width:570px;
  margin:0;
  font-size:14px;
  line-height:1.55
}

.row-arrow {
  text-align:right;
  font-size:20px
}

.not-accepted {
  border-left:3px solid var(--coral);
  color:#17352dad;
  max-width:770px;
  margin:38px 0 0 auto;
  padding-left:22px;
  font-size:13px;
  line-height:1.6
}

.journey {
  background:var(--cream)
}

.journey-card {
  background:var(--green);
  color:#fff;
  border-radius:34px;
  flex-direction:column;
  justify-content:space-between;
  min-height:565px;
  padding:70px;
  display:flex
}

.journey h2 em {
  color:var(--lime)
}

.route {
  border-top:1px solid #ffffff2e;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:30px;
  padding-top:34px;
  display:grid
}

.route div {
  grid-template-columns:35px 1fr;
  gap:6px;
  display:grid
}

.route span {
  color:var(--lime);
  grid-row:1/3;
  padding-top:5px;
  font-size:10px
}

.route b {
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:400
}

.route small {
  opacity:.55
}

.route i {
  color:var(--lime);
  font-size:22px;
  font-style:normal
}

.principles {
  grid-template-columns:repeat(3,1fr);
  gap:50px;
  margin-top:38px;
  display:grid
}

.principles p {
  border-top:1px solid var(--line);
  color:#17352db3;
  margin:0;
  padding-top:18px;
  font-size:13px;
  line-height:1.6
}

.principles p b {
  color:var(--ink)
}

.quote-section {
  background:var(--lime);
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:640px;
  display:flex
}

.quote-section blockquote {
  font-size:clamp(44px,5.5vw,84px)
}

.quote-section blockquote em {
  color:var(--green)
}

.quote-section p {
  text-transform:uppercase;
  letter-spacing:.16em;
  margin:48px 0 0;
  font-size:9px
}

.faq {
  background:var(--paper);
  grid-template-columns:.82fr 1.18fr;
  gap:90px;
  display:grid
}

.faq h2 {
  font-size:clamp(45px,4.5vw,70px)
}

.faq-list {
  border-top:1px solid var(--line)
}

details {
  border-bottom:1px solid var(--line)
}

summary {
  cursor:pointer;
  letter-spacing:-.02em;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:26px 0;
  font-size:18px;
  font-weight:600;
  list-style:none;
  display:flex
}

summary::-webkit-details-marker {
  display:none
}

summary span {
  border:1px solid var(--line);
  border-radius:50%;
  place-items:center;
  width:32px;
  height:32px;
  font-size:18px;
  font-weight:300;
  transition:transform .2s,background .2s;
  display:grid
}

details[open] summary span {
  background:var(--lime);
  transform:rotate(45deg)
}

details p {
  color:#17352da8;
  max-width:650px;
  margin:-4px 45px 25px 0;
  font-size:14px;
  line-height:1.65
}

.final-cta {
  background:var(--coral);
  grid-template-columns:.32fr .68fr;
  align-items:center;
  gap:60px;
  min-height:670px;
  display:grid
}

.cta-orbit {
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.1em;
  border:1px solid #17352d61;
  border-radius:50%;
  place-content:center;
  width:260px;
  height:260px;
  font-size:11px;
  display:grid;
  position:relative;
  transform:rotate(-7deg)
}

.cta-orbit:after {
  content:"↗";
  background:var(--lime);
  border-radius:50%;
  place-items:center;
  width:48px;
  height:48px;
  font-size:18px;
  display:grid;
  position:absolute;
  top:22px;
  right:18px
}

.final-cta h2 {
  max-width:900px
}

.final-cta>div:last-child>p {
  max-width:660px;
  margin:30px 0 0;
  font-size:17px;
  line-height:1.55
}

.contact-actions {
  align-items:center;
  gap:28px;
  margin-top:35px;
  display:flex
}

.button-dark {
  background:var(--ink);
  color:#fff
}

.dark-link {
  font-size:12px
}

.contact-hint {
  opacity:.58;
  margin-top:14px;
  font-size:10px;
  display:block
}

.compact-final {
  min-height:520px;
  padding-top:85px;
  padding-bottom:85px
}

footer {
  background:var(--ink);
  color:#fff;
  grid-template-columns:1fr 1.4fr 1fr auto;
  align-items:center;
  gap:30px;
  min-height:130px;
  padding:30px max(28px,50vw - 700px);
  font-size:11px;
  display:grid
}

footer p {
  opacity:.54;
  margin:0
}

footer nav {
  gap:23px;
  display:flex
}

footer>span {
  opacity:.54
}

.footer-brand .brand-mark {
  background:var(--lime);
  color:var(--ink)
}

.footer-wordmark small {
  color:#fff
}

.mobile-pickup {
  display:none
}

.pickup-overlay {
  z-index:100;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  background:#111210b8;
  place-items:center;
  padding:24px;
  display:grid;
  position:fixed;
  inset:0
}

.pickup-modal {
  background:var(--paper);
  width:min(100%,980px);
  height:min(820px,100dvh - 48px);
  max-height:calc(100dvh - 48px);
  color:var(--ink);
  border-radius:28px;
  grid-template-rows:auto minmax(0,1fr);
  display:grid;
  overflow:hidden;
  box-shadow:0 35px 100px #0000004d
}

.pickup-head {
  border-bottom:1px solid var(--line);
  z-index:4;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  background:#fbfaf6f2;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:78px;
  padding:0 28px;
  display:grid;
  position:relative
}

.pickup-progress {
  letter-spacing:.16em;
  font-size:9px;
  font-weight:800
}

.modal-close {
  border:1px solid var(--line);
  width:38px;
  height:38px;
  font:300 24px/1 var(--font-geist);
  cursor:pointer;
  background:0 0;
  border-radius:50%;
  justify-self:end
}

.pickup-body {
  grid-template-rows:minmax(0,1fr) auto;
  min-height:0;
  display:grid;
  overflow:hidden
}

.pickup-screen {
  overscroll-behavior:contain;
  width:min(100% - 48px,760px);
  height:100%;
  margin:0 auto;
  padding:46px 0 36px;
  overflow-y:auto
}

.pickup-screen h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(42px,5.2vw,68px);
  line-height:.95
}

.screen-lead {
  color:#1c1d1ba8;
  max-width:630px;
  margin:26px 0;
  font-size:15px;
  line-height:1.6
}

.check-card {
  border:1px solid var(--line);
  cursor:pointer;
  border-radius:16px;
  grid-template-columns:25px 1fr;
  gap:13px;
  margin-top:12px;
  padding:18px;
  transition:background .2s,border .2s;
  display:grid
}

.check-card:has(input:checked) {
  background:#d8f06a47;
  border-color:#1c1d1b59
}

.check-card input,.consent-row input {
  accent-color:var(--green);
  width:18px;
  height:18px
}

.check-card span {
  flex-direction:column;
  gap:5px;
  display:flex
}

.check-card b {
  font-size:14px
}

.check-card small {
  color:#1c1d1b94;
  line-height:1.4
}

.field-label {
  text-transform:uppercase;
  letter-spacing:.1em;
  flex-direction:column;
  gap:7px;
  margin-top:19px;
  font-size:10px;
  font-weight:750;
  display:flex
}

.field-label>small {
  opacity:.5;
  font-weight:400;
  display:inline
}

.field-label input,.field-label select,.field-label textarea {
  border:1px solid var(--line);
  width:100%;
  min-height:53px;
  color:var(--ink);
  font:14px var(--font-geist);
  text-transform:none;
  letter-spacing:normal;
  background:#fff;
  border-radius:11px;
  outline:none;
  padding:0 15px
}

.field-label textarea {
  resize:vertical;
  min-height:95px;
  padding-top:14px
}

.field-label input:focus,.field-label select:focus,.field-label textarea:focus {
  border-color:var(--green);
  box-shadow:0 0 0 3px #d8f06a8c
}

.what-no {
  background:var(--cream);
  flex-direction:column;
  gap:6px;
  margin-top:24px;
  padding:15px 18px;
  font-size:11px;
  line-height:1.5;
  display:flex
}

.what-no span {
  opacity:.65
}

.pickup-guidance {
  background:var(--cream);
  border-radius:14px;
  grid-template-columns:120px 1fr;
  align-items:start;
  gap:6px 20px;
  margin:24px 0 3px;
  padding:18px 20px;
  display:grid
}

.pickup-guidance strong {
  color:var(--coral);
  grid-row:1/3;
  font-size:12px
}

.pickup-guidance p {
  margin:0;
  font-size:13px;
  line-height:1.45
}

.pickup-guidance span {
  color:#1c1d1b99;
  font-size:11px;
  line-height:1.45
}

.form-grid {
  grid-template-columns:1fr 1fr;
  gap:0 18px;
  display:grid
}

.field-label.wide {
  grid-column:1/-1
}

.consent-row {
  cursor:pointer;
  grid-template-columns:25px 1fr;
  align-items:flex-start;
  gap:10px;
  margin-top:24px;
  font-size:11px;
  line-height:1.5;
  display:grid
}

.honeypot {
  opacity:0;
  position:absolute;
  left:-9999px
}

.booking-summary {
  border-top:1px solid var(--line);
  margin-top:35px
}

.booking-summary>div {
  border-bottom:1px solid var(--line);
  grid-template-columns:130px 1fr;
  gap:25px;
  padding:18px 0;
  display:grid
}

.booking-summary span {
  text-transform:uppercase;
  letter-spacing:.13em;
  color:var(--coral);
  font-size:9px
}

.booking-summary b {
  font-size:13px
}

.impact-confirm {
  background:var(--lime);
  border-radius:16px;
  margin-top:25px;
  padding:22px
}

.impact-confirm strong {
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:400
}

.impact-confirm p {
  margin:8px 0 0;
  font-size:12px;
  line-height:1.55
}

.pickup-footer {
  background:var(--cream);
  border-top:1px solid var(--line);
  grid-template-columns:1fr minmax(0,2fr) 1fr;
  align-items:center;
  gap:20px;
  min-height:82px;
  padding:14px 28px;
  display:grid
}

.pickup-footer .button {
  justify-self:end
}

.pickup-footer>p {
  text-align:center;
  color:#a53e2a;
  margin:0;
  font-size:11px;
  line-height:1.4
}

.back-button {
  font:700 11px var(--font-geist);
  cursor:pointer;
  background:0 0;
  border:0;
  border-bottom:1px solid;
  justify-self:start;
  padding:10px 0
}

.success-screen {
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:580px;
  display:flex
}

.success-mark {
  background:var(--lime);
  border-radius:50%;
  place-items:center;
  width:76px;
  height:76px;
  margin-bottom:25px;
  font-size:31px;
  display:grid
}

.success-screen>p:not(.section-kicker) {
  color:#1c1d1bad;
  max-width:530px;
  line-height:1.6
}

.reference {
  border:1px solid var(--line);
  border-radius:12px;
  flex-direction:column;
  gap:5px;
  margin:14px 0 25px;
  padding:15px 30px;
  display:flex
}

.reference span {
  letter-spacing:.16em;
  font-size:8px
}

.reference b {
  font-size:18px
}

.photo-hero {
  min-height:650px
}

.hero-photo-wrap {
  background:#ddd5c7;
  border-radius:250px 250px 28px 28px;
  position:absolute;
  inset:0 12px 20px 34px;
  overflow:hidden
}

.hero-photo-wrap img {
  object-fit:cover;
  object-position:center;
  width:100%;
  height:100%
}

.photo-hero .times-mark {
  background:var(--lime);
  border:0;
  top:55px;
  left:5px
}

.photo-label {
  z-index:2;
  background:var(--coral);
  min-width:180px;
  padding:20px;
  position:absolute;
  bottom:55px;
  right:0;
  transform:rotate(4deg);
  box-shadow:0 16px 35px #00000024
}

.photo-label span {
  letter-spacing:.15em;
  font-size:9px;
  display:block
}

.photo-label strong {
  letter-spacing:-.06em;
  margin-top:3px;
  font-size:25px;
  display:block
}

.photo-hero .round-note {
  background:var(--paper);
  inset:auto auto 18px 0
}

.proof-bar {
  background:var(--paper);
  border-bottom:1px solid var(--line);
  grid-template-columns:.7fr repeat(3,1fr) .8fr;
  align-items:center;
  gap:25px;
  min-height:150px;
  padding:25px max(28px,50vw - 700px);
  display:grid
}

.proof-bar>span {
  letter-spacing:.16em;
  color:var(--coral);
  font-size:8px
}

.proof-bar b {
  letter-spacing:-.03em;
  font-size:14px;
  line-height:.9
}

.proof-bar b small {
  opacity:.5;
  letter-spacing:0;
  font-size:8px;
  font-weight:450
}

.proof-bar a {
  border-bottom:1px solid;
  justify-self:end;
  padding-bottom:5px;
  font-size:10px;
  font-weight:750
}

.tree-impact {
  background:var(--lime);
  grid-template-columns:.45fr .55fr;
  align-items:center;
  gap:70px;
  min-height:720px;
  padding-top:100px;
  padding-bottom:100px;
  display:grid
}

.tree-copy h2 {
  letter-spacing:-.08em;
  margin:0;
  font-size:clamp(65px,8vw,125px);
  line-height:.76
}

.tree-copy h2 em {
  color:var(--green)
}

.tree-copy>p:not(.section-kicker) {
  max-width:550px;
  margin:40px 0 25px;
  font-size:16px;
  line-height:1.65
}

.tree-copy>small {
  letter-spacing:.08em;
  opacity:.55;
  margin-top:20px;
  font-size:9px;
  display:block
}

.tree-scene {
  background:#87966e;
  border-radius:260px 260px 28px 28px;
  min-height:520px;
  position:relative;
  overflow:hidden
}

.tree-photo img {
  object-fit:cover;
  object-position:76% center;
  filter:saturate(.88)contrast(1.03);
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  transform:scale(1.1)
}

.motion-ready .tree-photo img {
  clip-path:inset(100% 0 0);
  transform:scale(1.16)
}

.motion-ready .tree-impact.is-visible .tree-photo img {
  animation:1.25s cubic-bezier(.22,1,.36,1) forwards grove-reveal
}

.tree-sun {
  background:var(--coral);
  border-radius:50%;
  place-items:center;
  width:105px;
  height:105px;
  font-family:Georgia,serif;
  font-size:32px;
  font-style:italic;
  display:grid;
  position:absolute;
  top:58px;
  right:74px
}

.tree-caption {
  z-index:3;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:#1c1d1b94;
  padding:8px 10px;
  font-size:9px;
  position:absolute;
  bottom:22px;
  left:28px
}

@keyframes grove-reveal {
  to {
    clip-path:inset(0);
    transform:scale(1.04)
  }

}

.tree-impact {
  grid-template-columns:.55fr .45fr;
  min-height:560px;
  padding-top:78px;
  padding-bottom:78px
}

.tree-copy h2 {
  font-size:clamp(58px,7vw,102px)
}

.tree-copy>p:not(.section-kicker) {
  margin-top:30px
}

.tree-scene {
  border-radius:190px 190px 22px 22px;
  min-height:390px
}

.tree-sun {
  width:76px;
  height:76px;
  font-size:24px;
  top:34px;
  right:38px
}

.route-intro {
  background:var(--paper);
  padding-top:95px;
  padding-bottom:90px
}

.route-intro>div {
  grid-template-columns:1.15fr .85fr;
  align-items:end;
  gap:80px;
  display:grid
}

.route-intro h2 {
  letter-spacing:-.06em;
  max-width:800px;
  font-size:clamp(48px,5.6vw,85px);
  line-height:.95
}

.route-intro div>p {
  color:#1c1d1b9e;
  max-width:500px;
  margin:0 0 8px;
  font-size:16px;
  line-height:1.65
}

.journey-process {
  background:var(--green);
  color:#fff;
  grid-template-columns:.4fr .6fr;
  align-items:stretch;
  gap:70px;
  padding-top:90px;
  padding-bottom:90px;
  display:grid
}

.journey-photo {
  border-radius:22px 150px 22px 22px;
  min-height:520px;
  max-height:650px;
  position:relative;
  overflow:hidden
}

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

.journey-photo small {
  background:var(--lime);
  color:var(--ink);
  letter-spacing:.13em;
  padding:9px 11px;
  font-size:8px;
  font-weight:800;
  position:absolute;
  bottom:18px;
  left:18px
}

.garment-passport {
  background:var(--paper);
  color:var(--ink);
  border-radius:24px;
  padding:38px 44px
}

.garment-passport>header {
  border-bottom:1px solid var(--line);
  justify-content:space-between;
  align-items:flex-start;
  padding-bottom:24px;
  display:flex
}

.garment-passport>header div {
  flex-direction:column;
  gap:5px;
  display:flex
}

.garment-passport>header span,.garment-passport>header strong {
  letter-spacing:.15em;
  font-size:8px
}

.garment-passport>header b {
  font-family:Georgia,serif;
  font-size:22px;
  font-weight:400
}

.garment-passport ol {
  margin:0 0 28px;
  padding:0;
  list-style:none
}

.garment-passport li {
  border-bottom:1px solid var(--line);
  align-items:center;
  min-height:96px;
  padding:18px 0 18px 58px;
  display:flex;
  position:relative
}

.garment-passport li>span {
  border:1px solid var(--line);
  width:34px;
  height:34px;
  color:var(--coral);
  border-radius:50%;
  place-items:center;
  font-size:9px;
  display:grid;
  position:absolute;
  top:25px;
  left:0
}

.garment-passport li:not(:last-child):after {
  content:"";
  background:var(--coral);
  opacity:.35;
  width:1px;
  position:absolute;
  top:58px;
  bottom:-25px;
  left:17px
}

.garment-passport li div {
  grid-template-columns:120px 1fr;
  align-items:center;
  gap:10px 20px;
  width:100%;
  display:grid
}

.garment-passport li small {
  color:var(--coral);
  letter-spacing:.13em;
  grid-row:1/3;
  font-size:8px
}

.garment-passport li h3 {
  margin:0;
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:400
}

.garment-passport li p {
  color:#1c1d1b94;
  margin:0;
  font-size:11px;
  line-height:1.45
}

.resale-why {
  background:var(--coral);
  grid-template-columns:1.12fr .88fr;
  align-items:center;
  gap:85px;
  padding-top:95px;
  padding-bottom:95px;
  display:grid
}

.resale-copy h2 {
  letter-spacing:-.055em;
  font-size:clamp(45px,5vw,76px);
  line-height:.95
}

.resale-copy h2 em {
  color:var(--green)
}

.resale-copy>p:not(.section-kicker) {
  max-width:680px;
  margin:28px 0 0;
  font-size:16px;
  line-height:1.65
}

.resale-evidence {
  background:var(--paper);
  border-radius:22px;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
  min-height:330px;
  padding:14px;
  display:grid
}

.resale-evidence img {
  object-fit:cover;
  object-position:66% center;
  border-radius:13px;
  width:100%;
  height:100%;
  min-height:300px
}

.resale-evidence>div {
  flex-direction:column;
  justify-content:center;
  padding:20px 14px 20px 0;
  display:flex
}

.resale-evidence span {
  color:var(--coral);
  letter-spacing:.14em;
  font-size:8px;
  font-weight:800
}

.resale-evidence b {
  margin:24px 0 20px;
  font-family:Georgia,serif;
  font-size:26px;
  font-weight:400;
  line-height:1.1
}

.resale-evidence small {
  color:#1c1d1b94;
  font-size:11px;
  line-height:1.55
}

.pickup-story {
  background:var(--paper);
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:80px;
  display:grid
}

.pickup-story-photo {
  border-radius:26px 260px 26px 26px;
  min-height:620px;
  position:relative;
  overflow:hidden
}

.pickup-story-photo img {
  object-fit:cover;
  object-position:center;
  width:100%;
  height:100%;
  position:absolute
}

.pickup-story-copy h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5.2vw,82px);
  line-height:.96
}

.pickup-story-copy h2 em {
  color:var(--coral)
}

.pickup-story-copy>p:not(.section-kicker) {
  max-width:570px;
  margin:30px 0;
  font-size:16px;
  line-height:1.65
}

.logistics-grid {
  border-top:1px solid var(--line);
  grid-template-columns:1fr 1fr;
  margin:35px 0;
  display:grid
}

.logistics-grid span {
  border-bottom:1px solid var(--line);
  flex-direction:column;
  padding:20px 0;
  display:flex
}

.logistics-grid span:nth-child(odd) {
  border-right:1px solid var(--line)
}

.logistics-grid span:nth-child(2n) {
  padding-left:25px
}

.logistics-grid b {
  letter-spacing:-.06em;
  font-size:29px
}

.logistics-grid small {
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:.5;
  margin-top:3px;
  font-size:9px
}

.pickup-fineprint {
  opacity:.6;
  font-size:11px!important
}

.testimonials {
  background:#e9e4da
}

.testimonials h2 em {
  color:var(--coral)
}

.review-wall {
  grid-template-columns:repeat(3,1fr);
  align-items:start;
  gap:24px;
  margin-top:70px;
  display:grid
}

.review-shot {
  background:#fff;
  border-radius:24px;
  min-height:360px;
  padding:27px;
  box-shadow:0 25px 55px #1c1d1b14
}

.shot-one {
  transform:rotate(-2deg)
}

.shot-two {
  margin-top:35px;
  transform:rotate(1.5deg)
}

.shot-three {
  transform:rotate(-1deg)
}

.review-app {
  border-bottom:1px solid #eee;
  align-items:center;
  gap:12px;
  padding-bottom:20px;
  display:flex
}

.avatar {
  background:var(--coral);
  border-radius:50%;
  place-items:center;
  width:38px;
  height:38px;
  font-size:10px;
  font-weight:800;
  display:grid
}

.avatar.anon {
  background:var(--green);
  color:#fff
}

.review-app div {
  flex-direction:column;
  flex:1;
  gap:3px;
  display:flex
}

.review-app b {
  font-size:12px
}

.review-app small {
  opacity:.5;
  font-size:9px
}

.review-app i {
  font-size:9px;
  font-style:normal
}

.review-shot>p {
  margin:34px 0;
  font-family:Georgia,serif;
  font-size:21px;
  line-height:1.45
}

.review-meta {
  opacity:.55;
  justify-content:space-between;
  margin-top:auto;
  font-size:9px;
  display:flex
}

.receipt-row {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  grid-template-columns:1fr 1fr auto;
  gap:25px;
  margin-top:45px;
  padding:23px 0;
  font-size:10px;
  display:grid
}

.receipt-row span {
  flex-direction:column;
  gap:5px;
  display:flex
}

.receipt-row a {
  font-weight:750
}

.pickup-promise {
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:25px 0 5px;
  display:grid
}

.pickup-promise span {
  background:var(--cream);
  text-align:center;
  border-radius:10px;
  padding:13px 10px;
  font-size:9px
}

.pickup-promise b {
  color:var(--coral);
  font-size:14px;
  display:block
}

.consent-row a {
  text-decoration:underline
}

.focused-page .site-header {
  max-width:1400px
}

.focus-hero {
  background:var(--cream);
  grid-template-columns:1fr .92fr;
  align-items:center;
  gap:75px;
  min-height:740px;
  display:grid
}

.focus-hero h1,.impact-report-hero h1 {
  letter-spacing:-.07em;
  margin:0;
  font-size:clamp(60px,7vw,110px);
  line-height:.9
}

.focus-hero h1 em,.impact-report-hero h1 em {
  color:var(--coral)
}

.focus-hero>div:first-child>p:not(.eyebrow) {
  max-width:650px;
  margin:34px 0;
  font-size:18px;
  line-height:1.6
}

.focus-proof {
  text-transform:uppercase;
  letter-spacing:.08em;
  flex-wrap:wrap;
  gap:13px 24px;
  margin-top:30px;
  font-size:10px;
  display:flex
}

.focus-photo {
  border-radius:240px 240px 25px 25px;
  height:600px;
  position:relative;
  overflow:hidden
}

.focus-photo img {
  object-fit:cover;
  width:100%;
  height:100%
}

.focus-photo>span {
  background:var(--lime);
  letter-spacing:.1em;
  padding:20px;
  font-size:10px;
  position:absolute;
  bottom:0;
  right:0;
  transform:rotate(-3deg)
}

.focus-photo>span b {
  letter-spacing:-.04em;
  font-size:19px
}

.eligibility-strip {
  background:var(--green);
  color:#fff;
  grid-template-columns:repeat(3,1fr);
  padding:0 max(28px,50vw - 700px);
  display:grid
}

.eligibility-strip div {
  border-right:1px solid #ffffff26;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  min-height:150px;
  padding:33px;
  display:flex
}

.eligibility-strip b {
  color:var(--lime);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px
}

.eligibility-strip span {
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.35
}

.donate-standards {
  background:var(--paper);
  grid-template-columns:.7fr 1.3fr;
  gap:80px;
  display:grid
}

.donate-standards h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5.2vw,80px);
  line-height:.95
}

.donate-standards h2 em {
  color:var(--coral)
}

.standard-list {
  border-top:1px solid var(--line)
}

.standard-list article {
  border-bottom:1px solid var(--line);
  grid-template-columns:40px .6fr 1fr;
  align-items:start;
  gap:20px;
  padding:25px 0;
  display:grid
}

.standard-list span {
  color:var(--coral);
  font-size:9px
}

.standard-list h3 {
  margin:0;
  font-family:Georgia,serif;
  font-size:22px;
  font-weight:400
}

.standard-list p {
  opacity:.62;
  margin:0;
  font-size:12px;
  line-height:1.55
}

.focus-impact {
  background:var(--green);
  color:#fff;
  grid-template-columns:repeat(3,1fr);
  gap:45px;
  display:grid
}

.focus-impact>.section-kicker {
  color:var(--lime);
  grid-column:1/-1
}

.focus-impact>div {
  border-top:1px solid #ffffff2e;
  padding-top:23px
}

.focus-impact strong {
  color:var(--lime);
  font-size:10px
}

.focus-impact h3 {
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:400
}

.focus-impact p {
  opacity:.6;
  font-size:13px;
  line-height:1.65
}

.resale-truth {
  background:var(--paper);
  grid-template-columns:.7fr 1.3fr;
  gap:80px;
  display:grid
}

.resale-truth h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5.2vw,80px);
  line-height:.95
}

.resale-truth h2 em {
  color:var(--coral)
}

.truth-lead {
  max-width:720px;
  margin:0 0 36px;
  font-family:Georgia,serif;
  font-size:25px;
  line-height:1.45
}

.truth-grid {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  grid-template-columns:repeat(3,1fr);
  display:grid
}

.truth-grid article {
  padding:24px 22px 24px 0
}

.truth-grid article+article {
  border-left:1px solid var(--line);
  padding-left:22px
}

.truth-grid b {
  color:var(--coral);
  letter-spacing:.12em;
  font-size:9px
}

.truth-grid h3 {
  margin:17px 0 10px;
  font-family:Georgia,serif;
  font-size:21px;
  font-weight:400
}

.truth-grid p {
  color:#1c1d1b9e;
  margin:0;
  font-size:12px;
  line-height:1.6
}

.truth-note {
  background:var(--cream);
  margin:28px 0 0;
  padding:20px;
  font-size:12px;
  line-height:1.6
}

.mini-review {
  background:var(--lime);
  text-align:center;
  flex-direction:column;
  align-items:center;
  display:flex
}

.mini-review>p {
  max-width:980px;
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(38px,5vw,72px);
  line-height:1.07
}

.mini-review>span {
  letter-spacing:.14em;
  margin:34px 0;
  font-size:8px
}

.shop-hero {
  background:var(--paper)
}

.fashion-photo img {
  object-position:center
}

.collection {
  background:var(--cream)
}

.collection-head {
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  display:flex
}

.collection-head h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5vw,78px);
  line-height:.95
}

.collection-head>span {
  letter-spacing:.14em;
  font-size:9px
}

.product-grid {
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:65px;
  display:grid
}

.product-card {
  position:relative
}

.product-art {
  aspect-ratio:4/5;
  border-radius:18px;
  flex-direction:column;
  justify-content:space-between;
  padding:20px;
  display:flex;
  overflow:hidden
}

.product-art span {
  font-size:9px
}

.product-art b {
  letter-spacing:-.08em;
  opacity:.15;
  font-size:clamp(39px,4vw,62px);
  line-height:.75
}

.art-black {
  color:#fff;
  background:#1c1d1b
}

.art-denim {
  background:#7d9ab2
}

.art-cream {
  background:#e9dec8
}

.art-coral {
  background:var(--coral)
}

.art-green {
  background:var(--green);
  color:#fff
}

.art-stone {
  background:#aaa69c
}

.product-card h3 {
  margin:16px 0 4px;
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:400
}

.product-card p {
  opacity:.55;
  margin:0;
  padding-right:70px;
  font-size:10px
}

.product-card>a {
  font:700 10px var(--font-geist);
  border-bottom:1px solid;
  position:absolute;
  bottom:0;
  right:0
}

.shop-tree {
  background:var(--coral);
  grid-template-columns:.4fr .6fr;
  align-items:center;
  gap:80px;
  display:grid
}

.shop-tree h2 {
  letter-spacing:-.06em;
  margin:0;
  font-size:clamp(50px,6vw,90px);
  line-height:.92
}

.shop-tree h2 em {
  color:var(--green)
}

.shop-tree>div:last-child>p:not(.section-kicker) {
  max-width:650px;
  font-size:16px;
  line-height:1.65
}

.shop-tree-visual {
  border:1px solid #1c1d1b40;
  border-radius:50%;
  place-items:center;
  height:460px;
  display:grid;
  position:relative
}

.single-tree {
  width:150px;
  height:320px;
  position:relative
}

.single-tree i {
  background:#805734;
  width:20px;
  height:160px;
  position:absolute;
  bottom:0;
  left:65px
}

.single-tree b {
  background:var(--green);
  border-radius:48%;
  width:150px;
  height:190px;
  position:absolute;
  top:0;
  left:0
}

.shop-tree-visual small {
  background:var(--lime);
  border-radius:50%;
  place-items:center;
  width:70px;
  height:70px;
  font-family:Georgia,serif;
  font-size:25px;
  display:grid;
  position:absolute;
  top:40px;
  right:25px
}

.impact-report-hero {
  background:var(--green);
  color:#fff;
  flex-direction:column;
  justify-content:center;
  min-height:670px;
  display:flex
}

.impact-report-hero .eyebrow {
  color:var(--lime)
}

.impact-report-hero>p:last-child {
  opacity:.65;
  max-width:620px;
  margin:35px 0 0;
  font-size:17px;
  line-height:1.65
}

.report-numbers {
  background:var(--ink);
  color:#fff;
  grid-template-columns:repeat(4,1fr);
  padding:0 max(28px,50vw - 700px);
  display:grid
}

.report-numbers>div {
  border-right:1px solid #ffffff26;
  flex-direction:column;
  justify-content:center;
  min-height:190px;
  padding:35px 25px;
  display:flex
}

.report-numbers strong {
  color:var(--lime);
  letter-spacing:-.07em;
  font-size:clamp(42px,4vw,65px)
}

.report-numbers span {
  font-family:Georgia,serif;
  font-size:15px
}

.methodology {
  background:var(--paper);
  grid-template-columns:.7fr 1.3fr;
  gap:80px;
  display:grid
}

.methodology h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5vw,78px);
  line-height:.95
}

.methodology h2 em {
  color:var(--coral)
}

.method-list article {
  border-top:1px solid var(--line);
  grid-template-columns:42px .7fr 1fr;
  gap:20px;
  padding:25px 0;
  display:grid
}

.method-list span {
  color:var(--coral);
  font-size:9px
}

.method-list h3 {
  margin:0;
  font-family:Georgia,serif;
  font-size:21px;
  font-weight:400
}

.method-list p {
  opacity:.62;
  margin:0;
  font-size:12px;
  line-height:1.6
}

.ledger {
  background:var(--cream)
}

.ledger-table {
  border-top:1px solid var(--line);
  margin-top:50px
}

.ledger-head,.ledger-row {
  border-bottom:1px solid var(--line);
  grid-template-columns:.6fr 1.4fr 1fr .7fr .6fr;
  gap:20px;
  padding:18px 0;
  font-size:11px;
  display:grid
}

.ledger-head {
  text-transform:uppercase;
  letter-spacing:.13em;
  opacity:.5;
  font-size:8px
}

.ledger-row span:last-child {
  color:var(--green);
  font-weight:800
}

.ledger-row span:before {
  content:none
}

.legal-page {
  background:var(--paper)
}

.legal-copy {
  width:min(100% - 40px,820px);
  margin:0 auto;
  padding:110px 0 140px
}

.legal-copy h1 {
  letter-spacing:-.07em;
  margin:0 0 60px;
  font-size:clamp(60px,8vw,110px)
}

.legal-copy h2 {
  margin:50px 0 14px;
  font-family:Georgia,serif;
  font-size:29px;
  font-weight:400
}

.legal-copy p {
  color:#1c1d1bb3;
  font-size:15px;
  line-height:1.75
}

.rich-footer {
  min-height:170px
}

@media (max-width:1050px) {
  .nav {
    display:none
  }

  .hero {
    grid-template-columns:1fr;
    padding-top:70px
  }

  .chic-hero {
    gap:55px
  }

  .impact-formula {
    justify-self:start
  }

  .hero-visual {
    width:min(100%,650px);
    min-height:570px;
    margin:0 auto
  }

  .manifesto,.faq,.final-cta,.fashion-manifesto {
    grid-template-columns:1fr
  }

  .manifesto-photo {
    width:min(100%,760px);
    min-height:560px
  }

  .process-grid {
    border-bottom:0;
    grid-template-columns:1fr 1fr
  }

  .process-grid article,.process-grid article:first-child,.process-grid article:last-child {
    border-bottom:1px solid #fff3;
    border-right:1px solid #fff3;
    min-height:310px;
    padding:26px 24px
  }

  .process-grid article:nth-child(2n) {
    border-right:0
  }

  .process-grid article:last-child {
    border-right:1px solid #fff3
  }

  .community {
    grid-template-columns:1fr;
    gap:65px
  }

  .donor-community .community-copy {
    position:static
  }

  .route-intro>div,.journey-process,.resale-why {
    grid-template-columns:1fr
  }

  .route-intro>div {
    gap:35px
  }

  .journey-photo {
    width:min(100%,700px);
    min-height:440px;
    max-height:440px
  }

  .resale-evidence {
    width:min(100%,680px)
  }

  .impact-strip {
    grid-template-columns:1fr 1fr
  }

  .impact-strip>div:first-child {
    padding-left:34px
  }

  .four-steps {
    grid-template-columns:1fr 1fr
  }

  .manifesto div>p {
    margin-left:0
  }

  .faq {
    gap:60px
  }

  .cta-orbit {
    width:180px;
    height:180px
  }

  .final-cta {
    gap:40px
  }

  footer {
    grid-template-columns:1fr 1fr
  }

  .tree-impact,.pickup-story,.focus-hero,.donate-standards,.resale-truth,.shop-tree,.methodology {
    grid-template-columns:1fr
  }

  .tree-scene {
    width:min(100%,680px)
  }

  .proof-bar {
    grid-template-columns:1fr 1fr
  }

  .proof-bar>a {
    justify-self:start
  }

  .review-wall,.product-grid,.report-numbers {
    grid-template-columns:1fr 1fr
  }

}

@media (max-width:720px) {
  .site-header {
    width:calc(100% - 36px);
    height:74px
  }

  .site-header .button {
    display:none
  }

  .section-pad {
    padding:90px 20px
  }

  .hero {
    gap:50px;
    width:calc(100% - 36px);
    min-height:auto;
    padding:64px 0 70px
  }

  .hero h1 {
    font-size:clamp(46px,13.6vw,69px);
    line-height:.98
  }

  .hero h1 em {
    white-space:normal
  }

  .hero-lead {
    font-size:16px
  }

  .hero-actions {
    flex-direction:column;
    align-items:flex-start;
    gap:16px
  }

  .impact-formula {
    border-radius:21px;
    padding:13px
  }

  .formula-photo {
    height:180px
  }

  .trust-line {
    flex-wrap:wrap;
    gap:16px 24px;
    margin-top:50px
  }

  .hero-visual {
    min-height:470px
  }

  .photo-hero {
    min-height:540px
  }

  .hero-photo-wrap {
    inset:0 0 20px 18px
  }

  .photo-label {
    min-width:145px;
    padding:15px;
    bottom:45px;
    right:0
  }

  .photo-label strong {
    font-size:20px
  }

  .proof-bar {
    grid-template-columns:1fr;
    padding:30px 20px
  }

  .proof-bar b {
    border-top:1px solid var(--line);
    padding-top:14px
  }

  .tree-impact {
    gap:50px;
    min-height:auto
  }

  .tree-copy h2 {
    font-size:68px
  }

  .tree-scene {
    min-height:310px
  }

  .tree-sun {
    width:78px;
    height:78px;
    font-size:25px;
    right:32px
  }

  .sun-disc {
    width:310px;
    height:310px
  }

  .object-card {
    border-radius:17px;
    width:185px;
    height:115px;
    padding:17px
  }

  .object-card strong {
    font-size:22px
  }

  .object-icon {
    font-size:34px
  }

  .card-shirt {
    top:20px;
    right:4px
  }

  .card-bag {
    top:175px
  }

  .card-home {
    top:310px;
    right:2px
  }

  .round-note {
    width:98px;
    height:98px;
    font-size:8px;
    top:137px;
    right:0
  }

  .visual-caption {
    font-size:12px;
    left:5px
  }

  .editorial-card {
    width:205px;
    min-height:135px;
    padding:18px
  }

  .editorial-card strong {
    font-size:34px
  }

  .card-give {
    top:20px;
    right:0
  }

  .card-good {
    top:292px;
    left:0
  }

  .times-mark {
    width:85px;
    height:85px;
    font-size:27px;
    top:190px;
    left:calc(50% - 42px)
  }

  .chic-visual .round-note {
    top:145px
  }

  .impact-strip {
    grid-template-columns:1fr
  }

  .impact-strip>div,.impact-strip>div:first-child {
    border-bottom:1px solid #ffffff26;
    border-right:0;
    min-height:155px;
    padding:28px 20px
  }

  .impact-strip>div:last-child {
    border-bottom:0
  }

  .impact-stat strong {
    font-size:52px
  }

  .offer-grid {
    grid-template-columns:1fr;
    margin-top:50px
  }

  .offer-card {
    border-radius:23px;
    min-height:570px;
    padding:28px 22px
  }

  .offer-copy h3 {
    font-size:44px
  }

  .manifesto {
    gap:25px
  }

  .manifesto h2,.section-heading h2,.row-heading h2,.journey h2,.faq h2,.final-cta h2 {
    font-size:43px
  }

  .manifesto div>p {
    margin-top:30px;
    font-size:16px
  }

  .step-grid {
    grid-template-columns:1fr;
    margin-top:55px
  }

  .step-grid article,.step-grid article+article {
    border-bottom:1px solid #ffffff2e;
    border-right:0;
    min-height:275px;
    padding:24px 0
  }

  .step-grid article:last-child {
    border-bottom:0
  }

  .step-symbol {
    height:105px;
    font-size:62px
  }

  .row-heading {
    flex-direction:column;
    align-items:flex-start
  }

  .route-intro {
    padding-top:72px;
    padding-bottom:68px
  }

  .route-intro h2 {
    font-size:46px
  }

  .journey-process {
    gap:35px;
    padding-top:70px;
    padding-bottom:70px
  }

  .journey-photo {
    border-radius:18px 90px 18px 18px;
    min-height:330px;
    max-height:330px
  }

  .garment-passport {
    border-radius:18px;
    padding:28px 20px
  }

  .garment-passport li {
    padding-left:48px
  }

  .garment-passport li div {
    grid-template-columns:1fr;
    gap:5px
  }

  .garment-passport li small {
    grid-row:auto
  }

  .resale-why {
    gap:45px;
    padding-top:75px;
    padding-bottom:75px
  }

  .resale-evidence {
    grid-template-columns:1fr;
    min-height:0
  }

  .resale-evidence img {
    height:220px;
    min-height:220px
  }

  .resale-evidence>div {
    padding:12px 10px 16px
  }

  .thing-list {
    margin-top:55px
  }

  .thing-row {
    grid-template-columns:30px 1fr 25px;
    gap:14px;
    padding:24px 0
  }

  .thing-row p {
    grid-column:2/4
  }

  .thing-row h3 {
    font-size:24px
  }

  .journey-card {
    border-radius:24px;
    min-height:auto;
    padding:38px 25px
  }

  .route {
    grid-template-columns:1fr;
    gap:15px;
    margin-top:60px
  }

  .route i {
    margin-left:10px;
    transform:rotate(90deg)
  }

  .principles {
    grid-template-columns:1fr;
    gap:25px
  }

  .community-badge {
    width:160px;
    height:160px
  }

  .community-badge strong {
    font-size:39px
  }

  .leader-row {
    grid-template-columns:38px 1fr auto;
    padding-left:10px;
    padding-right:10px
  }

  .top-donor-title {
    padding-left:10px;
    padding-right:10px
  }

  .pickup-story {
    gap:45px
  }

  .pickup-story-photo {
    border-radius:20px 160px 20px 20px;
    min-height:440px
  }

  .review-wall {
    grid-template-columns:1fr
  }

  .shot-one,.shot-two,.shot-three {
    margin-top:0;
    transform:none
  }

  .review-shot {
    min-height:auto
  }

  .review-shot>p {
    font-size:19px
  }

  .receipt-row {
    grid-template-columns:1fr
  }

  .manifesto-label>span {
    display:none
  }

  .manifesto-copy>p {
    font-size:15px
  }

  .manifesto-photo {
    border-radius:20px 150px 20px 20px;
    min-height:470px
  }

  .manifesto-action,.steps-cta {
    flex-direction:column;
    align-items:flex-start
  }

  .value-flow {
    grid-template-columns:1fr 1fr
  }

  .value-flow span:nth-child(2) {
    border-right:0
  }

  .value-flow span:nth-child(-n+2) {
    border-bottom:1px solid #1c1d1b38
  }

  .pickup-overlay {
    padding:0
  }

  .pickup-modal {
    border-radius:0;
    width:100%;
    height:100dvh;
    min-height:0;
    max-height:100dvh
  }

  .pickup-head {
    min-height:68px;
    padding:0 16px
  }

  .pickup-body {
    height:auto;
    min-height:0
  }

  .pickup-screen {
    width:calc(100% - 32px);
    padding:28px 0 24px
  }

  .pickup-screen h2 {
    font-size:37px
  }

  .pickup-guidance {
    grid-template-columns:1fr;
    gap:5px;
    margin-top:20px;
    padding:15px 16px
  }

  .pickup-guidance strong {
    grid-row:auto
  }

  .field-label {
    margin-top:14px
  }

  .form-grid {
    grid-template-columns:1fr
  }

  .field-label.wide {
    grid-column:auto
  }

  .pickup-footer {
    min-height:72px;
    padding:10px 16px max(10px,env(safe-area-inset-bottom));
    grid-template-columns:auto 1fr;
    gap:8px 16px
  }

  .pickup-footer>p {
    grid-area:2/1/auto/-1
  }

  .pickup-footer .back-button,.pickup-footer .button {
    grid-row:1
  }

  .pickup-progress {
    letter-spacing:.12em;
    font-size:8px
  }

  .pickup-promise {
    grid-template-columns:repeat(3,1fr)
  }

  .process-heading {
    flex-direction:column;
    align-items:flex-start
  }

  .process-grid {
    grid-template-columns:1fr;
    margin-top:50px
  }

  .process-grid article,.process-grid article:first-child,.process-grid article:last-child {
    border-right:0;
    min-height:275px;
    padding:24px 0
  }

  .process-grid h3 {
    font-size:26px
  }

  .manifesto-points span {
    grid-template-columns:1fr;
    gap:8px
  }

  .booking-summary>div {
    grid-template-columns:80px 1fr
  }

  .quote-section {
    min-height:530px
  }

  .quote-section blockquote {
    font-size:42px
  }

  .faq {
    gap:45px
  }

  summary {
    font-size:16px
  }

  .final-cta {
    min-height:auto
  }

  .cta-orbit {
    width:150px;
    height:150px
  }

  .contact-actions {
    flex-direction:column;
    align-items:flex-start;
    gap:17px
  }

  footer {
    grid-template-columns:1fr;
    padding-top:45px;
    padding-bottom:105px
  }

  footer nav {
    flex-wrap:wrap
  }

  .focus-hero {
    gap:50px;
    min-height:auto;
    padding-top:70px
  }

  .focus-hero h1,.impact-report-hero h1 {
    font-size:58px
  }

  .focus-photo {
    height:470px
  }

  .eligibility-strip {
    grid-template-columns:1fr;
    padding:0 20px
  }

  .eligibility-strip div {
    border-bottom:1px solid #ffffff26;
    border-right:0;
    min-height:120px;
    padding:25px 0
  }

  .donate-standards {
    gap:50px
  }

  .resale-truth {
    gap:45px
  }

  .truth-lead {
    font-size:21px
  }

  .truth-grid {
    grid-template-columns:1fr
  }

  .truth-grid article,.truth-grid article+article {
    border-left:0;
    border-bottom:1px solid var(--line);
    padding:22px 0
  }

  .truth-grid article:last-child {
    border-bottom:0
  }

  .standard-list article,.method-list article {
    grid-template-columns:30px 1fr
  }

  .standard-list p,.method-list p {
    grid-column:2
  }

  .focus-impact {
    grid-template-columns:1fr
  }

  .collection-head {
    flex-direction:column;
    align-items:flex-start
  }

  .product-grid {
    grid-template-columns:1fr
  }

  .shop-tree {
    gap:50px
  }

  .shop-tree-visual {
    height:350px
  }

  .report-numbers {
    grid-template-columns:1fr;
    padding:0 20px
  }

  .report-numbers>div {
    border-bottom:1px solid #ffffff26;
    border-right:0;
    min-height:145px;
    padding:25px 0
  }

  .methodology {
    gap:50px
  }

  .ledger-head {
    display:none
  }

  .ledger-row {
    grid-template-columns:1fr;
    gap:9px;
    padding:23px 0
  }

  .ledger-row span:before {
    content:attr(data-label) ": ";
    text-transform:uppercase;
    letter-spacing:.1em;
    opacity:.45;
    margin-right:8px;
    font-size:8px;
    display:inline
  }

  .legal-copy {
    padding-top:75px
  }

  .rich-footer {
    grid-template-columns:1fr
  }

  .mobile-pickup {
    z-index:40;
    left:12px;
    right:12px;
    bottom:max(12px, env(safe-area-inset-bottom));
    display:flex;
    position:fixed
  }

  .mobile-pickup>.button {
    width:100%;
    box-shadow:0 12px 40px #00000038
  }

}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }

  *,:before,:after {
    transition:none!important
  }

  .reveal-section>* {
    opacity:1!important;
    transform:none!important
  }

}

.minimal-home .section-pad {
  padding-top:96px;
  padding-bottom:96px
}

.minimal-header {
  justify-content:space-between
}

.minimal-nav {
  align-items:center;
  gap:34px;
  font-size:12px;
  font-weight:650;
  display:flex
}

.minimal-nav a {
  padding:10px 0;
  position:relative
}

.minimal-nav a:after {
  content:"";
  background:currentColor;
  height:1px;
  transition:right .25s;
  position:absolute;
  bottom:5px;
  left:0;
  right:100%
}

.minimal-nav a:hover:after {
  right:0
}

.minimal-hero {
  text-align:center;
  background-color:var(--paper);
  background-image:url(assets/chic-twice-hero-background.jpg);
  background-position:50%;
  background-size:cover;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:680px;
  margin:0;
  padding:70px max(28px,50vw - 700px);
  display:flex
}

.minimal-hero-copy {
  flex-direction:column;
  align-items:center;
  width:min(100%,980px);
  display:flex
}

.minimal-hero-copy h1 {
  letter-spacing:-.075em;
  margin:0 0 28px;
  font-size:clamp(62px,7.3vw,112px);
  line-height:.88
}

.minimal-hero-copy h1 em {
  color:var(--coral)
}

.minimal-hero-copy>p {
  color:#1c1d1ba8;
  max-width:640px;
  margin:0 auto 38px;
  font-size:21px;
  line-height:1.5
}

.minimal-fashion {
  background:var(--paper);
  grid-template-columns:1.05fr .75fr;
  align-items:center;
  gap:90px;
  display:grid
}

.minimal-fashion h2,.simple-process h2,.minimal-section-heading h2,.community-heading h2,.minimal-final h2 {
  letter-spacing:-.06em;
  margin:0;
  font-size:clamp(48px,5.4vw,82px);
  line-height:.95
}

.minimal-fashion h2 em,.community-heading h2 em {
  color:var(--coral)
}

.minimal-fashion p {
  color:#1c1d1bb3;
  max-width:730px;
  margin:34px 0 0;
  font-size:18px;
  line-height:1.65
}

.minimal-fashion>img {
  object-fit:cover;
  border-radius:20px 140px 20px 20px;
  width:100%;
  height:390px
}

.organization-marquee {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
  grid-template-columns:210px minmax(0,1fr);
  align-items:center;
  height:156px;
  padding:0 max(28px,50vw - 700px);
  display:grid;
  overflow:hidden
}

.organization-marquee-label {
  z-index:2;
  background:#fff;
  flex-direction:column;
  gap:7px;
  display:flex;
  position:relative
}

.organization-marquee-label b {
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:9px
}

.organization-marquee-label small {
  color:#1c1d1b7a;
  font-size:8px
}

.organization-marquee-window {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);
  mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)
}

.organization-marquee-track {
  will-change:transform;
  width:max-content;
  animation:24s linear infinite organization-marquee;
  display:flex
}

.organization-logo-set {
  flex:none;
  align-items:center;
  gap:64px;
  padding-right:64px;
  display:flex;
}

.organization-logo-set img {
  object-fit:contain;
  width:118px;
  height:78px;
	filter: grayscale(100%);
  opacity: 0.7; /* Optional: softens the contrast so they blend better */
}

@keyframes organization-marquee {
  0% {
    transform:translate(-50%)
  }

  to {
    transform:translate(0)
  }

}

.about-hero {
  background:var(--paper);
  flex-direction:column;
  justify-content:center;
  min-height:620px;
  display:flex
}

.about-hero h1 {
  letter-spacing:-.075em;
  max-width:1100px;
  margin:0;
  font-size:clamp(68px,8vw,124px);
  line-height:.86
}

.about-hero h1 em {
  color:var(--coral)
}

.about-hero>p:last-child {
  color:#1c1d1bad;
  max-width:690px;
  margin:46px 0 0 auto;
  font-size:20px;
  line-height:1.65
}

.about-story {
  background:var(--green);
  color:#fff;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  display:grid
}

.about-story article {
  border-right:1px solid #ffffff2e;
  flex-direction:column;
  min-height:450px;
  padding:8px 44px 25px;
  display:flex
}

.about-story article:first-child {
  padding-left:0
}

.about-story article:last-child {
  border-right:0;
  padding-right:0
}

.about-story span {
  color:var(--lime);
  letter-spacing:.12em;
  font-size:12px
}

.about-story h2 {
  margin:auto 0 24px;
  font-family:Georgia,serif;
  font-size:clamp(29px,2.6vw,42px);
  font-weight:400;
  line-height:1.05
}

.about-story p {
  color:#ffffffad;
  margin:0;
  font-size:15px;
  line-height:1.7
}

.about-belief {
  background:var(--cream);
  grid-template-columns:1.05fr .75fr;
  gap:100px;
  display:grid
}

.about-belief h2 {
  letter-spacing:-.06em;
  max-width:800px;
  margin:0;
  font-size:clamp(48px,5.2vw,80px);
  line-height:.95
}

.about-belief>div:last-child {
  align-self:end
}

.about-belief>div:last-child p {
  color:#1c1d1bad;
  margin:0;
  font-size:17px;
  line-height:1.7
}

.about-belief>div:last-child p+p {
  margin-top:24px
}

.minimal-tree {
  grid-template-columns:.55fr .65fr;
  gap:90px;
  min-height:610px
}

.minimal-tree .tree-copy h2 {
  font-size:clamp(68px,8vw,120px);
  line-height:.78
}

.minimal-tree .tree-copy>p {
  margin-top:40px;
  font-size:19px
}

.minimal-tree .tree-scene {
  border-radius:24px 150px 24px 24px;
  min-height:390px
}

.minimal-tree .tree-photo img {
  object-position:center
}

.minimal-tree .tree-cutout-stage {
  isolation:isolate;
  background:0 0;
  border-radius:0;
  min-height:520px;
  overflow:hidden
}

.minimal-tree .tree-cutout-stage:before {
  content:"";
  z-index:-2;
  aspect-ratio:1;
  background:var(--coral);
  border-radius:50%;
  width:min(36vw,420px);
  position:absolute;
  top:6%;
  right:3%
}

.minimal-tree .tree-cutout-stage:after {
  content:"";
  z-index:-3;
  aspect-ratio:1;
  border:1px solid #28382f47;
  border-radius:50%;
  width:min(43vw,510px);
  position:absolute;
  top:-3%;
  right:-5%
}

.minimal-tree .tree-cutout-stage img {
  z-index:2;
  filter:drop-shadow(0 24px 20px #28382f29);
  transform-origin:70% 78%;
  width:auto;
  max-width:none;
  height:100%;
  transition:transform .75s cubic-bezier(.22,1,.36,1);
  position:absolute;
  bottom:0;
  left:-5%
}

.minimal-tree .tree-cutout-stage:hover img {
  transform:rotate(-1deg)scale(1.015)
}

.minimal-tree .growth-ring {
  z-index:-1;
  border:1px solid #28382f54;
  border-radius:50%;
  display:block;
  position:absolute
}

.minimal-tree .growth-ring-one {
  aspect-ratio:1;
  width:58%;
  top:15%;
  right:7%
}

.minimal-tree .growth-ring-two {
  aspect-ratio:1;
  border-color:#28382f3b;
  width:34%;
  top:27%;
  right:18%
}

.simple-process {
  background:var(--green);
  color:#fff
}

.simple-process-heading {
  grid-template-columns:1.1fr .7fr;
  align-items:end;
  gap:80px;
  display:grid
}

.simple-process-heading p {
  color:#ffffffb3;
  max-width:520px;
  margin:0 0 8px;
  font-size:17px;
  line-height:1.65
}

.simple-process-body {
  grid-template-columns:.92fr 1.08fr;
  align-items:stretch;
  gap:70px;
  margin:64px 0 44px;
  display:grid
}

.simple-process-photo {
  border-radius:18px 150px 18px 18px;
  min-height:470px;
  overflow:hidden
}

.simple-process-photo img {
  object-fit:cover;
  width:100%;
  height:100%
}

.simple-steps {
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid
}

.simple-steps li {
  background:#ffffff0e;
  border:1px solid #ffffff2e;
  border-radius:18px;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:22px;
  min-height:0;
  padding:27px 28px;
  transition:transform .25s,background .25s;
  display:grid
}

.simple-steps li:hover {
  background:#ffffff17;
  transform:translate(6px)
}

.simple-steps>li>span {
  border:1px solid var(--lime);
  width:48px;
  height:48px;
  color:var(--lime);
  border-radius:50%;
  place-items:center;
  font-size:13px;
  display:grid
}

.simple-steps h3 {
  margin:0 0 8px;
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:400
}

.simple-steps p {
  color:#ffffffab;
  max-width:620px;
  margin:0;
  font-size:15px;
  line-height:1.52
}

.minimal-testimonials {
  background:var(--paper)
}

.minimal-section-heading {
  max-width:900px;
  margin-bottom:60px
}

.minimal-testimonials .review-shot {
  min-height:345px
}

.minimal-testimonials .review-app small,.minimal-testimonials .review-meta {
  font-size:11px
}

.minimal-testimonials .review-shot>p {
  font-size:20px
}

.minimal-community {
  background:var(--cream);
  grid-template-columns:1fr .85fr;
  align-items:start;
  gap:110px;
  display:grid
}

.community-heading h3 {
  margin:58px 0 0;
  font-family:Georgia,serif;
  font-size:30px;
  font-weight:400
}

.minimal-community .leaderboard {
  border-top:0
}

.leaderboard-column-label {
  text-align:right;
  color:#1c1d1b80;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:0 20px 14px;
  font-size:11px;
  font-weight:750
}

.minimal-community .leader-row:first-child {
  border-top:0
}

.minimal-community .leader-row {
  min-height:96px;
  padding-left:20px;
  padding-right:20px
}

.minimal-community .leader-row small,.minimal-community .leader-rank {
  font-size:12px
}

.minimal-final {
  background:var(--coral);
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:480px;
  display:flex
}

.minimal-final p {
  max-width:680px;
  margin:30px 0 36px;
  font-size:18px;
  line-height:1.6
}

.minimal-faq {
  background:var(--paper)
}

.minimal-faq .faq-title h2 {
  margin:0
}

.minimal-home .rich-footer {
  grid-template-columns:1fr 1.5fr auto auto;
  min-height:150px
}

@media (min-width:1051px) {
  .minimal-tree {
    grid-template-columns:.65fr .55fr
  }

  .minimal-tree>.tree-copy {
    grid-area:1/2
  }

  .minimal-tree>.tree-cutout-stage {
    grid-area:1/1
  }

}

@media (max-width:1050px) {
  .minimal-hero {
    grid-template-columns:1fr;
    gap:55px
  }

  .minimal-fashion,.minimal-tree,.simple-process-heading,.simple-process-body,.minimal-community {
    grid-template-columns:1fr
  }

  .minimal-fashion>img {
    width:min(100%,680px)
  }

  .minimal-tree .tree-scene {
    width:100%
  }

  .simple-process-photo {
    width:min(100%,680px);
    min-height:390px
  }

  .minimal-home .rich-footer {
    grid-template-columns:1fr 1fr
  }

  .about-story {
    grid-template-columns:1fr
  }

  .about-story article,.about-story article:first-child,.about-story article:last-child {
    border-bottom:1px solid #ffffff2e;
    border-right:0;
    min-height:0;
    padding:36px 0
  }

  .about-story article:last-child {
    border-bottom:0
  }

  .about-story h2 {
    margin:70px 0 24px
  }

  .about-belief {
    grid-template-columns:1fr;
    gap:55px
  }

}

@media (max-width:720px) {
  .minimal-home .section-pad {
    padding-top:74px;
    padding-bottom:74px
  }

  .minimal-nav {
    gap:17px;
    font-size:10px
  }

  .minimal-hero {
    background-position:55%;
    width:100%;
    min-height:590px;
    padding:50px 18px 64px
  }

  .minimal-hero-copy h1 {
    margin-bottom:22px;
    font-size:clamp(49px,15vw,70px);
    line-height:.94
  }

  .minimal-hero-copy>p {
    margin-bottom:30px;
    font-size:17px
  }

  .minimal-fashion {
    gap:42px
  }

  .minimal-fashion h2,.simple-process h2,.minimal-section-heading h2,.community-heading h2,.minimal-final h2 {
    font-size:44px
  }

  .minimal-fashion p,.minimal-tree .tree-copy>p,.simple-process-heading p,.minimal-final p {
    font-size:16px
  }

  .minimal-fashion>img {
    border-radius:16px 85px 16px 16px;
    height:270px
  }

  .organization-marquee {
    grid-template-columns:112px minmax(0,1fr);
    height:122px;
    padding:0 18px
  }

  .organization-marquee-label {
    gap:4px
  }

  .organization-marquee-label b {
    max-width:90px;
    font-size:7px;
    line-height:1.4
  }

  .organization-marquee-label small {
    max-width:90px;
    font-size:6px;
    line-height:1.3
  }

  .organization-logo-set {
    gap:35px;
    padding-right:35px
  }

  .organization-logo-set img {
    width:82px;
    height:58px
  }

  .minimal-tree {
    gap:40px
  }

  .minimal-tree .tree-copy h2 {
    font-size:66px
  }

  .minimal-tree .tree-scene {
    border-radius:16px 85px 16px 16px;
    min-height:255px
  }

  .minimal-tree .tree-cutout-stage {
    border-radius:0;
    min-height:345px;
    margin-top:34px;
    overflow:visible
  }

  .minimal-tree .tree-cutout-stage:before {
    width:245px;
    top:4%;
    right:-4%
  }

  .minimal-tree .tree-cutout-stage:after {
    width:300px;
    top:-5%;
    right:-14%
  }

  .minimal-tree .tree-cutout-stage img {
    width:122%;
    height:auto;
    bottom:0;
    left:-27%
  }

  .minimal-tree .growth-ring-one {
    width:70%;
    top:13%;
    right:-1%
  }

  .minimal-tree .growth-ring-two {
    width:41%;
    top:27%;
    right:13%
  }

  .simple-process-heading {
    gap:28px
  }

  .simple-process-body {
    gap:42px;
    margin:48px 0 38px
  }

  .simple-process-photo {
    border-radius:16px 85px 16px 16px;
    height:270px;
    min-height:270px
  }

  .simple-steps li {
    grid-template-columns:47px 1fr;
    gap:14px;
    padding:21px 18px
  }

  .simple-steps>li>span {
    width:40px;
    height:40px
  }

  .simple-steps h3 {
    font-size:22px
  }

  .simple-steps p {
    font-size:14px
  }

  .minimal-section-heading {
    margin-bottom:42px
  }

  .minimal-testimonials .review-shot>p {
    font-size:18px
  }

  .minimal-community {
    gap:46px
  }

  .community-heading h3 {
    margin-top:40px;
    font-size:26px
  }

  .minimal-community .leader-row {
    padding-left:12px;
    padding-right:12px
  }

  .leaderboard-column-label {
    padding-right:12px
  }

  .minimal-home .rich-footer {
    grid-template-columns:1fr
  }

  .about-hero {
    min-height:530px
  }

  .about-hero h1 {
    font-size:58px
  }

  .about-hero>p:last-child {
    margin-top:34px;
    font-size:16px
  }

  .about-story h2 {
    margin-top:48px;
    font-size:31px
  }

  .about-belief h2 {
    font-size:44px
  }

}

@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}

@property --tw-skew-x {
  syntax:"*";
  inherits:false
}

@property --tw-skew-y {
  syntax:"*";
  inherits:false
}



.pickup-overlay[hidden],.static-step[hidden],#pickup-footer[hidden],#pickup-progress[hidden],#pickup-error[hidden] {
  display:none!important
}