.work-section{padding:30px 5.5% 100px;position:relative;overflow:clip}.work-section>.section-topline,.work-heading,.work-projects,.work-endnote{max-width:1600px;margin-left:auto;margin-right:auto}.work-heading{justify-content:space-between;align-items:flex-end;gap:40px;padding:80px 0 90px;display:flex}.work-heading h2{letter-spacing:-.07em;font-size:clamp(4rem,8.7vw,9.5rem);font-weight:300;line-height:.95}.work-heading h2 em{color:#c7b1e5;font-family:Georgia,serif;font-weight:400}.work-heading p{color:#aba3b5;margin-top:32px;font-size:17px;line-height:1.7}.work-count{color:#0000;-webkit-text-stroke:1px #ad8dc851;letter-spacing:-.08em;flex-direction:column;align-items:center;padding-bottom:4px;font-size:clamp(7rem,16vw,17rem);font-weight:300;line-height:.86;display:flex}.work-count>span{-webkit-text-stroke:0;font:12px var(--font-geist-mono), monospace;color:#a899ba;letter-spacing:.13em;margin-top:24px}.work-project{--work-accent:#bcae79;--work-glow:#567447;--work-glow-secondary:#baa56a}.work-project-truecare{--work-accent:#c2a0ee;--work-glow:#6c388e;--work-glow-secondary:#2198a0}.work-project-northline{--work-accent:#d0db94;--work-glow:#36556b;--work-glow-secondary:#718440}.work-project+.work-project{margin-top:110px}.work-project-topline{font:12px var(--font-geist-mono), monospace;letter-spacing:.1em;color:#b1a7ba;border-top:1px solid #b7a9c22c;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.work-index{color:var(--work-accent);margin-right:14px}.work-topline-note{color:#a197ac;font-size:12px}.work-visual{--pointer-x:0;--pointer-y:0;aspect-ratio:1.66;isolation:isolate;perspective:1500px;background:radial-gradient(at 50% 60%,#1a152044,#060608 75%);border-radius:3px;display:block;position:relative}.work-visual:before,.work-visual:after{content:"";border-color:color-mix(in srgb, var(--work-accent) 40%, transparent);pointer-events:none;width:26px;height:26px;position:absolute}.work-visual:before{border-top-width:1px;border-left-width:1px;top:0;left:0}.work-visual:after{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.work-aura{opacity:.42;background:radial-gradient(ellipse at 38% 52%, var(--work-glow), transparent 56%), radial-gradient(ellipse at 75% 70%, var(--work-glow-secondary), transparent 36%);filter:blur(36px);pointer-events:none;transition:opacity .6s;position:absolute;inset:-8% -3%}:is(.work-visual:hover .work-aura,.work-visual:focus-visible .work-aura){opacity:.64}.work-orbits{width:100%;height:100%;stroke:var(--work-accent);stroke-width:.75px;opacity:.35;pointer-events:none;position:absolute;inset:0;overflow:visible}.work-orbits ellipse:nth-child(2){opacity:.25}.work-orbits .work-orbit-signal{stroke:#f1e2ff;stroke-width:2px;stroke-dasharray:8 92;animation:12s linear infinite paused work-orbit-travel}.work-project[data-active=true] .work-orbit-signal{animation-play-state:running}.work-device-stack{transform-style:flat;perspective:1500px;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg));transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.work-project[data-motion=true][data-entered=false] .work-device-stack{transform:translateY(55px)rotateX(9deg)scale(.97)}.work-browser{z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#14111b;border:1px solid #cfc5df57;border-radius:10px;width:74%;position:absolute;top:8%;left:7%;overflow:hidden;transform:rotateY(-7deg)rotateX(4deg)rotate(-1.2deg);box-shadow:0 30px 70px #0009,0 0 0 5px #ffffff04}.work-browser-bar{color:#b4aabd;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;height:clamp(30px,2.7vw,43px);min-height:30px;padding:0 14px;display:flex}.work-browser-dots{gap:5px;display:flex}.work-browser-dots i{background:#897b99;border-radius:50%;width:5px;height:5px}.work-browser-dots i:nth-child(2){opacity:.6}.work-browser-dots i:nth-child(3){opacity:.35}.work-browser-address{text-overflow:ellipsis;white-space:nowrap;font:clamp(8px, .75vw, 11px) var(--font-geist-mono), monospace;overflow:hidden}.work-browser img{aspect-ratio:1.5;object-fit:cover;width:100%;height:auto}.work-phone{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#101015;border:1px solid #b4a5c270;border-radius:clamp(13px,2.2vw,30px);width:17.5%;padding:6px;position:absolute;bottom:6%;right:7%;transform:translateZ(70px)rotateY(-8deg)rotate(5deg);box-shadow:-15px 20px 40px #0008,0 0 0 3px #ffffff06}.work-phone img{aspect-ratio:390/844;border-radius:clamp(8px,1.7vw,24px);width:100%;height:auto}.work-phone-camera{z-index:1;background:#101015;border-radius:20px;width:32%;height:clamp(4px,.8vw,11px);position:absolute;top:9px;left:34%}.work-project-truecare .work-browser{left:auto;right:7%;transform:rotateY(7deg)rotateX(4deg)rotate(1.2deg)}.work-project-truecare .work-phone{left:7%;right:auto;transform:translateZ(70px)rotateY(8deg)rotate(-5deg)}.work-preview-label{color:var(--work-accent);font:12px var(--font-geist-mono), monospace;letter-spacing:.14em;align-items:center;gap:12px;display:flex;position:absolute;bottom:3%;left:3%}.work-project-truecare .work-preview-label{left:auto;right:3%}.work-project-info{grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,100px);padding:42px 0 0;display:grid;position:relative}.work-project-title h3{letter-spacing:-.045em;text-wrap:balance;max-width:620px;font-size:clamp(2rem,3.6vw,4rem);font-weight:400;line-height:1.08}.work-project-details{color:#b2a9bc;font:12px var(--font-geist-mono), monospace;flex-wrap:wrap;gap:8px 20px;margin:25px 0 0;padding:0;list-style:none;display:flex}.work-project-details li{align-items:center;gap:8px;display:flex}.work-project-details li:before{content:"";background:var(--work-accent);border-radius:50%;width:3px;height:3px}.work-project-description p{color:#b2a9bc;max-width:460px;font-size:16px;line-height:1.75}.work-visit{border-bottom:1px solid var(--work-accent);min-height:48px;color:var(--work-accent);justify-content:space-between;align-items:center;gap:45px;margin-top:20px;padding:8px 0;font-size:16px;display:inline-flex}.work-visit svg{transition:transform .2s}:is(.work-visit:hover svg,.work-visit:focus-visible svg){transform:translate(3px,-3px)}.work-endnote{color:#9c8aac;font:12px var(--font-geist-mono), monospace;letter-spacing:.15em;text-align:center;align-items:center;gap:30px;padding-top:100px;display:flex}.work-endnote>span:first-child,.work-endnote>span:last-child{background:linear-gradient(90deg,#0000,#ad8bd652);flex:1;height:1px}.work-endnote>span:last-child{transform:rotate(180deg)}@keyframes work-orbit-travel{to{stroke-dashoffset:-100px}}@media (max-width:760px){.work-section{padding:15px 7% 65px}.work-heading{gap:12px;padding:55px 0}.work-heading h2{font-size:clamp(3.25rem,12vw,5.5rem)}.work-heading p{margin-top:24px;font-size:16px}.work-count,.work-topline-note{display:none}.work-project-topline{padding:16px 0;font-size:12px}.work-project+.work-project{margin-top:70px}.work-visual{aspect-ratio:1.25;margin:0 -3%}.work-browser{border-radius:5px;width:85%;top:9%;left:3%}.work-browser-bar{gap:6px;height:22px;min-height:22px;padding:0 8px}.work-browser-dots{gap:3px}.work-browser-dots i{width:3px;height:3px}.work-browser-address{font-size:7px}.work-browser-bar>svg{width:10px}.work-phone{width:23%;padding:3px;bottom:5%;right:4%;transform:translateZ(30px)rotate(4deg)}.work-phone-camera{top:5px}.work-project-truecare .work-browser{right:3%}.work-project-truecare .work-phone{left:4%;transform:translateZ(30px)rotate(-4deg)}.work-preview-label{letter-spacing:.05em;gap:8px;font-size:12px;bottom:4%}.work-preview-label svg{width:13px}.work-project-info{grid-template-columns:1fr;gap:25px;padding-top:24px}.work-project-title h3{font-size:clamp(1.9rem,7.5vw,3rem)}.work-project-details{gap:12px;margin-top:20px;font-size:12px}.work-project-description p{font-size:16px}.work-visit{margin-top:15px}.work-endnote{letter-spacing:.03em;gap:15px;padding-top:65px;font-size:12px}}@media (prefers-reduced-motion:reduce){.work-device-stack,.work-project[data-motion=true][data-entered=false] .work-device-stack,.work-browser,.work-phone,.work-project-truecare .work-browser,.work-project-truecare .work-phone{transition:none;transform:none}.work-orbits .work-orbit-signal{animation:none}}
