.work-page{--work-paper:#f7f0df;--work-blue:#8fc7db;--work-orange:#f3aa3c;--work-green:#173f22;--work-line:color-mix(in srgb,var(--ink) 36%,transparent);background:var(--work-paper);color:var(--ink)}
.work-page h1,.work-page h2,.work-page h3{font-family:var(--display);font-weight:500;letter-spacing:-.055em}
.work-page :where(a,button):focus-visible{outline:3px solid currentColor;outline-offset:5px}
.work-hero{padding:clamp(150px,15vw,210px) 0 0;overflow:hidden}
.work-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px)}
.work-hero__copy{grid-column:1/9}
.work-hero__copy h1{max-width:10ch;margin:0;font-size:clamp(4.8rem,8.7vw,9.2rem);line-height:.95}
.work-hero__intro{grid-column:9/13;align-self:end;padding-bottom:13px;border-bottom:1px solid var(--ink)}
.work-hero__intro>p{max-width:34ch;margin:0 0 34px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6}
.work-hero__intro>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0;font-size:.9rem;font-weight:700}
.work-hero__intro svg{width:1.25em;height:1.25em}
.work-hero__index{grid-column:1/3;display:grid;grid-template-columns:auto 1fr;gap:18px;align-self:end;margin:80px 0 52px;padding-top:17px;border-top:1px solid var(--ink)}
.work-hero__index>span{font-size:.62rem;font-weight:700;letter-spacing:.1em}
.work-hero__index ol{list-style:none;margin:0;padding:0;counter-reset:work-phase}
.work-hero__index li{counter-increment:work-phase;display:grid;grid-template-columns:24px 1fr;gap:7px;padding:3px 0;font-size:.72rem}
.work-hero__index li:before{content:counter(work-phase,decimal-leading-zero);font-size:.56rem;opacity:.65;padding-top:.28em}
.work-hero__media{position:relative;grid-column:3/13;height:clamp(490px,51vw,710px);margin:80px 0 0;overflow:hidden;border-radius:160px 0 0 0}
.work-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,43,22,.54),transparent 45%)}
.work-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.work-hero__media figcaption{position:absolute;z-index:1;inset-inline:0;bottom:0;display:grid;grid-template-columns:180px 1fr;align-items:end;padding:26px 30px;color:#fff;border-top:1px solid rgba(255,255,255,.65)}
.work-hero__media figcaption span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}
.work-hero__media figcaption strong{max-width:31ch;font-size:clamp(1.25rem,2vw,2rem);font-weight:500;line-height:1.16}
.work-brief{padding:clamp(90px,11vw,160px) 0;background:var(--work-blue)}
.work-brief__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(55px,9vw,140px)}
.work-brief header h2,.work-parallel header h2,.work-gates header h2,.work-cta h2{margin:0;font-size:clamp(3.7rem,6.4vw,7rem);line-height:.97}
.work-brief header>p:last-child{max-width:40ch;margin:38px 0 0;font-size:1.05rem}
.work-brief dl{margin:0;border-top:1px solid var(--ink)}
.work-brief dl>div{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 55%,transparent)}
.work-brief dt{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.work-brief dd{margin:0;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.38}
.work-route{padding:clamp(90px,11vw,160px) 0;background:#fffaf0}
.work-section-head{display:grid;grid-template-columns:7fr 5fr;gap:clamp(50px,8vw,120px);align-items:end;margin-bottom:80px}
.work-section-head h2{max-width:9ch;margin:0;font-size:clamp(4.2rem,7.2vw,7.8rem);line-height:.96}
.work-section-head>div:last-child>p{max-width:40ch;margin:0;font-size:1.08rem}
.work-section-head small{display:block;max-width:48ch;margin-top:30px;padding-top:17px;border-top:1px solid var(--work-line);font-size:.7rem;line-height:1.5}
.work-route__list{border-top:1px solid var(--ink)}
.work-step{display:grid;grid-template-columns:80px minmax(230px,3fr) minmax(300px,4fr);gap:clamp(24px,4vw,62px);padding:42px 0;border-bottom:1px solid var(--ink);transition:background-color .2s ease}
.work-step:hover{background:color-mix(in srgb,var(--crops-lime) 35%,transparent)}
.work-step__number{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.1em}
.work-step__title h3{max-width:10ch;margin:0;font-size:clamp(2.6rem,4.2vw,4.8rem);line-height:.97}
.work-step__body{padding-top:30px}
.work-step__summary{max-width:42ch;margin:0 0 24px;font-size:1.08rem;line-height:1.55}
.work-step__body ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--work-line)}
.work-step__body li{position:relative;padding:11px 0 11px 24px;border-bottom:1px solid var(--work-line);font-size:.92rem}
.work-step__body li:before{content:"↳";position:absolute;inset-inline-start:0}
.work-step__output{grid-column:2/4;display:grid;grid-template-columns:minmax(180px,3fr) minmax(300px,4fr);gap:clamp(24px,4vw,62px);margin:0;padding-top:26px}
.work-step__output span{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.work-step__output strong{font-size:1.05rem}
.work-parallel{padding:clamp(90px,11vw,150px) 0;background:var(--work-green);color:#fff}
.work-parallel header{display:grid;grid-template-columns:3fr 9fr;gap:30px;align-items:start;margin-bottom:90px}
.work-parallel header .eyebrow{margin-top:13px}
.work-parallel header h2{max-width:12ch}
.work-parallel__list{border-top:1px solid rgba(255,255,255,.72)}
.work-parallel__list article{display:grid;grid-template-columns:90px minmax(220px,4fr) minmax(300px,5fr);gap:30px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.45)}
.work-parallel__list span{font-size:.62rem;letter-spacing:.12em}
.work-parallel__list h3{margin:0;font-size:clamp(1.9rem,3vw,3.25rem);line-height:1}
.work-parallel__list p{max-width:48ch;margin:0;color:rgba(255,255,255,.8)}
.work-gates{padding:clamp(90px,11vw,155px) 0;background:var(--work-orange)}
.work-gates__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(45px,8vw,120px)}
.work-gates header{position:sticky;top:130px;align-self:start}
.work-gates header>p:last-child{max-width:32ch;margin:34px 0 0}
.work-gates__table{border-top:1px solid var(--ink)}
.work-gates__labels{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:24px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:.58rem;text-transform:uppercase;letter-spacing:.13em}
.work-gates__table article{display:grid;grid-template-columns:34px 1fr 1.5fr 1.5fr;gap:24px;padding:26px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 55%,transparent)}
.work-gates__table article>span{font-size:.58rem;font-weight:700}
.work-gates__table h3{margin:0;font-size:1.2rem;line-height:1.15;letter-spacing:-.02em}
.work-gates__table p{margin:0;font-size:.9rem;line-height:1.5}
.work-cta{padding:clamp(90px,11vw,160px) 0;background:var(--work-paper)}
.work-cta__grid{display:grid;grid-template-columns:8fr 4fr;gap:clamp(50px,8vw,120px);align-items:end}
.work-cta h2{max-width:11ch}
.work-cta__grid>div:last-child>p{max-width:38ch;margin:0 0 42px}
.work-cta__grid a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:700}
.work-cta__grid a svg{width:1.35em;height:1.35em;transition:transform .2s ease}
.work-cta__grid a:hover svg{transform:translate(5px,-5px)}
[dir="rtl"] .work-hero__media{border-radius:0 160px 0 0}
[dir="rtl"] .work-step__body li{padding-inline:24px 0}
[dir="rtl"] .work-step__body li:before{content:"↲"}
@media(max-width:1000px){.work-hero__copy{grid-column:1/8}.work-hero__intro{grid-column:8/13}.work-hero__index{grid-column:1/4}.work-hero__media{grid-column:4/13}.work-step{grid-template-columns:60px 1fr 1.25fr}.work-gates__grid{grid-template-columns:1fr}.work-gates header{position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-gates header .eyebrow{grid-column:1/-1}.work-parallel header{grid-template-columns:1fr 3fr}}
@media(max-width:760px){.work-hero{padding-top:130px}.work-hero__grid{display:block}.work-hero__copy h1{font-size:clamp(3.8rem,16.5vw,6.1rem);line-height:1}.work-hero__intro{margin-top:42px}.work-hero__index{display:none}.work-hero__media{height:min(116vw,520px);margin-top:52px;border-radius:0 72px 0 0}.work-hero__media figcaption{grid-template-columns:1fr;gap:9px;padding:20px}.work-hero__media figcaption strong{font-size:1.05rem}.work-brief__grid,.work-section-head,.work-cta__grid{grid-template-columns:1fr}.work-brief__grid,.work-section-head,.work-cta__grid{gap:48px}.work-brief header h2,.work-parallel header h2,.work-gates header h2,.work-cta h2{font-size:clamp(3.15rem,14vw,5rem);line-height:1}.work-brief dl>div{grid-template-columns:88px 1fr;gap:20px}.work-section-head{margin-bottom:52px}.work-section-head h2{font-size:clamp(3.5rem,15vw,5.5rem);line-height:1}.work-step{grid-template-columns:46px 1fr;gap:18px;padding:34px 0}.work-step__body{grid-column:2;padding-top:4px}.work-step__output{grid-column:2;grid-template-columns:1fr;gap:7px;padding-top:20px}.work-parallel header{display:block;margin-bottom:55px}.work-parallel header .eyebrow{margin-top:0}.work-parallel__list article{grid-template-columns:42px 1fr;gap:18px;padding:26px 0}.work-parallel__list p{grid-column:2}.work-gates header{display:block}.work-gates__labels{display:none}.work-gates__table article{grid-template-columns:36px 1fr;gap:12px 16px;padding:24px 0}.work-gates__table article h3{font-size:1.25rem}.work-gates__table article p{grid-column:2}.work-gates__table article p:last-child{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.work-cta__grid>div:last-child>p{margin-bottom:30px}[dir="rtl"] .work-hero__media{border-radius:0 72px 0 0}}
@media(max-width:420px){.work-brief dl>div{grid-template-columns:1fr;gap:7px}.work-step__title h3{font-size:clamp(2.35rem,12vw,3.2rem)}.work-step{grid-template-columns:34px 1fr}.work-parallel__list article{grid-template-columns:32px 1fr}}
@media(prefers-reduced-motion:reduce){.work-step,.work-cta__grid a svg{transition:none}}