.consult{--ink-card:#2b2823;--ink-text:#f3eddd;--ink-soft:#d9d1bf;--ink-muted:#b7ae9b;--ink-line:#ece4d329}:root[data-theme=dark] .consult{--ink-card:var(--bg-3);--ink-text:var(--text)}.consult-section{scroll-margin-top:76px}.consult-ink{background:var(--ink-card);color:var(--ink-text);border:1px solid var(--hairline)}.consult-projects{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;display:grid}.consult-intro{aspect-ratio:16/9;border:1px solid var(--hairline);background:var(--bg-2);object-fit:contain;border-radius:24px;width:100%;display:block}.consult-intro:fullscreen{aspect-ratio:auto;background:#000;border:none;border-radius:0}.consult-card{background:var(--card);border:1px solid var(--hairline-2);border-radius:18px;flex-direction:column;gap:16px;padding:14px 14px 22px;display:flex}.consult-status{background:var(--bg-3);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.consult-status.live{background:var(--ink);color:var(--on-ink)}.consult-textlink{text-underline-offset:4px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--outline-btn);text-decoration-color:var(--outline-btn);align-self:flex-start;align-items:center;font-size:15px;font-weight:500;transition:text-decoration-color .2s,opacity .15s;display:inline-flex}.consult-textlink:hover{text-decoration-color:currentColor}.consult-textlink:active{opacity:.6}.consult-also{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.consult-also li{border-bottom:1px solid var(--hairline);align-items:center;gap:16px;padding:14px 0;display:flex}.consult-also-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.consult-also-name{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.consult-clip-btn{background:var(--ink);width:48px;height:48px;color:var(--on-ink);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;padding:0;transition:transform .2s,box-shadow .2s,opacity .15s;position:relative;box-shadow:0 6px 16px -8px #2b282380}.consult-clip-btn svg{fill:currentColor;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.consult-clip-btn:hover{transform:scale(1.08);box-shadow:0 10px 22px -8px #2b28238c}.consult-clip-btn:active{opacity:.85;transform:scale(.94)}.consult-clip-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.consult-ways{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:24px;display:grid}.consult-way{border-radius:22px;flex-direction:column;gap:22px;padding:clamp(26px,4vw,40px);display:flex}.consult-points{border-top:1px solid var(--hairline);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.consult-points li{border-bottom:1px solid var(--hairline);padding:14px 0}.consult-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.consult-steps li{border-top:1px solid var(--ink-line);gap:18px;padding:16px 0;display:flex}.consult-step-n{font-family:var(--serif);min-width:30px;color:var(--ink-muted);font-size:22px;font-style:italic;line-height:1.3}.consult-invert-btn{background:var(--ink-text);height:52px;color:var(--ink-card);font-family:var(--sans);letter-spacing:.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:15.5px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.consult-invert-btn:hover{opacity:.88}.consult-invert-btn:active{transform:scale(.965)}.consult-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:22px;display:grid}.consult-wide,.consult-form-foot,.consult-error{grid-column:1/-1}.consult-field{border:1px solid var(--field-line);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:0 16px;font-size:16px;transition:border-color .2s}.consult-field:hover{border-color:var(--outline-btn)}.consult-field:focus{border-color:var(--text);outline:none}textarea.consult-field{resize:vertical;padding:14px 16px}.consult-field::placeholder{color:var(--faint)}.consult-multi{position:relative}.consult-multi-box{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 14px 7px 8px;display:flex}.consult-multi-box[aria-expanded=true]{border-color:var(--text)}.consult-multi-tags{scrollbar-width:none;--fade-start:0px;--fade-end:0px;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);flex:1;gap:6px;display:flex;overflow-x:auto}.consult-multi-tags[data-more-before]{--fade-start:24px}.consult-multi-tags[data-more-after]{--fade-end:24px}.consult-multi-tags::-webkit-scrollbar{display:none}.consult-multi-tag{background:var(--bg-3);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:4px;height:32px;padding:0 4px 0 10px;font-size:14px;display:inline-flex}.consult-multi-remove{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background-color .15s,color .15s;display:grid}.consult-multi-remove:hover{background:var(--hairline);color:var(--text)}.consult-multi-remove:active{transform:scale(.9)}.consult-multi-remove svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;fill:none;width:9px;height:9px}.consult-multi-chevron{width:12px;height:12px;stroke:var(--muted);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease);flex:none}.consult-multi-box[aria-expanded=true] .consult-multi-chevron{transform:rotate(180deg)}.consult-multi-list{z-index:20;border:1px solid var(--field-line);background:var(--bg-2);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility 0s .18s;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-4px)}.consult-multi-list.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.consult-multi-option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:40px;padding:0 12px;font-size:15px;transition:background-color .15s;display:flex}.consult-multi-option.active{background:var(--hairline-2)}.consult-multi-option:active{background:var(--hairline)}.consult-multi-tick{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.consult-form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.consult-error{color:var(--accent);font-size:14.5px}.consult-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.consult-sent{background:var(--card);border:1px solid var(--hairline);border-radius:22px;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(32px,5vw,48px) clamp(24px,4vw,40px);display:flex}.consult-also-wrap{padding-top:12px}.consult-also-summary{min-height:52px;font-family:var(--serif);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;font-size:21px;line-height:1.3;list-style:none;transition:opacity .15s;display:flex}.consult-also-summary::-webkit-details-marker{display:none}.consult-also-summary:hover .consult-also-toggle{border-color:var(--text)}.consult-also-summary:active{opacity:.6}.consult-also-toggle{border:1px solid var(--outline-btn);border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:border-color .2s,transform .25s;display:grid;position:relative}.consult-also-toggle:before,.consult-also-toggle:after{content:"";background:currentColor;border-radius:1px;width:14px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.consult-also-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.consult-also-wrap[open] .consult-also-toggle{transform:rotate(45deg)}.consult-also-wrap[open] .consult-also{margin-top:12px}
