.paton-mix-page { --mix-blue:#1D4FA6; --mix-navy:#092965; --mix-concrete:#A1A1A1; --mix-light-grey:#EEF0F2; --mix-charcoal:#212323; --mix-white:#fff; --mix-safety-yellow:#E5B52A; color:var(--mix-charcoal); background:var(--mix-white); overflow-x:hidden; }
.paton-mix-page * { box-sizing:border-box; }
.paton-mix-page main { overflow:hidden; }
.paton-mix-page h1,.paton-mix-page h2,.paton-mix-page h3 { color:var(--mix-navy); line-height:1.12; }
.paton-mix-page .mix-hero { min-height:clamp(600px,74vh,820px); position:relative; display:flex; align-items:center; color:var(--mix-white); margin-top:80px; }
.paton-mix-page .mix-hero-image,.paton-mix-page .mix-final-cta>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.paton-mix-page .mix-hero-image { object-position:62% 47%; }
.paton-mix-page .mix-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,20,52,.95) 0%,rgba(9,41,101,.82) 42%,rgba(9,41,101,.16) 75%); }
.paton-mix-page .mix-hero-content { position:relative; z-index:1; width:100%; min-width:0; padding-top:3rem; padding-bottom:3rem; }
.paton-mix-page .mix-eyebrow,.paton-mix-page .mix-section-heading>span { text-transform:uppercase; letter-spacing:.13em; font-size:.78rem; font-weight:800; }
.paton-mix-page .mix-eyebrow { margin:0 0 .55rem; }
.paton-mix-page .mix-logo { display:block; width:clamp(190px,26vw,330px); height:auto; margin:0 0 1rem; }
.paton-mix-page .mix-hero h1 { color:var(--mix-white); font-size:clamp(2.45rem,5.4vw,5rem); max-width:750px; margin:0 0 1rem; letter-spacing:-.04em; overflow-wrap:break-word; }
.paton-mix-page .mix-lead { max-width:650px; font-size:clamp(1rem,1.35vw,1.2rem); line-height:1.65; }
.paton-mix-page .mix-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
.paton-mix-page .mix-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:.8rem 1.25rem; border:2px solid transparent; text-decoration:none; font-weight:800; transition:background .2s,color .2s,border-color .2s; }
.paton-mix-page .mix-button-primary { background:var(--mix-blue); color:var(--mix-white); }
.paton-mix-page .mix-button-primary:hover { background:var(--mix-navy); }
.paton-mix-page .mix-button-outline { border-color:var(--mix-white); color:var(--mix-white); }
.paton-mix-page .mix-button-outline:hover { background:var(--mix-white); color:var(--mix-navy); }
.paton-mix-page .mix-button-dark { background:var(--mix-charcoal); color:var(--mix-white); }
.paton-mix-page .mix-button:focus-visible,.paton-mix-page summary:focus-visible { outline:3px solid var(--mix-safety-yellow); outline-offset:3px; }
.paton-mix-page .mix-section { padding:clamp(4rem,7vw,7rem) 0; }
.paton-mix-page .mix-section-heading { max-width:720px; margin-bottom:2.2rem; }
.paton-mix-page .mix-section-heading>span { color:var(--mix-blue); display:block; margin-bottom:.55rem; }
.paton-mix-page .mix-section-heading h2 { font-size:clamp(2rem,3.7vw,3.25rem); margin:0; letter-spacing:-.025em; }
.paton-mix-page .mix-benefits { border-bottom:1px solid #d7dadd; }
.paton-mix-page .mix-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:3px solid var(--mix-navy); }
.paton-mix-page .mix-benefit-grid article { padding:2rem 2rem 1rem 0; border-right:1px solid #d7dadd; }
.paton-mix-page .mix-benefit-grid article+article { padding-left:2rem; }
.paton-mix-page .mix-benefit-grid article:last-child { border:0; }
.paton-mix-page .mix-benefit-grid b { color:var(--mix-blue); font-size:.8rem; }
.paton-mix-page .mix-benefit-grid h3 { margin:.7rem 0; font-size:1.25rem; }
.paton-mix-page .mix-process { background:var(--mix-light-grey); }
.paton-mix-page .mix-process-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.paton-mix-page figure { margin:0; }
.paton-mix-page .mix-process figure img { width:100%; height:clamp(390px,48vw,650px); object-fit:cover; }
.paton-mix-page figcaption,.paton-mix-page .mix-supplier-caption { font-size:.78rem; color:#54585c; padding:.55rem 0; }
.paton-mix-page .mix-steps { list-style:none; margin:0; padding:0; }
.paton-mix-page .mix-steps li { display:grid; grid-template-columns:48px 1fr; gap:1rem; padding:1rem 0; border-top:1px solid #cbd0d5; }
.paton-mix-page .mix-steps li>span { color:var(--mix-blue); font-weight:800; font-size:1.2rem; }
.paton-mix-page .mix-steps h3,.paton-mix-page .mix-steps p { margin:0 0 .35rem; }
.paton-mix-page .mix-trade-grid { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; padding:0; margin:0 0 4rem; border-top:1px solid var(--mix-concrete); }
.paton-mix-page .mix-trade-grid li { padding:1.2rem 1rem 1.2rem 1.4rem; border-bottom:1px solid var(--mix-concrete); position:relative; font-weight:700; }
.paton-mix-page .mix-trade-grid li::before { content:""; width:4px; height:18px; background:var(--mix-blue); position:absolute; left:0; top:1.3rem; }
.paton-mix-page .mix-applications { background:var(--mix-navy); color:var(--mix-white); padding:clamp(2rem,5vw,4rem); }
.paton-mix-page .mix-applications h3 { color:var(--mix-white); font-size:clamp(1.6rem,3vw,2.5rem); margin-top:0; }
.paton-mix-page .mix-application-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.25); }
.paton-mix-page .mix-application-grid div { background:var(--mix-navy); padding:1.4rem; display:flex; gap:.8rem; align-items:center; }
.paton-mix-page .mix-application-grid i { color:var(--mix-safety-yellow); width:22px; text-align:center; }
.paton-mix-page .mix-note { margin:1.5rem 0 0; color:#e8edf7; }
.paton-mix-page .mix-preparation { background:var(--mix-charcoal); color:var(--mix-white); }
.paton-mix-page .mix-preparation h2,.paton-mix-page .mix-preparation .mix-section-heading>span { color:var(--mix-white); }
.paton-mix-page .mix-preparation-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2.5rem,7vw,7rem); }
.paton-mix-page .mix-callout { border-left:4px solid var(--mix-safety-yellow); padding-left:1rem; font-weight:700; margin-top:2rem; }
.paton-mix-page .mix-checklist { list-style:none; padding:0; margin:0; }
.paton-mix-page .mix-checklist li { padding:.9rem 0 .9rem 2rem; border-bottom:1px solid rgba(255,255,255,.2); position:relative; }
.paton-mix-page .mix-checklist li::before { content:"✓"; color:var(--mix-safety-yellow); font-weight:800; position:absolute; left:0; }
.paton-mix-page .mix-yard-grid { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:clamp(2.5rem,7vw,7rem); align-items:center; }
.paton-mix-page .mix-yard figure img { width:100%; height:560px; object-fit:cover; object-position:center 35%; }
.paton-mix-page .mix-yard address { font-style:normal; line-height:1.7; font-size:1.1rem; }
.paton-mix-page .mix-yard a:not(.mix-button) { color:var(--mix-blue); font-weight:700; }
.paton-mix-page .mix-legal-name { color:var(--mix-navy); font-weight:800; font-size:1.15rem; }
.paton-mix-page .mix-legal { margin-top:2rem; padding-top:1.5rem; border-top:1px solid #d7dadd; font-size:.9rem; }
.paton-mix-page .mix-faq { background:var(--mix-light-grey); }
.paton-mix-page .mix-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(2rem,6vw,6rem); }
.paton-mix-page .mix-faq-list details { border-top:1px solid var(--mix-concrete); padding:1.2rem 0; }
.paton-mix-page .mix-faq-list details:last-child { border-bottom:1px solid var(--mix-concrete); }
.paton-mix-page .mix-faq-list summary { cursor:pointer; color:var(--mix-navy); font-weight:800; padding-right:2rem; }
.paton-mix-page .mix-faq-list p { max-width:680px; margin-bottom:0; }
.paton-mix-page .mix-final-cta { position:relative; min-height:560px; display:flex; align-items:center; color:var(--mix-white); }
.paton-mix-page .mix-final-cta>img { object-position:center 65%; }
.paton-mix-page .mix-final-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,20,52,.96),rgba(9,41,101,.72),rgba(9,41,101,.3)); }
.paton-mix-page .mix-final-content { position:relative; z-index:1; padding-top:5rem; padding-bottom:5rem; }
.paton-mix-page .mix-final-content h2 { color:var(--mix-white); font-size:clamp(2rem,4vw,3.5rem); max-width:700px; }
.paton-mix-page .mix-final-content p { max-width:650px; font-size:1.1rem; }
.paton-mix-page .mix-final-content strong { display:block; margin-top:2rem; }
.paton-mix-page .mix-supplier-caption { position:absolute; right:1rem; bottom:.5rem; z-index:2; color:var(--mix-white); background:rgba(0,0,0,.68); padding:.35rem .55rem; }
.paton-mix-page .mix-footer-legal { border-top:1px solid rgba(255,255,255,.18); padding-top:1.5rem; font-size:.85rem; }
.paton-mix-page .footer-logo { width:auto; max-width:100%; height:80px; object-fit:contain; object-position:left center; }
@media (max-width:900px) { .paton-mix-page .mix-benefit-grid,.paton-mix-page .mix-process-grid,.paton-mix-page .mix-preparation-grid,.paton-mix-page .mix-yard-grid,.paton-mix-page .mix-faq-grid { grid-template-columns:1fr; } .paton-mix-page .mix-benefit-grid article,.paton-mix-page .mix-benefit-grid article+article { padding:1.5rem 0; border-right:0; border-bottom:1px solid #d7dadd; } .paton-mix-page .mix-trade-grid,.paton-mix-page .mix-application-grid { grid-template-columns:repeat(2,1fr); } .paton-mix-page .mix-yard figure { max-height:420px; overflow:hidden; } }
@media (max-width:600px) { .paton-mix-page .mix-hero { min-height:620px; margin-top:64px; align-items:flex-end; } .paton-mix-page .mix-hero-image { object-position:62% center; } .paton-mix-page .mix-hero-overlay { background:linear-gradient(0deg,rgba(3,20,52,.98) 0%,rgba(9,41,101,.78) 66%,rgba(9,41,101,.18)); } .paton-mix-page .mix-logo { width:190px; } .paton-mix-page .mix-actions { flex-direction:column; align-items:stretch; } .paton-mix-page .mix-trade-grid,.paton-mix-page .mix-application-grid { grid-template-columns:1fr; } .paton-mix-page .mix-process figure img,.paton-mix-page .mix-yard figure img { height:340px; } .paton-mix-page .mix-final-cta { min-height:640px; } }
@media (prefers-reduced-motion:reduce) { .paton-mix-page * { scroll-behavior:auto!important; transition:none!important; } }

.paton-mix-page .mix-pricing { background:var(--mix-light-grey); }
.paton-mix-page .mix-pricing-intro { max-width:850px; margin:-.5rem 0 2.5rem; font-size:1.05rem; line-height:1.7; }
.paton-mix-page .mix-price-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.paton-mix-page .mix-price-card { padding:clamp(1.25rem,3vw,2rem); border-top:5px solid var(--mix-blue); background:var(--mix-white); box-shadow:0 10px 28px rgba(9,41,101,.08); }
.paton-mix-page .mix-price-card-wide { grid-column:1/-1; border-top-color:#b11d24; }
.paton-mix-page .mix-price-card h3 { margin:0 0 1.25rem; font-size:1.45rem; }
.paton-mix-page .mix-table-wrap { overflow-x:auto; }
.paton-mix-page .mix-price-card table { width:100%; border-collapse:collapse; font-size:.94rem; }
.paton-mix-page .mix-price-card th { padding:.75rem; background:var(--mix-navy); color:var(--mix-white); text-align:left; }
.paton-mix-page .mix-price-card th:last-child,.paton-mix-page .mix-price-card td:last-child { width:130px; text-align:right; font-weight:800; white-space:nowrap; }
.paton-mix-page .mix-price-card td { padding:.65rem .75rem; border-bottom:1px solid #d9dde1; }
.paton-mix-page .mix-price-card tbody tr:nth-child(even) { background:#f3f5f7; }
.paton-mix-page .mix-price-poster { display:inline-block; margin-top:1.15rem; color:var(--mix-blue); font-weight:800; }
.paton-mix-page .mix-price-notes { margin-top:1.5rem; padding:1.25rem 1.5rem; border-left:4px solid var(--mix-safety-yellow); background:var(--mix-white); }
.paton-mix-page .mix-price-notes p { margin:.35rem 0; }
.paton-mix-page .mix-note-light { color:#5b626a; }
.paton-mix-page .mix-social-follow { display:flex; flex-wrap:wrap; gap:.5rem 1rem; align-items:center; }
.paton-mix-page .mix-social-follow strong { width:100%; }
@media (max-width:760px) { .paton-mix-page .mix-price-groups { grid-template-columns:1fr; } .paton-mix-page .mix-price-card-wide { grid-column:auto; } .paton-mix-page .mix-price-card { padding:1rem; } .paton-mix-page .mix-price-card table { font-size:.86rem; } .paton-mix-page .mix-price-card th,.paton-mix-page .mix-price-card td { padding:.6rem .5rem; } }

/* Sharper wide hero framing */
.paton-mix-page .mix-hero-image{object-position:center center}
@media(max-width:600px){.paton-mix-page .mix-hero-image{object-position:center center}}