:root{--project-line:rgba(255,255,255,0.12);--project-bottom-fade:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 72%,rgba(0,0,0,0.86) 82%,rgba(0,0,0,0.55) 90%,rgba(0,0,0,0.22) 96%,rgba(0,0,0,0) 100%)}.project-hero{position:relative;height:clamp(540px,100vh,940px);display:flex;align-items:flex-end;overflow:hidden}.project-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.8}.project-hero-img,.project-scrim{-webkit-mask-image:var(--project-bottom-fade);mask-image:var(--project-bottom-fade)}.project-hero-top{position:absolute;top:clamp(5.5rem,9vw,8rem);left:0;right:0;z-index:2;max-width:1400px;margin-inline:auto;display:flex;align-items:center;padding-inline:clamp(1.25rem,4vw,3rem)}.project-back{display:inline-flex;align-items:center;gap:0.5rem;padding-block:0.875rem;margin-block:-0.875rem;font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;color:#d1d5db;text-shadow:0 1px 10px rgba(0,0,0,0.55),0 0 2px rgba(0,0,0,0.35);transition:color 0.25s ease,transform 0.25s ease}.project-back svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,0.55))}@media (hover:hover) and (pointer:fine){.project-back:hover{color:#fff;transform:translateX(-3px)}}.project-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,30,30,0.62) 0%,rgba(30,30,30,0) 26%,rgba(30,30,30,0.16) 55%,rgba(30,30,30,0.94) 88%,#1e1e1e 100%)}.project-titles{position:relative;z-index:2;width:100%;max-width:1400px;margin-inline:auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(2.5rem,6vh,4.5rem)}.project-titles h1{font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:0.98;text-transform:uppercase}.project-hero-placeholder{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(28px) saturate(1.1);transform:scale(1.12);opacity:0.8;-webkit-mask-image:var(--project-bottom-fade);mask-image:var(--project-bottom-fade)}.project-hero-img[data-progressive]{opacity:0;transition:opacity 0.7s ease}.project-hero-img[data-progressive].is-loaded{opacity:0.8}.project-veil{position:relative;overflow:hidden;overflow:clip;min-height:clamp(600px,100vh,980px);display:flex}.project-veil-glow{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(70px) saturate(1.4) brightness(0.7)}.project-veil-shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 40%,rgba(30,30,30,0) 0%,rgba(30,30,30,0.55) 70%),linear-gradient(180deg,rgba(30,30,30,0.6) 0%,rgba(30,30,30,0.1) 30%,rgba(30,30,30,0.2) 70%,#1e1e1e 100%)}.project-veil-inner{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;max-width:1400px;margin-inline:auto;padding:clamp(5.5rem,9vw,8rem) clamp(1.25rem,4vw,3rem) clamp(2.5rem,6vh,4.5rem)}.project-veil-stage{flex:1;display:grid;grid-template-areas:"stack";align-items:end;margin-top:1.5rem}.project-veil-photo,.project-veil-titles{grid-area:stack}.project-veil-photo{justify-self:end;align-self:center;width:min(100%,calc(var(--native-w,1200px) * 0.75),62vw,calc(62vh * 3 / 2));aspect-ratio:3 / 2;margin:0;opacity:0.45;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect}.project-veil-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.project-veil-titles{position:relative;z-index:1;padding:0;max-width:none;margin:0}.project-veil-titles h1{max-width:25ch;text-shadow:0 2px 30px rgba(0,0,0,0.35)}.project-veil--center .project-veil-stage{align-items:center}.project-veil--center .project-veil-photo{justify-self:center}.project-veil--center .project-veil-titles{text-align:center}.project-veil--center .project-veil-titles h1{margin-inline:auto}@media (max-width:767px){.project-veil{min-height:50vh}.project-veil-stage{align-items:start}.project-veil-photo{justify-self:stretch;align-self:start;width:auto;max-width:calc(var(--native-w,1200px) * 0.75)}.project-veil-titles{margin-top:38vw}}.project-reading{max-width:72ch;margin-inline:auto;padding-top:clamp(3rem,8vh,5.5rem)}.project-body p{line-height:1.75}.project-row{padding-inline:clamp(1.25rem,4vw,3rem)}.project-row--title{padding-top:clamp(5.5rem,9vw,8rem);padding-bottom:1.4rem}.project-row--title>div:first-child{margin-bottom:3rem}.project-row--title h1{font-family:"Anybody-SemiBold",sans-serif;font-weight:600;font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:1.03;text-transform:uppercase;margin:0}.project-company{font-family:"Anybody-SemiBold",sans-serif;font-weight:600;font-size:clamp(1.1rem,1.8vw,1.5rem);letter-spacing:0.04em;text-transform:uppercase;color:var(--page-secondary-color,#78c2ff);margin:0}.project-row--tags{padding-bottom:clamp(2.75rem,7vh,4.5rem)}.project-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.project-chips li{font-family:"Anybody-SemiBold",sans-serif;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border:1px solid rgba(238,239,240,0.22);border-radius:999px;color:rgba(238,239,240,0.85)}.project-row--body{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem);align-items:stretch;padding-bottom:clamp(3rem,8vh,5.5rem)}.project-lede{line-height:1.7;max-width:58ch;margin:0;color:var(--text-color,#eeeff0);padding-block:clamp(1.4rem,3vh,2.1rem)}.project-photo{position:relative;overflow:hidden;margin:0 calc(clamp(1.25rem,4vw,3rem) * -1) 0 0;border-radius:4px 0 0 4px;min-height:400px}.project-photo img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover}.project-row--contribution{max-width:calc(100% - 128px);margin-inline:auto;padding-bottom:clamp(3rem,8vh,5.5rem)}.project-h2{font-family:"Anybody-SemiBold",sans-serif;font-weight:600;font-size:clamp(1.375rem,2vw,1.75rem);letter-spacing:0.14em;text-transform:uppercase;color:var(--page-secondary-color,#78c2ff);margin:0 0 1.25rem}.project-step{line-height:1.7;margin:0;color:rgba(238,239,240,0.85)}.project-step + .project-step{margin-top:1.15rem}.project-row--next{padding-bottom:clamp(2rem,5vh,3.5rem)}@media (max-width:1119.98px){.project-photo{margin-right:0;border-radius:4px}}@media (max-width:767px){.project-row--title h1{font-size:clamp(2rem,8.5vw,3rem)}.project-row--body{grid-template-columns:1fr}.project-photo{order:-1;aspect-ratio:3 / 2;min-height:0;margin-right:0;border-radius:4px}.project-row--contribution{max-width:none}}.project-nav{max-width:125ch;margin:clamp(3.5rem,8vh,5.5rem) auto 0;border-top:1px solid var(--project-line);border-bottom:1px solid var(--project-line);display:grid;grid-template-columns:1fr 1fr}.project-nav a{display:flex;flex-direction:column;gap:0.45rem;padding:1.6rem 1.25rem;text-decoration:none;transition:background 0.25s ease}.project-nav>* + *{border-left:1px solid var(--project-line)}@media (hover:hover) and (pointer:fine){.project-nav a:hover{background:rgba(255,255,255,0.035)}}.project-nav strong{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.15;text-transform:uppercase;color:#fff;transition:color 0.25s ease}@media (hover:hover) and (pointer:fine){.project-nav a:hover strong{color:var(--page-primary-color)}}.project-nav .next{text-align:right;align-items:flex-end}.project-nav-lbl{font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;color:#9ca3af}.project-back:focus-visible,.project-nav a:focus-visible,.project-body a:focus-visible,.project-step a:focus-visible,.project-lede a:focus-visible{outline:2px solid var(--page-primary-color);outline-offset:4px;border-radius:2px}@media (max-width:640px){.project-hero{height:clamp(460px,80vh,640px)}.project-nav{grid-template-columns:1fr}.project-nav a + a{border-left:0;border-top:1px solid var(--project-line)}.project-nav .next{text-align:left;align-items:flex-start}.project-lede{padding:0}}@media (orientation:landscape) and (max-height:500px){.project-hero{height:max(100svh,320px)}.project-hero-top{top:5rem}.project-titles{padding-bottom:1.5rem}.project-titles h1{font-size:clamp(1.75rem,min(5.5vw,9svh),4.25rem)}}@media (prefers-reduced-motion:reduce){.project-hero-img[data-progressive],.project-back,.project-nav a,.project-nav strong{transition:none}.project-back:hover{transform:none}}