/* FLAMBINI's own type, original hero wordmark and original brand palette.
   Local font files: Google Fonts Anton / Oswald (same families as flambini.kyven.at).
   Load after showcase-products.css and showcase-story.css. */
@font-face{font-family:'Flambini Anton';src:url('assets/showcases/story/flambini-anton-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Flambini Oswald';src:url('assets/showcases/story/flambini-oswald-latin.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
.project-flambini{--chapter-bg:#f4f0e8;--chapter-ink:#23201b;--chapter-muted:#5b554c;--chapter-accent:#c25a0e;--chapter-line:#23201b26}
.project-flambini .project-statement{font-family:'Flambini Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:1.08}
.project-flambini .project-statement em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:inherit}
.project-flambini .project-milestones li.is-current{background:#e5701c;border-color:#e5701c;color:#23201b}
.project-flambini .project-link{color:#a34408;border-color:#e5701c80}
.scene-flambini{--fb-paper:#f4f0e8;--fb-orange:#e5701c;--fb-bright:#f08124;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:#191713;color:var(--fb-paper);border-radius:inherit}
.scene-flambini .fbr-film-stage{position:absolute;inset:22% -15% 0;overflow:hidden;transform:translate3d(calc(var(--pointer-x,0) * -5px),calc(var(--pointer-y,0) * -4px),0)}
.scene-flambini .fbr-fire-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform:scale(calc(1.03 + var(--detail,.7) * .075));transform-origin:50% 63%}
.scene-flambini .fbr-fire-video{opacity:0;transition:opacity .3s ease;pointer-events:none}
.scene-flambini .fbr-fire-video.is-playing-frame{opacity:1}
.scene-flambini .fbr-fire-video[hidden]{display:none!important}
.scene-flambini .fbr-film-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#191713 0%,#191713ed 15%,#1917138c 34%,#19171300 61%,#19171359 77%,#191713fa 94%),linear-gradient(90deg,#19171380 0%,transparent 65%);pointer-events:none}
.scene-flambini .fbr-topline{position:absolute;left:6%;right:6%;top:6%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:'Flambini Oswald','Arial Narrow',sans-serif;font-size:clamp(9px,1.6cqw,12px);font-weight:500;letter-spacing:.13em;line-height:1.4;color:#f4f0e8b3}
.scene-flambini .fbr-topline>span:first-child{display:flex;align-items:center;gap:10px;color:var(--fb-bright)}
.scene-flambini .fbr-topline i{display:block;width:25px;height:2px;background:var(--fb-bright)}
.scene-flambini .fbr-brand{position:absolute;left:6%;top:16%;width:81%;z-index:3;transform:translate3d(calc(var(--pointer-x,0) * 3px),calc((1 - var(--reveal,1)) * 24px - var(--detail,.7) * 8px),0);opacity:calc(.75 + var(--reveal,1) * .25)}
.scene-flambini .fbr-brand>img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 20px #0004)}
.scene-flambini .fbr-brand>p{font-family:'Flambini Anton',Impact,sans-serif;font-size:clamp(22px,4.75cqw,36px);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:1.1;color:var(--fb-bright);margin:10px 0 0}
.scene-flambini .fbr-brand>p>span{color:var(--fb-paper)}
.scene-flambini .fbr-material{position:absolute;left:6%;bottom:25%;z-index:4;display:flex;align-items:center;gap:14px;transform:translate3d(calc((1 - var(--detail,.7)) * -20px),calc((1 - var(--detail,.7)) * 12px),0);opacity:clamp(0,calc(var(--detail,.7) * 2.5),1)}
.scene-flambini .fbr-material>strong{font-family:'Flambini Anton',Impact,sans-serif;font-size:clamp(44px,9cqw,70px);font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;color:var(--fb-paper)}
.scene-flambini .fbr-material>strong>span{font-size:.36em;color:var(--fb-bright);margin-left:5px}
.scene-flambini .fbr-material>p{font-family:'Flambini Oswald','Arial Narrow',sans-serif;font-size:clamp(10px,1.85cqw,14px);font-weight:500;line-height:1.55;letter-spacing:.08em;color:var(--fb-paper);margin:0}
.scene-flambini .fbr-detail-card{position:absolute;z-index:5;right:6%;top:48%;width:29%;max-width:216px;margin:0;padding:8px 8px 0;background:#fdfcf9;box-shadow:0 12px 40px -18px #000b;border-radius:2px;transform:translate3d(calc((1 - var(--detail,.7)) * 48px - var(--pointer-x,0) * 5px),calc((1 - var(--detail,.7)) * 24px + var(--pointer-y,0) * 4px),0) rotate(calc(5deg - var(--detail,.7) * 2deg));opacity:clamp(0,calc(var(--detail,.7) * 2),1)}
.scene-flambini .fbr-detail-card>img{width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;object-position:39% 44%;border-radius:1px}
.scene-flambini .fbr-detail-card>figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 11px;font-family:'Flambini Oswald','Arial Narrow',sans-serif;font-size:clamp(8px,1.6cqw,11px);font-weight:500;line-height:1.25;letter-spacing:.07em;color:#5b554c}
.scene-flambini .fbr-detail-card>figcaption>span:last-child{font-size:15px;line-height:1;color:#c25a0e}
.scene-flambini .fbr-paper-tape{position:absolute;left:50%;top:-8px;width:47%;height:18px;background:#ebe0c9df;transform:translateX(-50%) rotate(-3deg);box-shadow:0 1px 3px #23201b12}
.scene-flambini .fbr-metrics{position:absolute;left:6%;right:6%;bottom:calc(46px + 4.5%);z-index:4;display:flex;align-items:center;gap:18px;line-height:1.25;color:#f4f0e8c7;transform:translateY(calc((1 - var(--reveal,1)) * 13px));opacity:calc(.45 + var(--reveal,1) * .55)}
.scene-flambini .fbr-metrics>span{font-family:'Flambini Oswald','Arial Narrow',sans-serif;font-size:clamp(8px,1.55cqw,11px);font-weight:500;letter-spacing:.06em}
.scene-flambini .fbr-metrics strong{display:block;margin-bottom:4px;font-family:'Flambini Anton',Impact,sans-serif;font-size:clamp(22px,4cqw,29px);font-weight:400;letter-spacing:.015em;color:var(--fb-paper)}
.scene-flambini .fbr-metrics>i{width:1px;height:36px;display:block;background:#f4f0e830}
.scene-flambini .fbr-marquee{position:absolute;left:0;right:0;bottom:0;z-index:8;height:46px;background:var(--fb-orange);color:var(--fb-paper);overflow:hidden;display:flex;align-items:center}
.scene-flambini .fbr-marquee-track{display:flex;align-items:center;gap:26px;width:max-content;flex-shrink:0;transform:translate3d(calc(var(--scene-progress,.6) * -105px),0,0)}
.scene-flambini .fbr-marquee-track>span{font-family:'Flambini Anton',Impact,sans-serif;font-size:clamp(17px,3.4cqw,24px);font-weight:400;letter-spacing:.025em;line-height:1;text-transform:uppercase;white-space:nowrap}
.scene-flambini .fbr-marquee-track>svg{display:block;width:14px;height:19px;flex-shrink:0}
@container(max-width:540px){
  .scene-flambini .fbr-brand{width:86%;top:16%}
  .scene-flambini .fbr-topline{font-size:9px;letter-spacing:.09em;gap:12px}
  .scene-flambini .fbr-topline i{width:18px}
  .scene-flambini .fbr-brand>p{font-size:26px;margin-top:10px}
  .scene-flambini .fbr-material{gap:10px;bottom:27%}
  .scene-flambini .fbr-material>strong{font-size:48px}
  .scene-flambini .fbr-material>p{font-size:10px;letter-spacing:.06em}
  .scene-flambini .fbr-detail-card{width:30%;right:7%;top:49%;padding:6px 6px 0}
  .scene-flambini .fbr-detail-card>figcaption{font-size:8px;padding:8px 1px 9px;letter-spacing:.03em;gap:3px}
  .scene-flambini .fbr-detail-card>figcaption>span:last-child{font-size:13px}
  .scene-flambini .fbr-metrics{gap:16px;bottom:calc(42px + 4%)}
  .scene-flambini .fbr-metrics strong{font-size:25px}
  .scene-flambini .fbr-metrics>span{font-size:9px}
  .scene-flambini .fbr-marquee{height:42px}
  .scene-flambini .fbr-marquee-track{gap:22px}
}
@container(max-width:360px){
  .scene-flambini .fbr-topline{font-size:8px;letter-spacing:.06em}
  .scene-flambini .fbr-topline>span:first-child{gap:7px}
  .scene-flambini .fbr-brand{top:17%;width:88%}
  .scene-flambini .fbr-brand>p{font-size:24px}
  .scene-flambini .fbr-material{gap:8px;bottom:29%}
  .scene-flambini .fbr-material>strong{font-size:42px}
  .scene-flambini .fbr-material>p{font-size:9px}
  .scene-flambini .fbr-detail-card{right:6%;width:30%;top:49%}
  .scene-flambini .fbr-detail-card>figcaption{font-size:7px}
  .scene-flambini .fbr-metrics>span{font-size:8px}
  .scene-flambini .fbr-metrics strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .scene-flambini .fbr-fire-video{display:none}
  .scene-flambini .fbr-film-stage,.scene-flambini .fbr-fire-image,.scene-flambini .fbr-brand,.scene-flambini .fbr-material,.scene-flambini .fbr-detail-card,.scene-flambini .fbr-metrics,.scene-flambini .fbr-marquee-track{transform:none;opacity:1;transition:none;animation:none}
  .scene-flambini .fbr-detail-card{transform:rotate(3deg)}
}