/* Full-bleed architectural light field behind the project exhibition. */
.projects{max-width:none;isolation:isolate;overflow:clip;padding:100px max(5vw,calc((100vw - 1440px)/2)) 110px;background:#070c16;--field-x:72%;--field-y:35%;--field-hue:205}
.projects>.exhibition-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 85% 9%,#164cc36b,transparent 30%),radial-gradient(ellipse at 0% 66%,#065c7255,transparent 40%),linear-gradient(135deg,#070a12,#0e1930 48%,#070b12)}
.exhibition-field:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#adc6ff09 1px,transparent 1px),linear-gradient(#adc6ff09 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(#000,transparent 38%,#000 75%);opacity:.7}
.exhibition-field:after{content:'';position:absolute;inset:0;background:radial-gradient(600px circle at var(--field-x) var(--field-y),hsla(var(--field-hue),95%,65%,.15),transparent 75%);transition:opacity .8s}
.exhibition-orbit{position:absolute;width:1100px;height:1100px;right:-400px;top:-500px;border:1px solid #71c5ff70;border-radius:50%;box-shadow:0 0 80px #2279ff22,inset 0 0 80px #2279ff22;transform:rotateX(58deg) rotate(-28deg);animation:exhibition-orbit 24s ease-in-out infinite alternate}
.exhibition-orbit:before,.exhibition-orbit:after{content:'';position:absolute;inset:70px;border:1px solid #92daff40;border-radius:50%;box-shadow:0 0 30px #458bff14}
.exhibition-orbit:after{inset:-110px;border-color:#8db4ff20}
.exhibition-orbit.orbit-lower{top:900px;left:-660px;right:auto;width:1400px;height:1400px;animation-delay:-12s;opacity:.6}
.exhibition-beam{position:absolute;left:58%;top:-150px;width:180px;height:1200px;transform:rotate(38deg);background:linear-gradient(90deg,transparent,#528bff23,#94d6ff38,#356eff16,transparent);filter:blur(32px);opacity:.6}
.exhibition-word{position:absolute;top:8px;left:3vw;font:800 clamp(110px,21vw,360px)/.85 Arial;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1px #bed9ff19;white-space:nowrap;user-select:none}
.exhibition-index{display:flex;justify-content:space-between;gap:20px;align-items:center;font:12px Arial;letter-spacing:2px;color:#9cbbdf;padding-bottom:26px;border-bottom:1px solid #9dc5ff40;margin-bottom:60px}
.exhibition-index span:last-child{letter-spacing:1px}.exhibition-index i{display:inline-block;width:22px;height:1px;vertical-align:middle;background:#8acfff;box-shadow:0 0 12px #47bbff;margin-right:12px}
.projects .section-head{position:relative;align-items:flex-end}.projects .section-head h2{font-size:clamp(36px,5.5vw,80px);line-height:1.2;letter-spacing:-.04em;max-width:1000px;text-shadow:0 8px 55px #0008}.projects .section-head .orange{color:#7ecfff;text-shadow:0 0 30px #29a5ff}
.projects .eyebrow{display:block;font-size:12px;letter-spacing:3px;margin-bottom:24px;color:#a9cbf4}.projects .project-count{white-space:nowrap;background:#afceff0b;border-color:#9bc2f544;color:#c1d7f1;font:12px Arial;padding:16px}
.projects .work-intro{margin-top:42px;margin-bottom:55px}.projects .work-intro>p{color:#becce0;font-size:16px}.projects .work-disciplines>span{border-color:#8eb9ff40;color:#94aac5}.projects .work-disciplines b{color:#dbebff}
.projects .filterbar{padding:18px 22px;background:linear-gradient(110deg,#d2e6ff10,#a0c5ff04);border:1px solid #a4caff28;backdrop-filter:blur(16px);margin-bottom:44px}.projects .filters button{font-size:14px}.projects .filters button[aria-pressed=true]{background:#c4e4ff;box-shadow:0 0 24px #65b6ff25}.projects .filter-note{color:#9cb4d1;font-size:12px}
.projects .project-grid{gap:75px 48px}.projects .card-expanded{padding:22px;background:linear-gradient(135deg,#c7deff0d,#a0c0ff03);border:1px solid #b9d7ff28;box-shadow:0 24px 70px #0003;transition:transform .45s,border-color .45s,box-shadow .45s;isolation:isolate}.projects .card-expanded:before{content:'';position:absolute;top:-1px;left:22px;right:65%;height:1px;background:linear-gradient(90deg,#b8eaff,transparent);box-shadow:0 0 12px #49a3ff77;pointer-events:none}.projects .card-expanded:hover,.projects .card-expanded:focus-visible{border-color:#92c9ff66;box-shadow:0 30px 90px #0007,0 0 38px #348aff15}.projects .card-expanded:nth-child(even){margin-top:140px}.projects .case-topline{font-size:12px;color:#b0c5df;margin-bottom:20px}.projects .card-expanded .card-media{aspect-ratio:1.06}.projects .card-expanded .card-meta h3{font-size:27px;color:#ecf4ff}.projects .case-brief{color:#b2c1d5}.projects .case-tags>span{color:#b5cbe5;background:#10223966;border-color:#8badcf33}.projects .case-bottom{color:#9db2cc}.projects .case-overlay strong{font-size:clamp(22px,2vw,34px)}.projects .card-expanded .card-go{border-radius:0;background:#c4e4ff}.projects .work-end{margin-top:90px;padding-top:30px;color:#c7dbf3;border-color:#83b8ef44}.projects .work-end>span:last-child{color:#91a9c8}
@keyframes exhibition-orbit{from{transform:rotateX(58deg) rotate(-28deg) translateY(0)}to{transform:rotateX(48deg) rotate(5deg) translateY(70px)}}
.projects.exhibition-paused .exhibition-orbit{animation-play-state:paused}
@media(max-width:1000px){.projects .project-grid{gap:40px 24px}.projects .card-expanded{padding:16px}.projects .filterbar{padding:14px}.exhibition-index{margin-bottom:40px}.projects .section-head h2{font-size:5.8vw}}
@media(max-width:700px){.projects{padding:65px 5vw}.exhibition-word{top:35px;font-size:26vw}.exhibition-index{font-size:10px;letter-spacing:1px;gap:10px;padding-bottom:20px;margin-bottom:42px}.exhibition-index span:last-child{font-size:9px}.projects .section-head{display:block}.projects .section-head h2{font-size:38px;line-height:1.25}.projects .project-count{display:inline-block;margin-top:20px;padding:10px}.projects .work-intro{margin-top:28px;margin-bottom:30px}.projects .work-intro>p{font-size:15px}.projects .filterbar{padding:10px}.projects .filters button{font-size:12px}.projects .card-expanded:nth-child(even){margin-top:0}.projects .card-expanded{padding:14px}.projects .project-grid{gap:30px}.projects .card-expanded .card-media{aspect-ratio:1.1}.projects .card-expanded .card-meta h3{font-size:24px}.exhibition-orbit{opacity:.5;right:-650px}.exhibition-beam{opacity:.3}.projects .work-end{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.exhibition-orbit{animation:none}.projects .card-expanded{transition:none}.exhibition-field:after{display:none}}