.projects-hero{min-height:83vh;background:var(--green);color:var(--paper);padding:20vh 7vw 8vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.projects-hero h1{font-size:clamp(3.8rem,7.8vw,8rem);line-height:.86;letter-spacing:-.065em;font-weight:500;margin:1.7rem 0 2.4rem;position:relative;z-index:2}.projects-hero h1 em,.projects-cta h2 em{font:400 italic 1em var(--serif);color:var(--acid)}.projects-hero>p{position:relative;z-index:2}.projects-hero>p:last-child{max-width:620px;margin:0 0 0 38vw;font-size:1.08rem;line-height:1.7}.projects-orbit{position:absolute;width:min(68vw,980px);height:min(68vw,980px);right:-23vw;top:-27%;border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:orbit-float 28s linear infinite}.projects-orbit:before,.projects-orbit:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.projects-orbit:before{inset:17%}.projects-orbit:after{inset:34%}.projects-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid)}.projects-orbit i:nth-child(1){left:8%;top:34%}.projects-orbit i:nth-child(2){right:13%;top:20%}.projects-orbit i:nth-child(3){right:27%;bottom:10%}
.projects-list{padding:7vw 3.5vw 11vw}.portfolio-row{position:relative;display:grid;grid-template-columns:55px 1fr minmax(340px,42%);gap:4vw;align-items:center;padding:4vw 3.5vw;border-bottom:1px solid var(--ink);transition:background .25s}.portfolio-row:first-child{border-top:1px solid var(--ink)}.portfolio-row:hover{background:var(--sand)}.portfolio-row>span{align-self:start;font-size:.7rem}.portfolio-row small{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;opacity:.6}.portfolio-row h2{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.055em;line-height:.9;margin:1.1rem 0}.portfolio-row p{max-width:520px;line-height:1.65}.portfolio-row figure{margin:0;position:relative;aspect-ratio:1.65;overflow:hidden;border-radius:16px;background:#d9d6ce}.portfolio-row figure>img{width:100%;height:100%;object-fit:contain;padding:3%;box-shadow:none}.portfolio-row figure b{position:absolute;left:0;top:0;width:48%;height:64px;background:var(--green);padding:.8rem 1rem;display:flex;align-items:center}.portfolio-row figure b img{max-width:100%;max-height:38px;object-fit:contain;object-position:left center}.portfolio-row .white-brand-logo{filter:grayscale(1) brightness(0) invert(1)}.portfolio-row>.line-arrow{position:absolute;right:1rem;top:1.3rem}.projects-cta{background:var(--acid);padding:10vw 7vw;display:grid;grid-template-columns:.7fr 2fr;gap:5vw}.projects-cta h2{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.9;letter-spacing:-.06em;font-weight:500;margin:0}.projects-cta>a{grid-column:2;justify-self:start;border:1px solid var(--ink);border-radius:100px;padding:.9rem 1.1rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.projects-hero{padding:18vh 5vw 18vw}.projects-hero>p:last-child{margin-left:0}.projects-orbit{width:145vw;height:145vw;right:-88vw;top:-5%}.projects-list{padding:14vw 5vw 20vw}.portfolio-row{grid-template-columns:32px 1fr;padding:10vw 0;gap:1.2rem}.portfolio-row figure{grid-column:1/-1;grid-row:1;margin-bottom:1.5rem}.portfolio-row>span{grid-column:1}.portfolio-row>div{grid-column:2}.portfolio-row>.line-arrow{top:auto;right:0;bottom:1.2rem}.projects-cta{grid-template-columns:1fr;padding:20vw 5vw}.projects-cta>a{grid-column:1}}
@media(prefers-reduced-motion:reduce){.projects-orbit{animation:none}}