@font-face {
  font-family: "Gallia Hand";
  src: url("fonts/caveat-var.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gallia Note";
  src: url("fonts/kalam-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gallia Note";
  src: url("fonts/kalam-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root[data-theme="paper"] {
  color-scheme: light;

  --p-paper:     #FDFDFB;   
  --p-sheet:     #FFFFFF;   
  --p-rule:      #DCE5F0;   
  --p-margin:    #E7A39A;   
  --p-ink:       #1E2B45;   
  --p-graphite:  #4F5866;   
  --p-red:       #C8402A;   
  --p-red-text:  #B23A26;   
  --p-hi:        #FFE45C;   
  --p-tape:      rgba(236, 224, 180, 0.72);  
  --p-shadow:    rgba(30, 43, 69, 0.10);     

  --font-hand: "Gallia Hand", "Bradley Hand", "Segoe Print", cursive;
  --font-note: "Gallia Note", "Segoe Print", "Comic Sans MS", cursive;

  --p-ease: cubic-bezier(0.16, 1, 0.3, 1);

  --bg:       var(--p-paper);
  --shell:    var(--p-paper);
  --core:     var(--p-sheet);
  --fg:       var(--p-ink);
  --muted-fg: var(--p-graphite);
  --navy:     var(--p-ink);
  --navy-deep: var(--p-ink);
  --action:      var(--p-ink);
  --action-lift: var(--p-graphite);
  --action-deep: var(--p-ink);
  --action-wash: #EEF2F8;
  --on-action:   var(--p-paper);
  --hair:     var(--p-rule);
  --nav-ink:  var(--p-ink);
  --edge:        var(--p-rule);
  --quiet:       #EEF2F8;
  --quiet-ink:   var(--p-ink);
  --edge-action: rgba(30, 43, 69, 0.30);
  --action-soft: rgba(30, 43, 69, 0.05);
  --nav-accent:  var(--p-red);
  --inner-hi: transparent;
  --grain:    0;
  --select-bg:  var(--p-hi);
  --select-ink: var(--p-ink);
}

:root[data-theme="paper"],
:root[data-theme="paper"] body {
  background-color: var(--p-paper);
}


:root[data-theme="paper"] {
  --navy-2:      var(--p-graphite);
  --hair-2:      var(--p-rule);
  --on-band:     var(--p-ink);
  --on-band-2:   var(--p-graphite);
  --band-accent: var(--p-red);
  --band-hair:   var(--p-rule);
  --p-hi-deep:   #FFD81F;
  --p-margin-x:  max(10px, calc((100vw - var(--maxw)) / 2 - 24px));

  --p-img-hl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0.8 13C1.2 7.4 2.6 4.8 6 5.4L50 3.4 97.6 4.6C99.3 8 99.5 13 97.4 16.4L48 17.6 5.4 16.8C2 16.4 0.6 16 0.8 13Z' fill='%23FFE45C' fill-opacity='.85'/%3E%3C/svg%3E");
  --p-img-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5.2C12 1.6 24 7.4 38 4.2S68 1.4 99 4.6' fill='none' stroke='%23C8402A' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --p-img-rule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3.2C90 1.2 170 5.2 270 2.8S430 1.6 530 3.6S780 4.6 1000 2.6' fill='none' stroke='%231E2B45' stroke-opacity='.55' stroke-width='1.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --p-img-vrule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 1000' preserveAspectRatio='none'%3E%3Cpath d='M3.2 0C1.2 90 5.2 170 2.8 270S1.6 430 3.6 530S4.6 780 2.6 1000' fill='none' stroke='%231E2B45' stroke-opacity='.6' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --p-img-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13.4C5 14.6 7 17 9.2 20.4 12 12.6 16 6.4 21.6 3' fill='none' stroke='%23C8402A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --p-img-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 4.8C9 9 14 15 19.6 19.4M19.2 4.2C14 9.4 9.4 14.4 4.2 19.8' fill='none' stroke='%23C8402A' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --p-img-dia: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.4 3.2C15.6 7 18.6 9.4 21 12.2 17.6 15 15 17.6 11.8 21 9 17.4 6 14.8 3 11.6 6.4 9.4 9.2 6.4 12.4 3.2Z' fill='%23FFE45C' fill-opacity='.9' stroke='%231E2B45' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
}

:root[data-theme="paper"] body {
  position: relative; min-height: 100vh;
  font-family: var(--font-note); font-size: 18px; font-weight: 400; line-height: 1.75;
  letter-spacing: 0; color: var(--p-ink);
  background-color: var(--p-paper);
  background-image:
    linear-gradient(var(--p-margin), var(--p-margin)),
    linear-gradient(var(--p-margin), var(--p-margin)),
    linear-gradient(to bottom, transparent 31px, var(--p-rule) 31px);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-size: 1px 100%, 1px 100%, 100% 32px;
  background-position: var(--p-margin-x) 0, calc(var(--p-margin-x) + 3px) 0, 0 20px;
}
:root[data-theme="paper"] { min-height: 100%; scrollbar-color: var(--p-graphite) var(--p-paper); }
:root[data-theme="paper"] ::selection { background: var(--p-hi); color: var(--p-ink); }
:root[data-theme="paper"] .grain { display: none; }
:root[data-theme="paper"] main { overflow-x: clip; }

html.p-slide[data-theme="paper"] body { animation: p-rules-in 820ms cubic-bezier(.16,1,.3,1) both; }
@keyframes p-rules-in {
  from { background-size: 1px 0, 1px 0, 0 32px; }
  to   { background-size: 1px 100%, 1px 100%, 100% 32px; }
}

:root[data-theme="paper"] body :is(h1, h2, h3, .big-quote) {
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; color: var(--p-ink); text-wrap: balance;
}
:root[data-theme="paper"] body h1 { font-size: clamp(3.6rem, 10.5vw, 7.2rem); line-height: 0.94; margin: 0 0 22px; }
:root[data-theme="paper"] body h2 { font-size: clamp(2.8rem, 6.4vw, 4.8rem); line-height: 0.98; margin: 0 0 clamp(22px, 2.6vw, 34px); }
:root[data-theme="paper"] body h3 { font-size: clamp(2rem, 3.2vw, 2.5rem); line-height: 1.02; margin: 0 0 10px; }
:root[data-theme="paper"] body .big-quote { font-size: clamp(2.5rem, 5.4vw, 4rem); line-height: 1.02; font-weight: 700; max-width: 24ch; }
:root[data-theme="paper"] body .big-quote b { font-weight: 700; color: var(--p-ink); }
:root[data-theme="paper"] body .lede,
:root[data-theme="paper"] body .sub {
  font-family: var(--font-note); font-size: 1.3rem; line-height: 1.6; color: var(--p-graphite);
  font-weight: 400; letter-spacing: 0;
}
:root[data-theme="paper"] body :is(.prose p, .who-line, .a-lead, .a-lead-rule, .chap-entry p, .stop p, .core > p) {
  font-family: var(--font-note); font-size: 1.15rem; line-height: 1.75; color: var(--p-graphite); font-weight: 400; letter-spacing: 0;
}
:root[data-theme="paper"] body .prose p { max-width: 56ch; }
:root[data-theme="paper"] body :is(.prose strong, .prose b, .who-line b) { color: var(--p-ink); font-weight: 700; }
:root[data-theme="paper"] body :is(.eyebrow, .status, .fact) {
  font-family: var(--font-hand); font-size: 1.5rem; letter-spacing: 0; text-transform: none; font-weight: 700; color: var(--p-red-text);
}
:root[data-theme="paper"] .brand { color: var(--p-ink); }
:root[data-theme="paper"] .brand-mark { color: var(--p-ink); }

:root[data-theme="paper"] a:focus-visible,
:root[data-theme="paper"] button:focus-visible,
:root[data-theme="paper"] summary:focus-visible,
:root[data-theme="paper"] [tabindex]:focus-visible {
  outline: 3px solid var(--p-red); outline-offset: 4px; border-radius: 6px;
}
:root[data-theme="paper"] .p-ringed:focus-visible { outline: none; }
:root[data-theme="paper"] #main:focus-visible { outline: none; }
:root[data-theme="paper"] .skip { background: var(--p-hi); color: var(--p-ink); font-family: var(--font-hand); font-size: 1.4rem; }


.p-draw, .p-circ, .p-tape, .p-tally { display: none; }
:root[data-theme="paper"] .p-draw {
  display: block; position: absolute; left: -5px; top: -5px; width: calc(100% + 10px); height: calc(100% + 10px);
  overflow: visible; pointer-events: none; z-index: -1;
}
:root[data-theme="paper"] .p-boxed { isolation: isolate; }
:root[data-theme="paper"] .p-boxed:not(.vent-panel):not(.tm-menu) { position: relative; }
:root[data-theme="paper"] .p-boxed:not(.island):not(.vent-panel):not(.tm-menu) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
:root[data-theme="paper"] .island.p-boxed,
:root[data-theme="paper"] .vent-panel.p-boxed,
:root[data-theme="paper"] .tm-menu.p-boxed { background: transparent; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root[data-theme="paper"] .p-draw .p-fill { fill: var(--p-sheet); stroke: none; }
:root[data-theme="paper"] .p-draw.hi .p-fill { fill: var(--p-hi); }
:root[data-theme="paper"] .p-draw.ink .p-fill { fill: var(--p-ink); }
:root[data-theme="paper"] .p-draw.lift .p-fill { filter: drop-shadow(0 7px 8px rgba(30, 43, 69, 0.13)); }
:root[data-theme="paper"] .p-draw .p-take {
  fill: none; stroke: var(--p-ink); stroke-width: var(--p-w, 1.9px); stroke-linecap: round; stroke-linejoin: round;
  animation: p-take 375ms step-end infinite;
}
:root[data-theme="paper"] .p-draw .p-take.t1 { animation-delay: -250ms; }
:root[data-theme="paper"] .p-draw .p-take.t2 { animation-delay: -125ms; }
@keyframes p-take { 0% { opacity: 1; } 33.333% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  :root[data-theme="paper"] .p-draw .p-take { animation: none; opacity: 0; }
  :root[data-theme="paper"] .p-draw .p-take.t0 { opacity: 1; }
}
:root[data-theme="paper"] .btn.solid.p-boxed:hover .p-fill,
:root[data-theme="paper"] .btn.solid.p-boxed:focus-visible .p-fill { fill: var(--p-hi-deep); }
:root[data-theme="paper"] .btn.line.p-boxed:hover .p-fill,
:root[data-theme="paper"] .btn.line.p-boxed:focus-visible .p-fill { fill: #FFF6BD; }
:root[data-theme="paper"] .icon-btn.p-boxed:hover .p-fill { fill: #FFF6BD; }

:root[data-theme="paper"] .p-circ {
  display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  overflow: visible; pointer-events: none; z-index: 3;
}
:root[data-theme="paper"] .p-circ path {
  fill: none; stroke: var(--p-red); stroke-width: 2.6px; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1 1; stroke-dashoffset: 1;
  transition: stroke-dashoffset 520ms var(--p-ease);
}
:root[data-theme="paper"] .p-ringed { position: relative; }
:root[data-theme="paper"] .p-ringed:hover > .p-circ path,
:root[data-theme="paper"] .p-ringed:focus-visible > .p-circ path,
:root[data-theme="paper"] .p-circ.on path,
:root[data-theme="paper"] .p-circ.view path { stroke-dashoffset: 0; }
:root[data-theme="paper"] .p-ringed:focus-visible > .p-circ path { stroke-width: 3.4px; }
:root[data-theme="paper"] .p-circ.view path { stroke-width: 3.2px; }
html.p-ink[data-theme="paper"] .p-circ.view:not(.p-in) path { stroke-dashoffset: 1; }
html.p-ink[data-theme="paper"] .p-circ.view.p-in path { transition-duration: 900ms; transition-delay: 350ms; }

:root[data-theme="paper"] .p-frame {
  position: relative; overflow: visible; rotate: var(--p-tilt, 0deg);
  border-radius: 0; border: 9px solid var(--p-sheet);
  box-shadow: 0 1px 1px rgba(30, 43, 69, 0.14), 0 16px 24px -14px rgba(30, 43, 69, 0.42);
  background-color: var(--p-sheet);
}
:root[data-theme="paper"] .p-frame::after { content: none; }
:root[data-theme="paper"] .p-frame img { border-radius: 0; }
:root[data-theme="paper"] .p-tape {
  display: block; position: absolute; z-index: 4; width: 86px; height: 26px; pointer-events: none;
  background: var(--p-tape);
  box-shadow: 0 1px 2px rgba(30, 43, 69, 0.16);
  clip-path: polygon(0 0, 100% 0, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 100%, 3% 75%, 0 50%, 3% 25%);
}
:root[data-theme="paper"] .p-tape.a { left: -30px; top: -9px; rotate: -38deg; }
:root[data-theme="paper"] .p-tape.b { right: -30px; top: -9px; rotate: 37deg; }

:root[data-theme="paper"] .p-hl {
  background-image: var(--p-img-hl); background-repeat: no-repeat; background-position: 0 90%;
  background-size: 100% 62%; padding: 0 0.1em; margin: 0 -0.05em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  color: var(--p-ink); font-style: normal; font-weight: inherit;
  transition: background-size 760ms var(--p-ease) 260ms;
}
html.p-ink[data-theme="paper"] .p-hl:not(.p-in) { background-size: 0 62%; }

html.p-ink[data-theme="paper"] .p-w {
  display: inline-block;
  clip-path: inset(-0.35em 100% -0.5em -0.1em);
  transition: clip-path 460ms cubic-bezier(.45,.05,.25,1) calc(var(--i, 0) * 85ms + var(--p-delay, 0ms));
}
html.p-ink[data-theme="paper"] .p-in .p-w,
html.p-ink[data-theme="paper"] .p-ink-h.p-in .p-w { clip-path: inset(-0.35em -0.1em -0.5em -0.1em); }
html.p-instant[data-theme="paper"] .p-w, html.p-instant[data-theme="paper"] .p-hl { transition: none !important; }

:root[data-theme="paper"] :is(.prose a, .free p a, .text-link, .foot a, .foot-nav a, .menu-foot a, .menu a, .vent-panel a, .island-links a, .vent-trigger, .contact-addr, .a-why-list dd a, .who-line a, .built-team a) {
  background-image: var(--p-img-wave); background-repeat: no-repeat; background-position: 0 100%;
  background-size: 0 0.34em; box-shadow: none; text-decoration: none;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  transition: background-size 420ms var(--p-ease), color 200ms linear;
}
:root[data-theme="paper"] :is(.prose a, .free p a, .text-link, .foot a, .foot-nav a, .menu-foot a, .menu a, .vent-panel a, .island-links a, .vent-trigger, .contact-addr, .a-why-list dd a, .who-line a, .built-team a):is(:hover, :focus-visible, [aria-current]) {
  background-size: 100% 0.34em;
}
:root[data-theme="paper"] :is(.prose a, .free p a, .a-why-list dd a, .who-line a) { color: var(--p-ink); background-size: 100% 0.2em; background-position: 0 98%; }
:root[data-theme="paper"] :is(.prose a, .free p a, .a-why-list dd a, .who-line a):is(:hover, :focus-visible) { background-size: 100% 0.5em; }
:root[data-theme="paper"] .island-links a:is(:hover, :focus-visible, [aria-current]),
:root[data-theme="paper"] .vent-trigger:is(:hover, :focus-visible, [aria-current], [aria-expanded="true"]) { color: var(--p-ink); }
:root[data-theme="paper"] .p-ringed { background-image: none !important; }

:root[data-theme="paper"] .pen-rule {
  border: 0; background: var(--p-img-rule) 0 100% / 100% 6px no-repeat;
}


:root[data-theme="paper"] .island {
  background: var(--p-sheet); border: 1.5px solid var(--p-ink); border-radius: 16px;
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  padding: 8px 8px 8px 20px;
}
:root[data-theme="paper"] .brand-lock { color: var(--p-ink); }
:root[data-theme="paper"] .brand { font-size: 21px; color: var(--p-ink); }
:root[data-theme="paper"] .island-links a,
:root[data-theme="paper"] .vent-trigger {
  font-family: var(--font-hand); font-size: 1.55rem; font-weight: 700; line-height: 1.1; letter-spacing: 0; color: var(--p-ink);
  padding: 12px 0;
}
:root[data-theme="paper"] .island-links { gap: 22px; }
:root[data-theme="paper"] .island-links a[aria-current],
:root[data-theme="paper"] .vent-trigger[aria-current] { box-shadow: none; color: var(--p-ink); }
:root[data-theme="paper"] .p-ringed.vent-trigger,
:root[data-theme="paper"] .p-ringed.island-links a { padding-inline: 4px; }
:root[data-theme="paper"] .island .btn.sm { font-size: 1.45rem; }

:root[data-theme="paper"] .icon-btn { border: 1.5px solid var(--p-ink); background: var(--p-sheet); color: var(--p-ink); border-radius: 50%; }
:root[data-theme="paper"] .icon-btn:hover { background: var(--p-sheet); border-color: var(--p-ink); }
:root[data-theme="paper"] .theme-btn[aria-expanded="true"] { background: var(--p-sheet); border-color: var(--p-ink); }
:root[data-theme="paper"] .icon-btn svg { stroke-width: 2.2; }

:root[data-theme="paper"] .vent-panel,
:root[data-theme="paper"] .tm-menu {
  background: var(--p-sheet); border: 1.5px solid var(--p-ink); border-radius: 6px;
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 16px 28px -18px rgba(30, 43, 69, 0.4);
}
:root[data-theme="paper"] .vent-panel { width: 270px; padding: 12px; }
:root[data-theme="paper"] .vent-panel a {
  font-family: var(--font-hand); font-size: 1.6rem; font-weight: 700; line-height: 1.1; color: var(--p-ink);
  min-height: 48px; padding: 0 12px; box-shadow: none; border-radius: 0;
}
:root[data-theme="paper"] .vent-panel a:hover,
:root[data-theme="paper"] .vent-panel a[aria-current] { background-color: transparent; color: var(--p-ink); box-shadow: none; }
:root[data-theme="paper"] .vent-all::before, :root[data-theme="paper"] .vent-sep::before { background: var(--p-img-rule) 0 0 / 100% 6px no-repeat; height: 6px; }
:root[data-theme="paper"] .tm-menu { --tm-ring: var(--p-red); }
:root[data-theme="paper"] .tm-name { font-family: var(--font-hand); font-size: 1.45rem; font-weight: 700; color: var(--p-ink); line-height: 1.1; }
:root[data-theme="paper"] .tm-prev { border: 1.5px solid var(--p-ink); border-radius: 3px; }
:root[data-theme="paper"] .tm-tile:hover .tm-prev { border-color: var(--p-red); }
:root[data-theme="paper"] .tm-tile[aria-checked="true"] .tm-prev { border-color: var(--p-ink); box-shadow: 0 0 0 3px var(--p-paper), 0 0 0 5px var(--p-red); }

:root[data-theme="paper"] .menu {
  background-color: rgba(253, 253, 251, 0.99);
  background-image: linear-gradient(to bottom, transparent 31px, var(--p-rule) 31px);
  background-size: 100% 32px; background-position: 0 20px;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
:root[data-theme="paper"] .menu a {
  font-family: var(--font-hand); font-weight: 700; font-size: clamp(2.5rem, 11vw, 3.4rem); letter-spacing: 0; line-height: 1.05;
  color: var(--p-ink); border-bottom: 0; padding: 12px 0 16px; box-shadow: none;
  background-image: var(--p-img-wave), var(--p-img-rule); background-repeat: no-repeat;
  background-size: 0 0.2em, 100% 6px; background-position: 0 calc(100% - 4px), 0 100%;
}
:root[data-theme="paper"] .menu a:is(:hover, :focus-visible, [aria-current]) { background-size: 70% 0.2em, 100% 6px; color: var(--p-ink); padding-left: 0; }
:root[data-theme="paper"] .menu a[aria-current] { color: var(--p-red-text); }
:root[data-theme="paper"] .menu-foot { font-family: var(--font-note); font-size: 1.1rem; color: var(--p-graphite); }
:root[data-theme="paper"] .menu-foot a { font-family: var(--font-note); font-size: 1.1rem; padding: 0; background-image: var(--p-img-wave); background-size: 100% 0.2em; }

:root[data-theme="paper"] .btn {
  font-family: var(--font-hand); font-size: 1.6rem; font-weight: 700; line-height: 1.1; letter-spacing: 0; white-space: nowrap;
  border: 1.5px solid var(--p-ink); border-radius: 14px; color: var(--p-ink);
  padding: 0 14px 0 26px; min-height: 56px;
}
:root[data-theme="paper"] .btn.flat { padding: 0 26px; }
:root[data-theme="paper"] .btn.sm { min-height: 46px; font-size: 1.45rem; padding: 0 20px; }
:root[data-theme="paper"] .btn.solid,
:root[data-theme="paper"] .contact .btn.solid { background: var(--p-hi); color: var(--p-ink); border-color: var(--p-ink); }
:root[data-theme="paper"] .btn.solid:hover,
:root[data-theme="paper"] .contact .btn.solid:hover { background: var(--p-hi-deep); color: var(--p-ink); }
:root[data-theme="paper"] .btn.line,
:root[data-theme="paper"] .contact .btn.line { background: var(--p-sheet); color: var(--p-ink); border-color: var(--p-ink); border-width: 1.5px; }
:root[data-theme="paper"] .btn.line:hover,
:root[data-theme="paper"] .contact .btn.line:hover { background: #FFF6BD; color: var(--p-ink); border-color: var(--p-ink); }
:root[data-theme="paper"] .btn:active { transform: translateY(1px); }
:root[data-theme="paper"] .pip,
:root[data-theme="paper"] .btn.line .pip,
:root[data-theme="paper"] .contact .btn .pip { width: 26px; height: 26px; flex-basis: 26px; background: transparent; color: var(--p-ink); border-radius: 0; }
:root[data-theme="paper"] .pip svg { width: 20px; height: 20px; stroke-width: 2.4; }
:root[data-theme="paper"] .btn:hover .pip { transform: translate3d(2px, -2px, 0); }

:root[data-theme="paper"] footer { padding-top: 56px; }
:root[data-theme="paper"] .foot { font-family: var(--font-note); font-size: 1.1rem; color: var(--p-graphite); line-height: 1.7; }
:root[data-theme="paper"] .foot .motto { font-family: var(--font-hand); font-size: 1.9rem; font-weight: 700; color: var(--p-ink); line-height: 1.1; }
:root[data-theme="paper"] .foot a { color: var(--p-ink); }
:root[data-theme="paper"] .foot-nav {
  border-bottom: 0; padding-bottom: 22px; margin-bottom: 16px;
  background: var(--p-img-rule) 0 100% / 100% 6px no-repeat;
}
:root[data-theme="paper"] .foot-nav a { font-family: var(--font-hand); font-size: 1.6rem; font-weight: 700; color: var(--p-ink); box-shadow: none; line-height: 1.1; }
:root[data-theme="paper"] .foot-nav a[aria-current] { color: var(--p-ink); box-shadow: none; }
:root[data-theme="paper"] .closer-word { fill: var(--p-ink); }
:root[data-theme="paper"] .closer-motto { font-family: var(--font-hand); font-size: clamp(2rem, 3.4vw, 3rem); font-weight: 700; color: var(--p-ink); }

:root[data-theme="paper"] main > #contact { max-width: var(--maxw); margin-inline: auto; padding-inline: max(var(--gutter), env(safe-area-inset-left)); padding-block: clamp(56px, 7vw, 96px); }
:root[data-theme="paper"] main > #contact > .contact,
:root[data-theme="paper"] .contact {
  position: relative; isolation: isolate; overflow: visible;
  background: var(--p-sheet); color: var(--p-ink);
  border: 2px solid var(--p-ink); border-radius: 4px;
  padding: clamp(40px, 6vw, 76px) clamp(24px, 5vw, 64px);
  text-align: left; rotate: -0.4deg;
}
:root[data-theme="paper"] .contact::before { display: none !important; }
:root[data-theme="paper"] .contact::after {
  content: ""; position: absolute; z-index: 4; left: 50%; top: -15px; width: 120px; height: 30px; margin-left: -60px; rotate: 2deg;
  background: var(--p-tape); box-shadow: 0 1px 2px rgba(30, 43, 69, 0.16);
  clip-path: polygon(0 0, 100% 0, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 100%, 3% 75%, 0 50%, 3% 25%);
}
:root[data-theme="paper"] .contact h2 { color: var(--p-ink); margin-bottom: 14px; }
:root[data-theme="paper"] .contact p { color: var(--p-graphite); font-family: var(--font-note); font-size: 1.25rem; line-height: 1.6; max-width: 34ch; margin: 0 0 28px; }
:root[data-theme="paper"] .contact .btn { min-height: 60px; }
:root[data-theme="paper"] .contact-actions { justify-content: flex-start; gap: 18px; }
:root[data-theme="paper"] .contact .contact-addr { color: var(--p-graphite); font-family: var(--font-note); font-size: 1.1rem; margin: 22px 0 0; max-width: none; user-select: all; }
:root[data-theme="paper"] .contact-pick legend { color: var(--p-graphite); font-family: var(--font-hand); font-size: 1.5rem; text-transform: none; letter-spacing: 0; }
:root[data-theme="paper"] .contact-pick span { border-color: var(--p-ink); color: var(--p-ink); border-radius: 12px; font-family: var(--font-hand); font-size: 1.4rem; font-weight: 700; }
:root[data-theme="paper"] .contact-pick input:checked + span { background: var(--p-hi); border-color: var(--p-ink); color: var(--p-ink); }

.p-sweep { position: fixed; inset: 0; z-index: 200; pointer-events: none; }
.p-veil {
  position: absolute; inset: 0; opacity: 0; transition: opacity 320ms ease;
  background-color: #FDFDFB;
  background-image: linear-gradient(to bottom, transparent 31px, #DCE5F0 31px);
  background-size: 100% 32px; background-position: 0 20px;
}
.p-sweep.veiled .p-veil { opacity: 1; }
.p-sweep.lifting .p-veil { opacity: 0; transition-duration: 400ms; }
.p-sweep-svg { position: absolute; inset: 0; transition: opacity 400ms ease; overflow: visible; }
.p-sweep.lifting .p-sweep-svg { opacity: 0; }
.p-pencil-halo { fill: none; stroke: #FDFDFB; stroke-width: 9; stroke-opacity: 0.92; stroke-linecap: round; stroke-linejoin: round; }
.p-pencil { fill: none; stroke: #1E2B45; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.p-sketch { fill: none; stroke: #4F5866; stroke-width: 1.9; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) { .p-sweep { display: none; } }


:root[data-theme="paper"] .spec { border-top: 0; }
:root[data-theme="paper"] .spec > div {
  border-bottom: 0; padding: 18px 0 22px;
  background: var(--p-img-rule) 0 100% / 100% 6px no-repeat;
}
:root[data-theme="paper"] .spec > div:last-child { background: none; }
:root[data-theme="paper"] .spec dt {
  font-family: var(--font-hand); font-size: 1.7rem; font-weight: 700; line-height: 1.1;
  letter-spacing: 0; text-transform: none; color: var(--p-graphite);
}
:root[data-theme="paper"] .spec dd {
  font-family: var(--font-note); font-size: 1.2rem; font-weight: 400; line-height: 1.55; letter-spacing: 0; color: var(--p-ink);
}
@media (min-width: 560px) {
  :root[data-theme="paper"] .spec > div { grid-template-columns: 11rem 1fr; gap: 24px; align-items: baseline; padding: 20px 0 24px; }
}

:root[data-theme="paper"] .bleed-shot { padding: clamp(24px, 4vw, 56px) max(var(--gutter), env(safe-area-inset-left)) clamp(36px, 5vw, 72px); }
:root[data-theme="paper"] .bleed-shot .dfx,
:root[data-theme="paper"] .bleed-shot .sq { max-width: calc(var(--maxw) - 2 * var(--gutter)); margin-inline: auto; }
:root[data-theme="paper"] .dfx-shine, :root[data-theme="paper"] .sq-blade, :root[data-theme="paper"] .sq-tool { display: none !important; }
:root[data-theme="paper"] .sq::before { display: none !important; }
:root[data-theme="paper"] .bleed-shot img { background: var(--p-sheet); }
:root[data-theme="paper"] .jgal .shot:hover img { transform: none; }
:root[data-theme="paper"] .jgal { gap: 26px; }
:root[data-theme="paper"] .shot img { transition: none; }

:root[data-theme="paper"] .rec-num {
  display: inline-block; font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; color: var(--p-ink);
  font-size: clamp(7.5rem, 19vw, 13rem); line-height: 0.82; padding: 0.04em 0.16em 0.06em 0.06em;
}
:root[data-theme="paper"] .rec-lab {
  display: block; margin-top: 26px; font-family: var(--font-hand); font-size: 2.2rem; font-weight: 700; line-height: 1.05;
  letter-spacing: 0; text-transform: none; color: var(--p-graphite);
}
:root[data-theme="paper"] .p-tally { display: block; margin: 22px 0 4px; max-width: 100%; }
:root[data-theme="paper"] .p-tally svg { display: block; max-width: 100%; height: auto; }
:root[data-theme="paper"] .p-tally path {
  fill: none; stroke: var(--p-ink); stroke-width: 2.6px; stroke-linecap: round;
  stroke-dasharray: 1 1; stroke-dashoffset: 0; transition: stroke-dashoffset 300ms ease calc(var(--i) * 38ms + 500ms);
}
:root[data-theme="paper"] .p-tally path.slash { stroke: var(--p-red); }
html.p-ink[data-theme="paper"] .p-tally:not(.p-in) path { stroke-dashoffset: 1; }
:root[data-theme="paper"] .rec-side {
  margin: 26px 0 0; padding: 14px 28px; border: 0; rotate: -0.7deg; max-width: 520px;
}
:root[data-theme="paper"] .rec-side > div { gap: 2px; }
:root[data-theme="paper"] .rec-side dt { font-size: 1.55rem; }
:root[data-theme="paper"] .rec-side dd { font-size: 1.15rem; }
:root[data-theme="paper"] .rec-say h2 { max-width: 12ch; }
:root[data-theme="paper"] .close .big-quote { max-width: 22ch; }
:root[data-theme="paper"] .close .sub { margin-bottom: 34px; }

:root[data-theme="paper"] .w-huge {
  font-size: clamp(4.6rem, 11.5vw, 9.4rem); line-height: 0.86; letter-spacing: 0; font-weight: 700; max-width: 11ch; margin: 0 0 28px;
}
:root[data-theme="paper"] .w-tall { margin: 0; max-width: 520px; justify-self: center; width: 100%; }
:root[data-theme="paper"] .w-tall img { background: var(--p-sheet); aspect-ratio: 3 / 4; }
:root[data-theme="paper"] .w-statement-in { padding-right: max(var(--gutter), env(safe-area-inset-right)); padding-bottom: 20px; }
:root[data-theme="paper"] .w-statement-in > .w-tall { margin-inline: auto; width: min(100% - 36px, 520px); }
@media (min-width: 900px) {
  :root[data-theme="paper"] .w-statement-in { padding-right: max(calc(var(--gutter) + env(safe-area-inset-right)), calc((100% - var(--maxw)) / 2 + var(--gutter))); }
  :root[data-theme="paper"] .w-statement-in > .w-tall { width: 100%; margin-inline: 0; }
}
:root[data-theme="paper"] .w-facts .spec dd::before {
  content: ""; display: inline-block; width: 1.05em; height: 1.05em; margin-right: 0.5em; vertical-align: -0.12em;
  background: var(--p-img-tick) center / contain no-repeat;
}
:root[data-theme="paper"] .w-price h2 { margin-bottom: 8px; }
:root[data-theme="paper"] .v-index { border-top: 0; display: grid; gap: 34px; margin-top: 34px; }
:root[data-theme="paper"] .v-index li { border-bottom: 0; }
:root[data-theme="paper"] .v-index li:nth-child(odd) .v-row { rotate: -0.5deg; }
:root[data-theme="paper"] .v-index li:nth-child(even) .v-row { rotate: 0.5deg; }
:root[data-theme="paper"] .v-row {
  padding: 28px 30px 26px; color: var(--p-ink);
  grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name arrow" "what what" "when when"; gap: 8px 16px;
  transition: translate 300ms var(--p-ease);
}
:root[data-theme="paper"] .v-name {
  font-family: var(--font-hand); font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: 700; letter-spacing: 0; line-height: 1;
  color: var(--p-ink); transition: none;
}
:root[data-theme="paper"] .v-what { font-family: var(--font-note); font-size: 1.15rem; line-height: 1.55; color: var(--p-ink); }
:root[data-theme="paper"] .v-when { font-family: var(--font-hand); font-size: 1.6rem; font-weight: 700; color: var(--p-red-text); text-align: left; white-space: normal; }
:root[data-theme="paper"] .v-arrow { width: 30px; height: 30px; color: var(--p-ink); stroke-width: 2.4; }
:root[data-theme="paper"] .v-index:hover .v-row { opacity: 1; }
:root[data-theme="paper"] .v-row:hover { translate: 0 -3px; }
:root[data-theme="paper"] .v-row:hover .v-name { transform: none; }
:root[data-theme="paper"] .v-row:hover .v-arrow { transform: rotate(45deg); color: var(--p-red); }
@media (min-width: 900px) {
  :root[data-theme="paper"] .v-index { grid-template-columns: 1fr 1fr; gap: 44px; }
  :root[data-theme="paper"] .v-row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name arrow" "what what" "when when"; align-items: baseline; gap: 10px 16px; padding: 34px 34px 30px; }
}

:root[data-theme="paper"] .a-who-in { padding-inline: max(var(--gutter), env(safe-area-inset-left)); gap: 40px; }
:root[data-theme="paper"] .a-portrait { margin: 0 auto; max-width: 470px; width: min(100% - 20px, 470px); }
:root[data-theme="paper"] .a-portrait img { background: var(--p-sheet); }
:root[data-theme="paper"] .a-who-copy { padding: 0; }
@media (min-width: 900px) {
  :root[data-theme="paper"] .a-who-in {
    grid-template-columns: 0.72fr 1fr; gap: 72px;
    padding-left: max(calc(var(--gutter) + env(safe-area-inset-left)), calc((100% - var(--maxw)) / 2 + var(--gutter)));
    padding-right: max(calc(var(--gutter) + env(safe-area-inset-right)), calc((100% - var(--maxw)) / 2 + var(--gutter)));
  }
  :root[data-theme="paper"] .a-portrait { margin: 0; width: 100%; }
}
:root[data-theme="paper"] .a-title { font-size: clamp(3.4rem, 7.4vw, 6rem); line-height: 0.94; margin: 0 0 22px; }
:root[data-theme="paper"] .a-lead,
:root[data-theme="paper"] .a-lead-rule {
  font-family: var(--font-hand); font-weight: 700; font-size: clamp(2rem, 3.6vw, 2.8rem); line-height: 1.08; letter-spacing: 0;
  color: var(--p-ink); max-width: 22ch;
}
:root[data-theme="paper"] .a-lead-rule { max-width: 18ch; }
:root[data-theme="paper"] .th-yaml { margin-top: 28px; }
:root[data-theme="paper"] .a-why-head { font-size: clamp(3rem, 6vw, 4.9rem); line-height: 0.98; font-weight: 700; letter-spacing: 0; max-width: 12ch; }
:root[data-theme="paper"] .a-why-head b { font-weight: 700; }
:root[data-theme="paper"] .a-why-copy .who-line { color: var(--p-graphite); }
:root[data-theme="paper"] .a-why-list dd a { text-decoration: none; }

:root[data-theme="paper"] .story { max-width: 1000px; position: relative; padding-left: clamp(46px, 7vw, 74px); }
:root[data-theme="paper"] #story:not(.st-live) .story::before {
  content: ""; position: absolute; left: 14px; top: 20px; bottom: 20px; width: 6px;
  background: var(--p-img-vrule) 0 0 / 100% 100% no-repeat;
}
:root[data-theme="paper"] #story:not(.st-live) .chap { border: 0; position: relative; padding: 26px 0 30px; }
:root[data-theme="paper"] #story:not(.st-live) .chap:last-child { border: 0; }
:root[data-theme="paper"] #story:not(.st-live) .chap::before {
  content: ""; position: absolute; left: calc(-1 * clamp(46px, 7vw, 74px) + 4px); top: 44px; width: 22px; height: 22px;
  border: 2.6px solid var(--p-ink); border-radius: 52% 48% 55% 45% / 48% 54% 46% 52%; background: var(--p-hi);
}
:root[data-theme="paper"] .chap-yr {
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; color: var(--p-ink);
  font-size: clamp(4.4rem, 14vw, 6.4rem); line-height: 0.9;
}
:root[data-theme="paper"] .chap-entry h3 { font-size: clamp(1.9rem, 3vw, 2.4rem); }
:root[data-theme="paper"] .chap-entry p { max-width: 52ch; }
@media (min-width: 760px) {
  :root[data-theme="paper"] .chap-yr { font-size: clamp(5rem, 9vw, 8rem); }
}
:root[data-theme="paper"] .st-axis { height: 6px; background: var(--p-img-rule) 0 50% / 100% 6px no-repeat; margin-top: -3px; }
:root[data-theme="paper"] .st-axis > span { height: 6px; background: var(--p-img-rule) 0 50% / 100% 6px no-repeat; filter: brightness(0.2); }
:root[data-theme="paper"] .st-live .story { padding-left: 0; }
:root[data-theme="paper"] .st-live .chap-yr { font-size: clamp(3.6rem, 7vw, 6.6rem); }
:root[data-theme="paper"] .st-live .chap-entry p { font-size: 1.12rem; line-height: 1.5; max-width: 36ch; }
:root[data-theme="paper"] .st-dot { background: var(--p-hi); border: 2.4px solid var(--p-ink); width: 15px; height: 15px; margin-left: -7px; }
:root[data-theme="paper"] .st-live .chap::before { background: var(--p-img-vrule) 0 0 / 100% 100% no-repeat; width: 6px; margin-left: -3px; }
@media (max-width: 699px) {
  :root[data-theme="paper"] .st-live .chap-yr { font-size: clamp(3.2rem, 15vw, 4.2rem); }
  :root[data-theme="paper"] .st-live .chap-entry p { font-size: 1.1rem; line-height: 1.42; }
  :root[data-theme="paper"] .st-live .chap-entry h3 { font-size: 1.7rem; }
}

:root[data-theme="paper"] .nf h1 { font-size: clamp(3.8rem, 10vw, 7.4rem); line-height: 0.92; max-width: 11ch; margin-bottom: 20px; }
:root[data-theme="paper"] .nf .lede { font-size: 1.35rem; color: var(--p-graphite); max-width: 32ch; }
:root[data-theme="paper"] .nf-addr {
  display: inline-block; align-self: flex-start; margin: 0 0 12px; padding: 0 0.15em;
  font-family: var(--font-hand); font-size: clamp(2.2rem, 6vw, 3.4rem); font-weight: 700; line-height: 1.1;
  color: var(--p-graphite); overflow-wrap: anywhere; max-width: 100%;
  background: var(--p-img-wave) 0 56% / 100% 0.14em no-repeat;
  animation: p-strike 700ms var(--p-ease) 500ms both;
}
@keyframes p-strike { from { background-size: 0 0.14em; } to { background-size: 100% 0.14em; } }
:root[data-theme="paper"] .nf .watch { fill: var(--p-ink); }
@media (prefers-reduced-motion: reduce) { :root[data-theme="paper"] .nf-addr { animation: none; } }

:root[data-theme="paper"] .rec-side dt { text-transform: none; letter-spacing: 0; color: var(--p-graphite); font-size: 1.6rem; font-weight: 700; }
:root[data-theme="paper"] .rec-side dd { font-size: 1.25rem; color: var(--p-ink); font-weight: 400; letter-spacing: 0; }

:root[data-theme="paper"] .p-draw.cream .p-fill { fill: var(--op-canvas); }

:root[data-theme="paper"][data-page="outposts"] :is(.btn, .status, .eyebrow, .menu a, .foot strong, .next-link, .num, .yr, .beta-go):not(.contact *) {
  font-family: var(--font-hand); font-weight: 700; letter-spacing: 0;
}
:root[data-theme="paper"][data-page="outposts"] .contact { font-family: var(--font-note); font-weight: 400; }
:root[data-theme="paper"][data-page="outposts"] .menu-foot,
:root[data-theme="paper"][data-page="outposts"] .menu-foot a { font-family: var(--font-note); }
:root[data-theme="paper"][data-page="outposts"] body { font-weight: 400; letter-spacing: 0; }
:root[data-theme="paper"][data-page="outposts"] main :is(h1, h2, h3, .op-h3) { font-family: var(--font-hand); font-weight: 700; letter-spacing: 0; color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .contact h2 { font-family: var(--font-hand); font-weight: 700; }

:root[data-theme="paper"][data-page="outposts"] .page-head {
  background: none; color: var(--p-ink); border-bottom: 0; overflow: visible;
  padding-top: clamp(126px, calc(var(--vh, 1svh) * 17), 172px); padding-bottom: 360px;
}
:root[data-theme="paper"][data-page="outposts"] .page-head::before {
  display: block; content: ""; background: var(--p-tape); z-index: 2; width: 130px; height: 30px;
  position: absolute; left: 50%; bottom: 290px; top: auto; right: auto; margin-left: -65px; rotate: -2deg;
  box-shadow: 0 1px 2px rgba(30, 43, 69, 0.16);
  clip-path: polygon(0 0, 100% 0, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 100%, 3% 75%, 0 50%, 3% 25%);
}
:root[data-theme="paper"][data-page="outposts"] .page-head::after {
  left: max(var(--gutter), calc((100% - var(--maxw)) / 2 + var(--gutter))); right: max(var(--gutter), calc((100% - var(--maxw)) / 2 + var(--gutter)));
  bottom: 26px; height: 270px; z-index: 1;
  background: url("../img/outposts/village-strip.png") center bottom / 1542px 252px no-repeat, var(--op-canvas);
  image-rendering: pixelated;
  border: 9px solid var(--p-sheet); rotate: -0.5deg;
  box-shadow: 0 1px 1px rgba(30, 43, 69, 0.14), 0 16px 24px -14px rgba(30, 43, 69, 0.42);
}
:root[data-theme="paper"][data-page="outposts"] .page-head h1 { color: var(--p-ink); font-size: clamp(3.6rem, 9.4vw, 7rem); max-width: 14ch; }
:root[data-theme="paper"][data-page="outposts"] .page-head .lede { color: var(--p-graphite); font-size: 1.3rem; max-width: 36ch; }
:root[data-theme="paper"][data-page="outposts"] .page-head .app-mark {
  background: var(--op-slate); border: 6px solid var(--p-sheet); border-radius: 0; rotate: -3deg;
  box-shadow: 0 1px 1px rgba(30, 43, 69, 0.14), 0 14px 22px -12px rgba(30, 43, 69, 0.5);
  width: 100px; height: 100px; margin: 0 0 30px; position: relative; overflow: visible;
}
:root[data-theme="paper"][data-page="outposts"] .page-head .app-mark .p-tape { width: 62px; height: 22px; }
:root[data-theme="paper"][data-page="outposts"] .page-head .app-mark .p-tape.a { left: -26px; top: -12px; }
:root[data-theme="paper"][data-page="outposts"] .page-head .app-mark .p-tape.b { right: -26px; top: -12px; }
@media (max-width: 720px) {
  :root[data-theme="paper"][data-page="outposts"] .page-head { padding-bottom: 316px; }
  :root[data-theme="paper"][data-page="outposts"] .page-head::before { bottom: 246px; }
  :root[data-theme="paper"][data-page="outposts"] .page-head::after { height: 214px; background-size: 1056px 200px; bottom: 24px; }
}

:root[data-theme="paper"][data-page="outposts"] .beta-call { color: var(--p-ink); padding: 14px 14px 14px 26px; margin-top: 34px; gap: 14px 24px; }
:root[data-theme="paper"][data-page="outposts"] .beta-call:hover { transform: translateY(-2px) rotate(-0.4deg); }
:root[data-theme="paper"][data-page="outposts"] .beta-text { font-family: var(--font-note); font-size: 1.15rem; line-height: 1.4; color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .beta-text strong { font-weight: 700; }
:root[data-theme="paper"][data-page="outposts"] .beta-go { color: var(--p-paper); font-size: 1.5rem; min-height: 48px; padding: 0 22px 0 24px; }
:root[data-theme="paper"][data-page="outposts"] .beta-go svg { stroke-width: 2.4; }
:root[data-theme="paper"][data-page="outposts"] .beta-call:focus-visible { outline: 3px solid var(--p-red); outline-offset: 6px; }

:root[data-theme="paper"][data-page="outposts"] .op-band {
  display: flex; align-items: center; gap: 16px; margin: 0 0 clamp(22px, 3vw, 36px); padding: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none; rotate: -1.2deg;
}
:root[data-theme="paper"][data-page="outposts"] .op-band img { display: none; }
:root[data-theme="paper"][data-page="outposts"] .op-band-n {
  font-family: var(--font-hand); font-weight: 700; order: -1; margin: 0; min-width: 52px; text-align: center; padding: 4px 14px 2px;
  font-size: 2.1rem; line-height: 1.05; color: var(--p-red-text); background: none; box-shadow: none;
  border: 2.6px solid var(--p-red); border-radius: 52% 48% 55% 45% / 48% 54% 46% 52%; transform: none;
}
:root[data-theme="paper"][data-page="outposts"] .op-band-t {
  font-family: var(--font-hand); font-weight: 700; padding: 0 2px 4px; font-size: 2.1rem; line-height: 1.05; color: var(--p-red-text); text-shadow: none;
  background: var(--p-img-wave) 0 100% / 100% 0.16em no-repeat;
}
:root[data-theme="paper"][data-page="outposts"] .op-band:hover .op-band-n { transform: none; }

:root[data-theme="paper"][data-page="outposts"] main h2 { font-size: clamp(2.8rem, 6vw, 4.5rem); line-height: 1; max-width: 20ch; }
:root[data-theme="paper"][data-page="outposts"] .op-h3 { font-size: clamp(2.1rem, 3.4vw, 2.8rem); margin: clamp(44px, 5vw, 64px) 0 22px; }
:root[data-theme="paper"][data-page="outposts"] .sub { font-size: 1.25rem; color: var(--p-graphite); max-width: 46ch; }
:root[data-theme="paper"][data-page="outposts"] .diamonds { gap: 20px; }
:root[data-theme="paper"][data-page="outposts"] .diamonds li {
  padding-left: 44px; font-family: var(--font-note); font-weight: 700; font-size: 1.2rem; line-height: 1.45; color: var(--p-ink);
}
:root[data-theme="paper"][data-page="outposts"] .diamonds li::before {
  left: 2px; top: 0.2em; width: 26px; height: 26px; transform: rotate(-4deg);
  background: var(--p-img-dia) center / contain no-repeat; border: 0;
}
:root[data-theme="paper"][data-page="outposts"] .diamonds small { font-size: 1.1rem; font-weight: 400; color: var(--p-graphite); margin-top: 4px; line-height: 1.5; }
:root[data-theme="paper"][data-page="outposts"] .nw { white-space: nowrap; }

:root[data-theme="paper"][data-page="outposts"] .screen { background: var(--p-sheet); }
:root[data-theme="paper"][data-page="outposts"] .screen:hover { transform: none; }
:root[data-theme="paper"][data-page="outposts"] .screen video, :root[data-theme="paper"][data-page="outposts"] .screen img { background: var(--op-canvas); }
:root[data-theme="paper"][data-page="outposts"] .reel { gap: 40px; }
:root[data-theme="paper"][data-page="outposts"] .rail-item,
:root[data-theme="paper"][data-page="outposts"] .market-phone { padding: 0; background-color: var(--p-sheet); }
:root[data-theme="paper"][data-page="outposts"] .rail-item img,
:root[data-theme="paper"][data-page="outposts"] .market-phone img { border-radius: 0; }
:root[data-theme="paper"][data-page="outposts"] .rail-item:hover,
:root[data-theme="paper"][data-page="outposts"] .market-phone:hover { transform: none; }
:root[data-theme="paper"][data-page="outposts"] .rail-item:nth-child(even):hover { transform: translate3d(0, var(--stagger), 0); }
:root[data-theme="paper"][data-page="outposts"] .rail-row { padding-top: 44px; gap: clamp(26px, 3vw, 44px); }
:root[data-theme="paper"][data-page="outposts"] .rail-item .p-tape { width: 70px; }
:root[data-theme="paper"][data-page="outposts"] .market-phone img { width: clamp(240px, 26vw, 300px); }
:root[data-theme="paper"][data-page="outposts"] .film-play { background: none; }
:root[data-theme="paper"][data-page="outposts"] .film-play-dot {
  background: var(--p-hi); border: 3px solid var(--p-ink); box-shadow: 0 10px 18px -8px rgba(30, 43, 69, 0.5); border-radius: 50% 46% 52% 48% / 48% 52% 46% 52%;
}
:root[data-theme="paper"][data-page="outposts"] .film-play-dot svg { fill: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .film-play-t { font-family: var(--font-hand); font-weight: 700; font-size: 1.6rem; padding: 10px 20px 8px; color: var(--p-ink); background: transparent; border-radius: 0; line-height: 1.1; }
:root[data-theme="paper"][data-page="outposts"] .film-len { color: var(--p-red-text); }
:root[data-theme="paper"][data-page="outposts"] .film-play:focus-visible { outline: 3px solid var(--p-red); outline-offset: -10px; }
:root[data-theme="paper"][data-page="outposts"] #screens {
  background: none; color: var(--p-ink); border-block: 0; padding-block: clamp(56px, 7vw, 92px);
}
:root[data-theme="paper"][data-page="outposts"] #screens::before { display: none; }
:root[data-theme="paper"][data-page="outposts"] #screens h2 { color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] #screens p { color: var(--p-graphite); font-size: 1.25rem; }
:root[data-theme="paper"][data-page="outposts"] .rail-btn { background: transparent; border: 1.5px solid var(--p-ink); box-shadow: none; color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .rail-btn:not(:disabled):hover,
:root[data-theme="paper"][data-page="outposts"] .rail-btn:not(:disabled):active { transform: none; box-shadow: none; }
:root[data-theme="paper"][data-page="outposts"] #screens a:focus-visible,
:root[data-theme="paper"][data-page="outposts"] #screens button:focus-visible { outline: 3px solid var(--p-red); }
:root[data-theme="paper"][data-page="outposts"] .rail:focus-visible { outline: 3px solid var(--p-red); outline-offset: -3px; }

:root[data-theme="paper"][data-page="outposts"] .decay-row { gap: 34px; }
:root[data-theme="paper"][data-page="outposts"] .op-callout { padding: 24px 28px; color: var(--p-ink); font-family: var(--font-note); font-weight: 400; font-size: 1.15rem; line-height: 1.5; }
:root[data-theme="paper"][data-page="outposts"] .op-callout.green { background: none; color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .op-callout strong { font-family: var(--font-hand); font-size: 2rem; line-height: 1.05; color: var(--p-ink); margin-bottom: 6px; }

:root[data-theme="paper"][data-page="outposts"] .isles { gap: clamp(24px, 3vw, 40px); margin-bottom: 56px; }
:root[data-theme="paper"][data-page="outposts"] .isle { background-color: var(--op-canvas); padding: 12px 8px 14px; }
:root[data-theme="paper"][data-page="outposts"] .isle:hover { transform: none; }
:root[data-theme="paper"][data-page="outposts"] .isle b { font-family: var(--font-hand); font-weight: 700; font-size: clamp(1.9rem, 2.4vw, 2.3rem); color: var(--p-ink); line-height: 1.05; }
:root[data-theme="paper"][data-page="outposts"] .isle span { font-family: var(--font-note); font-weight: 400; font-size: 1.1rem; color: var(--p-graphite); }
:root[data-theme="paper"][data-page="outposts"] .free { padding: 28px 30px; }
:root[data-theme="paper"][data-page="outposts"] .free p { font-family: var(--font-note); font-size: 1.2rem; color: var(--p-ink); max-width: 40ch; }
:root[data-theme="paper"][data-page="outposts"] .decos { gap: 18px; margin-top: 22px; }
:root[data-theme="paper"][data-page="outposts"] .decos li { font-family: var(--font-note); font-weight: 700; font-size: 1.1rem; color: var(--p-ink); background: none; padding: 12px 14px; line-height: 1.25; }
:root[data-theme="paper"][data-page="outposts"] .decos small { font-family: var(--font-note); font-weight: 400; font-size: 1.05rem; color: var(--p-graphite); }

:root[data-theme="paper"][data-page="outposts"] .sizes { gap: 20px; }
:root[data-theme="paper"][data-page="outposts"] .sizes li {
  background: none; font-family: var(--font-hand); font-weight: 700; font-size: 1.5rem; letter-spacing: 0; text-transform: none; color: var(--p-ink); min-width: 92px; padding: 8px 14px 10px;
}
:root[data-theme="paper"][data-page="outposts"] .sizes b { font-family: var(--font-hand); font-size: 2.8rem; color: var(--p-ink); line-height: 1; }
:root[data-theme="paper"][data-page="outposts"] .faces img { background: var(--op-canvas); border: 2.5px solid var(--p-ink); box-shadow: none; }
:root[data-theme="paper"][data-page="outposts"] .halls li { font-family: var(--font-note); font-weight: 400; font-size: 1.15rem; color: var(--p-graphite); }
:root[data-theme="paper"][data-page="outposts"] .halls b { font-family: var(--font-hand); font-weight: 700; font-size: 2.4rem; color: var(--p-ink); background: var(--p-img-hl) 0 90% / 100% 52% no-repeat; padding: 0 0.15em; }
:root[data-theme="paper"][data-page="outposts"] .halls figcaption { font-family: var(--font-note); font-weight: 400; font-size: 1.1rem; letter-spacing: 0; text-transform: none; color: var(--p-graphite); }

:root[data-theme="paper"][data-page="outposts"] .dares { gap: 40px; }
:root[data-theme="paper"][data-page="outposts"] .dare { padding: 28px 28px 30px; }
:root[data-theme="paper"][data-page="outposts"] .dare h3 { font-size: clamp(2.2rem, 3vw, 2.7rem); color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .dare p { font-family: var(--font-note); font-weight: 400; font-size: 1.15rem; color: var(--p-graphite); line-height: 1.55; }
:root[data-theme="paper"][data-page="outposts"] .dare .pay { color: var(--p-ink); font-weight: 700; }
:root[data-theme="paper"][data-page="outposts"] .villains { gap: 22px; }
:root[data-theme="paper"][data-page="outposts"] .villains li { font-family: var(--font-hand); font-weight: 700; font-size: 1.3rem; line-height: 1.05; color: var(--p-ink); padding: 14px 4px 12px; background: none; }
:root[data-theme="paper"][data-page="outposts"] .villains small { font-family: var(--font-note); font-weight: 400; font-size: 1.05rem; color: var(--p-graphite); }

:root[data-theme="paper"][data-page="outposts"] .op-card.dark { color: var(--p-ink); padding: clamp(34px, 4.6vw, 58px); overflow: visible; }
:root[data-theme="paper"][data-page="outposts"] .never h2 { color: var(--p-ink); }
:root[data-theme="paper"][data-page="outposts"] .never-sub { font-family: var(--font-note); font-weight: 400; font-size: 1.25rem; color: var(--p-graphite); }
:root[data-theme="paper"][data-page="outposts"] .nevers { gap: 20px; margin-bottom: 36px; }
:root[data-theme="paper"][data-page="outposts"] .nevers li { background: none; color: var(--p-ink); font-family: var(--font-hand); font-weight: 700; font-size: 1.9rem; line-height: 1.05; padding: 16px 16px 14px; }
:root[data-theme="paper"][data-page="outposts"] .nevers .x { background: var(--p-img-cross) center / contain no-repeat; width: 38px; height: 38px; border-radius: 0; }
:root[data-theme="paper"][data-page="outposts"] .nevers .x svg { display: none; }
:root[data-theme="paper"][data-page="outposts"] .never-line { font-family: var(--font-hand); font-weight: 700; font-size: clamp(2.3rem, 4vw, 3.2rem); line-height: 1.04; color: var(--p-ink); max-width: 24ch; }
:root[data-theme="paper"][data-page="outposts"] .never-line em { color: var(--p-ink); }

:root[data-theme="paper"][data-page="outposts"] .built-tiles { gap: 36px; }
:root[data-theme="paper"][data-page="outposts"] .built-tiles li { padding: 26px 30px 28px; font-family: var(--font-note); font-weight: 400; font-size: 1.15rem; line-height: 1.5; color: var(--p-graphite); }
:root[data-theme="paper"][data-page="outposts"] .built-tiles b { display: block; width: fit-content; font-family: var(--font-hand); font-weight: 700; font-size: clamp(3rem, 5vw, 4rem); line-height: 1; color: var(--p-ink); margin: 0 0 8px; padding: 0.04em 0.18em; }
:root[data-theme="paper"][data-page="outposts"] .built-team { font-family: var(--font-note); font-size: 1.2rem; color: var(--p-graphite); max-width: 56ch; }
:root[data-theme="paper"][data-page="outposts"] #contact { padding-top: clamp(56px, 7vw, 92px); }

@media (prefers-reduced-motion: no-preference) {
  :root[data-theme="paper"][data-page="outposts"] .rise { transform: translate3d(0, 20px, 0); }
  :root[data-theme="paper"][data-page="outposts"] .rise.in { transform: none; transition: opacity 600ms var(--p-ease), transform 700ms var(--p-ease); }
}

:root[data-theme="paper"] body :is(.a-lead, .a-lead-rule) {
  font-family: var(--font-hand); font-weight: 700; font-size: clamp(2rem, 3.6vw, 2.8rem); line-height: 1.08; color: var(--p-ink);
}
:root[data-theme="paper"] .foot, :root[data-theme="paper"] .menu-foot, :root[data-theme="paper"] .menu-foot a { font-size: 1.15rem; }
:root[data-theme="paper"] .contact .contact-addr { font-size: 1.15rem; }

:root[data-theme="paper"][data-page="outposts"] .contact { text-align: left; }
:root[data-theme="paper"][data-page="outposts"] .contact-pick { justify-content: flex-start; margin: 0 0 28px; max-width: none; }
:root[data-theme="paper"][data-page="outposts"] .contact-actions { justify-content: flex-start; }
:root[data-theme="paper"][data-page="outposts"] .contact p { margin-inline: 0; }

:root[data-theme="paper"] .v-name {
  justify-self: start; padding-bottom: 0.08em;
  background: var(--p-img-wave) 0 100% / 0 0.14em no-repeat; transition: background-size 420ms var(--p-ease);
}
:root[data-theme="paper"] .v-row:is(:hover, :focus-visible) .v-name { background-size: 100% 0.14em; }
:root[data-theme="paper"] .v-row:focus-visible { outline: 3px solid var(--p-red); outline-offset: 6px; }