.contact{--c-paper:#f6f5f1;--c-card:#fff;--c-ink:#141414;--c-ink-2:#3a3936;--c-mute:#6e6c67;--c-line:#e4e1db;--c-field:#d9d6cf;--c-soft:#f3f2ee;--c-error:#b42318;--c-r:12px;color:var(--c-ink);background:var(--c-paper);padding-top:calc(var(--section-y) + 2rem);position:relative}.contact__head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:1.5rem clamp(2rem,5vw,5rem);margin-bottom:clamp(2.5rem,7vh,4.5rem);display:grid}.contact__kicker{color:var(--c-mute);margin-bottom:1.1rem}.contact__title{color:var(--spenca);font-size:clamp(3.25rem,7vw,7.5rem);font-weight:300}.contact__title em{background:linear-gradient(100deg, var(--royal) 15%, var(--glint) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.08em;padding-right:.08em}.contact__lead{max-width:40ch;font-size:var(--fs-lead);color:var(--c-mute);line-height:1.55}.contact__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,5vw,5rem);display:grid}.contact__card{background:var(--c-card);box-shadow:0 0 0 1px var(--c-line), 0 1px 2px #1414140a, 0 30px 60px -30px #14141429;border-radius:22px;gap:1.5rem;padding:clamp(1.35rem,3vw,2.75rem);scroll-margin-top:7rem;display:grid}.contact__card-head{border-bottom:1px solid var(--c-line);gap:.3rem;padding-bottom:1.4rem;display:grid}.contact__card-head h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.4rem,2vw,1.75rem);font-weight:400}.contact__card-head p{color:var(--c-mute);font-size:.95rem}.contact__intents{border:0;min-width:0;margin:0;padding:0}.contact__intents legend,.cfield label{color:var(--c-ink-2);margin-bottom:.55rem;padding:0;font-size:.875rem;font-weight:550}.contact__tiles{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.ctile{border-radius:var(--c-r);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-field);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.95rem 1rem;transition:box-shadow .25s,background-color .25s;display:grid;position:relative}.ctile input{opacity:0;pointer-events:none;position:absolute}.ctile:hover{box-shadow:inset 0 0 0 1px #b9b5ad}.ctile.is-on{box-shadow:inset 0 0 0 1.5px var(--c-ink);background:#fbfaf8}.ctile:has(input:focus-visible){outline:2px solid var(--c-ink);outline-offset:2px}.ctile__dot{border-radius:50%;width:1.05rem;height:1.05rem;margin-top:.15rem;transition:box-shadow .25s;position:relative;box-shadow:inset 0 0 0 1.5px #bdb9b1}.ctile__dot:after{content:"";background:var(--c-ink);transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;inset:.27rem;transform:scale(0)}.ctile.is-on .ctile__dot{box-shadow:inset 0 0 0 1.5px var(--c-ink)}.ctile.is-on .ctile__dot:after{transform:scale(1)}.ctile__text{gap:.15rem;display:grid}.ctile__text strong{font-size:.95rem;font-weight:550;line-height:1.3}.ctile__text small{color:var(--c-mute);font-size:.82rem}.contact__order{gap:.6rem;display:grid}.contact__qty{position:relative}.cfield .contact__qty input{padding-right:4rem}.contact__qty span{color:var(--c-mute);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.contact__estimate{color:var(--c-mute);font-size:.875rem;line-height:1.5}.contact__estimate strong{color:var(--c-ink);font-weight:620}.contact__estimate a{color:var(--c-ink-2);text-underline-offset:.15em;text-decoration:underline}.contact__row{grid-template-columns:1fr 1fr;gap:1.5rem 1rem;display:grid}.cfield{display:grid}.cfield label{justify-content:space-between;align-items:baseline;display:flex}.cfield__opt{color:var(--c-mute);font-size:.78rem;font-weight:400}.cfield input,.cfield select,.cfield textarea{border:1px solid var(--c-field);border-radius:var(--c-r);background:var(--c-card);width:100%;min-height:3.1rem;color:var(--c-ink);padding:.75rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.cfield select{appearance:none;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%236e6c67' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.75rem;padding-right:2.5rem}.cfield textarea{resize:vertical;min-height:7.5rem}.cfield input::placeholder,.cfield textarea::placeholder{color:#a3a09a}.cfield input:hover,.cfield select:hover,.cfield textarea:hover{border-color:#bdb9b1}.cfield input:focus,.cfield select:focus,.cfield textarea:focus{border-color:var(--c-ink);outline:none;box-shadow:0 0 0 4px #14141414}.cfield.has-error input{border-color:var(--c-error)}.cfield.has-error input:focus{box-shadow:0 0 0 4px #b423181a}.cfield__error{color:var(--c-error);margin-top:.45rem;font-size:.82rem}.contact__submit{border-top:1px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;padding-top:1.4rem;display:flex}.contact__send{border-radius:var(--c-r);background:var(--c-ink);color:#fff;cursor:pointer;min-height:3.25rem;transition:background-color .25s ease, transform .25s var(--ease-out), box-shadow .25s ease;border:0;justify-content:center;align-items:center;gap:.6rem;padding:0 1.6rem;font-size:1rem;font-weight:550;display:inline-flex}.contact__send:hover{background:#2a2a28;transform:translateY(-1px);box-shadow:0 10px 24px -12px #14141480}.contact__send:active{transform:translateY(0)}.contact__send:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}.contact__send-icon{color:#25d366;width:1.2rem;height:1.2rem}.contact__hint{color:var(--c-mute);max-width:34ch;font-size:.85rem}.contact__hint.is-sent{color:var(--c-ink)}.contact__direct{gap:1rem;display:grid}.contact__direct-title{color:var(--c-mute)}.contact__tollfree{background:radial-gradient(90% 130% at 100% 0%, #6fb8e861, transparent 62%), linear-gradient(145deg, var(--spenca) 0%, var(--royal) 45%, var(--deep-2) 100%);color:#fff;transition:transform .3s var(--ease-out), box-shadow .3s ease;border-radius:20px;gap:.4rem;padding:1.6rem 1.6rem 1.4rem;display:grid}.contact__tollfree .mono{color:var(--glint-2)}.contact__tollfree strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:350}.contact__tollfree-go{color:#eaf5fccc;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.9rem;display:inline-flex}.contact__tollfree-go svg{width:1rem;height:1rem;transition:transform .3s var(--ease-out)}.contact__tollfree:hover{transform:translateY(-2px);box-shadow:0 18px 36px -16px #0e41948c}.contact__tollfree:hover .contact__tollfree-go svg{transform:translate(4px)}.contact__tollfree:focus-visible{outline:2px solid var(--royal);outline-offset:3px}.contact__lines{background:var(--c-card);box-shadow:0 0 0 1px var(--c-line);border-radius:20px}.contact__lines li{grid-template-columns:2.4rem 1fr;align-items:start;gap:1rem;padding:1.15rem 1.3rem;display:grid}.contact__lines li+li{border-top:1px solid var(--c-line)}.contact__icon{background:var(--c-soft);width:2.4rem;height:2.4rem;color:var(--c-ink-2);border-radius:10px;place-items:center;display:grid}.contact__icon svg{width:1.1rem;height:1.1rem}.contact__lines div{gap:.15rem;min-width:0;display:grid}.contact__lines .mono{color:var(--c-mute);margin-bottom:.1rem}.contact__lines div>a,.contact__lines div>span{overflow-wrap:anywhere;width:fit-content;max-width:100%;font-size:1rem}.contact__lines a{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .25s}.contact__lines a:hover{text-decoration-color:currentColor}.contact__where{margin-top:clamp(4rem,11vh,7rem);padding-bottom:clamp(4rem,10vh,6.5rem)}.contact__where-title{color:var(--c-mute);margin-bottom:1.4rem}.contact__places{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;display:grid}.contact__places li{border-top:1px solid var(--c-ink);align-content:start;gap:.35rem;padding-top:1.1rem;display:grid}.contact__places .mono{color:var(--c-mute)}.contact__places h3{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.01em;font-weight:400}.contact__places p:last-child{color:var(--c-mute);font-size:.9rem;line-height:1.55;display:grid}@media (width>=900px){.contact__direct{position:sticky;top:6.5rem}}@media (width<=899px){.contact__head,.contact__grid{grid-template-columns:1fr}.contact__places{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.contact__row{grid-template-columns:1fr}.ctile{gap:.6rem;padding:.85rem .8rem}.ctile__text small{display:none}.contact__send{width:100%}.contact__places{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact__send,.contact__tollfree,.ctile__dot:after{transition:none}}
