.hh-board,.hh-board *{box-sizing:border-box}.hh-board{position:relative;padding:40px 24px 112px;background:var(--hh-paper,#f6f2e8);color:var(--hh-ink,#161412);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.006em;line-height:1.5}.hh-board .wrap{width:100%;max-width:1320px;margin:0 auto}.hh-board .serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.hh-board .sec-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.hh-board .sec-head h2{margin:0;font-weight:600;letter-spacing:-.02em;font-size:clamp(34px,4.5vw,56px);line-height:1.05;text-wrap:balance;color:var(--hh-ink,#161412)}.hh-board .sec-head p{margin:0;max-width:480px;font-size:18px;line-height:1.5;color:var(--hh-gravel,#857b6e)}.hh-board .feat{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;height:30px;padding:0 13px 0 10px;border-radius:999px;background:var(--hh-cream,#ebe6db);color:var(--hh-ink,#161412);font-size:13.5px;font-weight:500}.hh-board .feat svg{width:15px;height:15px}.hh-board .stagebg{position:relative;margin-top:56px;border-radius:16px;overflow:hidden;padding:clamp(14px,4vw,56px);background:var(--hh-ink,#161412);perspective:1600px;perspective-origin:50% 35%}.hh-board .stagebg:before{content:"";position:absolute;inset:0;background:url(/serra-home/card-bg-3.jpg) 50%/cover;filter:blur(22px) brightness(.66) saturate(.92);transform:translate3d(0,var(--bgy,0),0) scale(var(--bgs,1.15))}.hh-board .stagebg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 28% -8%,rgba(244,241,234,.14),transparent 55%),linear-gradient(180deg,rgba(22,20,18,.3),rgba(22,20,18,.5))}@media (min-width:641px){.hh-board[data-live="1"] .stagebg{transform:scale(.93);opacity:0;--bgs:1.3;--bgy:-60px}.hh-board[data-live="1"] .grid>.post:not(.landed){opacity:0;filter:blur(9px);transform:perspective(1200px) translate3d(0,26px,-380px)}}@media (max-width:640px){.hh-board[data-live="1"] .grid>.post:not(.risen){opacity:0}}.hh-board[data-live="1"] .win{will-change:transform}.hh-board[data-live="1"] .post{will-change:transform,opacity,filter}.hh-board .win{--ink:#101113;--muted:#5a5e66;--faint:#8e94a0;--line:#e4e5e0;--paper:#fafaf8;--side:#f3f2ee;--green:#355238;--green-soft:#e9f0e7;position:relative;z-index:1;max-width:1120px;margin:0 auto;background:var(--paper);color:var(--ink);border-radius:18px;border:1px solid rgba(255,255,255,.5);padding:26px 26px 20px;box-shadow:0 40px 90px -30px rgba(10,9,8,.7),0 8px 24px rgba(10,9,8,.22)}.hh-board .win__head{display:flex;align-items:center;gap:12px;padding:0 2px 20px}.hh-board .win__head h3{margin:0;font-size:30px;line-height:1;letter-spacing:-.01em}.hh-board .oncount{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.hh-board .oncount i{width:6px;height:6px;border-radius:50%;background:currentColor}.hh-board .grow{flex:1}.hh-board .postbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px 0 12px;border-radius:17px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;white-space:nowrap}.hh-board .postbtn svg{width:15px;height:15px}.hh-board .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hh-board .grid>*,.hh-board .more__ghosts>*{min-width:0}.hh-board .post{--kc:transparent;position:relative;display:flex;flex-direction:column;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1)}.hh-board .post__top{display:flex;align-items:flex-start;gap:12px}.hh-board .tile{flex:none;width:34px;height:34px;border-radius:9px;background:var(--side);color:var(--ink);display:grid;place-items:center}.hh-board .tile svg{width:17px;height:17px}.hh-board .post__id{flex:1;min-width:0;margin-right:6px}.hh-board .post__id h4{margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.hh-board .more__ghosts .post__id h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-board .post__id p{margin:2px 0 0;font-size:13px;color:var(--muted);white-space:nowrap}.hh-board .post__age{margin:10px 0 0;font-size:12px;color:var(--faint)}.hh-board .dimmable{transition:opacity .6s cubic-bezier(.22,1,.36,1)}.hh-board .post:not(.on) .dimmable{opacity:.5}.hh-board .post.on{border-color:#dcddd7;box-shadow:0 1px 2px rgba(16,17,19,.04),0 12px 28px -18px rgba(16,17,19,.28)}.hh-board .post.live{box-shadow:0 0 0 1.5px var(--kc),0 12px 28px -18px rgba(16,17,19,.28);border-color:transparent;transition-duration:.25s}.hh-board .sw{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--faint)}.hh-board .sw__t{position:relative;width:30px;height:18px;border-radius:9px;background:#d9d9d4;transition:background-color .35s cubic-bezier(.22,1,.36,1)}.hh-board .sw__t:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,17,19,.22);transition:transform .35s cubic-bezier(.22,1,.36,1)}.hh-board .sw em{font-style:normal;min-width:18px}.hh-board .post.on .sw{color:var(--green)}.hh-board .post.on .sw__t{background:var(--green)}.hh-board .post.on .sw__t:after{transform:translateX(12px)}.hh-board .post__out{display:flex;gap:22px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hh-board .stat{display:flex;align-items:baseline;gap:6px;min-width:0}.hh-board .stat b{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;display:inline-block}.hh-board .stat span{font-size:13px;color:var(--muted);white-space:nowrap;display:inline-block}.hh-board .stat--yes b{color:var(--green)}.hh-board .bump{animation:hhb-bump .22s cubic-bezier(.22,1,.36,1)}@keyframes hhb-bump{0%{transform:translateY(3px);opacity:.35}}.hh-board .post__ev{display:flex;align-items:center;gap:8px;margin:12px 0 0;min-height:24px;font-size:12.5px;line-height:24px;color:var(--muted)}.hh-board .post__ev .slot{flex:none;display:inline-flex;min-height:24px}.hh-board .post__ev .soft{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-board .post__ev .soft .w{display:inline-block;white-space:pre;animation:hhb-word .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 40ms)}@keyframes hhb-word{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}}.hh-board .tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;border-radius:12px;border:1px solid transparent;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.hh-board .tag svg{flex:none;width:13px;height:13px}.hh-board .tag b{font-weight:600}.hh-board .tag--book{background:var(--green-soft);color:var(--green);border-color:rgba(53,82,56,.16)}.hh-board .tag--yes{background:#e7eef6;color:#0f4c81;border-color:rgba(15,76,129,.14)}.hh-board .tag--wait{background:#efefec;color:#4a4e56;border-color:rgba(16,17,19,.06)}.hh-board .tag--ats{background:#fff;color:var(--ink);border-color:var(--line)}.hh-board .tag--ok{background:#fff;color:var(--green);border-color:rgba(53,82,56,.22)}.hh-board .cur{position:absolute;left:0;top:0;z-index:4;pointer-events:none;will-change:transform}.hh-board .cur>svg{position:absolute;left:-2px;top:-2px;width:18px;height:18px;filter:drop-shadow(0 2px 3px rgba(16,17,19,.25))}.hh-board .cur>svg path{fill:var(--c);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.hh-board .cur__tag{left:13px;display:block;height:24px;padding:0 10px;border-radius:12px;background:var(--c);color:var(--ct);font-size:12px;font-weight:600;line-height:24px;white-space:pre}.hh-board .cur__held,.hh-board .cur__tag{position:absolute;top:15px;box-shadow:0 8px 18px -10px rgba(16,17,19,.45)}.hh-board .cur__tag.has-av{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 2px}.hh-board .av{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.9);display:grid;place-items:center;overflow:hidden}.hh-board .av--serra{background:var(--c)}.hh-board .cur__act{font-weight:500;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.8) 40%,#fff 50%,rgba(255,255,255,.8) 60%,rgba(255,255,255,.8));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hhb-shimmer 1.8s linear infinite}@keyframes hhb-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.hh-board .av--serra svg{width:15px;height:13px}.hh-board .av--jess{background:linear-gradient(135deg,#f6d2bf,#c9765d)}.hh-board .ghost{position:absolute;z-index:3;margin:0;pointer-events:none;will-change:transform}.hh-board .more{position:relative;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.hh-board .more.show{opacity:1;transform:none}.hh-board .more__ghosts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:50px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}.hh-board .more__ghosts .post{padding:14px 18px 30px}.hh-board .more__ghosts .post__top{align-items:center}.hh-board .more__ghosts .tile{width:26px;height:26px;border-radius:7px}.hh-board .more__ghosts .tile svg{width:14px;height:14px}.hh-board .more__ghosts .post__id h4{font-size:14.5px}.hh-board .more__ghosts .post__id p{display:none}.hh-board .more p{margin:2px 0 0;text-align:center;font-size:14px;color:var(--muted)}.hh-board .more p b{color:var(--ink);font-weight:600}@media (max-width:1023px){.hh-board .sec-head{grid-template-columns:1fr;gap:20px}.hh-board .grid,.hh-board .more__ghosts{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-board .more__ghosts .post:nth-child(3){display:none}}@media (max-width:640px){.hh-board{padding:24px 14px 80px}.hh-board .win{padding:18px 14px 14px;border-radius:16px}.hh-board .win__head{padding-bottom:14px}.hh-board .win__head h3{font-size:25px}.hh-board .postbtn{width:34px;padding:0;justify-content:center}.hh-board .postbtn span{display:none}.hh-board .grid,.hh-board .more__ghosts{grid-template-columns:minmax(0,1fr);gap:10px}.hh-board .more__ghosts .post:nth-child(2){display:none}.hh-board .post{padding:15px 15px 13px}.hh-board .post__ev{flex-wrap:wrap;row-gap:2px;min-height:50px;align-content:flex-start}.hh-board .post__ev .soft{flex-basis:100%;line-height:20px}}.hh-board-settled{display:none}@media (prefers-reduced-motion:reduce){.hh-board .dimmable,.hh-board .more,.hh-board .post,.hh-board .sw__t,.hh-board .sw__t:after{transition:none!important}.hh-board .bump,.hh-board .cur__act,.hh-board .post__ev .soft .w{animation:none!important}.hh-board[data-live="1"] .hh-board-settled{display:block}.hh-board[data-live="1"] .wrap>.stagebg{display:none}.hh-board .feat,.hh-board .sec-head p,.hh-board h2{opacity:1!important;transform:none!important;filter:none!important}}