.hero {background: var(--ink);color: var(--text-invert);padding-top: calc(var(--header-h) + clamp(3rem, 8vw, 6rem));padding-bottom: clamp(2.5rem, 5vw, 4rem);position: relative;overflow: hidden;}.hero::before {content: "";position: absolute;inset: 0;background: radial-gradient(80% 60% at 12% 0%, rgba(0, 96, 165, 0.4), transparent 62%);pointer-events: none;}.hero::after {content: "";position: absolute;inset: 0;background-image: linear-gradient(var(--ink-line) 1px, transparent 1px), linear-gradient(90deg, var(--ink-line) 1px, transparent 1px);background-size: 5.5rem 5.5rem;-webkit-mask-image: radial-gradient(100% 80% at 50% 0%, #000, transparent 75%);mask-image: radial-gradient(100% 80% at 50% 0%, #000, transparent 75%);opacity: 0.6;pointer-events: none;}.hero .shell {position: relative;z-index: 1;}.hero__inner {display: grid;gap: clamp(2.75rem, 6vw, 4.5rem);align-items: center;}.hero__title {font-size: var(--step-5);letter-spacing: -0.04em;max-width: 14ch;margin-bottom: 1.5rem;}.hero__lede {font-size: var(--step-1);line-height: 1.55;color: var(--text-invert-soft);max-width: 46ch;letter-spacing: -0.011em;}.hero__actions {margin-top: 2.25rem;}.hero__visual {position: relative;display: grid;gap: clamp(1rem, 2.5vw, 1.75rem);}.hero__frame {position: relative;}.hero__frame--back {display: none;}@media (min-width: 62em) {.hero__frame--back {display: block;margin-left: clamp(1.5rem, 7%, 4rem);}}.hero__strip {display: grid;gap: 0.75rem 2.5rem;margin-top: clamp(3rem, 7vw, 5rem);padding-top: 1.5rem;border-top: 1px solid var(--ink-line);font-family: var(--font-mono);font-size: var(--step--1);letter-spacing: 0.02em;color: var(--text-invert-soft);}.hero__strip li::before {content: "—";margin-right: 0.6rem;color: var(--brand-bright);}@media (min-width: 34em) {.hero__strip {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (min-width: 62em) {.hero {padding-bottom: clamp(3rem, 5vw, 5rem);}.hero__inner {grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);gap: clamp(3rem, 5vw, 5rem);}.hero__visual {margin-right: calc(var(--gutter) * -1 - 2vw);}}@media (min-width: 78em) {.hero__strip {grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (min-width: 90em) {.hero__visual {margin-right: -6vw;}}.svc-list {border-top: 1px solid var(--paper-line);}.svc-row {border-bottom: 1px solid var(--paper-line);}.svc-row__link {display: grid;grid-template-columns: auto 1fr auto;grid-template-areas: "num title arrow" ". desc .";gap: 0.5rem 1.25rem;align-items: baseline;padding: clamp(1.5rem, 3.5vw, 2.25rem) 0;text-decoration: none;color: inherit;transition: padding-inline 0.4s var(--ease), color 0.3s var(--ease);}.svc-row__num {grid-area: num;font-family: var(--font-mono);font-size: var(--step--1);color: var(--brand);letter-spacing: 0.06em;}.svc-row__title {grid-area: title;font-size: var(--step-2);letter-spacing: -0.03em;}.svc-row__desc {grid-area: desc;color: var(--text-soft);max-width: 52ch;font-size: var(--step-0);}.svc-row__arrow {grid-area: arrow;color: var(--brand);font-size: 1.125rem;opacity: 0;transform: translateX(-0.5rem);transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);}@media (hover: hover) {.svc-row__link:hover {padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);color: var(--brand);}.svc-row__link:hover .svc-row__desc {color: var(--text-soft);}.svc-row__link:hover .svc-row__arrow {opacity: 1;transform: none;}}.svc-row__link:focus-visible .svc-row__arrow {opacity: 1;transform: none;}@media (min-width: 52em) {.svc-row__link {grid-template-columns: 4rem minmax(0, 0.9fr) minmax(0, 1.1fr) auto;grid-template-areas: "num title desc arrow";gap: 2rem;align-items: center;}}.work-list {display: grid;gap: clamp(3.5rem, 8vw, 6rem);}.work-item {display: grid;gap: clamp(1.75rem, 4vw, 3rem);align-items: center;}.work-item__meta {display: flex;flex-wrap: wrap;gap: 0.6rem;font-family: var(--font-mono);font-size: var(--step--1);letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-invert-soft);margin-bottom: 1rem;}.work-item__meta span[aria-hidden] {color: var(--brand-bright);}.work-item__title {font-size: var(--step-3);margin-bottom: 0.9rem;}.work-item__text {color: var(--text-invert-soft);max-width: 42ch;margin-bottom: 1.5rem;font-size: var(--step-1);line-height: 1.5;}.work-item__media {transition: transform 0.5s var(--ease);}@media (hover: hover) {.work-item:hover .work-item__media {transform: translateY(-6px);}}@media (min-width: 56em) {.work-item {grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);gap: clamp(2.5rem, 5vw, 4.5rem);}.work-item:nth-child(even) .work-item__media {order: 2;}}.work-preview__more {margin-top: clamp(3rem, 6vw, 4.5rem);padding-top: 1.75rem;border-top: 1px solid var(--ink-line);}.approach__inner {display: grid;gap: clamp(2.5rem, 6vw, 5rem);align-items: start;}.approach__aside-text {color: var(--text-soft);max-width: 34ch;margin: 1.25rem 0 1.5rem;}.approach__list {counter-reset: approach;}.approach__list li {counter-increment: approach;padding: clamp(1.5rem, 3vw, 2rem) 0;border-top: 1px solid var(--paper-line);display: grid;gap: 0.5rem;}.approach__list li:last-child {border-bottom: 1px solid var(--paper-line);}.approach__list h3 {font-size: var(--step-1);letter-spacing: -0.022em;display: flex;gap: 0.9rem;}.approach__list h3::before {content: counter(approach, decimal-leading-zero);font-family: var(--font-mono);font-size: var(--step--1);font-weight: 500;color: var(--brand);letter-spacing: 0.06em;flex: none;padding-top: 0.28em;}.approach__list p {color: var(--text-soft);max-width: 58ch;}@media (min-width: 56em) {.approach__inner {grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);gap: clamp(3rem, 7vw, 6rem);}.approach__aside {position: sticky;top: calc(var(--header-h) + 3rem);}.approach__list p {padding-left: 2.6rem;}}.process {border-top: 1px solid var(--paper-line-soft);}.steps {display: grid;gap: 0;counter-reset: step;}.step {--node-y: calc(1.75rem + 0.5em);position: relative;padding: 1.75rem 0 1.75rem 3.25rem;border-top: 1px solid var(--paper-line);}.step:last-child {border-bottom: 1px solid var(--paper-line);}.step::before {content: "";position: absolute;left: 0.5rem;top: 0;bottom: 0;width: 1px;background: var(--paper-line);}.step:first-child::before {top: var(--node-y);}.step:last-child::before {bottom: auto;height: var(--node-y);}.step::after {content: "";position: absolute;left: 0.5rem;top: var(--node-y);width: 7px;height: 7px;margin: -3.5px 0 0 -3.5px;border-radius: 50%;background: var(--brand);}.step__num {font-family: var(--font-mono);font-size: var(--step--1);font-weight: 500;letter-spacing: 0.08em;color: var(--brand);display: block;margin-bottom: 0.4rem;}.step__title {font-size: var(--step-1);letter-spacing: -0.022em;margin-bottom: 0.5rem;}.step__text {color: var(--text-soft);max-width: 50ch;font-size: 0.9375rem;}@media (min-width: 62em) {.steps {grid-template-columns: repeat(5, minmax(0, 1fr));}.step {padding: 2.5rem 1.5rem 0 0;border-top: 0;}.step:last-child {border-bottom: 0;}.step::before {left: 0;right: 0;top: 0;bottom: auto;width: auto;height: 1px;}.step:first-child::before, .step:last-child::before {top: 0;height: 1px;}.step::after {left: 0;top: 0;margin: -3px 0 0 0;}}