.projects{--u:calc(min(100cqw, 1440px) / 1024);--thick:calc(14 * var(--u));--ease:cubic-bezier(.2, .8, .2, 1);max-width:1440px;margin-inline:auto;position:relative;container-type:inline-size}.projects-head{padding:calc(64 * var(--u)) calc(36 * var(--u)) calc(72 * var(--u));--head-focus:50% 38%;background:var(--navy-deep);box-shadow:0 0 0 100vmax var(--navy-deep);clip-path:inset(0 -100vmax);align-items:start;display:grid;position:relative}.projects-plate{object-fit:cover;object-position:var(--head-focus);pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.projects-copy{z-index:1;width:fit-content;max-width:100%;position:relative}.projects-title{letter-spacing:-.02em;width:fit-content;color:var(--ground);margin:0;font-size:clamp(2.5rem,4.8vw,4rem);font-weight:400;line-height:1.05}.projects-lead{letter-spacing:-.015em;max-width:30ch;color:var(--ground);text-wrap:balance;margin:.5rem 0 0;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:400;line-height:1.2}.plane-scene{margin-top:calc(92 * var(--u));padding-bottom:calc(120 * var(--u));position:relative}.project{grid-template-columns:calc(590 * var(--u)) minmax(0, 1fr);column-gap:calc(60 * var(--u));padding:0 calc(28 * var(--u)) 0 calc(30 * var(--u));margin-bottom:calc(160 * var(--u));align-items:start;display:grid;position:relative}.plane{width:100vw;height:calc(100% + 400 * var(--u));z-index:0;pointer-events:none;--pw:calc(100cqw + 240 * var(--u));--pl:calc(50vw - var(--pw) / 2);--px:max(0px, var(--pl));--fold:.5;--c-l:calc(100% - 363 * var(--u));--c-dl:calc(-86 * var(--u));--c-dr:calc(200 * var(--u));--f-l:calc(100% - 446 * var(--u));--f-dl:calc(-43 * var(--u));--f-dr:calc(150 * var(--u));--line:calc(5 * var(--u));--lip:calc(44 * var(--u));position:absolute;top:0;left:calc(50% - 50vw)}.plane>span{--c-m:calc(var(--c-l) + var(--c-dl));--c-r:calc(var(--c-m) + var(--c-dr));--f-m:calc(var(--f-l) + var(--f-dl));--f-r:calc(var(--f-m) + var(--f-dr));--c-al:atan2(var(--c-dl), calc(var(--fold) * var(--pw)));--c-ar:atan2(var(--c-dr), calc((1 - var(--fold)) * var(--pw)));--f-al:atan2(var(--f-dl), calc(var(--fold) * var(--pw)));--f-ar:atan2(var(--f-dr), calc((1 - var(--fold)) * var(--pw)));--fx:calc(var(--pl) + var(--fold) * var(--pw));--rx:calc(var(--pl) + var(--pw));clip-path:polygon(0 calc(var(--t-l) - tan(var(--t-al)) * var(--px)), var(--pl) var(--t-l), var(--fx) var(--t-m), var(--rx) var(--t-r), 100% calc(var(--t-r) + tan(var(--t-ar)) * var(--px)), 100% calc(var(--b-r) + tan(var(--b-ar)) * var(--px)), var(--rx) var(--b-r), var(--fx) var(--b-m), var(--pl) var(--b-l), 0 calc(var(--b-l) - tan(var(--b-al)) * var(--px)));position:absolute;inset:0}.plane-face{background:var(--navy);--t-l:var(--f-l);--t-m:var(--f-m);--t-r:var(--f-r);--t-al:var(--f-al);--t-ar:var(--f-ar);--b-l:var(--c-l);--b-m:var(--c-m);--b-r:var(--c-r);--b-al:var(--c-al);--b-ar:var(--c-ar)}.plane-edge{background:var(--cyan);--t-l:var(--c-l);--t-m:var(--c-m);--t-r:var(--c-r);--b-l:calc(var(--c-l) + var(--line));--b-m:calc(var(--c-m) + var(--line));--b-r:calc(var(--c-r) + var(--line))}.plane-slab{background:var(--navy-mid);--t-l:calc(var(--c-l) + var(--line));--t-m:calc(var(--c-m) + var(--line));--t-r:calc(var(--c-r) + var(--line));--b-l:calc(var(--c-l) + var(--lip));--b-m:calc(var(--c-m) + var(--lip));--b-r:calc(var(--c-r) + var(--lip))}.plane-edge,.plane-slab{--t-al:var(--c-al);--t-ar:var(--c-ar);--b-al:var(--c-al);--b-ar:var(--c-ar)}.panel-stand{z-index:1;perspective:calc(1600 * var(--u));align-self:start;position:relative}.pair{--pw:calc(590 * var(--u));--ph:calc(352.5 * var(--u));--phone-x:.58;--peek-x:.81;height:var(--ph);position:relative}.pair .site-panel{appearance:none;font:inherit;text-align:left;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:0;--slide:cubic-bezier(.33, 0, .2, 1);transition:transform .9s var(--ease), translate .8s var(--slide) .4s, scale .8s var(--slide) .4s, z-index 0s .4s;border:0;display:block;position:absolute;top:0;left:0}.pair .site-panel[aria-pressed=true]{cursor:default;z-index:1}.pair .site-panel:not([aria-pressed=true]):active{cursor:grabbing}.plane-scene.is-resizing .pair .site-panel{transition:none}.pair .desk{width:96%}.pair .phone{width:35.75%;left:calc(var(--phone-x) * 100%)}.pair .desk{--back-s:.646;--back-t:calc(var(--pw) * .02) calc(-44 * var(--u) - .354 * var(--ph))}.pair .phone{--back-s:.615;--back-t:calc(var(--pw) * (var(--peek-x) - var(--phone-x) - .06875)) calc(-44 * var(--u) - .385 * var(--ph))}.pair .site-panel:not([aria-pressed=true]){translate:var(--back-t);scale:var(--back-s)}.pair .phone[aria-pressed=true]{scale:1.2}.pair .phone img{aspect-ratio:390/717.4;object-fit:cover;object-position:50% 0}.site-panel{--side:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(8 * var(--u) + var(--side)) calc(8 * var(--u)) calc(8 * var(--u));background:linear-gradient(90deg, var(--navy) calc(100% - var(--side)), var(--navy-mid) 0);border-radius:calc(8 * var(--u));box-shadow:0 var(--thick) 0 0 var(--navy-edge), 0 calc(var(--thick) + 14 * var(--u)) calc(26 * var(--u)) calc(-6 * var(--u)) #071f498c;transform-origin:50% 100%;transition:transform .9s var(--ease);margin:0;transform:rotateY(-8deg)}.site-panel img{z-index:1;border-radius:calc(4 * var(--u));background:var(--navy-deep);outline:1px solid var(--navy-mid);outline-offset:-1px;width:100%;height:auto;display:block;position:relative}.pair .site-panel{--bz:calc(6 * var(--u));--gl:calc(3 * var(--u));padding:calc(var(--bz) + var(--gl));border-radius:calc(7 * var(--u));box-shadow:inset 0 0 0 1px #a4a9b0, inset 0 1px 0 1px #ffffffb3, 0 calc(var(--thick) + 14 * var(--u)) calc(26 * var(--u)) calc(-6 * var(--u)) #071f4980;background:linear-gradient(135deg,#eceef1,#c6cbd1 48%,#dcdfe3)}.pair .site-panel:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg, var(--navy) calc(100% - 12 * var(--u)), var(--navy-mid) 0);filter:invert()hue-rotate(180deg);inset:0}.pair .site-panel img{border-radius:calc(2 * var(--u));outline:var(--gl) solid #0b0c0e;outline-offset:0;background:#0b0c0e}.pair .desk{padding-bottom:calc(var(--bz) + var(--gl) + 26 * var(--u))}.pair .phone{border-radius:calc(30 * var(--u))}.pair .phone img{border-radius:max(0px, calc(24 * var(--u) - var(--bz) - var(--gl)))}.site-panel:after{content:"";inset:0 0 calc(-1 * var(--thick)) 0;border-radius:inherit;-webkit-backdrop-filter:invert()hue-rotate(180deg);backdrop-filter:invert()hue-rotate(180deg);pointer-events:none;clip-path:polygon(0 0,0 0,0 0);transition:clip-path .3s var(--ease);position:absolute}.pair .site-panel.is-cued{animation:5s both panel-float}.pair .site-panel.is-cued:after{clip-path:polygon(0 0,200% 0,0 200%);transition:clip-path .5s linear}.pair .site-panel.is-cued:hover{animation:none}@keyframes panel-float{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:rotateY(-8deg)translateY(0)}10%{transform:rotateY(-8deg) translateY(calc(-22 * var(--u)));animation-timing-function:ease-in-out}30%{transform:rotateY(-8deg) translateY(calc(-28 * var(--u)));animation-timing-function:ease-in-out}48%{transform:rotateY(-8deg) translateY(calc(-23 * var(--u)));animation-timing-function:ease-in-out}64%{transform:rotateY(-8deg) translateY(calc(-29 * var(--u)));animation-timing-function:ease-in-out}78%{transform:rotateY(-8deg) translateY(calc(-24 * var(--u)));animation-timing-function:cubic-bezier(.45,.05,.25,1)}to{transform:rotateY(-8deg)translateY(0)}}.project:not(.is-up) .site-panel{transform:translateX(calc(60 * var(--u))) scale(.9) rotateY(-8deg) rotateX(-22deg)}.project-copy{transition:opacity .5s var(--ease) .3s}.project:not(.is-up) .project-copy{opacity:0}.project.is-up .site-panel:hover{transform:rotateY(-8deg) translateY(calc(-6 * var(--u)))}.project.is-up .pair .site-panel[aria-pressed=true]:hover{transform:rotateY(-8deg)}.project.is-up .pair .site-panel:not([aria-pressed=true]):hover{transform:rotateY(-8deg) translateY(calc(-26 * var(--u)))}.pair .site-panel:not([aria-pressed=true]):hover:after{clip-path:polygon(0 0,200% 0,0 200%);transition:clip-path .5s linear}.project-copy{z-index:1;--copy-top:0px;padding:var(--copy-top) 0 calc(90 * var(--u));position:relative}.project .leader{left:calc(-84 * var(--u));top:calc(var(--copy-top) + .6em - 6 * var(--u));width:calc(78 * var(--u));height:calc(62 * var(--u));stroke:var(--cyan);stroke-width:2.5px;fill:var(--cyan);font-size:clamp(1.5rem,2.4vw,2rem);position:absolute;overflow:visible}.project .leader path{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .52s var(--ease) .48s, d .8s var(--ease) .4s}.project .leader circle{opacity:0;transition:opacity .2s .9s}.project.is-up .leader path{stroke-dashoffset:0}.project.is-up .leader circle{opacity:1}.project-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.2}.project-kind{color:#3d5587;margin:.5rem 0 0;font-size:clamp(1rem,1.3vw,1.125rem);font-weight:500;line-height:1.3}.project-beats{color:var(--ink);margin:1.75rem 0 0;padding:0 0 0 .25rem;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.4;list-style:none}.project-beats li{grid-template-columns:1.75rem minmax(0,1fr);align-items:start;column-gap:.75rem;display:grid;position:relative}.project-beats li+li{margin-top:1.5rem}.project-beats p{margin:0}.beat-lead{font-weight:600;display:block}.beat-icon{width:1.75rem;height:1.75rem;color:var(--ink);margin-top:-.125rem}.project-beats li:before{content:"";background:var(--cyan);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.45rem;left:-1.75rem}.project-beats li:not(:last-child):after{content:"";background:var(--cyan);width:2px;height:calc(100% + 1.5rem);position:absolute;top:.9rem;left:calc(-1.375rem - 1px)}.project-site,.project-ask{gap:.75rem;width:fit-content;font-size:clamp(1.0625rem,1.4vw,1.25rem);display:flex}.project-site{margin-top:1.5rem}.project-ask{margin-top:.875rem}.project-close .site-panel{box-sizing:border-box;padding:calc(44 * var(--u)) calc(44 * var(--u)) calc(48 * var(--u))}.close-lead{max-width:40ch;color:var(--pale);margin:1.25rem 0 0;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:400;line-height:1.45}.project-close{margin-bottom:calc(240 * var(--u))}.project-close .plane{height:calc(100% + 360 * var(--u));--c-l:calc(100% - 183 * var(--u));--f-l:calc(100% - 266 * var(--u))}@media (min-width:768px){.project-close{margin-bottom:0}.project-close .plane{display:none}}.close-title{letter-spacing:-.015em;color:var(--ground);text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.8vw,2.25rem);font-weight:300;line-height:1.15}.project-close .cta{margin-top:1.75rem;padding:1.125rem 2.5rem;font-size:1.25rem;line-height:1.3}@media (prefers-reduced-motion:reduce){.project:not(.is-up) .site-panel{transform:rotateY(-8deg)}.project:not(.is-up) .project-copy{opacity:1}.site-panel,.project-copy,.project .leader path,.project .leader circle{transition:none}.pair .site-panel.is-cued{animation:none}.project .leader path{stroke-dashoffset:0}.project .leader circle{opacity:1}}@media (scripting:none){.project:not(.is-up) .site-panel{transform:rotateY(-8deg)}.project:not(.is-up) .project-copy{opacity:1}.project .leader path{stroke-dashoffset:0}.project .leader circle{opacity:1}}@media (max-width:767px){.projects-head{--head-focus:50% 30%;padding:40px 16px 48px}.projects-title{font-size:clamp(2rem,12vw,3.25rem)}.projects-lead{margin-top:.25rem;font-size:clamp(1.5rem,6.4vw,2rem)}.plane-scene{margin-top:44px;padding-bottom:72px}.project{--thick:10px;--pair-w:.72;--pb:calc((.96 * (100vw - 32px) * var(--pair-w) - 19px) * .625 + 10px);margin-bottom:56px;padding:0 16px;display:block}.pair{--pw:calc((100vw - 32px) * var(--pair-w));--ph:var(--pb);--peek-x:.89;width:calc(var(--pair-w) * 100%);margin-inline:auto}.pair .phone[aria-pressed=true]{scale:1.15}.pair .phone{width:calc((var(--pb) - 10px) / 1.8395 + 19px)}.plane{--pw:calc(100cqw + 80px);--fold:.55;--line:4px;--lip:28px;--c-l:calc(var(--pb) - 10px);--c-dl:-50px;--c-dr:50px;--f-l:calc(var(--pb) - 110px);--f-dl:-20px;--f-dr:50px;height:calc(100% + 120px)}.site-panel{--side:9px;padding:5px calc(5px + var(--side)) 5px 5px;border-radius:6px}.panel-stand{align-self:auto;padding-top:40px}.site-panel img{border-radius:3px}.project-copy{padding:28px 0 0 22px}.project .leader{display:none}.project-copy:before{content:"";background:var(--cyan);width:2px;height:100%;position:absolute;top:0;left:4px}.project-copy:after{content:"";background:var(--cyan);border-radius:50%;width:12px;height:12px;position:absolute;top:34px;left:-1px}.project-title{font-size:clamp(1.5rem,6.4vw,2rem)}.project-kind{margin-top:.5rem;font-size:1rem}.project-beats{margin-top:1.5rem;padding-left:0;font-size:1.0625rem}.project-beats li{grid-template-columns:28px minmax(0,1fr);column-gap:10px}.project-beats li+li{margin-top:1.25rem}.project-beats li:before,.project-beats li:after{display:none}.beat-icon{width:28px;height:28px;margin-top:-2px}.project-site,.project-ask{gap:10px;font-size:1.125rem}.project-site{margin-top:1.25rem}.project-ask{margin-top:.75rem}.project-close .site-panel{padding:28px 24px 32px}.project-close .cta{height:auto;margin-top:1.5rem;padding:1rem 2.25rem;font-size:1.125rem}.project-close .plane{--fold:.7;--c-l:350px;--c-dl:-50px;--c-dr:50px;--f-l:250px;--f-dl:-20px;--f-dr:50px;height:420px;top:auto;bottom:-60px}.close-title{font-size:clamp(1.5rem,7.4vw,2rem)}.close-lead{margin-top:1rem;font-size:1.0625rem}}