/* Spider Groove round 4: stage smoke, extra hero scenes, [sg_tracks] grid player, [sg_lyrics] chords and tabs.
   Used on: heroes with [sg_stage], home hero, footer, Semper Fi, Down on the Farm, Albums, Bio, Videos. */

/* ---------- Smoke: turbulence texture drifting in slow layers ---------- */
.sg-smoke{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sg-smoke i{position:absolute;left:-30%;bottom:-35%;width:110%;height:95%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='500'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0045 .011' numOctaves='5' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .97 0 0 0 0 .94 0 0 0 1.9 -.78'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") center/100% 100% no-repeat;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent);opacity:.32;mix-blend-mode:screen;animation:sgSmoke 24s ease-in-out infinite alternate;will-change:transform,opacity}
.sg-smoke i:nth-child(2){left:30%;bottom:-40%;width:95%;transform:scaleX(-1);animation-duration:31s;animation-delay:-14s;opacity:.26}
.sg-smoke i:nth-child(3){left:-5%;bottom:-55%;height:80%;animation-name:sgSmoke2;animation-duration:34s;animation-delay:-20s;opacity:.22}
.sg-smoke i:nth-child(4){left:55%;bottom:-25%;width:70%;height:70%;animation-name:sgSmoke2;animation-duration:21s;animation-delay:-8s;opacity:.18}
/* smoke rolls and curls: a drift with a sideways swirl in the middle, so it keeps moving instead of sliding */
@keyframes sgSmoke{0%{transform:translate3d(-10%,8%,0) scale(1) rotate(-3deg)}35%{transform:translate3d(4%,-2%,0) scale(1.14) rotate(2deg);opacity:.42}65%{transform:translate3d(10%,-12%,0) scale(1.22) rotate(-1deg)}100%{transform:translate3d(24%,-20%,0) scale(1.36) rotate(6deg)}}
@keyframes sgSmoke2{0%{transform:translate3d(10%,4%,0) scale(1.08) rotate(-4deg)}40%{transform:translate3d(-2%,-6%,0) scale(1.2) rotate(2deg);opacity:.32}70%{transform:translate3d(-12%,-10%,0) scale(1.28) rotate(-2deg)}100%{transform:translate3d(-22%,-20%,0) scale(1.4) rotate(4deg)}}
.sg-smoke--hero{z-index:1}
.sg-smoke--hero i{opacity:.26}
.sg-stage--smoke{position:absolute;inset:0;pointer-events:none;z-index:0}

/* ---------- Marines: waving flag and gold emblem ---------- */
.sg-stage--marines{--c1:#BF0A30;--c2:#E9E4DA;--c3:#C9A64B}
.sg-stage__art--marines{stroke:none}
.sg-flag{opacity:.5}
.sg-fl{animation:sgFlagWave 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.085s)}
.sg-fl__sh{fill:#000;animation:sgFlagShade 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.085s - .9s)}
@keyframes sgFlagWave{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
@keyframes sgFlagShade{0%,100%{opacity:0}50%{opacity:.28}}
.sg-fl__pole{stroke:#C9A64B;stroke-width:5;opacity:.55}
.sg-fl__top{fill:#C9A64B;opacity:.7}
.sg-ega{fill:none;stroke:#C9A64B;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(201,166,75,.55))}
.sg-ega [pathLength]{stroke-dasharray:1;stroke-dashoffset:1;animation:sgEgaDraw 3.2s cubic-bezier(.45,0,.2,1) .4s forwards}
.sg-ega__rope{stroke-width:1.6;opacity:.8}
.sg-ega{animation:sgEgaGlow 6s ease-in-out 3.6s infinite}
@keyframes sgEgaDraw{to{stroke-dashoffset:0}}
@keyframes sgEgaGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(201,166,75,.45))}50%{filter:drop-shadow(0 0 16px rgba(201,166,75,.85))}}
.sg-dust circle{fill:#E8CF8A;opacity:0;animation:sgDust var(--t) linear infinite;animation-delay:calc(var(--d) * -1)}
@keyframes sgDust{0%{transform:translateY(0);opacity:0}15%{opacity:.7}100%{transform:translateY(-260px);opacity:0}}

/* ---------- Albums: translucent record sleeves with discs sliding out ---------- */
.sg-stage__lps{position:absolute;inset:0}
.sg-lp{position:absolute;width:clamp(120px,13vw,220px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--r));opacity:.24;filter:saturate(.8);animation:sgLpFloat 18s ease-in-out infinite alternate;animation-delay:var(--d)}
.sg-lp__sleeve{position:absolute;inset:0;border-radius:6px;background:#222 center/cover;box-shadow:0 30px 60px -20px #000;-webkit-mask-image:linear-gradient(135deg,#000 55%,rgba(0,0,0,.45));mask-image:linear-gradient(135deg,#000 55%,rgba(0,0,0,.45))}
.sg-lp__disc{position:absolute;inset:4%;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#1d1b20 2px 4px);box-shadow:inset 0 0 0 30px rgba(0,0,0,.2);animation:sgLpOut 18s ease-in-out infinite alternate,sgSpin 8s linear infinite;animation-delay:var(--d),0s}
.sg-lp__disc::after{content:"";position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,#140a06 0 12%,#FF3D2E 13% 100%)}
@keyframes sgLpFloat{0%{margin-top:0}100%{margin-top:-26px}}
@keyframes sgLpOut{0%{translate:0 0}100%{translate:38% 0}}
.sg-stage--albums .sg-stage__fade{background:linear-gradient(90deg,rgba(7,6,9,.95) 0%,rgba(7,6,9,.55) 42%,rgba(7,6,9,.15) 80%),linear-gradient(0deg,rgba(7,6,9,.75),transparent 35%)}

/* ---------- Bio: spotlight and vintage mic ---------- */
.sg-stage--spotlight{--c1:#FFB23F;--c2:#FFE2A8;--c3:#FF3D2E}
.sg-spot{transform-box:view-box;transform-origin:770px -20px;animation:sgSpotSway 12s ease-in-out infinite alternate}
@keyframes sgSpotSway{0%{transform:rotate(-7deg);opacity:.7}100%{transform:rotate(6deg);opacity:1}}
.sg-spot__pool{animation:sgSpotPool 12s ease-in-out infinite alternate}
@keyframes sgSpotPool{0%{transform:translateX(-90px);opacity:.6}100%{transform:translateX(80px);opacity:1}}
.sg-mic{stroke:rgba(255,226,168,.55);stroke-width:3}
.sg-mic rect{fill:#0d0b10}

/* ---------- Videos: film strip and projector beam ---------- */
.sg-film{position:absolute;right:-6%;top:50%;width:72%;height:150px;transform:translateY(-50%) rotate(-9deg);opacity:.42}
.sg-film__strip{position:absolute;inset:0;overflow:hidden;background:#0c0a0e;border-block:18px solid #0c0a0e;box-shadow:0 0 0 1px rgba(255,255,255,.06);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%,transparent)}
.sg-film__strip::before,.sg-film__strip::after{content:"";position:absolute;left:0;right:0;height:8px;z-index:2;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.22) 10px 20px);animation:sgFilmHoles 2.4s linear infinite}
.sg-film__strip::before{top:-13px}
.sg-film__strip::after{bottom:-13px}
.sg-film__run{display:flex;gap:10px;height:100%;width:max-content;animation:sgFilmRun 60s linear infinite}
.sg-film__f{flex:none;width:200px;height:100%;border-radius:3px;background:#1a171d center/cover;filter:grayscale(.4) contrast(1.1)}
@keyframes sgFilmRun{to{transform:translateX(-50%)}}
@keyframes sgFilmHoles{to{background-position:20px 0}}
.sg-projector{position:absolute;right:0;top:0;bottom:0;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 62%);mask-image:linear-gradient(90deg,transparent 12%,#000 62%);background:conic-gradient(from 248deg at 100% 30%,transparent 0deg,rgba(255,226,168,.13) 10deg,rgba(255,226,168,.05) 26deg,transparent 34deg);mix-blend-mode:screen;animation:sgFlicker 5s steps(1) infinite}
@keyframes sgFlicker{0%,100%{opacity:1}12%{opacity:.82}14%{opacity:1}57%{opacity:.9}59%{opacity:1}}

/* ---------- Space: nebula, stars and shooting stars ---------- */
.sg-space{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,#1a1030 0%,transparent 55%),radial-gradient(ellipse at 90% 100%,#2a0d1c 0%,transparent 50%)}
.sg-nebula i{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(60px);opacity:.28;animation:sgNebula 40s ease-in-out infinite alternate}
.sg-nebula i:nth-child(1){left:-10%;top:-30%;background:radial-gradient(circle,#5B21B6,transparent 65%)}
.sg-nebula i:nth-child(2){right:-15%;top:10%;background:radial-gradient(circle,#E0218A,transparent 65%);animation-duration:52s;animation-delay:-20s;opacity:.18}
.sg-nebula i:nth-child(3){left:35%;bottom:-40%;background:radial-gradient(circle,#2EC4FF,transparent 65%);animation-duration:60s;opacity:.12}
@keyframes sgNebula{to{transform:translate3d(8%,6%,0) scale(1.2)}}
.sg-space .sg-stars circle{opacity:.5}
.sg-shoot i{position:absolute;top:12%;left:70%;width:160px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#fff,transparent);opacity:0;transform:rotate(-24deg);animation:sgShoot 9s ease-in infinite}
.sg-shoot i:nth-child(2){top:34%;left:40%;animation-delay:-3.4s;animation-duration:12s}
.sg-shoot i:nth-child(3){top:6%;left:20%;animation-delay:-7s;animation-duration:15s}
@keyframes sgShoot{0%,86%{opacity:0;translate:0 0}88%{opacity:.9}100%{opacity:0;translate:-340px 150px}}
.sg-stage--space .sg-stage__fade{background:linear-gradient(0deg,rgba(7,6,9,.55),transparent 40%)}
.sg-stage--space .sg-stage__beams{display:none}
.sg-stage--groovy .sg-stage__art{left:0;width:100%}
.sg-stage--groovy .sg-stage__fade{background:linear-gradient(0deg,rgba(7,6,9,.8),rgba(7,6,9,.38) 60%,rgba(7,6,9,.5))}

/* ---------- [sg_tracks] grid player ---------- */
.sg-tracks{--t1:#FFB23F;--t2:#FF3D2E;--t3:#E0218A;--tink:#100e13;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin:10px 0 0}
.sg-trk{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px 22px 20px;border-radius:18px;background:linear-gradient(170deg,rgba(255,255,255,.045),rgba(255,255,255,.015)) var(--tink);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .5s ease,box-shadow .6s ease;opacity:0;animation:sgTrkIn .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--n) * .12s)}
@keyframes sgTrkIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.sg-trk::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--t1),var(--t2),var(--t3));transform:scaleX(.18);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sg-trk::after{content:"";position:absolute;top:-60%;left:-60%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(18deg) translateX(-200%);transition:transform 1.1s ease}
.sg-trk:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--t1) 45%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--t2) 70%,transparent)}
.sg-trk:hover::before,.sg-trk.is-playing::before{transform:scaleX(1)}
.sg-trk:hover::after{transform:rotate(18deg) translateX(520%)}
.sg-trk.is-playing{border-color:color-mix(in srgb,var(--t1) 60%,transparent)}
.sg-trk__no{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--t1)}
.sg-trk__no::before{content:"";width:22px;height:2px;background:var(--t1)}
.sg-trk__t{margin:10px 0 6px !important;padding:0 !important;font:800 26px/1.02 var(--sg-head,"Arial Narrow",sans-serif) !important;text-transform:uppercase;color:#fff !important;letter-spacing:.01em}
.sg-trk__note{margin:0 !important;padding:0 !important;font-size:14px;line-height:1.5;color:rgba(230,224,214,.7)}
.sg-trk__deck{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px}
.sg-trk__play{position:relative;width:96px;height:96px;border:0;border-radius:50%;padding:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--t1) 90%,#fff),var(--t2) 60%,var(--t3));box-shadow:0 18px 40px -16px var(--t2),inset 0 -6px 14px rgba(0,0,0,.25);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.sg-trk__play:hover{transform:scale(1.06)}
.sg-trk__play:active{transform:scale(.97)}
.sg-trk__ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg);fill:none;stroke-width:2.5}
.sg-trk__ring circle{stroke:rgba(255,255,255,.1)}
.sg-trk__ring .sg-trk__prog{stroke:var(--t1);stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.sg-trk__ico svg{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;fill:#140a06;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.sg-trk__ico .i-play{margin-left:-14px}
.sg-trk__ico .i-pause,.sg-trk.is-playing .sg-trk__ico .i-play{opacity:0;transform:scale(.6)}
.sg-trk.is-playing .sg-trk__ico .i-pause{opacity:1;transform:none}
.sg-trk.is-playing .sg-trk__play{animation:sgTrkPulse 2.4s ease-in-out infinite}
@keyframes sgTrkPulse{0%,100%{box-shadow:0 18px 40px -16px var(--t2),0 0 0 0 color-mix(in srgb,var(--t1) 50%,transparent)}50%{box-shadow:0 18px 40px -16px var(--t2),0 0 0 12px transparent}}
.sg-trk__viz{width:100%;height:78px;display:block;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.sg-trk__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font:500 12px/1 "JetBrains Mono",ui-monospace,monospace;color:rgba(230,224,214,.65)}
.sg-trk input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;--p:0%}
.sg-trk input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--t1),var(--t2) var(--p),rgba(255,255,255,.12) var(--p))}
.sg-trk input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--t1),var(--t2) var(--p),rgba(255,255,255,.12) var(--p))}
.sg-trk input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--t1) 35%,transparent);transition:transform .3s ease}
.sg-trk input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--t1) 35%,transparent)}
.sg-trk input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}
.sg-trk__ctl{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:8px}
.sg-trk__skip,.sg-trk__mute,.sg-trk__dl{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:42px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#e9e3da;font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;cursor:pointer;text-decoration:none;transition:background .4s ease,color .4s ease,border-color .4s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.sg-trk__skip:hover,.sg-trk__mute:hover,.sg-trk__dl:hover{background:linear-gradient(135deg,var(--t1),var(--t2));border-color:transparent;color:#140a06;transform:translateY(-2px)}
.sg-trk__mute svg,.sg-trk__dl svg{width:17px;height:17px}
.sg-trk__mute.is-muted{color:var(--t2)}
.sg-trk__dl{color:var(--t1)}
@media (max-width:600px){.sg-trk__deck{grid-template-columns:80px 1fr}.sg-trk__play{width:80px;height:80px}}

/* ---------- [sg_lyrics] chord lines and song tabs ---------- */
.sg-lyx{display:none}
.sg-chordln{display:block;margin-top:.6em;font:600 .82em/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;color:var(--lx1,#FFB23F);white-space:pre}
.sg-ltabs__wrap{position:relative}
.sg-ltabs__list{list-style:none !important;margin:18px 0 0 !important;padding:0 !important;display:flex;flex-direction:column;gap:6px;counter-reset:sgl}
.sg-ltabs__list li{list-style:none !important;margin:0 !important;padding:0 !important}
.sg-ltabs__btn{position:relative;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;width:100%;padding:11px 14px 11px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#e9e3da;font:600 15px/1.25 inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .45s ease,border-color .45s ease,color .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.sg-ltabs__btn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--lx1,#FFB23F),var(--lx2,#FF3D2E));transform:scaleY(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sg-ltabs__no{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--lx1,#FFB23F);transition:background .45s ease,color .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.sg-ltabs__nm{display:flex;flex-direction:column;gap:3px}
.sg-ltabs__nm small{font-size:11px;font-weight:500;letter-spacing:.04em;color:rgba(207,199,189,.5)}
.sg-ltabs__go{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.35;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.sg-ltabs__btn:hover{background:rgba(255,178,63,.06);border-color:rgba(255,178,63,.25);transform:translateX(4px)}
.sg-ltabs__btn:hover .sg-ltabs__go{opacity:1;transform:translateX(3px)}
.sg-ltabs__btn:hover .sg-ltabs__no{transform:rotate(-6deg)}
.sg-ltabs__btn.is-on{background:linear-gradient(120deg,rgba(255,178,63,.14),rgba(224,33,138,.08));border-color:rgba(255,178,63,.45);color:#fff}
.sg-ltabs__btn.is-on::before{transform:scaleY(1)}
.sg-ltabs__btn.is-on .sg-ltabs__no{background:linear-gradient(135deg,var(--lx1,#FFB23F),var(--lx2,#FF3D2E) 55%,var(--lx3,#E0218A));color:#140a06;border-color:transparent}
.sg-ltabs__btn.is-on .sg-ltabs__go{opacity:1}
.sg-ltabs-panel .et_pb_toggle{display:none;margin:0 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:20px !important;background:linear-gradient(170deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) #0f0d12 !important;padding:30px 34px !important;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.sg-ltabs-panel .et_pb_toggle.is-on{display:block;animation:sgTabIn .6s cubic-bezier(.2,.8,.2,1)}
@keyframes sgTabIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* ---------- [sg_lyrics] list and sheet in one column (Time Capsule) ---------- */
.sg-ltabs--solo{display:grid !important;grid-template-columns:minmax(230px,300px) minmax(0,1fr);grid-template-areas:"head head" "list panel";column-gap:32px;align-items:start}
.sg-ltabs--solo>*{grid-column:1/-1}
.sg-ltabs--solo>.et_pb_blurb{grid-area:head}
.sg-ltabs--solo>.et_pb_code:has(.sg-lyx){display:none}
.sg-ltabs--solo>.sg-ltabs__list{grid-area:list;margin:0 !important;position:sticky;top:110px}
.sg-ltabs--solo>.et_pb_toggle{grid-area:panel}
.sg-ltabs--solo .et_pb_toggle .et_pb_toggle_content p{white-space:normal !important;font-size:15px !important;line-height:1.75 !important}
.sg-ltabs--solo .et_pb_toggle .sg-chordln{margin-top:1.1em;margin-bottom:-.15em}
@media (max-width:980px){.sg-ltabs--solo{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "list" "panel";row-gap:22px}.sg-ltabs--solo>.sg-ltabs__list{position:static}}

/* ---------- [sg_liner] cassette deck + tape timeline ---------- */
.sg-liner-mk{display:none}
.sg-liner{--p:0}
.sg-liner .et_pb_code:has(.sg-liner-mk){display:none}
.sg-liner__deck{position:relative;max-width:560px;margin:6px 0 46px;filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))}
.sg-liner .et_pb_text:has(.sg-liner__deck){max-width:none !important}
@media (min-width:981px){.sg-liner .et_pb_text_inner:has(>.sg-liner__deck){display:grid;grid-template-columns:minmax(360px,480px) minmax(0,1fr);column-gap:60px;align-items:start}.sg-liner .et_pb_text_inner:has(>.sg-liner__deck)>*{grid-column:1/-1}.sg-liner .et_pb_text_inner:has(>.sg-liner__deck)>.sg-liner__deck{grid-column:1;grid-row:2;position:sticky;top:130px;margin:8px 0 0}.sg-liner .et_pb_text_inner:has(>.sg-liner__deck)>.sg-liner__tape-wrap{grid-column:2;grid-row:2}}
.sg-liner__deck svg{display:block;width:100%;height:auto;overflow:visible}
.sg-liner__shell{fill:#141118;stroke:rgba(255,178,63,.35);stroke-width:1.5}
.sg-liner__lbl{fill:#ede3d2}
.sg-liner__win{fill:#0b090d;stroke:rgba(0,0,0,.5);stroke-width:2}
.sg-liner__pack{fill:#3a2418;stroke:#24150e;stroke-width:1;transition:r 1.2s cubic-bezier(.2,.8,.2,1)}
.sg-liner__reel:first-of-type .sg-liner__pack{r:calc(44px - var(--p) * 24px)}
.sg-liner__reel:last-of-type .sg-liner__pack{r:calc(20px + var(--p) * 24px)}
.sg-liner__hub circle{fill:#f5efe6;stroke:#b8aa98;stroke-width:1.5}
.sg-liner__hub path{stroke:#6b5d4f;stroke-width:3;stroke-linecap:round}
.sg-liner__hub{animation:sgReel 6.85s linear infinite;animation-play-state:paused}
.sg-liner.is-play .sg-liner__hub{animation-play-state:running}
@keyframes sgReel{to{transform:rotate(-360deg)}}
.sg-liner__tape{fill:none;stroke:#3a2418;stroke-width:2}
.sg-liner__foot{fill:#1c181f;stroke:rgba(255,255,255,.08)}
.sg-liner__screw{fill:#2a2530;stroke:rgba(255,255,255,.15)}
.sg-liner__hole{fill:#070609;stroke:rgba(255,255,255,.06)}
.sg-liner__meta{position:absolute;left:8%;right:8%;top:9.5%;display:flex;flex-direction:column;gap:6px;pointer-events:none;white-space:nowrap;overflow:hidden}
.sg-liner__meta b{font:800 clamp(15px,1.5vw,21px)/1 var(--sg-head,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#1b1418}
.sg-liner__meta span{font:600 clamp(10px,.85vw,12px)/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b5a52}
.sg-liner__ctr{position:absolute;right:-4px;bottom:-30px;display:flex;align-items:center;gap:8px;font:600 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.sg-liner__ctr span{padding:6px 9px;border-radius:6px;background:#0b090d;border:1px solid rgba(255,178,63,.3);color:#FFB23F;letter-spacing:.25em;text-shadow:0 0 10px rgba(255,140,40,.55)}
.sg-liner__tape-wrap{position:relative;padding-left:118px}
.sg-liner__tape-wrap::before,.sg-liner__tape-wrap::after{content:"";position:absolute;left:84px;top:8px;bottom:8px;width:2px;border-radius:2px;background:rgba(255,255,255,.07)}
.sg-liner__tape-wrap::after{bottom:auto;height:calc((100% - 16px) * var(--p));background:linear-gradient(180deg,#FFB23F,#FF3D2E 60%,#E0218A);box-shadow:0 0 14px rgba(255,90,40,.5)}
.sg-liner__item{position:relative;padding:0 0 30px;opacity:0;transform:translateY(22px);transition:opacity 1.3s cubic-bezier(.2,.8,.2,1),transform 1.3s cubic-bezier(.2,.8,.2,1)}
.sg-liner__item.is-in{opacity:1;transform:none}
.sg-liner__item::before{content:"";position:absolute;left:-40px;top:7px;width:12px;height:12px;border-radius:50%;background:#0b090d;border:2px solid rgba(255,178,63,.55);transition:background .8s,box-shadow .8s}
.sg-liner__item.is-in::before{background:#FFB23F;box-shadow:0 0 0 5px rgba(255,178,63,.12),0 0 18px rgba(255,140,40,.6)}
.sg-liner__item::after{content:"\25B6\00a0" attr(data-ctr);position:absolute;left:-118px;top:28px;width:66px;text-align:right;font:600 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:rgba(255,255,255,.28)}
.sg-liner__yr{position:absolute;left:-118px;top:2px;width:66px;text-align:right;font:800 20px/1 var(--sg-head,sans-serif);letter-spacing:.02em;background:linear-gradient(90deg,#FFB23F,#FF3D2E);-webkit-background-clip:text;background-clip:text;color:transparent}
.sg-liner__item p{margin:0 !important;padding:0 !important}
.sg-liner__lead{display:block;margin-bottom:6px;font:700 clamp(17px,1.4vw,20px)/1.4 var(--sg-body,sans-serif);color:#fff}
@media (max-width:640px){.sg-liner__tape-wrap{padding-left:34px}.sg-liner__tape-wrap::before,.sg-liner__tape-wrap::after{left:6px}.sg-liner__item::before{left:-33px}.sg-liner__item::after{display:none}.sg-liner__yr{position:static;display:block;width:auto;text-align:left;margin-bottom:6px}}
@media (prefers-reduced-motion:reduce){.sg-liner__hub{animation:none}.sg-liner__item{opacity:1;transform:none;transition:none}}

.sg-ltabs-panel .et_pb_toggle .et_pb_toggle_title{pointer-events:none;padding:0 0 16px !important;margin:0 0 18px !important;border-bottom:1px solid rgba(255,255,255,.08);font:800 clamp(26px,2.6vw,38px)/1 var(--sg-head,"Arial Narrow",sans-serif) !important;text-transform:uppercase;color:#fff !important}
.sg-ltabs-panel .et_pb_toggle .et_pb_toggle_title::before{display:none !important}
.sg-ltabs-panel .et_pb_toggle .et_pb_toggle_content{display:block !important;max-height:62vh;overflow:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:rgba(255,178,63,.4) transparent}
@media (max-width:980px){.sg-ltabs-panel .et_pb_toggle .et_pb_toggle_content{max-height:none}}

/* ---------- My Guitar: flowing staff, treble clef, notes, golden spiral and a Fibonacci waveform ---------- */
.sg-stage__art--golden{left:0;width:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000 45%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000 45%)}
.sg-gstaff{stroke:rgba(255,226,168,.22);stroke-width:1.6;animation:sgGSway 9s ease-in-out infinite alternate}
.sg-gstaff__run{animation:sgGRun 22s linear infinite}
@keyframes sgGRun{to{transform:translateX(-400px)}}
@keyframes sgGSway{0%{transform:translateY(-8px) skewY(-1deg)}100%{transform:translateY(10px) skewY(1deg)}}
.sg-clef path{stroke:#FFC86B;stroke-width:5;filter:drop-shadow(0 0 10px rgba(255,178,63,.6));stroke-dasharray:1;stroke-dashoffset:1;animation:sgEgaDraw 3.4s cubic-bezier(.45,0,.2,1) .3s forwards}
.sg-clef{animation:sgGSway 9s ease-in-out infinite alternate}
.sg-gn{fill:rgba(255,226,168,.75);stroke:rgba(255,226,168,.75);stroke-width:2.6}
.sg-gn ellipse{stroke:none}
.sg-gn path{fill:none}
.sg-gnotes{animation:sgGSway 9s ease-in-out infinite alternate}
.sg-gn{opacity:0;animation:sgGNote 6.47s ease-in-out infinite;animation-delay:calc(var(--i) * 1.618s)}
@keyframes sgGNote{0%{opacity:0;translate:0 14px}20%,70%{opacity:.85}100%{opacity:0;translate:0 -26px}}
.sg-gspiral{stroke:rgba(255,178,63,.2);stroke-width:1.4}
.sg-gspiral path{transform-box:fill-box;transform-origin:center;animation:sgSpin 120s linear infinite}
.sg-gbars rect{fill:url(#sgGoldBar);opacity:.32;transform-box:fill-box;transform-origin:center;animation:sgGBar var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes sgGBar{0%{transform:scaleY(.618)}100%{transform:scaleY(1)}}
.sg-stage--golden .sg-stage__beams{display:none}

/* ---------- Semper Fi: retro war-poster battle sky (sunburst, searchlights, flak, planes, tanks, halftone) ---------- */
.sg-stage__art--battle{left:0;width:100%;height:100%}
.sg-stage__art--battle *{stroke:none !important}
.sg-stage--battle .sg-stage__haze,.sg-stage--battle .sg-stage__beams{display:none}
.sg-stage--battle::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(rgba(7,6,9,.55) 1px,transparent 1.6px) 0 0/5px 5px;mix-blend-mode:multiply;opacity:.55}
.sg-stage--battle .sg-stage__fade{z-index:2;background:linear-gradient(180deg,rgba(7,6,9,.92),rgba(7,6,9,.25) 34%,rgba(7,6,9,.1) 70%,rgba(7,6,9,.85))}
.sg-bt-sun{fill:#FFE2A8;opacity:.07;animation:sgSpin 180s linear infinite}
.sg-bt-beam{fill:url(#sgBtBeam);opacity:.22;transform-box:view-box;transform-origin:330px 540px;animation:sgBtSweep 13s ease-in-out infinite alternate}
.sg-bt-beam--2{transform-origin:1010px 540px;animation-duration:21s;animation-delay:-5s}
.sg-bt-beam--3{transform-origin:1380px 540px;animation-duration:8s;animation-delay:-3s}
@keyframes sgBtSweep{0%{transform:rotate(-24deg)}100%{transform:rotate(22deg)}}
.sg-bt-flak{transform-box:fill-box;transform-origin:center;opacity:0;animation:sgBtFlak 8s ease-out infinite}
.sg-bt-flak__flash{fill:#FFC46A}
.sg-bt-flak__puff{fill:#1B1512}
@keyframes sgBtFlak{0%,86%{opacity:0;transform:scale(.2)}88%{opacity:1;transform:scale(.55)}100%{opacity:0;transform:scale(1.35)}}
.sg-bt-wing{fill:#0B0908;animation:sgBtFly 34s linear infinite}
.sg-bt-wing--far{fill:#1A1310;opacity:.75;animation-duration:58s;animation-delay:-26s}
@keyframes sgBtFly{0%{transform:translate(-260px,30px)}100%{transform:translate(1900px,-50px)}}
.sg-bt-prop{fill:#3A2E26;opacity:.6;transform-box:fill-box;transform-origin:center;animation:sgBtProp .12s linear infinite}
@keyframes sgBtProp{50%{transform:scaleY(.25)}}
.sg-bt-fire{fill:url(#sgBtFire);animation:sgBtFire 2.6s ease-in-out infinite alternate}
.sg-bt-fire:nth-child(2){animation-duration:4.2s}.sg-bt-fire:nth-child(3){animation-duration:3.4s}.sg-bt-fire:nth-child(4){animation-duration:5.5s}
@keyframes sgBtFire{0%{opacity:.45}40%{opacity:.9}70%{opacity:.6}100%{opacity:1}}
.sg-bt-ground{fill:#0A0807}
.sg-bt-tanks{fill:#0A0807}
.sg-bt-tank{animation:sgBtTank 55s ease-in-out infinite alternate}
.sg-bt-tank--2{animation-duration:89s;animation-delay:-30s}
@keyframes sgBtTank{0%{transform:translateX(-60px)}100%{transform:translateX(120px)}}
@media (max-width:767px){.sg-stage__art--battle{width:100%;opacity:.8}}
@media (prefers-reduced-motion:reduce){.sg-bt-sun,.sg-bt-beam,.sg-bt-flak,.sg-bt-wing,.sg-bt-prop,.sg-bt-fire,.sg-bt-tank{animation:none !important}.sg-bt-flak{opacity:0}.sg-bt-wing{transform:translate(700px,0)}}

/* ---------- Archive: VHS tape (scan lines, tracking band, colour-bleed OSD with a running counter) ---------- */
@property --sgvs{syntax:"<integer>";initial-value:0;inherits:false}
@property --sgvm{syntax:"<integer>";initial-value:0;inherits:false}
.sg-vhs{position:absolute;inset:0;overflow:hidden}
.sg-vhs__glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 15% 30%,rgba(0,220,255,.09),transparent 45%),radial-gradient(ellipse at 85% 75%,rgba(255,0,110,.1),transparent 45%);animation:sgVhsGlow 14s ease-in-out infinite alternate}
@keyframes sgVhsGlow{to{transform:translate3d(4%,-3%,0)}}
.sg-vhs__lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);animation:sgVhsLines 1.2s steps(3) infinite}
@keyframes sgVhsLines{to{background-position:0 3px}}
.sg-vhs__roll{position:absolute;left:0;right:0;height:90px;top:-100px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05) 40%,rgba(200,240,255,.09) 50%,rgba(255,255,255,.04) 60%,transparent);filter:blur(1px);animation:sgVhsRoll 9s linear infinite}
@keyframes sgVhsRoll{0%{transform:translateY(0)}100%{transform:translateY(calc(100vh + 900px))}}
.sg-vhs__osd,.sg-vhs__date{position:absolute;display:flex;gap:18px;font:600 13px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.18em;color:rgba(255,255,255,.5);text-shadow:2px 0 rgba(255,0,90,.55),-2px 0 rgba(0,220,255,.55)}
.sg-vhs__osd{top:120px;right:4%;color:rgba(255,255,255,.85)}
.sg-vhs__date{bottom:26px;right:4%}
.sg-vhs__rec{display:inline-flex;align-items:center;gap:8px}
.sg-vhs__rec i{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;animation:sgVhsBlink 1.6s steps(1) infinite}
@keyframes sgVhsBlink{50%{opacity:0}}
.sg-vhs__tc{counter-reset:vm var(--sgvm) vs var(--sgvs);animation:sgVhsSec 60s steps(60) infinite,sgVhsMin 3600s steps(60) infinite}
.sg-vhs__tc::after{content:"  0:" counter(vm,decimal-leading-zero) ":" counter(vs,decimal-leading-zero);white-space:pre}
@keyframes sgVhsSec{from{--sgvs:0}to{--sgvs:60}}
@keyframes sgVhsMin{from{--sgvm:0}to{--sgvm:60}}

/* ---------- Archive: film reels, scratches, flicker and grain ---------- */
.sg-reel{position:absolute;inset:0;overflow:hidden}
.sg-reel__r{position:absolute;width:clamp(180px,22vw,360px);height:auto;fill:none;stroke:rgba(255,226,168,.16);stroke-width:2;animation:sgSpin 26s linear infinite}
.sg-reel__r--a{right:-4%;top:-12%}
.sg-reel__r--b{right:14%;top:-22%;width:clamp(120px,14vw,240px);animation-duration:18s;animation-direction:reverse;opacity:.7}
.sg-reel__film{stroke-width:10;stroke:rgba(255,226,168,.05)}
.sg-reel__scratch i{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22) 30%,rgba(255,255,255,.08) 70%,transparent);opacity:0;animation:sgScratch 7s steps(1) infinite}
.sg-reel__scratch i:nth-child(1){left:22%}
.sg-reel__scratch i:nth-child(2){left:61%;animation-delay:-2.3s;animation-duration:9s}
.sg-reel__scratch i:nth-child(3){left:83%;animation-delay:-4.6s;animation-duration:11s}
@keyframes sgScratch{0%,100%{opacity:0}8%{opacity:1;transform:translateX(0)}12%{opacity:.6;transform:translateX(6px)}16%{opacity:0}}
.sg-reel__flick{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,226,168,.07),transparent 65%);animation:sgFlicker 4s steps(1) infinite}
.sg-reel__grain{position:absolute;inset:-50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.5'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:screen;animation:sgGrain 1s steps(4) infinite}
@keyframes sgGrain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}100%{transform:translate(3%,1%)}}
.sg-stage--vhs .sg-stage__beams,.sg-stage--reel .sg-stage__beams{display:none}
.sg-stage--vhs .sg-stage__fade,.sg-stage--reel .sg-stage__fade{background:linear-gradient(180deg,rgba(7,6,9,.35),transparent 20%,transparent 80%,rgba(7,6,9,.45))}

/* ---------- [sg_loadmore] ---------- */
.sg-lm{display:none}
.sg-lm-hide{display:none !important}
.sg-lm-in{animation:sgLmIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes sgLmIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.sg-lm__wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:38px 0 0;position:relative;z-index:2}
.sg-lm__btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border:0;border-radius:999px;cursor:pointer;font:700 15px/1 Manrope,sans-serif;letter-spacing:.04em;color:#140a06;background:linear-gradient(120deg,#FFB23F,#FF3D2E 55%,#E0218A);background-size:160% 100%;box-shadow:0 18px 40px -18px rgba(255,61,46,.9);transition:background-position .7s ease,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.sg-lm__btn:hover,.sg-lm__btn:focus-visible{background-position:100% 0;transform:translateY(-3px);box-shadow:0 26px 50px -18px rgba(224,33,138,.9)}
.sg-lm__btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sg-lm__btn:hover svg{transform:translateY(3px)}
.sg-lm__count{font:500 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(207,199,189,.6)}

@media (prefers-reduced-motion:reduce){
	.sg-smoke i,.sg-fl,.sg-fl__sh,.sg-ega,.sg-dust circle,.sg-lp,.sg-lp__disc,.sg-spot,.sg-spot__pool,.sg-film__run,.sg-film__strip::before,.sg-film__strip::after,.sg-projector,.sg-nebula i,.sg-shoot i,.sg-trk,.sg-trk__play,.sg-vhs__glow,.sg-vhs__lines,.sg-vhs__roll,.sg-vhs__rec i,.sg-vhs__tc,.sg-reel__r,.sg-reel__scratch i,.sg-reel__flick,.sg-reel__grain,.sg-lm-in,.sg-gstaff,.sg-gstaff__run,.sg-clef,.sg-gnotes,.sg-gn,.sg-gspiral path,.sg-gbars rect{animation:none !important}
	.sg-clef path{stroke-dashoffset:0}
	.sg-gn{opacity:.6}
	.sg-ega [pathLength]{animation:none;stroke-dashoffset:0}
	.sg-trk{opacity:1}
	.sg-trk,.sg-trk::before,.sg-trk::after,.sg-ltabs__btn,.sg-ltabs-panel .et_pb_toggle.is-on{transition:none;animation:none}
}
@media (max-width:767px){
	.sg-smoke i{opacity:.2}
	.sg-film{width:110%;opacity:.25}
	.sg-lp{opacity:.14}
}

/* ---------- scene neve: vintage console under the stars (Studio page hero) ---------- */
.sg-stage--neve .sg-stage__beams{display:none}
.sg-nv{position:absolute;inset:0}
.sg-nv .sg-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.sg-stage__art--neve{left:0;width:100%;height:100%}
.sg-stage__art--neve *{stroke-width:1}
.sg-stage--neve .sg-stage__fade{background:linear-gradient(90deg,rgba(7,6,9,.9),rgba(7,6,9,.45) 40%,rgba(7,6,9,.06) 70%),linear-gradient(0deg,rgba(7,6,9,.75),transparent 22%)}
.sg-nv__bridge{fill:#20242b;stroke:rgba(255,255,255,.1)}
.sg-nv__strip{fill:url(#sgNvDesk);stroke:rgba(0,0,0,.6)}
.sg-nv__knob{stroke:rgba(0,0,0,.55);filter:drop-shadow(0 2px 1px rgba(0,0,0,.6))}
.sg-nv__tick{stroke:#f2efe8;stroke-width:1.6 !important}
.sg-nv__btn{fill:#1a1d22;stroke:rgba(255,255,255,.12)}
.sg-nv__led{fill:#3a5a3f}
.sg-nv__led--blink{fill:#FF3B2F;animation:sgNvLed 5.5s ease-in-out infinite;filter:drop-shadow(0 0 4px #FF3B2F)}
.sg-nv__led--blink:nth-of-type(odd){fill:#FFB23F;filter:drop-shadow(0 0 4px #FFB23F)}
@keyframes sgNvLed{0%,100%{opacity:1}50%{opacity:.2}}
.sg-nv__slot{stroke:#050506;stroke-width:5 !important;stroke-linecap:round}
.sg-nv__fader{fill:#d6d9de;stroke:#111;transform-box:fill-box;animation:sgNvFader 24s ease-in-out infinite alternate}
.sg-nv__fader--m{fill:#C8382C;animation:sgNvFaderM 30s ease-in-out infinite alternate}
@keyframes sgNvFaderM{0%{transform:translateY(0)}35%{transform:translateY(-22px)}70%{transform:translateY(-12px)}100%{transform:translateY(-26px)}}
@keyframes sgNvFader{0%{transform:translateY(0)}22%{transform:translateY(-52px)}41%{transform:translateY(-30px)}63%{transform:translateY(-68px)}82%{transform:translateY(-18px)}100%{transform:translateY(-46px)}}
.sg-nv__master{fill:#384049;stroke:rgba(255,255,255,.12)}
.sg-nv__vu{fill:#F2CB7A;stroke:#1a1a1a;stroke-width:3 !important;filter:drop-shadow(0 0 14px rgba(255,190,90,.45))}
.sg-nv__scale{fill:none;stroke:#3a2a12;stroke-width:1.5 !important;stroke-dasharray:2 5}
.sg-nv__vut{font:700 10px/1 sans-serif;fill:#3a2a12;text-anchor:middle;stroke:none}
.sg-nv__needle{stroke:#1a1a1a;stroke-width:1.8 !important;transform-box:view-box;transform-origin:0 344px;animation:sgNvVu 8.9s ease-in-out infinite}
@keyframes sgNvVu{0%{transform:rotate(-38deg)}18%{transform:rotate(12deg)}30%{transform:rotate(-6deg)}46%{transform:rotate(28deg)}60%{transform:rotate(4deg)}77%{transform:rotate(22deg)}100%{transform:rotate(-38deg)}}
.sg-nv__bar{fill:url(#sgNvBar);transform-box:fill-box;transform-origin:50% 100%;animation:sgNvBar 4.2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(120,255,140,.45))}
@keyframes sgNvBar{0%{transform:scaleY(.3)}14%{transform:scaleY(.86)}27%{transform:scaleY(.55)}41%{transform:scaleY(.97)}55%{transform:scaleY(.4)}68%{transform:scaleY(.78)}83%{transform:scaleY(.5)}100%{transform:scaleY(.3)}}
.sg-nv__cab{fill:#141218;stroke:rgba(255,255,255,.1);stroke-width:1.5 !important}
.sg-nv__surround{fill:#0a090c;stroke:rgba(255,255,255,.14)}
.sg-nv__ring{fill:none;stroke:rgba(255,255,255,.08)}
.sg-nv__cap{fill:#3a3740;stroke:rgba(255,255,255,.2)}
.sg-nv__cone{transform-box:fill-box;transform-origin:center}
/* 13-beat bar, beat = .5s: kicks on beats 0,1,2,3,5,8 (Fibonacci); tweeter: 8-beat bar, kicks on 0,1,2,3,5 */
.sg-nv__cone--wf{animation:sgNvKick13 16s ease-in-out infinite}
.sg-nv__cone--tw{animation:sgNvKick8 10s ease-in-out infinite}
@keyframes sgNvKick13{0%,7.69%,15.38%,23.08%,38.46%,61.54%{transform:scale(1.1)}3.4%,11.1%,18.8%,26.5%,41.9%,65%,100%{transform:scale(.97)}}
@keyframes sgNvKick8{0%,12.5%,25%,37.5%,62.5%{transform:scale(1.14)}5%,17.5%,30%,42.5%,67.5%,100%{transform:scale(.96)}}
.sg-nv__pulse{fill:none;stroke:#FFB23F;stroke-width:2 !important;opacity:0;transform-box:fill-box;transform-origin:center;animation:sgNvRing 16s ease-in-out infinite}
@keyframes sgNvRing{0%,23.08%,61.54%{opacity:.55;transform:scale(1)}9%,32%,72%{opacity:0;transform:scale(1.35)}100%{opacity:0}}
@media (max-width:767px){.sg-stage__art--neve{width:180%;left:-40%;opacity:.55}}
@media (prefers-reduced-motion:reduce){.sg-nv *{animation:none !important}}

/* ---------- [sg_menu_grid]: sub page cards with tilt, spotlight, running border and an equalizer ---------- */
.sg-mg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1200px}
.sg-mg--n3{grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,minmax(250px,auto))}
.sg-mg--n3 .sg-mg__card--lead{grid-row:span 2}
.sg-mg__card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;padding:30px;border-radius:24px;overflow:hidden;color:#F4EFE8 !important;text-decoration:none !important;background:#0d0b11;border:1px solid rgba(255,255,255,.08);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.sg-mg__card--lead{min-height:524px}
.sg-mg__card::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--sg-ang,0deg),transparent 0 60%,#FF3D2E 72%,#FFB23F 84%,#fff3df 88%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .4s;pointer-events:none;animation:sgAmpRun 3s linear infinite}
.sg-mg__img{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 80% 0%,rgba(224,33,138,.35),transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(255,106,26,.25),transparent 60%),#100d15 center/cover no-repeat;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(1) brightness(.5) contrast(1.1);transform:scale(1.04);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s}
.sg-mg__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,6,9,.1),rgba(7,6,9,.55) 45%,rgba(7,6,9,.95))}
.sg-mg__spot{position:absolute;inset:0;z-index:-1;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,178,63,.22),transparent 60%);opacity:0;transition:opacity .4s;mix-blend-mode:screen}
.sg-mg__no{position:absolute;top:18px;right:26px;font:800 clamp(64px,7vw,110px)/1 var(--sg-head,sans-serif);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);transition:-webkit-text-stroke-color .5s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateZ(30px)}
.sg-mg__ico{position:absolute;top:26px;left:28px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(7,6,9,.45);backdrop-filter:blur(6px);transition:background .5s,border-color .5s,transform .6s cubic-bezier(.22,1,.36,1)}
.sg-mg__ico svg{width:24px;height:24px;fill:none;stroke:#FFB23F;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.sg-mg__body{position:relative;transform:translateZ(40px);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.sg-mg__title{margin:0 0 8px !important;padding:0 !important;font:800 clamp(34px,3.4vw,54px)/.95 var(--sg-head,sans-serif) !important;text-transform:uppercase;color:#F4EFE8 !important;transition:color .4s}
.sg-mg__card--lead .sg-mg__title{font-size:clamp(46px,5vw,80px) !important}
.sg-mg__desc{display:block;font:500 13px/1.4 var(--sg-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,232,.62)}
.sg-mg__go{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font:700 14px/1 var(--sg-body,sans-serif);color:#FFB23F;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.sg-mg__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .4s}
.sg-mg__eq{position:absolute;right:28px;bottom:30px;display:flex;align-items:flex-end;gap:4px;height:34px}
.sg-mg__eq i{width:4px;height:100%;border-radius:2px;background:linear-gradient(to top,#FF3D2E,#FFB23F);transform:scaleY(.12);transform-origin:bottom;transition:transform .4s}
.sg-mg__card:hover,.sg-mg__card:focus-visible{border-color:transparent;box-shadow:0 50px 90px -40px rgba(255,61,46,.55)}
.sg-mg__card:hover::before,.sg-mg__card:focus-visible::before,.sg-mg__card:hover .sg-mg__spot{opacity:1}
.sg-mg__card:hover .sg-mg__img{transform:scale(1.12);filter:grayscale(0) brightness(.8) contrast(1.05)}
.sg-mg__card:hover .sg-mg__no{-webkit-text-stroke-color:rgba(255,178,63,.75);transform:translateZ(60px) translateY(-6px)}
.sg-mg__card:hover .sg-mg__ico{background:linear-gradient(135deg,#FF3D2E,#E0218A);border-color:transparent;transform:rotate(-12deg) scale(1.08)}
.sg-mg__card:hover .sg-mg__ico svg{stroke:#fff}
.sg-mg__card:hover .sg-mg__body{transform:translateZ(70px)}
.sg-mg__card:hover .sg-mg__go,.sg-mg__card:focus-visible .sg-mg__go{opacity:1;transform:none}
.sg-mg__card:hover .sg-mg__go svg{transform:translateX(5px)}
.sg-mg__card:hover .sg-mg__eq i{animation:sgNvBar 1s linear infinite}
.sg-mg__eq i:nth-child(2){animation-duration:.8s !important}.sg-mg__eq i:nth-child(3){animation-duration:1.3s !important}.sg-mg__eq i:nth-child(4){animation-duration:.7s !important}.sg-mg__eq i:nth-child(5){animation-duration:1.1s !important}.sg-mg__eq i:nth-child(6){animation-duration:.9s !important}.sg-mg__eq i:nth-child(7){animation-duration:1.4s !important}
@media (max-width:980px){.sg-mg,.sg-mg--n3{grid-template-columns:1fr 1fr;grid-template-rows:none}.sg-mg--n3 .sg-mg__card--lead{grid-row:auto;grid-column:1/-1;min-height:380px}}
@media (max-width:640px){.sg-mg,.sg-mg--n3{grid-template-columns:1fr}.sg-mg__card{min-height:260px}.sg-mg__go{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sg-mg__card{transform:none !important}.sg-mg__card::before,.sg-mg__eq i{animation:none !important}}