.hero{background-color:#17100a;color:#faf8eb;min-height:100vh;overflow:hidden;position:relative}.hero__bg-media{inset:0;height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:0}.hero__bg-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}body.has-hero .hero{height:calc(100vh + var(--nav-h));margin-top:calc(var(--nav-h)*-1);min-height:calc(100vh + var(--nav-h));position:sticky;top:calc(var(--nav-h)*-1);z-index:0}body.has-hero .hero-reveal{background:#f6f6ee;position:relative;z-index:1}.hero__content{display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:calc(var(--nav-h) + 48px) max(40px,(100% - 1280px)/2) 80px;position:absolute;z-index:1}.hero__tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;margin:0 0 16px;padding:0}.hero__title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:67px;font-weight:400;letter-spacing:-.02em;line-height:72px}@media (width<=991.98px){.hero__title{font-size:40px;font-weight:400;letter-spacing:-.02em;line-height:44px}}.hero__title{color:#f6f6ee;margin:0;max-width:567px}.hero__lead{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}@media (width<=991.98px){.hero__lead{font-size:20px;font-weight:600;letter-spacing:0;line-height:26px}}.hero__lead{color:#ddd6cb;margin:24px 0 0;max-width:409px}.hero .cta-row{margin-top:36px}.hero__tag{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}@media (width<=991.98px){.hero__tag{font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}}.hero__tag{align-items:center;color:#c2b9ac;display:flex;gap:8px;padding:8px 0}@media (width>=992px){.hero__tags{column-gap:16px}.hero__tag+.hero__tag:before{background:#52473c;border-radius:50%;content:"";flex:none;height:5px;margin-right:8px;width:5px}}.hero__tag-icon{background:#f9cc00;flex:none;height:18px;-webkit-mask:var(--hero-tag-icon) center/contain no-repeat;mask:var(--hero-tag-icon) center/contain no-repeat;width:18px}.hero__tag-icon--person{--hero-tag-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEzIDE0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04LjMyNiAxLjAwM0EyLjk0IDIuOTQgMCAwIDAgNi4wODQgMGMtLjg4MiAwLTEuNjguMzU0LTIuMjQ2Ljk5Ny0uNTczLjY1LS44NTIgMS41MzMtLjc4NiAyLjQ4Ni4xMyAxLjg4MiAxLjQ5IDMuNDEzIDMuMDMyIDMuNDEzczIuOS0xLjUzIDMuMDMzLTMuNDEyYy4wNjYtLjk0NS0uMjE1LTEuODI2LS43OS0yLjQ4MW0yLjkwNyAxMi43ODhILjkzNmEuOS45IDAgMCAxLS4zOS0uMDg3LjkuOSAwIDAgMS0uMzE4LS4yNTUgMS4xMyAxLjEzIDAgMCAxLS4yMS0uODk3Qy4yNjUgMTEuMTEyIDEuMDM2IDkuOSAyLjI0NyA5LjA1YzEuMDc2LS43NTQgMi40MzgtMS4xNyAzLjgzNy0xLjE3czIuNzYyLjQxNiAzLjgzOCAxLjE3YzEuMjExLjg1IDEuOTgyIDIuMDYgMi4yMjggMy41MDIuMDU3LjMzLS4wMi42NTctLjIxLjg5NmEuOS45IDAgMCAxLS4zMTcuMjU2LjkuOSAwIDAgMS0uMzkuMDg3Ii8+PC9zdmc+)}.hero__tag-icon--network{--hero-tag-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE3IDE3Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMy44NSAwYTIuMjM0IDIuMjM0IDAgMSAxLS44MTUgNC4zMTRsLTQuMDcxIDQuMDdjLjY2OS45Ny45NjYgMi4xNDguODM2IDMuMzE5bDIuMzQ1LjcwM2EyLjIzNSAyLjIzNSAwIDEgMS0uNTE0IDEuNzEybC0yLjM0NC0uNzA0YTQuOTE0IDQuOTE0IDAgMCAxLTkuMjgzLTIuMDQ2TDAgMTEuMTY5bC4wMDQtLjE5N0E0LjkxIDQuOTEgMCAwIDEgMi42NyA2Ljc5NmwtLjcwNC0yLjM0NGEyLjIzNCAyLjIzNCAwIDAgMS0xLjk2LTIuMDU5TDAgMi4yMzRsLjAwNC0uMTQ3YTIuMjM0IDIuMjM0IDAgMSAxIDMuNjc0IDEuODUxbC43MDMgMi4zNDZBNC45IDQuOSAwIDAgMSA3LjcgNy4xMmw0LjA3LTQuMDcxYTIuMiAyLjIgMCAwIDEtLjE1LS42NjhsLS4wMDQtLjE0Ny4wMDUtLjE0N0EyLjIzNCAyLjIzNCAwIDAgMSAxMy44NSAwIi8+PC9zdmc+)}.hero__tag-icon--target{--hero-tag-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik03LjIzOCAxOC45NTVhOSA5IDAgMCAxLTIuODM3LTEuOTEgOSA5IDAgMCAxLTEuOTEtMi44MzggOC43IDguNyAwIDAgMS0uNzAzLTMuNDg1cS0uMDAxLTEuODU0LjcwNC0zLjQ4NEE5LjEgOS4xIDAgMCAxIDQuNDAyIDQuNGE5IDkgMCAwIDEgMi44MzYtMS45MSA4LjcgOC43IDAgMCAxIDMuNDg1LS43MDRxMS44NTIgMCAzLjQ4NS43MDRhOSA5IDAgMCAxIDIuODM3IDEuOTEgOSA5IDAgMCAxIDEuOTEgMi44MzdxLjcwNSAxLjYzMi43MDQgMy40ODRhOC44IDguOCAwIDAgMS0uNzA1IDMuNDg1IDkgOSAwIDAgMS0xLjkxIDIuODM3IDkuMSA5LjEgMCAwIDEtMi44MzYgMS45MSA4LjYgOC42IDAgMCAxLTMuNDg1LjcwNCA4Ljc1IDguNzUgMCAwIDEtMy40ODUtLjcwM204LjU1Ni0zLjE2MnEyLjA3Ny0yLjA3OCAyLjA3Ny01LjA3IDAtMi45OTQtMi4wNzctNS4wNzEtMi4wNzctMi4wNzgtNS4wNzEtMi4wNzh0LTUuMDcgMi4wNzhxLTIuMDc4IDIuMDc3LTIuMDc4IDUuMDd0Mi4wNzcgNS4wNzEgNS4wNzEgMi4wNzggNS4wNy0yLjA3OE02LjkyNSAxNC41MnEtMS41NjMtMS41NjMtMS41NjMtMy43OTd0MS41NjMtMy43OTggMy43OTgtMS41NjQgMy43OTggMS41NjRxMS41NjMgMS41NjMgMS41NjMgMy43OTggMCAyLjIzNC0xLjU2MyAzLjc5Ny0xLjU2NSAxLjU2NC0zLjc5OCAxLjU2NFQ2LjkyNSAxNC41Mm02LjMyMi0xLjI3M3ExLjA1LTEuMDUgMS4wNS0yLjUyNCAwLTEuNDc1LTEuMDUtMi41MjV0LTIuNTI0LTEuMDUtMi41MjQgMS4wNS0xLjA1IDIuNTI0cTAgMS40NzUgMS4wNSAyLjUyNXQyLjUyNCAxLjA1IDIuNTI0LTEuMDVtLTMuNzg2LTEuMjYyYTEuNzIgMS43MiAwIDAgMS0uNTI1LTEuMjYycTAtLjczOC41MjUtMS4yNjIuNTI1LS41MjUgMS4yNjItLjUyNi43MzYgMCAxLjI2My41MjYuNTI1LjUyNi41MjQgMS4yNjEtLjAwMi43MzYtLjUyNCAxLjI2My0uNTI0LjUyNy0xLjI2My41MjVhMS43MyAxLjczIDAgMCAxLTEuMjYyLS41MjUiLz48L3N2Zz4=)}.hero__card{background:#f6f6ee33;border-radius:16px;bottom:80px;display:flex;padding:4px 16px 4px 4px;position:absolute;right:max(40px,50% - 640px);width:369px;z-index:2}.hero__card-link{color:inherit;display:flex;gap:18px;text-decoration:none;transition:opacity .2s;width:100%}.hero__card-link:focus-visible,.hero__card:hover .hero__card-link{opacity:.82}.hero__card-media{border-radius:12px;flex:none;height:175px;overflow:hidden;position:relative;width:175px}.hero__bg{background:50%/cover no-repeat;inset:0;opacity:0;position:absolute;transition:opacity .8s}.hero__bg.is-active{opacity:1}.hero__bg:first-child{background-image:url(/assets/img/case-studies/fashion-influencer.webp)}.hero__card-body{align-items:flex-start;display:flex;flex-direction:column;min-width:0;padding-top:8px}.hero__card-stat-value{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:28px;font-weight:600;letter-spacing:0;line-height:34px}@media (width<=991.98px){.hero__card-stat-value{font-size:25px;font-weight:600;letter-spacing:0;line-height:30px}}.hero__card-stat-value{color:#f6f6ee;margin:0}.hero__card-stat-label{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}@media (width<=991.98px){.hero__card-stat-label{font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}}.hero__card-stat-label{color:#ddd6cb;margin:3px 0 0;max-width:142px}.hero__card-cta{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}@media (width<=991.98px){.hero__card-cta{font-size:13px;font-weight:500;letter-spacing:0;line-height:16px}}.hero__card-cta{border-bottom:1.5px solid #f6f6ee;color:#f6f6ee;display:inline-block;margin-top:25px;padding-bottom:2px}.hero__card-progress{align-items:center;bottom:12px;display:flex;gap:8px;left:197px;position:absolute;right:16px}.hero__card-bar{appearance:none;background:#3a312a;border:0;border-radius:2.5px;cursor:pointer;flex:none;height:5px;overflow:hidden;padding:0;position:relative;transition:width .25s,background-color .2s;width:5px}.hero__card-bar:after{content:"";inset:-10px -6px;position:absolute}.hero__card-bar:hover{background:#6b5f53}.hero__card-bar.is-active,.hero__card-bar.is-current{width:27px}.hero__card-bar-fill{background:#f9cc00;border-radius:inherit;inset:0;position:absolute;transition:width .25s;width:0}.hero__card-bar.is-active .hero__card-bar-fill{animation:hero-bar-fill 4.5s linear forwards}.hero__card.is-paused .hero__card-bar.is-active .hero__card-bar-fill{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero__card-bar,.hero__card-bar-fill{transition:none}}.hero__card-bar.is-current .hero__card-bar-fill{width:100%}@media (width<=991.98px){:root{--nav-h:46px}.hero{display:flex;flex-direction:column;min-height:0}body.has-hero .hero{height:auto;position:static}.hero__content{padding:88px 20px 32px;position:static}.hero__title{order:1}.hero__lead{order:2}.hero__tags{margin:24px 0 0;order:3}.cta-row{order:4}.hero__card{bottom:auto;flex-direction:column;margin:calc(var(--nav-h) + 24px) auto 0;padding:20px;position:relative;right:auto;width:min(369px,100% - 40px)}.hero__card-link{align-items:flex-start;flex-direction:column;width:auto}.hero__card-media{aspect-ratio:1;height:auto;width:100%}.hero__card-body{padding-top:16px}.hero__card-progress{bottom:auto;left:auto;margin-top:16px;position:static;right:auto;width:100%}.hero__tags{align-items:flex-start;flex-direction:column;gap:0}}.onas{padding:64px 0 128px}.onas__head{align-items:start;display:grid;gap:64px;grid-template-columns:minmax(0,600fr) minmax(0,616fr)}.onas__head-main{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.onas__title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:51px;font-weight:500;letter-spacing:-.02em;line-height:56px}@media (width<=991.98px){.onas__title{font-size:39px;font-weight:600;letter-spacing:-.01em;line-height:44px}}.onas__title{color:#52473c;margin:0}.onas__lead{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media (width<=991.98px){.onas__lead{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}}.onas__lead{color:#52473c;--reveal-i:1;margin:40px 0 0}.onas__cards{column-gap:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px}.onas-card{padding:0 16px;position:relative}.onas-card:nth-child(2){--reveal-i:1}.onas-card:nth-child(3){--reveal-i:2}.onas-card__media{aspect-ratio:1;background:#f6f6ee;border-radius:20px;display:block;height:auto;object-fit:cover;width:100%}.onas-card__title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}@media (width<=991.98px){.onas-card__title{font-size:20px;font-weight:600;letter-spacing:0;line-height:26px}}.onas-card__title{color:#2c221a;margin:16px 8px 0}.onas-card__text{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media (width<=991.98px){.onas-card__text{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}}.onas-card__text{color:#52473c;margin:8px 8px 0}.onas__cta{align-items:center;background:#ede8e0;border-radius:20px;display:flex;gap:16px;justify-content:space-between;margin-top:64px;padding:8px 8px 8px 24px}.onas__cta-text{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}@media (width<=991.98px){.onas__cta-text{font-size:20px;font-weight:600;letter-spacing:0;line-height:26px}}.onas__cta-text{color:#17100a;margin:0}@media (width<=991.98px){.onas{padding:64px 0 80px}.onas__head{gap:0;grid-template-columns:minmax(0,1fr)}.onas__lead{margin-top:16px}.onas__cards{gap:40px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}.onas-card{padding:0}}@media (width<=767.98px){.onas__cards{grid-template-columns:minmax(0,1fr);row-gap:32px}.onas__cta{align-items:stretch;flex-direction:column;padding:24px}}@media (width>=992px){.dna-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,265px)}.dna-bento--art-left{grid-template-areas:"p a b""p c d"}.dna-bento--art-right{grid-template-areas:"a b p"".c p"}.dna-bento--art-mid{grid-template-areas:"a p b""c p d"}.dna-card--a{grid-area:a}.dna-card--b{grid-area:b}.dna-card--c{grid-area:c}.dna-card--d{grid-area:d}.dna-art{grid-area:p;min-height:0}}.dna-card{background:#3a312a;border-radius:16px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.dna-card__icon{background:#52473c;border-radius:4px;display:grid;flex:none;height:48px;place-items:center;width:48px}.dna-card__icon:after{background:#a69a8c;content:"";height:20px;-webkit-mask:var(--dna-icon) center/contain no-repeat;mask:var(--dna-icon) center/contain no-repeat;width:20px}.dna-card__icon--people{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBmaWxsPSIjYTY5YThjIiBzdHJva2U9IiNhNjlhOGMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOC44NzUgNy4xMjVhMy4wNjMgMy4wNjMgMCAxIDAgMC02LjEyNSAzLjA2MyAzLjA2MyAwIDAgMCAwIDYuMTI1TTEgMTYuMjI1di41MjVoMTUuNzV2LS41MjVjMC0xLjk2IDAtMi45NC0uMzgxLTMuNjg5YTMuNSAzLjUgMCAwIDAtMS41My0xLjUzYy0uNzQ5LS4zODEtMS43MjktLjM4MS0zLjY4OS0uMzgxSDYuNmMtMS45NiAwLTIuOTQgMC0zLjY4OS4zODJhMy41IDMuNSAwIDAgMC0xLjUzIDEuNTI5QzEgMTMuMjg1IDEgMTQuMjY1IDEgMTYuMjI1Ii8+PC9zdmc+)}.dna-card__icon--shield{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDIyIj48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJNOC45MTEgMTkuNzcycTIuNzAxLS44MzUgNC41MTItMy4zYTExIDExIDAgMCAwIDIuMTE2LTUuNUg4LjkxMVYyLjJMMi4yMjggNC43MDZ2NS43NjVxMCAuMTk1LjA1Ni41MDFIOC45MXptLS4zNjIgMi4yYTIgMiAwIDAgMS0uMzM0LS4wODNxLTMuNzYtMS4yNTQtNS45ODctNC42MzZUMCA5Ljk3VjQuNzA2cTAtLjY5Ni40MDQtMS4yNTMuNDA1LS41NTcgMS4wNDQtLjgwN0w4LjEzMi4xMzlxLjM5LS4xNC43OC0uMTM5LjM5IDAgLjc4LjE0bDYuNjgzIDIuNTA2cS42NC4yNSAxLjA0NC44MDcuNDA1LjU1Ny40MDQgMS4yNTNWOS45N3EwIDMuODk4LTIuMjI4IDcuMjgzLTIuMjI4IDMuMzgzLTUuOTg3IDQuNjM2YTIgMiAwIDAgMS0uMzM1LjA4MyAyIDIgMCAwIDEtLjM2Mi4wMjhxLS4xOTUgMC0uMzYyLS4wMjgiLz48L3N2Zz4=)}.dna-card__icon--growth{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIxIDIxIj48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJNMS4zMTMgMEExLjMxMyAxLjMxMyAwIDAgMCAwIDEuMzEzdjE4LjM3NUExLjMxMyAxLjMxMyAwIDAgMCAxLjMxMyAyMWgxOC4zNzVBMS4zMTMgMS4zMTMgMCAwIDAgMjEgMTkuNjg4VjEuMzEzQTEuMzEzIDEuMzEzIDAgMCAwIDE5LjY4OCAwem0xNS4yNyA2LjU2M2MuMjYzIDAgLjQ3Ny4yMTMuNDc3LjQ3N3YzLjYyYS40NzguNDc4IDAgMCAxLS44MTQuMzM3bC0xLjM0NS0xLjM0NS0zLjI4MSAzLjI4MWEuNjU2LjY1NiAwIDAgMS0uOTI4IDBsLTIuMTYtMi4xNjEtMy40NzQgMy40NzRhLjY1Ny42NTcgMCAwIDEtLjkyOS0uOTI4TDguMDY3IDkuMzhhLjY1Ni42NTYgMCAwIDEgLjkyOSAwbDIuMTYgMi4xNiAyLjgxNy0yLjgxNy0xLjM0OC0xLjM0N2EuNDc4LjQ3OCAwIDAgMSAuMzM3LS44MTR6Ii8+PC9zdmc+)}.dna-card__icon--target-ring{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBzdHJva2U9IiNhNjlhOGMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOSAxMGExIDEgMCAxIDAgMiAwIDEgMSAwIDAgMC0yIDAiLz48cGF0aCBzdHJva2U9IiNhNjlhOGMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNi40NjQgMTMuNTM2YTUgNSAwIDEgMSA3LjA3MS03LjA3MSA1IDUgMCAwIDEtNy4wNyA3LjA3Ii8+PHBhdGggc3Ryb2tlPSIjYTY5YThjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEuNjg1IDEzLjQ0NGE5IDkgMCAxIDEgMTYuNjMxLTYuODg4IDkgOSAwIDAgMS0xNi42MyA2Ljg4OCIvPjwvc3ZnPg==)}.dna-card__icon--star{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIxIj48cGF0aCBmaWxsPSIjYzJiOWFjIiBkPSJtNy4yNDYgNi4zNC02LjM4OC45MjUtLjExNC4wMjNhMS4wMDIgMS4wMDIgMCAwIDAtLjQ0IDEuNjg1bDQuNjI4IDQuNUwzLjg0IDE5LjgzbC0uMDEzLjExYTEgMSAwIDAgMCAxLjQ2Ni45NDRsNS43MTMtMyA1LjcgMyAuMS4wNDZhMS4wMDMgMS4wMDMgMCAwIDAgMS4zNTQtMS4xbC0xLjA5Mi02LjM1NyA0LjYzLTQuNTAxLjA3OC0uMDg1YS45OTkuOTk5IDAgMCAwLS42MzQtMS42MmwtNi4zODgtLjkyN0wxMS45LjU1OGExIDEgMCAwIDAtMS43OTcgMHoiLz48L3N2Zz4=)}.dna-card__icon--bag{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE5IDIxIj48cGF0aCBmaWxsPSIjYzJiOWFjIiBkPSJNMTguMjM3IDYuMTYyYTEuNDMgMS40MyAwIDAgMC0xLjAxNi0uNDIyaC0yLjg3di0uNzE3YTUuMDIzIDUuMDIzIDAgMCAwLTEwLjA0NiAwdi43MTdoLTIuODdBMS40MzUgMS40MzUgMCAwIDAgMCA3LjE3NXY5LjY4N2MwIDEuNzQ5IDEuNDggMy4yMjkgMy4yMjkgMy4yMjloMTIuMTk4Yy44NDYgMCAxLjY1OC0uMzMgMi4yNjQtLjkyMmEzLjEyIDMuMTIgMCAwIDAgLjk2NS0yLjI1MVY3LjE3NWExLjQzIDEuNDMgMCAwIDAtLjQyLTEuMDEzbS01LjQ3OSA0LjY5TDguNzQgMTUuODc2YS43Mi43MiAwIDAgMS0uNTQ5LjI3SDguMThhLjcyLjcyIDAgMCAxLS41NDUtLjI1MmwtMS43MjMtMi4wMTJhLjcxNy43MTcgMCAxIDEgMS4wOTEtLjkzM2wxLjE1OSAxLjM1NCAzLjQ3Ni00LjM0NmEuNzE4LjcxOCAwIDEgMSAxLjEyMS44OTdtLjE1OC01LjExMkg1Ljc0di0uNzE3YTMuNTg4IDMuNTg4IDAgMCAxIDcuMTc2IDB6Ii8+PC9zdmc+)}.dna-card__icon--sale{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMwIDI4Ij48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJtMjkuNjY5IDEzLjI2LTEuNjg1LTEuNjYzLTEuMzI4LTEuMzA2LjY1Ny00LjEzNmExLjAzIDEuMDMgMCAwIDAtLjE5Mi0uNzc1IDEuMDcgMS4wNyAwIDAgMC0uNjk0LS40MmwtNC4yMjYtLjY3LS44NjQtMS42NDhMMjAuMjUuNTY3YTEuMDcgMS4wNyAwIDAgMC0uNjIyLS41MTYgMS4xIDEuMSAwIDAgMC0uODEzLjA2MmwtMy44MiAxLjg5My0zLjgyLTEuODkzYTEuMSAxLjEgMCAwIDAtLjgxMi0uMDYyYy0uMjcuMDg1LS40OTMuMjctLjYyMy41MTZMNy43ODUgNC4yOWwtNC4yMjcuNjdhMS4wNyAxLjA3IDAgMCAwLS42OTUuNDE5IDEuMDMgMS4wMyAwIDAgMC0uMTkuNzc2bC42NSA0LjEzNkwuMzEgMTMuMjZjLS4xOTkuMTk2LS4zMS40Ni0uMzEuNzM2IDAgLjI3Ny4xMTEuNTQxLjMxLjczN2wzLjAxMyAyLjk3LS42NTcgNC4xMzVhMS4wMyAxLjAzIDAgMCAwIC4xOTEuNzc1Yy4xNjYuMjI0LjQxNS4zNzUuNjk0LjQybDQuMjI3LjY3IDEuOTU2IDMuNzIzYy4xMy4yNDguMzU0LjQzNi42MjQuNTIycy41NjUuMDY0LjgxOS0uMDZsMy44Mi0xLjg5NCAzLjgyIDEuODkzYy4yNTMuMTI1LjU0Ny4xNDcuODE3LjA2YTEuMDcgMS4wNyAwIDAgMCAuNjI1LS41MmwxLjk1Ni0zLjcyNCA0LjIyNy0uNjdjLjI3OS0uMDQ0LjUzLS4xOTUuNjk1LS40MTkuMTY2LS4yMjQuMjM1LS41MDMuMTktLjc3NmwtLjY1LTQuMTM2IDMuMDEzLTIuOTY5Yy4xOTktLjE5Ni4zMS0uNDYuMzEtLjczNyAwLS4yNzUtLjExMS0uNTQtLjMxLS43MzZ6TTExLjQxMiA3LjcxM2MxLjE4NSAwIDIuMTQyLjkzNiAyLjE0MiAyLjA5NnMtLjk1NyAyLjA5NS0yLjE0MiAyLjA5NVM5LjI3IDEwLjk2OCA5LjI3IDkuODFzLjk1Ny0yLjA5NiAyLjE0Mi0yLjA5Nm03LjE0IDEyLjU3NGMtMS4xODUgMC0yLjE0Mi0uOTM2LTIuMTQyLTIuMDk2cy45NTctMi4wOTUgMi4xNDItMi4wOTUgMi4xNDIuOTM2IDIuMTQyIDIuMDk1LS45NTcgMi4wOTYtMi4xNDIgMi4wOTZtLTguMTY4LS4zMDdMOC44NyAxOC40OTkgMTkuNTggOC4wMmwxLjUxNCAxLjQ4MXoiLz48L3N2Zz4=)}.dna-card__icon--refresh{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMzIDM2Ij48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJNNS4zOTMgMTAuMDIzYTEuNSAxLjUgMCAwIDEtLjk3NC0yLjA4OEw3Ljc0Ljg2NWExLjUgMS41IDAgMCAxIDIuNzIuMDA0bDEuNDY0IDMuMTM4LjE2LS4wNTRBMTYuMyAxNi4zIDAgMSAxIC40ODMgMTUuNzZhMS41IDEuNSAwIDEgMSAyLjkxMi43MjggMTMuMyAxMy4zIDAgMSAwIDkuODE0LTkuNzI0bDEuNDggMy4xNjZhMS41IDEuNSAwIDAgMS0xLjc0NCAyLjA4NnoiLz48L3N2Zz4=)}.dna-card__icon--person{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJNOC40MSAxMS4wOVE2LjUgOS4xODMgNi41IDYuNXQxLjkxLTQuNTlRMTAuMzE4IDAgMTMgMHQ0LjU5IDEuOTFRMTkuNSAzLjgxOCAxOS41IDYuNXQtMS45MSA0LjU5UTE1LjY4MyAxMyAxMyAxM3QtNC41OS0xLjkxTTAgMjIuNzV2LTEuM3EwLTEuMzguNzEyLTIuNTM4QTQuNzYgNC43NiAwIDAgMSAyLjYgMTcuMTQ0YTI0IDI0IDAgMCAxIDUuMTE5LTEuODg4IDIyLjQ0IDIyLjQ0IDAgMCAxIDEwLjU2MiAwIDI0LjMgMjQuMyAwIDAgMSA1LjExOSAxLjg4OCA0Ljc0IDQuNzQgMCAwIDEgMS44OSAxLjc2OFEyNiAyMC4wNyAyNiAyMS40NXYxLjNxMCAxLjM0MS0uOTU0IDIuMjk2QTMuMTIgMy4xMiAwIDAgMSAyMi43NSAyNkgzLjI1YTMuMTMgMy4xMyAwIDAgMS0yLjI5NC0uOTU0QTMuMTQgMy4xNCAwIDAgMSAwIDIyLjc1Ii8+PC9zdmc+)}.dna-card__icon--loyalty{--dna-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI5IDI5Ij48cGF0aCBmaWxsPSIjYTY5YThjIiBkPSJtMTUuMzM3IDIxLjU4NSA0Ljg4LTQuODc0cS4zODMtLjM4NC42MS0uOTA1LjIyNy0uNTIzLjIyNi0xLjExNGEyLjc1IDIuNzUgMCAwIDAtLjgzNy0yLjAyIDIuNzYgMi43NiAwIDAgMC0yLjAyMS0uODM1cS0uNjYyIDAtMS4zMDcuMzgzLS42NDQuMzgyLTEuNTUyIDEuMjg4LTEuMDQ1LS45NzUtMS42MzgtMS4zMjNhMi40IDIuNCAwIDAgMC0xLjIyLS4zNDhxLTEuMTg1IDAtMi4wMjEuODM1YTIuNzUgMi43NSAwIDAgMC0uODM3IDIuMDJxMCAuNTkuMjI3IDEuMTE0LjIyOC41MjIuNjEuOTA1ek0xNS4wOTIgMjkgMCAxMy45MjZWMGgxMy45NDJMMjkgMTUuMTF6TTYuMjc1IDguMzU1cS44NzEgMCAxLjQ4Mi0uNjA4LjYxLS42MS42MS0xLjQ4LS4wMDMtLjg3My0uNjEtMS40OGEyLjAzIDIuMDMgMCAwIDAtMS40ODItLjYxIDIgMiAwIDAgMC0xLjQ4LjYxIDIuMDQgMi4wNCAwIDAgMC0uNjExIDEuNDhxLS4wMDUuODY1LjYxIDEuNDhhMiAyIDAgMCAwIDEuNDgxLjYwOCIvPjwvc3ZnPg==)}.dna-card__text{display:flex;flex-direction:column;gap:8px}.dna-card__title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px}@media (width<=991.98px){.dna-card__title{font-size:20px;font-weight:600;letter-spacing:0;line-height:26px}}.dna-card__title{color:#f6f6ee;margin:0}.dna-card__body{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media (width<=991.98px){.dna-card__body{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}}.dna-card__body{color:#a69a8c;margin:0}.dna-art{background:var(--dna-art-bg,#52473c);border-radius:var(--dna-art-radius,16px);min-height:280px;overflow:hidden;position:relative}.dna-art__img{height:100%;left:0;max-width:none;min-height:100%;min-width:100%;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.dna-art--net{--dna-art-bg:#52473c;--dna-art-radius:28px}.dna-art--person{--dna-art-bg:#ddd6cb}.dna-art--target{--dna-art-bg:#6b5f53}.dna-badge{align-items:center;background:#17100a8a;border-radius:8px;display:inline-flex;gap:16px;max-width:calc(100% - 48px);padding:12px 24px;position:absolute}.dna-badge__icon{flex:none}.dna-badge__copy{display:flex;flex-direction:column}.dna-badge__title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media (width<=991.98px){.dna-badge__title{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}}.dna-badge__title{color:#f6f6ee;font-weight:600;margin:0}.dna-badge__sub{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media (width<=991.98px){.dna-badge__sub{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}}.dna-badge__sub{color:#ddd6cb;margin:0}.dna-badge--net{bottom:24px;left:24px}.dna-badge--target{right:24px;top:96px}.dna-badge--target .dna-badge__sub{color:#c2b9ac}.dna-badge--stats{bottom:24px;gap:32px;justify-content:center;left:24px;max-width:none;right:24px}.dna-badge--stats .dna-badge__stat-icon{height:26px;width:26px}.dna-badge--stats .dna-badge__title{font-size:14.4px}.dna-badge__stat{align-items:center;display:flex;flex:none;gap:8px;white-space:nowrap}@media (width<=991.98px){.dna{padding:64px 0 48px}.dna__panels{gap:64px}.dna-bento{gap:16px;margin-top:32px}.dna-card{min-height:200px}.dna-art{min-height:240px}.dna-faq{margin-top:40px}}@media (min-width:1920px){:root{--bs-body-font-size:1.0625rem}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1360px}.detail-body--cs{max-width:900px}.detail-head .h1,.detail-head h1,.page-head .h1,.page-head h1{font-size:3.25rem;line-height:1.15}.hero__title{font-size:4rem}.hero__lead,.page-head .lead{font-size:1.35rem;line-height:1.6}.detail-body li,.detail-body p{font-size:1.125rem;line-height:1.65}.detail-body--cs .cs-lead{font-size:1.45rem;line-height:1.55}}@media (min-width:2560px){:root{--bs-body-font-size:1.1875rem}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1600px}.detail-body--cs{max-width:1040px}.detail-head .h1,.detail-head h1,.page-head .h1,.page-head h1{font-size:3.75rem;line-height:1.15}.hero__title{font-size:4.75rem}.hero__lead,.page-head .lead{font-size:1.5rem;line-height:1.6}.detail-body li,.detail-body p{font-size:1.25rem;line-height:1.7}.detail-body--cs .cs-lead{font-size:1.65rem;line-height:1.55}.btn{--bs-btn-padding-y:1.25rem;--bs-btn-padding-x:1.75rem;--bs-btn-font-size:1.125rem}.chip{font-size:.95rem;padding:.45rem 1rem}}@media (min-width:3400px){:root{--bs-body-font-size:1.35rem}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1920px}.detail-body--cs{max-width:1220px}.detail-head .h1,.detail-head h1,.page-head .h1,.page-head h1{font-size:4.5rem;line-height:1.15}.hero__title{font-size:5.5rem}.hero__lead,.page-head .lead{font-size:1.75rem;line-height:1.6}.detail-body li,.detail-body p{font-size:1.4rem;line-height:1.75}.detail-body--cs .cs-lead{font-size:1.9rem;line-height:1.55}.btn{--bs-btn-padding-y:1.4rem;--bs-btn-padding-x:2rem;--bs-btn-font-size:1.25rem}.chip{font-size:1.05rem;padding:.55rem 1.2rem}}@media (min-width:1920px){.hero__content{padding:calc(var(--nav-h) + 64px) max(48px,(100% - 1600px)/2) 100px}.hero__title{font-size:84px;line-height:90px;max-width:780px}.hero__lead{font-size:26px;line-height:36px;margin-top:32px;max-width:540px}.hero__tags{gap:12px 32px;margin-bottom:24px}.hero__tag{font-size:17px;line-height:22px}.hero__tag-icon{height:24px;width:24px}.hero__card{border-radius:24px;bottom:100px;padding:8px 24px 8px 8px;right:max(48px,50% - 800px);width:480px}.hero__card-media{border-radius:18px;height:220px;width:220px}.hero__card-stat-value{font-size:36px;line-height:42px}.hero__card-stat-label{font-size:17px;line-height:24px;max-width:200px}.hero__card-cta{font-size:17px;line-height:24px;margin-top:32px}.hero__card-progress{bottom:16px;left:244px}.hero__card-bar{border-radius:3px;height:6px}.hero__card-bar.is-active,.hero__card-bar.is-current{width:36px}.onas{padding:100px 0 160px}.onas__title{font-size:64px;line-height:70px}.onas__lead{font-size:22px;line-height:32px;margin-top:48px}.onas__cards{column-gap:36px;margin-top:80px}.onas-card__title{font-size:28px;line-height:36px;margin-top:24px}.onas-card__text{font-size:20px;line-height:28px;margin-top:12px}.onas-card__media,.onas__cta{border-radius:28px}.onas__cta{margin-top:80px;padding:16px 16px 16px 36px}.onas__cta-text{font-size:28px;line-height:36px}.oferta{padding:100px 0 160px}.dna-bento{gap:28px;grid-template-rows:repeat(2,340px)}.dna-card{border-radius:24px;padding:28px}.dna-card__icon{height:64px;width:64px}.dna-card__title{font-size:28px;line-height:36px}.dna-card__desc{font-size:20px;line-height:28px}.faq-card summary{font-size:22px;line-height:30px;padding:24px 0}.faq-card__a{font-size:20px;line-height:28px}}@media (min-width:2560px){.hero__content{padding:calc(var(--nav-h) + 80px) max(64px,(100% - 2160px)/2) 130px}.hero__title{font-size:110px;line-height:116px;max-width:1050px}.hero__lead{font-size:34px;line-height:46px;margin-top:40px;max-width:720px}.hero__tags{gap:16px 40px;margin-bottom:32px}.hero__tag{font-size:22px;line-height:28px}.hero__tag-icon{height:32px;width:32px}.hero__card{border-radius:30px;bottom:130px;padding:12px 32px 12px 12px;right:max(64px,50% - 1080px);width:620px}.hero__card-media{border-radius:22px;height:280px;width:280px}.hero__card-stat-value{font-size:48px;line-height:56px}.hero__card-stat-label{font-size:22px;line-height:30px;max-width:260px}.hero__card-cta{font-size:22px;line-height:30px;margin-top:44px}.hero__card-progress{bottom:20px;left:312px}.hero__card-bar{border-radius:4px;height:8px}.hero__card-bar.is-active,.hero__card-bar.is-current{width:48px}.onas{padding:130px 0 200px}.onas__title{font-size:88px;line-height:96px}.onas__lead{font-size:28px;line-height:40px;margin-top:60px}.onas__cards{column-gap:48px;margin-top:100px}.onas-card__title{font-size:36px;line-height:44px;margin-top:32px}.onas-card__text{font-size:26px;line-height:36px;margin-top:16px}.onas-card__media,.onas__cta{border-radius:36px}.onas__cta{margin-top:100px;padding:20px 20px 20px 48px}.onas__cta-text{font-size:36px;line-height:44px}.oferta{padding:130px 0 200px}.dna-bento{gap:36px;grid-template-rows:repeat(2,440px)}.dna-card{border-radius:30px;padding:36px}.dna-card__icon{height:80px;width:80px}.dna-card__title{font-size:36px;line-height:44px}.dna-card__desc{font-size:26px;line-height:36px}.faq-card summary{font-size:28px;line-height:38px;padding:30px 0}.faq-card__a{font-size:26px;line-height:36px}}@media (min-width:3400px){.hero__content{padding:calc(var(--nav-h) + 120px) max(80px,(100% - 2800px)/2) 180px}.hero__title{font-size:144px;line-height:152px;max-width:1400px}.hero__lead{font-size:44px;line-height:60px;margin-top:56px;max-width:960px}.hero__tags{gap:20px 52px;margin-bottom:44px}.hero__tag{font-size:28px;line-height:36px}.hero__tag-icon{height:42px;width:42px}.hero__card{border-radius:40px;bottom:180px;padding:16px 40px 16px 16px;right:max(80px,50% - 1400px);width:820px}.hero__card-media{border-radius:30px;height:380px;width:380px}.hero__card-stat-value{font-size:64px;line-height:72px}.hero__card-stat-label{font-size:28px;line-height:38px;max-width:340px}.hero__card-cta{font-size:28px;line-height:38px;margin-top:56px}.hero__card-progress{bottom:26px;left:420px}.hero__card-bar{border-radius:5px;height:10px}.hero__card-bar.is-active,.hero__card-bar.is-current{width:64px}.onas{padding:180px 0 260px}.onas__title{font-size:116px;line-height:126px}.onas__lead{font-size:38px;line-height:52px;margin-top:80px}.onas__cards{column-gap:64px;margin-top:140px}.onas-card__title{font-size:48px;line-height:58px;margin-top:40px}.onas-card__text{font-size:34px;line-height:48px;margin-top:20px}.onas-card__media,.onas__cta{border-radius:48px}.onas__cta{margin-top:140px;padding:28px 28px 28px 60px}.onas__cta-text{font-size:48px;line-height:58px}.oferta{padding:180px 0 260px}.dna-bento{gap:48px;grid-template-rows:repeat(2,560px)}.dna-card{border-radius:40px;padding:48px}.dna-card__icon{height:104px;width:104px}.dna-card__title{font-size:48px;line-height:58px}.dna-card__desc{font-size:34px;line-height:48px}.faq-card summary{font-size:36px;line-height:48px;padding:40px 0}.faq-card__a{font-size:34px;line-height:48px}}

/* CLS Stability Fixes */
.blog-card{position:relative}
.blog-card__media{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#ede8e0}
.blog-card__media picture,.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.hero__card{contain:layout}
.hero__card-media{aspect-ratio:1;background:#2c221a;overflow:hidden}
.hero__card-media picture,.hero__card-media img{width:100%;height:100%;object-fit:cover;display:block}
.onas-card__media{aspect-ratio:1;background:#ede8e0;overflow:hidden}
.onas-card__media picture,.onas-card__media img{width:100%;height:100%;object-fit:cover;display:block}

/* ==========================================================================
   Clean Home Page Styling (Hero, Oferta, Case Studies, Kontakt, Blog)
   ========================================================================== */

/* Oferta Bento Cards Clean Layout */
@media (min-width: 992px) {
  .dna-bento {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(280px, auto));
    gap: 20px;
  }
  .dna-card {
    padding: 24px 20px;
    border-radius: 16px;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
  }
  .dna-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    margin-bottom: 8px;
  }
  .dna-card__title {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 6px 0;
    color: #f6f6ee;
  }
  .dna-card__body {
    font-size: 14px;
    line-height: 21px;
    color: #a69a8c;
    margin: 0;
  }
}

/* Case Studies Clean 2-Column Alternating Grid */
.cs-list {
  display: flex;
  flex-direction: column;
  gap: 120px;
  margin-top: 64px;
}
.cs-list--flush {
  margin-top: 0;
}
.cs-item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
.cs-item__media {
  grid-area: 1 / 1;
  aspect-ratio: var(--cs-ratio, 16/9);
  background: #ddd6cb;
  border-radius: 8px;
  align-self: start;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.cs-item__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.cs-item__body {
  grid-area: 2 / 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 24px;
}
.cs-item__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.cs-item__title {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: -0.02em;
  color: #2c221a;
  margin: 0;
}
.cs-item__stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-top: 24px;
}
.cs-stat {
  flex: none;
}
.cs-stat__value {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #2c221a;
  margin: 0;
}
.cs-stat__label {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 22px;
  color: #52473c;
  margin: 4px 0 0;
}
.cs-item__cta {
  flex: none;
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 992px) {
  .sec-head--split {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
  }
  .sec-head--split .sec-head__intro {
    flex: 1 1 50%;
  }
  .sec-head--split .sec-head__lead {
    flex: 1 1 50%;
    padding-top: 40px;
  }
  .cs-list {
    gap: 140px;
    margin-top: 88px;
  }
  .cs-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0;
  }
  .cs-item__media {
    grid-area: 1 / 1;
    width: 100%;
  }
  .cs-item__body {
    grid-area: 1 / 2;
    padding-left: 48px;
    padding-right: 0;
    margin-top: 0;
    min-height: 100%;
    justify-content: space-between;
  }
  .cs-item--flip .cs-item__media {
    grid-area: 1 / 2;
  }
  .cs-item--flip .cs-item__body {
    grid-area: 1 / 1;
    padding-right: 48px;
    padding-left: 0;
  }
  .cs-item__title {
    font-size: 48px;
    line-height: 54px;
  }
  .cs-item__stats {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-top: 32px;
  }
  .cs-stat {
    flex: 1 1 auto;
  }
  .cs-item__cta {
    flex: 0 0 auto;
    justify-content: flex-end;
  }
}

/* LinkedIn Button in Contact Section */
.kt-card__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.kt-card__actions .btn-soft,
.kt-card__actions a {
  display: inline-flex;
  width: auto;
  max-width: max-content;
  flex: none;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 18px;
  border-radius: 10px;
  font-weight: 500;
  align-items: center;
  gap: 8px;
  background: #ede8e0;
  color: #2c221a;
  border: 1.5px solid #ede8e0;
  text-decoration: none;
  white-space: nowrap;
}
.kt-card__actions .btn-soft:hover,
.kt-card__actions a:hover {
  background: #ddd6cb;
  border-color: #ddd6cb;
  color: #17100a;
}
.kt-card__li-icon {
  width: 16px;
  height: 16px;
  flex: none;
}

/* Blog Section Clean 3-Column Grid */
.blog {
  padding: 64px 0 100px;
}
.blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-top: 48px;
}
.blog-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.blog-card__media {
  width: 100%;
  aspect-ratio: 415 / 264;
  background: #ddd6cb;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.blog-card__media img,
.blog-card__media picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog-card__date {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #6b5f53;
  margin: 14px 0 0;
}
.blog-card__title {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #17100a;
  margin: 6px 0 8px;
}
.blog-card__excerpt {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 22px;
  color: #52473c;
  margin: 0;
}
.blog-card__link {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #17100a;
  text-decoration: none;
  border-bottom: 1.5px solid #17100a;
  margin-top: 14px;
  padding-bottom: 2px;
}
.blog-cta {
  display: flex;
  margin-top: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 56px;
  }
}

/* Hero Proof Card & Slider (Enlarged & Refined) */
.hero__card {
  position: absolute;
  bottom: 80px;
  right: max(40px, calc(50% - 640px));
  width: 440px;
  background: rgba(246, 246, 238, 0.22);
  border-radius: 20px;
  padding: 6px 20px 6px 6px;
  display: flex;
  z-index: 2;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.hero__card-content {
  display: flex;
  gap: 20px;
  width: 100%;
  cursor: grab;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: pan-y;
  align-items: center;
}
.hero__card.is-dragging .hero__card-content {
  cursor: grabbing;
}
.hero__card-media {
  border-radius: 14px;
  flex: none;
  height: 205px;
  width: 205px;
  overflow: hidden;
  position: relative;
  background: #2c221a;
}
.hero__card-media img,
.hero__card-media picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-top: 4px;
}
.hero__card-stat-value {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  color: #f6f6ee;
  margin: 0;
}
.hero__card-stat-label {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #ddd6cb;
  margin: 4px 0 0;
  max-width: 170px;
}
.hero__card-cta {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 18px;
  color: #f6f6ee;
  border-bottom: 1.5px solid #f6f6ee;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  margin-top: 28px;
  padding-bottom: 2px;
  transition: opacity 0.2s, color 0.2s, border-color 0.2s;
  position: relative;
  z-index: 3;
}
.hero__card-cta:hover {
  color: #f9cc00;
  border-color: #f9cc00;
}
.hero__card-dots {
  position: absolute;
  bottom: 18px;
  left: 231px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 5;
}
.hero__card-dot {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 8px 4px;
  margin: -8px -4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.hero__card-dot-track {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
  background: #52473c;
  transition: width 0.3s ease, background-color 0.3s ease;
  position: relative;
  overflow: hidden;
}
.hero__card-dot:hover .hero__card-dot-track {
  background: #887a6d;
}
.hero__card-dot.is-active .hero__card-dot-track {
  width: 32px;
  background: #3a312a;
}
.hero__card-dot-fill {
  position: absolute;
  inset: 0;
  background: #f9cc00;
  width: 0%;
  border-radius: inherit;
  transition: width 0.04s linear;
}

/* Hero Mobile Layout */
@media (max-width: 991.98px) {
  body.has-hero {
    background-color: #17100a;
  }
  .hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
    position: static;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #17100a;
  }
  body.has-hero .hero {
    height: auto;
    position: static;
    min-height: 0;
    margin-top: calc(var(--nav-h) * -1);
    padding-top: calc(var(--nav-h) + 16px);
    top: auto;
  }
  .hero__content {
    display: flex;
    flex-direction: column;
    padding: 24px 20px 0;
    position: static;
    inset: auto;
    justify-content: flex-start;
    width: 100%;
  }
  .hero__title {
    order: 1;
    font-size: 38px;
    line-height: 42px;
    max-width: none;
    margin: 0;
  }
  .hero__lead {
    order: 2;
    font-size: 19px;
    line-height: 25px;
    margin: 18px 0 0;
    max-width: none;
  }
  .hero__tags {
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 20px 0 0;
    padding: 0;
  }
  .hero__tag {
    font-size: 13px;
    line-height: 16px;
    padding: 4px 0;
  }
  .hero .cta-row {
    order: 4;
    margin-top: 28px;
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%;
  }
  .hero .cta-row .btn {
    font-size: 14.5px;
    padding: 11px 18px;
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
  }
  .hero__card {
    position: relative;
    inset: auto;
    bottom: auto;
    right: auto;
    left: auto;
    top: auto;
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
    max-width: 369px;
    margin: 32px auto 0;
    padding: 16px;
    border-radius: 16px;
    align-self: center;
    background: rgba(246, 246, 238, 0.2);
    box-sizing: border-box;
  }
  .hero__card-content {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 12px;
  }
  .hero__card-media {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    border-radius: 12px;
  }
  .hero__card-body {
    padding-top: 12px;
    width: 100%;
  }
  .hero__card-stat-value {
    font-size: 28px;
    line-height: 34px;
  }
  .hero__card-stat-label {
    font-size: 13px;
    line-height: 16px;
    max-width: none;
  }
  .hero__card-cta {
    font-size: 13px;
    line-height: 16px;
    margin-top: 16px;
    display: inline-block;
  }
  .hero__card-dots {
    position: static;
    inset: auto;
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
  }
}


/* ==========================================================================
   2K & 4K Proportional Scaling (Maintains 1080p visual proportions on 2K/4K)
   ========================================================================== */

/* --- 2K / QHD Displays (2560px - 3399px) --- */
@media (min-width: 2560px) {
  :root {
    --nav-h: 84px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1720px;
  }
  .site-nav {
    padding: 12px 48px;
  }
  .site-nav .nav-link {
    font-size: 19px;
  }
  .site-nav .btn {
    font-size: 18px;
    padding: 13px 28px;
    border-radius: 12px;
  }
  .site-nav .logo__mark {
    transform: scale(1.25);
    transform-origin: left center;
  }
  .hero__content {
    padding-left: max(48px, calc(50% - 860px));
    padding-right: max(48px, calc(50% - 860px));
    padding-bottom: 100px;
  }
  .hero__title {
    font-size: 92px;
    line-height: 100px;
  }
  .hero__lead {
    font-size: 32px;
    line-height: 42px;
  }
  .hero__tags {
    font-size: 19px;
    gap: 16px;
  }
  .hero .cta-row .btn {
    font-size: 18px;
    padding: 14px 28px;
    border-radius: 12px;
  }
  .hero__card {
    right: max(48px, calc(50% - 860px));
    bottom: 100px;
    width: 540px;
    padding: 8px 24px 8px 8px;
    border-radius: 24px;
  }
  .hero__card-media {
    width: 250px;
    height: 250px;
    border-radius: 18px;
  }
  .hero__card-stat-value {
    font-size: 38px;
    line-height: 46px;
  }
  .hero__card-stat-label {
    font-size: 16.5px;
    line-height: 22px;
    max-width: 210px;
  }
  .hero__card-cta {
    font-size: 17px;
    line-height: 22px;
    margin-top: 36px;
  }
  .hero__card-dots {
    left: 282px;
    bottom: 24px;
    gap: 10px;
  }
  .hero__card-dot-track {
    width: 8px;
    height: 8px;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 38px;
  }
  
  /* Sections Scaling */
  .section {
    padding: 120px 0;
  }
  .sec-head h2, h2.word-reveal {
    font-size: 64px;
    line-height: 72px;
  }
  .sec-head__lead--large {
    font-size: 22px;
    line-height: 32px;
  }
  .cs-item__title {
    font-size: 58px;
    line-height: 66px;
  }
  .cs-stat__value {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-stat__label {
    font-size: 18px;
    line-height: 26px;
  }
  .dna-card__title {
    font-size: 24px;
    line-height: 32px;
  }
  .dna-card__body {
    font-size: 17px;
    line-height: 26px;
  }
  .blog-card__title {
    font-size: 22px;
    line-height: 30px;
  }
  .blog-card__excerpt {
    font-size: 17px;
    line-height: 26px;
  }
  .next-case {
    max-width: 1000px;
    padding: 40px 48px;
    border-radius: 20px;
  }
  .next-case__title {
    font-size: 32px;
    line-height: 40px;
  }
  .next-case__img, picture.next-case__img {
    width: 275px;
    height: 220px;
  }
}

/* --- 4K / UHD Displays (3400px+) --- */
@media (min-width: 3400px) {
  :root {
    --nav-h: 110px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 2360px;
  }
  .site-nav {
    padding: 16px 64px;
  }
  .site-nav .nav-link {
    font-size: 25px;
  }
  .site-nav .btn {
    font-size: 24px;
    padding: 18px 38px;
    border-radius: 16px;
  }
  .site-nav .logo__mark {
    transform: scale(1.65);
    transform-origin: left center;
  }
  .hero__content {
    padding-left: max(64px, calc(50% - 1180px));
    padding-right: max(64px, calc(50% - 1180px));
    padding-bottom: 140px;
  }
  .hero__title {
    font-size: 124px;
    line-height: 134px;
  }
  .hero__lead {
    font-size: 42px;
    line-height: 56px;
    margin-top: 36px;
  }
  .hero__tags {
    font-size: 26px;
    gap: 22px;
    margin-top: 36px;
  }
  .hero .cta-row {
    margin-top: 48px;
    gap: 24px;
  }
  .hero .cta-row .btn {
    font-size: 24px;
    padding: 20px 38px;
    border-radius: 16px;
  }
  .hero__card {
    right: max(64px, calc(50% - 1180px));
    bottom: 140px;
    width: 720px;
    padding: 12px 32px 12px 12px;
    border-radius: 30px;
  }
  .hero__card-media {
    width: 330px;
    height: 330px;
    border-radius: 24px;
  }
  .hero__card-stat-value {
    font-size: 50px;
    line-height: 60px;
  }
  .hero__card-stat-label {
    font-size: 22px;
    line-height: 30px;
    max-width: 280px;
  }
  .hero__card-cta {
    font-size: 22px;
    line-height: 30px;
    margin-top: 48px;
  }
  .hero__card-dots {
    left: 374px;
    bottom: 32px;
    gap: 14px;
  }
  .hero__card-dot-track {
    width: 11px;
    height: 11px;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 50px;
  }
  
  /* Sections Scaling */
  .section {
    padding: 160px 0;
  }
  .sec-head h2, h2.word-reveal {
    font-size: 86px;
    line-height: 96px;
  }
  .sec-head__lead--large {
    font-size: 30px;
    line-height: 44px;
  }
  .cs-item__title {
    font-size: 78px;
    line-height: 88px;
  }
  .cs-stat__value {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-stat__label {
    font-size: 24px;
    line-height: 34px;
  }
  .dna-bento {
    gap: 32px;
  }
  .dna-card {
    padding: 36px 30px;
    border-radius: 24px;
    min-height: 380px;
  }
  .dna-card__icon {
    width: 64px;
    height: 64px;
  }
  .dna-card__title {
    font-size: 32px;
    line-height: 42px;
  }
  .dna-card__body {
    font-size: 22px;
    line-height: 34px;
  }
  .blog-card__title {
    font-size: 28px;
    line-height: 38px;
  }
  .blog-card__excerpt {
    font-size: 22px;
    line-height: 34px;
  }
  .next-case {
    max-width: 1350px;
    padding: 56px 64px;
    border-radius: 28px;
  }
  .next-case__title {
    font-size: 44px;
    line-height: 54px;
  }
  .next-case__kicker {
    font-size: 20px;
    line-height: 26px;
  }
  .next-case__btn {
    font-size: 22px;
    padding: 18px 36px;
    border-radius: 14px;
  }
  .next-case__img, picture.next-case__img {
    width: 370px;
    height: 295px;
  }
}



/* ==========================================================================
   Prominent Contact Section Interactive Selector
   ========================================================================== */
.kt-selector-wrapper {
  margin-top: 48px;
  margin-bottom: 36px;
}
.kt-selector-title {
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 22px;
  color: #3a312a;
  margin-bottom: 16px;
}
.kt-tabs-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.kt-choice-btn {
  appearance: none;
  background: #ffffff;
  border: 1.5px solid #dcd5c9;
  border-radius: 12px;
  padding: 13px 22px;
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #2c221a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  outline: none;
  box-shadow: 0 2px 8px rgba(23, 16, 10, 0.04);
}
.kt-choice-btn:hover {
  background: #faf8f5;
  border-color: #17100a;
  color: #17100a;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(23, 16, 10, 0.09);
}
.kt-choice-btn:focus-visible {
  outline: 2px solid #f9cc00;
  outline-offset: 2px;
}
.kt-choice-btn.active {
  background: #17100a;
  color: #f6f6ee;
  border-color: #17100a;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(23, 16, 10, 0.22);
}
.kt-choice-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c2b9ac;
  transition: background-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
  flex: none;
}
.kt-choice-btn:hover .kt-choice-dot {
  background: #6b5f53;
}
.kt-choice-btn.active .kt-choice-dot {
  background: #f9cc00;
  transform: scale(1.25);
  box-shadow: 0 0 10px rgba(249, 204, 0, 0.7);
}

@media (max-width: 767.98px) {
  .kt-tabs-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }
  .kt-choice-btn {
    width: 100%;
    justify-content: flex-start;
    padding: 14px 18px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .kt-tabs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
  }
  .kt-choice-btn {
    width: 100%;
    justify-content: flex-start;
  }
}

.kt-form__alert {
  padding: 16px 20px;
  border-radius: 12px;
  font-family: DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 24px;
  text-align: left;
}
.kt-form__alert--success {
  background: rgba(249, 204, 0, 0.08);
  border: 1px solid rgba(249, 204, 0, 0.35);
  border-left: 4px solid #f9cc00;
  color: #f6f6ee;
}
.kt-form__alert--success strong {
  color: #f9cc00;
}
.kt-form__alert--error {
  background: rgba(239, 83, 80, 0.1);
  border: 1px solid rgba(239, 83, 80, 0.35);
  border-left: 4px solid #ef5350;
  color: #f6f6ee;
}
.kt-form__alert--error strong {
  color: #ff8a80;
}
.kt-alert-inner {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}
.kt-alert-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex: none;
  height: 20px;
  margin-top: 1px;
  width: 20px;
}
.kt-form__alert--success .kt-alert-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23f9cc00'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.kt-form__alert--error .kt-alert-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ef5350'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.kt-alert-text {
  flex: 1;
  min-width: 0;
}


/* ==========================================================================
   Pinned Hero Curtain Reveal Effect (Guaranteed Single-Line Tags & Perfect Title)
   ========================================================================== */

.hero {
  background: #17100a url(/assets/img/kv/tlo-5-ciemne.jpg) center center / cover no-repeat;
  background-color: #17100a;
  color: #faf8eb;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Desktop Hero (min-width: 992px) */
@media (min-width: 992px) {
  :root {
    --nav-h: 67px;
  }
  body.has-hero .hero {
    position: sticky;
    top: 0;
    margin-top: 0;
    height: 100vh;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    padding-top: calc(var(--nav-h) + 20px);
    padding-bottom: 75px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: max(40px, calc(50% - 600px));
    padding-right: max(40px, calc(50% - 600px));
    box-sizing: border-box;
    z-index: 0;
  }
  body.has-hero .hero-reveal {
    background: #f6f6ee;
    position: relative;
    z-index: 1;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.25);
  }
  
  .hero__content {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    z-index: 1;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
  }
  
  /* Tags: Always single line on desktop/2K/4K */
  .hero__tags {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    gap: 4px 16px;
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    width: max-content;
    max-width: 100%;
  }
  .hero__tag {
    font-size: 13px;
    line-height: 16px;
    color: #c2b9ac;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    white-space: nowrap;
    flex: none;
  }
  .hero__tag + .hero__tag:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #52473c;
    margin-right: 6px;
    flex: none;
  }
  
  .hero__title {
    font-size: 67px;
    line-height: 72px;
    width: max-content;
    max-width: 100%;
    color: #f6f6ee;
    margin: 0;
    font-weight: 400;
    letter-spacing: -0.02em;
  }
  .hero__lead {
    font-size: 21px;
    line-height: 28px;
    max-width: 440px;
    color: #ddd6cb;
    margin: 20px 0 0;
    font-weight: 500;
  }
  .hero .cta-row {
    margin-top: 32px;
    display: flex;
    gap: 16px;
  }
  .hero .cta-row .btn {
    font-size: 16px;
    padding: 14px 28px;
    border-radius: 12px;
  }
  
  /* Floating Proof Card (Desktop) */
  .hero__card {
    position: relative;
    inset: auto;
    bottom: auto;
    right: auto;
    width: 369px;
    padding: 4px 16px 4px 4px;
    border-radius: 16px;
    background: rgba(246, 246, 238, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    z-index: 2;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 32px;
    align-self: flex-end;
    margin-bottom: 6px;
  }
  .hero__card-content {
    display: flex;
    flex-direction: row;
    gap: 18px;
    width: 100%;
  }
  .hero__card-media {
    width: 175px;
    height: 175px;
    border-radius: 12px;
    flex: none;
    overflow: hidden;
    position: relative;
  }
  .hero__card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 8px;
    min-width: 0;
  }
  .hero__card-stat-value {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    color: #f6f6ee;
    margin: 0;
  }
  .hero__card-stat-label {
    font-size: 13px;
    line-height: 16px;
    color: #ddd6cb;
    margin: 3px 0 0;
    max-width: 142px;
  }
  .hero__card-cta {
    font-size: 13px;
    line-height: 16px;
    color: #f6f6ee;
    border-bottom: 1.5px solid #f6f6ee;
    margin-top: 25px;
    padding-bottom: 2px;
    display: inline-block;
    text-decoration: none;
  }
  .hero__card-dots {
    position: absolute;
    bottom: 12px;
    left: 197px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .hero__card-dot-track {
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #52473c;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 27px;
    background: #3a312a;
  }
}

/* 1024px Laptop Adaptations */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.has-hero .hero {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 60px;
  }
  .hero__title {
    font-size: 48px;
    line-height: 54px;
  }
  .hero__lead {
    font-size: 17px;
    line-height: 24px;
    max-width: 360px;
    margin-top: 16px;
  }
  .hero .cta-row {
    margin-top: 22px;
  }
  .hero .cta-row .btn {
    font-size: 14.5px;
    padding: 11px 20px;
  }
  .hero__card {
    width: 320px;
    margin-left: 20px;
  }
  .hero__card-media {
    width: 145px;
    height: 145px;
  }
  .hero__card-dots {
    left: 167px;
  }
}

/* 2K / 4K UHD Displays (2560px+) */
@media (min-width: 2560px) {
  :root {
    --nav-h: 110px;
  }
  body.has-hero .hero {
    padding-left: max(64px, calc(50% - 680px));
    padding-right: max(64px, calc(50% - 680px));
    padding-top: calc(var(--nav-h) + 32px);
    padding-bottom: 110px;
  }
  .hero__tags {
    font-size: 16px;
    gap: 8px 20px;
    margin-bottom: 24px;
  }
  .hero__tag {
    font-size: 16px;
    line-height: 22px;
    gap: 8px;
  }
  .hero__tag-icon {
    width: 22px;
    height: 22px;
  }
  .hero__title {
    font-size: 96px;
    line-height: 104px;
  }
  .hero__lead {
    font-size: 28px;
    line-height: 40px;
    max-width: 620px;
    margin-top: 28px;
  }
  .hero .cta-row {
    margin-top: 40px;
    gap: 18px;
  }
  .hero .cta-row .btn {
    font-size: 19px;
    padding: 18px 38px;
    border-radius: 14px;
  }
  
  .hero__card {
    width: 480px;
    padding: 8px 22px 8px 8px;
    border-radius: 24px;
    margin-left: 40px;
    background: rgba(246, 246, 238, 0.24);
    margin-bottom: 10px;
  }
  .hero__card-content {
    gap: 20px;
  }
  .hero__card-media {
    width: 220px;
    height: 220px;
    border-radius: 18px;
  }
  .hero__card-body {
    padding-top: 10px;
  }
  .hero__card-stat-value {
    font-size: 38px;
    line-height: 44px;
  }
  .hero__card-stat-label {
    font-size: 16px;
    line-height: 22px;
    max-width: 200px;
    margin-top: 6px;
  }
  .hero__card-cta {
    font-size: 16px;
    line-height: 22px;
    margin-top: 26px;
  }
  .hero__card-dots {
    left: 250px;
    bottom: 18px;
    gap: 10px;
  }
  .hero__card-dot-track {
    width: 6px;
    height: 6px;
    border-radius: 3px;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 36px;
  }
}

/* ==========================================================================
   Hero Scroll Arrow Button (Matching Design Node)
   ========================================================================== */
.hero__scroll-arrow {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(246, 246, 238, 0.08);
  border: 1px solid rgba(246, 246, 238, 0.25);
  color: #f9cc00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 5;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  animation: heroScrollArrowBounce 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.hero__scroll-arrow:hover {
  background: rgba(249, 204, 0, 0.16);
  border-color: #f9cc00;
  color: #ffffff;
  box-shadow: 0 0 16px rgba(249, 204, 0, 0.35);
}

.hero__scroll-arrow-icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  display: block;
}

@keyframes heroScrollArrowBounce {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 6px);
  }
}

/* Desktop Only Feature - Hidden on Mobile & Tablet (<= 991.98px) */
@media (max-width: 991.98px) {
  .hero__scroll-arrow {
    display: none !important;
  }
}