/* About and Contact: laid out like a printed quote sheet. CLUMP DESIGN across
   the top (home), a three-column line, then one block of justified capitals. */
body.sheet .bar,body.sheet .rules{display:none}
.sheet-page{padding:1.2vw 1vw 6vw;min-height:100vh;position:relative;z-index:2}
.sheet-top{display:block}
.sheet-top .bigname{display:block;font-family:var(--f-display);font-weight:400;letter-spacing:-.02em;line-height:.86;white-space:nowrap;margin:0;width:max-content}
.sheet-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:2.2vw 3.7vw 0;
  font-family:'Open Sauce';font-weight:700;font-size:clamp(16px,2.05vw,40px);letter-spacing:-.045em;text-transform:uppercase;line-height:1}
.sheet-row>*:first-child{max-width:14em}
.sheet-row>*:nth-child(3){justify-self:end;text-align:right}
.sheet-row a:hover,.sheet-body a:hover{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}
.sheet-body{margin:7vw 2.6vw 0;font-family:'Open Sauce';font-weight:700;font-size:clamp(15px,1.72vw,34px);line-height:1.68;
  letter-spacing:-.03em;text-transform:uppercase;text-align:justify;hyphens:none}
.sheet-body p{margin:0}
.sheet-body p+p{margin-top:1.68em}
.sheet-body a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}
.sheet-credit{margin:6vw 2.6vw 0;font-family:'Open Sauce';font-size:12px;letter-spacing:0;opacity:.6}
.sheet-credit a{text-decoration:underline}
/* the contact form, written into the paragraph as blanks to fill in */
.blank{font:inherit;text-transform:uppercase;letter-spacing:inherit;color:inherit;background:none;border:0;border-bottom:.09em solid currentColor;
  padding:0 .1em;margin:0 .1em;width:9em;border-radius:0;outline:none;vertical-align:baseline}
.blank.wide{width:16em}
.blank:focus{background:rgba(30,30,30,.06)}
.blank::placeholder{color:rgba(30,30,30,.32)}
textarea.blank{display:inline-block;resize:none;overflow:hidden;height:1.4em;line-height:1.4;vertical-align:text-bottom;width:100%}
.sheet-send{font:inherit;text-transform:uppercase;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}
.sheet-send:disabled{opacity:.4;cursor:default}
#cNote{display:inline}
form.sent .blank{opacity:.45;pointer-events:none}
.sheet-body,.sheet-row{opacity:0;transform:translate3d(0,18px,0);transition:opacity 1.1s var(--ease) .5s,transform 1.3s var(--ease) .5s}
.sheet-body{transition-delay:.7s}
html.revealed .sheet-body,html.revealed .sheet-row{opacity:1;transform:none}
@media (max-width:700px){
  .sheet-row{grid-template-columns:1fr auto 1fr;gap:10px 12px;font-size:13px;padding:16px 2vw 0}
  .sheet-body{font-size:15px;margin:48px 2vw 0;text-align:left}
  .blank,.blank.wide{width:100%}
}
@media (prefers-reduced-motion: reduce){ .sheet-body,.sheet-row{opacity:1;transform:none;transition:none} }
form.sheet-body{text-align:left}
form.sheet-body .sheet-send{font-size:inherit;font-weight:inherit}