.mix-main{max-width:1100px;margin:auto;padding:0 22px}.mix-hero{padding:48px 0 36px;border-bottom:1px solid #4a5540;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.mix-hero h1{font-size:clamp(48px,7vw,88px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px;font-weight:550}.mix-hero p{color:#bdc8b0;max-width:550px;font-size:17px}.mix-label{font-size:11px;letter-spacing:.15em;color:#d2d8bf;text-transform:uppercase}.mix-visual{min-height:330px;position:relative;overflow:hidden;background:#10160e;border:1px solid #4b5c3e;display:flex;gap:13px;align-items:center;justify-content:center;padding:28px}.mix-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#85996622,transparent 65%)}.mix-fader{height:230px;width:34px;border-left:1px solid #6b7c5760;border-right:1px solid #6b7c5730;position:relative}.mix-fader:before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:#73865c55}.mix-fader:after{content:'';position:absolute;left:3px;right:3px;top:var(--position);height:33px;background:#cad4b8;border-top:3px solid #e3e8d9;border-bottom:3px solid #869675;box-shadow:0 8px 18px #0007}.mix-caption{font-size:10px;color:#9fab8e;margin:10px 0;letter-spacing:.08em}.mix-cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 22px;background:#d2d8bf;color:#182013;font-weight:700;text-decoration:none;border:0;font:inherit}.mix-cta:disabled{opacity:.55;cursor:default}.mix-note{font-size:12px!important;color:#aeb99e!important}.mix-section{padding:38px 0;border-bottom:1px solid #48543e}.mix-section h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.035em;line-height:1.15;margin:10px 0 24px}.mix-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mix-card{border:1px solid #536247;padding:24px}.mix-card h3{font-size:24px;line-height:1.15;margin:12px 0 18px}.mix-card p,.mix-section p,.mix-step p{color:#bdc8b0}.mix-process{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mix-step strong{font-size:11px;color:#b4c59d;letter-spacing:.12em}.mix-step h3{font-size:21px}.mix-faq details{border-top:1px solid #4c5b40;padding:8px 0}.mix-faq summary{display:flex;justify-content:space-between;align-items:center;min-height:50px;cursor:pointer;list-style:none;gap:16px}.mix-faq summary:after{content:'+';font-size:24px;color:#d2d8bf}.mix-faq details[open] summary:after{content:'−'}.mix-faq p{max-width:760px}.mix-inquiry{padding:42px 0}.mix-footer{padding:24px 0;color:#aeb99e;font-size:12px;border-top:1px solid #48543e}.mix-footer a{display:inline-flex;min-height:44px;align-items:center;margin-right:20px}.mix-main a:focus-visible,.mix-main button:focus-visible,.mix-main summary:focus-visible{outline:3px solid #dfa77f;outline-offset:4px}@media(max-width:700px){.mix-hero{grid-template-columns:1fr;gap:26px;padding:30px 0}.mix-hero h1{font-size:clamp(38px,11vw,68px)}.mix-hero .mix-label{font-size:11px}.mix-hero p{font-size:15px}.mix-visual{min-height:190px;max-height:220px;gap:14px;padding:20px}.mix-fader{height:170px;width:32px}.mix-grid,.mix-process{grid-template-columns:1fr;gap:16px}.mix-card{padding:22px}.mix-section{padding:30px 0}.mix-cta{width:100%}}@media(prefers-reduced-motion:reduce){.mix-visual{animation:none}}
#mix-inquiry{scroll-margin-top:190px}.mix-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mix-form-grid .full{grid-column:1/-1}.mix-form-grid label{display:block;font-size:14px;color:#eef0e5;margin-bottom:8px}.mix-form-grid label span{color:#aeb99e;font-size:12px}.mix-form-grid input,.mix-form-grid textarea{display:block;width:100%;min-height:48px;border:1px solid #7a876b;background:#1d2618;color:#f2eee6;padding:12px;font:inherit;border-radius:3px}.mix-form-grid textarea{resize:vertical;line-height:1.5}.mix-form-grid [aria-invalid=true]{border-color:#f0ad88}.field-error{font-size:12px;color:#f0ad88!important;margin:6px 0 0;min-height:0}.field-error:empty{display:none}#mix-form-status{font-size:14px;line-height:1.5;min-height:24px;color:#d2d8bf}#mix-form-status[data-error=true]{color:#f0ad88}#mix-submit:disabled{opacity:.6}.mix-form-grid input:focus-visible,.mix-form-grid textarea:focus-visible{outline:3px solid #dfa77f;outline-offset:3px}@media(max-width:700px){.mix-form-grid{grid-template-columns:1fr}.mix-form-grid .full{grid-column:auto}#mix-inquiry{scroll-margin-top:190px}}
/* Keep inquiry anchors and native-validation targets clear of the shared sticky header. */
html{scroll-padding-top:var(--inquiry-header-offset,205px)}#mix-inquiry{scroll-margin-top:24px}.mix-form-grid input,.mix-form-grid textarea,#mix-form-status{scroll-margin-top:24px;scroll-margin-bottom:24px}

/* The six decorative faders must shrink inside the 276px content column at320px. */
.mix-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.mix-hero>*,.mix-grid>*,.mix-process>*,.mix-form-grid>*{min-width:0}.mix-visual{min-width:0;width:100%;gap:clamp(6px,2vw,14px)}.mix-fader{flex:1 1 0;min-width:0;max-width:34px;width:auto}.mix-form-grid input,.mix-form-grid textarea{min-width:0}@media(max-width:700px){.mix-hero{grid-template-columns:minmax(0,1fr)}.mix-grid,.mix-process,.mix-form-grid{grid-template-columns:minmax(0,1fr)}.mix-fader{max-width:32px}}

.mix-form-grid select{display:block;width:100%;min-width:0;min-height:48px;background:#1d2618;color:#f2eee6;border:1px solid #7a876b;padding:12px;font:inherit;scroll-margin-top:24px}.mix-form-grid select:focus-visible{outline:3px solid #dfa77f;outline-offset:3px}