.keyhole-shell{background:radial-gradient(70% 72% at 78% 18%,#c9a84c1f,#0000 58%),radial-gradient(60% 60% at 12% 72%,#d4607a1a,#0000 68%),#0d0a0e;position:relative;overflow:hidden}.keyhole-shell:before{content:"";z-index:0;pointer-events:none;opacity:.94;mix-blend-mode:normal;background-image:linear-gradient(90deg,#0d0a0ead,#0000 18% 82%,#0d0a0ec7),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'><rect width='360' height='360' fill='none'/><text x='64' y='260' font-family='Georgia, serif' font-size='186' fill='%23010101' fill-opacity='.46' stroke='%23272622' stroke-opacity='.18' stroke-width='2'>JS</text><text x='244' y='94' font-family='Georgia, serif' font-size='116' fill='%23010101' fill-opacity='.35' stroke='%23272622' stroke-opacity='.13' stroke-width='1.4'>JS</text></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='5' stitchTiles='stitch'/><feColorMatrix type='matrix' values='.25 0 0 0 0 0 .25 0 0 0 0 0 .25 0 0 0 0 0 .54 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-position:50%,8% 4%,50%;background-size:100% 100%,380px 380px,280px 280px;position:absolute;inset:0}.keyhole-shell:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(100% 80% at 48% 0,#0000 0%,#0d0a0e70 72%),linear-gradient(#0000 0%,#0d0a0e75 100%);position:absolute;inset:0}.keyhole-gate-hero{min-height:100svh}.keyhole-photo-stage{z-index:1;opacity:.82;width:min(66vw,1180px);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0d0a0e1a 12%,#000 34% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0d0a0e1a 12%,#000 34% 100%)}.keyhole-photo-stage:after{content:"";background:radial-gradient(46% 56% at 52% 48%,#0000 0%,#0d0a0e61 72%),linear-gradient(90deg,#0d0a0e2e,#0000 34%,#0d0a0eb8);position:absolute;inset:0}.keyhole-photo{object-fit:cover;object-position:center;filter:saturate(.7)contrast(1.12)brightness(.7)}.keyhole-kicker{color:#c9a84cc2;letter-spacing:.34em;font-size:.66rem}.keyhole-headline{letter-spacing:0;color:#c9a84c;background-image:var(--gold-metal);background-blend-mode:overlay, overlay, multiply, normal;-webkit-text-fill-color:transparent;filter:drop-shadow(0 9px 14px #0d0a0edb);background-size:180% 180%,180% 180%,13px 13px,100% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4.2rem,10.2vw,10.6rem);font-weight:300;line-height:.88}.keyhole-copy{color:#f5efe6b8;letter-spacing:.18em;text-transform:uppercase;max-width:42ch;margin:clamp(1.8rem,3vw,2.5rem) 0 0;font-size:clamp(.82rem,1vw,.94rem);line-height:1.82}.keyhole-quiet-link{color:#c9a84cbd;letter-spacing:.22em;text-transform:uppercase;transition:color .32s var(--ease), border-color .32s var(--ease);border-bottom:1px solid #c9a84c57;padding-bottom:.4rem;font-size:.72rem}.keyhole-quiet-link:hover,.keyhole-quiet-link:focus-visible{color:#f5efe6;border-color:#c9a84cb8}.keyhole-gate-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0a0ea3;border-bottom:1px solid #2e1f38cc;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1rem,2vw,1.45rem) clamp(1.25rem,5vw,5rem);display:flex;position:absolute;inset:0 0 auto}.keyhole-gate-grid{z-index:4;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.55fr);align-items:end;gap:clamp(2rem,5vw,5rem);min-height:100svh;padding:clamp(8rem,12vw,10.5rem) clamp(1.25rem,5vw,5rem) clamp(7rem,9vw,8rem);display:grid;position:relative}.keyhole-gate-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#1a1020c7,#0d0a0ed6),radial-gradient(80% 90% at 50% 0,#c9a84c17,#0000 64%);border:1px solid #2e1f38cc;border-radius:8px;padding:clamp(1.4rem,2.4vw,2.25rem);box-shadow:0 30px 80px #0d0a0ead}.keyhole-field{width:100%;color:var(--color-bone);letter-spacing:.08em;transition:border-color .26s var(--ease), box-shadow .26s var(--ease);background:#0000006b;border:1px solid #2e1f38cc;border-radius:3px;padding:1rem 1.1rem;font-size:.92rem;font-weight:300}.keyhole-field:focus{border-color:#c9a84c9e;box-shadow:0 0 0 3px #c9a84c1a}.sign-in-stage{background:radial-gradient(80% 60% at 20% 10%,#1a10208c,#0000 65%),linear-gradient(#1a1020 0% 55%,#0d0a0e 100%);grid-template-columns:1fr;min-height:100vh;display:grid}@media (min-width:880px){.sign-in-stage{grid-template-columns:1.05fr 1fr}}.sign-in-foyer{background:radial-gradient(120% 90% at 50% 110%,#2a141a8c,#0000 70%),radial-gradient(80% 60% at 50% 0,#1a102099,#0000 65%),linear-gradient(#1a1020 0%,#0d0a0e 100%);border-right:1px solid #c9a9611a;display:none;position:relative;overflow:hidden}@media (min-width:880px){.sign-in-foyer{display:block}}.sign-in-foyer:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#0000 0%,#0d0a0e8c 100%);position:absolute;inset:0}.sign-in-foyer-inner{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(2.5rem,5vw,4.5rem);display:flex;position:relative}.sign-in-foyer-eyebrow{color:var(--color-bone-faint);letter-spacing:.32em;font-size:.7rem}.sign-in-keyhole{aspect-ratio:200/320;filter:drop-shadow(0 30px 60px #0d0a0e8c);align-self:center;width:clamp(160px,22vw,240px);margin:auto 0;animation:8s ease-in-out infinite signInKeyholeFloat;position:relative}.sign-in-keyhole-plate{z-index:1;width:100%;height:100%;position:relative}.sign-in-keyhole-bloom{filter:blur(8px);z-index:0;background:radial-gradient(circle,#b3923d52 0%,#b3923d2e 28%,#0000 62%);border-radius:50%;width:380px;height:380px;animation:4.8s ease-in-out infinite signInKeyholeBloom;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.sign-in-foyer-quote{letter-spacing:-.005em;color:var(--color-bone);max-width:28ch;margin:0;font-size:clamp(1.25rem,1.7vw,1.55rem);font-style:italic;font-weight:300;line-height:1.45}.sign-in-foyer-attrib{letter-spacing:.28em;text-transform:uppercase;color:var(--color-bone-faint);margin-top:.85rem;font-size:.7rem}@keyframes signInKeyholeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes signInKeyholeBloom{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.06)}}.sign-in-form-pane{place-items:center;padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,5vw,3rem);display:grid}.sign-in-form-card{width:100%;max-width:26rem;animation:signInCardEnter .7s var(--ease) both;position:relative}@keyframes signInCardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sign-in-eyebrow{color:var(--color-bone-faint);letter-spacing:.22em;margin:0 0 .85rem;font-size:.72rem}.sign-in-heading{letter-spacing:-.018em;color:var(--color-bone);margin:0 0 .7rem;font-size:clamp(2.2rem,3.8vw,2.9rem);font-weight:300;line-height:1.05}.sign-in-lede{color:var(--color-bone-muted);margin:0 0 2rem;font-size:.95rem;line-height:1.65}.sign-in-form{flex-direction:column;gap:1.2rem;display:flex}.sign-in-field{flex-direction:column;gap:.45rem;display:flex}.sign-in-field-label{color:var(--color-bone-faint);letter-spacing:.22em;font-size:.7rem}.sign-in-input{appearance:none;color:var(--color-bone);letter-spacing:.005em;width:100%;transition:border-color .32s var(--ease), box-shadow .32s var(--ease), background .32s var(--ease);background:linear-gradient(#0d0a0e4d,#0d0a0e6b);border:1px solid #b3923d33;border-bottom-color:#b3923d66;border-radius:2px;padding:.85rem 1rem;font-family:inherit;font-size:.98rem}.sign-in-input::placeholder{color:#f5efe652;letter-spacing:.02em}.sign-in-input:hover{border-color:#b3923d57}.sign-in-input:focus,.sign-in-input:focus-visible{background:linear-gradient(#0d0a0e73,#0d0a0e8c);border-color:#c9a84ca6 #c9a84ca6 #c9a84cf2;outline:none;box-shadow:0 0 0 1px #c9a84c40,0 12px 36px #1a102073}.sign-in-input:-webkit-autofill{-webkit-text-fill-color:var(--color-bone);caret-color:var(--color-bone);-webkit-box-shadow:inset 0 0 0 1000px #1a1020}@media (prefers-reduced-motion:reduce){.sign-in-keyhole,.sign-in-keyhole-bloom,.sign-in-form-card{animation:none!important}}@media (max-width:767px){.sign-in-form-pane{align-items:start;padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1.5rem,4vw,2.5rem)}.sign-in-form-card{padding-top:0}.keyhole-gate-grid{padding-top:clamp(5rem,12vw,7rem);padding-bottom:clamp(3rem,6vw,5rem)}}