.yh{--yh-coral:#fa5167;--yh-line:color-mix(in srgb, var(--text) 9%, transparent);--yh-line-strong:color-mix(in srgb, var(--text) 24%, transparent);border-bottom:1px solid var(--yh-line-strong);color:var(--text);position:relative;overflow:hidden}.yh ::selection{background:var(--yh-coral);color:#fff}.yh-grid{background-image:linear-gradient(var(--yh-line) 1px, transparent 1px), linear-gradient(90deg, var(--yh-line) 1px, transparent 1px);background-position:-1px -1px;background-size:2.5rem 2.5rem;position:absolute;inset:0;mask-image:radial-gradient(75% 95% at 78% 25%,#000 0%,#0000 78%)}.yh-inner{box-sizing:border-box;width:100%;max-width:77.5rem;padding:clamp(3rem, 7vw, 6rem) var(--page-gutter) clamp(3.5rem, 6vw, 5.5rem);margin:0 auto;position:relative}.yh-cross{pointer-events:none;width:1.1rem;height:1.1rem;position:absolute}.yh-cross:before,.yh-cross:after{content:"";background:var(--yh-coral);position:absolute}.yh-cross:before{width:1px;top:0;bottom:0;left:50%}.yh-cross:after{height:1px;top:50%;left:0;right:0}.yh-cross--a{top:clamp(1.25rem,3vw,2.25rem);right:var(--page-gutter)}.yh-cross--b{bottom:clamp(2.25rem,4vw,3.25rem);left:var(--page-gutter)}.yh-kicker{font-family:var(--font-mono);font-size:.72rem;font-weight:var(--fw-medium);letter-spacing:.22em;text-transform:uppercase;color:var(--yh-coral);align-items:center;gap:.7rem;margin:0 0 clamp(1.25rem,3vw,2rem);display:flex}.yh-kicker span{background:currentColor;flex:none;width:2.5rem;height:2px}.yh-mark{--yh-mark-w:clamp(17rem, 60vw, 44rem);width:var(--yh-mark-w);flex-direction:column;align-items:center;margin:0;display:inline-flex}.yh-word{-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;display:block}.yh-word--top{aspect-ratio:232.438/77.278;background:var(--text);width:100%}.yh-word--bottom{aspect-ratio:153.693/30.678;background:var(--yh-coral);width:58%;margin-top:clamp(.4rem,1.2vw,.9rem)}.yh-lede{max-width:34rem;color:var(--text-secondary,var(--text));margin:clamp(1.5rem,3vw,2.25rem) 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.yh-actions{flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,3vw,2rem);display:flex}.yh .yh-btn{border:1.5px solid var(--yh-coral);min-height:3rem;font-family:var(--font-mono);font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:.6rem;padding:0 1.35rem;text-decoration:none;transition:background-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.yh .yh-btn svg{width:1rem;height:1rem}.yh .yh-btn--solid{background:var(--yh-coral);color:#fff;box-shadow:4px 4px 0 var(--yh-line-strong)}.yh .yh-btn--solid:hover{box-shadow:6px 6px 0 var(--yh-line-strong);transform:translate(-2px,-2px)}.yh .yh-btn--solid:active{box-shadow:1px 1px 0 var(--yh-line-strong);transform:translate(2px,2px)}.yh .yh-btn--line{color:var(--yh-coral);background:0 0}.yh .yh-btn--line:hover{background:var(--yh-coral);color:#fff}.yh .yh-btn:focus-visible,.yh .yh-sub-btn:focus-visible{outline:2px solid var(--yh-coral);outline-offset:3px}.yh-sub{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1.75rem;display:flex}.yh-sub-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:.3rem;font-size:.62rem}.yh .yh-sub-btn{border:1px solid var(--yh-line-strong);min-height:2.4rem;color:var(--text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;padding:0 .75rem;font-size:.62rem;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.yh .yh-sub-btn svg{width:15px;height:15px;fill:var(--brand);flex:none;transition:fill .15s}.yh .yh-sub-btn:hover{border-color:var(--brand);background:var(--brand);color:#fff}.yh .yh-sub-btn:hover svg{fill:#fff}.yh-ruler{height:.85rem;color:var(--yh-line-strong);background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 60px) bottom/100% .85rem no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 12px) bottom/100% .4rem no-repeat;position:absolute;bottom:0;left:0;right:0}@media (width<=560px){.yh-sub-label{display:none}.yh .yh-sub-btn{flex:auto;justify-content:center}.yh .yh-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.yh .yh-btn{transition:none}}.yh-inner{text-align:center}.yh-kicker{justify-content:center}.yh-kicker:after{content:"";background:currentColor;flex:none;width:2.5rem;height:2px}.yh-lede{margin-left:auto;margin-right:auto}.yh-actions,.yh-sub{justify-content:center}.yh-grid{mask-image:radial-gradient(70% 95% at 50% 30%,#000 0%,#0000 78%)}.yh-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-top:clamp(1.5rem,3vw,2rem);display:flex}.yh-row .yh-actions,.yh-row .yh-sub{margin-top:0}.yh-row .yh-sub{border-left:1px solid var(--yh-line-strong);padding-left:1.75rem}@media (width<=900px){.yh-row .yh-sub{border-left:0;padding-left:0}}.yh-lede{max-width:52rem}
