.route-projects{background:#080909;color:#e9eae6}
.projects-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.3fr);align-items:end;gap:60px;min-height:min(760px,88svh);max-width:1440px;margin:0 auto;padding:calc(var(--nav-h) + 100px) var(--shell) 82px;border-bottom:1px solid var(--line)}
.projects-hero h1{margin-top:24px;font-family:var(--display);font-size:clamp(72px,10vw,142px);font-weight:300;letter-spacing:-.085em;line-height:.9;text-transform:uppercase}
.projects-hero h1 em{color:#c98278}
.projects-hero__lede{max-width:530px;margin-top:34px;color:var(--soft);font-size:20px;line-height:1.45}
.projects-hero__note{justify-self:end;padding:16px 0 0 20px;border-top:1px solid var(--line);border-left:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.18em;line-height:1.9;text-transform:uppercase}
.projects-feature-wrap{padding:clamp(72px,9vw,140px) var(--shell);background:#eee7db;color:#171512}
.projects-feature{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);max-width:1290px;margin:0 auto;border:1px solid #bdb3a4;border-radius:28px;background:#f4eee4;box-shadow:14px 14px 0 rgba(200,130,120,.22);color:#171512;text-decoration:none;overflow:hidden;transition:box-shadow .25s,transform .25s}
.projects-feature:hover{transform:translateY(-2px);box-shadow:14px 16px 0 rgba(200,130,120,.28)}
.projects-feature:focus-visible{outline:3px solid #3274f2;outline-offset:6px}
.projects-feature:active{transform:translateY(1px);box-shadow:10px 11px 0 rgba(200,130,120,.22)}
.projects-feature__art{position:relative;display:grid;place-items:center;min-height:620px;background:#d9ff31;isolation:isolate;overflow:hidden}
.projects-feature__art:before,.projects-feature__art:after{content:"";position:absolute;border:1px solid rgba(23,21,18,.28);border-radius:50%;pointer-events:none}
.projects-feature__art:before{width:78%;aspect-ratio:1;transform:rotate(-14deg)}
.projects-feature__art:after{width:104%;aspect-ratio:1;transform:rotate(29deg)}
.projects-feature__art img{position:relative;z-index:1;width:min(78%,500px);height:auto;filter:drop-shadow(9px 15px 0 rgba(23,21,18,.1));transform:rotate(-5deg);transition:transform .45s ease}
.projects-feature:hover .projects-feature__art img{transform:rotate(-2deg) scale(1.025)}
.projects-feature__index{position:absolute;z-index:2;top:26px;left:28px;color:#171512;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.projects-feature__scribble{position:absolute;z-index:2;right:30px;top:29px;color:#171512;font-family:cursive;font-size:17px;font-style:italic;line-height:1.05;transform:rotate(7deg)}
.projects-feature__orbit{position:absolute;z-index:2;bottom:32px;left:30px;width:66px;height:22px;border-bottom:2px solid #ff4f91;border-radius:50%;transform:rotate(-12deg)}
.projects-feature__copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(35px,5vw,74px) clamp(30px,5vw,76px) 62px}
.projects-feature__meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.projects-feature__meta .eyebrow{color:#71685e}
.status-badge{padding:8px 12px;border:1px solid #ff4f91;border-radius:999px;color:#d42b72;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.projects-feature__copy h2{margin-top:66px;font-family:var(--display);font-size:clamp(48px,6vw,84px);font-weight:600;letter-spacing:-.08em;line-height:.95}
.projects-feature__tagline{margin-top:20px;font-family:var(--display);font-size:clamp(25px,3vw,39px);letter-spacing:-.055em;line-height:1.05}
.projects-feature__tagline em{color:#3274f2}
.projects-feature__description{max-width:420px;margin-top:27px;color:#625b53;font-size:16px;line-height:1.55}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 42px;padding:0;list-style:none}
.project-tags li{padding:8px 11px;border:1px solid #c8beb0;border-radius:999px;color:#625b53;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.route-projects .projects-feature .button-dark{border-color:#171512;background:#171512;color:#f4eee4}
.route-projects .projects-feature .button-dark:after{color:#d9ff31}
.route-projects .projects-feature .button-dark:hover{border-color:#ff4f91;background:#ff4f91;color:#171512}
.projects-coming{display:grid;grid-template-columns:minmax(200px,.42fr) 1fr;gap:60px;max-width:1440px;margin:0 auto;padding:clamp(82px,10vw,150px) var(--shell);border-bottom:1px solid var(--line)}
.projects-coming>div{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.projects-coming h2{font-family:var(--display);font-size:clamp(54px,7vw,100px);font-weight:300;letter-spacing:-.075em;line-height:.92;text-transform:uppercase}
.projects-coming h2 em{color:#c98278}
.projects-coming>div>p{max-width:275px;color:var(--muted);font-size:14px;line-height:1.55}
.projects-contact{padding:clamp(72px,9vw,125px) var(--shell);background:radial-gradient(circle at 13% 50%,rgba(201,130,120,.23),transparent 34%),#191817}
.projects-contact>div{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:50px;max-width:1290px;margin:34px auto 0}
.projects-contact h2{font-family:var(--display);font-size:clamp(54px,7vw,102px);font-weight:300;letter-spacing:-.075em;line-height:.93;text-transform:uppercase}
.projects-contact h2 em{color:#c98278}
.projects-contact>div>p{align-self:end;max-width:360px;color:var(--soft);font-size:16px}
.projects-contact .button{grid-column:2;justify-self:start;margin-top:8px}
@media(max-width:980px){.projects-feature{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}.projects-feature__art{min-height:480px}.projects-coming{gap:40px}.projects-coming>div{align-items:flex-start;flex-direction:column;gap:30px}}
@media(max-width:760px){.projects-hero{display:block;min-height:690px;padding-top:calc(var(--nav-h) + 74px);padding-bottom:65px}.projects-hero h1{font-size:clamp(62px,17vw,100px)}.projects-hero__lede{margin-top:29px;font-size:17px}.projects-hero__note{display:inline-block;margin-top:58px}.projects-feature-wrap{padding:58px var(--shell) 75px}.projects-feature{display:block;border-radius:21px;box-shadow:9px 9px 0 rgba(200,130,120,.22)}.projects-feature__art{min-height:350px}.projects-feature__art img{width:min(82%,330px)}.projects-feature__scribble{right:20px;top:23px;font-size:14px}.projects-feature__index{top:21px;left:20px;font-size:9px}.projects-feature__copy{padding:34px 25px 40px}.projects-feature__copy h2{margin-top:45px;font-size:56px}.projects-feature__tagline{font-size:29px}.projects-feature__description{font-size:15px}.project-tags{margin:26px 0 34px}.projects-feature .button{width:100%}.projects-coming{display:block;padding:75px var(--shell)}.projects-coming>div{margin-top:33px}.projects-coming>div>p{font-size:15px}.projects-contact{padding:72px var(--shell) 82px}.projects-contact>div{display:block;margin-top:30px}.projects-contact h2{font-size:clamp(54px,16vw,88px)}.projects-contact>div>p{margin-top:27px}.projects-contact .button{width:100%;margin-top:28px}}
