/* Closing wayfinding for individual project pages. */
.cross-projects{position:relative;background:#f5f5f0;color:#222720;padding:clamp(76px,8vw,128px) max(5.5vw,24px) clamp(70px,7vw,112px);border-top:1px solid #dcded5}
.cross-projects-inner{max-width:1340px;margin:auto}
.cross-projects-kicker{font:500 11px/1.4 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#737a6e;margin:0 0 32px}
.cross-projects-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(40px,7vw,120px);align-items:start}
.cross-projects h2{font:400 clamp(42px,5.2vw,82px)/1.04 Arial,'PingFang SC',sans-serif;letter-spacing:-.055em;margin:0 0 42px}
.cross-projects-list{border-top:1px solid #afb6a9}
.cross-projects-link{display:grid;grid-template-columns:34px 1fr 22px;align-items:center;min-height:69px;gap:12px;border-bottom:1px solid #cdd2c7;text-decoration:none;color:inherit;transition:padding .3s ease,color .3s ease,background .3s ease}
.cross-projects-link:hover{padding:0 10px;background:#e9eee4;color:#36553e}
.cross-projects-link small{font:500 10px/1 Arial,sans-serif;letter-spacing:.08em;color:#9aa294}
.cross-projects-link strong{font:400 clamp(16px,1.45vw,22px)/1.2 Arial,'PingFang SC',sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.cross-projects-link>span:last-child{font-size:22px;justify-self:end;transition:transform .3s ease}
.cross-projects-link:hover>span:last-child{transform:translate(3px,-3px)}
.cross-bundle{display:flex;min-height:540px;flex-direction:column;padding:clamp(30px,4vw,54px);border-radius:5px;background:#dfe5d6;text-decoration:none;color:#2a392b;position:relative;overflow:hidden;transition:background .35s ease,transform .35s ease}
.cross-bundle:hover{background:#d4dfca;transform:translateY(-5px)}
.cross-bundle-label{font:500 11px/1.4 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;position:relative;z-index:1}
.cross-bundle-art{height:225px;display:flex;align-items:center;justify-content:center;position:relative;margin:15px 0 12px}
.cross-bundle-art i{display:block;position:absolute;width:42%;height:clamp(122px,11vw,165px);border-radius:4px;overflow:hidden;background:#f5f4ed;border:1px solid #fff9;box-shadow:0 22px 40px #52665021;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform .55s cubic-bezier(.2,.7,.1,1)}
.cross-bundle-art i:nth-child(1){--x:-48%;--y:5%;--r:-14deg;background:#dce6f2}
.cross-bundle-art i:nth-child(2){--x:0;--y:-14%;--r:2deg;background:#e8e7d8}
.cross-bundle-art i:nth-child(3){--x:48%;--y:4%;--r:13deg;background:#f0e0d8}
.cross-bundle-art i img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}
.cross-bundle-art i::after{display:none;content:'';display:block;width:50%;height:50%;margin:22% auto;border-radius:50%;border:2px dotted currentColor;opacity:.25}
.cross-bundle:hover .cross-bundle-art i:nth-child(1){transform:translate(-56%,-5%) rotate(-19deg)}
.cross-bundle:hover .cross-bundle-art i:nth-child(3){transform:translate(57%,-7%) rotate(18deg)}
.cross-bundle-title{font:400 clamp(38px,4.3vw,66px)/1.02 Arial,'PingFang SC',sans-serif;letter-spacing:-.055em;margin:auto 0 12px;position:relative;z-index:1}
.cross-bundle-detail{font:400 15px/1.5 Arial,'PingFang SC',sans-serif;margin:0 0 30px;color:#536250;position:relative;z-index:1}
.cross-bundle-bottom{display:flex;justify-content:space-between;align-items:end;gap:14px;border-top:1px solid #aab8a1;padding-top:22px;position:relative;z-index:1}
.cross-bundle-price{font:400 clamp(32px,3.5vw,52px)/1 Arial,sans-serif;letter-spacing:-.05em}
.cross-bundle-price small{display:block;font-size:12px;letter-spacing:0;color:#65715e;margin-top:7px}
.cross-bundle-arrow{font-size:32px;line-height:1}
.cross-projects-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1340px;margin:55px auto 0;padding-top:18px;border-top:1px solid #d2d7cb;font:400 12px/1.4 Arial,sans-serif;color:#697267}
.cross-projects-bottom a{text-decoration:none;color:inherit}
.cross-projects-bottom a:hover{color:#263f2c}
@media(max-width:760px){.cross-projects-layout{grid-template-columns:1fr;gap:50px}.cross-bundle{min-height:460px}.cross-projects h2{margin-bottom:30px}}
@media(max-width:420px){.cross-bundle{padding:27px;min-height:430px}.cross-bundle-art{height:180px}.cross-projects-link{min-height:62px;grid-template-columns:25px 1fr 20px}}
@media(prefers-reduced-motion:reduce){.cross-projects-link,.cross-projects-link>span:last-child,.cross-bundle,.cross-bundle-art i{transition:none}}