.contact-machine{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,44px);align-items:start;text-align:start;max-width:1180px;margin:44px auto 0}.contact-machine-figure{position:sticky;top:96px}.contact-machine-form .wizard{margin-top:0;max-width:none}@media(max-width:900px){.contact-machine{grid-template-columns:1fr}.contact-machine-figure{position:static}}.loomhead{position:relative;aspect-ratio:4 / 5;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#ffecf4;transition:box-shadow .6s ease,border-color .6s ease}.loomhead--magenta{box-shadow:0 0 60px -28px var(--magenta)}.loomhead--cyan{box-shadow:0 0 60px -28px var(--cyan)}.loomhead--gold{box-shadow:0 0 60px -22px var(--gold);border-color:#ffc7404d}.loomhead--red{box-shadow:0 0 60px -24px #ff2d38;border-color:#ff2d3859}.loomhead-video,.loomhead-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.loomhead-video{opacity:0;transition:opacity .45s ease}.loomhead-video.is-on{opacity:1}.loomhead-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(255,233,242,.75) 100%),linear-gradient(to top,rgba(255,233,242,.9),transparent 38%)}.machine{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;padding:12px 14px 14px}.machine-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.machine-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.machine-actions{display:flex;gap:8px}.machine-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.74rem;font-weight:620;color:var(--ink-dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer;min-height:44px;min-width:44px;justify-content:center;transition:color .3s,border-color .3s,background-color .3s}.machine-btn:hover{color:var(--ink);border-color:var(--magenta)}.machine-btn:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.machine-btn.is-on{color:var(--ink);border-color:var(--magenta);background:#f21c8c1a}.machine-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);transition:background-color .3s}.machine-btn.is-on .machine-dot{background:var(--magenta)}.machine-rail{max-height:170px;overflow-y:auto;padding-top:12px;display:grid;gap:10px;align-content:start;scrollbar-width:thin}.machine-line{font-size:.92rem;line-height:1.55;color:var(--ink-dim)}.machine-line:last-child{color:var(--ink)}.machine-note{margin-top:10px;font-size:.74rem;color:var(--ink-faint)}.machine:lang(ar){font-family:SF Arabic,Geeza Pro,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif}.machine:lang(ar) .machine-line{font-size:1rem;line-height:1.8}.machine[dir=rtl] .machine-line{text-align:right}.contact{padding:clamp(58px,8vh,104px) var(--pad)}.contact .contact-shell{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(22px,2.6vw,44px);align-items:stretch;max-width:1320px;margin-inline:auto;padding:clamp(26px,3vw,46px);text-align:start;border-radius:calc(var(--radius) * 1.6);border:1px solid rgba(242,240,247,.14);background-color:var(--bg-2);background-image:url(../../../img/wool/tex/felt-dark.webp);background-size:300px;box-shadow:inset 0 1px #f2f0f714,0 40px 90px -50px #1e0418d9}.contact .contact-rail-yarn{position:absolute;top:0;left:0;right:0;height:4px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,var(--yarn-pink) 0 7px,var(--yarn-violet) 7px 14px,var(--yarn-blue) 14px 21px,var(--yarn-gold) 21px 28px)}.contact .contact-aside{min-width:0;display:flex;flex-direction:column;padding-top:clamp(4px,.8vw,12px)}.contact .contact-aside .kicker{margin-bottom:16px;color:var(--bg-3)}.contact .contact-aside .kicker:after{background:#f9d2e34d}.contact .contact-h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.02;letter-spacing:-.02em;color:var(--bg);text-shadow:0 10px 30px rgba(10,2,16,.55)}.contact .contact-accent{display:inline;color:#f76ab3;-webkit-text-stroke:0}.contact .contact-sub{margin:18px 0 0;max-width:44ch;color:var(--bg-3);font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.55}.contact .contact-mach{display:grid;grid-template-columns:clamp(66px,6vw,84px) minmax(0,1fr);gap:clamp(12px,1.4vw,18px);align-items:start;margin-top:clamp(22px,2.6vw,32px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(242,240,247,.14)}.contact .contact-face{min-width:0}.contact .contact-face .loomhead{border-radius:12px;border-color:#f2f0f72e;background:#1d142c}.contact .contact-face .loomhead-vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 46%,rgba(29,20,44,.72) 100%),linear-gradient(to top,rgba(29,20,44,.8),transparent 40%)}.contact .contact-say{min-width:0}.contact .contact-say .machine{margin-top:0;border:0;padding:0;background:transparent}.contact .contact-say .machine-bar{padding-bottom:10px;border-bottom-color:#f2f0f724}.contact .contact-say .machine-label,.contact .contact-say .machine-line{color:var(--bg-3)}.contact .contact-say .machine-line:last-child{color:var(--bg)}.contact .contact-say .machine-note{color:var(--bg-3);opacity:.85}.contact .contact-say .machine-btn{color:var(--bg-3);border-color:#f2f0f738}.contact .contact-say .machine-btn:hover,.contact .contact-say .machine-btn.is-on{color:var(--bg);border-color:var(--magenta);background:#f21c8c38}.contact .contact-say .machine-dot{background:var(--bg-3)}.contact .contact-say .machine-btn.is-on .machine-dot{background:var(--magenta)}.contact .contact-say .machine-rail{max-height:96px;padding-top:10px}.contact .contact-direct{justify-content:flex-start;margin-top:auto;padding-top:clamp(20px,2.4vw,30px);color:var(--bg-3);row-gap:10px}.contact .contact-direct>span:first-child{flex:1 0 100%;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.contact .contact-direct a{color:var(--bg-3)}.contact .contact-direct a:hover{color:#f76ab3}.contact .contact-direct i{color:#f9d2e380;font-style:normal}.contact .contact-screen{min-width:0;overflow:hidden;border-radius:calc(var(--radius) * 1.25);border:1px solid rgba(242,28,140,.22);background:var(--bg);box-shadow:0 30px 70px -34px #0a0210e6,0 0 0 1px #ffffff0d inset,0 0 90px -40px #f21c8c80}.contact .contact-screen .wizard{margin:0;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none}.contact .contact-screen .wizard-steps{background:#f9d2e38c;padding-block:12px 14px}.contact .contact-screen .wizard-stage{padding:clamp(22px,2.6vw,34px);min-height:360px}.contact .contact-screen .wintent{background:#f9d2e380;border-color:#60284c3d}.contact .contact-screen .wintent:hover{background:#f21c8c17}.contact .contact-screen .wstep.is-now i{background:var(--magenta-deep);border-color:var(--magenta-deep);color:var(--bg)}.contact .contact-screen .wstep.is-done i{border-color:var(--magenta-deep);color:var(--magenta-deep)}.contact .contact-screen .wchip.is-on{background:var(--magenta-deep);border-color:var(--magenta-deep);color:var(--bg)}.contact .contact-screen .wform input,.contact .contact-screen .wform select,.contact .contact-screen .wform textarea{background:#ffffff8c;border-color:#60284c42}@media(max-width:1040px){.contact .contact-shell{grid-template-columns:minmax(0,1fr)}.contact .contact-direct{margin-top:clamp(18px,3vw,26px)}.contact .contact-h2{font-size:clamp(2.1rem,5.6vw,3.2rem)}.contact .contact-sub{max-width:56ch}}@media(max-width:620px){.contact{padding-inline:clamp(12px,4vw,20px)}.contact .contact-shell{padding:clamp(18px,4.5vw,26px)}.contact .contact-mach{grid-template-columns:56px minmax(0,1fr);gap:12px}.contact .contact-screen .wizard-stage{padding:clamp(16px,4.5vw,22px);min-height:0}.contact .contact-direct i{display:none}}@media(prefers-reduced-motion:reduce){.contact .contact-say .machine-btn,.contact .contact-direct a{transition:none}}
