.qj-contact{--qj-contact-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");overflow-x:clip}.qj-contact p,.qj-contact h1,.qj-contact figure,.qj-contact form,.qj-contact ul,.qj-contact li{margin:0}.qj-contact .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);font-size:.75rem;font-weight:500}.qj-contact .caption{color:var(--foreground-soft);font-size:.75rem;line-height:1.5}.qj-contact-spread{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(1.5rem,3vw,2.75rem);padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:grid}.qj-contact-copy{grid-column:1/span 5;min-width:0;padding-top:.35rem}.qj-contact-print-wrap{grid-column:6/span 7;justify-self:end;width:100%;min-width:0;max-width:38rem}.qj-contact-running{justify-content:space-between;align-items:baseline;gap:1rem;max-width:36ch;display:flex}.qj-contact [hidden]{display:none!important}.qj-contact-copy h1{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:0;text-wrap:balance;max-width:9em;margin-top:.7rem;font-weight:400;line-height:1.08}:lang(vi) .qj-contact-copy h1{line-height:1.18}.qj-contact-rule{background:var(--border);border:0;width:48px;height:1px;margin:14px 0;display:block}.qj-contact-lede{color:var(--foreground-soft);text-wrap:pretty;max-width:34ch;margin-top:1.5rem;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.7}.qj-contact-directory{max-width:36ch;margin-top:2.35rem}.qj-contact-dir-rule{background:var(--border);border:0;width:100%;max-width:22rem;height:1px;margin:1.4rem 0 0;display:block}.qj-contact-dir-block{margin:0;padding:1.4rem 0 0}.qj-contact-dir-block:first-child{padding-top:0}.qj-contact-dir-row{max-width:100%;min-height:44px;color:var(--foreground);align-items:center;gap:.7rem;margin-top:.55rem;text-decoration:none;display:flex}a.qj-contact-dir-row{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:5px;transition:text-decoration-color var(--duration-micro) var(--ease-soft), color var(--duration-micro) var(--ease-soft);text-decoration-thickness:1px}a.qj-contact-dir-row:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-contact-dir-mail{font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.2rem,1.85vw,1.45rem);line-height:1.3}.qj-contact-dir-place{font-family:var(--font-display);font-size:1.25rem;line-height:1.35}.qj-contact-dir-ico{width:18px;height:18px;color:var(--foreground-muted);flex:none}.qj-contact-dir-ico svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block;overflow:visible}.qj-contact-dir-social{grid-template-columns:max-content max-content;gap:.05rem 1.35rem;width:fit-content;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.qj-contact-dir-social a{min-height:44px;color:var(--foreground-soft);text-underline-offset:4px;transition:color var(--duration-micro) var(--ease-soft), text-decoration-color var(--duration-micro) var(--ease-soft);align-items:center;gap:.55rem;font-size:.9375rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.qj-contact-dir-social a:hover{color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.qj-contact-dir-social a:hover .qj-contact-dir-ico{color:var(--foreground-soft)}.qj-contact-note{font-family:var(--font-accent);color:color-mix(in oklab, var(--brown) 42%, var(--foreground));font-size:1.125rem;line-height:1.35}.qj-contact p.qj-contact-note-desk{margin-top:1.75rem;display:inline-block;transform:rotate(-3deg)}.qj-contact-note-mobile{display:none}.qj-contact-print{transform-origin:72% 28%;width:fit-content;max-width:100%;margin:0 0 0 auto;transform:rotate(.55deg)}.qj-contact-stage{width:fit-content;max-width:100%;display:block;position:relative}.qj-contact-stage img{aspect-ratio:864/1152;max-width:100%;max-height:min(78vh,42rem);transition:transform var(--duration-story) var(--ease-quiet);width:auto!important;height:auto!important}.qj-contact-stage .qj-contact-only-dark{object-fit:contain;object-position:top left;max-height:none;position:absolute;inset:0;width:100%!important;height:100%!important}.qj-contact-only-light,.qj-contact-only-dark{transition:opacity .82s var(--ease-quiet)}.qj-contact-only-dark,.dark .qj-contact-only-light{opacity:0;pointer-events:none}.dark .qj-contact-only-dark{opacity:1;pointer-events:none}.dark .qj-contact-stage{filter:drop-shadow(2px 14px 22px #00000052)}.qj-contact-print:hover .qj-contact-stage{transform-origin:72% 28%;transition:transform var(--duration-story) var(--ease-quiet);transform:scale(1.02)}.qj-contact-print figcaption{min-height:1.125rem;margin-top:.55rem;padding-left:.15rem;position:relative}.qj-contact-print figcaption .qj-contact-only-dark{position:absolute;top:0;left:.15rem}.qj-contact-reply{padding-top:clamp(2.75rem,6vw,5.5rem);padding-bottom:clamp(4.5rem,9vw,7.5rem)}.qj-contact-reply-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(1.5rem,3vw,2.75rem);display:grid}.qj-contact-artifact{grid-column:1/span 4;min-width:0;max-width:21.5rem;margin:1.1rem 0 0;padding:.15rem 0 .35rem;position:relative}.qj-contact-artifact-cluster{width:12.85rem;max-width:72%;margin:.15rem 0 0 auto;padding:0 .35rem 1.15rem 1.35rem;position:relative}.qj-contact-artifact-hand{z-index:2;width:7.4rem;font-family:var(--font-accent);color:color-mix(in oklab, var(--brown) 52%, var(--foreground-soft));transform-origin:0 0;font-size:1.05rem;line-height:1.38;position:absolute;top:.35rem;left:0;transform:rotate(-7deg)}:lang(vi) .qj-contact-artifact-hand{line-height:1.5}.qj-contact-postcard{background:var(--surface-soft);transform-origin:top;width:100%;box-shadow:2px 10px 22px color-mix(in oklab, var(--foreground) 10%, transparent);margin:0;padding:9px 9px 11px;position:relative;transform:rotate(1.35deg)}.qj-contact-postcard:after{content:"";pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:var(--qj-contact-noise);background-size:160px 160px;position:absolute;inset:0}.dark .qj-contact-postcard:after{mix-blend-mode:overlay;opacity:.08}.qj-contact-postcard-frame{background:var(--paper);clip-path:polygon(1.1% 1.4%,7% .4%,28% 1.2%,54% .3%,78% 1%,96% .6%,99.2% 2.2%,99.7% 22%,98.8% 48%,99.6% 74%,98.7% 96.8%,86% 99.3%,58% 98.6%,28% 99.4%,3% 98.5%,.5% 96.4%,0% 76%,1% 48%,.2% 22%);position:relative;overflow:hidden}.qj-contact-postcard-frame img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.qj-contact-postcard-frame .qj-contact-only-dark{object-fit:contain;max-height:none;position:absolute;inset:0;width:100%!important;height:100%!important}.qj-contact-tape{z-index:2;pointer-events:none;background:color-mix(in oklab, var(--clay) 38%, var(--surface-soft));opacity:.7;width:2.15rem;height:.52rem;position:absolute}.qj-contact-tape-tl{top:-.16rem;left:16%;transform:rotate(-9deg)}.qj-contact-tape-tr{top:-.12rem;right:14%;transform:rotate(8deg)}.dark .qj-contact-tape{background:color-mix(in oklab, var(--brown) 42%, var(--paper));opacity:.5}.qj-contact-artifact-flora,.qj-contact-artifact-stamp{pointer-events:none;display:block;position:absolute;overflow:visible}.qj-contact-artifact-flora{width:5.35rem;height:6.35rem;color:color-mix(in oklab, var(--brown) 46%, var(--foreground-muted));transform-origin:20% 90%;bottom:.05rem;left:-.55rem;transform:rotate(-16deg)}.qj-contact-artifact-stamp{width:6.4rem;height:3.55rem;color:color-mix(in oklab, var(--brown) 48%, var(--foreground-muted));transform-origin:70% 80%;bottom:-.15rem;right:-.35rem;transform:rotate(7deg)}.qj-contact-artifact-flora svg,.qj-contact-artifact-stamp svg{width:100%;height:100%;display:block;overflow:visible}.qj-contact-artifact-flora path,.qj-contact-artifact-flora circle,.qj-contact-artifact-stamp path,.qj-contact-artifact-stamp circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.qj-contact-artifact-stamp defs path{fill:none;stroke:none}.qj-contact-artifact-stamp text{fill:currentColor;stroke:none;font-family:var(--font-sans);letter-spacing:.12em;font-size:4.4px}.qj-contact-letter-wrap{grid-column:6/span 7;min-width:0;max-width:38rem}#contact-form{scroll-margin-top:5.5rem}.qj-contact-letter{isolation:isolate;transform-origin:0 0;background:0 0;border:0;padding:clamp(1.85rem,3.2vw,2.6rem) clamp(1.5rem,3vw,2.35rem) 2.35rem;position:relative;overflow:visible;transform:rotate(-.45deg)}.qj-contact-letter-sheet{z-index:0;pointer-events:none;background:var(--surface);clip-path:polygon(.9% 1.6%,7% .4%,19% 1.3%,38% .2%,61% 1.1%,84% .5%,97.2% .9%,99.6% 3.2%,100% 18%,99% 34%,100% 52%,99.2% 71%,99.8% 88%,98.6% 97.8%,86% 99.7%,63% 98.9%,41% 100%,18% 99.2%,4% 98.4%,.4% 96.2%,0% 79%,1.1% 58%,0% 37%,.8% 16%);filter:drop-shadow(3px 12px 22px color-mix(in oklab, var(--foreground) 14%, transparent));position:absolute;inset:-12px -16px -20px -14px}.dark .qj-contact-letter-sheet{filter:drop-shadow(2px 12px 20px #00000047)}.qj-contact-letter-sheet:after{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:var(--qj-contact-noise);background-size:180px 180px;position:absolute;inset:0}.dark .qj-contact-letter-sheet:after{mix-blend-mode:overlay;opacity:.1}.qj-contact-letter>:not(.qj-contact-letter-sheet):not(.qj-contact-plane):not(.qj-contact-letter-flora){z-index:1;position:relative}.qj-contact-letter>.qj-contact-plane,.qj-contact-letter>.qj-contact-letter-flora{z-index:2;position:absolute}.qj-contact-plane{width:176px;height:44px;color:var(--foreground-muted);pointer-events:none;z-index:2;transition:transform var(--duration-soft) var(--ease-quiet), opacity var(--duration-soft) var(--ease-quiet);position:absolute;top:1.05rem;right:.7rem;overflow:visible}.qj-contact-plane svg{width:176px;height:44px;display:block}.qj-contact-plane .trail{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-dasharray:2.4 4.2 3.1 5.1 1.8 4.6 2.7 3.9;opacity:.7}.qj-contact-plane .craft{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}:is(.qj-contact-letter:has(.qj-contact-letter-foot .quiet-link:hover) .qj-contact-plane,.qj-contact-letter:has(.qj-contact-letter-foot .quiet-link:focus-visible) .qj-contact-plane){transform:translate(8px,-4px)}.qj-contact-letter.is-sending .qj-contact-plane{transform:translate(16px,-8px)}.qj-contact-letter.is-sent .qj-contact-plane{opacity:0;transform:translate(28px,-12px)}.qj-contact-letter .qj-contact-form-eyebrow{max-width:22em;padding-right:11.25rem}.qj-contact-letter-when{margin-top:.45rem;padding-right:11.25rem}.qj-contact-letter-flora{width:4.85rem;height:5.65rem;color:color-mix(in oklab, var(--brown) 48%, var(--foreground-muted));pointer-events:none;z-index:2;transform-origin:70% 85%;position:absolute;bottom:-.95rem;right:-.2rem;transform:rotate(11deg)}.qj-contact-letter-flora svg{width:100%;height:100%;display:block;overflow:visible}.qj-contact-letter-flora path,.qj-contact-letter-flora circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.qj-contact-field{margin-top:1.55rem}.qj-contact-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-soft);font-size:.75rem;font-weight:500;display:block}.qj-contact-field .star{letter-spacing:0;color:var(--foreground-muted);font-weight:400}.qj-contact-field input,.qj-contact-field textarea{border:0;border-bottom:1px solid color-mix(in oklab, var(--border) 70%, var(--foreground-faint));width:100%;color:var(--foreground);font-family:var(--font-display);appearance:none;min-height:44px;transition:border-color var(--duration-micro) var(--ease-soft);background:0 0;border-radius:0;margin-top:.35rem;padding:.45rem 0 .5rem;font-size:1.25rem;line-height:1.45;display:block}.qj-contact-field textarea{resize:vertical;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.75rem - 1px), color-mix(in oklab, var(--border) 80%, transparent) calc(1.75rem - 1px), color-mix(in oklab, var(--border) 80%, transparent) 1.75rem);border-bottom:0;min-height:9.25rem;max-height:16rem;padding-top:.2rem;line-height:1.75rem}.qj-contact-field input::placeholder,.qj-contact-field textarea::placeholder{color:var(--foreground-soft);opacity:1}.qj-contact-field input:hover,.qj-contact-field textarea:hover{border-bottom-color:var(--foreground-muted)}.qj-contact-field input:focus-visible{box-shadow:0 2px 0 var(--foreground);border-bottom-color:var(--foreground);outline:none}.qj-contact-field textarea:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.qj-contact-field.is-invalid input{border-bottom-color:var(--brown);box-shadow:0 1px 0 var(--brown)}.qj-contact-field.is-invalid textarea{box-shadow:inset 0 -1px 0 var(--brown)}.qj-contact-field .err{color:color-mix(in oklab, var(--destructive) 78%, var(--brown));margin:.4rem 0 0;font-size:.8125rem;line-height:1.45;display:none}.qj-contact-field.is-invalid .err{display:block}.qj-contact-letter-foot{align-items:center;margin-top:1.55rem;display:flex}.qj-contact-letter button.quiet-link{cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-family:inherit}.qj-contact-letter-ok{padding:1.15rem 0 .2rem}.qj-contact-letter-ok p{font-family:var(--font-display);text-wrap:balance;max-width:16em;font-size:clamp(1.65rem,2.4vw,2rem);line-height:1.2}.qj-contact-letter-ok .quiet-link{margin-top:.25rem}.qj-contact-form-error{color:color-mix(in oklab, var(--destructive) 78%, var(--brown));margin:.7rem 0 0;font-size:.8125rem;line-height:1.45}.qj-contact-honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:-webkit-any(.qj-contact-letter input:-webkit-autofill,.qj-contact-letter textarea:-webkit-autofill){-webkit-text-fill-color:var(--foreground);caret-color:var(--foreground);box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s ease-out}:is(.qj-contact-letter input:autofill,.qj-contact-letter textarea:autofill){-webkit-text-fill-color:var(--foreground);caret-color:var(--foreground);box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s ease-out}@media (max-width:1023px){.qj-contact-copy{grid-column:1/span 5}.qj-contact-print-wrap{grid-column:6/span 7;max-width:none}.qj-contact-stage img{max-height:min(64vh,32rem)}.qj-contact-artifact{grid-column:1/span 5;max-width:20rem}.qj-contact-letter-wrap{grid-column:6/span 7}}@media (max-width:767px){.qj-contact-spread{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""print""directory";gap:0;padding-top:7.5rem;padding-bottom:0;display:grid}.qj-contact-copy{display:contents}.qj-contact-intro{grid-area:intro;min-width:0;padding-top:0}.qj-contact-running{max-width:none;margin-bottom:1.5rem}.qj-contact-copy h1{max-width:10em;margin-top:.55rem;font-size:2.25rem;line-height:1.12}:lang(vi) .qj-contact-copy h1{line-height:1.22}.qj-contact-rule{width:40px;margin-top:12px;margin-bottom:12px}.qj-contact-lede{max-width:28ch;margin-top:1.05rem;font-size:1.0625rem}.qj-contact-print-wrap{flex-direction:column;grid-area:print;justify-self:stretch;align-items:center;width:100%;max-width:none;margin:2rem 0 0;display:flex}.qj-contact-directory{grid-area:directory;max-width:none;margin-top:1.5rem}.qj-contact-dir-rule{max-width:none;margin-top:1.25rem}.qj-contact-dir-block{padding-top:1.25rem}.qj-contact-dir-row{gap:.65rem;margin-top:.5rem}.qj-contact-dir-mail{font-size:1.35rem}.qj-contact-dir-place{font-size:1.2rem}.qj-contact-dir-social{column-gap:1.2rem;margin-top:.45rem}.qj-contact p.qj-contact-note-desk{display:none}.qj-contact-print{transform-origin:top;width:fit-content;max-width:84%;margin-inline:auto;transform:rotate(.7deg)}.qj-contact-stage img{max-height:min(42vh,20rem)}.qj-contact-print figcaption{text-align:center;margin-top:0;padding:.5rem 0 0}.qj-contact-print figcaption .qj-contact-only-dark{text-align:center;top:.5rem;left:0;right:0}.qj-contact-reply{padding-top:.85rem;padding-bottom:1.75rem}.qj-contact-reply-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"artifact""letter""note";justify-items:stretch;gap:0;display:grid}.qj-contact-artifact{grid-area:artifact;justify-self:start;width:100%;max-width:19.5rem;min-height:19.5rem;margin:0;padding:0 0 2.4rem}.qj-contact-artifact-cluster{width:11.6rem;max-width:66%;margin:.15rem 0 0 auto;padding:0;position:static}.qj-contact-artifact-hand{width:6.6rem;font-size:1rem;top:1.1rem;left:0;transform:rotate(-6deg)}.qj-contact-postcard{padding:8px 8px 10px;transform:rotate(1.2deg)}.qj-contact-tape{width:1.95rem;height:.48rem}.qj-contact-tape-tl{top:-.14rem;left:15%}.qj-contact-tape-tr{top:-.1rem;right:13%}.qj-contact-artifact-flora{width:4.7rem;height:5.6rem;bottom:2.1rem;left:-.05rem;transform:rotate(-14deg)}.qj-contact-artifact-stamp{width:5.7rem;height:3.2rem;bottom:0;right:0;transform:rotate(6deg)}.qj-contact-letter-wrap{grid-area:letter;justify-self:stretch;width:100%;min-width:0;max-width:none;margin-top:1.35rem}.qj-contact-letter{width:100%;padding:1.55rem 1.2rem 1.85rem;display:block;transform:none}.qj-contact-letter-sheet{clip-path:polygon(1.2% 1.8%,8% .6%,24% 1.4%,48% .3%,72% 1.2%,94% .7%,99.4% 2.8%,100% 22%,99% 48%,100% 74%,98.8% 97.6%,78% 99.6%,46% 98.8%,16% 100%,.6% 96.8%,0% 72%,1% 42%,0% 18%);inset:-10px -12px -16px -10px}.qj-contact-plane{width:132px;height:38px;top:.9rem;right:.35rem}.qj-contact-plane svg{width:132px;height:38px}.qj-contact-letter .qj-contact-form-eyebrow,.qj-contact-letter-when{padding-right:8.5rem}.qj-contact-letter-when{margin-top:.4rem}.qj-contact-field{margin-top:1.35rem}.qj-contact-field input,.qj-contact-field textarea{padding:.5rem 0 .55rem}.qj-contact-field textarea{min-height:9.75rem;max-height:14rem;padding-top:.25rem}.qj-contact-letter-foot{margin-top:1.4rem}.qj-contact-letter-ok p{font-size:1.75rem}.qj-contact-letter-flora{width:3.85rem;height:4.5rem;bottom:-.4rem;right:.05rem;transform:rotate(10deg)}.qj-contact p.qj-contact-note-mobile{grid-area:note;justify-self:start;margin-top:1.75rem;display:inline-block;transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.qj-contact-print:hover .qj-contact-stage,.qj-contact-letter.is-sending .qj-contact-plane,.qj-contact-letter.is-sent .qj-contact-plane{transform:none}.qj-contact-letter:has(.qj-contact-letter-foot .quiet-link:hover) .qj-contact-plane{transform:none}.qj-contact-letter:has(.qj-contact-letter-foot .quiet-link:focus-visible) .qj-contact-plane{transform:none}.qj-contact-letter.is-sent .qj-contact-plane{opacity:0}}
