.sg-line{position:relative;height:120px;border-radius:0 0 50% 50%/0 0 100% 100%;border-bottom:3px solid var(--brass-lo);background:linear-gradient(180deg,transparent 40%,#efe7d3)}.sg-line span{position:absolute;left:50%;bottom:20px;transform:translate(-50%);font:400 clamp(20px,3vw,34px)/1 var(--plaque);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);white-space:nowrap}.sg-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}.sg-seg{display:inline-flex;flex-wrap:wrap;border:1px solid #d9c283;border-radius:3px;overflow:hidden;margin-top:20px;max-width:100%}.sg-seg button{background:transparent;border:0;color:#f3ecd9;padding:12px 16px;font:700 14px/1.2 var(--text);cursor:pointer}.sg-seg button[aria-pressed=true]{background:#d9c283;color:#1b2420}.sg-seg.light{border-color:var(--ink);margin:30px 0 20px}.sg-seg.light button{color:var(--ink)}.sg-seg.light button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.sg-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:1px;background:#d9c28355;border:1px solid #d9c28355;border-radius:8px;overflow:hidden}.sg-grid>div{background:#0d1813;padding:18px}.sg-grid .h{font:700 12px/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;color:#e7dcc0;display:flex;align-items:center}.sg-grid b{display:block;font:400 34px/1 var(--display);font-weight:400;color:var(--brass-hi)}.sg-grid small{display:block;font-size:13px;color:#cdbf9f;margin-top:8px}.sg-dots{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:6px;max-width:760px}.sg-dots i{aspect-ratio:2/3;border-radius:3px;background:#e3dccb;border:1px solid var(--line)}.sg-dots i.t{background:var(--wine);border-color:var(--wine)}.sg-dots i.x{opacity:.15}.sg-dots.big{opacity:.35}.sg-bar{position:relative;height:16px;background:#e3dccb;border-radius:8px;margin-top:22px;max-width:760px}.sg-bar i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--wine);border-radius:8px;transition:width .3s}.sg-bar .mark{position:absolute;left:33.333%;top:-6px;bottom:-6px;width:2px;background:var(--ink)}.sg-read{font-size:16px;line-height:1.65;margin:16px 0 26px;color:var(--ink)}@media(prefers-reduced-motion:reduce){.sg-bar i{transition:none}}@media(max-width:860px){.sg-calc{grid-template-columns:1fr}.sg-dots{grid-template-columns:repeat(13,minmax(0,1fr))}}@media(max-width:520px){.sg-grid{grid-template-columns:1fr 1fr}.sg-grid>div:nth-child(3n+1){grid-column:1/-1}}