.scene.contact-scene{height:auto}.contact{--c-paper:#f8f3e4;--c-rule:#2a261d6b;--c-red:#b3261e;--c-muted:#5c5446;grid-template-columns:calc(620 * var(--u)) minmax(0, 1fr);gap:calc(110 * var(--u));min-height:100vh;min-height:100svh;padding:calc(176 * var(--u)) calc(110 * var(--u)) calc(110 * var(--u));background:radial-gradient(ellipse 55% 60% at 70% 48%, #fffbee80, transparent 75%), var(--fibres), var(--noise), radial-gradient(ellipse at 50% 40%, #efe6cf, #e3d7b9 70%, #d6c8a6);color:var(--cream-text);align-items:start;scroll-margin-top:0;display:grid;position:relative;overflow:hidden}.contact__intro{padding-top:calc(30 * var(--u));position:relative}.contact__label{color:var(--c-muted)}.contact__title{margin:calc(16 * var(--u)) 0 calc(26 * var(--u));color:var(--ink);font:800 calc(.5rem + 88 * var(--u)) / .98 var(--font-inscription);letter-spacing:.01em;text-shadow:0 1px #ffffff80}.contact__lede{margin:0 0 calc(36 * var(--u));font:400 calc(.3rem + 24 * var(--u)) / 1.5 var(--font-serif)}.contact__direct{gap:calc(10 * var(--u));margin:0 0 calc(44 * var(--u));display:grid}.contact__direct-label{color:var(--c-muted);font:700 var(--fs-label) / 1.2 var(--font-machine);letter-spacing:var(--track-label);text-transform:uppercase}.contact__direct-mail{color:var(--ink);font:400 calc(.3rem + 22 * var(--u)) / 1.2 var(--font-serif);letter-spacing:.02em;text-underline-offset:.25em;justify-self:start;text-decoration:underline;text-decoration-thickness:1px}.contact__notice{max-width:34em;padding-top:calc(22 * var(--u));border-top:1px solid var(--c-rule);color:var(--c-muted);font:400 max(13px, calc(.2rem + 16 * var(--u))) / 1.55 var(--font-serif);margin:0}.contact__defs{position:absolute}.contact__desk{max-width:calc(1000 * var(--u));will-change:transform, opacity;position:relative;transform:rotate(-.6deg)}.letter{position:relative}.letter__sheet{padding:calc(46 * var(--u)) calc(72 * var(--u)) calc(40 * var(--u));background:var(--fibres), var(--noise), linear-gradient(170deg, #fbf7ec, var(--c-paper) 55%, #f0e8d3);box-shadow:0 1px 0 #0203021f, 0 calc(22 * var(--u)) calc(46 * var(--u)) #281e0f38;position:relative}.letter__form{margin:0}.letter__head{gap:calc(10 * var(--u)) calc(30 * var(--u));margin-bottom:calc(22 * var(--u));padding-bottom:calc(12 * var(--u));border-bottom:3px double #2a261d80;flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.letter__club{color:var(--ink);font:800 calc(.25rem + 22 * var(--u)) / 1.1 var(--font-inscription);letter-spacing:.16em;text-transform:uppercase}.letter__dateline{color:var(--c-muted);font:700 var(--fs-label) / 1.2 var(--font-machine);letter-spacing:var(--track-label);text-transform:uppercase}.letter__salutation{margin:0 0 calc(12 * var(--u));color:var(--ink);font:400 calc(.3rem + 30 * var(--u)) / 1.3 var(--font-serif)}.letter__fields{gap:calc(10 * var(--u));display:grid}.field{column-gap:calc(18 * var(--u));grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.field__label{color:var(--cream-text);font:400 calc(.3rem + 24 * var(--u)) / 1.3 var(--font-serif);white-space:nowrap}.field__input{width:100%;min-width:0;padding:calc(6 * var(--u)) calc(4 * var(--u));border:0;border-bottom:1.5px solid var(--c-rule);color:var(--ink);font:400 max(15px, calc(.25rem + 22 * var(--u))) / 1.4 var(--font-serif);letter-spacing:.01em;background:0 0;border-radius:0;display:block}.field__input:focus{border-bottom-color:var(--ink)}.contact :focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.field__select{display:block;position:relative}.field__select select{appearance:none;cursor:pointer;padding-right:1.6em}.field__select:after{content:"▾";color:var(--ink);font:400 max(13px, calc(.2rem + 18 * var(--u))) / 1 var(--font-serif);pointer-events:none;position:absolute;bottom:.5em;right:.3em}.field--message{row-gap:calc(10 * var(--u));grid-template-columns:1fr}.field__area{resize:vertical;background:repeating-linear-gradient(to bottom, transparent 0 calc(1.75em - 1.5px), var(--c-rule) calc(1.75em - 1.5px) 1.75em);border-bottom:0;min-height:7em;line-height:1.75}.field__hint{color:var(--c-muted);font:400 max(11px, calc(.2rem + 14 * var(--u))) / 1.3 var(--font-serif);letter-spacing:.04em;justify-content:space-between;margin:0;display:flex}.field__count--over{color:var(--c-red);font-weight:700}.field__error{margin:calc(6 * var(--u)) 0 0;color:var(--c-red);font:400 max(13px, calc(.2rem + 16 * var(--u))) / 1.35 var(--font-serif);letter-spacing:.02em;grid-column:1/-1}.field__error:before{content:"! "}.field--invalid .field__input{border-bottom-color:var(--c-red)}.field--invalid .field__area{background:repeating-linear-gradient(#0000 0 calc(1.75em - 1.5px),#b3261e8c calc(1.75em - 1.5px) 1.75em)}.letter__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.letter__close{gap:calc(24 * var(--u));margin-top:calc(22 * var(--u));flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.letter__signoff{justify-items:end;gap:calc(6 * var(--u));color:var(--ink);font:400 calc(.3rem + 24 * var(--u)) / 1.3 var(--font-serif);margin:0 0 0 auto;display:grid}.letter__signature{min-width:6em;padding-bottom:calc(4 * var(--u));border-bottom:1px solid var(--c-rule);font-family:var(--font-serif);font-size:max(15px, calc(.25rem + 22 * var(--u)));text-align:right}.letter__actions{gap:calc(20 * var(--u));flex-wrap:wrap;align-items:center;display:flex}.letter__send{font-size:max(13px, calc(.2rem + 17 * var(--u)))}.letter__send[aria-disabled=true]{box-shadow:none;cursor:progress;opacity:.55}.letter__status{color:var(--c-muted);font:400 max(13px, calc(.2rem + 16 * var(--u))) / 1.4 var(--font-serif);margin:0}.letter__summary{margin:0 0 calc(28 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u));border:2px solid var(--c-red);background:#b3261e0f}.letter__summary:focus-visible{outline-offset:6px}.letter__summary-title{margin:0 0 calc(10 * var(--u));color:var(--c-red);font:600 max(14px, calc(.2rem + 17 * var(--u))) / 1.3 var(--font-inscription);letter-spacing:.06em;text-transform:uppercase}.letter__summary-list{gap:calc(6 * var(--u));color:var(--ink);font:400 max(14px, calc(.2rem + 18 * var(--u))) / 1.4 var(--font-serif);margin:0;padding-left:1.2em;display:grid}.letter__summary-list a{color:var(--ink);-webkit-text-decoration-color:var(--c-red);text-decoration-color:var(--c-red);text-underline-offset:.2em}.letter__fold{visibility:hidden;perspective:calc(2200 * var(--u));pointer-events:none;position:absolute;top:0;left:0;right:0}.letter[data-copy] .letter__fold{visibility:visible}.letter[data-copy]>.letter__sheet,.fold__sheet .field__hint{visibility:hidden}.fold__panel{transform-style:preserve-3d;position:absolute;left:0;right:0}.fold__panel--top{z-index:3;transform-origin:50% 100%;top:0}.fold__panel--middle{z-index:1;top:33.3333%}.fold__panel--bottom{z-index:2;transform-origin:50% 0;top:66.6667%}.fold__face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.fold__face--back{background:var(--fibres), var(--noise), linear-gradient(175deg, #f3ecda, #ebe1c8);place-items:center;display:grid;transform:rotateX(180deg)}.fold__panel--middle .fold__face{box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) #281e0f3d;overflow:hidden}.fold__copy{position:absolute;left:0;right:0}.fold__sheet{box-shadow:none}.copy-value{overflow-wrap:anywhere;min-height:1.4em}.copy-value--area{white-space:pre-wrap;overflow:hidden}.fold__shade{z-index:4;opacity:0;pointer-events:none;background:#281c0a;position:absolute;inset:0}.fold__panel--top .fold__face--back{box-shadow:inset 0 calc(3 * var(--u)) calc(6 * var(--u)) #3c2c141f, inset 0 calc(-3 * var(--u)) calc(6 * var(--u)) #3c2c1429}.fold__outside{justify-items:start;gap:calc(6 * var(--u));padding:0 calc(60 * var(--u)) 0 14%;color:var(--ink);text-align:left;justify-self:start;display:grid}.fold__outside p{margin:0}.fold__to{font:400 calc(.25rem + 22 * var(--u)) / 1.2 var(--font-serif)}.fold__club{font:800 calc(.3rem + 30 * var(--u)) / 1.1 var(--font-inscription);letter-spacing:.1em;text-transform:uppercase}.fold__via,.fold__from{color:var(--c-muted);font:700 var(--fs-label) / 1.4 var(--font-machine);letter-spacing:var(--track-label);text-transform:uppercase}.fold__from{letter-spacing:.08em;text-transform:none;font-weight:400}.letter__stamp{z-index:3;justify-items:center;gap:calc(4 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));border:calc(5 * var(--u)) double currentColor;color:var(--c-red);font:800 calc(.4rem + 40 * var(--u)) / 1 var(--font-inscription);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;mix-blend-mode:multiply;filter:url(#contact-ink);margin:0;display:grid;position:absolute;transform:rotate(-7deg)}.letter__stamp[hidden]{display:none}.letter__stamp--sent{top:9%;right:3%}.letter__stamp--returned{font-size:calc(.3rem + 26 * var(--u));line-height:1.05;top:14%;right:4%;transform:rotate(-9deg)}.letter__stamp-date{font:700 calc(.2rem + 15 * var(--u)) / 1 var(--font-machine);letter-spacing:var(--track-label);text-transform:uppercase}.letter__outcome{z-index:2;margin-top:calc(36 * var(--u));padding:calc(28 * var(--u)) calc(34 * var(--u));border-left:4px solid var(--ink);background:#f7f2e3b8;position:relative}.letter__outcome[data-kind=failed]{border-left-color:var(--c-red)}.letter__outcome[data-kind=sent]{top:calc(66.67% + 20 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #281e0f1f;margin-top:0;position:absolute;left:0;right:0}.letter__outcome-title{margin:0 0 calc(10 * var(--u));color:var(--ink);font:800 calc(.4rem + 36 * var(--u)) / 1.1 var(--font-inscription)}.letter__outcome-title:focus{outline:none}.letter__outcome-title:focus-visible{outline:2px dashed var(--ink)}.letter__outcome-text{margin:0 0 calc(22 * var(--u));font:400 calc(.3rem + 22 * var(--u)) / 1.5 var(--font-serif)}.letter__outcome-actions{gap:calc(20 * var(--u));flex-wrap:wrap;display:flex}.letter__outcome-actions [hidden]{display:none}.letter[data-state=sent] .letter__actions{visibility:hidden}@media (orientation:portrait){.contact{gap:calc(70 * var(--u));padding:calc(260 * var(--u)) calc(56 * var(--u)) calc(180 * var(--u));grid-template-columns:1fr}.contact__title{font-size:calc(.5rem + 110 * var(--u))}.contact__lede{font-size:calc(.3rem + 34 * var(--u))}.contact__desk{max-width:none}.letter__sheet{padding:calc(60 * var(--u)) calc(48 * var(--u)) calc(56 * var(--u))}.field{row-gap:calc(6 * var(--u));grid-template-columns:1fr}.field__label,.letter__salutation,.letter__signoff{font-size:max(16px, calc(.3rem + 34 * var(--u)))}.letter__head{flex-direction:column;align-items:flex-start}.letter__stamp{font-size:max(20px, calc(.4rem + 54 * var(--u)))}}@media (prefers-reduced-motion:reduce){.contact__desk{will-change:auto}}
