:root{--mixture-deep:#c85d00;--mixture-mid:#d98500;--mixture-fine:#8d9c32}
body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:Montserrat,Arial,sans-serif}
*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.mixtures-hero{position:relative;min-height:500px;display:grid;align-items:center;overflow:hidden;background:var(--color-dark);color:#fff}.mixtures-hero__media{position:absolute;inset:0;background:#202824}.mixtures-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.mixtures-hero__media:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(8,14,18,.94) 0%,rgba(8,14,18,.82) 28%,rgba(8,14,18,.3) 55%,rgba(8,14,18,0) 78%)}
.mixtures-hero__copy{position:relative;z-index:1;padding-block:72px;transform:translateY(-24px)}.mixtures-hero__breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 var(--space-lg);color:rgba(255,255,255,.8);font-size:var(--fs-label,12px);font-weight:800;letter-spacing:.08em}.mixtures-hero__breadcrumb span:last-child{color:var(--color-brand-yellow)}.mixtures-hero__breadcrumb a:hover,.mixtures-hero__breadcrumb a:focus-visible{color:var(--color-brand-yellow)}.mixtures-hero h1{color:#fff}.mixtures-hero h1 span{color:var(--color-brand-yellow)}.mixtures-hero__claim{max-width:650px;margin:var(--space-lg) 0 var(--space-xl)}
.mixtures-section__head{max-width:700px;margin-bottom:var(--space-xl)}.mixtures-section__head h2,.mixtures-presentations h2,.mixtures-guidance h2{margin:0}.mixtures-section__head p,.mixtures-guidance p{margin:var(--space-sm) 0 0;color:var(--color-text-secondary)}
.mixtures-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.mixture-card{--action-accent:var(--mixture-mid);display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-top:4px solid var(--action-accent);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md)}.mixture-card--deep{--action-accent:var(--mixture-deep)}.mixture-card--fine{--action-accent:var(--mixture-fine)}.mixture-card__image{height:190px;background:#eef0ed}.mixture-card__image img{width:100%;height:100%;object-fit:contain;padding:18px}.mixture-card__body{display:flex;flex:1;flex-direction:column;padding:var(--space-lg)}.mixture-card__body h3{margin:0}.mixture-card__body p{margin:var(--space-sm) 0 0;color:var(--color-text-secondary)}.mixture-card__depth{display:block;margin-top:var(--space-lg);color:var(--action-accent)}.mixture-card__action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg)}
.mixtures-comparison{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft)}.mixtures-comparison__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.mixture-comparison{padding-inline:var(--space-lg);border-left:3px solid var(--mixture-mid)}.mixture-comparison--deep{border-color:var(--mixture-deep)}.mixture-comparison--fine{border-color:var(--mixture-fine)}.mixture-comparison h3{margin:0;font-size:var(--fs-card-title,20px)}.mixture-comparison p{margin:var(--space-xs) 0 0;color:var(--color-text-secondary);line-height:1.45}.mixture-comparison strong{display:block;margin-top:var(--space-md);font-size:var(--fs-label,12px)}
.mixtures-presentations{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:var(--space-xl);align-items:center;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.mixtures-presentations p{max-width:630px;margin:var(--space-sm) 0 0;color:var(--color-text-secondary);line-height:1.5}.mixtures-presentations__media{display:grid;place-items:center;background:var(--color-surface-soft);border-radius:var(--radius-md);min-height:210px}.mixtures-presentations__media img{max-height:190px;object-fit:contain}
.mixtures-guidance{padding:clamp(28px,5vw,56px);border-radius:var(--radius-lg);background:var(--color-dark);color:#fff}.mixtures-guidance p{max-width:650px;color:#dfe6e3}.mixtures-guidance .button{--action-accent:var(--color-brand-yellow);margin-top:var(--space-lg)}
@media(max-width:1100px){.mixtures-hero__media img{object-position:58% 58%}.mixtures-selector{gap:var(--space-md)}}
@media(min-width:1101px){.mixtures-hero{min-height:420px}}
@media(max-width:768px){.mixtures-hero{min-height:560px}.mixtures-hero__media img{object-position:64% 58%}.mixtures-hero__media:after{background:linear-gradient(90deg,rgba(8,14,18,.88),rgba(8,14,18,.3) 62%,rgba(8,14,18,.08))}.mixtures-hero__copy{padding-block:48px;transform:translateY(-16px)}.mixtures-selector,.mixtures-comparison__grid{grid-template-columns:1fr}.mixtures-comparison{padding-block:var(--space-md)}.mixtures-presentations{grid-template-columns:1fr}.mixtures-presentations__media{min-height:180px}}
@media(max-width:420px){.mixtures-hero__copy{padding-block:40px}.mixtures-section__head{margin-bottom:var(--space-lg)}.mixture-card__image{height:170px}.mixtures-comparison,.mixtures-presentations{padding:var(--space-lg)}}

.mixtures-line__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:var(--space-xl);align-items:end;margin-bottom:var(--space-lg)}.mixtures-line__header .eyebrow{margin:0 0 var(--space-xs);color:var(--color-brand-orange)}.mixtures-line__header h2{margin:0}.mixtures-line__intro{max-width:620px;margin:0;color:var(--color-text-secondary)}
.mixtures-line__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.mixtures-line__cards .mixture-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:0;border-top:4px solid var(--card-accent);border-radius:var(--radius-lg);background:#f4f6f5;box-shadow:var(--shadow-md)}.mixture-card--coarse{--card-accent:#1684c7}.mixture-card--medium{--card-accent:var(--color-brand-yellow)}.mixture-card--fine{--card-accent:#ef263d}.mixture-card__photo{height:185px;background:#d9ddda}.mixture-card__photo img{width:100%;height:100%;object-fit:cover;object-position:center}.mixtures-line__cards .mixture-card__body{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-md)}.mixture-card__logo{width:auto;max-width:70%;height:60px;align-self:auto;object-fit:contain;position:absolute;z-index:1;top:-30px;right:var(--space-md);margin:0}.mixtures-line__cards .mixture-card__body h3{margin:var(--space-xs) 0 0}.mixtures-line__cards .mixture-card__body h4{margin:0;font-family:var(--font-family-sans);font-size:var(--type-body-size);font-weight:800;line-height:1.2}.mixtures-line__cards .mixture-card__body p{margin:var(--space-xs) 0 0;color:var(--color-text-secondary)}.mixture-card__cta{align-self:stretch;margin-top:auto}.mixture-card__cta span{margin-left:auto;font-size:18px}.mixtures-comparison{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);gap:var(--space-xl);align-items:center;margin-top:var(--space-lg);padding:var(--space-lg);border:0;border-radius:var(--radius-lg);background:var(--color-surface-soft)}.mixtures-comparison__intro .eyebrow{margin:0 0 var(--space-xs);color:var(--color-brand-orange)}.mixtures-comparison__intro h2{margin:0}.mixtures-comparison__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);align-items:center}.mixtures-comparison__grid img{width:100%;height:auto;display:block;object-fit:contain}
.mixture-card__thickness{width:100%;height:auto;display:block;object-fit:contain;margin:var(--space-xs) 0 var(--space-sm)}.mixture-card--coarse .mixture-card__cta>span{color:#1684c7}.mixture-card--medium .mixture-card__cta>span{color:#b87900}.mixture-card--fine .mixture-card__cta>span{color:#ef263d}.mixtures-comparison--closing{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);text-align:left}.mixtures-comparison--closing .eyebrow{margin:0;color:var(--color-brand-orange)}.mixtures-comparison--closing h2{margin:0}
.mixtures-line__cards .mixture-card__cta{border-color:var(--card-accent);background:var(--card-accent);color:#fff}.mixtures-line__cards .mixture-card__cta>span{color:#fff!important}
.mixtures-line{padding-block:var(--space-xl);background:#f5f5f2;border-radius:var(--radius-lg)}.mixtures-line .mixtures-comparison--closing{background:#ebece8}.mixtures-comparison--closing .section-closing__eyebrow{margin-right:var(--space-lg);white-space:nowrap}.mixtures-comparison--closing .section-closing__title{margin:0}
.mixtures-line{padding-block:0;background:transparent;border-radius:0}.mixtures-line .mixtures-comparison--closing{background:#ebece8}
.mixtures-hero + .feature-strip{width:100%;background:#f5f5f2}
.mixtures-line{padding-block:var(--space-xl);background:#f5f5f2;border-radius:0}.mixtures-line__cards .mixture-card{background:#fff}.mixtures-line .mixtures-comparison--closing{display:block;margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:transparent;border-top:2px solid var(--color-brand-yellow);border-radius:0;text-align:center}.mixtures-comparison--closing .section-closing__title{margin:0;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--type-h3-size);font-weight:500;line-height:1.2;letter-spacing:var(--type-h3-letter-spacing);white-space:nowrap}.mixtures-comparison--closing .section-closing__title strong{font-weight:800}
.mixtures-line{background:#fff}.mixtures-line__cards .mixture-card{background:#f4f6f5;box-shadow:var(--shadow-md)}
.mixtures-line{background:#f5f5f2}.mixtures-line__cards .mixture-card{background:#fff}.mixtures-line__header{display:block;margin-bottom:var(--space-lg)}.mixtures-line__intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin-bottom:var(--space-md)}.mixtures-line__intro-grid article{min-width:0}.mixtures-line__intro-grid h3{margin:0 0 var(--space-xs)}.mixtures-line__intro-grid p{margin:0;color:var(--color-text-secondary)}.mixtures-line__bridge{margin:0 0 var(--space-md);font-weight:800;text-align:center}
.mixtures-explainer{background:#fff}.mixtures-explainer h2{margin:0 0 var(--space-sm)}.mixtures-explainer p{max-width:1080px;margin:0;color:var(--color-text-secondary)}.mixtures-explainer strong{font-weight:700}
.mixtures-line__header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-xl);align-items:center;margin-bottom:var(--space-lg)}.mixtures-line__header>div{min-width:0}.mixtures-line__header .mixtures-line__intro{max-width:none}
@media(max-width:600px){.mixtures-line__intro-grid{grid-template-columns:1fr;gap:var(--space-md)}}
@media(max-width:980px){.mixtures-line__header{grid-template-columns:1fr;gap:var(--space-md)}.mixtures-line__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mixtures-comparison{grid-template-columns:1fr;gap:var(--space-lg)}}
@media(max-width:600px){.mixtures-line{padding-block:var(--space-lg)}.mixtures-line__cards{grid-template-columns:1fr}.mixture-card__photo{height:190px}.mixture-card__logo{width:auto;max-width:60%;height:50px;top:-25px;right:var(--space-sm)}.mixtures-comparison{padding:var(--space-lg)}.mixtures-comparison__grid{grid-template-columns:1fr;gap:var(--space-lg)}.mixtures-comparison--closing{flex-direction:column;text-align:center}.mixtures-comparison--closing .section-closing__eyebrow{margin-right:0}.mixtures-comparison--closing .section-closing__title{white-space:normal}}
@media(max-width:600px){.mixtures-line__header{grid-template-columns:1fr;gap:var(--space-md)}}