@import url('assets/main-logo.css');
.brand-hold body{visibility:hidden}
.masthead{container-type:inline-size}
.pta-lockup-kid{position:relative;display:block}
.mascot-ink-frame{position:absolute;display:block;height:58%;width:auto;top:20%;left:50%;transform:translateX(-50%);pointer-events:none}
.mascot-logo-art{position:absolute;max-width:none;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.mascot-notes-toggle,.mascot-logo-art,.pta-spot,.pta-spot img{-webkit-user-drag:none;user-select:none}
.logo-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.text-with-spot{display:flow-root;container-type:inline-size;text-align:left}
.text-with-spot .pta-spot{display:block;position:relative;max-width:none;height:auto;padding:0;border:0;background:transparent;mix-blend-mode:multiply;line-height:inherit;font:inherit;touch-action:manipulation;shape-outside:var(--spot-shape);shape-image-threshold:.1;shape-margin:.65em}
.pta-spot img{display:block;width:100%;height:100%;object-fit:contain}
.pta-spot-left,.pta-spot-right{margin:.12em 0 .35em}
.pta-spot-left{float:left}
.pta-spot-right{float:right}
@container(max-width:420px){.text-with-spot .pta-spot{width:var(--spot-mobile-width)!important;shape-outside:none;shape-margin:0}.text-with-spot .pta-spot-right{margin-left:.65em}.text-with-spot .pta-spot-left{margin-right:.65em}}
.write-opener{display:inline;padding:0;border:0;background:transparent;font:inherit;color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
footer .write-opener{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:var(--ink);min-height:44px}
#brand-dialog{width:min(600px,calc(100% - 36px));max-width:none;max-height:94dvh;padding:25px 10px 20px;background:transparent;color:var(--ink);border:0;overflow:auto}
#brand-dialog::backdrop{background:rgba(34,26,21,.42)}
.brand-paper{background:var(--sheet);border:1.4px solid rgba(34,26,21,.6);box-shadow:4px 5px 0 rgba(34,26,21,.1);padding:clamp(24px,4vw,38px) clamp(20px,4.5vw,42px)}
.brand-close{position:absolute;right:2px;top:1px;width:44px;height:44px;font:21px/1 Arial,sans-serif;background:var(--sheet);border:1.4px solid rgba(34,26,21,.6);border-radius:50%;box-shadow:2px 3px 0 rgba(34,26,21,.12);color:var(--ink)}
#brand-dialog h2{font:20px/1.7 Alfa,Georgia,serif;letter-spacing:0;text-align:center;padding:0 0 8px;border-bottom:1.4px solid var(--red);margin:0 0 22px;color:var(--red)}
.brand-card-body{font:17px/1.55 Courier,monospace}
.fact-row{display:flex;align-items:center;gap:22px;margin-bottom:18px}
.fact-row>img{object-fit:contain;flex-shrink:0;transform:rotate(-3deg);max-width:42%;height:auto!important}
.fact-ledger{display:grid;grid-template-columns:minmax(0,1fr) minmax(8px,.25fr) auto;align-items:baseline;gap:6px;flex:1;font:16.5px/1.5 Courier,monospace;white-space:nowrap;margin:14px 0}
.fact-ledger>span:last-child{font-weight:bold}
.ledger-dots{flex:1;border-bottom:1px dotted var(--ink)}
.contact-intro{font:16px/1.6 Literata,Georgia,serif;margin:0 0 24px}
.contact-form{display:grid;gap:13px}.contact-form label{display:grid;gap:5px;font:12px/1.2 Courier,monospace;text-transform:uppercase;letter-spacing:.045em}.contact-form input{width:100%;height:43px;border:1px solid #806c5c;border-radius:0;background:#fffaf3;color:var(--ink);padding:8px 10px;font:16px/1.2 Literata,Georgia,serif}.contact-form input:focus-visible,.contact-note textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.contact-note{border-top:1px solid #bba795;padding-top:10px}.contact-note summary{min-height:36px;display:flex;align-items:center;font:12px/1.2 Courier,monospace;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.contact-note textarea{width:100%;min-height:88px;margin-top:7px;resize:vertical;border:1px solid #806c5c;border-radius:0;background:#fffaf3;color:var(--ink);padding:9px 10px;font:16px/1.35 Literata,Georgia,serif}.contact-form button[type=submit]{min-height:46px;margin-top:3px;border:0;background:var(--red);color:var(--sheet);padding:12px 18px;font:13px/1 Courier,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.contact-form button[type=submit]:disabled{opacity:.65;cursor:wait}.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{min-height:1.5em;margin:0;font:13px/1.5 Courier,monospace;text-transform:none;letter-spacing:0}.contact-success{color:#176a61}.contact-error{color:var(--red)}
.card-email{overflow-wrap:anywhere;font:clamp(15px,3.8vw,19px)/1.7 Courier,monospace;margin:17px 0 0;text-align:center}
/* Main-site spacing and type, scoped away from the ten intentionally different takes. */
html:not([data-take]) .page{max-width:1240px;padding:28px clamp(26px,6vw,80px) 32px}
html:not([data-take]) .masthead{max-width:1040px;padding:10px 0 22px;margin:0 auto}
html:not([data-take]) .tagline{font-size:13px;margin-top:5px}
html:not([data-take]) .opening{padding-top:32px;max-width:830px}
html:not([data-take]) h1{font-size:clamp(46px,5vw,67px);max-width:780px;margin:0 auto 28px;line-height:1.12;letter-spacing:-.035em}
html:not([data-take]) .opening-copy{max-width:670px;font-size:21px;line-height:1.7;margin:0 auto 24px}
html:not([data-take]) .founder h3{font-size:28px;margin-bottom:18px}
html:not([data-take]) .founder p{font-size:17px;line-height:1.7}
.kid-art{height:115.2px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mascot-notes[data-notes-open=false][data-tilt-settled=false] .mascot-notes-toggle:hover .mascot-logo-art{transform:rotate(1.5deg)}}
@media(max-width:760px){
 html:not([data-take]) .page{padding:22px 27px 25px}
 html:not([data-take]) .masthead{padding:0 0 4px}
 html:not([data-take]) .tagline{font-size:11px}
 html:not([data-take]) .opening{padding-top:23px}
 html:not([data-take]) h1{font-size:clamp(38px,8.7vw,56px);line-height:1.16;margin-bottom:24px}
 html:not([data-take]) .opening-copy{font-size:18px}
 html:not([data-take]) .founder h3{font-size:29px}
 html:not([data-take]) .founder p{font-size:16px}
 .kid-art{height:91.2px}
 #brand-dialog{width:calc(100% - 24px);padding:25px 6px 20px}.fact-row{gap:14px;flex-direction:column;align-items:stretch}.fact-row>img{margin:auto;max-width:100%}.fact-text{font-size:15px}.fact-ledger{font-size:16.5px;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.ledger-dots{display:none}
}
@media(max-width:440px){html:not([data-take]) .portrait{width:130px;margin-left:auto;margin-right:auto}}
@media(max-width:380px){html:not([data-take]) .page{padding-left:23px;padding-right:23px}html:not([data-take]) h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.mascot-logo-art{transition:none}}