/* KallisToys — wordmarks for makers without a logo: six vintage type styles */
@font-face{font-family:'KT Playfair Italic';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/kt-playfair-italic.woff) format('woff')}
@font-face{font-family:'KT Abril';font-display:swap;src:url(../fonts/kt-abril.woff) format('woff')}
@font-face{font-family:'KT Bebas';font-display:swap;src:url(../fonts/kt-bebas.woff) format('woff')}
@font-face{font-family:'KT Cinzel';font-weight:700;font-display:swap;src:url(../fonts/kt-cinzel.woff) format('woff')}
@font-face{font-family:'KT Alfaslab';font-display:swap;src:url(../fonts/kt-alfaslab.woff) format('woff')}
@font-face{font-family:'KT Josefin';font-weight:700;font-display:swap;src:url(../fonts/kt-josefin.woff) format('woff')}

body .kt-maker-card-image.kt-maker-card-wordmark{padding:0;background:none}
body .kt-maker-profile-image.kt-maker-profile-wordmark{min-height:300px;padding:0;overflow:hidden;background:none}
.kmw{--fw:.55;--max:52px;--fs:clamp(15px,calc((100cqi - 64px) / (var(--len) * var(--fw))),var(--max));container-type:inline-size;position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;isolation:isolate}
.kmw::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.kmw-mark{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:calc(100% - 36px);transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.kmw-name{display:block;max-width:100%;overflow:hidden;font-size:var(--fs);line-height:1.05;white-space:nowrap;text-align:center}
.kmw-line{font:700 9.5px/1 var(--sans,'Manrope',sans-serif);letter-spacing:.22em;text-transform:uppercase;opacity:.75;white-space:nowrap}
.kmw-orn{display:none}
.kt-maker-card:hover .kmw-mark{transform:scale(1.04)}

/* one calm backdrop for every wordmark; only the lettering changes */
.kmw{background:radial-gradient(120% 100% at 50% 35%,#faf6ee 0%,#efe7da 100%);color:#2a211b}
.kmw-line{color:#8a7662}

/* 0 — elegant italic in KallisToys red, gold swash */
.kmw-s0{--fw:.5;--max:46px;color:#9e1b26}
.kmw-s0 .kmw-name{font-family:'KT Playfair Italic',Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.01em;padding-bottom:2px}
.kmw-s0 .kmw-orn-b{display:block;width:62%;height:8px;margin-top:-4px;background:radial-gradient(60% 100% at 50% 0,transparent 55%,#c9a66b 58%,#c9a66b 66%,transparent 70%)}

/* 1 — tall condensed capitals, small red stars */
.kmw-s1{--fw:.42;--max:58px}
.kmw-s1 .kmw-name{font-family:'KT Bebas',Impact,sans-serif;letter-spacing:.07em}
.kmw-s1 .kmw-mark::before,.kmw-s1 .kmw-mark::after{content:"★";position:absolute;top:calc(var(--fs) * .38);font-size:10px;color:#9e1b26}
.kmw-s1 .kmw-mark::before{left:-18px}.kmw-s1 .kmw-mark::after{right:-18px}

/* 2 — Roman capitals between fine gold rules */
.kmw-s2{--fw:.78;--max:40px}
.kmw-s2 .kmw-name{font-family:'KT Cinzel',Georgia,serif;font-weight:700;letter-spacing:.06em}
.kmw-s2 .kmw-orn{display:block;width:100%;min-width:90px;height:4px;border-block:1px solid #b8924f}

/* 3 — heavy slab with a thin red underline */
.kmw-s3{--fw:.66;--max:42px}
.kmw-s3 .kmw-name{font-family:'KT Alfaslab',Rockwell,serif;letter-spacing:.01em}
.kmw-s3 .kmw-orn-b{display:block;width:46px;height:2px;background:#9e1b26}

/* 4 — geometric capitals, widely tracked, framed */
.kmw-s4{--fw:.8;--max:34px}
.kmw-s4 .kmw-mark{padding:12px 18px;border:1px solid #2a211b;outline:1px solid #2a211b;outline-offset:3px}
.kmw-s4 .kmw-name{font-family:'KT Josefin',Futura,sans-serif;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding-left:.2em}
.kmw-s4 .kmw-line{color:#9e1b26}

/* 5 — fat didone, red bar */
.kmw-s5{--fw:.55;--max:50px}
.kmw-s5 .kmw-name{font-family:'KT Abril',Didot,serif;letter-spacing:.005em}
.kmw-s5 .kmw-orn-b{display:block;width:34px;height:4px;border-radius:2px;background:#9e1b26}

/* site dark mode */
:root[data-theme="dark"] .kmw{background:radial-gradient(120% 100% at 50% 35%,#2a2420 0%,#1d1916 100%);color:#f3ebdf}
:root[data-theme="dark"] .kmw-s0,:root[data-theme="dark"] .kmw-s4 .kmw-line{color:#e98a91}
:root[data-theme="dark"] .kmw-s4 .kmw-mark{border-color:#f3ebdf;outline-color:#f3ebdf}
:root[data-theme="dark"] .kmw-line{color:#b9a892}

/* big version on a maker's own page */
.kmw-lg{--max:92px;--fs:clamp(22px,calc((100cqi - 120px) / (var(--len) * var(--fw))),var(--max))}
.kmw-lg .kmw-mark{gap:12px}
.kmw-lg .kmw-line{font-size:12px}
.kmw-lg.kmw-s1 .kmw-mark::before,.kmw-lg.kmw-s1 .kmw-mark::after{font-size:16px}
@media (prefers-reduced-motion:reduce){.kmw-mark{transition:none}}
