@font-face { font-family: "Bricolage Grotesque"; src: url(/assets/fonts/specimen/bricolage-grotesque-var.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }
body.spec-huzzah { margin: 0; background: #C8156E; }

.hz-page {
  --hz-magenta: #C8156E; --hz-cream: #FFF5EC; --hz-ink: #3B0620; --hz-tangerine: #FFB23F; --hz-tangerine-deep: #E8860F;
  --hz-green: #1E8A4C; --hz-green-deep: #136B39; --hz-cobalt: #2447C6; --hz-pink: #FFC4DA; --hz-sage: #A9C9B1; --hz-magenta-deep: #8A0A4A;
  --hz-shadow: rgb(59 6 32 / .32); --hz-well: #FFFDF9;
  --hz-t1: -3deg; --hz-t2: -1.5deg; --hz-t3: 0deg; --hz-t4: 1.5deg; --hz-t5: 3deg;
  --hz-sh1: drop-shadow(3px 4px 0 var(--hz-shadow)); --hz-sh2: drop-shadow(5px 7px 0 var(--hz-shadow)); --hz-sh3: drop-shadow(9px 12px 0 var(--hz-shadow));
  --hz-ease: cubic-bezier(.2, 1.5, .4, 1);
  --hz-disp: "Bricolage Grotesque", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --hz-text: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --hz-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .23 0 0 0 0 .02 0 0 0 0 .12 0 0 0 1.4 -.35'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url%28%23n%29' opacity='.06'/%3E%3C/svg%3E");
  --hz-bar: var(--bar-h, 44px); --hz-nav-h: 56px; --hz-htop: clamp(24px, 18.7%, 150px); --hz-g: 72px; --hz-gap: 24px; --hz-cols: 12;
  --hz-c: calc((100% - 2 * var(--hz-g) - (var(--hz-cols) - 1) * var(--hz-gap)) / var(--hz-cols));
  --hz-sh: clamp(560px, calc(100svh - var(--hz-bar) - var(--hz-nav-h)), 900px);
  --hz-mfs: min(clamp(6rem, 2.6rem + 14.333vw, 15.5rem), calc((100svh - 100px) * .31));
  --hz-body: clamp(1.0625rem, 1.016rem + .19vw, 1.1875rem);
  --hz-capfs: clamp(.875rem, .852rem + .095vw, .9375rem);
  --hz-lab: clamp(.75rem, .727rem + .095vw, .8125rem);
  --hz-stfs: clamp(1.5rem, 1.221rem + 1.143vw, 2.25rem);
  --hz-h2fs: clamp(2.75rem, 1.543rem + 4.952vw, 6rem);
  position: relative; max-width: 1600px; margin-inline: auto; overflow-x: clip;
  background: var(--hz-magenta) var(--hz-grain); background-blend-mode: multiply; color: var(--hz-cream);
  font: 400 var(--hz-body)/1.5 var(--hz-text); letter-spacing: .005em; font-variation-settings: "opsz" 12; font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

.hz-page {
  --hz-k1: polygon(2.8px 0.9px, 5.9% 5px, 33.2% 1.9px, 47.6% 2.7px, 73.6% 2px, 92.6% 2.3px, calc(100% - 2.5px) 0.7px, calc(100% - 2.5px) 10.3%, calc(100% - 0.2px) 41%, calc(100% - 1.7px) 65.7%, calc(100% - 2.9px) 94.9%, calc(100% - 0.4px) calc(100% - 1.5px), 84.1% calc(100% - 2.5px), 68% calc(100% - 2.1px), 44.2% calc(100% - 3.3px), 31.8% calc(100% - 1.2px), 5.3% calc(100% - 1.2px), 0.5px calc(100% - 0.9px), 1.1px 88.8%, 2px 54.8%, 3.2px 33.5%, 1px 20.2%);
  --hz-k2: polygon(1.3px 0.6px, 19.7% 0.2px, 35.1% 1.2px, 65.4% 3.3px, 87.8% 0.6px, calc(100% - 1.2px) 0.9px, calc(100% - 1.5px) 13.5%, calc(100% - 1.9px) 46.1%, calc(100% - 0.8px) 86%, calc(100% - 2.7px) calc(100% - 1.4px), 81.1% calc(100% - 2.3px), 60.1% calc(100% - 5px), 37.2% calc(100% - 1.8px), 9.2% calc(100% - 3.4px), 1.2px calc(100% - 2.1px), 2.1px 89.1%, 1.2px 53.5%, 2.9px 19.2%);
  --hz-k3: polygon(0.3px 2.5px, 3.4% 1.5px, 21% 0.3px, 47.5% 0.8px, 59.9% 0.5px, 74.5% 2.1px, 87.4% 3.3px, calc(100% - 2.7px) 2.7px, calc(100% - 3.3px) 15.4%, calc(100% - 1px) 33.7%, calc(100% - 0.9px) 43.1%, calc(100% - 0) 64.1%, calc(100% - 0.8px) 91.6%, calc(100% - 2.2px) calc(100% - 1.5px), 89.5% calc(100% - 0.9px), 70.5% calc(100% - 0.8px), 59.8% calc(100% - 3.2px), 46.1% calc(100% - 1.8px), 30.8% calc(100% - 3.3px), 6.7% calc(100% - 3.3px), 0.1px calc(100% - 2.7px), 3.5px 94.4%, 2.4px 69.1%, 0.8px 53.3%, 2px 34.1%, 5px 16.3%);
  --hz-k4: polygon(2.1px 1.5px, 3.5% 0.4px, 35.9% 0.5px, 52.6% 3.2px, 63.5% 3.2px, 95.1% 3.6px, calc(100% - 2.9px) 2.3px, calc(100% - 0.9px) 11.1%, calc(100% - 3.2px) 41.5%, calc(100% - 0.8px) 60.7%, calc(100% - 3.2px) 85.8%, calc(100% - 1.7px) calc(100% - 1.1px), 88.3% calc(100% - 2.6px), 72.3% calc(100% - 2.6px), 51.1% calc(100% - 0.7px), 32.6% calc(100% - 3.5px), 3.1% calc(100% - 2.3px), 2.6px calc(100% - 2.8px), 5px 92.8%, 5px 60%, 1.8px 43.9%, 2.8px 11.5%);
  --hz-k5: polygon(1.4px 0.6px, 11.6% 0.6px, 40.3% 1.9px, 63.6% 1.8px, 92% 1.3px, calc(100% - 2.3px) 0.1px, calc(100% - 2px) 12%, calc(100% - 2.6px) 43.1%, calc(100% - 0.8px) 78.5%, calc(100% - 2px) calc(100% - 1.3px), 94.9% calc(100% - 2.8px), 56.8% calc(100% - 3.3px), 30.3% calc(100% - 2.5px), 4.5% calc(100% - 0.1px), 2.3px calc(100% - 1.8px), 3.2px 78.1%, 0.5px 60.8%, 0.4px 26.5%);
  --hz-tear1: polygon(0% 0.7px, 1.79% 5.5px, 3.57% 0.9px, 5.36% 4.8px, 7.14% 1px, 8.93% 6.1px, 10.71% 1.7px, 12.5% 5.1px, 14.29% 0.7px, 16.07% 5.8px, 17.86% 0.8px, 19.64% 5.3px, 21.43% 0.9px, 23.21% 4.8px, 25% 1px, 26.79% 5.4px, 28.57% 2.2px, 30.36% 5.2px, 32.14% 0.6px, 33.93% 5.2px, 35.71% 1px, 37.5% 5.7px, 39.29% 1.3px, 41.07% 6px, 42.86% 1.7px, 44.64% 5.1px, 46.43% 1.4px, 48.21% 5.4px, 50% 1.7px, 51.79% 5.7px, 53.57% 2px, 55.36% 5.2px, 57.14% 2.1px, 58.93% 5.1px, 60.71% 1.1px, 62.5% 5.6px, 64.29% 2.1px, 66.07% 4.8px, 67.86% 1.9px, 69.64% 6px, 71.43% 1.6px, 73.21% 5.4px, 75% 2px, 76.79% 5.9px, 78.57% 1.7px, 80.36% 5.1px, 82.14% 1.5px, 83.93% 5.9px, 85.71% 1.1px, 87.5% 5.9px, 89.29% 1.1px, 91.07% 4.5px, 92.86% 1.2px, 94.64% 5.6px, 96.43% 0.9px, 98.21% 6px, 100% 0.9px, calc(100% - 2px) 50%, 100% calc(100% - 0.6px), 98.21% calc(100% - 6px), 96.43% calc(100% - 0.8px), 94.64% calc(100% - 5.6px), 92.86% calc(100% - 1.3px), 91.07% calc(100% - 5.2px), 89.29% calc(100% - 1.8px), 87.5% calc(100% - 5.2px), 85.71% calc(100% - 1px), 83.93% calc(100% - 6.1px), 82.14% calc(100% - 2.1px), 80.36% calc(100% - 4.7px), 78.57% calc(100% - 1.6px), 76.79% calc(100% - 4.6px), 75% calc(100% - 1.6px), 73.21% calc(100% - 5.3px), 71.43% calc(100% - 0.7px), 69.64% calc(100% - 5px), 67.86% calc(100% - 0.6px), 66.07% calc(100% - 4.6px), 64.29% calc(100% - 2.1px), 62.5% calc(100% - 5.7px), 60.71% calc(100% - 2px), 58.93% calc(100% - 5.8px), 57.14% calc(100% - 1.5px), 55.36% calc(100% - 5.2px), 53.57% calc(100% - 1.4px), 51.79% calc(100% - 5.7px), 50% calc(100% - 1.6px), 48.21% calc(100% - 5.9px), 46.43% calc(100% - 2.2px), 44.64% calc(100% - 5.3px), 42.86% calc(100% - 2.2px), 41.07% calc(100% - 4.6px), 39.29% calc(100% - 2px), 37.5% calc(100% - 5.7px), 35.71% calc(100% - 1.9px), 33.93% calc(100% - 4.9px), 32.14% calc(100% - 0.8px), 30.36% calc(100% - 5.8px), 28.57% calc(100% - 1.7px), 26.79% calc(100% - 5.2px), 25% calc(100% - 1.5px), 23.21% calc(100% - 4.9px), 21.43% calc(100% - 1.3px), 19.64% calc(100% - 4.8px), 17.86% calc(100% - 1px), 16.07% calc(100% - 5.8px), 14.29% calc(100% - 1.7px), 12.5% calc(100% - 4.7px), 10.71% calc(100% - 2.1px), 8.93% calc(100% - 4.7px), 7.14% calc(100% - 0.6px), 5.36% calc(100% - 5.9px), 3.57% calc(100% - 0.9px), 1.79% calc(100% - 5.6px), 0% calc(100% - 0.8px), 0 50%);
  --hz-tear2: polygon(0% 1.6px, 2.78% 5.8px, 5.56% 1.8px, 8.33% 5px, 11.11% 2.1px, 13.89% 5.4px, 16.67% 1.7px, 19.44% 5.5px, 22.22% 0.7px, 25% 4.9px, 27.78% 1px, 30.56% 5.5px, 33.33% 1.9px, 36.11% 5.9px, 38.89% 1.7px, 41.67% 5.8px, 44.44% 1.9px, 47.22% 6px, 50% 1.9px, 52.78% 5.9px, 55.56% 1.8px, 58.33% 5.9px, 61.11% 1.8px, 63.89% 4.7px, 66.67% 2.1px, 69.44% 4.6px, 72.22% 2.1px, 75% 6px, 77.78% 0.9px, 80.56% 5.3px, 83.33% 0.8px, 86.11% 5.3px, 88.89% 0.7px, 91.67% 4.6px, 94.44% 1.3px, 97.22% 5.7px, 100% 1.7px, calc(100% - 2px) 50%, 100% calc(100% - 0.6px), 97.22% calc(100% - 5.4px), 94.44% calc(100% - 0.8px), 91.67% calc(100% - 5.6px), 88.89% calc(100% - 1.5px), 86.11% calc(100% - 5.7px), 83.33% calc(100% - 1.8px), 80.56% calc(100% - 4.7px), 77.78% calc(100% - 1.6px), 75% calc(100% - 5.4px), 72.22% calc(100% - 1px), 69.44% calc(100% - 5.5px), 66.67% calc(100% - 1px), 63.89% calc(100% - 4.6px), 61.11% calc(100% - 1.3px), 58.33% calc(100% - 5.6px), 55.56% calc(100% - 0.8px), 52.78% calc(100% - 5.3px), 50% calc(100% - 1.3px), 47.22% calc(100% - 5.8px), 44.44% calc(100% - 2.1px), 41.67% calc(100% - 4.8px), 38.89% calc(100% - 0.8px), 36.11% calc(100% - 6px), 33.33% calc(100% - 0.7px), 30.56% calc(100% - 4.9px), 27.78% calc(100% - 2px), 25% calc(100% - 4.9px), 22.22% calc(100% - 0.6px), 19.44% calc(100% - 5.4px), 16.67% calc(100% - 1.1px), 13.89% calc(100% - 4.9px), 11.11% calc(100% - 0.7px), 8.33% calc(100% - 5.5px), 5.56% calc(100% - 1.9px), 2.78% calc(100% - 5.3px), 0% calc(100% - 1.2px), 0 50%);
  --hz-cut-tab: polygon(0 0, 100% 0, 100% calc(100% - 1.8px), 91.67% calc(100% - 7.9px), 83.33% calc(100% - 2.3px), 75% calc(100% - 7.9px), 66.67% calc(100% - 2.1px), 58.33% calc(100% - 6.8px), 50% calc(100% - 2.4px), 41.67% calc(100% - 5.5px), 33.33% calc(100% - 0.2px), 25% calc(100% - 7.2px), 16.67% calc(100% - 1.9px), 8.33% calc(100% - 6.3px), 0% calc(100% - 1.6px));
  --hz-cut-nav: polygon(0 0, 100% 0, 100% calc(100% - 1.2px), 97.5% calc(100% - 6.5px), 95% calc(100% - 0.4px), 92.5% calc(100% - 5.2px), 90% calc(100% - 0.2px), 87.5% calc(100% - 6.1px), 85% calc(100% - 1px), 82.5% calc(100% - 5.6px), 80% calc(100% - 1.9px), 77.5% calc(100% - 5.4px), 75% calc(100% - 0.2px), 72.5% calc(100% - 5px), 70% calc(100% - 2.5px), 67.5% calc(100% - 7.6px), 65% calc(100% - 0.1px), 62.5% calc(100% - 7.3px), 60% calc(100% - 1px), 57.5% calc(100% - 6.2px), 55% calc(100% - 2.7px), 52.5% calc(100% - 7.4px), 50% calc(100% - 0), 47.5% calc(100% - 8px), 45% calc(100% - 0.6px), 42.5% calc(100% - 6.9px), 40% calc(100% - 1.3px), 37.5% calc(100% - 5.1px), 35% calc(100% - 0.5px), 32.5% calc(100% - 7.3px), 30% calc(100% - 2.3px), 27.5% calc(100% - 5.7px), 25% calc(100% - 2.6px), 22.5% calc(100% - 7.4px), 20% calc(100% - 1px), 17.5% calc(100% - 6.4px), 15% calc(100% - 0.9px), 12.5% calc(100% - 5.8px), 10% calc(100% - 2.6px), 7.5% calc(100% - 7.6px), 5% calc(100% - 2px), 2.5% calc(100% - 6.5px), 0% calc(100% - 2.6px));
}

@media (max-width: 1099px) { .hz-page { --hz-g: 40px; --hz-gap: 20px; --hz-cols: 8; } }
@media (max-width: 699px) { .hz-page { --hz-g: 16px; --hz-gap: 12px; --hz-cols: 4; --hz-nav-h: 52px; } }

.hz-page :where(h1, h2, h3, p, ul, ol, dl, dd, figure, blockquote) { margin: 0; }
.hz-page :where(ul, ol) { padding: 0; list-style: none; }
.hz-page :where(img, svg, canvas) { display: block; }
.hz-page :where(img) { max-width: 100%; height: auto; }
.hz-page :where(button) { font: inherit; color: inherit; }
.hz-page :where(a) { color: inherit; }
.hz-page :where(fieldset) { border: 0; margin: 0; padding: 0; min-width: 0; }
.hz-page [hidden] { display: none !important; }
.hz-page :is(.hz-cutting, .hz-garden, .hz-c1-more) { scroll-margin-top: calc(var(--hz-bar) + var(--hz-nav-h)); }
.hz-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hz-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.hz-page :focus-visible { outline: 3px solid var(--hz-cobalt); outline-offset: 2px; }
.hz-page :is(.hz-nav-in, .hz-controls) :focus-visible { outline-color: var(--hz-cream); box-shadow: 0 0 0 2px var(--hz-ink); }
.hz-page .hz-nav.hz-open .hz-links :focus-visible { outline-color: var(--hz-cobalt); box-shadow: none; }
@supports (text-wrap: pretty) { .hz-page p { text-wrap: pretty; } }

.hz-h2 { font: 800 var(--hz-h2fs)/.9 var(--hz-disp); font-variation-settings: "opsz" 96; letter-spacing: -.03em; max-width: 10em; color: var(--hz-cream); text-wrap: balance; }
.hz-h3 { font: 800 clamp(1.5rem, 1.35rem + .6vw, 2rem)/1 var(--hz-disp); font-variation-settings: "opsz" 48; letter-spacing: -.015em; margin-bottom: 12px !important; }
.hz-h4, .hz-step h3 { font: 700 clamp(1.125rem, 1.079rem + .19vw, 1.25rem)/1.2 var(--hz-text); font-variation-settings: "opsz" 24; margin-bottom: 4px !important; }
.hz-standout { font: 700 var(--hz-stfs)/1.1 var(--hz-text); font-variation-settings: "opsz" 36; letter-spacing: -.01em; max-width: 22em; margin-top: 24px !important; }
.hz-stand { font: 700 clamp(1.25rem, 1.12rem + .5vw, 1.5rem)/1.2 var(--hz-text); font-variation-settings: "opsz" 30; letter-spacing: -.01em; }
.hz-colophon, .hz-cap, .hz-kbd, .hz-hint, .hz-note, .hz-legend, .hz-photo figcaption { font-size: var(--hz-capfs); font-weight: 500; font-variation-settings: "opsz" 14; line-height: 1.35; letter-spacing: .01em; }
.hz-label { font: 700 var(--hz-lab)/1 var(--hz-text); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px !important; }
.hz-paper p + p, .hz-paper p + .hz-more { margin-top: .7em; }

.hz-slip { position: relative; filter: var(--hz-sh1); rotate: var(--hz-a, 0deg); transition: translate .16s, filter .16s; }
.hz-slip:hover, .hz-slip:focus-within { translate: 0 -3px; filter: var(--hz-sh2); }
.hz-paper { position: relative; padding: 32px; color: var(--hz-ink); background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-k1); }
.hz-paper--pink { background-color: var(--hz-pink); }
.hz-paper--tan { background-color: var(--hz-tangerine); }
.hz-paper--cobalt { background-color: var(--hz-cobalt); color: var(--hz-cream); }
.hz-k2 { clip-path: var(--hz-k2); } .hz-k3 { clip-path: var(--hz-k3); } .hz-k4 { clip-path: var(--hz-k4); } .hz-k5 { clip-path: var(--hz-k5); } .hz-tear2 { clip-path: var(--hz-tear2); }
.hz-pin { position: absolute; z-index: 3; left: 22px; top: -5px; width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 36% 34%, var(--hz-cream) 0 1.5px, transparent 2px) var(--hz-pc, var(--hz-tangerine)); box-shadow: 2px 2px 0 var(--hz-ink); transition: rotate .16s; }
.hz-pin--cobalt { --hz-pc: var(--hz-cobalt); } .hz-pin--cream { --hz-pc: var(--hz-cream); }
.hz-tab { position: relative; isolation: isolate; display: inline-block; margin-bottom: 18px !important; padding: 9px 14px 8px 16px; font: 700 var(--hz-lab)/1 var(--hz-text); font-variation-settings: "opsz" 12; letter-spacing: .08em; text-transform: uppercase; color: var(--hz-ink); rotate: -2deg; filter: var(--hz-sh1); }
.hz-tab::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hz-cream); clip-path: var(--hz-k5); }
.hz-tab::after { content: ""; position: absolute; z-index: -2; left: -9px; top: 50%; width: 22px; height: 13px; margin-top: -8px; background: var(--hz-pink); rotate: -9deg; }
.hz-photo { position: relative; filter: var(--hz-sh1); rotate: var(--hz-a, 0deg); }
.hz-ph { clip-path: var(--hz-k2); }
.hz-ph img { width: 100%; }
.hz-photo::before, .hz-photo::after { content: ""; position: absolute; z-index: 2; width: 30px; height: 30px; background: var(--hz-pink); }
.hz-photo::before { left: -6px; top: -6px; clip-path: polygon(0 0, 100% 0, 0 100%); }
.hz-photo::after { right: -6px; bottom: -6px; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.hz-photo figcaption { position: relative; z-index: 3; display: table; max-width: 88%; margin: -22px 0 0 20px; padding: 8px 12px 9px; background: var(--hz-cream); color: var(--hz-ink); rotate: 1.2deg; }
.hz-more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.hz-more svg { width: 18px; height: 18px; }

.hz-btn { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 0; background: none; cursor: pointer; text-decoration: none; font: 700 clamp(1rem, .977rem + .095vw, 1.0625rem)/1.1 var(--hz-text); font-variation-settings: "opsz" 16; letter-spacing: .01em; color: var(--hz-ink); text-align: center; -webkit-tap-highlight-color: transparent; }
.hz-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; }
.hz-btn--tan, .hz-btn--cobalt { filter: var(--hz-sh1); }
.hz-btn--tan::before { background: var(--hz-tangerine); clip-path: var(--hz-cut-tab); }
.hz-btn--cobalt { color: var(--hz-cream); }
.hz-btn--cobalt::before { background: var(--hz-cobalt); clip-path: var(--hz-cut-tab); }
.hz-btn--line::before { box-shadow: inset 0 0 0 2px var(--hz-ink); }
.hz-btn--line[aria-pressed="true"] { color: var(--hz-cream); }
.hz-btn--line[aria-pressed="true"]::before { background: var(--hz-ink); }
.hz-btn--ghost { min-height: 44px; padding: 0 18px; color: var(--hz-cream); }
.hz-btn--ghost::before { box-shadow: inset 0 0 0 2px var(--hz-cream); }
.hz-btn--ghost:hover::before { background: rgb(255 245 236 / .14); }
.hz-btn--text { min-height: 44px; padding: 0 10px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.hz-btn:active { translate: 2px 2px; }
.hz-btn--tan:active, .hz-btn--cobalt:active { translate: 3px 4px; filter: none; }
.hz-btn[aria-disabled="true"] { opacity: .62; cursor: default; translate: none; }

.hz-nav { position: sticky; top: var(--hz-bar); z-index: 60; height: var(--hz-nav-h); filter: var(--hz-sh1); }
.hz-nav::before { content: ""; position: absolute; inset: 0; background: var(--hz-magenta) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-cut-nav); }
.hz-nav-in { position: relative; display: flex; align-items: center; gap: 26px; height: 100%; padding-inline: var(--hz-g); }
.hz-brand { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin-right: auto; font: 800 clamp(1.5rem, 1.407rem + .381vw, 1.75rem)/1 var(--hz-disp); font-variation-settings: "opsz" 96; letter-spacing: -.02em; color: var(--hz-cream); text-decoration: none; }
.hz-brand-mk { width: 22px; height: 22px; }
.hz-links { display: flex; gap: 24px; }
.hz-links a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 16px; font-variation-settings: "opsz" 16; text-decoration: none; }
.hz-links a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.hz-ask-tab { position: relative; isolation: isolate; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; height: calc(var(--hz-nav-h) + 8px); padding: 0 18px 4px; font-weight: 700; font-size: 16px; font-variation-settings: "opsz" 16; color: var(--hz-ink); text-decoration: none; filter: var(--hz-sh1); }
.hz-ask-tab::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hz-tangerine); clip-path: var(--hz-cut-tab); }
.hz-ask-tab svg { width: 20px; height: 20px; }
.hz-menu-btn { display: none; position: relative; isolation: isolate; min-height: 44px; padding: 0 16px; border: 0; background: none; font-weight: 700; color: var(--hz-ink); cursor: pointer; }
.hz-menu-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hz-cream); clip-path: var(--hz-k3); }
@media (max-width: 1099px) {
  .hz-nav-in { gap: 10px; }
  .hz-ask-more { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .hz-menu-btn { display: inline-flex; align-items: center; }
  .hz-links { display: none; position: absolute; top: calc(100% + 10px); right: var(--hz-g); width: min(320px, calc(100vw - 2 * var(--hz-g))); flex-direction: column; gap: 0; padding: 18px 26px; background: var(--hz-cream) var(--hz-grain); color: var(--hz-ink); filter: var(--hz-sh1); }
  .hz-open .hz-links { display: flex; animation: hz-drop-menu .24s var(--hz-ease) backwards; }
  .hz-links a { min-height: 48px; font-size: 22px; font-weight: 700; font-variation-settings: "opsz" 24; }
}
@keyframes hz-drop-menu { from { translate: 0 -12px; opacity: 0; } }

.hz-garden { position: relative; --hz-mf: calc(var(--hz-mfs) * var(--hz-mk, 1)); }
.hz-scene { position: relative; z-index: 1; height: var(--hz-sh); overflow: clip; }
.hz-garden.hz-run { --hz-sh: calc(100svh - var(--hz-bar) - var(--hz-nav-h)); }
.hz-run .hz-track { height: 240svh; }
.hz-run .hz-stage { position: sticky; top: calc(var(--hz-bar) + var(--hz-nav-h)); height: var(--hz-sh); }
.hz-planes, #hz-garden-cv, .hz-still, .hz-caps { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hz-plane { position: absolute; overflow: visible; filter: var(--hz-sh1); }
.hz-pl-blob { left: -150px; bottom: 90px; width: 360px; height: 360px; translate: 0 calc(var(--hz-p, 0) * -120px); }
.hz-pl-cres { right: -70px; top: -50px; width: 300px; height: 300px; rotate: 18deg; translate: 0 calc(var(--hz-p, 0) * -80px); }
.hz-pl-strip { left: calc(var(--hz-g) + var(--hz-mf) * .9); top: calc(var(--hz-htop) + var(--hz-mf) * .22); width: calc(var(--hz-mf) * 2.4); height: 60px; rotate: -14deg; translate: 0 calc(var(--hz-p, 0) * -40px); }
.hz-poster { position: absolute; z-index: 1; right: 3%; top: 16%; width: 48%; rotate: -2deg; filter: var(--hz-sh1); }
.hz-poster img { width: 100%; clip-path: var(--hz-k2); }
.hz-still { z-index: 2; }
#hz-garden-cv { z-index: 3; }
.hz-drawn .hz-poster, .hz-drawn .hz-still { display: none; }
.hz-garden:not(.hz-drawn) #hz-garden-cv { visibility: hidden; }
.hz-still-sp { display: none; }
.hz-sp-on .hz-still-sp { display: inline; }
.hz-caps { z-index: 4; }
.hz-fc { position: absolute; isolation: isolate; box-sizing: border-box; max-width: 196px; padding: 9px 12px 10px; color: var(--hz-ink); font: 500 var(--hz-capfs)/1.3 var(--hz-text); font-variation-settings: "opsz" 14; font-variant-numeric: tabular-nums; filter: var(--hz-sh1); rotate: var(--hz-t2); opacity: 0; transition: opacity .2s; }
.hz-fc:nth-child(even) { rotate: var(--hz-t4); }
.hz-fc b { font-weight: 700; }
.hz-fc.hz-on { opacity: 1; }
.hz-fc::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-k5); }
.hz-fc::before { content: ""; position: absolute; z-index: 1; left: 50%; top: -5px; width: 9px; height: 9px; margin-left: -4px; border-radius: 50%; background: var(--hz-tangerine); box-shadow: 1px 1px 0 var(--hz-ink); }
.hz-hero { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.hz-hero > * { pointer-events: auto; }
.hz-hero-main { position: absolute; left: calc(var(--hz-g) + 16px); top: var(--hz-htop); width: min(560px, calc(var(--hz-c) * 6 + var(--hz-gap) * 3)); padding-bottom: 32px; rotate: var(--hz-t2); }
.hz-hero-paper { position: absolute; z-index: 1; left: 0; right: 0; top: calc(var(--hz-mf) * .8 - 16px); bottom: 0; filter: var(--hz-sh1); }
.hz-hero-paper::before { content: ""; position: absolute; inset: 0; background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-tear1); }
.hz-hero-paper .hz-pin { left: 16px; top: 12px; }
.hz-h1 { font-weight: 400; }
.hz-mast { position: relative; z-index: 0; display: block; width: max-content; margin-left: -16px; font: 800 var(--hz-mf)/.8 var(--hz-disp); font-variation-settings: "opsz" 96; letter-spacing: -.045em; color: var(--hz-cream); white-space: nowrap; rotate: calc(-1 * var(--hz-t2)); transform-origin: 0 100%; }
.hz-mast > span { display: inline-block; text-shadow: 0 .035em 0 var(--hz-magenta-deep); rotate: var(--r); translate: 0 var(--y); }
.hz-mast > span:nth-child(1) { --r: -2deg; --y: -3px; --i: 0; }
.hz-mast > span:nth-child(2) { --r: 1.5deg; --y: 4px; --i: 1; }
.hz-mast > span:nth-child(3) { --r: -1deg; --y: -2px; --i: 2; }
.hz-mast > span:nth-child(4) { --r: 2.5deg; --y: 5px; --i: 3; }
.hz-mast > span:nth-child(5) { --r: -1.5deg; --y: -4px; --i: 4; }
.hz-mast > span:nth-child(6) { --r: 1deg; --y: 2px; --i: 5; }
.hz-mast > span:nth-child(7) { --r: 0deg; --y: 0px; --i: 6; }
.hz-page .hz-bang { position: relative; color: transparent; text-shadow: none; }
.hz-bang-svg { position: absolute; left: 0; top: -.2em; width: .27em; height: 1.2em; overflow: visible; }
.hz-h1-line { position: relative; z-index: 2; display: block; padding: 18px 32px 0; font: 700 var(--hz-stfs)/1.1 var(--hz-text); font-variation-settings: "opsz" 36; letter-spacing: -.01em; color: var(--hz-ink); }
.hz-sub, .hz-sub-short, .hz-hero-btns, .hz-season-line { position: relative; z-index: 2; margin: 14px 32px 0 !important; color: var(--hz-ink); }
.hz-sub-short, .hz-season-line { display: none; }
.hz-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px !important; }
.hz-season-line { font-size: 14px; line-height: 1.35; }
.hz-tag { position: absolute; left: min(69.5%, calc(100% - 380px)); top: 9%; width: 320px; --hz-a: var(--hz-t5); }
.hz-tag .hz-paper { padding: 22px 24px 20px; }
.hz-tag-h { font: 700 20px/1.15 var(--hz-text); font-variation-settings: "opsz" 20; margin-bottom: 6px !important; }
.hz-tag-p { font-size: 15px; line-height: 1.35; font-variation-settings: "opsz" 14; }
.hz-tag .hz-pin { left: 50%; }
.hz-controls { position: absolute; z-index: 6; left: var(--hz-g); bottom: 24px; display: flex; align-items: center; gap: 16px; }
.hz-cap { color: var(--hz-cream); }
.hz-ctl-btns { display: flex; gap: 10px; }
@media (prefers-reduced-motion: no-preference) {
  .hz-mast > span { animation: hz-drop .42s var(--hz-ease) backwards; animation-delay: calc(var(--i) * 40ms); }
  .hz-hero-main, .hz-tag { animation: hz-paste .46s var(--hz-ease) .32s backwards; }
  .hz-tag { animation-delay: .48s; }
  .hz-bang-stem { clip-path: inset(100% 0 0 0) fill-box; }
  .hz-bang-go .hz-bang-stem { clip-path: none; animation: hz-stem .4s ease-out backwards; }
  .hz-bang-go .hz-fl { animation: hz-pop .14s backwards; }
}
@keyframes hz-drop { from { translate: 0 calc(var(--y) - 18px); opacity: 0; } }
@keyframes hz-paste { from { translate: 0 -14px; scale: 1.02; opacity: 0; filter: var(--hz-sh3); } }
@keyframes hz-stem { from { clip-path: inset(100% 0 0 0) fill-box; } }
@keyframes hz-pop { from { opacity: 0; } }

.hz-run .hz-hero-main { translate: 0 calc(var(--hz-lift, 0) * (var(--hz-sh) + 200px) * -1.25); rotate: calc(var(--hz-t2) - var(--hz-lift, 0) * 2deg); }
.hz-run .hz-mast { translate: 0 calc(var(--hz-lift, 0) * (var(--hz-sh) + 200px) * .25); }
.hz-run .hz-pl-strip { translate: 0 calc(var(--hz-p, 0) * -40px - var(--hz-lift, 0) * (var(--hz-sh) + 200px)); }
.hz-run .hz-tag { translate: 0 calc(var(--hz-lift, 0) * (var(--hz-sh) + 200px) * -.8); rotate: calc(var(--hz-t5) + var(--hz-lift, 0) * 2deg); }

.hz-c1, .hz-c1-more { position: relative; z-index: 7; display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); padding-inline: var(--hz-g); align-items: start; }
.hz-c1 { padding-top: 64px; }
.hz-c1 > .hz-tab { grid-column: 1 / -1; justify-self: start; }
.hz-c1 > .hz-h2 { grid-column: 1 / 9; grid-row: 2; }
.hz-c1-stand { grid-column: 1 / 6; grid-row: 3; margin-top: 36px; --hz-a: var(--hz-t4); }
.hz-beat { grid-column: 9 / 13; grid-row: 2; align-self: end; --hz-a: var(--hz-t2); }
.hz-beat-2 { grid-column: 8 / 12; grid-row: 3; align-self: start; margin-top: 70px; --hz-a: var(--hz-t4); }
.hz-beat .hz-paper { padding: 18px 22px 20px; font-size: var(--hz-capfs); line-height: 1.4; }
.hz-c1-more { padding-block: 28px 8px; }
.hz-c1-body { grid-column: 1 / 6; --hz-a: var(--hz-t3); }
.hz-sunface { grid-column: 6 / 9; justify-self: center; width: min(260px, 100%); margin-top: 20px; --hz-a: var(--hz-t1); }
.hz-spiral { grid-column: 9 / 12; margin-top: 60px; --hz-a: var(--hz-t2); }
.hz-spiral .hz-paper { padding: 26px 26px 22px; }
.hz-legend { margin-top: 12px !important; font-variant-numeric: tabular-nums; }
.hz-run .hz-c1 { position: absolute; inset: 0; padding: 0; pointer-events: none; display: block; }
.hz-run .hz-c1 > * { position: absolute; margin: 0 !important; pointer-events: auto; }
.hz-run .hz-c1 > .hz-tab { left: var(--hz-g); top: 26px; }
.hz-run .hz-c1 > .hz-h2 { left: var(--hz-g); top: 70px; width: calc(var(--hz-c) * 8 + var(--hz-gap) * 7); }
.hz-run .hz-c1-stand { left: var(--hz-g); top: calc(92px + var(--hz-h2fs) * .9 * var(--hz-h2l, 2)); width: calc(var(--hz-c) * 5 + var(--hz-gap) * 4); }
.hz-run .hz-beat { right: var(--hz-g); top: 26px; width: 300px; }
.hz-run .hz-c1 > :not(.hz-on) { visibility: hidden; opacity: 0; translate: 0 -14px; rotate: calc(var(--hz-a, 0deg) + 3deg); scale: 1.02; filter: var(--hz-sh3); transition: opacity .16s, visibility 0s .16s, translate .16s, rotate .16s, scale .16s, filter .16s; }
.hz-run .hz-c1 > .hz-on { transition: opacity .2s, translate .46s var(--hz-ease), rotate .46s var(--hz-ease), scale .46s var(--hz-ease), filter .46s; }
.hz-run .hz-c1-more { margin-top: calc(var(--hz-sh) * -.44); pointer-events: none; }
.hz-run .hz-c1-more > * { pointer-events: auto; }

@media (min-width: 1100px) {
  .hz-garden:not(.hz-run) { display: grid; grid-template-columns: minmax(0, calc(var(--hz-g) - var(--hz-gap))) repeat(12, minmax(0, 1fr)) minmax(0, calc(var(--hz-g) - var(--hz-gap))); column-gap: var(--hz-gap); align-items: start; padding-bottom: 8px; }
  .hz-garden:not(.hz-run) :is(.hz-track, .hz-stage, .hz-c1, .hz-c1-more) { display: contents; }
  .hz-garden:not(.hz-run) .hz-scene { grid-column: 1 / -1; grid-row: 1; }
  .hz-garden:not(.hz-run) .hz-c1 > .hz-tab { grid-column: 2 / -2; grid-row: 2; margin-top: 64px; }
  .hz-garden:not(.hz-run) .hz-c1 > .hz-h2 { grid-column: 2 / 10; grid-row: 3; }
  .hz-garden:not(.hz-run) .hz-c1-stand { grid-column: 2 / 7; grid-row: 4; margin-top: 36px; }
  .hz-garden:not(.hz-run) .hz-beat-1 { grid-column: 2 / 5; grid-row: 5; align-self: start; margin-top: 28px; }
  .hz-garden:not(.hz-run) .hz-beat-2 { grid-column: 5 / 8; grid-row: 5; align-self: start; margin-top: 60px; }
  .hz-garden:not(.hz-run) .hz-c1-body { grid-column: 2 / 7; grid-row: 6; margin-top: 32px; }
  .hz-garden:not(.hz-run) .hz-sunface { grid-column: 9 / 14; grid-row: 3 / 5; justify-self: end; width: min(300px, 100%); margin: 8px 24px 0 0; }
  .hz-garden:not(.hz-run) .hz-spiral { grid-column: 9 / 13; grid-row: 5 / 7; margin-top: 28px; }
}

.hz-cutting { position: relative; padding-block: 72px; }
.hz-wrap { position: relative; z-index: 1; padding-inline: var(--hz-g); }
.hz-cutting > .hz-plane { z-index: 0; pointer-events: none; }
.hz-pl-a { right: -90px; top: 40px; width: 280px; height: 280px; --k: 80px; }
.hz-pl-b { left: -160px; top: 200px; width: 340px; height: 340px; --k: 120px; }
.hz-pl-c { right: -110px; top: 30px; width: 320px; height: 320px; rotate: -30deg; --k: 40px; }
.hz-pl-d { right: -60px; top: 96px; width: 34%; height: 60px; rotate: -4deg; --k: 80px; }
.hz-pl-e { right: -70px; bottom: 60px; width: 260px; height: 260px; --k: 120px; }
.hz-pl-f { position: absolute; left: -90px; top: -70px; width: 240px; height: 240px; z-index: 0; }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .hz-cutting > .hz-plane { animation: hz-par linear both; animation-timeline: view(); }
  }
}
@keyframes hz-par { from { translate: 0 var(--k, 40px); } to { translate: 0 calc(var(--k, 40px) * -1); } }

.hz-fan { display: grid; gap: 24px; margin-top: 44px; max-width: 760px; }
.hz-sn .hz-paper { padding: 28px 30px 30px; }
.hz-sn-h { margin-bottom: 10px !important; }
.hz-sn-btn { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; width: 100%; min-height: 44px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: var(--hz-ink); }
.hz-sn-name { font: 800 clamp(1.75rem, 1.5rem + 1vw, 2.5rem)/1 var(--hz-disp); font-variation-settings: "opsz" 72; letter-spacing: -.02em; }
.hz-sn-m { font: 700 var(--hz-lab)/1 var(--hz-text); letter-spacing: .08em; text-transform: uppercase; }
.hz-foot { justify-self: start; max-width: 34em; --hz-a: var(--hz-t4); }
.hz-foot .hz-paper { padding: 14px 22px 15px; }

.hz-fanned { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); grid-template-rows: auto 1fr; column-gap: var(--hz-gap); max-width: none; min-height: 500px; }
.hz-fanned .hz-sn { grid-row: 1 / 3; align-self: start; transition: translate .46s var(--hz-ease), rotate .46s var(--hz-ease), filter .46s; }
.hz-fanned .hz-foot { grid-column: 1 / 7; grid-row: 2; align-self: start; margin-top: 24px; z-index: 5; }
.hz-fanned .hz-sn[data-pos="0"] { grid-column: 1 / 8; grid-row: 1; z-index: 4; --hz-a: var(--hz-t2); margin-top: 40px; }
.hz-fanned .hz-sn[data-pos="0"] .hz-paper { padding: 40px; font-size: 1.1875rem; }
.hz-fanned .hz-sn[data-pos="1"] { grid-column: 8 / 13; z-index: 3; --hz-a: var(--hz-t4); margin: 248px 0 0 -44px; }
.hz-fanned .hz-sn[data-pos="2"] { grid-column: 8 / 13; z-index: 2; --hz-a: var(--hz-t1); margin: 126px 0 0 -8px; }
.hz-fanned .hz-sn[data-pos="3"] { grid-column: 8 / 13; z-index: 1; --hz-a: var(--hz-t5); margin: 12px 0 0 34px; }
.hz-fanned .hz-sn[data-pos="0"] .hz-dc { display: inline-block; margin-right: 3px; padding: 6px 8px 4px; background: var(--hz-tangerine); clip-path: var(--hz-k4); font-size: 1.5em; line-height: .9; }
.hz-fanned .hz-sn.hz-repaste { animation: hz-paste .46s var(--hz-ease) backwards; }

.hz-make-grid { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); row-gap: 8px; margin-top: 48px; align-items: start; }
.hz-mk-1 { grid-column: 1 / 6; grid-row: 1 / 3; --hz-a: var(--hz-t2); }
.hz-mk-1 .hz-paper { padding: 40px; font-size: 1.1875rem; }
.hz-mk-photo { grid-column: 5 / 9; grid-row: 1 / 3; justify-self: center; width: min(300px, 100%); margin-top: 70px; z-index: 2; --hz-a: var(--hz-t4); }
.hz-mk-2 { grid-column: 8 / 12; grid-row: 1; margin-top: 24px; --hz-a: var(--hz-t4); }
.hz-mk-3 { grid-column: 9 / 13; grid-row: 2; margin-top: -20px; --hz-a: var(--hz-t1); }

.hz-legend-slip { margin-top: 40px; --hz-a: var(--hz-t3); }
.hz-legend-slip .hz-paper { padding: 18px 28px; }
.hz-key { display: flex; flex-wrap: wrap; gap: 14px 40px; }
.hz-key li { display: flex; align-items: center; gap: 10px; }
.hz-key svg { width: 32px; height: 32px; flex: none; }
.hz-key b { font-weight: 800; font-variation-settings: "opsz" 24; }
.hz-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 36px; align-items: start; counter-reset: none; }
.hz-step:nth-child(1) { --hz-a: var(--hz-t2); } .hz-step:nth-child(2) { --hz-a: var(--hz-t4); margin-top: 48px; } .hz-step:nth-child(3) { --hz-a: var(--hz-t3); } .hz-step:nth-child(4) { --hz-a: var(--hz-t4); margin-top: 48px; } .hz-step:nth-child(5) { --hz-a: var(--hz-t2); }
.hz-step .hz-paper { padding: 22px 22px 26px; font-size: 1rem; line-height: 1.45; }
.hz-dia { width: 100%; max-width: 170px; height: auto; margin: 0 auto 10px; filter: drop-shadow(1.5px 2px 0 var(--hz-shadow)); }
.hz-num { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 8px; background: var(--hz-tangerine); font: 800 16px/1 var(--hz-disp); font-variation-settings: "opsz" 24; font-variant-numeric: tabular-nums; clip-path: var(--hz-k3); vertical-align: 2px; }
.hz-rule-low { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); margin-top: 72px; align-items: start; }
.hz-bench { grid-column: 1 / 8; grid-row: 1; --hz-a: var(--hz-t4); }
.hz-quote { grid-column: 6 / 9; grid-row: 1; margin-top: -40px; z-index: 2; --hz-a: var(--hz-t1); }
.hz-quote .hz-paper { padding: 28px 30px; }
.hz-quote p { font: 300 clamp(1.625rem, 1.207rem + 1.714vw, 2.75rem)/1.1 var(--hz-text); font-variation-settings: "opsz" 72; letter-spacing: -.015em; }
.hz-words { grid-column: 9 / 13; grid-row: 1 / 3; --hz-a: var(--hz-t4); }
.hz-words dl { display: grid; gap: 2px 0; font-size: 1rem; line-height: 1.4; }
.hz-words dt { margin-top: 10px; font: 700 clamp(1.125rem, 1.079rem + .19vw, 1.25rem)/1.2 var(--hz-text); font-variation-settings: "opsz" 24; }

.hz-table-head { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); align-items: end; }
.hz-table-head .hz-h2 { grid-column: 1 / 9; grid-row: 1; max-width: none; white-space: nowrap; }
.hz-table-stand { grid-column: 9 / 13; grid-row: 1; margin-bottom: -46px; z-index: 2; --hz-a: var(--hz-t4); }
.hz-table-stand .hz-paper { padding: 24px 26px; }
.hz-sheet { position: relative; margin-top: 44px; padding: 64px 40px 14px; color: var(--hz-ink); rotate: -1deg; }
.hz-sheet-paper { position: absolute; inset: 0; filter: var(--hz-sh1); }
.hz-sheet-paper::before { content: ""; position: absolute; inset: 0; background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-tear1); }
.hz-builder { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
.hz-page:not(.hz-js) .hz-jsonly, .hz-js .hz-nojs { display: none; }
.hz-stems-col { grid-column: 1 / 6; grid-row: 1 / 5; }
.hz-cv-box { grid-column: 6 / 13; grid-row: 1; position: relative; aspect-ratio: 10 / 7; }
#hz-table-cv { width: 100%; height: 100%; }
.hz-compo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.hz-nocv .hz-compo { position: static; width: auto; height: auto; clip-path: none; display: grid; gap: 10px; padding: 24px; font-size: 1rem; }
.hz-builder.hz-nocv .hz-cv-box { aspect-ratio: auto; }
.hz-builder.hz-nocv #hz-table-cv { display: none; }
.hz-table-notes { grid-column: 6 / 13; grid-row: 2; display: grid; grid-template-columns: 5fr 3fr; gap: 28px; align-items: start; }
.hz-table-btns { grid-column: 6 / 13; grid-row: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.hz-builder > .hz-status { grid-column: 6 / 13; grid-row: 4; min-height: 1.4em; margin-top: -12px; font-weight: 600; }
.hz-writeup-slip { --hz-a: var(--hz-t2); }
.hz-writeup { font-size: clamp(1.0625rem, 1.039rem + .095vw, 1.125rem); line-height: 1.5; font-variation-settings: "opsz" 14; }
.hz-writeup b { font-weight: 650; }
.hz-writeup.hz-xf { animation: hz-pop .2s ease-out; }
.hz-pricetag { --hz-a: var(--hz-t4); margin-top: 18px; }
.hz-pricetag .hz-paper { padding: 26px 24px 24px; }
.hz-price { font-weight: 500; line-height: 1.35; font-variant-numeric: tabular-nums; }
.hz-price b { display: block; font: 800 40px/1 var(--hz-disp); font-variation-settings: "opsz" 72; letter-spacing: -.02em; margin-bottom: 6px; }
.hz-carenote { margin-top: 12px !important; font-size: var(--hz-capfs); line-height: 1.4; }
.hz-kbd { margin-top: 14px !important; }
.hz-grp + .hz-grp { margin-top: 16px; }
.hz-chip { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 4px !important; padding: 6px 10px 5px; font: 700 var(--hz-lab)/1 var(--hz-text); letter-spacing: .08em; text-transform: uppercase; clip-path: var(--hz-k2); }
.hz-chip svg { width: 18px; height: 18px; }
.hz-chip--focal { background: var(--hz-tangerine); }
.hz-chip--filler { background: var(--hz-pink); }
.hz-chip--foliage { background: var(--hz-green-deep); color: var(--hz-cream); }
.hz-chip--trailing { background: var(--hz-cobalt); color: var(--hz-cream); }
.hz-row { position: relative; }
.hz-st { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 4px 128px 4px 8px; border: 0; background: none; color: var(--hz-ink); text-align: left; cursor: pointer; }
.hz-st:hover { background: rgb(255 196 218 / .45); }
.hz-st[aria-pressed="true"] { background: var(--hz-pink); }
.hz-st > svg { width: 24px; height: 24px; flex: none; }
.hz-st-n { display: block; font: 700 clamp(1rem, .96rem + .17vw, 1.125rem)/1.2 var(--hz-text); font-variation-settings: "opsz" 24; }
.hz-st-t { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 13.5px; line-height: 1.3; font-variation-settings: "opsz" 14; }
.hz-oos { padding: 3px 6px 2px; background: var(--hz-magenta-deep); color: var(--hz-cream); font: 700 10.5px/1.1 var(--hz-text); letter-spacing: .06em; text-transform: uppercase; }
.hz-st-c { position: absolute; right: 44px; top: 50%; translate: 0 -50%; width: 34px; text-align: center; font: 800 20px/1 var(--hz-text); font-variation-settings: "opsz" 24; font-variant-numeric: tabular-nums; pointer-events: none; }
.hz-pm { position: absolute; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--hz-ink); cursor: pointer; }
.hz-pm svg { width: 20px; height: 20px; }
.hz-pm--minus { right: 78px; } .hz-pm--plus { right: 0; }
.hz-pm[disabled] { opacity: .35; cursor: default; }
.hz-static { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.hz-static-list { display: grid; gap: 10px; margin-bottom: 20px !important; }
ol.hz-static-list { list-style: decimal; padding-left: 1.4em; }

.hz-weekly-grid { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); row-gap: 32px; margin-top: 48px; align-items: start; }
.hz-column { grid-column: 1 / 6; grid-row: 1 / 3; --hz-a: var(--hz-t3); }
.hz-column .hz-paper { padding: 40px; }
.hz-column .hz-h4 { margin-top: 22px !important; }
.hz-column .hz-h4:first-child { margin-top: 0 !important; }
.hz-close { margin-top: 24px !important; font-weight: 700; }
.hz-dcp::first-letter { float: left; margin: 6px 10px 0 0; padding: 8px 10px 4px; background: var(--hz-tangerine); font: 800 3.4em/.78 var(--hz-disp); font-variation-settings: "opsz" 96; }
@supports (initial-letter: 3) { .hz-dcp::first-letter { float: none; initial-letter: 3; margin: 0 10px 0 0; padding: 6px 10px 0; font-size: 1em; line-height: 1; } }
.hz-vase-art { grid-column: 6 / 10; grid-row: 1 / 3; margin-top: 10px; }
.hz-vase-art svg { width: 100%; height: auto; filter: drop-shadow(4px 5px 0 var(--hz-shadow)); }
.hz-vases { grid-column: 10 / 13; grid-row: 1 / 3; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; align-self: center; }
.hz-vases svg { width: 100%; height: auto; filter: drop-shadow(2px 3px 0 var(--hz-shadow)); }
.hz-vases span { display: block; margin-top: 6px; font-size: var(--hz-capfs); line-height: 1.3; font-weight: 600; }

.hz-days-grid { display: grid; grid-template-columns: repeat(var(--hz-cols), minmax(0, 1fr)); column-gap: var(--hz-gap); row-gap: 28px; margin-top: 48px; align-items: start; }
.hz-door { grid-column: 4 / 10; grid-row: 1 / 4; justify-self: center; width: min(460px, 100%); --hz-a: -2deg; }
.hz-dy-1 { grid-column: 1 / 5; grid-row: 1; margin-top: 40px; --hz-a: var(--hz-t2); }
.hz-dy-2 { grid-column: 9 / 13; grid-row: 1; margin-top: 90px; --hz-a: var(--hz-t4); }
.hz-dy-3 { grid-column: 9 / 13; grid-row: 2; --hz-a: var(--hz-t2); }
.hz-dy-4 { grid-column: 1 / 5; grid-row: 2 / 4; margin-top: 30px; --hz-a: var(--hz-t4); }
.hz-dy { z-index: 2; }

.hz-card { position: relative; max-width: 780px; margin: 44px auto 0; padding: 60px 64px 44px; color: var(--hz-ink); background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; filter: var(--hz-sh1); rotate: var(--hz-t4); }
.hz-card::before { content: ""; position: absolute; inset: 16px; pointer-events: none; background:
  linear-gradient(90deg, var(--hz-ink) 8px, transparent 0) 0 0 / 14px 2px repeat-x,
  linear-gradient(90deg, var(--hz-ink) 8px, transparent 0) 0 100% / 14px 2px repeat-x,
  linear-gradient(var(--hz-ink) 8px, transparent 0) 0 0 / 2px 14px repeat-y,
  linear-gradient(var(--hz-ink) 8px, transparent 0) 100% 0 / 2px 14px repeat-y; }
.hz-card-cut { position: absolute; left: 34px; top: 4px; width: 26px; height: 26px; padding: 2px; color: var(--hz-ink); background: var(--hz-cream); rotate: 90deg; }
.hz-care-list { display: grid; gap: 18px; }
.hz-care-list li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center; font-size: 1.1875rem; }
.hz-cn { display: grid; place-items: center; width: 52px; height: 52px; background: var(--hz-tangerine); font: 800 30px/1 var(--hz-disp); font-variation-settings: "opsz" 72; font-variant-numeric: tabular-nums; clip-path: var(--hz-k4); }
.hz-card-foot { margin-top: 28px !important; font-weight: 700; }

.hz-form-wrap { position: relative; max-width: calc(var(--hz-c) * 8 + var(--hz-gap) * 7); margin: 44px auto 0; }
.hz-formslip { position: relative; isolation: isolate; z-index: 1; padding: 44px 40px 40px; color: var(--hz-ink); }
.hz-formslip::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hz-cream) var(--hz-grain); background-blend-mode: multiply; clip-path: var(--hz-k1); filter: none; }
.hz-formslip::after { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--hz-shadow); clip-path: var(--hz-k1); translate: 3px 4px; }
.hz-formslip > .hz-pin { left: 30px; top: 16px; }
.hz-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 28px; margin-top: 28px; }
.hz-f { display: grid; gap: 8px; align-content: start; min-width: 0; }
.hz-f-wide { grid-column: 1 / -1; }
.hz-f label, .hz-f legend { font: 600 15px/1.3 var(--hz-text); font-variation-settings: "opsz" 14; }
.hz-f legend { margin-bottom: 10px; }
.hz-f :is(input:not([type="radio"]), textarea) { box-sizing: border-box; width: 100%; min-height: 52px; padding: 12px 14px; border: 0; border-bottom: 2px solid var(--hz-ink); border-radius: 0; background: var(--hz-well); color: var(--hz-ink); font: 400 18px/1.4 var(--hz-text); font-variation-settings: "opsz" 18; }
.hz-f textarea { resize: vertical; }
.hz-hint { color: var(--hz-ink); }
.hz-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.hz-rc { position: relative; display: inline-flex; }
.hz-rc input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.hz-rc span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: var(--hz-well); box-shadow: inset 0 0 0 2px var(--hz-ink); font-weight: 600; font-size: 16px; }
.hz-rc input:checked + span { background: var(--hz-tangerine); }
.hz-rc input:focus-visible + span { outline: 3px solid var(--hz-cobalt); outline-offset: 2px; }
.hz-mybq-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.hz-mybq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hz-mybq-chips li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: var(--hz-well); box-shadow: inset 0 0 0 2px var(--hz-ink); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.hz-mybq-chips svg { width: 18px; height: 18px; }
.hz-mybq-price { font-weight: 700; font-variant-numeric: tabular-nums; }
.hz-f-send { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.hz-status { font-weight: 700; }
.hz-colophon { max-width: 44em; margin: 64px auto 0; color: var(--hz-cream); text-align: center; }

@media (min-width: 700px) and (max-height: 700px) {
  .hz-page { --hz-mfs: min(clamp(6rem, 2.6rem + 14.333vw, 15.5rem), calc((100svh - 100px) * .27)); --hz-htop: clamp(16px, 5%, 40px); }
  .hz-hero-main { padding-bottom: 24px; }
  .hz-long { display: none; }
  .hz-sub { font-size: 17px; }
  .hz-hero-btns { margin-top: 16px !important; }
}

@media (max-width: 1099px) {
  .hz-cutting { padding-block: 48px; }
  .hz-hero-main { width: calc(var(--hz-c) * 5 + var(--hz-gap) * 4); }
  .hz-tag { display: none; }
  .hz-season-line { display: block; }
  .hz-pl-cres { width: 240px; height: 240px; }
  .hz-poster { width: 56%; right: 2%; top: 28%; }
  .hz-c1 > .hz-h2 { grid-column: 1 / -1; }
  .hz-c1-stand, .hz-c1-body { grid-column: 1 / 6; }
  .hz-c1-stand { grid-row: 3; }
  .hz-beat { grid-column: 6 / 9; grid-row: 3; align-self: start; margin-top: 44px; }
  .hz-beat-2 { grid-column: 4 / 8; grid-row: 4; margin-top: 20px; }
  .hz-sunface { grid-column: 6 / 9; }
  .hz-spiral { grid-column: 1 / 6; margin-top: 24px; }
  .hz-run .hz-c1 > .hz-h2 { width: calc(var(--hz-c) * 5 + var(--hz-gap) * 4); }
  .hz-run .hz-c1 { --hz-h2l: 3; }
  .hz-run .hz-beat { width: 250px; }
  .hz-run .hz-c1-more { margin-top: calc(var(--hz-sh) * -.36); }
  .hz-fanned .hz-sn[data-pos="0"] { grid-column: 1 / 6; }
  .hz-fanned .hz-sn:not([data-pos="0"]) { grid-column: 6 / 9; }
  .hz-fanned .hz-sn[data-pos="1"] { margin-left: -60px; }
  .hz-fanned .hz-foot { grid-column: 1 / 5; }
  .hz-mk-1 { grid-column: 1 / 6; grid-row: 1; }
  .hz-mk-photo { grid-column: 6 / 9; grid-row: 1; margin-top: 40px; }
  .hz-mk-2 { grid-column: 1 / 5; grid-row: 2; margin-top: 28px; }
  .hz-mk-3 { grid-column: 5 / 9; grid-row: 2; margin-top: 60px; }
  .hz-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 28px; }
  .hz-step:nth-child(n) { margin-top: 0; }
  .hz-bench { grid-column: 1 / 7; }
  .hz-quote { grid-column: 5 / 9; margin-top: 200px; }
  .hz-words { grid-column: 1 / 7; grid-row: 2; margin-top: 32px; }
  .hz-table-head .hz-h2 { grid-column: 1 / -1; }
  .hz-table-stand { grid-column: 4 / 9; grid-row: 2; margin: 20px 0 0; }
  .hz-builder { grid-template-columns: minmax(0, 1fr); }
  .hz-builder > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
  .hz-cv-box { order: -1; position: sticky; z-index: 5; top: calc(var(--hz-bar) + var(--hz-nav-h) + 6px); height: min(44svh, 520px); aspect-ratio: auto; background: var(--hz-cream); filter: var(--hz-sh1); }
  .hz-stems { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-items: start; }
  .hz-grp + .hz-grp { margin-top: 0; }
  .hz-column { grid-column: 1 / 6; }
  .hz-vase-art { grid-column: 6 / 9; grid-row: 1; }
  .hz-vases { grid-column: 6 / 9; grid-row: 2; }
  .hz-door { grid-column: 1 / 6; grid-row: 1 / 3; }
  .hz-dy-1 { grid-column: 6 / 9; grid-row: 1; margin-top: 20px; }
  .hz-dy-2 { grid-column: 6 / 9; grid-row: 2; margin-top: 0; }
  .hz-dy-3 { grid-column: 1 / 5; grid-row: 3; }
  .hz-dy-4 { grid-column: 5 / 9; grid-row: 3; margin-top: 30px; }
}

@media (max-width: 699px) {
  .hz-cutting { padding-block: 36px; }
  .hz-slip, .hz-photo { --hz-a: 0deg; }
  .hz-paper { padding: 20px; }
  .hz-links { right: var(--hz-g); }
  .hz-brand-mk { width: 20px; height: 20px; }
  .hz-ask-tab { padding: 0 14px 4px; }
  .hz-hero-main { left: 16px; right: 16px; width: auto; top: 24px; rotate: -1deg; padding-bottom: 20px; }
  .hz-mast { margin-left: 0; rotate: 1deg; }
  .hz-hero-paper { top: calc(var(--hz-mf) * .8 + 48px); }
  .hz-h1-line { padding: 70px 20px 0; }
  .hz-sub, .hz-sub-short, .hz-hero-btns, .hz-season-line { margin-inline: 20px !important; }
  .hz-hero-btns { flex-direction: column; gap: 10px; }
  .hz-hero-btns .hz-btn { min-height: 52px; }
  .hz-tag { display: none; }
  .hz-season-line { display: block; }
  .hz-controls { left: auto; right: 16px; bottom: 14px; flex-direction: column; align-items: flex-end; gap: 8px; }
  .hz-cap { max-width: 11em; text-align: right; }
  .hz-pl-cres, .hz-pl-strip { display: none; }
  .hz-pl-blob { width: 230px; height: 230px; left: -110px; bottom: -70px; }
  .hz-poster { width: 70%; right: 3%; top: auto; bottom: 8%; }
  .hz-run .hz-track { height: 200svh; }
  .hz-c1, .hz-c1-more { grid-template-columns: minmax(0, 1fr); }
  .hz-c1 > *, .hz-c1-more > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
  .hz-pl-d { display: none; }
  .hz-c1 { padding-top: 44px; }
  .hz-beat, .hz-beat-2 { margin-top: 16px; width: 88%; justify-self: end; }
  .hz-c1-stand { margin-top: 24px; }
  .hz-sunface { width: 240px; justify-self: end; margin: 24px 8px 0 0; --hz-a: var(--hz-t1); }
  .hz-spiral { margin-top: 20px; }
  .hz-run .hz-c1 > .hz-tab { left: 16px; top: 14px; }
  .hz-run .hz-c1 > .hz-h2 { left: 16px; top: 46px; width: 62%; }
  .hz-run .hz-c1-stand { left: 16px; right: 16px; top: auto; bottom: 110px; width: auto; }
  .hz-run .hz-c1-stand .hz-stand { font-size: 1.125rem; }
  .hz-run .hz-beat { display: none; }
  .hz-run .hz-c1-more { margin-top: 0; padding-top: 28px; }
  .hz-fan { gap: 12px; }
  .hz-fanned { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
  .hz-fanned .hz-sn { order: var(--pos); margin: 0 !important; }
  .hz-fanned .hz-foot { order: 9; align-self: flex-start; margin-top: 4px; }
  .hz-fanned .hz-sn[data-pos="1"] { --hz-a: 1deg; } .hz-fanned .hz-sn[data-pos="2"] { --hz-a: -1deg; } .hz-fanned .hz-sn[data-pos="3"] { --hz-a: 1deg; }
  .hz-fanned .hz-sn:not([data-pos="0"]) .hz-paper { height: 56px; overflow: hidden; padding-block: 6px; box-sizing: border-box; }
  .hz-fanned .hz-sn[data-pos="0"] .hz-paper { padding: 24px 20px; font-size: 1.0625rem; }
  .hz-make-grid, .hz-rule-low, .hz-weekly-grid, .hz-days-grid, .hz-table-head { grid-template-columns: minmax(0, 1fr); }
  .hz-make-grid > *, .hz-rule-low > *, .hz-weekly-grid > *, .hz-days-grid > *, .hz-table-head > * { grid-column: 1 / -1 !important; grid-row: auto !important; margin-top: 18px; }
  .hz-mk-photo { width: 70%; justify-self: end; margin-right: 8px; }
  .hz-mk-1 .hz-paper, .hz-column .hz-paper { padding: 24px 20px; font-size: 1.0625rem; }
  .hz-key { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .hz-key li { align-items: flex-start; flex-direction: column; gap: 4px; font-size: 15px; }
  .hz-steps { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hz-step .hz-paper { display: grid; grid-template-columns: 96px 1fr; column-gap: 14px; align-items: start; }
  .hz-step .hz-dia { grid-row: 1 / 3; margin: 0; }
  .hz-quote { margin-top: 18px !important; }
  .hz-table-head .hz-h2 { white-space: normal; }
  .hz-table-stand { margin-bottom: 0; }
  .hz-sheet { rotate: 0deg; padding: 34px 12px 20px; margin-top: 28px; }
  .hz-builder { gap: 18px; }
  .hz-cv-box { height: min(40svh, 340px); }
  .hz-stems { grid-template-columns: minmax(0, 1fr); }
  .hz-grp + .hz-grp { margin-top: 14px; }
  .hz-table-notes { grid-template-columns: minmax(0, 1fr); }
  .hz-st { min-height: 52px; }
  .hz-static { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .hz-vases { grid-template-columns: 1fr 1fr; }
  .hz-vase-art { width: 80%; justify-self: center; }
  .hz-door { width: 100%; --hz-a: -1deg; }
  .hz-card { padding: 50px 26px 32px; rotate: 0deg; }
  .hz-care-list li { grid-template-columns: 44px 1fr; font-size: 1.0625rem; }
  .hz-cn { width: 44px; height: 44px; font-size: 24px; }
  .hz-formslip { padding: 36px 20px 24px; }
  .hz-form { grid-template-columns: minmax(0, 1fr); }
  .hz-pl-a, .hz-pl-c, .hz-pl-e { width: 170px; height: 170px; }
  .hz-pl-b { width: 220px; height: 220px; left: -130px; }
}

@media (max-height: 620px) and (max-width: 699px) {
  .hz-page { --hz-mfs: 5rem; }
  .hz-hero-main { top: 12px; }
  .hz-hero-paper { top: calc(var(--hz-mf) * .8 + 16px); }
  .hz-h1-line { padding-top: 34px; }
  .hz-sub { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0 !important; }
  .hz-sub-short { display: block; }
  .hz-long, .hz-season-line, .hz-cap { display: none !important; }
  .hz-hero-btns { flex-direction: row; gap: 8px; margin-top: 16px !important; }
  .hz-hero-btns .hz-btn { flex: 1 1 0; min-height: 48px; padding-inline: 8px; white-space: nowrap; font-size: 15px; }
  .hz-controls { left: 16px; right: 16px; bottom: 10px; flex-direction: row; justify-content: flex-end; }
  .hz-run .hz-track { height: 170svh; }
  .hz-run .hz-c1 > .hz-h2 { top: 40px; font-size: 2.5rem; }
  .hz-run .hz-c1-stand { bottom: 64px; }
  .hz-run .hz-c1-stand .hz-paper { padding: 14px 16px; }
  .hz-run .hz-c1-stand .hz-stand { font-size: 1rem; }
  .hz-cv-box { height: 34svh; }
}

.hz-fit-1 .hz-long { display: none; }
.hz-fit-1 .hz-hero-main { padding-bottom: 20px; }
.hz-fit-1 .hz-hero-btns { margin-top: 16px !important; }
.hz-fit-2 { --hz-htop: clamp(12px, 5%, 40px); }
.hz-fit-3 { --hz-mk: .8; }
.hz-fit-3 .hz-season-line { display: none; }
.hz-fit-3 .hz-sub { font-size: 17px; }
.hz-fit-4 .hz-sub { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0 !important; }
.hz-fit-4 .hz-sub-short { display: block; }
.hz-fit-4 .hz-hero-btns { flex-direction: row; flex-wrap: nowrap; gap: 8px; }
.hz-fit-4 .hz-hero-btns .hz-btn { flex: 1 1 auto; min-height: 48px; padding-inline: 10px; white-space: nowrap; font-size: 15px; }
.hz-fit-5 .hz-cap { display: none; }
.hz-fit-5 .hz-controls { left: auto; right: 16px; flex-direction: row; }
.hz-fit-5 .hz-btn--ghost { filter: var(--hz-sh1); }
.hz-fit-5 .hz-btn--ghost::before { background: var(--hz-magenta); }
.hz-fit-5 .hz-btn--ghost:hover::before { background: var(--hz-magenta-deep); }
.hz-fit-6 .hz-controls { top: 10px; bottom: auto; }

.hz-motion .hz-paste { transition: opacity .2s, translate .46s var(--hz-ease), rotate .46s var(--hz-ease), scale .46s var(--hz-ease), filter .46s; transition-delay: calc(var(--hz-i, 0) * 70ms); }
.hz-motion .hz-paste:not(.hz-in) { opacity: 0; translate: 0 -14px; rotate: calc(var(--hz-a, 0deg) + 3deg); scale: 1.02; filter: var(--hz-sh3); }
.hz-motion .hz-paste.hz-done { transition: translate .16s, filter .16s, rotate .46s var(--hz-ease); transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) {
  .hz-page *, .hz-page *::before, .hz-page *::after { animation: none !important; transition: none !important; }
}