.hero-with-photo{position:relative}.hero-staff-photo{bottom:0;right:clamp(16px,5vw,96px);top:var(--hero-photo-top);height:calc(100% - var(--hero-photo-top));object-fit:contain;object-position:right bottom;pointer-events:none;z-index:1;width:auto;max-width:46vw;position:absolute}@media (max-width:1080px){.hero-staff-photo{max-width:none;height:clamp(280px,56vw,440px);margin:36px var(--pad) 0 auto;display:block;position:relative;inset:auto}}body.careers-page .page-hero.hero-with-photo{background:var(--paper);color:var(--ink)}body.careers-page .page-hero.hero-with-photo h1{color:var(--ink)}body.careers-page .page-hero.hero-with-photo p{color:#10211fb8}body.careers-page header:not(.scrolled){color:var(--ink)}body.careers-page header:not(.scrolled) .logo{filter:none}body.careers-page #about{z-index:2;background:var(--ink);color:#fff;position:relative}body.careers-page #about .button.dark{background:var(--lime);color:var(--ink)}body.careers-page #about .button.dark:hover{background:#ebfa8c}.join-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(40px,6vw,90px);display:grid}.join-intro h2{margin:0;font-size:clamp(2.6rem,4.4vw,4rem);line-height:.92}.join-intro p{color:#10211fb8;max-width:420px;margin:20px 0 0;font-size:16px;line-height:1.6}.join-form-col .enq{margin-top:0}.join-form-col .enq-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.join-form-col .sent{display:none}.join-form-col .sent.show{display:block}@media (max-width:900px){.join-grid{grid-template-columns:1fr}}@media (max-width:520px){.join-form-col .enq-pair{grid-template-columns:1fr;gap:0}}body.careers-page .page-hero.hero-with-photo{--hero-photo-top:calc(120px + clamp(3rem,6vw,6rem) * .047 - 4px);min-height:min(100svh - 60px,840px);padding-top:120px;padding-bottom:0}body.careers-page .page-hero.hero-with-photo .wrap>*{max-width:min(560px,56%)}body.careers-page .page-hero.hero-with-photo .wrap>h1{max-width:min(700px,60%)}@media (max-width:1080px){body.careers-page .page-hero.hero-with-photo{min-height:0}body.careers-page .page-hero.hero-with-photo .wrap>*{max-width:none}}body.careers-page .join-section{background:var(--ink);color:#fff}.join-section .join-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.join-section .join-intro h2{color:#fff}.join-section .join-intro p{color:#ffffffc7}.join-section .join-form-col{margin-top:clamp(36px,4vw,56px)}.join-section .field{color:#fff}.join-section .flat-form .field input,.join-section .flat-form .field textarea,.join-section .flat-form select{color:#fff;background-color:#ffffff17;box-shadow:inset 0 -1px #ffffff57}.join-section .flat-form .field input:focus,.join-section .flat-form .field input:focus-visible,.join-section .flat-form select:focus,.join-section .flat-form select:focus-visible{background-color:#ffffff26;box-shadow:inset 0 -2px #fff}.join-section .flat-form select{background-image:linear-gradient(45deg,#0000 50%,#fff 50%),linear-gradient(135deg,#fff 50%,#0000 50%)}.join-section .flat-form select option{color:var(--ink)}.join-section .flat-form input[type=file]::file-selector-button{color:var(--ink);background:#fff}.join-section .sent h2{color:#fff}.join-section .sent p{color:#ffffffc7}.join-roles h3{color:#fff;margin:0 0 clamp(20px,3vw,34px);font-size:clamp(2.4rem,4.4vw,4rem);line-height:.92}.join-roles ul{margin:0;padding:0;list-style:none}.join-roles li{letter-spacing:-.03em;border-top:1px solid #fff3;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:500 clamp(1.15rem,1.7vw,1.45rem) Bricolage Grotesque,sans-serif;display:flex}.join-roles li:last-child{border-bottom:1px solid #fff3}@media (max-width:900px){.join-section .join-grid{grid-template-columns:1fr}.join-roles{margin-top:56px}}.join-roles li{grid-template-columns:1fr auto;align-items:center;gap:8px 20px;display:grid}.join-roles .role-name{grid-area:1/1}.join-roles .role-type{letter-spacing:.02em;color:#ffffff9e;grid-area:2/1/auto/-1;font:500 12px DM Mono,monospace}.join-roles li .u-link{color:#fff;grid-area:1/2;margin:0}.join-roles .u-link:hover{color:var(--lime)}.join-roles .role-summary{color:#ffffffb8;grid-area:3/1/auto/-1;font-size:14px;line-height:1.5}@media (min-width:901px){.join-section .join-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.join-right .join-form-col{margin-top:0}.join-right .join-roles{margin-top:clamp(56px,7vw,96px)}.open-roles{color:var(--ink);background:#d5d8d0;padding:clamp(72px,9vw,130px) 0}.open-roles .join-roles{max-width:1040px;margin:0 auto}.open-roles .join-roles h3{color:var(--ink);margin:0 0 clamp(28px,4vw,52px)}.open-roles .join-roles ul{gap:12px;display:grid}.open-roles .join-roles li{background:var(--paper);border:0;border-radius:6px;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.15fr) auto;align-items:center;gap:16px 28px;padding:28px clamp(22px,3vw,40px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1),background .25s;display:grid}.open-roles .join-roles li:last-child{border:0}.open-roles .join-roles li:hover{background:#fbfaf6}.open-roles .role-name{letter-spacing:-.035em;color:var(--ink);font:500 clamp(1.5rem,2.4vw,2.2rem)/1.05 Bricolage Grotesque,sans-serif;display:block}.open-roles .role-summary{letter-spacing:0;color:#10211fb3;margin-top:8px;font:400 14px/1.5 DM Sans,sans-serif;display:block}.open-roles .role-meta{letter-spacing:0;color:#10211fc7;align-items:center;gap:10px;font:500 15px/1.3 DM Sans,sans-serif;display:flex}.open-roles .role-meta svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex:none}.open-roles .role-apply{background:var(--ink);color:#fff;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;padding:14px 26px;font:700 13px/1 DM Sans,sans-serif;transition:background .25s,color .25s;display:inline-flex}.open-roles .role-apply:hover{background:var(--lime);color:var(--ink)}@media (max-width:900px){.open-roles .join-roles li{grid-template-columns:1fr;gap:10px}.open-roles .role-apply{justify-self:start;margin-top:10px}}dialog.apply-dialog{background:var(--ink);color:#fff;scrollbar-width:none;border-radius:22px;width:min(660px,100% - 24px);max-height:calc(100dvh - 24px);overflow:auto}dialog.apply-dialog::-webkit-scrollbar{display:none}.apply-dialog .modal{background:0 0;border-radius:0;padding:clamp(26px,4vw,44px)}.apply-dialog .modal h2{color:#fff;margin:0 0 24px}.apply-dialog .close{color:#fff}.apply-dialog .enq{margin-top:0}.apply-dialog .enq-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.apply-dialog .sent{display:none}.apply-dialog .sent.show{display:block}.apply-dialog .sent p{color:#ffffffc7}.apply-dialog .form.hide{display:none}@media (max-width:520px){.apply-dialog .enq-pair{grid-template-columns:1fr;gap:0}}.open-roles{z-index:2;position:relative}.open-roles.tucked{border-radius:34px 34px 0 0;margin-top:-34px;box-shadow:0 -22px 50px #050e0d47}body.careers-page .join-section{padding-bottom:clamp(88px,10vw,140px)}.open-roles .roles-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin:0 0 clamp(28px,4vw,52px);display:flex}.open-roles .roles-head h3{margin:0}.open-roles .seek-link{border:1px solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font:700 13px/1 DM Sans,sans-serif;transition:background .25s,color .25s;display:inline-flex}.open-roles .seek-link:hover{background:var(--ink);color:#fff}:where(body.careers-page .page-hero.hero-with-photo .wrap>p){translate:0 var(--hero-intro-shift,0px)}.open-roles .join-roles{max-width:none}@media (max-width:1080px){body.careers-page .page-hero.hero-with-photo .wrap{padding-bottom:var(--hero-intro-shift,0px)}}@media (min-width:1081px){body.careers-page .page-hero.hero-with-photo .wrap>h1{margin-top:clamp(28px,5vh,56px)}}@media (max-width:760px){.open-roles .role-apply,.open-roles .seek-link{font-size:14px}.apply-dialog .modal h2{padding-right:44px}body.careers-page .page-hero.hero-with-photo{flex-direction:column;min-height:0;padding-bottom:0;display:flex}.hero-staff-photo{align-self:center;width:min(66%,260px);max-width:none;height:auto;margin:32px auto 0;display:block;position:static}}
@media (max-width:760px){html body #projects.work{background-image:radial-gradient(circle at 100% 100%,#0000 25.5px,#cfd2ca 26px),radial-gradient(circle at 0 100%,#0000 25.5px,#cfd2ca 26px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:26px 26px,26px 26px}html body footer{--sheet-prev:#f2f0e9;background-image:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px), radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:26px 26px,26px 26px}html body:has(.open-roles) footer{--sheet-prev:#d5d8d0}html body :is(main:not(.about-page)>.cap-stack,#safety.cap-safety,#capability-statement.capstatement-section){background-image:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px), radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:26px 26px,26px 26px}html body main:not(.about-page)>.cap-stack{--sheet-prev:#10211f}html body #safety.cap-safety{--sheet-prev:#f2f0e9}html body #capability-statement.capstatement-section{--sheet-prev:#d5d8d0}html body :is(#projects.work,footer,main:not(.about-page)>.cap-stack,#safety.cap-safety,#capability-statement.capstatement-section,.projects-grid){margin-top:-1px}html body .projects-grid{--sheet-prev:#10211f;background-image:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px), radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:26px 26px,26px 26px}html body section.join-section{z-index:2;border-radius:26px 26px 0 0;margin-top:-90px;position:relative}}
@media (min-width:761px){html body:has(main.has-sheet) #projects.work{position:relative}html body:has(main.has-sheet) footer{position:relative}html body:has(main.has-sheet) #projects.work:before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body:has(main.has-sheet) footer:before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body:has(main.has-sheet) #projects.work{--sheet-prev:#cfd2ca;overflow-clip-margin:1px;overflow:clip}html body:has(main.has-sheet) footer{--sheet-prev:#f2f0e9}html body:has(main:not(.about-page)>.cap-stack) :is(main>.cap-stack,#safety.cap-safety,#capability-statement.capstatement-section,#contact.contact-home,footer){position:relative}html body:has(main:not(.about-page)>.cap-stack) :is(main>.cap-stack,#safety.cap-safety,#capability-statement.capstatement-section,#contact.contact-home,footer):before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body main:not(.about-page)>.cap-stack{--sheet-prev:#10211f}html body:has(main:not(.about-page)>.cap-stack) #safety.cap-safety{--sheet-prev:#f2f0e9}html body:has(main:not(.about-page)>.cap-stack) #capability-statement.capstatement-section{--sheet-prev:#d5d8d0}html body:has(main:not(.about-page)>.cap-stack) #contact.contact-home{--sheet-prev:#f2f0e9}html body:has(main:not(.about-page)>.cap-stack) footer{--sheet-prev:#f2f0e9}html body:has(main>.projects-grid) :is(main>.projects-grid,#contact.projects-close,footer){position:relative}html body:has(main>.projects-grid) :is(main>.projects-grid,#contact.projects-close,footer):before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body main>.projects-grid{--sheet-prev:#10211f}html body:has(main>.projects-grid) #contact.projects-close{--sheet-prev:#f2f0e9}html body:has(main>.projects-grid) footer{--sheet-prev:#cfd2ca}html body:has(main.about-page) :is(main.about-page>.cap-stack,#contact.about-close,footer){position:relative}html body:has(main.about-page) :is(main.about-page>.cap-stack,#contact.about-close,footer):before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body main.about-page>.cap-stack{--sheet-prev:#10211f}html body:has(main.about-page) #contact.about-close{--sheet-prev:#f2f0e9}html body:has(main.about-page) footer{--sheet-prev:#cfd2ca}html body:has(.open-roles) :is(#contact.join-section,footer){position:relative}html body:has(.open-roles) :is(#contact.join-section,footer):before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body:has(.open-roles) #contact.join-section{--sheet-prev:#f2f0e9}html body:has(.open-roles) footer{--sheet-prev:#d5d8d0}html body:has(main>.contact-main) :is(main>.contact-main,footer){position:relative}html body:has(main>.contact-main) :is(main>.contact-main,footer):before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body main>.contact-main{--sheet-prev:#10211f}html body:has(main>.contact-main) footer{--sheet-prev:#f2f0e9}}html body #contact.contact-on-stone{position:relative}html body:has(#contact.contact-on-stone) footer{position:relative}html body #contact.contact-on-stone:before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body:has(#contact.contact-on-stone) footer:before{content:"";background:radial-gradient(circle at 100% 100%, transparent 25.5px, var(--sheet-prev) 26px) left top / 26px 27px no-repeat, radial-gradient(circle at 0 100%, transparent 25.5px, var(--sheet-prev) 26px) right top / 26px 27px no-repeat;z-index:2;pointer-events:none;height:27px;position:absolute;inset:-1px 0 auto}html body #contact.contact-on-stone{--sheet-prev:var(--paper)}html body:has(#contact.contact-on-stone) footer{--sheet-prev:var(--stone)}