.process{padding:clamp(90px,12vw,180px) var(--pad);max-width:var(--max);margin:auto}
.process-head{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:end;margin-bottom:70px}
.process-head .section-label{grid-column:1/-1}
.process-head h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:25px 0 0}
.process-head>p:last-child{color:var(--muted);font-size:1.05rem;max-width:420px}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.process-step{min-height:330px;padding:34px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .35s,color .35s}
.process-step:hover{background:var(--blue);color:#fff}
.process-step span{font-size:.7rem;letter-spacing:.13em;color:var(--blue)}
.process-step:hover span{color:#fff}
.process-step h3{font-size:clamp(1.6rem,2.4vw,2.8rem);letter-spacing:-.04em;margin:auto 0 22px}
.process-step p{color:var(--muted);margin:0}
.process-step:hover p{color:#fff}
.about-portrait{position:relative;margin:110px 0 0;aspect-ratio:16/8;overflow:hidden;background:#151515}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block;filter:contrast(1.04);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.about-portrait:hover img{transform:scale(1.025)}
.about-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(9,9,9,.08)),linear-gradient(0deg,rgba(9,9,9,.65),transparent 45%);pointer-events:none}
.about-portrait figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:end;color:#fff;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em}
.about-portrait figcaption strong{font-size:1rem;letter-spacing:.04em}
.case-link{display:inline-block;margin-top:26px;padding-bottom:7px;border-bottom:2px solid var(--blue);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}
.service.photography{background:linear-gradient(90deg,rgba(49,92,255,.13),transparent)}
@media(max-width:850px){.process-head{grid-template-columns:1fr}.process-track{grid-template-columns:repeat(2,1fr)}.about-portrait{aspect-ratio:4/3}.about-portrait figcaption{grid-template-columns:1fr}.about-portrait figcaption span:last-child{display:none}}
@media(max-width:520px){.process{padding:90px 22px}.process-head{margin-bottom:48px}.process-head h2{font-size:15vw}.process-track{grid-template-columns:1fr}.process-step{min-height:250px}.process-head>p:last-child{font-size:1rem}.about-portrait{margin-top:70px;aspect-ratio:3/4}.about-portrait img{object-position:52% center}.about-portrait figcaption{left:18px;bottom:18px}}