/* Remote mixing: shared homepage invitation and dedicated service page. */
.remote-invitation{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:65px 6vw;background:var(--paper);color:var(--ink);border-top:5px solid var(--red)}
.remote-invitation h2{font-size:clamp(3rem,5vw,5rem)}
.remote-invitation .button,.mix-page .button{background:var(--red);color:#fff6e8}
.remote-invitation .button:hover,.mix-page .button:hover{background:#85271e}
.remote-invitation .button{margin-top:22px}
.mix-hero{position:relative;isolation:isolate;padding:90px 6vw 75px;min-height:660px;display:flex;align-items:center;background:#191916}
.mix-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mix-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,8,.94),rgba(10,10,8,.7) 48%,rgba(10,10,8,.18))}
.mix-hero-content{max-width:760px}.mix-hero h1{font-size:clamp(3.7rem,8vw,8rem)}
.mix-hero h1 em{color:#e5d2b5}.mix-hero .mix-intro{max-width:560px;margin:26px 0;font-size:1.15rem}
.mix-meta{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:28px;font-family:var(--label);letter-spacing:.05em}
.mix-section{padding:80px 6vw}.mix-two{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.mix-two h2,.mix-section>h2{margin-bottom:26px}.mix-two img{aspect-ratio:4/3;object-fit:cover}
.mix-two figcaption{font-size:.85rem;color:var(--muted);margin-top:10px}
.mix-paper{background:#eee3d0;color:var(--ink)}
.mix-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px;list-style:none;padding:0;counter-reset:steps}
.mix-steps li{border-top:1px solid #aaa08e;padding-top:22px;counter-increment:steps}
.mix-steps li:before{content:"0" counter(steps);font:2.2rem var(--display);color:var(--red)}
.mix-steps h3{margin:15px 0}.mix-steps p{font-size:.95rem}
.mix-price{border-top:5px solid var(--red);background:#e5d2b5;color:var(--ink);padding:35px}
.mix-price .amount{font:clamp(4rem,7vw,6rem) var(--display);line-height:1}.mix-price .amount small{font:1.4rem var(--label)}
.mix-price ul{padding-left:22px;margin:25px 0}.mix-price li{margin:9px 0}.mix-price .button{margin-top:24px}
.mix-note{font-size:.9rem;opacity:.85}.mix-faq{max-width:900px;margin:35px 0 0}.mix-faq details{border-top:1px solid #aaa08e;padding:22px 0}.mix-faq summary{font-family:var(--label);font-size:1.4rem;cursor:pointer}.mix-faq details p{margin-top:16px;max-width:800px}
.mix-form{max-width:1000px}.mix-form .contact-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mix-form .wide{grid-column:1/-1}.mix-form .contact-form-note{margin-bottom:22px}
.mix-form input:focus-visible,.mix-form textarea:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
/* The additional service entry needs the collapsed navigation at tablet/laptop widths. */
@media(max-width:1600px){.header .menu-toggle{display:block}.header #navigation{display:none;position:absolute;top:100%;left:0;width:100%;max-height:calc(100svh - 96px);overflow:auto;background:var(--ink);padding:18px 5vw;border-bottom:1px solid var(--line)}.header #navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header #navigation a{padding:10px 0}}
@media(max-width:760px){.remote-invitation,.mix-two{grid-template-columns:1fr;gap:32px}.mix-hero{padding:60px 6vw;min-height:600px}.mix-hero:after{background:rgba(10,10,8,.73)}.mix-section{padding:55px 6vw}.mix-steps{grid-template-columns:1fr 1fr;gap:25px}.mix-price{padding:26px}.mix-page footer{align-items:flex-start}.mix-form .contact-form-fields{grid-template-columns:1fr}}
@media(max-width:450px){.mix-steps{grid-template-columns:1fr}.mix-hero h1{font-size:3.7rem}}