.access-page { min-height: 100vh; }
.access-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px clamp(20px, 4vw, 44px); border-bottom: 1px solid var(--line); background: #0b0a09; }
.access-back { color: var(--paper-soft); border-bottom: 1px solid var(--orange-bright); font-size: .9rem; }
.access-back:hover, .access-fine a:hover { color: #fff; }
.access-main { position: relative; isolation: isolate; min-height: calc(100vh - 165px); display: grid; align-items: center; overflow: hidden; padding: clamp(48px, 7vw, 110px) 0; background: radial-gradient(circle at 13% 70%, #2b160c 0, transparent 42%), #0b0a09; }
.access-art { position: absolute; inset: 0 0 0 48%; z-index: -1; background: linear-gradient(90deg, #0b0a09 0%, rgba(11,10,9,.12) 55%, #0b0a09 100%), linear-gradient(0deg, #0b0a09 0%, transparent 35%), url('assets/channel/brand-banner.png') center / cover no-repeat; opacity: .34; }
.access-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); align-items: center; gap: clamp(32px, 6vw, 90px); }
.access-kicker, .access-number { color: var(--orange-bright); font-size: .8rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.access-story h1 { margin: 20px 0 24px; font-family: Impact, 'Arial Black', sans-serif; font-size: clamp(3.8rem, 7vw, 7.8rem); font-weight: 900; letter-spacing: -.035em; line-height: .94; text-transform: uppercase; }
.access-story h1 em { color: var(--orange-bright); font-style: normal; }
.access-deck { max-width: 570px; color: var(--paper); font-family: Georgia, serif; font-size: clamp(1.35rem, 2vw, 1.8rem); line-height: 1.4; }
.access-stats { display: flex; flex-wrap: wrap; gap: 16px 30px; margin-top: 45px; border-top: 1px solid var(--line); padding-top: 24px; text-transform: uppercase; font-size: .75rem; font-weight: 750; letter-spacing: .08em; color: var(--paper-soft); }
.access-stats span { display: flex; align-items: baseline; gap: 8px; }
.access-stats strong { color: var(--orange-bright); font-size: 1.65rem; line-height: 1; }
.access-panel { border: 1px solid rgba(240,120,45,.55); background: #f5f1eb; color: #171311; padding: clamp(24px, 4vw, 50px); box-shadow: 20px 20px 0 rgba(185,79,11,.15); }
.access-panel h2 { margin: 16px 0 10px; color: #171311; font-family: Georgia, serif; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 500; line-height: 1.15; }
.access-panel > p { color: #514842; margin: 0 0 22px; }
.kit-slot { min-height: 160px; }
.kit-slot .formkit-form { width: 100% !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.kit-slot .formkit-powered-by-convertkit-container { opacity: .65; }
.access-panel .access-fine { margin: 18px 0 0; border-top: 1px solid #d9cfc4; padding-top: 16px; color: #62574e; font-size: .85rem; line-height: 1.55; }
.access-fine a { color: #8c3508; text-decoration: underline; text-underline-offset: 3px; }
.access-footer { display: flex; justify-content: space-between; gap: 20px; padding: 22px clamp(20px, 4vw, 44px); border-top: 1px solid var(--line); font-size: .8rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.access-footer a { color: var(--paper-soft); }
@media (max-width: 850px) { .access-grid { grid-template-columns: 1fr; } .access-main { padding: 56px 0 75px; } .access-art { inset: 0; opacity: .18; } .access-story h1 { font-size: clamp(3.5rem, 12vw, 6rem); } .access-stats { margin-top: 28px; } }
@media (max-width: 520px) { .access-header { padding: 14px 20px; } .access-header .brand-tag { display: none; } .access-back { font-size: .78rem; white-space: nowrap; } .access-panel { padding: 25px 19px; box-shadow: 10px 10px 0 rgba(185,79,11,.15); } .access-footer { flex-direction: column; gap: 4px; } }