@import url('https://fonts.googleapis.com/css2?family=Rye&family=Roboto+Slab:wght@400;500&family=Oswald:wght@400;500;600&display=swap');

:root{color-scheme:dark;--ink:#21190f;--cream:#dfc9a7;--muted:#b99460;--red:#772217;--paper:#e6d0a9;--display:'Oswald','Arial Narrow',sans-serif;--body:'Roboto Slab',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#110e0a;color:var(--cream);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d6b078;outline-offset:6px}a:hover{color:#fff0ce}.skip-link{position:fixed;z-index:10;top:12px;left:12px;transform:translateY(-160%);padding:14px;background:var(--red)}.skip-link:focus{transform:translateY(0)}.site-shell{max-width:1680px;margin:0 auto;box-shadow:0 0 70px #0008}.masthead,footer{background-color:#1c140e;background-image:linear-gradient(90deg,#120e0acc,#21150e44,#120e0acc),repeating-linear-gradient(2deg,#9d794d09 0px,#9d794d09 1px,transparent 2px,transparent 7px)}.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 3.2%;border-bottom:1px solid #a6804966}.frontier-brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.longhorn{display:block;width:118px;height:64px;background-image:url('/assets/raye-outpost.png');background-size:1342px 895px;background-position:-36px -16px}.frontier-brand strong{font-family:var(--display);font-size:clamp(21px,2.1vw,31px);letter-spacing:3px;font-weight:500;line-height:1.2;display:block}.frontier-brand small{display:block;font-family:var(--display);font-size:14px;letter-spacing:2.2px;margin-top:4px}.masthead nav{display:flex;gap:clamp(18px,2.8vw,44px);align-items:center}.masthead nav a{font-family:var(--display);font-size:16px;letter-spacing:2px;white-space:nowrap;transition:color .2s}.raye-brand{font-family:'Rye',Georgia,serif;font-size:27px;letter-spacing:2px;padding:9px 36px;background:linear-gradient(#6e2119,#43160f);border:1px solid #b59360;outline:1px solid #b5936066;outline-offset:3px;white-space:nowrap}.outpost-layout{display:grid;grid-template-columns:68.8% 31.2%;align-items:stretch}.outpost{position:relative;overflow:hidden;background:#24190e;min-width:0}.portrait{position:absolute;inset:0;overflow:hidden}.portrait img{display:block;position:absolute;width:145.317%;height:auto;max-width:none;left:0;top:-12.034%;}.outpost::after{content:'';display:block;aspect-ratio:1057/831;pointer-events:none}.hero-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mission{color:var(--ink);padding:clamp(24px,2.5vw,42px) clamp(25px,3.65vw,60px);background-color:var(--paper);background-image:linear-gradient(#e4cfa959,#e4cfa959),url('/assets/raye-outpost.png');background-repeat:no-repeat;background-size:auto,4200% auto;background-position:center,71% 14%;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #78624066;box-shadow:inset 8px 0 22px #4b30101c}.mission-top{text-align:center}.star{font-size:22px;color:#4d2b18}.mission h2{font-family:var(--display);font-size:clamp(19px,1.6vw,25px);font-weight:500;letter-spacing:3px;line-height:1.45;margin:7px 0 25px}.responsibilities{list-style:none;padding:24px 0 26px;margin:0;border-top:1px solid #73523666;border-bottom:1px solid #73523666;display:grid;gap:clamp(21px,2.1vw,33px)}.responsibilities li{display:flex;align-items:center;gap:clamp(18px,2vw,30px)}.responsibilities svg{width:clamp(39px,3.5vw,53px);height:56px;flex-shrink:0}.responsibilities h3{font-family:var(--display);font-size:clamp(19px,1.7vw,25px);font-weight:500;letter-spacing:1.5px;margin:0 0 3px}.responsibilities p{font-family:var(--body);font-size:clamp(14px,1.14vw,17px);line-height:1.55;margin:0}.frontier-tie{text-align:center;padding-top:21px}.tie-label{font-family:var(--display);font-size:14px;letter-spacing:2px;margin:0 0 11px;color:#593522}.frontier-button{display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(110deg,#6d1c13,#8d3020 65%,#681d13);color:var(--cream);font-family:var(--display);font-weight:500;font-size:clamp(19px,1.8vw,27px);letter-spacing:2px;padding:17px 10px;border:1px solid #602417;box-shadow:inset 0 0 10px #34100644;transition:background .2s,transform .2s}.frontier-button:hover{background:#592016;transform:translateY(-2px)}.frontier-button span{font-family:Georgia,serif;font-size:30px}.star-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:21px auto 13px;width:65%;color:#593522}.star-divider::before,.star-divider::after{content:'';height:1px;background:#8f714a88;flex:1}.star-divider span{font-size:23px;line-height:1}.closing{font-family:var(--display);font-size:clamp(18px,1.6vw,24px);letter-spacing:2.5px;line-height:1.45;margin:0;color:#54321e}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4.3%;border-top:1px solid #96704477;font-family:var(--display);font-size:16px;letter-spacing:2px;color:#bf9861}footer p{margin:0;display:flex;align-items:center;gap:24px}footer p>span:first-child{font-size:25px}footer>a:last-child{border-left:1px solid #94704355;padding-left:28px}footer a{white-space:nowrap}
@media(min-width:1681px){.portrait img{top:-12.034%}}
@media(max-width:1200px) and (min-width:801px){.masthead{gap:18px}.longhorn{display:none}.masthead nav{gap:19px}.masthead nav a{font-size:14px}.raye-brand{padding:9px 24px;font-size:23px}.outpost-layout{grid-template-columns:66% 34%}.outpost::after{aspect-ratio:auto;min-height:680px}.portrait img{height:123.23%;width:auto;top:-12.034%;left:50%;transform:translateX(-34.4%)}.mission{padding:26px}.responsibilities p{font-size:14px}.responsibilities{gap:23px;padding:25px 0}.responsibilities li{gap:15px}.responsibilities h3{font-size:20px}.mission h2{font-size:21px}.frontier-button{font-size:21px}footer{font-size:14px;gap:18px}footer p{gap:12px}.footer-phrase{display:block}}
@media(max-width:800px){.masthead{padding:17px 22px;flex-wrap:wrap;gap:21px;min-height:0}.frontier-brand{gap:9px}.longhorn{width:63px;height:39px;background-size:768px 512px;background-position:-22px -9px}.frontier-brand strong{font-size:20px;letter-spacing:2px}.frontier-brand small{font-size:11px;letter-spacing:1.4px}.raye-brand{font-size:19px;padding:7px 16px;order:1}.masthead nav{order:2;width:100%;justify-content:space-between;gap:14px;border-top:1px solid #b28e5344;padding-top:15px}.masthead nav a{font-size:14px;letter-spacing:1.4px}.outpost-layout{display:block}.outpost{display:flex;flex-direction:column}.outpost::after{display:none}.portrait{position:relative;inset:auto;aspect-ratio:624/680;order:1}.portrait img{width:246.154%;left:-69.712%;top:-16.18%;}.hero-copy{position:relative;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;padding:30px 25px 32px;text-align:center;background:#21160f;order:2;border-top:1px solid #a57c4780}.eyebrow{font-family:var(--display);font-size:14px;letter-spacing:4px;margin:0 0 12px;color:#b99663}.hero-copy h1{font-family:'Rye',Georgia,serif;font-size:clamp(42px,10vw,66px);font-weight:400;line-height:1.1;letter-spacing:2px;margin:0 0 14px}.hero-copy h2{font-family:var(--display);font-size:24px;letter-spacing:3px;font-weight:500;margin:0}.hero-copy .star-divider{color:var(--cream);max-width:225px;margin:18px auto}.role{font-family:var(--display);font-size:20px;line-height:1.5;letter-spacing:2px;margin:0 0 18px}.intro{font-size:16px;line-height:1.8;margin:0}.mission{padding:31px max(27px,7vw) 37px;border:0}.mission h2{font-size:24px;margin-bottom:25px}.responsibilities{gap:28px;padding:29px 0}.responsibilities li{gap:25px}.responsibilities svg{width:48px}.responsibilities h3{font-size:23px}.responsibilities p{font-size:16px}.frontier-tie{padding-top:24px}.frontier-button{font-size:25px;padding:17px}.closing{font-size:23px}.tie-label{font-size:14px}.star-divider{margin-top:24px;max-width:240px}footer{padding:27px 24px;gap:22px;justify-content:center;flex-wrap:wrap;text-align:center;font-size:14px}footer p{width:100%;justify-content:center;flex-wrap:wrap;gap:7px 15px;line-height:1.7}footer p>span:first-child{display:none}footer>a:last-child{padding-left:22px}}
@media(max-width:380px){.masthead{padding:16px}.longhorn{display:none}.frontier-brand strong{font-size:19px}.raye-brand{font-size:18px;padding:7px 12px}.responsibilities li{gap:18px}.responsibilities p{font-size:15px}.frontier-button{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none!important}}

@media(min-width:1201px){.mission{padding:28px 3vw}.mission h2{margin-bottom:22px}.responsibilities{gap:24px;padding:25px 0}.responsibilities li{gap:23px}.responsibilities p{font-size:clamp(14px,1.05vw,17px)}.frontier-tie{padding-top:19px}.star-divider{margin-top:18px}.portrait img{top:0;transform:translateY(-9.765625%)}}

/* Keep the supplied artwork inside its photo panel at intermediate sizes. */
@media(min-width:801px){.portrait img{clip-path:inset(0 0 9.18% 0)}.mission{padding-left:28px;padding-right:28px}.responsibilities p{font-size:16px}.responsibilities li{gap:18px}}
@media(min-width:801px) and (max-width:1200px){.outpost-layout{grid-template-columns:62% 38%}.portrait img{left:0;transform:none}.hero-copy{position:absolute;inset:auto 0 0;width:auto;height:auto;padding:20px;clip-path:none;white-space:normal;background:#21160f}.hero-copy .eyebrow,.hero-copy h2,.hero-copy .star-divider,.hero-copy .role,.hero-copy .intro{display:none}.hero-copy h1{font-family:Rye,Georgia,serif;font-size:38px;font-weight:400;text-align:center;margin:0}.responsibilities{gap:20px}.responsibilities h3{font-size:20px}.responsibilities p{font-size:16px}.frontier-button{font-size:20px}.mission h2{font-size:20px}.portrait img{width:auto;height:123.23%}}

@media(min-width:801px) and (max-width:1200px){.portrait img{left:50%;transform:translateX(-48.5%)}.hero-copy{padding:24px 20px}.hero-copy h2{display:block;text-align:center;font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:3px;margin:10px 0 0}}

/* Give the portrait breathing room instead of filling a narrow viewport. */
.site-shell{max-width:1440px}
@media(max-width:1200px){
  .outpost{display:flex;flex-direction:column;background:#21160f}
  .outpost::after{display:none}
  .portrait{position:relative;inset:auto;width:86%;max-width:480px;aspect-ratio:624/680;margin:26px auto 0;flex-shrink:0;order:1;border:1px solid #a57c4766;box-shadow:0 8px 28px #0005}
  .portrait img{width:246.154%;height:auto;left:-69.712%;top:-16.18%;transform:none;clip-path:none}
  .hero-copy{position:relative;inset:auto;order:2;border-top:0;padding-top:26px}
}