.hello-open{padding-top:var(--page-head-top)}.hello-grid{row-gap:var(--space-item);display:grid}@media (min-width:1024px){.hello-grid{column-gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.hello-head{grid-column:1/span 5}.hello-desk{grid-column:7/span 6}}@media (min-width:1024px) and (max-width:1279px){.hello-desk{grid-column:6/span 7}}.hello-head{align-content:start;display:grid}.hello-promise{margin-top:var(--space-group);max-width:18ch}.hello-dek{margin-top:var(--space-item);max-width:32ch}.hello-greeting,.convo-echo{font-family:var(--font-read);font-style:italic}.hello-head .hello-greeting{margin-top:var(--space-group-loose);max-width:32ch}.hello-alt{margin-top:var(--space-item)}.hello-desk{gap:var(--space-head);display:grid}.convo{background:0 0;border:0;padding:0;display:grid}.convo-step{gap:var(--space-group-loose);min-width:0;padding:var(--space-action) 0;border:0;margin:0;display:grid}.convo-trap+.convo-step{border-top:0}fieldset.convo-step>legend{float:left;width:100%;margin-bottom:var(--space-group-loose);padding:0}fieldset.convo-step>legend+*{clear:both}.convo-q{color:var(--text)}.convo-input{width:100%;min-height:52px;padding:var(--space-group-loose) 14px;border:0;border-bottom:2px solid var(--control-edge);background:var(--surface-raised);color:var(--text);font-family:var(--font-read);font-size:var(--fs-read);line-height:var(--lh-snug);border-radius:0}textarea.convo-input{resize:vertical;line-height:var(--lh-ui)}.convo-input:hover{border-color:var(--visitor)}.convo-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--visitor)}.convo-error{padding-top:var(--space-group);border-top:2px solid var(--teacher);color:var(--teacher);font-family:var(--font-ui);font-size:var(--fs-ui);line-height:var(--lh-snug)}.convo-chips{gap:var(--space-group-loose);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.convo-chip{border:2px solid var(--control-edge);background:var(--surface-raised);cursor:pointer;min-height:44px;transition:transform var(--motion-feedback-duration) var(--motion-feedback-ease);border-radius:4px;gap:2px;padding:10px 14px;display:grid;position:relative}.convo-chip:hover{border-color:var(--visitor)}.convo-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.convo-chip-label{font-family:var(--font-ui);font-size:var(--fs-ui);font-weight:700;line-height:var(--lh-snug);color:var(--text)}.convo-chip:has(input:checked){border-color:var(--visitor);background:var(--visitor-wash);box-shadow:inset 0 0 0 1px var(--visitor)}.convo-chip:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}[data-for],.convo-kind-echo>*{display:none}.convo-q-default{display:inline}.convo:has(input[name=kind]:checked) .convo-q-default{display:none}:is(.convo:has(input[value=speak]:checked) [data-for=speak],.convo:has(input[value=teach]:checked) [data-for=teach],.convo:has(input[value=build]:checked) [data-for=build],.convo:has(input[value=hi]:checked) [data-for=hi]){display:inline}.convo-step:has(:invalid) .convo-echo{display:none}:is(.hello:not(.hello-ready) .convo-step:has(:invalid)~.convo-step,.hello:not(.hello-ready) .convo-step:has(:invalid)~.convo-send){display:none}.convo-next{justify-self:end;display:none}.convo-send{padding-top:var(--space-action);border-top:1px solid var(--rule-feint);justify-content:flex-end;display:flex}@media (max-width:639px){.convo{padding:0}.convo-next,.convo-button{justify-self:stretch;width:100%}}.convo-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.postcard{gap:var(--space-6);border:1px solid var(--rule-feint);border-top:3px solid var(--visitor);background:var(--surface-raised);width:100%;box-shadow:0 2px 3px color-mix(in srgb, var(--text) 5%, transparent), 0 14px 32px -18px color-mix(in srgb, var(--text) 22%, transparent);font-family:var(--font-read);font-size:var(--fs-read);line-height:var(--lh-read);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);padding:clamp(22px,3vw,36px);display:grid}.postcard[hidden]{display:none}.postcard-letter{align-content:start;gap:var(--space-5);min-width:0;display:grid}.postcard-to{font-size:var(--fs-item);font-style:italic}.postcard-subject{gap:var(--space-1);font-family:var(--font-ui);font-size:var(--fs-meta);line-height:var(--lh-ui);display:grid}.postcard-kind{color:var(--visitor)}.postcard-detail{color:var(--text-meta)}.postcard-message{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--visitor)}.postcard-from{justify-self:end;font-style:italic}.postcard-from>[data-card=name]:not(:empty):before{content:"From "}.postcard p:empty{display:none}.postcard-subject:not(:has(span:not(:empty))){display:none}.postcard-address{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--rule-feint);font-family:var(--font-ui);font-size:var(--fs-meta);line-height:var(--lh-ui);color:var(--text-meta);display:flex}.postcard-address>div{min-width:0}.postcard-address-label{margin-bottom:var(--space-1);color:var(--visitor);display:block}.postcard-stamp{background:url(/hello/envelope.webp) 50%/contain no-repeat;flex:0 0 86px;width:86px;height:58px;transform:rotate(-8deg)}.hello-state{display:none}.hello-state:target{display:grid}.hello-note:target{padding-left:var(--space-head);border-left:2px solid var(--teacher);color:var(--text);display:block}.hello:has(#sent:target) .convo-thread{display:none}.hello:has(#sent:target) .convo{display:none}.hello:has(#sent:target) .hello-dek{display:none}.hello:has(#sent:target) .hello-head .hello-greeting{display:none}.hello-sent{gap:var(--space-head)}.hello-sent-heading{gap:var(--space-3);align-content:start;display:grid}.hello-reply-note{color:var(--text-meta);max-width:32ch}.hello-delivery{--motion-posting-duration:1.7s;aspect-ratio:1;isolation:isolate;justify-self:center;width:min(100%,300px);position:relative}.hello-postbox{aspect-ratio:1122/1402;background:url(/hello/postbox.webp) 50%/contain no-repeat;width:58%;position:absolute;bottom:0;left:21%}.hello-mail-slot{perspective:600px;position:absolute;inset:0 0 54%;overflow:hidden}.hello-folding-note{gap:var(--space-2);width:52%;padding:var(--space-3);border:1px solid var(--rule-feint);background:var(--surface-raised);color:var(--visitor);font-family:var(--font-read);font-size:var(--fs-label);line-height:var(--lh-ui);transform-origin:bottom;visibility:hidden;display:grid;position:absolute;top:3%;left:24%}.hello-note-excerpt{white-space:pre-wrap;max-height:42px;overflow:hidden}.hello-folding-note>:last-child{white-space:nowrap;justify-self:end;max-width:100%;overflow:hidden}.hello-mail-envelope{aspect-ratio:3/2;width:50%;color:var(--ink);font-family:var(--font-read);font-style:italic;font-size:var(--fs-meta);visibility:hidden;background:url(/hello/envelope.webp) 50%/contain no-repeat;place-items:center;display:grid;position:absolute;top:10%;left:25%}.hello-mail-envelope>span{transform:translate(-10%,10%)}.hello-posted-mark{padding:var(--space-2) 14px;border:2px solid var(--teacher);color:var(--teacher);background:var(--surface);font-family:var(--font-ui);font-size:var(--fs-meta);line-height:var(--lh-snug);letter-spacing:.12em;text-transform:uppercase;position:absolute;top:20%;right:2%;transform:rotate(8deg)}@media (prefers-reduced-motion:no-preference){.hello-delivery[data-posting] .hello-folding-note{animation:hello-letter-fold var(--motion-posting-duration) var(--motion-navigation-ease) both}.hello-delivery[data-posting] .hello-mail-envelope{animation:postcard-post var(--motion-posting-duration) cubic-bezier(.4, 0, .2, 1) both}.hello-delivery[data-posting] .hello-posted-mark{animation:hello-stamp var(--motion-posting-duration) var(--motion-feedback-ease) both}}@keyframes hello-letter-fold{0%,12%{visibility:visible;opacity:1;transform:translateY(0)rotate(-3deg)scaleY(1)}28%{visibility:visible;opacity:1;transform:translateY(24px)rotate(0)scaleY(.16)}36%,to{visibility:hidden;opacity:0;transform:translateY(30px)scaleY(.04)}}@keyframes postcard-post{0%,22%{visibility:hidden;opacity:0;transform:translateY(0)rotate(-4deg)}34%,48%{visibility:visible;opacity:1;transform:translateY(0)rotate(-4deg)}62%{visibility:visible;opacity:1;transform:translateY(24px)rotate(0)scale(.68)rotateX(32deg)}88%,to{visibility:visible;opacity:1;transform:translateY(180%)rotate(0)scale(.68)rotateX(58deg)}}@keyframes hello-stamp{0%,80%{opacity:0;transform:rotate(8deg)scale(1.18)}92%,to{opacity:1;transform:rotate(8deg)scale(1)}}@media (prefers-reduced-motion:reduce){.hello-folding-note,.hello-mail-envelope{display:none}.hello-posted-mark{opacity:1}}.hello-gift{gap:var(--space-group-loose);margin-top:var(--space-group);display:grid}.hello-gift-lines{font-style:italic}@media print{.hello-delivery{display:none}}@media (min-width:640px) and (max-width:1023px) and (max-height:500px){.hello-grid{column-gap:var(--grid-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.hello-head .t-title{font-size:var(--fs-essay-title)}.hello-promise{font-size:var(--fs-item)}}@media (max-width:1023px) and (min-height:501px),(max-width:639px){.hello-grid{row-gap:0}.hello-head{display:contents}.hello-desk{margin-top:var(--space-item);order:1}.postcard{order:2}}.hello:has(#sent:target) .postcard{display:none}.hello-layout .hello-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.hello-layout .hello-head{align-items:baseline;gap:var(--space-3) var(--space-6);flex-wrap:wrap;grid-column:1/-1;display:flex}.hello-layout .hello-head .t-title{font-size:var(--fs-section)}.hello-layout .hello-promise{max-width:none;font-size:var(--fs-ui);margin:0}.hello-layout .hello-desk{gap:var(--space-2);flex-direction:column;grid-area:2/1;min-height:0;margin:0;display:flex}.convo-thread{padding:var(--space-1) 0}.convo-thread:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.convo-welcome{gap:var(--space-3);display:grid}.hello-layout .hello-dek,.hello-layout .hello-greeting,.hello-layout .hello-alt{max-width:48ch;margin:0}.convo-history{gap:var(--space-2);margin-top:var(--space-5);display:grid}.convo-answer{gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--rule-feint);grid-template-columns:minmax(0,1fr) auto;display:grid}.convo-history-q{color:var(--text-meta);grid-column:1}.convo-history-answer{color:var(--visitor);overflow-wrap:anywhere;white-space:pre-wrap;grid-column:1}.convo-edit{grid-area:1/2/span 2;align-self:start;min-height:44px}.hello-layout .convo{flex:none;min-height:0}.hello-layout .convo-step{padding:var(--space-3) 0 0;gap:var(--space-2);border-top:1px solid var(--rule-feint)}.hello-layout fieldset.convo-step>legend{margin-bottom:var(--space-2)}.hello-layout .convo-input{min-height:44px;padding:10px var(--space-3)}.hello-layout textarea.convo-input{resize:vertical;min-height:130px}.hello-layout .convo-chips{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.hello-layout .convo-chip{padding:var(--space-2) 10px}.hello-layout .convo-next{justify-self:end;width:auto;display:inline-flex!important}.hello-layout .convo-next[hidden],.hello-layout .convo-send[hidden]{display:none!important}.hello-layout .convo-send{padding-top:var(--space-2);border:0}.hello-postcard-area{align-content:start;gap:var(--space-3);grid-area:3/1;display:grid;position:relative}.hello-postcard-area:not(.has-card){display:none}.hello-layout .postcard{width:100%;margin:0}.postcard-preview{display:none}.hello-layout[data-send-state=check] #check,.hello-layout[data-send-state=slow] #slow,.hello-layout[data-send-state=error] #error{padding-left:var(--space-3);border-left:2px solid var(--teacher);flex:none;display:block}.hello-layout[data-send-state=sent] .convo,.hello-layout[data-send-state=sent] .convo-thread{display:none}.hello-layout[data-send-state=sent] .hello-desk{grid-column:1/-1}.hello:has(#sent:target) .hello-desk{grid-column:1/-1}.hello-layout[data-send-state=sent] #sent{display:grid}.hello-layout[data-send-state=sent] .hello-postcard-area{display:none}.hello-layout[data-send-state=pending] .postcard{opacity:.75}.hello-sent{grid-template-columns:minmax(0,1fr)}.hello-sent .hello-gift{margin-top:0}@media (min-width:768px){.hello-sent{column-gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.hello-sent-heading{grid-area:1/1}.hello-delivery{grid-area:1/2/span 2}.hello-gift{grid-area:2/1}}@media (max-width:767px){.hello-delivery{width:220px}.hello-sent{gap:var(--space-5)}}@media (min-width:1024px){.hello-layout:not(.hello-compact) .hello-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.hello-layout:not(.hello-compact) .hello-postcard-area{grid-area:2/2}}.hello-compact .hello-postcard-area{border-top:1px solid var(--rule-feint);padding-top:var(--space-3)}.hello-compact .postcard-preview{justify-self:start;min-height:44px;display:inline-flex}.hello-compact .postcard{display:none}.hello-compact .postcard-expanded .postcard{display:grid}.hello-compact .postcard{padding:var(--space-5)}@media (max-width:767px){.hello-layout .hello-grid{gap:var(--space-3)}.hello-layout .convo-chip-hint{display:none}.hello-layout .convo-button{width:auto}}.convo-native>summary{list-style:none}.convo-native>summary::-webkit-details-marker{display:none}.convo-native:not([open]){justify-self:end}.hello-layout .convo-echo,.hello-layout .convo-kind-echo{display:none}.hello:not(.hello-ready) button.convo-next{display:none!important}@media (max-width:767px){.hello-layout .hello-head{row-gap:var(--space-group)}}@media (max-width:639px){.hello-layout .hello-head{gap:var(--space-1);display:grid}.hello-layout .hello-head .t-title{font-size:var(--fs-title)}.hello-layout .hello-promise{font-size:var(--fs-section);line-height:var(--lh-title)}.hello-layout .hello-desk{margin-top:var(--space-item)}.hello-layout .convo-step{padding-top:var(--space-action)}.hello-layout .convo-input{min-height:52px}.hello-layout{padding-bottom:var(--keyboard,0px)}.hello-layout .convo-native{justify-self:stretch;width:100%}.hello-layout .convo-next{justify-content:center;justify-self:stretch;width:100%;min-height:52px}}