/* Distinct glass islands retain a view of the moving network. */
main .work,main .contact{margin:0 5% 64px;padding:clamp(30px,5vw,76px);background:rgba(6,6,9,.56);border:1px solid rgba(238,238,238,.14);border-radius:32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 #ffffff0d,0 24px 80px #0005;overflow:hidden}
main .contact{margin-bottom:40px}.work h2,.contact h2{font-size:clamp(44px,5.4vw,82px)}.projects{gap:24px;margin-top:48px}.projects h3{font-size:clamp(24px,2.4vw,32px)}.project-art{border-radius:18px;height:220px;background-color:#0003}.projects p{min-height:0}.projects b{display:inline-block;margin-top:12px}
.impact{margin:0 5% 100px;padding:0;border:0}.impact dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}.impact dl>div{position:relative;display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:218px;padding:32px 26px;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(145deg,#b829f70b,transparent 65%),#08080b9c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 1px 0 #ffffff09;overflow:hidden}.impact dl>div:before{content:"";position:absolute;top:0;left:26px;width:40px;height:2px;background:#b829f7;box-shadow:0 0 16px #b829f766}.impact dt{order:2;font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:#ddd;line-height:1.5}.impact dd{margin:0;color:#eee;font-size:clamp(40px,4.2vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.impact dd span{color:#b829f7;font-size:.72em;letter-spacing:-.04em}.impact dt,.impact dd{text-shadow:0 2px 16px #000}
@media(min-width:701px) and (max-width:1100px){.impact dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.recommendation{max-width:850px;margin:90px auto 110px;padding:0 5%;position:relative}.recommendation:before{content:'“';display:block;font-size:90px;line-height:.8;color:#b829f7}.recommendation blockquote{margin:16px 0 28px;font-size:clamp(22px,2.3vw,32px);line-height:1.5;letter-spacing:-.5px;text-wrap:pretty;text-shadow:0 2px 16px #000}.recommendation figcaption{font-size:13px;color:#eee}.recommendation time{display:block;font-size:10px;letter-spacing:1.5px;color:#ddd;margin-top:10px}footer{flex-wrap:wrap;gap:20px}
@media(max-width:700px){main .work,main .contact{margin:0 5% 40px;padding:36px 22px;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.impact{margin:0 6% 70px;padding:0}.impact dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.impact dl>div{min-height:170px;padding:24px 18px;border-radius:20px;gap:18px}.impact dl>div:before{left:18px;width:30px}.impact dd{font-size:clamp(38px,10.5vw,54px)}.impact dt{font-size:10px;letter-spacing:1px}.recommendation{margin:64px auto 80px;padding:0 8%}.contact>a{font-size:clamp(13px,3.7vw,24px);margin-bottom:55px}.work h2,.contact h2{font-size:46px}}
@supports not (backdrop-filter:blur(1px)){main .work,main .contact{background:rgba(6,6,9,.88)}}