.works-hero{min-height:min(calc(100svh - var(--pub-header)), 720px);color:#f5f3ee;background:var(--pub-night-deep);align-items:end;display:grid;position:relative;overflow:hidden}.works-hero__photo{object-fit:cover;object-position:50% 62%}.works-hero__veil{background:linear-gradient(90deg,#071827e0 0%,#07182794 46%,#07182747 100%),linear-gradient(#0718272e 0%,#0718279e 100%);position:absolute;inset:0}.works-hero__copy{z-index:1;padding:64px 0 56px;position:relative}.works-hero .home-kicker{color:#e08a5a}.works-hero__copy h1{color:#fff;max-width:14ch;margin:14px 0 18px}.works-hero__copy h1 span{display:block}.works-hero__lead{color:#f5f3eed1;max-width:34rem;margin-bottom:28px;font-size:1.12rem}.works-ticks{border-top:2px solid var(--pub-mark);grid-template-columns:repeat(10,minmax(0,1fr));gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.works-ticks li{color:#f5f3eeb8;padding:16px 8px 0;font-size:13px;font-weight:620}.works-ticks span{color:#e08a5a;letter-spacing:.08em;margin-bottom:6px;font-size:10px;display:block}.works-journey{background:var(--pub-paper);scroll-margin-top:calc(var(--pub-header) + 12px)}.works-phases{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr);gap:28px 32px;margin-bottom:36px;display:grid}.works-phase__label{color:var(--pub-mute);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:650}.works-rail{border-top:1px solid var(--pub-rule);display:grid}.works-rail button{text-align:left;border:0;border-bottom:1px solid var(--pub-rule);width:100%;color:var(--pub-ink-soft);scroll-margin-top:calc(var(--pub-header) + 16px);background:0 0;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:14px 0;display:grid}.works-rail button span{color:var(--pub-mark-deep);letter-spacing:.06em;font-size:11px;font-weight:650}.works-rail button strong{letter-spacing:-.02em;color:var(--pub-night);font-size:15px;font-weight:620}.works-rail button.is-active{color:var(--pub-ink)}.works-rail button.is-active strong{color:var(--pub-mark-deep)}.works-stage{border-top:1px solid var(--pub-rule);grid-template-columns:minmax(0,.92fr) minmax(280px,1.08fr);align-items:start;gap:40px;padding:28px 0 0;display:grid}.works-stage__copy{align-content:start;gap:10px;display:grid}.works-stage__copy h3{letter-spacing:-.04em;font-size:clamp(26px,3.2vw,40px)}.works-stage__copy>p:last-of-type{color:var(--pub-ink-soft);font-size:1.05rem}.works-stage__flow{color:var(--pub-mark-deep);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:650}.works-io{grid-template-columns:1fr 1fr;gap:16px;margin-top:10px;display:grid}.works-io div{background:var(--pub-sheet);border:1px solid var(--pub-rule);border-radius:4px;padding:14px}.works-io h4{color:var(--pub-mute);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:650}.works-io ul{color:var(--pub-night);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.works-proof-note{color:var(--pub-ink-soft);margin-top:10px;font-size:13px}.works-field-proof{gap:12px;display:grid}.works-field-proof p{color:var(--pub-ink-soft);font-size:14px}.works-join{color:#f5f3ee;background:var(--pub-night);padding:72px 0 80px;position:relative;overflow:hidden}.works-join__photo{object-fit:cover;object-position:50% 40%}.works-join__veil{background:linear-gradient(#071827b8 0%,#071827cc 100%),linear-gradient(90deg,#07182747,#0718271f);position:absolute;inset:0}.works-join__inner{z-index:1;position:relative}.works-join .home-kicker{color:#e08a5a}.works-join h2{color:#fff}.works-join .home-section__intro p:last-child{color:#f5f3eeb8}.works-join__list{border-top:1px solid #f5f3ee24;gap:0;max-width:46rem;margin:0;padding:0;list-style:none;display:grid}.works-join__list li{border-bottom:1px solid #f5f3ee24;border-left:2px solid var(--pub-mark);color:#fff;padding:16px 0 16px 16px;font-size:1.05rem}@media (max-width:1080px){.works-hero{min-height:auto}.works-ticks{grid-template-columns:repeat(5,minmax(0,1fr))}.works-phases,.works-stage,.works-io{grid-template-columns:1fr}}@media (max-width:760px){.works-hero__copy{padding:40px 0 48px}.works-hero__copy h1{font-size:clamp(40px,12vw,64px)}.works-ticks{grid-template-columns:1fr 1fr}.works-join{padding:48px 0}}
