@font-face{font-family:"Archivo Black";src:url('assets/font-studies/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Anton;src:url('assets/font-studies/Anton-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.footer-type-sample{margin:28px 0;border:1px solid #ffffff26;border-radius:18px;overflow:hidden}.footer-type-art{padding-top:70px;background:linear-gradient(180deg,#b58b73,#c69b82 45%,#dfbba2);overflow:hidden}.footer-type-art svg{display:block;width:100%;height:auto}.footer-type-art text{fill:var(--ink,#111);font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:175px;letter-spacing:-11px}.footer-type-sample figcaption{padding:24px}.footer-type-sample h3{margin-bottom:10px}.footer-type-sample p{margin-bottom:14px}.footer-type-art.caps text,html[data-footer-type="caps"] .footer-wordmark text{font-size:190px;letter-spacing:-14px}.footer-type-art.archivo text,html[data-footer-type="archivo"] .footer-wordmark text{font-family:"Archivo Black",sans-serif;font-weight:400;letter-spacing:-10px;font-size:190px}.footer-type-art.anton text,html[data-footer-type="anton"] .footer-wordmark text{font-family:Anton,sans-serif;font-weight:400;letter-spacing:-6px;font-size:205px}
html[data-footer-type] .signature-footer .footer-wordmark{aspect-ratio:1000/160}

.footer-type-art.coconat text,html[data-footer-type="coconat"] .signature-footer .footer-wordmark text{font-family:Coconat,Georgia,serif;font-weight:400;font-size:175px;letter-spacing:-7px}

html[data-footer-type="coconat-caps"] .signature-footer .footer-wordmark text{font-family:Coconat,Georgia,serif;font-weight:400;font-size:175px;letter-spacing:-7px}

.coconat-playground{margin:40px 0;padding-top:24px}.coconat-controls{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0}.coconat-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:15px}.coconat-controls label:not(.coconat-caps-label){width:260px}.coconat-controls output{margin-left:auto;color:#dba98b;font-variant-numeric:tabular-nums}.coconat-controls input[type=range]{width:100%;accent-color:#dba98b}.coconat-controls input[type=checkbox]{accent-color:#dba98b;width:18px;height:18px}.coconat-controls button{padding:10px 18px;border:1px solid #dba98b77;border-radius:6px;background:#211b18;color:#faf2f0;font:inherit;cursor:pointer}.coconat-live-preview{overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:260px;padding:80px 0 40px;background:linear-gradient(180deg,#b58b73,#c69b82 45%,#dfbba2);border-radius:18px}.coconat-live-preview>div{font-family:Coconat,Georgia,serif;font-weight:400;font-size:var(--coconat-size,11vw);letter-spacing:var(--coconat-spacing,-.04em);line-height:1.2;white-space:nowrap;color:#111;flex:none}.coconat-playground>.caption{margin-top:16px}@media(max-width:700px){.coconat-controls label:not(.coconat-caps-label){width:100%}.coconat-live-preview{min-height:160px;padding:40px 0}}

@font-face{font-family:'Coconat Playground';src:url('assets/coconat.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Coconat Playground';src:url('assets/font-studies/Coconat-Demi.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Coconat Playground';src:url('assets/font-studies/Coconat-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.coconat-live-preview>div{font-family:'Coconat Playground',Coconat,serif;font-weight:var(--coconat-weight,400);font-synthesis:none}

/* Anchor lettering to the lower edge, then let its crop be adjusted. */
.coconat-live-preview{align-items:flex-end;padding:80px 0 0;border-bottom:1px solid #111}
.coconat-live-preview>div{transform:translateY(var(--coconat-drop,0%));line-height:1}
@media(max-width:700px){.coconat-live-preview{padding:40px 0 0}}