.fp-agency #fpro-examples.fp248-showcase{--ink:#243730;--gold:#edca64;--paper:#f6f4ed;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif;overflow:hidden}.fp-agency #fpro-examples.fp248-showcase *{box-sizing:border-box}.fp-agency #fpro-examples.fp248-showcase button{font:inherit}.fp-agency #fpro-examples.fp248-showcase .header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:#f9f7ef;padding:22px 4%}.fp-agency #fpro-examples.fp248-showcase .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700}.fp-agency #fpro-examples.fp248-showcase .mark{background:var(--gold);color:#243730;padding:2px 10px 2px 7px;letter-spacing:-4px;font-style:italic;border-radius:9px;font-size:29px}.fp-agency #fpro-examples.fp248-showcase .brand em{color:var(--gold);font-style:normal}.fp-agency #fpro-examples.fp248-showcase nav{display:flex;gap:26px;font-size:14px}.fp-agency #fpro-examples.fp248-showcase .current{color:var(--gold);border-bottom:2px solid var(--gold);padding-bottom:6px}.fp-agency #fpro-examples.fp248-showcase .heading{padding:38px 4% 10px;display:flex;justify-content:space-between;align-items:end;gap:20px}.fp-agency #fpro-examples.fp248-showcase .heading small{font-size:11px;font-weight:700;letter-spacing:2px;color:#735b25}.fp-agency #fpro-examples.fp248-showcase h2{font-size:clamp(29px,4.7vw,51px);font-weight:700;line-height:1.05;letter-spacing:-1.8px;margin:10px 0 0}.fp-agency #fpro-examples.fp248-showcase .count{font-size:13px;white-space:nowrap;color:#58685f}.fp-agency #fpro-examples.fp248-showcase .fan{position:relative;height:490px;width:100%;margin:0;isolation:isolate}.fp-agency #fpro-examples.fp248-showcase .project{position:absolute;left:50%;top:86px;width:40%;padding:0;text-align:left;border:1px solid #dddcd2;border-radius:14px;background:#fffef8;color:var(--ink);box-shadow:0 12px 36px #22342c19;transform:translateX(calc(-50% + var(--slot)*34%)) translateY(calc(var(--depth)*12px)) rotate(calc(var(--slot)*4deg));transform-origin:center center;transition:transform .45s cubic-bezier(.22,.7,.25,1),box-shadow .35s;z-index:var(--z);overflow:hidden}.fp-agency #fpro-examples.fp248-showcase .project img{display:block;width:100%;height:auto;aspect-ratio:1000/680;object-fit:contain;background:#e7e6dd}.fp-agency #fpro-examples.fp248-showcase .project .caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 18px}.fp-agency #fpro-examples.fp248-showcase .project strong{display:block;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.5px}.fp-agency #fpro-examples.fp248-showcase .project small{font-size:11px;color:#5b685f}.fp-agency #fpro-examples.fp248-showcase .project .arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#f0d781;border-radius:50%;font-size:20px}.fp-agency #fpro-examples.fp248-showcase .project.active{transform:translateX(calc(-50% + var(--slot)*25%)) translateY(-18px) rotate(0deg) scale(1.17);z-index:20;box-shadow:0 22px 60px #24373030}.fp-agency #fpro-examples.fp248-showcase .project:focus-visible{outline:3px solid #a27b20;outline-offset:5px}.fp-agency #fpro-examples.fp248-showcase .bottom{padding:4px 4% 32px;display:flex;justify-content:space-between;align-items:center;gap:12px}.fp-agency #fpro-examples.fp248-showcase .navigation{display:flex;align-items:center;gap:12px}.fp-agency #fpro-examples.fp248-showcase .round{background:transparent;color:var(--ink);border:1px solid #a9b2a6;border-radius:50%;height:46px;width:46px;font-size:23px}.fp-agency #fpro-examples.fp248-showcase .round:hover{background:var(--gold)}.fp-agency #fpro-examples.fp248-showcase .view{border:0;background:var(--ink);color:#fffef7;padding:13px 20px;border-radius:7px;font-size:14px}.fp-agency #fpro-examples.fp248-showcase .view:hover{background:#3c5046}.fp-agency #fpro-examples.fp248-showcase .label{font-size:12px;color:#54645b}.fp-agency #fpro-examples.fp248-showcase .expanded{padding:0 4% 30px}.fp-agency #fpro-examples.fp248-showcase .expanded img{display:block;width:100%;height:auto;border-radius:10px;margin-top:16px}.fp-agency #fpro-examples.fp248-showcase [hidden]{display:none!important}
@media(min-width:1100px){.fp-agency #fpro-examples.fp248-showcase .fan{height:560px}}
@media(max-width:600px){.fp-agency #fpro-examples.fp248-showcase .header{padding:18px 5%;gap:10px}.fp-agency #fpro-examples.fp248-showcase .brand{font-size:19px}.fp-agency #fpro-examples.fp248-showcase nav{gap:16px;font-size:13px}.fp-agency #fpro-examples.fp248-showcase nav span:nth-child(n+3){display:none}.fp-agency #fpro-examples.fp248-showcase .heading{padding:28px 5% 8px}.fp-agency #fpro-examples.fp248-showcase .fan{height:350px}.fp-agency #fpro-examples.fp248-showcase .project{width:68%;top:60px;transform:translateX(calc(-50% + var(--slot)*10%)) translateY(calc(var(--depth)*8px)) rotate(calc(var(--slot)*3deg))}.fp-agency #fpro-examples.fp248-showcase .project.active{transform:translateX(-50%) translateY(-4px) rotate(0) scale(1.06)}.fp-agency #fpro-examples.fp248-showcase .project .caption{padding:12px}.fp-agency #fpro-examples.fp248-showcase .project strong{font-size:16px}.fp-agency #fpro-examples.fp248-showcase .bottom{padding:0 5% 24px;flex-wrap:wrap}.fp-agency #fpro-examples.fp248-showcase .label{display:none}}
@media(prefers-reduced-motion:reduce){.fp-agency #fpro-examples.fp248-showcase *{transition:none!important;animation:none!important}}

.fp-agency #fpro-examples.fp248-showcase{width:100%;max-width:none;margin:0;padding:0 0 24px;background:#f6f4ed}
.fp-agency #fpro-examples.fp248-showcase .select{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.fp-agency #fpro-examples.fp248-showcase .project-link{display:block;margin:0 18px 15px;font-size:13px;text-underline-offset:4px;text-decoration:underline;color:#243730}
.fp-agency #fpro-examples.fp248-showcase .view{display:inline-block;text-decoration:none}
.fp-agency #fpro-examples.fp248-showcase .project[hidden]{display:none!important}
.fp-agency #fpro-examples.fp248-showcase .fan{height:clamp(520px,49vw,950px)}
.fp-agency #fpro-examples.fp248-showcase:not(.enhanced) .fan{height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:24px}
.fp-agency #fpro-examples.fp248-showcase:not(.enhanced) .project{position:static;width:auto;transform:none}
@media(max-width:600px){.fp-agency #fpro-examples.fp248-showcase .fan{height:calc(48vw + 220px)}.fp-agency #fpro-examples.fp248-showcase .project-link{margin:0 12px 12px}}

.fp-agency #fpro-examples.fp248-showcase .intro{max-width:610px;color:#53645a;font-size:17px;line-height:1.6;margin:16px 0 0}
.fp-agency #fpro-examples.fp248-showcase .project-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;background:#243730;color:#fffef8;text-decoration:none;border-radius:6px;gap:4px;margin:0 18px 18px}
.fp-agency #fpro-examples.fp248-showcase .project-link:hover{background:#3d5146}
.fp-agency #fpro-examples.fp248-showcase .project-link .fp-new-tab-note{font-size:11px;color:#e3e8df}