@font-face{font-family:Inter;src:url('../assets/fonts/inter-400.woff2')}@font-face{font-family:Inter;src:url('../assets/fonts/inter-600.woff2');font-weight:600}@font-face{font-family:Inter;src:url('../assets/fonts/inter-700.woff2');font-weight:700}@font-face{font-family:Inter;src:url('../assets/fonts/inter-800.woff2');font-weight:800}
:root{--ink:#181a19;--ink-2:#222522;--paper:#f3f0e8;--paper-2:#e7e1d4;--gold:#c9a760;--gold-2:#ead49a;--muted:#aca99f;--line:rgba(255,255,255,.13);color-scheme:dark}
*{box-sizing:border-box}html{background:var(--ink);font-family:Inter,Arial,sans-serif}body{margin:0;min-width:320px;color:#f7f4eb;background:var(--ink)}button,input{font:inherit}.skip{position:fixed;left:12px;top:-80px;z-index:20;background:var(--paper);color:var(--ink);padding:12px 16px}.skip:focus{top:12px}.access-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}
.access-story{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100svh;padding:clamp(28px,4vw,68px);background:var(--ink)}.access-story:before,.access-story:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(201,167,96,.28);border-radius:50%;width:min(58vw,760px);aspect-ratio:1;right:-18%;top:-25%;animation:orbit 22s linear infinite}.access-story:after{width:min(41vw,540px);right:-8%;top:-12%;border-style:dashed;animation-duration:30s;animation-direction:reverse}.brand{position:relative;z-index:1;display:inline-flex;width:max-content;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.3))}.brand span{display:grid;gap:4px}.brand strong{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.brand small{font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}
.story-copy{position:relative;z-index:1;max-width:760px;margin:auto 0;padding:68px 0 50px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(48px,6.1vw,96px);line-height:.91;letter-spacing:-.065em;margin:24px 0 30px;max-width:900px}h1 em{color:var(--gold-2);font-family:Georgia,serif;font-weight:400}.story-copy>p{max-width:610px;margin:0;color:#d5d1c6;font-size:clamp(16px,1.4vw,20px);line-height:1.72}.access-points{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;margin:0;list-style:none;background:var(--line);border:1px solid var(--line)}.access-points li{display:flex;gap:15px;min-height:114px;padding:22px;background:var(--ink-2)}.access-points li>span{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em}.access-points div{display:grid;align-content:start;gap:8px}.access-points strong{font-size:13px}.access-points small{color:var(--muted);font-size:11px;line-height:1.55}.story-signature{position:relative;z-index:1;margin:28px 0 0;color:#8f8d85;font:italic 16px/1.45 Georgia,serif}
.access-panel{position:relative;display:grid;place-items:center;min-height:100svh;padding:clamp(30px,6vw,86px);color:var(--ink);background:var(--paper)}.access-panel:before{content:"";position:absolute;inset:22px;border:1px solid rgba(24,26,25,.13);pointer-events:none}.panel-mark{position:absolute;right:clamp(28px,4vw,60px);top:clamp(28px,4vw,60px);opacity:.1}.panel-mark img{width:100px;height:100px;filter:grayscale(1)}.panel-content{position:relative;z-index:1;width:min(100%,520px);animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.panel-content[hidden]{display:none}.panel-content .eyebrow{color:#80662f}.panel-content h2{font-size:clamp(36px,4.2vw,62px);line-height:.97;letter-spacing:-.055em;margin:22px 0 18px}.panel-content>p{max-width:430px;color:#66665f;font-size:14px;line-height:1.7;margin:0 0 34px}.panel-content form{display:grid;gap:20px}.panel-content label{display:grid;gap:9px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.panel-content input{width:100%;min-height:54px;border:1px solid #bdb7aa;border-radius:0;padding:14px 15px;background:#fbf9f3;color:var(--ink);font-size:16px;letter-spacing:0;text-transform:none;outline:none}.panel-content input:focus{border-color:#8d6b2a;box-shadow:0 0 0 3px rgba(141,107,42,.15)}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:86px}.password-wrap button{position:absolute;right:8px;top:8px;bottom:8px;border:0;background:transparent;color:#655229;padding:0 10px;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:15px 18px;border:1px solid var(--ink);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.primary{margin-top:4px;color:#fff;background:var(--ink)}.primary:hover{background:#302d25}.primary:disabled{opacity:.55;cursor:wait}.secondary{justify-content:center;color:var(--ink);background:transparent}.secondary:hover{background:#e9e3d7}.status{min-height:24px;margin:0!important;color:#8e2f25!important;font-size:12px!important;line-height:1.5!important}.panel-divider{display:flex;align-items:center;gap:14px;margin:30px 0 18px;color:#858178;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.panel-divider:before,.panel-divider:after{content:"";height:1px;flex:1;background:#cbc4b7}.support{display:block;margin-top:23px;text-align:center;color:#5b5549;font-size:11px;text-underline-offset:4px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:980px){.access-shell{grid-template-columns:1fr}.access-story{min-height:auto;padding-bottom:46px}.story-copy{margin:0;padding:84px 0 54px}.access-points{grid-template-columns:1fr}.access-points li{min-height:auto}.story-signature{display:none}.access-panel{min-height:auto;padding:90px clamp(28px,7vw,72px)}}
@media(max-width:540px){.access-story{padding:24px 22px 38px}.brand img{width:48px;height:48px}.story-copy{padding:70px 0 42px}h1{font-size:48px}.access-panel{padding:78px 22px}.access-panel:before{inset:10px}.panel-mark{right:22px;top:24px}.panel-mark img{width:70px;height:70px}.panel-content h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.access-story:before,.access-story:after,.panel-content{animation:none!important}}