@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght@8..144,25..151,100..1000&display=swap');

/* Wolf Creek Showcase · Text Effects */

.tx{container-type:inline-size;width:100%;display:grid;place-items:center;text-align:center;color:#f4f7ff}
@media (prefers-reduced-motion:reduce){.tx *,.tx *::before,.tx *::after{animation:none!important;transition:none!important}}

/* 01 PROFUCTIONS kinetic wordmark */
.tx1{gap:10px;padding:26px 8px;border-radius:12px;background:radial-gradient(circle at 50% 60%,#1a1206,#050505 70%)}
.tx1w{font:800 clamp(22px,11cqi,64px)/.95 "Roboto Flex",system-ui,sans-serif;letter-spacing:-.02em;color:#fff;
  text-shadow:0 0 18px rgba(255,206,138,.5),0 0 60px rgba(255,110,199,.25);white-space:nowrap;user-select:none;
  font-variation-settings:"wght" 720,"wdth" 105}
.tx1w span{display:inline-block;will-change:transform}
.tx1s{font:600 10px ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase;color:#f59e0b}

/* 02 Variable font breathe */
.tx2 span{display:inline-block;font:400 clamp(28px,15cqi,72px)/1 "Roboto Flex",system-ui,sans-serif;color:#e0f2fe;animation:tx2 4s ease-in-out infinite}
.tx2:hover span{animation-duration:1.1s}
@keyframes tx2{0%,100%{font-variation-settings:"wght" 150,"wdth" 60}50%{font-variation-settings:"wght" 1000,"wdth" 151}}

/* 03 Gradient sweep */
.tx3 span{font:900 clamp(28px,14cqi,64px)/1.1 system-ui,sans-serif;letter-spacing:-.02em;
  background:linear-gradient(90deg,#ff2bd6,#7c5cff,#00e5ff,#ff2bd6);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:tx3 4s linear infinite}
@keyframes tx3{to{background-position:300% 0}}

/* 04 Neon sign flicker */
.tx4{padding:18px 0;background:radial-gradient(circle at 50% 50%,#1a0614,#07070c 70%);border-radius:12px}
.tx4 span{font:700 clamp(26px,12cqi,56px)/1 "Segoe Script","Brush Script MT",cursive;color:#fff0fb;
  text-shadow:0 0 4px #fff,0 0 12px #ff4fd8,0 0 28px #ff4fd8,0 0 60px #ff1fb4;animation:tx4 5s infinite}
@keyframes tx4{0%,18%,22%,25%,53%,57%,100%{opacity:1;text-shadow:0 0 4px #fff,0 0 12px #ff4fd8,0 0 28px #ff4fd8,0 0 60px #ff1fb4}
  20%,24%,55%{opacity:.55;text-shadow:none}}

/* 05 RGB glitch slice */
.tx5g{position:relative;display:inline-block;font:900 clamp(30px,16cqi,72px)/1 system-ui,sans-serif;color:#fff;letter-spacing:.02em}
.tx5g::before,.tx5g::after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:screen}
.tx5g::before{color:#0ff;animation:tx5a 2.4s steps(1) infinite}
.tx5g::after{color:#f0f;animation:tx5b 1.9s steps(1) infinite}
@keyframes tx5a{0%{clip-path:inset(10% 0 70% 0);transform:translate(-3px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(3px)}
  40%{clip-path:inset(30% 0 45% 0);transform:translate(-2px)}60%{clip-path:inset(80% 0 2% 0);transform:translate(-4px)}
  80%{clip-path:inset(0 0 85% 0);transform:translate(2px)}100%{clip-path:inset(45% 0 40% 0)}}
@keyframes tx5b{0%{clip-path:inset(70% 0 5% 0);transform:translate(3px)}25%{clip-path:inset(5% 0 75% 0);transform:translate(-3px)}
  50%{clip-path:inset(40% 0 35% 0);transform:translate(4px)}75%{clip-path:inset(85% 0 0 0);transform:translate(-2px)}100%{clip-path:inset(20% 0 60% 0)}}
@media (prefers-reduced-motion:reduce){.tx5g::before,.tx5g::after{display:none}}

/* 06 Typewriter loop */
.tx6 p{margin:0;font:600 clamp(18px,8cqi,30px)/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd5e1}
.tx6t{color:#4ade80}
.tx6c{color:#4ade80;animation:tx6 1s steps(1) infinite}
@keyframes tx6{50%{opacity:0}}

/* 07 Scramble decode */
.tx7b{appearance:none;border:0;background:none;cursor:pointer;padding:10px 6px;
  font:700 clamp(16px,7.5cqi,28px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#a5f3fc}
.tx7b:focus-visible{outline:2px solid #00e5ff;outline-offset:4px;border-radius:6px}

/* 08 Staggered letter rise */
.tx8w{appearance:none;border:0;background:none;cursor:pointer;font:900 clamp(30px,15cqi,68px)/1.1 system-ui,sans-serif;color:#fef08a;overflow:hidden;padding:4px 8px}
.tx8w span{display:inline-block}
.tx8w.ready span{opacity:0;transform:translateY(.8em) rotate(8deg)}
.tx8w.ready.go span{animation:tx8 .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*45ms)}
.tx8w:focus-visible{outline:2px solid #fef08a;outline-offset:4px;border-radius:6px}
@keyframes tx8{to{opacity:1;transform:none}}

/* 09 Outline to fill */
.tx9w{position:relative;display:inline-block;font:900 clamp(30px,15cqi,70px)/1.1 system-ui,sans-serif;color:transparent;
  -webkit-text-stroke:1.5px #a3e635;cursor:default;outline:none}
.tx9w::after{content:attr(data-text);position:absolute;inset:0;color:#a3e635;-webkit-text-stroke:0;
  clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.6,0,.2,1)}
.tx9w:hover::after,.tx9w:focus-visible::after{clip-path:inset(0 0 0 0)}
@media (hover:none){.tx9w::after{animation:tx9 3s ease-in-out infinite alternate}}
@keyframes tx9{to{clip-path:inset(0 0 0 0)}}

/* 10 Chrome shine */
.tx10w{position:relative;display:inline-block;font:900 clamp(32px,16cqi,74px)/1.1 system-ui,sans-serif;letter-spacing:.02em;
  background:linear-gradient(180deg,#fff 0%,#cbd5e1 40%,#334155 50%,#94a3b8 58%,#f8fafc 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tx10w::after{content:attr(data-text);position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:tx10 3.2s ease-in-out infinite}
@keyframes tx10{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}

/* 11 Liquid wave fill */
.tx11 span{font:900 clamp(32px,17cqi,76px)/1.1 system-ui,sans-serif;color:transparent;-webkit-text-stroke:1px #00e5ff;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M0 100 Q50 78 100 100 T200 100 V200 H0Z' fill='%2300e5ff'/%3E%3C/svg%3E") repeat-x;
  background-size:200px 200%;-webkit-background-clip:text;background-clip:text;
  animation:tx11x 2.6s linear infinite,tx11y 6s ease-in-out infinite alternate}
@keyframes tx11x{from{background-position-x:0}to{background-position-x:200px}}
@keyframes tx11y{from{background-position-y:85%}to{background-position-y:15%}}
@media (prefers-reduced-motion:reduce){.tx11 span{background-position:0 50%}}

/* 12 Split reveal */
.tx12b{position:relative;display:grid;place-items:center;width:min(100%,320px);height:110px;cursor:pointer;outline:none}
.tx12t,.tx12u{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(40px,22cqi,84px)/1 system-ui,sans-serif;color:#fde68a;
  transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tx12t{clip-path:inset(0 0 50% 0)}
.tx12u{clip-path:inset(50% 0 0 0)}
.tx12m{font:700 12px ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase;color:#f472b6;opacity:0;transition:opacity .3s .1s}
.tx12b:hover .tx12t,.tx12b:focus-visible .tx12t{transform:translateY(-24px)}
.tx12b:hover .tx12u,.tx12b:focus-visible .tx12u{transform:translateY(24px)}
.tx12b:hover .tx12m,.tx12b:focus-visible .tx12m{opacity:1}

/* 13 3D extrude follows pointer */
.tx13{min-height:150px;cursor:crosshair}
.tx13w{font:900 clamp(34px,18cqi,80px)/1 system-ui,sans-serif;color:#ede9fe;transition:text-shadow .12s linear}

/* 14 Marquee ribbons */
.tx14{overflow:hidden;gap:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.tx14r{display:flex;width:max-content;justify-self:start;animation:tx14 14s linear infinite}
.tx14r span{font:800 clamp(20px,9cqi,40px)/1.1 system-ui,sans-serif;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #94a3b8}
.tx14rev{animation-direction:reverse;animation-duration:18s}
.tx14rev span{color:#f472b6;-webkit-text-stroke:0}
.tx14:hover .tx14r{animation-play-state:paused}
@keyframes tx14{to{transform:translateX(-50%)}}

/* 15 Repel letters */
.tx15{min-height:150px;cursor:none}
.tx15w{font:900 clamp(36px,19cqi,84px)/1 system-ui,sans-serif;color:#fda4af;user-select:none}
.tx15w span{display:inline-block;will-change:transform}

/* 16 Highlighter sweep */
.tx16 p{margin:0;font:700 clamp(18px,8cqi,30px)/1.4 Georgia,"Times New Roman",serif;color:#f8fafc}
.tx16 mark{color:inherit;padding:0 .1em;background:linear-gradient(transparent 55%,rgba(250,204,21,.75) 55%) no-repeat;
  background-size:100% 100%;animation:tx16 3.2s ease-in-out infinite alternate}
.tx16 .tx16b{background-image:linear-gradient(transparent 55%,rgba(244,114,182,.75) 55%);animation-delay:.6s}
@keyframes tx16{0%,15%{background-size:0 100%}60%,100%{background-size:100% 100%}}

/* 17 Blur into focus */
.tx17 p{margin:0;font:800 clamp(24px,11cqi,48px)/1.2 system-ui,sans-serif;color:#e0e7ff}
.tx17 span{display:inline-block;animation:tx17 5s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:calc(var(--i)*.18s)}
@keyframes tx17{0%{filter:blur(14px);opacity:0;letter-spacing:.35em}30%,78%{filter:blur(0);opacity:1;letter-spacing:0}100%{filter:blur(14px);opacity:0;letter-spacing:.35em}}

/* 18 Rotating word */
.tx18 p{margin:0;font:700 clamp(20px,9cqi,36px)/1.2 system-ui,sans-serif;color:#cbd5e1}
.tx18w{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom;text-align:left}
.tx18l{display:flex;flex-direction:column;animation:tx18 8s cubic-bezier(.7,0,.3,1) infinite}
.tx18l b{display:block;height:1.2em;line-height:1.2em;font-weight:900;background:linear-gradient(90deg,#00e5ff,#7c5cff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes tx18{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-1.2em)}50%,70%{transform:translateY(-2.4em)}
  75%,95%{transform:translateY(-3.6em)}100%{transform:translateY(-4.8em)}}

/* 19 Odometer counter */
.tx19{gap:8px}
.tx19n{appearance:none;border:0;background:none;cursor:pointer;display:inline-flex;font:800 clamp(30px,14cqi,60px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fbbf24;font-variant-numeric:tabular-nums}
.tx19n:focus-visible{outline:2px solid #fbbf24;outline-offset:4px;border-radius:6px}
.tx19d{display:inline-block;height:1em;overflow:hidden}
.tx19s{display:flex;flex-direction:column;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*60ms)}
.tx19s i{font-style:normal;height:1em;line-height:1em}
.tx19c{font:600 11px ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#64748b}

/* 20 Spinning circle text */
.tx20s{width:170px;height:170px;animation:tx20 14s linear infinite}
.tx20s text{font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;fill:#e2e8f0}
.tx20s circle{fill:#7c5cff}
.tx20:hover .tx20s{animation-duration:4s}
@keyframes tx20{to{transform:rotate(360deg)}}

/* 21 Spotlight reveal */
.tx21{min-height:150px}
.tx21b{position:relative;display:inline-grid}
.tx21a,.tx21l{grid-area:1/1;font:900 clamp(24px,11cqi,56px)/1.1 system-ui,sans-serif}
.tx21a{color:#1f2937}
.tx21l{background:linear-gradient(90deg,#fde047,#fb923c,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-mask-image:radial-gradient(circle 70px at var(--x,50%) var(--y,50%),#000 30%,transparent 100%);
  mask-image:radial-gradient(circle 70px at var(--x,50%) var(--y,50%),#000 30%,transparent 100%)}

/* 22 Wavy baseline */
.tx22w{font:900 clamp(26px,12cqi,58px)/1.3 system-ui,sans-serif}
.tx22w span{display:inline-block;color:hsl(calc(180 + var(--i)*16),90%,70%);animation:tx22 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.12s)}
@keyframes tx22{from{transform:translateY(-.18em)}to{transform:translateY(.18em)}}

/* 23 Signature stroke draw */
.tx23s{width:100%;max-width:360px;height:auto}
.tx23s text{font:italic 700 72px Georgia,"Times New Roman",serif;fill:rgba(56,189,248,.9);stroke:#38bdf8;stroke-width:1.5;
  stroke-dasharray:600;stroke-dashoffset:0;animation:tx23 5s ease-in-out infinite}
@keyframes tx23{0%{stroke-dashoffset:600;fill:rgba(56,189,248,0)}60%{stroke-dashoffset:0;fill:rgba(56,189,248,0)}80%,100%{stroke-dashoffset:0;fill:rgba(56,189,248,.9)}}

/* 24 Letter roll-over */
.tx24b{appearance:none;cursor:pointer;border:1px solid #334155;background:#0b0f18;border-radius:999px;padding:16px 26px;
  font:800 clamp(14px,6cqi,20px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#f4f7ff}
.tx24b:hover,.tx24b:focus-visible{border-color:#00e5ff;outline:none}
.tx24c{display:inline-block;height:1em;overflow:hidden;vertical-align:top}
.tx24c span{display:block;height:1em;transition:transform .35s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*25ms)}
.tx24c span+span{color:#00e5ff}
.tx24b:hover .tx24c span,.tx24b:focus-visible .tx24c span{transform:translateY(-100%)}

/* 25 Carved oak sign */
.ft25{gap:12px;padding:4px 0}
.ft25s{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,220,170,.08);touch-action:pan-y;cursor:crosshair}
.ft25t{font:900 64px/1 Georgia,"Times New Roman",serif;letter-spacing:.04em}
.ft25u{font:700 15px/1 Georgia,"Times New Roman",serif;letter-spacing:.32em}
.ft25sc circle{fill:#c9a35a;stroke:#5b3d12;stroke-width:1.2}
.ft25sc circle+circle,.ft25sc circle{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.ft25p circle{fill:#f0cf98}
.ft25l{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 14px;border-radius:999px;background:#120d08;border:1px solid #3a2a18;
  font:700 10px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#c9a46c}
.ft25l input{width:150px;max-width:44vw;border:0;border-radius:999px;padding:8px 12px;background:#24190f;color:#ffe9c7;
  font:800 14px/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase;outline:none}
.ft25l input:focus-visible{box-shadow:0 0 0 2px #f59e0b}

/* 26 Plank letters */
.ft26{gap:14px}
.ft26b{width:100%;max-width:380px;padding:30px 22px 26px;box-sizing:border-box;border-radius:12px;
  background:linear-gradient(rgba(120,140,170,.06) 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,rgba(120,140,170,.06) 1px,transparent 1px) 0 0/18px 100%,radial-gradient(120% 90% at 50% 30%,#1f242e,#11141b);
  box-shadow:inset 0 0 0 1px #262d3a,inset 0 -30px 50px rgba(0,0,0,.35);overflow:hidden}
.ft26w{position:relative;width:100%;aspect-ratio:10.4/5;touch-action:manipulation}
.ft26c{position:absolute;left:-4%;width:108%;top:calc(100% + 4px);height:12px;overflow:visible;pointer-events:none}
.ft26c path{fill:none;stroke:#60a5fa;stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:0}
.ft26p{position:absolute;box-sizing:border-box;border-radius:2px;cursor:pointer;--l:0;
  background-repeat:repeat;box-shadow:inset 0 1px 0 rgba(255,240,215,.35),inset 0 -2px 0 rgba(40,20,5,.45),inset 1px 0 0 rgba(255,240,215,.12),inset -1px 0 0 rgba(40,20,5,.35),
  0 calc(2px + var(--l)*9px) calc(3px + var(--l)*12px) rgba(0,0,0,calc(.55 - var(--l)*.15));overflow:hidden}
.ft26p::after{content:"";position:absolute;background:rgba(40,20,5,.55);box-shadow:1px 0 0 rgba(255,240,215,.18)}
.ft26p.h::after{top:0;bottom:0;left:var(--j,50%);width:1px}
.ft26p.v::after{left:0;right:0;top:var(--j,50%);height:1px}
.ft26p::before{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 35%,rgba(255,246,225,.55) 50%,transparent 65%);transform:translateX(-120%);opacity:0}
.ft26.fin .ft26p::before{animation:ft26s 1s cubic-bezier(.3,.6,.4,1) forwards;animation-delay:calc(var(--x)*700ms)}
@keyframes ft26s{0%{transform:translateX(-120%);opacity:1}100%{transform:translateX(120%);opacity:1}}
.ft26d{position:absolute;width:3px;height:3px;border-radius:50%;background:#f3d6a4;pointer-events:none}
.ft26k{display:flex;gap:4px;padding:4px;border-radius:999px;background:#0b0f18;border:1px solid #1e2636}
.ft26k button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:8px 16px;background:none;color:#93a0b8;font:800 12px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.ft26k button[aria-pressed="true"]{background:linear-gradient(180deg,#d9a866,#a8733b);color:#1d1004;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}

/* 27 Rag-wiped stain */
.ft27{gap:12px}
.ft27b{position:relative;width:100%;max-width:440px;border-radius:12px;overflow:hidden;touch-action:none;cursor:none;
  background:radial-gradient(110% 80% at 50% 0%,#232833,#0d1016 75%);box-shadow:inset 0 0 0 1px #232a37}
.ft27c{display:block;width:100%;aspect-ratio:2.25/1}
.ft27r{position:absolute;left:0;top:0;width:54px;height:40px;pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}
.ft27r i{position:absolute;inset:0;border-radius:46% 54% 42% 58%/58% 46% 54% 42%;
  background:radial-gradient(60% 50% at 40% 70%,var(--s,#5c3a1e) 0 45%,transparent 75%),repeating-linear-gradient(35deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px),linear-gradient(160deg,#f6efe2,#d9cdb8);
  box-shadow:inset -3px -5px 8px rgba(0,0,0,.25),inset 3px 3px 6px rgba(255,255,255,.7),0 8px 14px rgba(0,0,0,.45);transform:rotate(-14deg)}
.ft27r i::after{content:"";position:absolute;left:18%;top:20%;width:46%;height:22%;border-top:2px solid rgba(0,0,0,.12);border-radius:50%}
.ft27b.rag .ft27r{opacity:1}
.ft27u{display:grid;gap:8px;justify-items:center}
.ft27k{display:flex;gap:8px}
.ft27k button{appearance:none;cursor:pointer;width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #0a0d16;font-size:0;color:transparent;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 45%),var(--s);box-shadow:0 0 0 1px #334155;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.ft27k button:hover{transform:translateY(-2px)}
.ft27k button[aria-checked="true"]{box-shadow:0 0 0 2px #f4f7ff;transform:scale(1.12)}
.ft27m{font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#c9a46c}
.ft27d{position:absolute;width:3px;height:3px;border-radius:50%;background:#efe2c6;pointer-events:none}

/* 28 CNC router lettering */
.ft28{gap:10px}
.ft28m{width:100%;max-width:440px;padding:8px;box-sizing:border-box;border-radius:14px;background:linear-gradient(#2b313c,#161a21);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -10px rgba(0,0,0,.8)}
.ft28s{display:block;width:100%;height:auto;border-radius:8px}
.ft28gv path{fill:none;stroke:url(#ft28w);stroke-linecap:round;stroke-linejoin:round}
.ft28cl path{fill:none;stroke:rgba(70,36,10,.6);stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.ft28ch rect{fill:#e9c58e}
.ft28h{width:100%;max-width:440px;display:grid;gap:7px;text-align:left}
.ft28r{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#05170e;border:1px solid #14532d;
  font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.45);white-space:nowrap;overflow:hidden}
.ft28gc{font:600 10px/1 ui-monospace,monospace;letter-spacing:.06em;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft28bar{height:4px;border-radius:4px;background:#1e2636;overflow:hidden}
.ft28bar i{display:block;height:100%;width:calc(var(--p,0)*100%);background:linear-gradient(90deg,#f59e0b,#fde68a)}
.ft28btns{display:flex;gap:8px}
.ft28btns button{appearance:none;cursor:pointer;flex:1;border:1px solid #334155;border-radius:8px;padding:9px 10px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.ft28btns .ft28go{background:linear-gradient(180deg,#16a34a,#15803d);border-color:#22c55e;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ft28btns .ft28go.run{background:linear-gradient(180deg,#d97706,#b45309);border-color:#f59e0b}

/* 29 Glazed mosaic lettering */
.ft29{gap:12px}
.ft29f{position:relative;width:100%;max-width:440px;padding:10px;box-sizing:border-box;border-radius:12px;background:linear-gradient(145deg,#3b3f47,#1c1f25);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 30px -12px rgba(0,0,0,.8)}
.ft29g{display:grid;grid-template-columns:repeat(27,1fr);gap:1.5px;padding:1.5px;border-radius:4px;background:#b8b2a5;perspective:600px;cursor:pointer;touch-action:manipulation;
  box-shadow:inset 0 0 6px rgba(0,0,0,.35)}
.ft29t{aspect-ratio:1;border-radius:2px;background:var(--c);transform-style:preserve-3d;--l:0;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -1px -1px 0 rgba(0,0,0,.22),0 calc(var(--l)*3px) calc(var(--l)*5px) rgba(0,0,0,calc(var(--l)*.5));
  transform:translateZ(calc(var(--l)*14px)) rotateX(calc(var(--ly,0)*var(--l)*1deg)) rotateY(calc(var(--lx,0)*var(--l)*1deg));
  background-image:radial-gradient(circle at 28% 24%,rgba(255,255,255,.4),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 50%,rgba(0,0,0,.1))}
.ft29l{position:absolute;inset:10px;border-radius:4px;pointer-events:none;mix-blend-mode:soft-light;
  background:radial-gradient(160px circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.6),rgba(255,255,255,0) 70%)}
.ft29n{display:flex;align-items:center;gap:12px}
.ft29p{font:700 11px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;min-width:96px;text-align:right}
.ft29b{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:9px 14px;background:#121826;color:#f4f7ff;font:700 12px/1 system-ui,sans-serif}
.ft29b:hover{border-color:#93c5fd}

/* 30 Thermofoil vacuum press */

.kt30{gap:10px}
.kt30b{position:relative;width:100%;max-width:440px;border-radius:12px;overflow:hidden;background:#14171d;
  box-shadow:inset 0 0 0 1px #262d3a,0 18px 30px -16px rgba(0,0,0,.85);--kt30-h:0}
.kt30c{display:block;width:100%;aspect-ratio:360/150;touch-action:none;cursor:crosshair}
.kt30l{position:absolute;inset:0;pointer-events:none;opacity:var(--kt30-h);mix-blend-mode:screen;
  background:repeating-linear-gradient(90deg,rgba(255,120,40,.9) 0 18px,rgba(255,60,20,.5) 18px 22px) top/100% 4px no-repeat,
  linear-gradient(180deg,rgba(255,96,32,.5),rgba(255,140,60,.12) 38%,transparent 72%)}
.kt30g{position:absolute;right:8px;bottom:8px;width:clamp(34px,11cqi,46px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#f8fafc 0 52%,transparent 53%),repeating-conic-gradient(from 240deg,#334155 0 2deg,transparent 2deg 20deg),radial-gradient(circle,#e5e7eb,#9aa3af);
  box-shadow:0 0 0 2px #6b7280,0 0 0 4px #1f2937,0 6px 10px rgba(0,0,0,.6)}
.kt30g i{position:absolute;left:50%;top:50%;width:2px;height:42%;margin-left:-1px;background:#dc2626;border-radius:2px;transform-origin:50% 100%;transform:translateY(-100%) rotate(-120deg);box-shadow:0 1px 2px rgba(0,0,0,.4)}
.kt30g i::after{content:"";position:absolute;left:50%;bottom:-3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#111827}
.kt30g span{position:absolute;left:0;right:0;bottom:16%;font:800 7px/1 ui-monospace,monospace;color:#111827;text-align:center}
.kt30g span::after{content:" inHg"}
.kt30u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.kt30p{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;touch-action:none;user-select:none;-webkit-user-select:none;
  font:800 12px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#1a0e02;
  background:repeating-linear-gradient(-45deg,#fbbf24 0 10px,#f59e0b 10px 20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 0 #92400e,0 8px 14px rgba(0,0,0,.5);transition:transform .08s,box-shadow .08s}
.kt30p.kt30-hold{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 #92400e,0 3px 6px rgba(0,0,0,.5)}
.kt30p:focus-visible{outline:2px solid #fde68a;outline-offset:3px}
.kt30k{display:flex;gap:6px}
.kt30k button{appearance:none;cursor:pointer;width:24px;height:24px;border-radius:50%;border:0;padding:0;background:var(--kt30-s);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.35),0 0 0 1px #334155;transition:box-shadow .2s,transform .2s}
.kt30k button[aria-checked="true"]{box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -3px 4px rgba(0,0,0,.35),0 0 0 2px #0a0d16,0 0 0 4px #fbbf24;transform:translateY(-2px)}
.kt30k button:focus-visible{outline:2px solid #fde68a;outline-offset:4px}
.kt30m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt30p,.kt30k button{transition:none}}

/* 31 Laminate J-roller lettering */

.kt31{gap:10px}
.kt31b{position:relative;width:100%;max-width:440px;border-radius:12px;overflow:hidden;background:#1a1d24;box-shadow:inset 0 0 0 1px #262d3a,0 18px 30px -16px rgba(0,0,0,.85)}
.kt31c{display:block;width:100%;aspect-ratio:360/160;touch-action:none;cursor:grab}
.kt31c:active{cursor:grabbing}
.kt31r{position:absolute;left:0;top:0;width:clamp(44px,15cqi,62px);height:0;pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}
.kt31r i{position:absolute;left:0;right:0;top:-9px;height:18px;border-radius:9px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 3px,rgba(0,0,0,.18) 3px 6px) var(--kt31-x,0) 0/12px 100%,linear-gradient(180deg,#5b5f66,#1d1f23 45%,#0c0d0f 55%,#3a3d43);
  box-shadow:0 6px 10px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.kt31r b{position:absolute;left:50%;top:0;width:8px;height:60px;margin-left:-4px;border-radius:4px;transform-origin:50% 0;transform:rotate(28deg);
  background:linear-gradient(90deg,#b91c1c,#ef4444 40%,#7f1d1d);box-shadow:2px 6px 8px rgba(0,0,0,.45)}
.kt31u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.kt31k{display:flex;gap:3px;padding:3px;border-radius:999px;background:#0b0f18;border:1px solid #1e2636}
.kt31k button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:7px 11px;background:none;color:#93a0b8;font:800 11px/1 ui-monospace,monospace;letter-spacing:.06em;transition:background .25s,color .25s}
.kt31k button[aria-checked="true"]{background:linear-gradient(180deg,#c89664,#8a5a32);color:#1d1004;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.kt31a{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:7px 12px;background:#121826;color:#f4f7ff;font:700 11px/1 system-ui,sans-serif}
.kt31a:hover,.kt31k button:focus-visible,.kt31a:focus-visible{border-color:#d9a866;outline:2px solid #d9a866;outline-offset:2px}
.kt31m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt31r,.kt31k button{transition:none}}

/* 32 Shaker door letters */

.kt32{gap:12px;--kt32-p:#ece6da}
.kt32w{width:100%;max-width:420px;padding:12px 12px 16px;box-sizing:border-box;border-radius:12px;
  background:linear-gradient(180deg,#2a2622,#1a1714);box-shadow:inset 0 0 0 1px #3a332b,0 18px 30px -16px rgba(0,0,0,.85)}
.kt32r{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;perspective:700px;perspective-origin:50% 40%}
.kt32c{position:relative;aspect-ratio:.62;border-radius:2px;background:#0d0b09;box-shadow:inset 0 0 0 2px #3b332a}
.kt32i{position:absolute;inset:2px;overflow:hidden;border-radius:1px;--kt32-l:0;
  background:linear-gradient(180deg,rgba(255,214,150,calc(var(--kt32-l)*.55)),transparent 45%),linear-gradient(90deg,#3c2a1c,#5a3f29 50%,#3c2a1c)}
.kt32i::before{content:"";position:absolute;left:8%;right:8%;top:3px;height:2px;border-radius:2px;background:#fff6dc;opacity:var(--kt32-l);box-shadow:0 0 6px 2px rgba(255,214,150,calc(var(--kt32-l)*.9))}
.kt32i::after{content:"";position:absolute;left:0;right:0;top:66%;height:5%;background:linear-gradient(180deg,#e8dcc4,#a9997c);box-shadow:0 3px 4px rgba(0,0,0,.6)}
.kt32j{position:absolute;left:18%;right:18%;bottom:34%;height:40%;border-radius:22% 22% 14% 14%;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.35) 25%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 85%),linear-gradient(180deg,#c99a55,#8a5a22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);filter:brightness(calc(.35 + var(--kt32-l)*.75))}
.kt32j::before{content:"";position:absolute;left:-6%;right:-6%;top:-12%;height:16%;border-radius:3px;background:linear-gradient(180deg,#e5e7eb,#6b7280)}
.kt32j b{position:absolute;left:8%;right:8%;top:30%;bottom:22%;display:grid;place-items:center;background:#f6f0e2;border-radius:2px;
  font:900 clamp(10px,4.4cqi,20px)/1 Georgia,"Times New Roman",serif;color:#7c2d12}
.kt32d{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50%;cursor:grab;touch-action:none;will-change:transform;border:0;padding:0;background:none;appearance:none}
.kt32d:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
.kt32f,.kt32bk{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px}
.kt32f{background:linear-gradient(90deg,rgba(0,0,0,.07),rgba(255,255,255,.1) 30%,rgba(0,0,0,.05)),var(--kt32-p);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.3),inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.5);
  filter:brightness(calc(1 - var(--kt32-a,0)*.35))}
.kt32f::before{content:"";position:absolute;left:19%;right:19%;top:14%;bottom:14%;border-radius:1px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(255,255,255,.06));
  box-shadow:inset 1px 2px 0 rgba(0,0,0,.28),inset -1px -1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(0,0,0,.08),0 -1px 0 1px rgba(255,255,255,.25)}
.kt32f::after{content:"";position:absolute;right:9%;top:50%;width:clamp(4px,1.6cqi,7px);aspect-ratio:1;border-radius:50%;transform:translateY(-50%);
  background:radial-gradient(circle at 35% 30%,#fff5c8,#c9a24a 45%,#6b4e16);box-shadow:1px 2px 2px rgba(0,0,0,.5)}
.kt32f span{position:absolute;inset:14% 19%;display:grid;place-items:center;font:700 clamp(13px,6.4cqi,30px)/1 Georgia,"Times New Roman",serif;
  color:color-mix(in srgb,var(--kt32-p) 72%,#000);text-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 0 rgba(0,0,0,.25)}
.kt32bk{transform:rotateY(180deg);background:linear-gradient(90deg,#f3f1ec,#dcd8cf);box-shadow:inset 0 0 0 1px #c9c3b6}
.kt32bk i{position:absolute;right:8%;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9ca3af 0 30%,#e5e7eb 32% 55%,#6b7280 57% 62%,transparent 64%);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.kt32bk i::after{content:"";position:absolute;right:60%;top:38%;width:120%;height:24%;border-radius:3px;background:linear-gradient(180deg,#e5e7eb,#9ca3af)}
.kt32t{margin-top:10px;height:6px;border-radius:3px;background:linear-gradient(180deg,#d6c8ad,#8e7c5e);box-shadow:0 4px 8px rgba(0,0,0,.6)}
.kt32u{display:flex;align-items:center;gap:12px}
.kt32a{appearance:none;cursor:pointer;border:1px solid #4b3f30;border-radius:999px;padding:8px 14px;background:#1d1813;color:#f4ead8;font:800 11px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.kt32a:hover,.kt32a:focus-visible{border-color:#fbbf24;outline:none}
.kt32k{display:flex;gap:6px}
.kt32k button{appearance:none;cursor:pointer;width:22px;height:22px;border-radius:4px;border:0;padding:0;background:var(--kt32-s);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px #4b3f30;transition:transform .2s,box-shadow .2s}
.kt32k button[aria-checked="true"]{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 2px #0a0d16,0 0 0 4px #fbbf24}
.kt32k button:focus-visible{outline:2px solid #fde68a;outline-offset:4px}
.kt32m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#a8a29e;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt32k button{transition:none}}

/* 33 Drawer-pull letters */

.kt33{gap:12px}
.kt33x{position:absolute;width:0;height:0}
.kt33w{width:100%;max-width:420px;padding:12px 12px clamp(34px,16cqi,72px);box-sizing:border-box;border-radius:12px;
  background:linear-gradient(180deg,#2b2f36,#16191e);box-shadow:inset 0 0 0 1px #343b46,0 18px 30px -16px rgba(0,0,0,.85)}
.kt33r{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.kt33c{position:relative;aspect-ratio:1.05;background:linear-gradient(180deg,#050608,#121418);border-radius:2px}
.kt33d{position:absolute;inset:0;transform-origin:50% 0;transform:translateY(var(--kt33-z,0px)) scale(calc(1 + var(--kt33-k,0)*.07));z-index:1;cursor:grab;touch-action:none;border:0;padding:0;background:none;appearance:none}
.kt33d:focus-visible{outline:none}
.kt33d:focus-visible .kt33f{box-shadow:0 0 0 2px #fbbf24}
.kt33f{position:absolute;inset:0;border-radius:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.03) 2px 5px),#5b6470;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.35),0 calc(2px + var(--kt33-k,0)*10px) calc(4px + var(--kt33-k,0)*14px) rgba(0,0,0,calc(.45 + var(--kt33-k,0)*.25))}
.kt33f svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kt33f path{fill:none;stroke:url(#kt33-g);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;filter:url(#kt33-f)}
.kt33f circle{fill:url(#kt33-g);stroke:rgba(0,0,0,.35);stroke-width:.4}
.kt33b{position:absolute;left:0;right:0;top:0;height:calc(var(--kt33-z,0px) + 2px);opacity:var(--kt33-o,0);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 35%),linear-gradient(90deg,#c9ad7c 0 7%,#9b7b4c 7% 8%,transparent 8% 92%,#9b7b4c 92% 93%,#c9ad7c 93%),
  linear-gradient(90deg,transparent 33%,#a58457 33% 35%,transparent 35% 64%,#a58457 64% 66%,transparent 66%),linear-gradient(180deg,#b99c6e,#e2cda6)}
.kt33b span{position:absolute;left:0;right:0;bottom:8%;white-space:nowrap;overflow:hidden;font:800 6px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#5b3d17;text-align:center}
.kt33b i{position:absolute;bottom:30%;width:7%;height:40%;border-radius:40% 40% 20% 20%;background:linear-gradient(90deg,#9ca3af,#f3f4f6,#6b7280)}
.kt33u{display:flex;align-items:center;gap:10px}
.kt33k{display:flex;gap:3px;padding:3px;border-radius:999px;background:#0b0f18;border:1px solid #1e2636}
.kt33k button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:7px 11px;background:none;color:#93a0b8;font:800 11px/1 ui-monospace,monospace;letter-spacing:.06em;transition:background .25s,color .25s}
.kt33k button[aria-checked="true"]{background:linear-gradient(180deg,#e5e7eb,#9ca3af);color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.kt33k button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
.kt33m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt33k button{transition:none}}

/* 34 Edge-band feed */

.kt34{gap:10px}
.kt34s{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;touch-action:none;cursor:ew-resize;box-shadow:inset 0 0 0 1px #262d3a,0 18px 30px -16px rgba(0,0,0,.85)}
.kt34gp{animation:kt34-glow 1.1s ease-in-out infinite alternate}
@keyframes kt34-glow{to{fill:#fbbf24}}
.kt34u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.kt34r{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:8px 14px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt34r:hover,.kt34r:focus-visible{border-color:#f97316;outline:none}
.kt34k{display:flex;gap:6px}
.kt34k button{appearance:none;cursor:pointer;width:26px;height:14px;border-radius:3px;border:0;padding:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 50%,rgba(0,0,0,.25)),var(--kt34-s);box-shadow:0 0 0 1px #334155;transition:transform .2s,box-shadow .2s}
.kt34k button[aria-checked="true"]{transform:translateY(-2px);box-shadow:0 0 0 2px #0a0d16,0 0 0 4px #f97316}
.kt34k button:focus-visible{outline:2px solid #fdba74;outline-offset:4px}
.kt34m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt34gp{animation:none}.kt34k button{transition:none}}

/* 35 Hanger letters */

.kt35{gap:10px}
.kt35b{position:relative;width:100%;max-width:440px;aspect-ratio:2/1.02;border-radius:12px;overflow:hidden;touch-action:none;cursor:grab;
  background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 12%,transparent 88%,rgba(0,0,0,.35)),linear-gradient(180deg,#e8e2d6 0 6%,#cfc6b4 6.5% 7.5%,transparent 8%),
  repeating-linear-gradient(90deg,rgba(120,90,50,.05) 0 3px,transparent 3px 9px),radial-gradient(120% 90% at 50% 10%,#f1ebdf,#c9bfac);
  box-shadow:inset 0 0 0 1px #3a332b,0 18px 30px -16px rgba(0,0,0,.85)}
.kt35rod{position:absolute;left:3%;right:3%;top:16%;height:clamp(6px,2.4cqi,10px);border-radius:6px;z-index:2;
  background:linear-gradient(180deg,#f8fafc,#9ca3af 35%,#4b5563 55%,#e5e7eb 75%,#6b7280);box-shadow:0 4px 6px rgba(0,0,0,.35)}
.kt35rod::before,.kt35rod::after{content:"";position:absolute;top:50%;width:clamp(12px,4cqi,18px);aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#9ca3af 30%,#e5e7eb 32% 60%,#6b7280 62%);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.kt35rod::before{left:-6px}.kt35rod::after{right:-6px}
.kt35h{position:absolute;top:calc(16% + clamp(3px,1.2cqi,5px));left:0;width:15%;transform-origin:50% 0;will-change:transform;z-index:3;filter:drop-shadow(5px 9px 5px rgba(40,30,15,.35))}
.kt35h svg{display:block;width:100%;height:auto;overflow:visible}
.kt35l{display:block;margin-top:-6%;text-align:center;font:900 clamp(34px,19cqi,92px)/.9 "Arial Black",Impact,system-ui,sans-serif;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px rgba(0,0,0,.25);user-select:none;-webkit-user-select:none}
.kt35h:nth-child(2) .kt35l{background-image:repeating-linear-gradient(90deg,rgba(20,24,40,.55) 0 5px,transparent 5px 14px),repeating-linear-gradient(0deg,rgba(20,24,40,.5) 0 5px,transparent 5px 14px),repeating-linear-gradient(0deg,rgba(255,220,120,.4) 0 1px,transparent 1px 7px),linear-gradient(#b3262e,#8f1d24)}
.kt35h:nth-child(3) .kt35l{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),linear-gradient(180deg,#4a6fa5,#2b4a7c)}
.kt35h:nth-child(4) .kt35l{background-image:repeating-linear-gradient(0deg,#efe6d3 0 6px,#2e5e5a 6px 11px),linear-gradient(#efe6d3,#efe6d3)}
.kt35h:nth-child(5) .kt35l{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 2px),repeating-linear-gradient(0deg,rgba(120,90,50,.18) 0 1px,transparent 1px 2px),linear-gradient(#d8c49c,#c2ab80)}
.kt35h:nth-child(6) .kt35l{background-image:repeating-conic-gradient(#1f2024 0 25%,#e8e4da 0 50%);background-size:8px 8px}
.kt35h:nth-child(7) .kt35l{background-image:repeating-linear-gradient(90deg,#7a8045 0 2px,#545a2c 2px 4px)}
.kt35m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}

/* 36 Folded-shirt letters */

.kt36{gap:12px}
.kt36w{width:100%;max-width:440px;padding:16px 10px 0;box-sizing:border-box;border-radius:12px;
  background:radial-gradient(120% 80% at 50% 0%,#3b3f47,#1b1d22);box-shadow:inset 0 0 0 1px #343943,0 18px 30px -16px rgba(0,0,0,.85)}
.kt36r{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;align-items:end;min-height:clamp(70px,24cqi,110px)}
.kt36s{position:relative;width:100%;aspect-ratio:1/.95;cursor:pointer;perspective:520px;border:0;padding:0;background:none;appearance:none;--kt36-c:#e8e2d4;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.45));transform-origin:50% 100%}
.kt36s:focus-visible{outline:2px solid #fbbf24;outline-offset:2px;border-radius:4px}
.kt36p{position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 2px),
  radial-gradient(120% 90% at 40% 20%,rgba(255,255,255,.18),transparent 60%),var(--kt36-c)}
.kt36L,.kt36R{position:absolute;top:0;width:30%;height:100%;overflow:hidden;perspective:300px;z-index:1}
.kt36L{left:0}.kt36R{right:0}
.kt36L .kt36p{transform-origin:100% 50%;clip-path:polygon(66.7% 8%,100% 6%,100% 100%,66.7% 100%,66.7% 32%,26.7% 40%,0 26%)}
.kt36R .kt36p{transform-origin:0 50%;clip-path:polygon(0 6%,33.3% 8%,100% 26%,73.3% 40%,33.3% 32%,33.3% 100%,0 100%)}
.kt36T{position:absolute;left:30%;width:40%;top:0;height:55%;z-index:2;clip-path:polygon(0 10%,25% 7%,37.5% 18%,50% 22%,62.5% 18%,75% 7%,100% 10%,100% 100%,0 100%)}
.kt36T b{position:absolute;left:0;right:0;top:26%;bottom:4%;display:grid;place-items:center;font:900 clamp(18px,9.5cqi,42px)/1 "Arial Black",Impact,system-ui,sans-serif;color:var(--kt36-i);letter-spacing:-.02em;
  text-shadow:0 1px 0 rgba(0,0,0,.25)}
.kt36T::after{content:"";position:absolute;left:31%;right:31%;top:10%;height:12%;border-radius:0 0 50% 50%;border:1.5px solid rgba(0,0,0,.18);border-top:0}
.kt36B{position:absolute;left:30%;width:40%;top:55%;height:45%;z-index:1;transform-origin:50% 0;transform-style:preserve-3d}
.kt36B .kt36p{inset:0}
.kt36sh{height:clamp(8px,2.6cqi,12px);margin:0 -10px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#e6d6b8,#a88d63);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 6px 10px rgba(0,0,0,.5)}
.kt36u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.kt36a{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:8px 14px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt36a:hover,.kt36a:focus-visible{border-color:#fbbf24;outline:none}
.kt36m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}

/* 37 Stitched seam text */

.kt37{gap:10px}
.kt37s{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;touch-action:none;cursor:pointer;background:#2f4d7a;box-shadow:inset 0 0 0 1px #262d3a,0 18px 30px -16px rgba(0,0,0,.85)}
.kt37u{display:flex;align-items:center;justify-content:center;gap:12px}
.kt37k{display:flex;gap:6px}
.kt37k button{appearance:none;cursor:pointer;width:24px;height:24px;border-radius:50%;border:0;padding:0;
  background:repeating-linear-gradient(-30deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),var(--kt37-s);box-shadow:inset 0 0 0 5px rgba(0,0,0,.12),0 0 0 1px #334155;transition:transform .2s,box-shadow .2s}
.kt37k button[aria-checked="true"]{transform:translateY(-2px);box-shadow:inset 0 0 0 5px rgba(0,0,0,.12),0 0 0 2px #0a0d16,0 0 0 4px #93c5fd}
.kt37k button:focus-visible{outline:2px solid #93c5fd;outline-offset:4px}
.kt37r{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:8px 14px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt37r:hover,.kt37r:focus-visible{border-color:#93c5fd;outline:none}
.kt37m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt37k button{transition:none}}

/* 38 Shoebox stencil */

.kt38{gap:10px}
.kt38b{position:relative;width:100%;max-width:440px;border-radius:12px;overflow:hidden;background:#2a2620;box-shadow:inset 0 0 0 1px #3a332b,0 18px 30px -16px rgba(0,0,0,.85)}
.kt38c{display:block;width:100%;aspect-ratio:360/170;touch-action:none;cursor:none}
.kt38n{position:absolute;left:0;top:0;width:clamp(26px,9cqi,38px);pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform}
.kt38n i{display:block;aspect-ratio:1/1.9;border-radius:30% 30% 12% 12%/14% 14% 6% 6%;
  background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(255,255,255,.35) 30%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.45)),linear-gradient(180deg,#d1d5db 0 9%,var(--kt38-c,#18181b) 9% 88%,#9ca3af 88%);
  box-shadow:6px 10px 12px rgba(0,0,0,.45)}
.kt38n i::before{content:"";position:absolute;left:50%;top:-12%;width:22%;height:12%;margin-left:-11%;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#6b7280,#f3f4f6,#6b7280)}
.kt38n::after{content:"";position:absolute;left:50%;top:-34%;width:150%;height:28%;margin-left:-75%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--kt38-r,24,24,27),.35),transparent);opacity:var(--kt38-p,0)}
.kt38u{display:flex;align-items:center;justify-content:center;gap:12px}
.kt38k{display:flex;gap:6px}
.kt38k button{appearance:none;cursor:pointer;width:22px;height:30px;border-radius:6px 6px 4px 4px;border:0;padding:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.35) 35%,transparent 60%,rgba(0,0,0,.35)),var(--kt38-s);box-shadow:0 0 0 1px #4b3f30;transition:transform .2s,box-shadow .2s}
.kt38k button[aria-checked="true"]{transform:translateY(-3px);box-shadow:0 0 0 2px #0a0d16,0 0 0 4px #f59e0b}
.kt38k button:focus-visible{outline:2px solid #fcd34d;outline-offset:4px}
.kt38l{appearance:none;cursor:pointer;border:1px solid #4b3f30;border-radius:999px;padding:8px 14px;background:#1d1813;color:#f4ead8;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt38l:hover,.kt38l:focus-visible{border-color:#f59e0b;outline:none}
.kt38m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#a8a29e;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt38n,.kt38k button{transition:none}}

/* 39 Mirror steam writing */

.kt39{gap:10px}
.kt39b{position:relative;width:100%;max-width:440px;border-radius:6px;padding:7px;box-sizing:border-box;
  background:linear-gradient(135deg,#f1f5f9,#94a3b8 30%,#e2e8f0 50%,#64748b 75%,#cbd5e1);box-shadow:0 18px 30px -16px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.5)}
.kt39c{display:block;width:100%;aspect-ratio:360/200;border-radius:2px;touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.kt39f{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .25s;
  background:radial-gradient(circle at 40% 35%,rgba(255,228,210,.95),rgba(232,170,140,.85) 60%,rgba(180,110,90,.6));box-shadow:0 4px 10px rgba(0,0,0,.35)}
.kt39u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.kt39a{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:8px 14px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt39a:hover,.kt39a:focus-visible{border-color:#bae6fd;outline:none}
.kt39m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt39f{transition:none}}

/* 40 Invaluable price tag */

.kt40{gap:8px}
.kt40s{display:block;width:100%;max-width:300px;height:auto;touch-action:none;cursor:grab;overflow:visible}
.kt40s:active{cursor:grabbing}
.kt40k{stroke-dasharray:1 1;stroke-dashoffset:1}
.kt40p{transform-box:fill-box;transform-origin:center}
.kt40u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.kt40b{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:9px 16px;background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 #7f1d1d,0 6px 12px rgba(0,0,0,.4);transition:transform .1s,box-shadow .1s}
.kt40b:active{transform:translateY(2px);box-shadow:0 1px 0 #7f1d1d,0 3px 6px rgba(0,0,0,.4)}
.kt40b:focus-visible{outline:2px solid #fca5a5;outline-offset:3px}
.kt40m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt40b{transition:none}}

/* 41 Trivision billboard flip */

.kt41{gap:12px}
.kt41sc{position:relative;width:100%;max-width:440px;padding:22px 14px 54px;box-sizing:border-box;border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,#1e1b4b 0%,#7c2d12 62%,#f59e0b 78%,#1f2937 79%,#111827);box-shadow:inset 0 0 0 1px #312e81,0 18px 30px -16px rgba(0,0,0,.85)}
.kt41sc::before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 12% 10%,#fff,transparent),radial-gradient(1px 1px at 40% 18%,#fff,transparent),radial-gradient(1px 1px at 70% 8%,#fff,transparent),radial-gradient(1px 1px at 88% 22%,#fff,transparent);opacity:.7}
.kt41bb{position:relative;z-index:1;padding:6px;border-radius:3px;background:linear-gradient(180deg,#374151,#111827);box-shadow:0 10px 24px rgba(0,0,0,.6),inset 0 0 0 1px #4b5563}
.kt41r{display:flex;aspect-ratio:3/1;perspective:900px;cursor:ew-resize;touch-action:none;background:#05070a}
.kt41sl{position:relative;flex:1;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.34,1.45,.5,1);transition-delay:var(--kt41-d,0ms)}
.kt41f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;box-shadow:inset 1px 0 0 rgba(255,255,255,.08),inset -1px 0 0 rgba(0,0,0,.5)}
.kt41f::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.06) 40%,rgba(0,0,0,.22))}
.kt41lm{position:absolute;left:14px;right:14px;top:6px;z-index:2;display:flex;justify-content:space-around;pointer-events:none}
.kt41lm i{position:relative;width:18px;height:6px;border-radius:2px;background:#9ca3af;box-shadow:0 0 6px #fde68a}
.kt41lm i::after{content:"";position:absolute;left:50%;top:4px;width:160px;height:110px;margin-left:-80px;background:radial-gradient(60% 80% at 50% 0%,rgba(255,236,170,.32),transparent 70%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:kt41-hum 3s ease-in-out infinite}
@keyframes kt41-hum{50%{opacity:.82}}
.kt41cw{position:relative;z-index:1;height:7px;margin:4px -4px 0;background:repeating-linear-gradient(90deg,#4b5563 0 2px,#1f2937 2px 7px);border-top:2px solid #6b7280}
.kt41po{position:absolute;left:0;right:0;bottom:0;height:54px;display:flex;justify-content:space-around}
.kt41po i{width:10px;height:100%;background:linear-gradient(90deg,#374151,#6b7280,#1f2937)}
.kt41k{display:flex;gap:3px;padding:3px;border-radius:999px;background:#0b0f18;border:1px solid #1e2636}
.kt41k button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:7px 11px;background:none;color:#93a0b8;font:800 11px/1 ui-monospace,monospace;letter-spacing:.06em;transition:background .25s,color .25s}
.kt41k button[aria-checked="true"]{background:linear-gradient(180deg,#fde68a,#f59e0b);color:#1c1003}
.kt41k button:focus-visible{outline:2px solid #fde68a;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.kt41sl{transition:none}.kt41lm i::after{animation:none}.kt41k button{transition:none}}

/* 42 Neon OPEN sign */

.kt42{gap:10px}
.kt42s{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;touch-action:none;box-shadow:inset 0 0 0 1px #3a2a2a,0 18px 30px -16px rgba(0,0,0,.85)}
.kt42ch{cursor:grab}
.kt42l{cursor:pointer}
.kt42u{display:flex;justify-content:center}
.kt42m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#93a0b8;min-height:1.3em}

/* 43 Auctioneer rapid-fire */

.kt43{gap:10px}
.kt43b{position:relative;width:100%;max-width:440px;padding:12px 12px 14px;box-sizing:border-box;border-radius:12px;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 0%,#3b1d0e,#140b06 70%);box-shadow:inset 0 0 0 1px #4a2a14,0 18px 30px -16px rgba(0,0,0,.85)}
.kt43h{display:flex;justify-content:space-between;gap:8px;font:800 9px/1.2 ui-monospace,monospace;letter-spacing:.1em;color:#fbbf24}
.kt43h span+span{color:#d6c3a5;text-align:right}
.kt43c{position:relative;height:clamp(48px,17cqi,74px);margin:8px 0 4px;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.kt43c span{position:absolute;left:50%;top:50%;white-space:nowrap;font:800 clamp(26px,10cqi,46px)/1 "Roboto Flex",system-ui,sans-serif;color:#fff7ed;
  font-variation-settings:"wdth" var(--kt43-wd,100),"wght" 850;text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 0 18px rgba(251,146,60,.45)}
.kt43p{display:grid;justify-items:center;gap:2px}
.kt43p small{font:800 9px/1 ui-monospace,monospace;letter-spacing:.14em;color:#a8a29e}
.kt43n{font:900 clamp(40px,17cqi,72px)/1 "Roboto Flex",system-ui,sans-serif;font-variation-settings:"wdth" 120,"wght" 950;color:#fde68a;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 #7c2d12,0 0 30px rgba(251,191,36,.35)}
.kt43w{font:700 italic 11px/1.2 ui-monospace,monospace;color:#fdba74;min-height:1.2em}
.kt43r{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:10px 0 0;padding:0}
.kt43r li{position:relative;padding:16px 2px 5px;border-radius:8px;background:#22150c;border:1px solid #3b2414;font:700 9px/1.25 ui-monospace,monospace;color:#a8a29e;text-align:center;transition:border-color .2s,background .2s,color .2s}
.kt43r li::before{content:"";position:absolute;left:50%;top:-6px;width:14px;height:18px;margin-left:-7px;border-radius:50% 50% 40% 40%;background:#e7e5e4;box-shadow:0 8px 0 -5px #78716c;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.kt43r li.kt43-up{border-color:#fb923c;background:#3a1d0c;color:#fff7ed}
.kt43r li.kt43-up::before{transform:translateY(-6px) rotate(-8deg);background:#fde68a}
.kt43r li.kt43-you::before{background:#fdba74}
.kt43s{position:absolute;left:50%;top:44%;font:900 clamp(40px,18cqi,80px)/1 "Arial Black",Impact,system-ui,sans-serif;color:#ef4444;border:5px solid #ef4444;border-radius:10px;padding:2px 12px;
  transform:translate(-50%,-50%) rotate(-10deg) scale(.5);opacity:0;pointer-events:none;background:rgba(20,8,4,.75);text-shadow:0 0 18px rgba(239,68,68,.5)}
.kt43g{position:absolute;right:8px;top:34px;width:clamp(44px,14cqi,64px);height:auto;overflow:visible}
.kt43gh{transform-box:fill-box;transform-origin:90% 50%;transform:rotate(-30deg)}
.kt43u{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.kt43a{appearance:none;cursor:pointer;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:6px 16px 6px 6px;background:linear-gradient(180deg,#fb923c,#c2410c);color:#fff7ed;
  font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 #7c2d12,0 6px 14px rgba(0,0,0,.45);transition:transform .12s}
.kt43a i{display:grid;place-items:center;width:26px;height:30px;border-radius:50% 50% 45% 45%;background:#fff7ed;color:#7c2d12;font:900 11px/1 ui-monospace,monospace;font-style:normal;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.kt43a:active i,.kt43a.kt43-up i{transform:translateY(-6px) rotate(-10deg)}
.kt43a:focus-visible{outline:2px solid #fde68a;outline-offset:3px}
.kt43m{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.06em;color:#a8a29e;min-height:1.3em}
@media (prefers-reduced-motion:reduce){.kt43r li,.kt43r li::before,.kt43a,.kt43a i{transition:none}}

/* 44 Signature closing line */

.kt44{gap:10px}
.kt44p{position:relative;width:100%;max-width:400px;padding:16px 18px 14px;box-sizing:border-box;border-radius:6px;color:#1f2937;text-align:left;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 3px),linear-gradient(170deg,#fffdf6,#f3ecdc);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 20px 30px -14px rgba(0,0,0,.8),0 2px 0 #d6cdb8}
.kt44h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:2px solid #1f2937}
.kt44h b{font:900 16px/1 Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.kt44h span{font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#6b7280;text-transform:uppercase;text-align:right}
.kt44l{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:10px 0 6px;font:600 11px/1.3 ui-monospace,monospace}
.kt44l dt{color:#4b5563}.kt44l dd{margin:0;font-weight:800;text-align:right}
.kt44q{margin:6px 0 2px;font:italic 600 13px/1.3 Georgia,serif;color:#374151}
.kt44s{position:relative;margin-top:4px}
.kt44c{display:block;width:100%;aspect-ratio:3.4/1;touch-action:none;cursor:crosshair}
.kt44x{position:absolute;left:2px;bottom:12px;font:900 16px/1 Georgia,serif;color:#9ca3af;font-style:normal}
.kt44ln{position:absolute;left:0;right:0;bottom:12px;height:1px;background:#6b7280}
.kt44ln::after{content:"Signature · homeowner, builder, designer, anyone";position:absolute;left:0;top:4px;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase}
.kt44st{position:absolute;right:2%;top:-8%;display:grid;place-items:center;width:clamp(70px,24cqi,98px);aspect-ratio:1;border-radius:50%;border:3px double #b91c1c;color:#b91c1c;transform:rotate(-14deg);opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(185,28,28,.06),transparent 70%);mix-blend-mode:multiply}
.kt44st b{font:900 clamp(11px,3.6cqi,15px)/1 "Arial Black",Impact,system-ui,sans-serif;letter-spacing:.04em;align-self:end}
.kt44st small{font:800 6px/1 ui-monospace,monospace;letter-spacing:.08em;align-self:start;margin-top:3px}
.kt44z{margin:8px 0 0;min-height:1.4em;font:700 italic 15px/1.3 Georgia,serif;color:#14532d}
.kt44z::after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;opacity:var(--kt44-k,0)}
.kt44u{display:flex;gap:10px}
.kt44a,.kt44r{appearance:none;cursor:pointer;border:1px solid #334155;border-radius:999px;padding:8px 14px;background:#121826;color:#f4f7ff;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.kt44a{background:linear-gradient(180deg,#1e3a8a,#172554);border-color:#3b82f6}
.kt44a:hover,.kt44r:hover,.kt44a:focus-visible,.kt44r:focus-visible{border-color:#93c5fd;outline:none}