/* Own project accounts, not invented client quotations. No autoplay. */
.brand-site .project-stories { --story-ink:#332b21; --story-muted:#7c6e5b; --story-line:#e5ddcf; background:#faf8f5; padding:100px 0 94px; }
.project-stories .product-heading { max-width:790px; text-align:center; margin:0 auto 48px; }
.project-stories .product-heading .eyebrow { color:#9a8969; }
.project-stories .product-heading h2 { color:var(--story-ink); font-size:clamp(34px,4.2vw,56px); line-height:1.1; font-weight:500; letter-spacing:-.045em; }
.project-stories .product-heading h2 em { color:inherit; font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; }
.project-stories .product-heading>p:last-child { max-width:660px; font-size:15px; line-height:1.75; color:var(--story-muted); margin:22px auto 0; }
.project-story-frame { position:relative; width:min(1120px,100%); margin:auto; }
.project-story-panel { padding:36px 56px 32px; border:1px solid var(--story-line); border-radius:22px; background:#f2eee4; margin:0 0 24px; }
.project-story-panel--faben { background:#f1e9e1; }
.project-story-panel--barons { background:#efedde; }
.project-story-panel--smartatm { background:#e9eee7; }
.project-story-panel--alma { background:#e9eded; }
.project-story-topline { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; color:#8d7c60; font-size:11px; }
.project-story-stage { display:inline-flex; padding:5px 10px; border:1px solid #dcd3bf; background:#ffffff75; border-radius:100px; color:#7d6d51; font-size:10px; line-height:1.4; }
.brand-site .project-story-copy { font-family:Georgia,'Times New Roman',serif; font-size:clamp(27px,3.15vw,43px); line-height:1.25; letter-spacing:-.037em; font-weight:400; color:var(--story-ink); text-align:center; margin:42px auto 34px; max-width:950px; }
.project-story-attribution { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 auto 35px; }
.project-story-avatar { display:flex; align-items:center; justify-content:center; flex:none; width:61px; height:61px; background:#faf8f3; border:1px solid #ddd4bf; border-radius:17px; padding:9px; overflow:hidden; }
.project-story-avatar img { display:block; width:100%; height:100%; object-fit:contain; }
.project-story-avatar--faben { padding:0; border:0; }
.project-story-avatar--alma { background:#102128; }
.project-story-avatar--barons img { mix-blend-mode:multiply; }
.brand-site .project-story-attribution h3 { color:#4f4130; font-size:14px; line-height:1.5; margin:0 0 2px; font-weight:550; letter-spacing:-.015em; }
.brand-site .project-story-attribution p { margin:0; color:#8a795f; font-size:11px; line-height:1.6; }
.project-story-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid #ded4bf; padding-top:21px; }
.project-story-authorship { color:#8e7c5f; font-size:10px; line-height:1.6; }
.project-story-bottom>a { display:inline-flex; align-items:center; gap:16px; color:#665337; text-decoration:none; font-size:12px; font-weight:500; min-height:32px; }
.project-story-bottom>a:hover { text-decoration:underline; text-underline-offset:4px; }
.project-story-navigation { display:flex; align-items:center; justify-content:center; gap:17px; margin:24px 0; }
.project-story-navigation[hidden] { display:none; }
.project-story-navigation>button { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid #dfd5c3; color:#8c7857; background:transparent; font:inherit; cursor:pointer; transition:background .18s,color .18s; }
.project-story-navigation>button:hover { background:#ebe3d2; color:#4f4028; }
.project-story-count { font-size:10px; color:#aa997d; font-variant-numeric:tabular-nums; direction:ltr; }
.project-story-count>span { color:#6c5737; }
.project-story-tabs { width:min(1120px,100%); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:28px auto 0; }
.project-story-tabs>a { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-width:0; min-height:113px; padding:16px 12px 12px; border:1px solid transparent; border-radius:13px; background:transparent; color:#8f7f65; text-decoration:none; transition:background .18s,border-color .18s; }
.project-story-tabs>a:hover { background:#f0eadf; }
.project-story-tabs>a[aria-selected="true"] { background:#fffdf8; border-color:#ccb88e; box-shadow:0 5px 15px #7e694609; }
.project-story-brand { display:flex; align-items:center; justify-content:center; width:120px; height:42px; max-width:100%; filter:grayscale(1); opacity:.6; transition:filter .2s,opacity .2s; }
.project-story-brand img { display:block; width:100%; height:100%; object-fit:contain; }
.project-story-brand--faben { width:40px; height:40px; border-radius:10px; overflow:hidden; }
.project-story-brand--barons { width:130px; mix-blend-mode:multiply; }
.project-story-brand--smartatm { width:89px; mix-blend-mode:multiply; }
.project-story-brand--alma { width:120px; padding:6px; background:#102128; border-radius:6px; }
.project-story-tabs>a[aria-selected="true"] .project-story-brand,.project-story-tabs>a:hover .project-story-brand { filter:none; opacity:1; }
.project-story-tab-name { font-size:9px; line-height:1.4; text-align:center; }
.project-story-tabs>a[aria-selected="true"] .project-story-tab-name { color:#75603e; }
.project-stories-more { display:flex; justify-content:center; margin-top:34px; }
.project-stories-more .text-link { display:inline-flex; align-items:center; gap:20px; color:#806a46; font-size:13px; }
.project-stories :is(a,button):focus-visible { outline:2px solid #84693d; outline-offset:5px; }
.project-stories.is-enhanced .project-story-panels { display:grid; }
.project-stories.is-enhanced .project-story-panel { grid-area:1/1; margin-bottom:0; min-height:440px; display:flex; flex-direction:column; }
.project-stories.is-enhanced .project-story-copy { flex:1; display:flex; align-items:center; justify-content:center; }
.project-stories [data-project-story-panel][hidden] { display:none!important; }
.project-stories.is-enhanced .project-story-panel:not([hidden]) { animation:story-enter .32s ease both; }
@keyframes story-enter { from { opacity:.55; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
[dir="rtl"] .project-story-navigation button>span { transform:scaleX(-1); }
.shared-hebrew .project-stories .product-heading h2 em { font-family:inherit; font-style:normal; }
.shared-hebrew .project-story-copy { font-family:inherit; letter-spacing:-.025em; }
@media(max-width:760px) {
 .brand-site .project-stories { padding:64px 0 58px; }
 .project-stories .product-heading { margin-bottom:32px; }
 .project-story-panel { padding:25px 25px 22px; border-radius:18px; }
 .brand-site .project-story-copy { font-size:30px; margin:31px auto 29px; }
 .project-story-attribution { margin-bottom:27px; }
 .project-story-avatar { width:53px; height:53px; border-radius:14px; }
 .project-story-bottom { display:flex; flex-direction:column; align-items:center; gap:9px; }
 .project-story-authorship { text-align:center; }
 .project-story-tabs { display:flex; overflow-x:auto; overflow-y:hidden; padding:6px; gap:8px; scroll-snap-type:x proximity; margin-top:21px; scrollbar-width:thin; }
 .project-story-tabs>a { flex:0 0 128px; min-height:100px; padding:13px 10px 10px; scroll-snap-align:center; }
 .project-story-brand { max-width:105px; }
 .project-stories.is-enhanced .project-story-panel { min-height:480px; }
 .project-story-navigation { margin:21px 0; }
}
@media(max-width:440px) {
 .project-story-panel { padding:23px 20px 20px; }
 .brand-site .project-story-copy { font-size:27px; line-height:1.3; }
 .brand-site .project-story-attribution h3 { font-size:13px; }
 .brand-site .project-story-attribution p { font-size:10px; }
 .project-story-attribution { gap:11px; }
 .project-stories.is-enhanced .project-story-panel { min-height:490px; }
}
.access-motion .project-stories *, .access-motion .project-stories *::before { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { .project-stories *, .project-stories *::before { animation:none!important; transition:none!important; } }
