/** Shopify CDN: Minification failed

Line 554:2 Unexpected "@media"

**/
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

.rogue-landing-section{
    --manila: #cbb392;
    --manila-bg: #c4ad88;
    --manila-light: #d6c09c;
    --manila-lighter: #ddd0b4;
    --manila-shadow: #b0a078;
    --red: #8b1a1a;
    --red-dark: #6b1414;
    --ink: #1a1a1a;
    --ink-light: #3a3a3a;
    --ink-faded: #7a7060;
    --stamp-color: rgba(139, 26, 26, 0.12);
    --paper-edge: #b5a07a;
  }
.rogue-landing-section *{ margin: 0; padding: 0; box-sizing: border-box; }
.rogue-landing-section{ scroll-behavior: smooth; }
.rogue-landing-section{
    background: #9a8a70;
    font-family: 'Share Tech Mono', 'Courier New', monospace;
    color: var(--ink);
    -webkit-font-smoothing: auto;
  }
.rogue-landing-section /* ============= THE DOCUMENT — the whole page is one manila sheet ============= */
  .document{
    max-width: 850px;
    margin: 0 auto;
    background: var(--manila);
    position: relative;
    box-shadow:
      0 0 0 1px var(--paper-edge),
      4px 4px 20px rgba(0,0,0,0.3),
      -2px 0 10px rgba(0,0,0,0.1);
    /* Paper texture via gradient noise */
    background-image:
      radial-gradient(ellipse at 20% 50%, rgba(180,160,110,0.3) 0%, transparent 70%),
      radial-gradient(ellipse at 80% 20%, rgba(200,180,130,0.2) 0%, transparent 60%),
      radial-gradient(ellipse at 50% 90%, rgba(160,140,90,0.2) 0%, transparent 50%);
    background-color: var(--manila);
  }
.rogue-landing-section /* Vignette edges */
  .document::before{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    box-shadow: inset 0 0 100px rgba(100,80,40,0.15);
    pointer-events: none;
    z-index: 10;
  }
.rogue-landing-section /* ============= CLASSIFICATION HEADER BAR ============= */
  .class-header{
    background: var(--red);
    color: var(--manila-lighter);
    text-align: center;
    padding: 8px 20px;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
.rogue-landing-section /* ============= PAGE SECTIONS ============= */
  .page-section{
    padding: 50px 60px;
    position: relative;
  }
@media (max-width: 600px){.rogue-landing-section .page-section{ padding: 35px 25px; }}
.rogue-landing-section .page-section + .page-section{
    border-top: 2px solid var(--red);
  }
.rogue-landing-section /* Thin red rule variant */
  .thin-rule{
    border: none;
    border-top: 1px solid var(--red);
    margin: 25px 0;
  }
.rogue-landing-section .thick-rule{
    border: none;
    border-top: 2.5px solid var(--red);
    margin: 20px 0;
  }
.rogue-landing-section /* ============= HERO / TITLE PAGE ============= */
  .hero-page{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 70px;
    min-height: 95vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
.rogue-landing-section .hero-class-line{
    font-size: 12px;
    letter-spacing: 3px;
    color: var(--red);
    font-weight: bold;
    margin-bottom: 8px;
  }
.rogue-landing-section .hero-title-the{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: 20px;
    color: var(--ink-light);
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
.rogue-landing-section .hero-title-main{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: clamp(52px, 10vw, 88px);
    font-weight: 400;
    color: var(--ink);
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 10px;
  }
.rogue-landing-section .hero-subtitle-italic{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: clamp(13px, 2.2vw, 16px);
    color: var(--ink-light);
    letter-spacing: 2px;
    margin-bottom: 8px;
  }
.rogue-landing-section .hero-author-block{
    margin-top: 30px;
  }
.rogue-landing-section .hero-author-label{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: 11px;
    letter-spacing: 3px;
    color: var(--ink-faded);
    text-transform: uppercase;
  }
.rogue-landing-section .hero-author-name{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    color: var(--ink);
    margin-top: 4px;
  }
.rogue-landing-section .hero-location{
    font-family: 'Progress', 'Share Tech Mono', monospace;
    font-size: 12px;
    color: var(--ink-faded);
    letter-spacing: 2px;
    margin-top: 5px;
  }
.rogue-landing-section /* Faded stamp overlays */
  .stamp-overlay{
    position: absolute;
    font-family: 'Share Tech Mono', monospace;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: var(--stamp-color);
    pointer-events: none;
    user-select: none;
  }
.rogue-landing-section .stamp-top-secret{
    font-size: clamp(38px, 8vw, 64px);
    bottom: 14%;
    right: 8%;
    transform: rotate(-12deg);
    border: 4px solid var(--stamp-color);
    padding: 8px 24px;
    border-radius: 6px;
  }
.rogue-landing-section .stamp-eyes-only{
    font-size: clamp(28px, 5vw, 42px);
    bottom: 30%;
    left: 5%;
    transform: rotate(8deg);
    letter-spacing: 8px;
  }
.rogue-landing-section /* Coffee ring */
  .coffee-ring{
    position: absolute;
    width: clamp(70px, 10vw, 110px);
    height: clamp(70px, 10vw, 110px);
    border: 3px solid rgba(120, 90, 40, 0.08);
    border-radius: 50%;
    pointer-events: none;
  }
.rogue-landing-section .coffee-ring-1{
    top: 65%;
    right: 12%;
  }
.rogue-landing-section .coffee-ring-2{
    bottom: 8%;
    left: 18%;
    width: 85px;
    height: 85px;
    border-width: 2px;
    border-color: rgba(120, 90, 40, 0.06);
  }
.rogue-landing-section /* ============= SUPPRESSION NOTICE ============= */
  .notice-section{
    background: rgba(139,26,26,0.03);
  }
.rogue-landing-section .notice-header{
    text-align: center;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: bold;
    color: var(--red);
    margin-bottom: 5px;
  }
.rogue-landing-section .notice-subheader{
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--ink-faded);
    margin-bottom: 25px;
  }
.rogue-landing-section .notice-body{
    font-size: 13px;
    line-height: 1.85;
    color: var(--ink);
    max-width: 620px;
    margin: 0 auto;
  }
.rogue-landing-section .notice-body p + p{
    margin-top: 16px;
  }
.rogue-landing-section .redacted{
    background: var(--ink);
    color: var(--ink);
    padding: 0 6px;
    margin: 0 1px;
    user-select: none;
    border-radius: 1px;
  }
.rogue-landing-section .notice-emphasis{
    font-weight: bold;
    color: var(--red);
  }
.rogue-landing-section .analyst-note{
    border: 1.5px solid var(--red);
    padding: 15px 20px;
    margin-top: 30px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
.rogue-landing-section .analyst-note-header{
    font-size: 11px;
    letter-spacing: 2px;
    color: var(--red);
    font-weight: bold;
    margin-bottom: 8px;
  }
.rogue-landing-section .analyst-note p{
    font-size: 12px;
    line-height: 1.7;
    color: var(--ink-light);
  }
.rogue-landing-section /* ============= VIDEO SECTION ============= */
  .video-section{
    text-align: center;
  }
.rogue-landing-section .video-header{
    font-size: 12px;
    letter-spacing: 3px;
    color: var(--red);
    font-weight: bold;
    margin-bottom: 5px;
  }
.rogue-landing-section .video-subheader{
    font-size: 10px;
    color: var(--ink-faded);
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
.rogue-landing-section .video-wrapper{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border: 2px solid var(--manila-shadow);
    background: #1a1a1a;
  }
.rogue-landing-section .video-wrapper iframe{
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: none;
  }
.rogue-landing-section .video-meta{
    font-size: 10px;
    color: var(--ink-faded);
    letter-spacing: 1px;
    margin-top: 12px;
  }
.rogue-landing-section /* ============= FILING INDEX ============= */
  .filing-header{
    text-align: center;
    font-size: 15px;
    letter-spacing: 4px;
    font-weight: bold;
    color: var(--ink);
    margin-bottom: 4px;
  }
.rogue-landing-section .filing-sub{
    text-align: center;
    font-size: 10px;
    color: var(--ink-faded);
    letter-spacing: 2px;
    margin-bottom: 25px;
  }
.rogue-landing-section .filing-table{
    width: 100%;
    border-collapse: collapse;
  }
.rogue-landing-section .filing-table thead th{
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--ink-faded);
    text-align: left;
    padding: 8px 0;
    border-bottom: 2px solid var(--red);
    text-transform: uppercase;
  }
.rogue-landing-section .filing-table thead th:last-child{
    text-align: right;
  }
.rogue-landing-section .filing-table tbody td{
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    vertical-align: top;
    font-size: 12px;
  }
.rogue-landing-section .filing-table .rf-code{
    color: var(--red);
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    white-space: nowrap;
    width: 70px;
  }
.rogue-landing-section .filing-table .title-cell{
    padding-left: 15px;
  }
.rogue-landing-section .filing-table .chapter-title{
    font-weight: bold;
    font-size: 13px;
    color: var(--ink);
    display: block;
  }
.rogue-landing-section .filing-table .chapter-desc{
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    font-size: 11px;
    color: var(--ink-faded);
    display: block;
    margin-top: 2px;
  }
.rogue-landing-section .filing-table .pages-cell{
    text-align: right;
    color: var(--ink-faded);
    font-size: 11px;
    white-space: nowrap;
  }
.rogue-landing-section .filing-note{
    margin-top: 25px;
    font-size: 10px;
    line-height: 1.6;
    color: var(--ink-faded);
  }
.rogue-landing-section /* ============= PULL QUOTES ============= */
  .quotes-section{
    background: rgba(0,0,0,0.015);
  }
.rogue-landing-section .quote-block{
    max-width: 580px;
    margin: 0 auto 35px;
    padding-left: 20px;
    border-left: 3px solid var(--red);
  }
.rogue-landing-section .quote-block:last-child{
    margin-bottom: 0;
  }
.rogue-landing-section .quote-text{
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    font-size: 15px;
    line-height: 1.7;
    color: var(--ink);
  }
.rogue-landing-section .quote-source{
    font-family: 'Share Tech Mono', monospace;
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--red);
    margin-top: 8px;
    text-transform: uppercase;
  }
.rogue-landing-section /* ============= COVER IMAGE ============= */
  .cover-display{
    text-align: center;
    padding: 50px 60px 40px;
    border-top: 2px solid var(--red);
  }
.rogue-landing-section .cover-display img{
    max-width: 380px;
    width: 100%;
    box-shadow:
      0 4px 20px rgba(0,0,0,0.25),
      0 0 0 1px rgba(0,0,0,0.1);
  }
.rogue-landing-section .cover-caption{
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--ink-faded);
    margin-top: 15px;
    text-transform: uppercase;
  }
.rogue-landing-section /* ============= DOCUMENT TRANSFER / PURCHASE ============= */
  .transfer-section{
    text-align: center;
    border-top: 3px solid var(--red);
    background: rgba(139,26,26,0.02);
    padding: 50px 60px 60px;
  }
.rogue-landing-section .transfer-header{
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: bold;
    color: var(--red);
    margin-bottom: 4px;
  }
.rogue-landing-section .transfer-sub{
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--ink-faded);
    margin-bottom: 30px;
  }
.rogue-landing-section .transfer-details{
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
.rogue-landing-section .transfer-detail{
    text-align: left;
  }
.rogue-landing-section .transfer-detail .label{
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--ink-faded);
    text-transform: uppercase;
    margin-bottom: 3px;
  }
.rogue-landing-section .transfer-detail .value{
    font-size: 14px;
    color: var(--ink);
    font-weight: bold;
  }
.rogue-landing-section .transfer-detail .value.price{
    font-size: 28px;
    color: var(--red);
  }
.rogue-landing-section .buy-button{
    display: inline-block;
    font-family: 'Share Tech Mono', monospace;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--manila-lighter);
    background: var(--red);
    padding: 16px 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
  }
.rogue-landing-section .buy-button:hover{
    background: var(--red-dark);
    box-shadow: 0 4px 15px rgba(139,26,26,0.3);
  }
.rogue-landing-section .buy-button-redacted{
    background: var(--ink);
    color: var(--manila-light);
    padding: 18px 55px;
    font-size: 15px;
    letter-spacing: 5px;
  }
.rogue-landing-section .buy-button-redacted:hover{
    background: #2a2a2a;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  }
.rogue-landing-section .transfer-formats{
    margin-top: 20px;
    font-size: 11px;
    color: var(--ink-faded);
    letter-spacing: 1px;
  }
.rogue-landing-section .payment-line{
    margin-top: 15px;
    font-size: 10px;
    letter-spacing: 1px;
    color: var(--ink-faded);
    opacity: 0.7;
  }
.rogue-landing-section .payment-line span{
    margin: 0 6px;
    padding: 2px 8px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    font-size: 9px;
  }
.rogue-landing-section /* ============= CLASSIFICATION FOOTER ============= */
  .class-footer{
    background: var(--red);
    color: var(--manila-lighter);
    text-align: center;
    padding: 8px 20px;
    font-size: 10px;
    letter-spacing: 2px;
  }
.rogue-landing-section .doc-footer{
    padding: 20px 60px;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: var(--ink-faded);
    letter-spacing: 1px;
  }
.rogue-landing-section /* ============= LEGAL / COLOPHON ============= */
  .colophon{
    padding: 20px 60px 30px;
    text-align: center;
    font-size: 9px;
    line-height: 1.7;
    color: var(--ink-faded);
    border-top: 1px solid rgba(0,0,0,0.08);
  }
.rogue-landing-section /* ============= SCROLL REVEAL ============= */
  .reveal{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
.rogue-landing-section .reveal.visible{
    opacity: 1;
    transform: translateY(0);
  }
.rogue-landing-section /* ============= RESPONSIVE ============= */
  @media (max-width: 600px){
    .document { margin: 0; box-shadow: none; }
    .page-section { padding: 35px 25px; }
    .transfer-section { padding: 35px 25px 45px; }
    .cover-display { padding: 35px 25px; }
    .doc-footer { padding: 15px 25px; flex-direction: column; gap: 5px; text-align: center; }
    .transfer-details { gap: 25px; }
    .hero-page { min-height: 85vh; }
    .stamp-top-secret { font-size: 32px; padding: 6px 16px; right: 4%; }
    .stamp-eyes-only { font-size: 24px; left: 3%; }
    .colophon { padding: 20px 25px 30px; }
  }
.rogue-landing-section /* ============= FILES TYPING ANIMATION ============= */
  .files-bar{
    display: inline-block;
    background: var(--ink);
    padding: 4px 16px 6px;
    margin-top: 2px;
    position: relative;
  }
.rogue-landing-section .files-typed{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: var(--manila-light);
    border-right: 3px solid var(--manila-light);
    width: 0;
    animation: 
      typeFiles 0.8s steps(5, end) 0.6s forwards,
      blinkCaret 0.6s step-end 0.6s 6;
  }
@keyframes typeFiles{
    0% { width: 0; }
    100% { width: 5ch; }
  }
@keyframes blinkCaret{
    0%, 100% { border-color: var(--manila-light); }
    50% { border-color: transparent; }
  }
.rogue-landing-section .files-typed.done{
    border-color: transparent;
  }
.rogue-landing-section /* ============= STICKY PURCHASE BAR ============= */
  .sticky-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--ink);
    border-top: 2px solid var(--red);
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    z-index: 1000;
    transform: translateY(100%);
    transition: transform 0.35s ease;
  }
.rogue-landing-section .sticky-bar.visible{
    transform: translateY(0);
  }
.rogue-landing-section .sticky-bar .sticky-price{
    font-family: 'Share Tech Mono', monospace;
    font-size: 13px;
    color: var(--manila-light);
    letter-spacing: 1px;
  }
.rogue-landing-section .sticky-bar .sticky-price strong{
    color: #fff;
    font-size: 18px;
    margin-right: 6px;
  }
.rogue-landing-section .sticky-bar .sticky-btn{
    font-family: 'Share Tech Mono', monospace;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--ink);
    background: var(--manila-light);
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s;
  }
.rogue-landing-section .sticky-bar .sticky-btn:hover{
    background: var(--manila-lighter);
  }
@media (max-width: 600px){.rogue-landing-section .sticky-bar{ gap: 12px; padding: 10px 16px; }
.rogue-landing-section .sticky-bar .sticky-btn{ padding: 9px 18px; font-size: 11px; letter-spacing: 2px; }
.rogue-landing-section .sticky-bar .sticky-price{ font-size: 12px; }}