[data-sig="honey-comb"]{height:260dvh;background:var(--wax)}[data-sig="honey-comb"] .comb-stage{height:100dvh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center;border:14px solid var(--frame);box-shadow:inset 0 0 0 3px var(--frame-edge);background:var(--comb-base)}[data-sig="honey-comb"] .comb-texture{position:absolute;inset:0;opacity:.15}[data-sig="honey-comb"] .comb-grid{position:absolute;inset:-90px -90px;display:block}[data-sig="honey-comb"] .hex{aspect-ratio:.866/1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;background:var(--comb-wall);}[data-sig="honey-comb"] .hex::before{content:'';position:absolute;inset:2px;background:var(--comb-empty);clip-path:inherit;box-shadow:inset 0 0 16px var(--comb-shadow)}[data-sig="honey-comb"] .honey{position:absolute;inset:2px;background:var(--honey-color);clip-path:none;transform:scaleY(var(--fill,.12));transform-origin:center bottom;box-shadow:inset 0 -8px 14px rgba(82,48,12,.25),inset 0 3px 6px rgba(255,243,204,.5)}[data-sig="honey-comb"] .cap{position:absolute;inset:2px;clip-path:inherit;background:var(--comb-cap);opacity:var(--cap,0);box-shadow:inset 0 0 14px var(--comb-cap-shadow)}[data-sig="honey-comb"] .comb-copy{position:relative;z-index:2;text-align:center;max-width:640px;margin-inline:20px;padding:40px 48px;background:rgba(248,243,223,.94);border:1px solid rgba(156,130,72,.25);box-shadow:0 12px 64px rgba(97,63,13,.08)}[data-sig="honey-comb"] .comb-copy h1{font-size:96px;line-height:1;margin:12px 0 20px;letter-spacing:-.035em}[data-sig="honey-comb"] .comb-copy p:first-child{font-size:12px}[data-sig="honey-comb"] .comb-copy p{font-size:16px}[data-sig="honey-comb"] .comb-copy .button{margin-top:28px}[data-sig="honey-comb"] .comb-season{position:absolute;bottom:38px;left:34px;z-index:2;background:var(--surface);padding:16px 24px;display:grid;grid-template-columns:190px 220px auto;gap:24px;align-items:center}[data-sig="honey-comb"] .season-name{font-family:var(--serif);font-size:26px;line-height:1.1}[data-sig="honey-comb"] .season-taste{font-size:12px}[data-sig="honey-comb"] .season-meter{display:flex;gap:6px}[data-sig="honey-comb"] .season-meter i{display:block;width:22px;height:5px;background:var(--line)}[data-sig="honey-comb"] .season-meter i.current{background:var(--accent)}[data-sig="honey-comb"] .comb-side{position:absolute;right:24px;bottom:50px;font-size:12px;writing-mode:vertical-rl}@media(max-width:800px){[data-sig="honey-comb"]{height:190dvh}[data-sig="honey-comb"] .comb-stage{border-width:8px}[data-sig="honey-comb"] .comb-grid{grid-template-columns:repeat(8,1fr);inset:-50px}[data-sig="honey-comb"] .comb-copy{padding:32px 24px;margin:0 18px}[data-sig="honey-comb"] .comb-copy h1{font-size:64px}[data-sig="honey-comb"] .comb-copy p{font-size:14px}[data-sig="honey-comb"] .comb-copy p:first-child{font-size:10px}[data-sig="honey-comb"] .comb-season{bottom:24px;left:16px;right:16px;padding:16px;grid-template-columns:1fr auto;gap:4px 16px}[data-sig="honey-comb"] .season-name{font-size:24px}[data-sig="honey-comb"] .season-taste{grid-column:1;grid-row:2}[data-sig="honey-comb"] .season-meter{grid-column:2;grid-row:1/3}[data-sig="honey-comb"] .comb-side{display:none}}@media(prefers-reduced-motion:reduce){[data-sig="honey-comb"]{height:100dvh}[data-sig="honey-comb"] .honey{transform:scaleY(1)}[data-sig="honey-comb"] .cap{opacity:.65}}
body.has-comb .site-header{position:absolute;top:0;left:0;right:0}
@supports(animation-timeline:view()){
 [data-sig="honey-comb"]{view-timeline-name:--honey-comb;view-timeline-axis:block}
 [data-sig="honey-comb"] .honey{animation:comb-fill linear both;animation-timeline:--honey-comb;animation-range:contain var(--fill-start) contain var(--fill-end)}
 [data-sig="honey-comb"] .cap{animation:comb-cap linear both;animation-timeline:--honey-comb;animation-range:contain 90% contain 100%}
 [data-sig="honey-comb"] .comb-texture{animation:comb-depth linear both;animation-timeline:--honey-comb;animation-range:contain 0% contain 100%}
 @keyframes comb-fill{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
 @keyframes comb-cap{from{opacity:0}to{opacity:.7}}
 @keyframes comb-depth{from{transform:translateY(0)}to{transform:translateY(-20px)}}
}
@media(prefers-reduced-motion:reduce){[data-sig="honey-comb"] .honey{animation:none;transform:scaleY(1)}[data-sig="honey-comb"] .cap{animation:none;opacity:.7}[data-sig="honey-comb"] .comb-texture{animation:none;transform:none}}