.sgh { --sgh-ink:#222323; --sgh-label:#65605b; --sgh-rule:#36261922; --sgh-rim:#ffffffd9; --sgh-shadow:#30211626; position:relative; isolation:isolate; width:100%; max-width:1080px; margin:0 auto; padding:8px 12px 24px; color:var(--sgh-ink); }
.sgh,.sgh *,.sgh *::before,.sgh *::after { box-sizing:border-box; }
.sgh--dark { --sgh-ink:#fbf8f4; --sgh-label:#b9b0a5; --sgh-rule:#fff2df2e; --sgh-rim:#ffffff20; --sgh-shadow:#0008; }
.sgh__body { display:flex; align-items:center; justify-content:center; gap:36px; position:relative; }
.sgh__badge { position:relative; flex:0 0 152px; width:152px; height:152px; padding:8px; border-radius:50%; background:linear-gradient(140deg,var(--sgh-rim),#ffead040 55%,#a04c1e32); border:1px solid var(--sgh-rim); box-shadow:0 18px 32px -12px var(--sgh-shadow),inset 0 1px 0 #fff9; }
.sgh__badge::before { content:''; position:absolute; inset:-10px; border-radius:50%; border:1px solid #ec741b26; pointer-events:none; }
.sgh__badge::after { content:''; position:absolute; z-index:-1; inset:-27px; border-radius:50%; background:radial-gradient(circle,#ff83151c 0%,#ff831500 70%); pointer-events:none; }
.sgh__art { display:block; position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; background:#ef701a; box-shadow:0 5px 12px #4824112b; }
.sgh .sgh__art img { display:block; position:absolute; width:115.4%; height:115.4%; max-width:none; left:-7.7%; top:-7.7%; object-fit:contain; border:0; border-radius:0; box-shadow:none; user-select:none; }
.sgh__copy { min-width:0; text-align:left; }
.sgh .sgh__eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 13px; padding:0; color:var(--sgh-label); font-family:Poppins,Arial,sans-serif; font-size:11px; font-weight:600; line-height:1.4; letter-spacing:.19em; text-transform:uppercase; }
.sgh__eyebrow::before { content:''; flex:0 0 24px; height:2px; border-radius:2px; background:linear-gradient(90deg,#fa6110,#ffa238); }
.sgh .sgh__title { margin:0; padding:0; font-family:Poppins,Arial,sans-serif; font-weight:750; line-height:1.04; letter-spacing:-.045em; color:var(--sgh-ink); text-shadow:none; text-transform:none; }
.sgh__lead { display:block; font-size:clamp(28px,3.15vw,43px); font-weight:600; letter-spacing:-.04em; line-height:1.16; }
.sgh__accent { display:block; margin-top:5px; font-size:clamp(46px,5.7vw,78px); font-weight:750; line-height:1.05; letter-spacing:-.05em; color:#d9580a; background:linear-gradient(102deg,#ce490a 4%,#dc6209 60%,#e2740d 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sgh--dark .sgh__accent { background-image:linear-gradient(102deg,#ff6a0c 4%,#ff9d34 67%,#ffc280 100%); }
.sgh__rule { position:relative; width:min(100%,800px); height:1px; margin:30px auto 0; background:linear-gradient(90deg,transparent,var(--sgh-rule) 16%,var(--sgh-rule) 40%,#ed741570 50%,var(--sgh-rule) 60%,var(--sgh-rule) 84%,transparent); transform-origin:center; }
.sgh__rule::after { content:''; position:absolute; width:72px; height:3px; top:-1px; left:calc(50% - 36px); opacity:0; border-radius:50%; background:linear-gradient(90deg,transparent,#ff8b25,#ffe5bf,#ff8b25,transparent); box-shadow:0 0 10px #fc8b1955; }
.sgh.sgh--waiting .sgh__body { opacity:0; transform:translateY(18px); }
.sgh.sgh--waiting .sgh__rule { opacity:0; transform:scaleX(.65); }
.sgh.sgh--entering .sgh__badge { animation:sgh-badge 1000ms cubic-bezier(.16,.8,.22,1) both; }
.sgh.sgh--entering .sgh__eyebrow { animation:sgh-type 700ms cubic-bezier(.16,.8,.22,1) both; }
.sgh.sgh--entering .sgh__lead { animation:sgh-type 900ms cubic-bezier(.16,.8,.22,1) 70ms both; }
.sgh.sgh--entering .sgh__accent { animation:sgh-type 1100ms cubic-bezier(.16,.8,.22,1) 130ms both; }
.sgh.sgh--entering .sgh__rule { animation:sgh-rule 1200ms cubic-bezier(.16,.8,.22,1) 80ms both; }
.sgh.sgh--entering .sgh__rule::after { animation:sgh-sweep 1300ms cubic-bezier(.25,.65,.3,1) 100ms both; }
@keyframes sgh-type { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@keyframes sgh-badge { from { opacity:0; transform:translateY(20px) scale(.88) rotate(-6deg); } to { opacity:1; transform:translateY(0) scale(1) rotate(0); } }
@keyframes sgh-rule { from { opacity:0; transform:scaleX(.55); } to { opacity:1; transform:scaleX(1); } }
@keyframes sgh-sweep { 0% { opacity:0; transform:translateX(-230px); } 24%,65% { opacity:1; } 100% { opacity:0; transform:translateX(230px); } }
@media(max-width:1024px) {
  .sgh { padding:8px 4px 20px; }
  .sgh__body { gap:26px; }
  .sgh__badge { width:116px; height:116px; flex-basis:116px; padding:6px; }
  .sgh__badge::before { inset:-8px; }
  .sgh__lead { font-size:clamp(26px,3.5vw,36px); }
  .sgh__accent { font-size:clamp(38px,5.6vw,58px); }
  .sgh .sgh__eyebrow { font-size:10px; margin-bottom:10px; }
  .sgh__rule { margin-top:26px; }
}
@media(max-width:767px) {
  .sgh { padding:7px 0 18px; }
  .sgh__body { flex-direction:column; gap:19px; }
  .sgh__badge { width:78px; height:78px; flex-basis:78px; padding:4px; }
  .sgh__badge::before { inset:-6px; }
  .sgh__copy { width:100%; text-align:center; }
  .sgh .sgh__eyebrow { justify-content:center; font-size:9px; letter-spacing:.17em; margin-bottom:10px; }
  .sgh__eyebrow::before { flex-basis:18px; }
  .sgh__lead { font-size:clamp(23px,6.3vw,36px); }
  .sgh__accent { font-size:clamp(29px,8.5vw,52px); letter-spacing:-.052em; margin-top:4px; }
  .sgh__rule { margin-top:23px; width:90%; }
  @keyframes sgh-sweep { 0% { opacity:0; transform:translateX(-90px); } 24%,65% { opacity:1; } 100% { opacity:0; transform:translateX(90px); } }
}
@media(prefers-reduced-motion:reduce) {
  .sgh *,.sgh *::before,.sgh *::after { animation:none!important; transition:none!important; }
  .sgh.sgh--waiting .sgh__body,.sgh.sgh--waiting .sgh__rule { opacity:1; transform:none; }
}