@layer quartz-base{.pf-hero{margin:0 0 1.5rem}.pf-hero-canvas-wrap{contain:strict;width:100%;min-width:0;max-width:100%;height:calc(100vh - 178px);min-height:460px;position:relative;overflow:hidden}.pf-hero-canvas{touch-action:none;width:100%;max-width:100%;height:100%;display:block}.pf-hero-tip{pointer-events:none;background:var(--dark);color:var(--light);letter-spacing:.01em;font-size:.78rem;font-weight:500;font-family:var(--bodyFont);white-space:nowrap;opacity:0;z-index:3;border-radius:4px;padding:.26rem .6rem;transition:opacity .1s;position:absolute;transform:translate(-50%,-200%)}.pf-hero-tip.pf-show{opacity:1}.pf-hero-meta{border-top:1px solid var(--lightgray);font-size:.82rem;font-family:var(--bodyFont);color:var(--dark);letter-spacing:.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.1rem;padding-top:1rem;display:flex}.pf-hero-sep{opacity:.45;margin:0 .5rem}.pf-hero-hint{opacity:.75}.pf-legend{align-items:center;gap:1rem;display:inline-flex}.pf-lg{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.pf-lg i{width:26px;height:0;display:inline-block;position:relative}.pf-lg-eq{border-top:2px solid var(--darkgray);opacity:.75}.pf-lg-ar{border-top:1px solid var(--darkgray);opacity:.75}.pf-lg-ar:after{content:"";border-left:5px solid var(--darkgray);border-top:3px solid #0000;border-bottom:3px solid #0000;position:absolute;top:-3px;right:-1px}.pf-lg-op{border-top:1px dashed var(--darkgray);opacity:.75}.pf-mode{gap:0;display:inline-flex}.pf-mode-btn{font-family:var(--bodyFont);letter-spacing:.07em;color:var(--dark);border:1px solid var(--dark);cursor:pointer;background:0 0;padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.pf-mode-btn:first-child{border-right:none;border-radius:2px 0 0 2px}.pf-mode-btn:last-child{border-radius:0 2px 2px 0}.pf-mode-btn:hover{color:var(--secondary)}.pf-mode-btn.pf-on{color:var(--light);background:var(--dark);border-color:var(--dark)}@media (max-width:800px){.pf-hero-canvas-wrap{height:calc(100vh - 210px);min-height:380px}.pf-hero-meta{flex-direction:column;gap:.5rem}}}