.contact{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;padding:10rem}.row{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:2.5rem 8rem;align-items:center}.big-word{font-size:24rem;font-weight:500;line-height:1;letter-spacing:-.12rem}.card{display:flex;gap:1.25rem;position:relative;padding:1.5rem 1.5rem 3rem;border-radius:2rem;background:#f6f5f5;box-shadow:0 0 8.1px #67676740;height:fit-content;align-self:end}.card-image{width:13rem;aspect-ratio:1/1;border-radius:2rem;overflow:hidden;height:fit-content;flex-shrink:0}.card-body{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.greeting,.prompt,.field-input,.field-wrap input,.history-line span,.select-trigger__label,.sent-state{font-size:clamp(12px,1.6rem,30px);line-height:130%;letter-spacing:-.08rem}.field-wrap input{max-width:18rem;text-overflow:ellipsis;overflow:hidden}#history{margin-top:auto}.history-line{display:block;color:var(--ink-soft);margin-bottom:.15rem;overflow-wrap:anywhere;word-break:break-word}.history-line .value{color:#ec1c24;overflow-wrap:anywhere;word-break:break-word}.current{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-height:1.6em}.caret{display:inline-block;width:1px;height:1em;background:var(--ink);margin-left:2px;transform:translateY(2px);animation:blink 1s steps(1) infinite}.field-wrap{display:inline-flex;align-items:baseline;gap:.5rem;position:relative;max-width:100%}.enter-hint{display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;width:15px;height:15px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.field-wrap.has-value .enter-hint{opacity:1;transform:translateY(10%);pointer-events:auto}.field-wrap .static-caret{position:absolute;left:0;top:50%;transform:translateY(-50%);margin-left:0;background:#ec1c24;height:2rem}.field-wrap.is-focused .static-caret,.field-wrap.has-value .static-caret{display:none}.field-input{background:transparent;border:none;outline:none;color:#ec1c24;field-sizing:content;min-width:1ch;max-width:100%;font:inherit}.field-input::placeholder{color:var(--muted-2);font-weight:400}.field-input:focus{border-bottom-color:#0000001f}.select-wrap{position:relative;display:inline-flex;align-items:baseline;min-width:170px}.select-trigger{background:transparent;border:none;outline:none;font:inherit;cursor:pointer;text-align:left;position:relative;border-bottom:1px dashed rgba(0,0,0,.18);display:flex;align-items:center;gap:.6rem}.select-trigger__icon{display:inline-flex;width:16px;height:16px;transition:transform .2s ease}.select-trigger.open .select-trigger__icon{transform:rotate(180deg)}.select-trigger.placeholder{color:#1d1d1d;font-size:clamp(12px,1.8rem,35px);letter-spacing:-.09rem}.select-trigger:after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}.select-trigger.open:after{transform:translateY(-20%) rotate(-135deg)}.select-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:25rem;background:#f9f9f9;border-radius:2rem;padding:2.5rem;list-style:none;z-index:20;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease;max-height:240px;overflow:auto;display:grid;gap:1.5rem}.select-menu li{display:flex;align-items:center;gap:.5rem;cursor:pointer}.select-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.option-label{font-size:clamp(12px,1.4rem,35px);color:#a6a6a6;transition:color .15s ease}.select-menu li .option-icon{display:inline-flex;align-items:center;justify-content:center;opacity:0;width:6.5px;height:6.5px;transform:translate(-4px,50%);transition:opacity .15s ease,transform .15s ease}.option-label:hover{color:#000}.select-menu li:hover .option-icon{opacity:1;transform:translate(2px,25%)}.actions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between}.btn-icon{padding:1.7rem 3.5rem;border:none;border-radius:3rem;background:#dfdfdf;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.btn-icon path{transition:fill .2s ease}.btn-icon svg{width:2rem;height:2rem}.btn[disabled]{cursor:not-allowed}.btn-icon:not([disabled]){background:#000}.btn-icon:not([disabled]) path{background:#000;fill:#c3c3c3}.btn-send{padding:1.7rem 3.5rem;border:none;border-radius:3rem;background:var(--Surfaces-shapes-gradient, linear-gradient(87deg, var(--color-surface-color-gradient-500, #ed1c24) 19.83%, var(--color-surface-color-gradient-600, #fa7375) 88.41%));display:flex;align-items:center;justify-content:center;gap:1rem}.btn-send span{color:#fff;font-size:clamp(12px,1.6rem,30px);font-weight:700;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}.btn-send svg{height:2rem;width:auto}.sent-state{text-align:left;line-height:1.55}.sent-state strong{font-weight:600}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(orientation:portrait){.contact{height:auto;display:flex;padding:14rem 2rem 2rem;align-items:start}.row{grid-template-columns:1fr 1fr;gap:2rem .5rem;max-width:35rem}.big-word{font-size:8rem;letter-spacing:-.4rem}.card{grid-column:1 / span 2;grid-row:2;padding:1.5rem 1.5rem 3rem;align-self:start;margin-top:1rem}.card-image{width:10rem}.card-body{gap:1rem;padding:.5rem 0}.greeting,.prompt,.field-input,.field-wrap input,.history-line span,.select-trigger__label,.sent-state{font-size:1.2rem;letter-spacing:-.06rem}.field-wrap input{max-width:12rem}#history{margin-top:auto}.history-line{margin-bottom:.15rem}.current{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;min-height:1.6em}.caret{display:inline-block;width:1px;height:1em;background:var(--ink);margin-left:2px;transform:translateY(2px);animation:blink 1s steps(1) infinite}.enter-hint{width:15px;height:15px}.select-wrap{min-width:170px}.select-trigger{background:transparent;border:none;outline:none;font:inherit;cursor:pointer;text-align:left;position:relative;border-bottom:1px dashed rgba(0,0,0,.18);display:flex;align-items:center;gap:.6rem}.select-trigger__icon{display:inline-flex;width:16px;height:16px}.select-trigger.placeholder{color:#1d1d1d;font-size:clamp(12px,1.8rem,35px);letter-spacing:-.09rem}.select-trigger:after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}.select-trigger.open:after{transform:translateY(-20%) rotate(-135deg)}.select-menu{min-width:20rem;padding:2rem;max-height:200px;gap:1rem}.select-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.select-menu li,.option-label{font-size:1.2rem}.actions{grid-column:1 / span 2;grid-row:3}.btn-icon{padding:1.3rem 3rem}.btn-icon svg{width:1.2rem;height:1.2rem}.btn-send{padding:1.3rem 3rem}.btn-send span{font-size:clamp(12px,1.2rem,30px);letter-spacing:.06rem}.btn-send svg{height:1.2rem}.sent-state{text-align:left;font-size:1.05rem;color:var(--ink-soft);line-height:1.55}.sent-state strong{font-weight:600;color:var(--ink)}}