/* Five editorial product showcase scenes. Pure HTML/CSS: no external asset,
   outdated screenshot, invented customer/agent identity, or animation dependency. */
.ft3-showcase { background:#fbfaf7; padding:clamp(55px,7vw,100px) clamp(20px,5vw,80px); }
.ft3-showcase__layout { width:min(100%,1320px); }
.ft3-showcase__intro { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:30px; }
.ft3-showcase__intro h2 { margin:0 0 15px; font-size:clamp(32px,3.8vw,54px); letter-spacing:-.055em; line-height:1.08; }
.ft3-showcase__intro p:not(.ft2-showcase__eyebrow) { margin:0; max-width:650px; font-size:clamp(14px,1.2vw,17px); line-height:1.75; color:#56665a; }
.ft3-showcase__link { flex-shrink:0; display:inline-flex; gap:12px; align-items:center; font-size:13px; font-weight:700; color:#28513c; border-bottom:1px solid #a4b4a5; padding-bottom:6px; }
.ft3-showcase__link:hover { color:#132e21; }
.ft3-showcase__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.ft3-showcase__card { min-width:0; overflow:hidden; border:1px solid #e2e8df; border-radius:14px; background:#fff; box-shadow:0 7px 24px rgba(26,48,32,.045); transition:transform .22s ease,box-shadow .22s ease; }
.ft3-showcase__card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(26,48,32,.10); }
.ft3-showcase__card--home { grid-column:span 2; grid-row:span 2; }
.ft3-showcase__preview { position:relative; overflow:hidden; isolation:isolate; aspect-ratio:1.44; display:flex; }
.ft3-showcase__card--home .ft3-showcase__preview { aspect-ratio:1.31; }
.ft3-showcase__copy { padding:17px 18px 20px; }
.ft3-showcase__card--home .ft3-showcase__copy { padding:22px 24px 25px; }
.ft3-showcase__copy h3 { color:#22382b; font-size:clamp(16px,1.45vw,19px); margin:0 0 7px; letter-spacing:-.025em; }
.ft3-showcase__copy p { color:#68776c; line-height:1.58; font-size:13px; margin:0; }
.ft3-showcase__note { margin:18px 0 0; text-align:right; color:#829087; font-size:11px; }

/* Property preview: a rich scene, not a screenshot of the deprecated design. */
.ft3-showcase__preview--home { background:#e8e5d9; }
.ft3-showcase__home-illustration { position:absolute; inset:0 0 25%; background:linear-gradient(180deg,#ede9dc 0%,#f5efe5 61%,#ceb9a1 61%,#c4ac91 100%); }
.ft3-showcase__home-illustration:before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.4) 49%,transparent 65%); }
.ft3-showcase__window { position:absolute; top:9%; width:20%; height:56%; border:7px solid #faf9ee; background:linear-gradient(180deg,#a3bbbf,#d7e0d5 65%,#849d86 66%,#b2c1a6); box-shadow:0 4px 13px #958a7144; }
.ft3-showcase__window:after { content:""; position:absolute; left:47%; top:0; bottom:0; width:5px; background:#f7f5eb; }
.ft3-showcase__window--one { left:20%; }
.ft3-showcase__window--two { left:44%; }
.ft3-showcase__sofa { position:absolute; left:28%; bottom:1%; width:43%; height:22%; background:#d0c5b4; border-radius:22px 22px 9px 9px; box-shadow:0 -9px #b9ad9b inset,0 13px 9px #554b3e25; }
.ft3-showcase__table { position:absolute; left:43%; bottom:-2%; width:28%; height:9%; border-radius:50%; background:#90745b; box-shadow:0 5px 0 #765a47; }
.ft3-showcase__plant { position:absolute; right:13%; bottom:6%; width:5%; height:25%; background:#886f55; border-radius:0 0 12px 12px; }
.ft3-showcase__plant:before { content:""; position:absolute; width:75px; height:85px; bottom:40%; left:-29px; background:radial-gradient(ellipse at 30% 40%,#61826d 0 30%,transparent 32%),radial-gradient(ellipse at 65% 65%,#74967c 0 34%,transparent 36%),radial-gradient(ellipse at 60% 23%,#416e51 0 29%,transparent 31%); }
.ft3-showcase__home-details { position:absolute; bottom:0; left:0; right:0; display:flex; flex-direction:column; gap:8px; padding:20px 25px 17px; background:#fafbf6; color:#193024; box-shadow:0 -9px 23px #4d402616; }
.ft3-showcase__pill { align-self:flex-start; font-size:9px; background:#dce9dc; color:#2b6446; letter-spacing:.1em; font-weight:800; padding:5px 8px; border-radius:4px; }
.ft3-showcase__home-details strong { font-size:clamp(18px,2.1vw,29px); letter-spacing:-.045em; line-height:1.12; max-width:90%; }
.ft3-showcase__home-details > span:not(.ft3-showcase__pill) { font-size:12px; color:#748078; }
.ft3-showcase__home-details b { font-size:13px; margin:0 6px; }
.ft3-showcase__home-bottom { display:flex; justify-content:space-between; align-items:center; font-size:11px; font-weight:700; color:#446f57; border-top:1px solid #e7e9e2; padding-top:10px; }
.ft3-showcase__home-bottom i { color:#294934; font-size:23px; }

/* Instagram: picture + genuine editorial content placement. */
.ft3-showcase__preview--instagram { background:#f3eee8; }
.ft3-showcase__social-photo { width:49%; background:linear-gradient(143deg,#d2af8c,#e7d1b5 60%,#b5a38c); position:relative; overflow:hidden; }
.ft3-showcase__social-arch { position:absolute; width:68%; height:77%; left:16%; top:11%; border-radius:46% 46% 0 0; border:9px solid #eee1cc; background:linear-gradient(180deg,#9fb7b1 0%,#dfded0 55%,#889a7c 56%); }
.ft3-showcase__social-leaf { position:absolute; bottom:-12%; left:-10%; width:90%; height:60%; background:radial-gradient(ellipse at 40% 55%,#638267 0 28%,transparent 30%),radial-gradient(ellipse at 70% 35%,#476a51 0 22%,transparent 24%); transform:rotate(-18deg); }
.ft3-showcase__social-copy { display:flex; flex-direction:column; width:51%; padding:clamp(11px,1.5vw,21px); justify-content:center; gap:9px; color:#26372d; }
.ft3-showcase__social-copy > span { color:#8c796d; font-size:9px; font-weight:700; letter-spacing:.04em; }
.ft3-showcase__social-copy strong { font-family:Georgia,serif; font-size:clamp(16px,1.6vw,25px); font-weight:400; line-height:1.1; }
.ft3-showcase__social-copy small { font-size:10px; line-height:1.45; color:#697368; }
.ft3-showcase__social-dots { display:flex; gap:4px; margin-top:3px; }
.ft3-showcase__social-dots i { display:block; width:5px; height:5px; background:#b5c3b2; border-radius:50%; }
.ft3-showcase__social-dots i:first-child { background:#466a52; }

/* Reco: explicitly sample quote; no fabricated attributed testimonial. */
.ft3-showcase__preview--reco { background:radial-gradient(circle at 90% 20%,#e7eee5,transparent 62%),#f3f6f0; align-items:center; justify-content:center; padding:16px; }
.ft3-showcase__quote { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; width:100%; max-width:270px; }
.ft3-showcase__stars { color:#d79b49; font-size:clamp(13px,1.4vw,19px); letter-spacing:2px; white-space:nowrap; }
.ft3-showcase__stars span { font-size:10px; color:#526855; letter-spacing:0; font-weight:700; }
.ft3-showcase__quote-mark { height:16px; color:#aac2ad; font-family:Georgia,serif; font-size:45px; line-height:1; }
.ft3-showcase__quote strong { font-family:Georgia,serif; color:#2a4633; font-size:clamp(15px,1.45vw,22px); line-height:1.25; font-weight:400; }
.ft3-showcase__quote-foot { align-self:stretch; display:flex; justify-content:space-between; gap:5px; font-size:9px; color:#647767; margin-top:6px; }
.ft3-showcase__quote-foot span:last-child { font-size:14px; font-weight:800; color:#294e38; }

/* Team: elegant, anonymous illustrated silhouette, never a fictitious agent. */
.ft3-showcase__preview--people { background:#e0e6da; }
.ft3-showcase__portrait { position:relative; width:47%; background:linear-gradient(160deg,#9dab97,#738d7b); overflow:hidden; }
.ft3-showcase__portrait-head { position:absolute; left:35%; top:18%; width:36%; aspect-ratio:.83; border-radius:46% 46% 43% 43%; background:#e6bda0; box-shadow:0 -9px 0 3px #4c5149; }
.ft3-showcase__portrait-body { position:absolute; left:12%; bottom:-18%; width:90%; height:55%; border-radius:48% 48% 0 0; background:#eeeae0; box-shadow:0 0 0 6px #c8c7b9 inset; }
.ft3-showcase__people-copy { width:53%; display:flex; flex-direction:column; justify-content:center; padding:clamp(10px,1.5vw,22px); gap:10px; }
.ft3-showcase__people-copy span { font-size:9px; letter-spacing:.1em; color:#627665; font-weight:800; }
.ft3-showcase__people-copy strong { font-family:Georgia,serif; color:#2a4934; font-size:clamp(16px,1.6vw,24px); font-weight:400; line-height:1.15; }
.ft3-showcase__people-copy small { color:#6a796b; line-height:1.4; font-size:10px; }
.ft3-showcase__people-copy i { color:#66816c; font-size:12px; }

/* Flexible branded campaigns. */
.ft3-showcase__preview--campaign { padding:10px; background:#e7e9df; }
.ft3-showcase__campaign { position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:clamp(15px,1.8vw,25px); color:#f8f4e7; width:100%; overflow:hidden; border-radius:4px; background:linear-gradient(130deg,#1e4938,#17402e); }
.ft3-showcase__campaign > span { letter-spacing:.14em; font-size:9px; font-weight:700; z-index:1; }
.ft3-showcase__campaign > strong { font-family:Georgia,serif; max-width:75%; font-size:clamp(17px,1.85vw,28px); line-height:1.12; font-weight:400; z-index:1; }
.ft3-showcase__campaign-bottom { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:700; z-index:1; }
.ft3-showcase__campaign-art { position:absolute; width:52%; aspect-ratio:1; border-radius:50%; border:23px solid #79977a; opacity:.24; right:-16%; bottom:-33%; }
.ft3-showcase__campaign-art:after { content:""; position:absolute; inset:16%; border-radius:50%; border:12px solid #d4e1bb; }

@media(max-width:1050px) {
  .ft3-showcase__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ft3-showcase__card--home { grid-column:span 2; grid-row:auto; }
  .ft3-showcase__card--home .ft3-showcase__preview { aspect-ratio:2.1; }
  .ft3-showcase__home-illustration { right:40%; bottom:0; }
  .ft3-showcase__home-details { top:0; left:60%; padding:clamp(15px,2vw,30px); justify-content:center; box-shadow:-9px 0 25px #4d402616; }
}
@media(max-width:650px) {
  .ft3-showcase { padding:57px 20px 70px; }
  .ft3-showcase__intro { display:block; margin-bottom:25px; }
  .ft3-showcase__intro p:not(.ft2-showcase__eyebrow) { font-size:14px; }
  .ft3-showcase__link { margin-top:20px; }
  .ft3-showcase__grid { gap:12px; }
  .ft3-showcase__card { border-radius:11px; }
  .ft3-showcase__preview { aspect-ratio:.98; }
  .ft3-showcase__card--home .ft3-showcase__preview { aspect-ratio:1.38; }
  .ft3-showcase__home-illustration { right:0; bottom:34%; }
  .ft3-showcase__home-details { top:auto; left:0; bottom:0; padding:12px 15px 11px; gap:5px; box-shadow:0 -9px 23px #4d402616; }
  .ft3-showcase__home-details strong { font-size:clamp(17px,5vw,24px); }
  .ft3-showcase__pill { font-size:8px; padding:4px 6px; }
  .ft3-showcase__copy, .ft3-showcase__card--home .ft3-showcase__copy { padding:14px 13px 17px; }
  .ft3-showcase__copy h3 { font-size:15px; }
  .ft3-showcase__copy p { font-size:12px; }
  .ft3-showcase__social-photo { width:44%; }
  .ft3-showcase__social-copy { width:56%; padding:9px; gap:5px; }
  .ft3-showcase__social-copy strong,.ft3-showcase__people-copy strong { font-size:clamp(14px,3.7vw,20px); }
  .ft3-showcase__social-copy small,.ft3-showcase__people-copy small { font-size:8px; }
  .ft3-showcase__social-copy > span,.ft3-showcase__people-copy span { font-size:7px; }
  .ft3-showcase__preview--reco { padding:10px; }
  .ft3-showcase__quote { gap:5px; }
  .ft3-showcase__quote strong { font-size:clamp(13px,3.25vw,18px); }
  .ft3-showcase__quote-foot { font-size:7px; }
  .ft3-showcase__stars { font-size:12px; letter-spacing:0; }
  .ft3-showcase__stars span { font-size:8px; }
  .ft3-showcase__people-copy { padding:9px; gap:6px; }
  .ft3-showcase__campaign { padding:13px; }
  .ft3-showcase__campaign > strong { font-size:clamp(16px,4vw,23px); max-width:95%; }
  .ft3-showcase__campaign > span { font-size:7px; }
  .ft3-showcase__campaign-bottom { font-size:8px; }
  .ft3-showcase__note { text-align:left; }
}
@media(prefers-reduced-motion:reduce) { .ft3-showcase__card { transition:none; } }