/* Home page: real fabrics as an editorial spread. */
.fe { padding-block:clamp(72px,10vw,160px);background:#0d0d0d;color:#fff; }
.fe-head { display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px clamp(24px,5vw,88px);align-items:end;margin-bottom:clamp(32px,5vw,72px); }
.fe-head h2 { font-size:clamp(44px,7.6vw,132px);line-height:.96;letter-spacing:-.024em;margin:0; }
.fe-head em { font-style:italic; }
.fe-side { display:grid;gap:18px;justify-items:start; }
.fe-side p { margin:0;opacity:.72;max-width:42ch; }
.fe-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,44px) clamp(6px,1vw,16px);align-items:start; }
.fe-card { display:block;min-width:0; }
.fe-card:nth-child(1) { grid-column:1 / span 7; }
.fe-card:nth-child(2) { grid-column:9 / span 4;margin-top:clamp(40px,10vw,180px); }
.fe-card:nth-child(3) { grid-column:2 / span 4; }
.fe-card:nth-child(4) { grid-column:6 / span 7;margin-top:clamp(-120px,-6vw,-20px); }
.fe-card:nth-child(5) { grid-column:1 / span 5; }
.fe-card:nth-child(6) { grid-column:7 / span 5;margin-top:clamp(20px,5vw,90px); }
.fe-frame { position:relative;overflow:hidden;background:#1a1a1a;aspect-ratio:3/2; }
.fe-card:nth-child(2) .fe-frame,.fe-card:nth-child(3) .fe-frame,.fe-card:nth-child(6) .fe-frame { aspect-ratio:1; }
.fe-frame img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.16,1,.3,1); }
html.js .fe-card .fe-frame { clip-path:inset(14% 0 0 0);transition:clip-path 1.3s cubic-bezier(.16,1,.3,1); }
html.js .fe-card .fe-frame img { transform:scale(1.1); }
html.js .fe-card.is-in .fe-frame { clip-path:inset(0); }
html.js .fe-card.is-in .fe-frame img { transform:none; }
@media (hover:hover) and (pointer:fine) { html.js .fe-card.is-in:hover .fe-frame img { transform:scale(1.035); } }
.fe-cap { display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-top:12px; }
.fe-cap strong { font-family:var(--display);font-weight:400;font-variant-numeric:lining-nums;font-size:clamp(19px,1.7vw,27px);line-height:1.15; }
.fe-cap span { font-size:13px;opacity:.66;white-space:nowrap; }
@media (max-width:760px) {
  .fe-head { grid-template-columns:minmax(0,1fr); }
  .fe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fe-card:nth-child(n) { grid-column:auto;margin-top:0; }
  .fe-card:nth-child(3n+1) { grid-column:1 / -1; }
  .fe-card:nth-child(n) .fe-frame { aspect-ratio:1; }
  .fe-card:nth-child(3n+1) .fe-frame { aspect-ratio:4/3; }
  .fe-cap { flex-direction:column;gap:0; }
}
@media (prefers-reduced-motion:reduce) { html.js .fe-card .fe-frame,html.js .fe-card .fe-frame img { clip-path:none;transform:none;transition:none; } }
.fe .btn { background:#fff;color:#0d0d0d;border-color:#fff; }
.fe .btn:hover { background:#e9e8e4;border-color:#e9e8e4;color:#0d0d0d; }