/* A clear company overview, using the roadbook's ink, gold and approved artwork. */
body.company-page-active .hero{display:none}
#company-view{width:100%;max-width:none;padding:0;scroll-margin-top:84px}
.company-intro-layout{max-width:1472px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:24px;align-items:center;padding:64px 48px 48px}
.company-intro-copy{padding:0 0 0 16px;position:relative;z-index:1}
.company-intro-copy h1{font:500 clamp(48px,5.1vw,76px)/.99 var(--serif);letter-spacing:-.025em;margin:0 0 24px}
.company-intro-copy h1 em{color:var(--gold-light);font-style:normal}
.company-intro-copy p{max-width:34ch;font-size:15px;line-height:1.85;color:#bdc7b5}
.company-intro-link{display:inline-flex;gap:12px;align-items:center;margin-top:26px;padding:0 0 7px;background:none;color:var(--gold-light);font-size:12px;border-bottom:1px solid #bba36780}
.company-intro-art{margin:0;min-width:0}
.company-intro-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 4%,#000 97%,transparent),linear-gradient(to bottom,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 97%,transparent),linear-gradient(to bottom,#000 88%,transparent);-webkit-mask-composite:source-in}
.company-content{max-width:1312px;margin:0 auto;padding:12px 48px 64px}
.company-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 25px}
.company-kicker{display:block;color:var(--gold);font:600 9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}
#company-view h2{font:500 clamp(32px,3.3vw,43px)/1.1 var(--serif);letter-spacing:-.015em}
.company-section-heading>p{max-width:30ch;font-size:12px;line-height:1.7;color:var(--muted)}
#company-roster{scroll-margin-top:116px}
.company-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.company-member{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;text-align:center;min-width:0;height:310px;padding:0;overflow:hidden;background:#15211b;border:1px solid #a58c554d;border-radius:6px;box-shadow:0 8px 20px #0003;transition:border-color .18s,box-shadow .18s}
.company-member::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#08100c28 0%,transparent 44%,#09120dd9 81%,#09120df5 100%)}
.company-member-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% top;transition:transform .35s}
.company-member[data-class=hunter] .company-member-art{object-position:70% top}
.company-member:hover{border-color:#dac287;box-shadow:0 10px 26px #0005}
.company-member:hover .company-member-art{transform:scale(1.025)}
.company-member[aria-pressed=true]{border-color:var(--member-color);box-shadow:0 0 0 1px var(--member-color),0 8px 24px #0005}
.company-member:focus-visible{outline:2px solid #f4de9c;outline-offset:4px}
.company-member-icon{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:34px;height:34px;color:var(--member-color);border:1px solid #c1ac625c;border-radius:50%;background:#0d1714d9;box-shadow:0 2px 8px #0004}
.company-member-icon svg{width:23px;height:23px;stroke-width:1.3}
.company-member-caption{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:20px 10px 16px;text-shadow:0 2px 6px #0009}
.company-member strong{font:500 29px/1.1 var(--serif);color:#f5efdc}
.company-member-role{font-size:11px;line-height:1.5;color:#d5ddcc}
.company-member-selected{position:absolute;top:13px;right:9px;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #b5a27070;border-radius:12px;background:#0d1714eb;color:var(--member-color);font-size:9px;line-height:1.3}
.company-member-selected svg{width:11px;height:11px}
.company-role-panel{background:linear-gradient(110deg,#1c2922b3,#14201988);border:1px solid #a4976b40;border-radius:6px;overflow:hidden}
.company-role-heading{display:flex;align-items:center;gap:20px;padding:29px 32px 23px}
.company-role-icon{color:var(--member-color);display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid #b4b59733;border-radius:50%;background:#10191455}
.company-role-icon svg{width:35px;height:35px;stroke-width:1.3}
.company-role-heading .company-kicker{color:var(--member-color);margin-bottom:5px}
.company-role-heading h3{font:500 35px/1.1 var(--serif);margin:0 0 7px}
.company-role-heading p{font-size:13px;color:#c1cbbb;line-height:1.7}
.company-role-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:2px 32px 30px}
.company-role-details>div+div{padding-left:26px;border-left:1px solid #8b9b7733}
.company-role-details h4{font:600 12px/1.5 var(--sans);color:var(--gold-light);margin:0 0 12px}
.company-role-details p{font-size:12px;line-height:1.8;color:#bdc6b5}
.company-role-details .company-role-note{color:#8e9e89;font-size:11px;margin-top:12px}
.company-professions{display:flex;flex-wrap:wrap;gap:5px 10px;margin-bottom:10px}
.company-professions>span{display:inline-flex;align-items:center;gap:8px;color:#e0e2d1;font-size:12px;padding:3px 0}
.company-profession-icon{display:block;width:26px;height:26px;object-fit:cover;flex-shrink:0;border:1px solid #bca16b70;border-radius:4px;box-shadow:0 2px 5px #0004}
.company-member-professions{display:flex;justify-content:center;gap:7px;margin-top:2px}
.company-member-professions .company-profession-icon{width:22px;height:22px;border-radius:3px;opacity:.9}
.company-member[aria-pressed=true] .company-profession-icon,.company-member:hover .company-profession-icon{opacity:1}
.company-camp-kit{display:flex;flex-wrap:wrap;gap:11px 18px;list-style:none;margin:0;padding:0}
.company-camp-kit li{display:flex;align-items:center;gap:8px;color:#d3d9c9;font-size:11px;line-height:1.4}
.company-camp-kit img{width:29px;height:29px;object-fit:cover;border:1px solid #9f8b545c;border-radius:3px}
.company-agreements{margin-top:76px}
.company-agreements ol{padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none}
.company-agreements li{display:flex;align-items:flex-start;gap:15px;border-top:1px solid #b6a16c50;padding-top:22px}
.company-step{font:400 25px/1 var(--serif);color:#a78c52;padding-top:2px}
.company-agreements h3{font:500 24px/1.15 var(--serif);margin:0 0 12px}
.company-agreements p{font-size:12px;line-height:1.85;color:#b8c3ad}
.company-sharing{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:64px;margin-top:76px;padding-top:48px;border-top:1px solid #b6a16c40}
.company-sharing-intro p{font-size:13px;line-height:1.85;max-width:29ch;margin-top:18px}
.company-materials{padding:0;margin:0;list-style:none}
.company-materials li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #8b9b7726}
.company-materials li:first-child{padding-top:0}
.company-materials img{width:36px;height:36px;border:1px solid #9f8b545c;border-radius:4px;flex-shrink:0}
.company-material-name{min-width:0}
.company-material-name strong{display:block;font-size:13px;color:#e2e3d6}
.company-material-name>span{font-size:11px;color:#92a18b;display:block;margin-top:3px}
.company-material-owners{display:flex;flex-direction:column;gap:5px;margin-left:auto;flex-shrink:0;min-width:81px}
.company-material-owners>span{display:flex;align-items:center;gap:6px;color:var(--member-color);font-size:11px}
.company-material-owners svg{width:15px;height:15px}
@media(max-width:1000px){.company-intro-layout{padding:50px 28px 32px;gap:12px;grid-template-columns:.8fr 1.2fr}.company-intro-copy{padding-left:0}.company-intro-copy h1{font-size:54px}.company-content{padding-inline:28px}.company-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.company-member{flex:0 0 calc((100% - 24px)/3);height:310px}.company-member strong{font-size:29px}.company-role-details{gap:18px}.company-role-details>div+div{padding-left:18px}.company-sharing{gap:32px}.company-agreements ol{gap:20px}}
@media(max-width:700px){#company-view{scroll-margin-top:98px}.company-intro-layout{display:flex;flex-direction:column;gap:24px;padding:40px 20px 12px}.company-intro-copy{width:100%;max-width:520px}.company-intro-copy h1{font-size:54px;margin-bottom:18px}.company-intro-copy p{font-size:14px;max-width:40ch}.company-intro-link{margin-top:20px}.company-intro-art{width:calc(100% + 40px)}.company-content{padding:18px 20px 40px}.company-section-heading{display:block;margin-bottom:20px}.company-section-heading>p{max-width:none;margin-top:10px}.company-roster{gap:10px}.company-member{flex:0 0 calc((100% - 10px)/2);height:280px}.company-member strong{font-size:27px}.company-member-caption{padding:20px 8px 14px}.company-member-icon{top:8px;left:8px;width:29px;height:29px}.company-member-icon svg{width:20px;height:20px}.company-member-role{font-size:10px}.company-member-selected{top:10px;right:7px;padding:4px 6px;font-size:8px}.company-role-heading{padding:24px 20px 18px;gap:13px;align-items:flex-start}.company-role-icon{width:44px;height:44px;flex-basis:44px}.company-role-icon svg{width:27px;height:27px}.company-role-heading h3{font-size:31px}.company-role-heading p{font-size:12px}.company-role-details{grid-template-columns:1fr;gap:20px;padding:4px 20px 24px}.company-role-details>div+div{border-left:0;padding-left:0;border-top:1px solid #8b9b7733;padding-top:18px}.company-role-details h4{margin-bottom:8px}.company-agreements{margin-top:48px}.company-agreements ol{grid-template-columns:1fr;gap:24px;margin-top:22px}.company-agreements li{padding-top:18px;gap:16px}.company-agreements h3{font-size:25px;margin-bottom:8px}.company-sharing{grid-template-columns:1fr;gap:24px;margin-top:48px;padding-top:32px}.company-sharing-intro h2 br{display:none}.company-sharing-intro p{max-width:36ch;margin-top:14px}.company-materials li{gap:10px}.company-materials img{width:30px;height:30px}.company-material-name strong{font-size:12px}.company-material-name>span{font-size:10px;max-width:23ch}.company-material-owners{min-width:64px}.company-material-owners>span{font-size:10px}.company-material-owners svg{width:13px;height:13px}}
@media(max-width:700px){.company-member[data-class=hunter] .company-member-art{object-position:85% top}}
@media(max-width:380px){.company-member{height:220px}.company-member strong{font-size:25px}.company-member-icon{left:6px;width:26px;height:26px}.company-member-selected{right:5px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.company-member,.company-member-art{transition:none}.company-member:hover .company-member-art{transform:none}}
@media print{body.company-page-active .site-header,body.company-page-active footer,.company-intro-link,.company-member-selected{display:none}.company-intro-layout{display:block;padding:20px}.company-intro-art{max-width:600px}.company-content{padding:20px}.company-role-panel,.company-agreements li,.company-sharing{break-inside:avoid}.company-role-details{grid-template-columns:repeat(3,1fr)}}