 

 

.says{padding:clamp(70px,9vw,120px) 0;border-top:1px solid var(--line)}
.says-in{display:grid;grid-template-columns:clamp(150px,15vw,190px) minmax(0,1fr);
  gap:clamp(28px,4vw,60px);align-items:start;margin-top:clamp(28px,3.4vw,44px)}
 
.says-in + .says-in{margin-top:clamp(48px,6vw,84px);
  padding-top:clamp(44px,5.4vw,76px);border-top:1px solid var(--line)}

 
.says-in:has(~ .says-in){grid-template-columns:minmax(0,1fr) clamp(150px,15vw,190px)}
.says-in:has(~ .says-in) .says-fig{order:2}
 
.says-in:has(~ .says-in) .says-q,
.says-in:has(~ .says-in) .says-pre{margin-right:0}

 
.says-fig img{width:100%;height:auto;aspect-ratio:1/1.618;object-fit:cover;display:block;
  filter:grayscale(1) contrast(1.06)}
.says-fig{position:relative;overflow:visible}
.says-fig .shot{display:block;position:relative;overflow:hidden}
 
.says-fig .safe{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  clip-path:inset(var(--safe,2% 7.63% 38% 7.63%))}
 
.says-fig .fsq{position:absolute;background:#fff;mix-blend-mode:difference;pointer-events:none;
  opacity:0;will-change:transform,opacity;
  transform:translate3d(var(--dx,0px),var(--dy,0px),0)}
html.lite .says-fig .fsq{display:none}
 

 
 
.says-pre-lab{display:block;font-family:var(--mono);font-size:var(--t--3);letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);margin-bottom:var(--s-3)}
 
.says-pre{max-width:62ch;font-size:var(--t-0);line-height:1.62;color:var(--dim);
  padding-bottom:clamp(20px,2.4vw,32px);margin-bottom:clamp(24px,2.8vw,40px);
  border-bottom:1px solid var(--line)}
.says-pre::before{content:"“"}
.says-pre::after{content:"”"}

 
.says-q{font-family:'RedC',serif;font-weight:400;letter-spacing:-.015em;line-height:1.24;
  font-size:clamp(22px,2.4vw,34px);max-width:none;position:relative}
 
.says-q::before{content:"“";display:block;font-family:'RedC',serif;
  font-size:clamp(54px,5.6vw,92px);line-height:.72;color:var(--ink);opacity:.26;
  margin-bottom:clamp(2px,.5vw,8px)}
 
.says-q .obsess{white-space:nowrap}

.says-cred{margin-top:clamp(24px,3vw,34px)}
.says-who{font-size:var(--t--1);font-weight:700}
.says-role{display:block;font-family:var(--mono);font-size:var(--t--3);letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);margin-top:6px;line-height:1.7}

 
.says-mark{display:inline-block;margin-top:clamp(26px,3.4vw,40px);text-decoration:none;position:relative}
.says-mark img{width:clamp(140px,17vw,230px);height:auto;display:block;opacity:.55;transition:opacity .3s ease}
 
.says-mark.tall img{width:auto;height:clamp(46px,5.2vw,68px);filter:brightness(0) invert(1)}
.says-mark .u{position:absolute;left:0;right:0;bottom:-12px;height:1px;background:#fff;
  transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.22,.72,.18,1)}
.says-mark .go{display:block;margin-top:var(--s-5);font-family:var(--mono);font-size:var(--t--3);
  letter-spacing:.18em;text-transform:uppercase;color:var(--dim);transition:color .3s ease}
.says-mark:hover img{opacity:1}
.says-mark:hover .u{transform:scaleX(1)}
.says-mark:hover .go{color:#fff}

@media(max-width:820px){
   
  .says-in,
  .says-in:has(~ .says-in){grid-template-columns:1fr;gap:24px}
  .says-in:has(~ .says-in) .says-fig{order:0}
  .says-fig img{width:clamp(150px,40vw,200px)}
  .says-q{max-width:100%;font-size:clamp(22px,6.4vw,30px)}
  .says-mark img{width:clamp(130px,38vw,180px)}
}
