@font-face{font-family:Monogram;src:url('../assets/monogram.woff2')}*{box-sizing:border-box}body{--bg:#f3efe6;--ink:#24261f;--muted:#77786a;--line:#d5d2c7;--panel:#e9e6dc;--accent:#d6e4a5;margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'IBM Plex Sans',Arial,sans-serif}body.dark{--bg:#171812;--ink:#eeecdd;--muted:#a5a694;--line:#414337;--panel:#22251c;--accent:#425027}button,input,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #809846;outline-offset:4px}.preview{padding:12px 4vw;background:#25291f;color:#f4f1e8;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.04em}.preview small{color:#b9c0aa}.preview nav{display:flex;gap:8px}.preview a{padding:5px 12px;border:1px solid #626858}.preview a.active{background:#d6e4a5;color:#24261f;border-color:#d6e4a5}header,main,footer{max-width:1344px;margin:auto;padding-left:56px;padding-right:56px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:36px/1 Monogram,monospace}header nav{display:flex;gap:30px;align-items:center;font-size:14px}#theme{background:none;border:1px solid var(--line);width:34px;height:38px}.hero{padding:60px 0 44px;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:20px}h1{font:400 clamp(64px,7vw,100px)/.83 Monogram,monospace;margin:0 0 22px}.hero p{font-size:19px;line-height:1.55;margin:0;color:var(--muted)}.hero aside{align-self:flex-end;font-size:12px;color:var(--muted);text-align:right;max-width:260px}.hero-art{position:absolute;right:72px;top:26px;display:grid;grid-template-columns:repeat(3,32px);gap:9px;transform:rotate(-30deg) skew(8deg);opacity:.75}.hero-art i{width:32px;height:32px;background:var(--accent);box-shadow:7px 8px 0 #97a877}.hero-art i:nth-child(3n){opacity:.3}.tools{display:flex;border:1px solid var(--line);background:var(--bg)}.search{display:flex;gap:16px;align-items:center;flex:1;padding:16px 20px}.search input{width:100%;border:0;background:none;outline:none}.tools select{border:0;border-left:1px solid var(--line);background:var(--bg);padding:0 18px;min-width:155px}.filter-line{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0}#categories{display:flex;gap:8px;flex-wrap:wrap}#categories button{border:1px solid var(--line);background:none;padding:6px 14px;font-size:13px;border-radius:2px}#categories button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}#count{color:var(--muted);font-size:13px;white-space:nowrap}.job{width:100%;display:grid;grid-template-columns:48px 1fr 180px 28px;gap:22px;align-items:center;text-align:left;padding:26px 12px;border:0;border-top:1px solid var(--line);background:none}.job:hover{background:var(--panel)}.logo{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);font:28px Monogram;background:var(--panel)}.company{font-size:13px;color:var(--muted);margin-bottom:4px}.job h2{font-size:21px;line-height:1.25;font-weight:500;margin:0 0 7px}.meta{font-size:13px;color:var(--muted)}.pay{font-size:14px;text-align:right}.pay small{display:block;color:var(--muted);margin-top:4px}.badge{font-size:10px;letter-spacing:.05em;background:var(--accent);padding:3px 7px;margin-left:8px;color:var(--ink)}.arrow{font-size:22px}.end{border-top:1px solid var(--line);padding:48px 0;margin-top:28px}.end h2{font:32px Monogram;margin:0 0 8px}.end p{color:var(--muted);font-size:14px;margin:0}footer{padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line)}footer .wordmark{font-size:25px}footer>span:last-child{font-size:11px;color:var(--muted)}#detail{display:none}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);max-width:650px;width:calc(100% - 32px);padding:42px}dialog::backdrop{background:#1119}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px}.detail-title{font-size:32px;line-height:1.2;font-weight:500;margin:12px 0 18px}.detail-meta{font-size:14px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line)}.detail-copy{font-size:17px;line-height:1.7;margin:26px 0}.tag{display:inline-block;border:1px solid var(--line);padding:5px 9px;margin:0 6px 8px 0;font-size:12px}.sample-apply{margin-top:26px;background:var(--ink);color:var(--bg);padding:13px 18px;font-size:14px}.sample-note{font-size:12px;color:var(--muted)}body[data-design=cards] .hero{padding-bottom:58px}body[data-design=cards] #jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}body[data-design=cards] .job{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:25px;border:1px solid var(--line);min-height:270px;position:relative}body[data-design=cards] .job:first-child{background:var(--panel)}body[data-design=cards] .pay{text-align:left;margin-top:auto}body[data-design=cards] .arrow{position:absolute;right:24px;bottom:24px}body[data-design=cards] .job h2{font-size:23px}body[data-design=split] .hero{padding:38px 0}body[data-design=split] h1{font-size:72px}body[data-design=split] h1 br{display:none}body[data-design=split] .hero-art,body[data-design=split] .hero aside{display:none}body[data-design=split] .results{display:grid;grid-template-columns:42% 58%;border:1px solid var(--line)}body[data-design=split] .job{grid-template-columns:36px 1fr;padding:22px 20px;gap:14px}body[data-design=split] .job .logo{width:36px;height:36px}body[data-design=split] .job h2{font-size:18px}body[data-design=split] .job .pay,body[data-design=split] .job .arrow{display:none}body[data-design=split] .job.selected{background:var(--panel);box-shadow:inset 3px 0 var(--ink)}body[data-design=split] #detail{display:block;border-left:1px solid var(--line);padding:35px}#empty{padding:48px;text-align:center;color:var(--muted)}
@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}.preview{flex-direction:column;padding:10px 22px}.preview nav{gap:6px}.preview a{padding:6px 10px}header{height:80px}.wordmark{font-size:29px}header nav span{display:none}.hero{padding-top:35px}.hero aside,.hero-art{display:none}.hero p{font-size:17px}.tools{flex-wrap:wrap}.search{flex-basis:100%;border-bottom:1px solid var(--line)}.tools select{width:50%;min-width:0;padding:12px 8px}.filter-line{align-items:flex-start;flex-direction:column;gap:12px}#categories button{padding:6px 10px}.job{grid-template-columns:36px 1fr;gap:14px;padding:24px 0}.logo{width:36px;height:36px}.job h2{font-size:19px}.job .pay{grid-column:2;text-align:left}.job .arrow{display:none}body[data-design=cards] #jobs{grid-template-columns:1fr}body[data-design=cards] .job{min-height:230px}body[data-design=split] .results{display:block}body[data-design=split] #detail{display:none}body[data-design=split] h1{font-size:58px}body[data-design=split] h1 br{display:block}footer{flex-direction:column;align-items:flex-start}.detail-title{font-size:27px}dialog{padding:30px 24px}}

.sample-apply{display:block;width:fit-content}.sample-apply:hover{opacity:.8}.sample-note a{text-decoration:underline;text-underline-offset:3px}body[data-design=split] #detail{align-self:start;position:sticky;top:24px}body[data-design=split] .job{align-items:start}.job h2{overflow-wrap:anywhere}
.company-heading{display:flex;align-items:center;gap:12px;padding:20px;background:var(--panel);border-bottom:1px solid var(--line)}.company-heading h2{font-size:16px;font-weight:500;line-height:1.3;margin:0;flex:1}.company-count{font-size:12px;color:var(--muted);white-space:nowrap}.company-group+.company-group{border-top:1px solid var(--line);margin-top:18px}.company-group .job h3{font-size:18px;line-height:1.3;font-weight:500;margin:0 0 9px;overflow-wrap:anywhere}body[data-design=split] .company-group .job{display:block;padding:22px 24px 22px 32px}.company-group .job:first-of-type{border-top:0}.company-heading .logo{width:32px;height:32px;font-size:24px}

/* Shared half-circle theme control. */
#theme{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}#theme:before{display:none}#theme:hover{background:transparent;opacity:.7}#theme:focus-visible{outline:2px solid currentColor;outline-offset:3px}#theme .theme-symbol{display:block;width:28px;height:28px}

.end,footer{border-top:0}footer .wordmark{font:25px/1 Monogram,monospace;color:var(--ink)}


.company-group+.company-group{margin-top:0}


.employer-copy{font-size:16px;line-height:1.65}.employer-copy p{margin:0 0 18px;white-space:pre-line}.employer-copy h3{font-size:17px;line-height:1.4;margin:30px 0 14px}.employer-copy ul{margin:0 0 12px;padding-left:22px}.employer-copy li{white-space:pre-line}body[data-design=split] #detail{position:static}


/* Keep long employer descriptions inside the split panel. */
@media(min-width:761px){body[data-design=split] .results{align-items:start}body[data-design=split] #detail{height:680px;max-height:78vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;position:sticky;top:24px}}
dialog{max-height:85vh;overflow-y:auto}



.detail-meta a{text-decoration:underline;text-underline-offset:3px}.detail-meta a:hover{color:var(--ink)}


.company-group .featured-job{background:color-mix(in srgb,var(--accent) 22%,var(--bg))}.company-group .featured-job .badge{display:inline-block;margin:0 0 9px;padding:3px 8px;font-size:10px;letter-spacing:.08em}.company-group .featured-job.selected{background:color-mix(in srgb,var(--accent) 40%,var(--bg))}

.company-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.company-row .company{margin-bottom:0;min-width:0}.company-group .featured-job .company-row .badge{flex:none;margin:0;font-size:10px;line-height:1.4}

