/* Flyer24 concepts: editorial scale, original aspect ratios, clear prototype status. */
.f24-studies{background:#101a26;color:#f7f2e9;padding:clamp(64px,7vw,110px) var(--gutter);overflow:hidden}
.f24-studies-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f8c6656b;padding-top:16px;color:#ffc65b;font:11px/1.4 monospace;letter-spacing:.11em}
.f24-studies-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:end;margin:55px 0 40px}
.f24-studies h2{margin:0;font-size:clamp(42px,5.8vw,88px);line-height:.98;letter-spacing:-.065em}
.f24-studies h2 em{color:#ffc65b;font-family:Georgia,serif;font-weight:400}
.f24-studies-head p{max-width:480px;margin:0 0 6px;color:#d1d8d7;font-size:clamp(15px,1.3vw,18px);line-height:1.6}
.f24-studies-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(25px,3vw,50px);align-items:start}
.f24-study{min-width:0;margin:0}.f24-study:nth-child(2){margin-top:clamp(0px,5vw,75px)}
.f24-study>a{display:block;overflow:hidden;background:#172330;border:1px solid #ffd17b7d;box-shadow:0 20px 60px #0005}
.f24-study img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.f24-study figcaption{display:grid;grid-template-columns:36px 1fr;gap:12px;padding-top:15px;font:12px/1.5 sans-serif;color:#d6dfde}
.f24-study figcaption b{color:#ffc65b;font:12px/1.5 monospace}
.f24-studies-note{max-width:890px;border-top:1px solid #ffffff3f;padding-top:20px;margin:42px 0 0;color:#b9c8c6;font-size:13px;line-height:1.6}
.pf-lightbox .pf-full-image[src*="/flyer24/"][src*="-konzept"]{width:100%;height:auto;max-width:100%;max-height:min(78vh,680px)!important;flex-shrink:0}
.app-f24-teaser{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(20px,3vw,50px);align-items:center;background:#101d2c;color:#f7f2e9;border-left:5px solid #ffa326;margin-top:35px;padding:clamp(22px,3vw,42px)}
.app-f24-teaser-copy>span{font:11px/1.4 monospace;letter-spacing:.1em;color:#ffc66a}
.app-f24-teaser h3{margin:17px 0 12px;font-size:clamp(30px,3.3vw,52px);line-height:1.02;letter-spacing:-.055em;color:#fff}
.app-f24-teaser p{max-width:460px;font:15px/1.65 sans-serif;color:#d5dcdc;margin:0 0 22px}
.app-f24-teaser a{display:inline-block;color:#ffc66a;font:700 13px/1.5 sans-serif;text-decoration:underline;text-underline-offset:5px}
.app-f24-teaser figure{margin:0;min-width:0}.app-f24-teaser img{display:block;width:100%;height:auto;max-width:640px;border:1px solid #ffd47a78}.app-f24-teaser figcaption{margin-top:10px;color:#aebcbb;font:11px/1.5 monospace}
@media(max-width:800px){.f24-studies-head,.f24-studies-grid,.app-f24-teaser{grid-template-columns:1fr}.f24-study:nth-child(2){margin-top:0}.f24-studies-head{gap:20px}.app-f24-teaser figure{max-width:620px}}
@media(max-width:600px){.f24-studies{padding:58px 22px}.f24-studies-top{font-size:9px;flex-direction:column;gap:5px}.f24-studies-head{margin:38px 0 30px}.f24-studies h2{font-size:clamp(40px,11vw,60px)}.f24-studies-head p{font-size:15px}.f24-study figcaption{font-size:11px}.f24-studies-note{font-size:12px;margin-top:30px}.app-f24-teaser{margin-top:28px}}

/* Third user-approved original model: full image and clearly illustrative prices. */
.f24-studies-grid .f24-study-dark{grid-column:1/-1;width:100%;max-width:1190px;justify-self:center;margin-top:clamp(16px,3vw,45px)}
.f24-study-dark>a{border-color:#ffa93e}
.f24-study-dark figcaption{max-width:820px}

/* A genuinely inspectable app preview instead of a tiny, static thumbnail. */
.app-f24-teaser{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}
.app-f24-teaser figure>a{display:block;border:1px solid #ffd47a78;overflow:hidden}
.app-f24-teaser figure>a:focus-visible,.f24-web-model figure>a:focus-visible{outline:3px solid #ffc65b;outline-offset:5px}
.app-f24-teaser img{max-width:none;border:0}
.app-f24-teaser figcaption a{color:#ffc66a;text-decoration:underline;text-underline-offset:3px}

/* A separate concept chapter after the four current, live brand sites. */
.f24-web-model{background:#0e1c2a;color:#f6f2e9;padding:clamp(65px,7vw,105px) var(--gutter);overflow:hidden}
.f24-web-model-top{display:flex;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid #ffb65490;color:#ffc66a;font:11px/1.5 monospace;letter-spacing:.1em}
.f24-web-model-grid{display:grid;grid-template-columns:1fr;gap:38px;max-width:1500px;margin:55px auto 0}
.f24-web-model-copy{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:7%;row-gap:25px;align-items:end}
.f24-web-model-copy>.eyebrow{grid-column:1/-1;color:#ffc66a;margin:0}
.f24-web-model h2{font-size:clamp(42px,5.8vw,85px);line-height:.99;letter-spacing:-.065em;margin:0}
.f24-web-model h2 em{font:italic 400 1em Georgia,serif;color:#ffc66a}
.f24-web-model-copy>p{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#d3dce0;max-width:490px;margin:0}
.f24-web-model-tags{display:flex;gap:8px;flex-wrap:wrap;align-self:start}
.f24-web-model-tags span{padding:8px 12px;border:1px solid #ffc66a7c;color:#ffdfab;font:11px/1.3 monospace;text-transform:uppercase;letter-spacing:.06em}
.f24-web-model-copy>a{justify-self:start;align-self:start;padding:5px 0 9px;color:#ffc66a;border-bottom:1px solid currentColor;font:700 14px/1.5 sans-serif}
.f24-web-model figure{margin:0;min-width:0}
.f24-web-model figure>a{display:block;border:1px solid #ffb654ad;background:#182a38}
.f24-web-model figure img{display:block;width:100%;height:auto;object-fit:contain}
.f24-web-model figcaption{font:11px/1.5 monospace;letter-spacing:.08em;color:#bfcccf;margin-top:13px}
.f24-web-model-note{max-width:960px;border-top:1px solid #ffffff42;margin:42px auto 0;padding-top:18px;color:#c6d0d1;font-size:13px;line-height:1.65}
@media(max-width:800px){.app-f24-teaser,.f24-web-model-copy{grid-template-columns:1fr}.f24-web-model-copy>.eyebrow{grid-column:1}.f24-web-model-grid{margin-top:37px}.f24-web-model{padding:65px 28px}}
@media(max-width:600px){.f24-studies-grid .f24-study-dark{margin-top:12px}.f24-web-model{padding:58px 22px}.f24-web-model-top{font-size:9px;flex-direction:column;gap:4px}.f24-web-model h2{font-size:clamp(39px,10vw,58px)}.f24-web-model-copy{gap:21px}.f24-web-model-note{font-size:12px}.app-f24-teaser figure>a{max-width:100%}}