.ht{color:var(--ink);background:#fff}.ht-inner{max-width:var(--container);padding:clamp(36px, 5vw, 64px) var(--gutter);grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(24px,4vw,56px);min-height:66vh;margin:0 auto;display:grid}.ht-copy{max-width:560px}.ht-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);opacity:0;margin:0;font-size:.72rem;font-weight:500;animation:.8s .1s forwards ht-fade}.ht-headline{font-family:var(--font-display);letter-spacing:-.02em;margin:16px 0 0;font-size:clamp(2.4rem,4.9vw,4.1rem);font-weight:600;line-height:1.05}.ht-w{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.ht-w+.ht-w{margin-left:.28em}.ht-w i{font-style:normal;animation:.85s cubic-bezier(.2,.8,.2,1) forwards ht-rise;display:inline-block;transform:translateY(115%)}.ht-stitch{width:min(78%,360px);height:24px;margin:8px 0 0;position:relative}.ht-stitch-reveal{clip-path:inset(0 100% 0 0);animation:9s ease-in-out 1.05s infinite ht-redraw;position:absolute;inset:0}.ht-stitch-reveal svg{width:100%;height:100%;display:block;overflow:visible}.ht-stitch-reveal path{fill:none;stroke:#9c4a2a;stroke-width:3px;stroke-linecap:round;stroke-dasharray:9 7}.ht-needle{opacity:0;background:#9c4a2a;border-radius:50%;width:9px;height:9px;animation:9s ease-in-out 1.05s infinite ht-needle;position:absolute;top:50%;left:0;box-shadow:0 0 0 3px #9c4a2a2e}.ht-sub{color:var(--ink-2);opacity:0;margin:26px 0 0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6;animation:.8s 1.4s forwards ht-fade}.ht-cta{background:var(--ink);color:#fff;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:0;border-radius:999px;align-items:center;gap:12px;margin-top:30px;padding:16px 30px;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .25s,background .25s;animation:.8s 1.6s forwards ht-fade;display:inline-flex}.ht-cta:hover{background:#000;transform:translateY(-2px)}.ht-stage{place-items:center;display:grid;position:relative}.ht-floaty{aspect-ratio:1;perspective:1100px;width:min(100%,480px);animation:8s ease-in-out infinite ht-floaty}.ht-tray{width:100%;height:100%;transition:transform .35s ease-out;position:relative}.ht-ppos{z-index:var(--zi,1);text-decoration:none;transition:transform .18s ease-out;position:absolute}.ht-float{animation:ht-float var(--dur,7s) ease-in-out infinite;display:block}.ht-pop{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1.2) forwards ht-pop;display:block;position:relative}.ht-card{aspect-ratio:1;transform:rotate(var(--rot,0deg));transition:transform .3s;display:block;position:relative}.ht-card img{object-fit:contain;filter:drop-shadow(0 16px 20px #17161442);width:100%;height:100%;transition:filter .3s;display:block}.ht-ppos:hover{z-index:30}.ht-ppos:hover .ht-card{transform:translateY(-8px) rotate(var(--rot,0deg)) scale(1.05)}.ht-ppos:hover .ht-card img{filter:drop-shadow(0 26px 30px #17161457)}.ht-cap{white-space:nowrap;background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:2;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:500;transition:opacity .25s,transform .25s;position:absolute;bottom:-14px;left:50%;transform:translate(-50%,8px)}.ht-cap b{font-family:var(--font-display);margin-left:6px;font-weight:600}.ht-ppos:hover .ht-cap{opacity:1;transform:translate(-50%)}@keyframes ht-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ht-rise{to{transform:translateY(0)}}@keyframes ht-redraw{0%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0)}86%{clip-path:inset(0)}96%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 100%)}}@keyframes ht-needle{0%{opacity:0;left:0}1%{opacity:1}10%{opacity:1;left:100%}12%{opacity:0}to{opacity:0;left:100%}}@keyframes ht-float{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes ht-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ht-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.ht-inner{text-align:center;grid-template-columns:1fr;gap:30px}.ht-copy{max-width:none;margin:0 auto}.ht-stitch{margin-left:auto;margin-right:auto}.ht-stage{order:1}}@media (prefers-reduced-motion:reduce){.ht-eyebrow,.ht-sub,.ht-cta,.ht-pop{opacity:1;animation:none}.ht-w i{animation:none;transform:none}.ht-stitch-reveal{clip-path:none;animation:none}.ht-needle{display:none}.ht-floaty,.ht-float{animation:none}.ht-tray{transition:none}}
