/* A furniture study within wen's existing editorial language. */
.design-outcomes {
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
  padding-top:28px;padding-bottom:72px;
}
.design-outcomes .section-title { margin-bottom:0; }
.outcomes-copy p,.case-heading>p {
  font-size:1.0625rem;line-height:1.75;color:var(--mid);
}
.outcomes-copy p+p { margin-top:18px; }
.outcomes-copy strong { font-weight:500;color:var(--dark); }
.rental-page .furniture-case { padding-top:24px;padding-bottom:75px; }
.case-heading {
  display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;
  border-top:1px solid var(--ink-line);padding-top:46px;margin-bottom:34px;
}
.case-heading .section-title { margin-bottom:0; }
.case-heading>p { padding-bottom:6px;max-width:42ch; }
.case-comparison { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;padding:10px 6px 18px;align-items:start; }
.case-comparison .case-polaroid {
  --case-tilt:-1.5deg;
  min-width:0;position:relative;background:#fff;padding:12px 12px 28px;
  box-shadow:3px 6px 20px rgba(43,36,32,.12);
  transform:rotate(var(--case-tilt));
  transition:transform .35s ease,box-shadow .35s ease;
}
.case-comparison .case-polaroid:nth-child(2) { --case-tilt:1.2deg; }
.case-image-frame { background:#fff;overflow:hidden; }
.case-comparison .case-image-frame img { width:100%;height:auto;aspect-ratio:4/3;object-fit:contain; }
.case-comparison figcaption { padding:17px 12px 0;text-align:center; }
.case-step { display:block;font-family:'Caveat',cursive;font-size:1.8rem;font-weight:600;line-height:1.2;color:var(--terra);margin-bottom:9px; }
.case-comparison figcaption strong { display:block;font-size:1.125rem;line-height:1.45;font-weight:500; }
.case-comparison figcaption p { font-size:.9375rem;line-height:1.6;color:var(--mid);margin:7px auto 0;max-width:42ch; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .case-comparison .case-polaroid:hover {
    transform:rotate(0deg) translateY(-6px) scale(1.015);
    box-shadow:6px 14px 36px rgba(43,36,32,.18);z-index:1;
  }
}
@media (prefers-reduced-motion:reduce) {
  .case-comparison .case-polaroid { transition:none; }
}
.case-context { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:42px;margin:0 0 42px; }
.case-axonometric { min-width:0; }
.case-axonometric img { width:100%;height:auto; }
.case-axonometric figcaption { font-family:'Caveat',cursive;font-size:1.45rem;line-height:1.4;color:var(--terra);text-align:center;margin-top:8px; }
.case-decisions h3 { font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:500;line-height:1.15;margin:0 0 25px; }
.case-decisions ol { list-style:none; }
.case-decisions li { display:flex;gap:18px;border-top:1px solid var(--ink-line);padding:20px 0; }
.case-decisions li>span { font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-style:italic;color:var(--terra);line-height:1.25; }
.case-decisions h4 { font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:5px; }
.case-decisions li p { font-size:1rem;line-height:1.65;color:var(--mid); }
.case-academic-note { margin-top:32px;border-top:1px solid var(--ink-line);padding-top:20px;font-size:.875rem;line-height:1.65;color:var(--mid);max-width:90ch; }
@media (max-width:1100px) {
  .design-outcomes { gap:42px; }
  .case-heading { gap:35px; }
  .case-context { gap:28px; }
}
@media (max-width:768px) {
  .design-outcomes { grid-template-columns:1fr;gap:24px;padding:0 24px 50px; }
  .design-outcomes .section-title { font-size:2.6rem; }
  .rental-page .furniture-case { padding:0 24px 55px; }
  .case-heading { grid-template-columns:1fr;gap:22px;padding-top:35px;margin-bottom:26px; }
  .case-heading .section-title { font-size:2.8rem; }
  .case-comparison { grid-template-columns:1fr;gap:32px;padding:6px 3px 12px; }
  .case-comparison .case-polaroid { --case-tilt:-.7deg;padding:10px 10px 24px; }
  .case-comparison .case-polaroid:nth-child(2) { --case-tilt:.7deg; }
  .case-comparison figcaption { padding:16px 7px 0; }
  .case-context { grid-template-columns:1fr;gap:30px;margin:0 0 32px; }
  .case-axonometric { max-width:580px;justify-self:center; }
  .case-decisions h3 { font-size:2.2rem; }
  .case-academic-note { margin-top:18px; }
}
