:root{--sa-panel-w:420px;--sa-site-angle:-45deg;--sa-perspective:1600px;--sa-dur:.85s;--sa-close-dur:.56s;--sa-ease-cinematic:cubic-bezier(.16, 1, .3, 1);--sa-ease-standard:cubic-bezier(.4, 0, .2, 1)}@media (width<=560px){:root{--sa-panel-w:min(86vw, 420px)}}.sa-scene[data-phase=open],.sa-scene[data-phase=closing]{z-index:1100;perspective:var(--sa-perspective);perspective-origin:calc(100% - var(--sa-panel-w) / 2) 50%;touch-action:none;position:fixed;inset:0}.sa-scene[data-phase=open]:before,.sa-scene[data-phase=closing]:before{content:"";background:radial-gradient(110% 80% at calc(100% - var(--sa-panel-w)) 50%, #c8882b24, transparent 62%), #050505;position:absolute;inset:0}.sa-scene[data-phase=open] .sa-stage,.sa-scene[data-phase=closing] .sa-stage{z-index:3;transform-origin:100%;transition:transform var(--sa-dur) var(--sa-ease-cinematic);will-change:transform;position:absolute;inset:0;transform:translate(0,0)}.sa-scene[data-phase=open] .sa-stage{transform:translate3d(calc(-1 * var(--sa-panel-w)), 0, 0) rotateY(var(--sa-site-angle))}.sa-scene[data-phase=closing] .sa-stage{transition-duration:var(--sa-close-dur);transition-timing-function:var(--sa-ease-standard)}.sa-scene[data-phase=open] .sa-front,.sa-scene[data-phase=closing] .sa-front{background:var(--bg);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 120px -30px #000000d9}.sa-scene[data-phase=open] .sa-front:after,.sa-scene[data-phase=closing] .sa-front:after{content:"";z-index:1001;pointer-events:none;opacity:0;transition:opacity var(--sa-dur) var(--sa-ease-cinematic);background:linear-gradient(100deg,#0000006b 0%,#00000014 70%);position:absolute;inset:0}.sa-scene[data-phase=open] .sa-front:after{opacity:1}.sa-panel{width:min(var(--sa-panel-w), 100vw);visibility:hidden;backface-visibility:hidden;overscroll-behavior:contain;touch-action:pan-y;background-color:#0a0a0a;background-image:linear-gradient(90deg,#e8b44a42 0,#e8b44a12 5px,#0000008c 20px,#00000038 34px,#0000 58px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cdefs%3E%3CradialGradient id='q' cx='36%25' cy='30%25' r='72%25'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.10'/%3E%3Cstop offset='0.42' stop-color='%23ffffff' stop-opacity='0.035'/%3E%3Cstop offset='0.72' stop-color='%23000000' stop-opacity='0.10'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0.5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23q)'%3E%3Cpath d='M36 -36 72 0 36 36 0 0Z'/%3E%3Cpath d='M36 36 72 72 36 108 0 72Z'/%3E%3Cpath d='M0 0 36 36 0 72 -36 36Z'/%3E%3Cpath d='M72 0 108 36 72 72 36 36Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23000000' stroke-width='2.4' opacity='0.34'%3E%3Cpath d='M-10 -10 82 82'/%3E%3Cpath d='M82 -10 -10 82'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.9' stroke-dasharray='3 4.6' stroke-linecap='round' opacity='0.11'%3E%3Cpath d='M-10 -8.6 82 83.4'/%3E%3Cpath d='M82 -8.6 -10 83.4'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(120% 68% at 6% 20%,#c8882b21,#0000 62%),linear-gradient(160deg,#151515 0%,#0c0c0c 56%,#190f11 100%);background-repeat:no-repeat,repeat,no-repeat,no-repeat;background-size:auto,72px 72px,auto,auto;border-left:1px solid #e8b44a59;flex-direction:column;justify-content:center;padding:clamp(2rem,6vh,4rem) clamp(1.5rem,3vw,2.75rem);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-30px 0 80px -30px #000000b3}.sa-scene[data-phase=open] .sa-panel{z-index:2;transform-origin:0%;visibility:visible;transition:transform var(--sa-dur) var(--sa-ease-cinematic), visibility 0s;transform:rotateY(0)}.sa-scene[data-phase=closing] .sa-panel{z-index:2;transform-origin:0%;visibility:visible;transform:rotateY(0)}.sa-panel__inner{width:100%;max-width:340px;margin:0 auto}.sa-panel__crest{width:148px;height:auto;margin:0 0 var(--space-6);display:block}.sa-panel__tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-glow);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;border:1px solid #c8882b4d;align-items:center;font-weight:600;display:inline-flex}.sa-panel__title{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-2xl);color:var(--text)}.sa-panel__lede{margin:0 0 var(--space-7);font-size:var(--text-sm);color:var(--text-secondary)}.sa-field{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.sa-field label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.sa-input{width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-base);color:var(--text);border:1px solid var(--border-dark);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#080808a8;outline:none}.sa-input::placeholder{color:var(--text-muted)}.sa-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.sa-error{margin:0 0 var(--space-4);font-size:var(--text-sm);color:#ff9b92;line-height:1.5}.sa-panel__foot{margin:var(--space-7) 0 0;gap:var(--space-3);flex-direction:column;display:flex}.sa-panel__link{font-size:var(--text-sm);color:var(--gold-light);transition:color var(--transition-fast);font-weight:600}.sa-panel__link:hover{color:var(--accent)}.sa-tab{z-index:1200;border-radius:var(--radius-md) 0 0 var(--radius-md);width:46px;height:52px;color:var(--gold-light);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);background:#0a0a0ab8;border:1px solid #e8b44a59;border-right:none;justify-content:center;align-items:center;display:flex;position:fixed;top:clamp(96px,15vh,220px);right:0;box-shadow:-8px 0 24px -12px #000000e6}.sa-tab:hover{border-color:var(--gold-light);background:#e8b44a29;transform:translate(-3px)}.sa-tab[aria-expanded=true]{border-color:var(--gold-light);color:var(--accent);background:#0a0a0a}.sa-tab svg{display:block}@media (prefers-reduced-motion:reduce){.sa-scene[data-phase=open] .sa-stage,.sa-scene[data-phase=closing] .sa-stage,.sa-scene[data-phase=open] .sa-panel,.sa-scene[data-phase=closing] .sa-panel{transform:none}}
