.hh{position:relative;overflow:hidden;padding:calc(var(--navh, 124px) + clamp(16px,4vh,40px)) 0 clamp(56px,9vh,96px)}.hh-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4.5vw,80px);align-items:center;min-height:min(calc(100vh - 150px),780px)}@keyframes hh-rise{to{transform:none}}@keyframes hh-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hh-op{to{opacity:1}}.hh-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:clamp(24px,3.6vh,40px);opacity:0;animation:hh-fade .7s cubic-bezier(.22,1,.36,1) var(--start) forwards}.hh-eyebrow i{width:10px;height:10px;background:var(--vermilion)}.hh-eyebrow span{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.hh-title{font-family:var(--display);font-weight:600;font-size:clamp(48px,6.6vw,100px);line-height:.96;letter-spacing:-.03em;margin:0;max-width:none}.hh-mask{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}.hh-mask>span{display:block;white-space:nowrap;transform:translateY(112%);animation:hh-rise .95s cubic-bezier(.22,1,.36,1) calc(var(--start) + .08s) forwards}.hh-mask:nth-child(2)>span{animation-delay:calc(var(--start) + .2s)}.hh-mask:nth-child(3)>span{animation-delay:calc(var(--start) + .32s)}.hh-mask--work{padding-bottom:.24em;margin-bottom:-.24em}.hh-word{position:relative;white-space:nowrap;font-style:italic;font-weight:500;color:var(--vermilion);transition:color .5s ease;padding-right:.05em}.hh-word.is-raw{font-style:normal;font-weight:600;color:var(--ink)}.hh-word svg{position:absolute;left:0;bottom:.02em;width:100%;height:.16em;overflow:visible}.hh-word svg path{fill:none;stroke:var(--vermilion);stroke-width:6;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1) .25s}.hh-word:not(.is-raw) svg path{stroke-dashoffset:0}.hh-rot{display:inline-block;position:relative;height:1.12em;vertical-align:bottom;overflow:hidden;clip-path:inset(0);font-style:italic;font-weight:500;color:var(--vermilion);transition:width .5s cubic-bezier(.65,0,.35,1);padding-right:.06em}.hh-rot b{position:absolute;left:0;top:.02em;font-weight:500;white-space:nowrap;transform:translateY(110%);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s ease}.hh-rot b.is-on{transform:none;opacity:1;transition-delay:.32s}.hh-rot b.was-on{transform:translateY(-110%);opacity:0;transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .3s ease}.hh-sub{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ink-soft);max-width:42ch;margin-top:clamp(26px,4vh,38px);opacity:0;animation:hh-fade .8s ease calc(var(--start) + .3s) forwards}.hh-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:clamp(26px,3.6vh,36px);opacity:0;animation:hh-op .8s ease calc(var(--start) + .45s) forwards}.hh-btn{transition:transform .8s cubic-bezier(.22,1,.36,1),background .25s ease}.hh-btn.is-off{transform:translate(22px,6px) rotate(1.5deg)}.hh-clock{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:14px;color:var(--ink-soft);width:fit-content;opacity:0;animation:hh-op .8s ease calc(var(--start) + .6s) forwards}.hh-clock b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.hh-clock .cdot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2.4s ease-in-out infinite}.hh-work{position:relative;opacity:0;animation:hh-op 1s ease calc(var(--start) + .5s) forwards}.hh-work .work-label{margin-bottom:18px;opacity:1;animation:none}.hh-carousel{position:relative;aspect-ratio:600 / 440}.hh-card{position:absolute;left:50%;top:20%;width:58%;margin-left:-29%;padding:7px 7px 0;will-change:transform;box-shadow:0 26px 50px -26px #17150f73}.hh-card .imgclip img{filter:brightness(var(--dim, 1));clip-path:none}.hh-card:focus-visible{outline:2px solid var(--vermilion);outline-offset:4px}.hh-floor{position:absolute;left:10%;right:10%;bottom:8%;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(23,21,15,.2),transparent)}.hh-foot{display:flex;align-items:center;gap:18px;margin-top:26px}.hh-note{display:inline-flex;align-items:center;gap:8px;font-size:22px}.hh-note .doodle{width:40px;height:24px}.hh-note .doodle path{stroke-dasharray:none;stroke-dashoffset:0}.hh-count{margin-left:auto;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.05em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.hh-count b{color:var(--vermilion);font-weight:600}.hh-pause{width:40px;height:40px;border-radius:50%;border:1px solid var(--stone);background:var(--bone);cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:background .25s ease,color .25s ease}.hh-pause span{width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}.hh-pause.is-paused span{width:0;height:0;border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.hh-pause:hover,.hh-pause:focus-visible{background:var(--ink);color:var(--bone)}.hh-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.hh-guide{position:absolute;top:0;bottom:0;left:0;width:0;border-left:1px dashed var(--vermilion);opacity:0;transition:opacity .3s ease}.hh.guide-on .hh-guide{opacity:.8}.hh-sel{position:absolute;left:0;top:0;border:1.5px solid var(--vermilion);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1),opacity .3s ease}.hh.has-sel .hh-sel{opacity:1}.hh-sel i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--vermilion)}.hh-sel i:nth-child(1){left:-5px;top:-5px}.hh-sel i:nth-child(2){right:-5px;top:-5px}.hh-sel i:nth-child(3){left:-5px;bottom:-5px}.hh-sel i:nth-child(4){right:-5px;bottom:-5px}.hh-dim{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:var(--vermilion);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px;border-radius:4px;white-space:nowrap}.hh-red{position:absolute;left:0;top:0;width:0;border-left:1.5px solid var(--vermilion);opacity:0;transition:opacity .3s ease}.hh-red:before,.hh-red:after{content:"";position:absolute;left:-6px;width:11px;border-top:1.5px solid var(--vermilion)}.hh-red:before{top:0}.hh-red:after{bottom:0}.hh-red span{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:var(--vermilion);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px}.hh.has-red .hh-red{opacity:1}.hh-cur{position:absolute;left:0;top:0;opacity:0;transition:transform .95s cubic-bezier(.45,0,.2,1),opacity .6s ease}.hh.cur-on .hh-cur{opacity:1}.hh-cur svg{width:22px;height:22px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.hh-cur path{fill:var(--vermilion);stroke:#fff;stroke-width:1.5;stroke-linejoin:round}.hh-cur b{position:absolute;left:18px;top:18px;background:var(--vermilion);color:#fff;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px 999px 999px 4px;white-space:nowrap}.hh-cur.click svg{animation:hh-click .35s ease}@keyframes hh-click{50%{transform:scale(.82)}}.hh-cur.drag{transition-duration:.8s}.hh-say{position:absolute;left:30px;top:-30px;font-family:var(--hand);font-weight:600;font-size:24px;color:var(--vermilion);white-space:nowrap;transform:rotate(-4deg);opacity:0;transition:opacity .5s ease .5s}.hh.says .hh-say{opacity:1}@media(max-width:900px){.hh-grid{grid-template-columns:1fr;min-height:0;gap:56px}.hh-title{font-size:clamp(40px,11vw,80px)}.hh-cur{display:none}}@media(prefers-reduced-motion:reduce){.hh-eyebrow,.hh-sub,.hh-actions,.hh-clock,.hh-work{opacity:1;animation:none}.hh-mask>span{transform:none;animation:none}.hh-btn,.hh-rot,.hh-rot b{transition:none}}