.or-outpost{position:relative;isolation:isolate;max-width:1240px;margin:0 auto;padding:26px 36px 30px;color:#edf3ed;background:linear-gradient(120deg,#0c202af5,#152e35e8),url('assets/art/velora-outpost-v1.webp') center/cover;border:1px solid #aec9bc30;border-radius:24px;box-sizing:border-box;overflow:hidden}
.or-outpost:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 38%,color-mix(in srgb,var(--recruit-color) 17%,transparent),transparent 60%)}
.or-outpost>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.or-outpost>header span{font-size:10px;letter-spacing:2px;color:#aac4c5}.or-outpost button{cursor:pointer}.or-outpost button:focus-visible{outline:3px solid #ffe0a1;outline-offset:4px}.or-intro{margin:22px 0}.or-intro h1{font:500 clamp(30px,3.5vw,49px)/1.05 Georgia,serif;margin:8px 0;color:#fff0cf}.or-intro>p:last-child{max-width:850px;color:#bdd1cd;line-height:1.65;font-size:14px}.or-stage{display:grid;grid-template-columns:265px minmax(0,1fr);gap:36px;align-items:center}.or-portrait{max-width:300px}.or-portrait>small{display:block;text-align:center;font-size:10px;color:var(--recruit-color);margin-top:12px;letter-spacing:1px}.or-conversation h2{font:700 36px/1.1 'Barlow Condensed',sans-serif;margin:8px 0 18px}.or-conversation>.eyebrow{color:var(--recruit-color)}.or-topics{display:flex;gap:8px;flex-wrap:wrap}.or-topics button{font-size:11px;border:1px solid #99c9c150;border-radius:30px;background:#122c35;padding:10px 14px;color:#d5e8df}.or-topics [aria-pressed=true]{background:#dbecd9;color:#173b36;border-color:#dbecd9}.or-conversation blockquote{font:500 clamp(19px,2vw,26px)/1.5 Georgia,serif;margin:20px 0;color:#fff0d8;min-height:90px;animation:or-arrive .25s ease-out}.or-lesson{border-left:3px solid var(--recruit-color);padding:12px 17px;background:#081c2577;border-radius:0 12px 12px 0}.or-lesson strong{font-size:9px;letter-spacing:2px;color:var(--recruit-color)}.or-lesson p{font-size:13px;line-height:1.65;margin:7px 0 0;color:#cae0d7}.or-tradeoffs{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0;font-size:12px;color:#c3d9d5}.or-tradeoffs span:first-child{color:#bee4c5}.or-conversation>.primary{padding:13px 22px;background:#e5c58e;color:#142e37;border:1px solid #f5daaa}.or-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:26px 0}.or-roster button{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid #59747a;border-radius:13px;background:#102a33;color:#e8f2e9;text-align:left;transition:transform .2s,border-color .2s}.or-roster img{width:100%;height:100px;object-fit:cover;object-position:center 30%;background:radial-gradient(ellipse,#3a5a5b,#112732)}.or-roster span{padding:10px;display:block}.or-roster b{font-size:12px;display:block}.or-roster small{font-size:9px;color:#a6c4c4;display:block;margin-top:5px;line-height:1.5}.or-roster [aria-pressed=true]{outline:2px solid var(--recruit-color);outline-offset:2px}.or-roster .chosen{border-color:#f3cf85;box-shadow:inset 0 -3px #f3cf85}.or-roster button:hover{transform:translateY(-3px)}.or-outpost>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a0c7bb40;padding:20px 0 0;background:none}.or-outpost>footer b{color:#f1ce95;font-size:17px}.or-outpost>footer p{margin:7px 0;font-size:13px}.or-outpost>footer small{color:#9fb6b5;font-size:10px}.or-outpost>footer button{white-space:normal;max-width:290px}
.or-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.or-branches>p{grid-column:1/-1;color:#f3d8a5}.or-branches .premium-card{max-width:240px;margin:auto}.or-branches h4{font-size:20px;color:#e8d2aa;margin:14px 0 6px}.or-branches p,.or-branches small{font-size:12px;line-height:1.5}.ex-workshop:has(.or-branches){grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.ex-workshop:has(.or-branches)>article:has(.or-branches){grid-column:1/-1}.or-branches>div{background:#142d37;border:1px solid #d7bd8450;padding:18px;border-radius:16px}.vw-restored .vw-landscape{filter:brightness(1.12) saturate(1.08)}.vw-restored .vw-beacon{box-shadow:0 0 36px #f5d29166}.premium-card.Legendary .pc-foil,.premium-card.Godlike .pc-foil{opacity:.36;background:linear-gradient(115deg,transparent 20%,#d2e4ff38 39%,#efd9a94d 44%,#b3dfd92b 49%,transparent 65%);background-size:220% 100%}.premium-card.Legendary:hover .pc-foil,.premium-card.Godlike:hover .pc-foil{animation:or-foil 2.5s ease-in-out infinite}.premium-card[data-role=tune].Legendary{box-shadow:0 0 0 1px #ddc899,0 12px 34px #0007!important}@keyframes or-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes or-foil{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:800px){.or-outpost{padding:20px}.or-stage{grid-template-columns:200px minmax(0,1fr);gap:22px}.or-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.or-conversation h2{font-size:29px}.or-conversation blockquote{font-size:19px}.or-outpost>header span{font-size:8px;letter-spacing:1px}.or-roster button{flex-direction:row;align-items:center}.or-roster img{width:55px;height:80px}.or-roster small{font-size:8px}.or-roster b{font-size:11px}}
@media(max-width:560px){.or-outpost{border-radius:12px;padding:16px}.or-intro h1{font-size:33px}.or-intro>p:last-child{font-size:12px}.or-stage{display:block}.or-portrait{max-width:220px;margin:0 auto 25px}.or-conversation blockquote{min-height:0;font-size:20px}.or-conversation h2{font-size:29px}.or-topics button{font-size:10px;padding:9px}.or-roster{grid-template-columns:1fr 1fr;gap:8px}.or-roster span{padding:7px}.or-outpost>footer{display:block}.or-outpost>footer button{margin-top:18px;width:100%;max-width:none}.or-branches{grid-template-columns:1fr}.or-outpost>header span{max-width:160px;line-height:1.6}.or-branches .premium-card{max-width:270px}}
@media(prefers-reduced-motion:reduce){.or-conversation blockquote,.premium-card.Legendary:hover .pc-foil,.premium-card.Godlike:hover .pc-foil{animation:none}.or-roster button{transition:none}}html[data-motion=quick] .or-conversation blockquote,html[data-motion=quick] .premium-card .pc-foil{animation:none}