.projects-page{min-height:100vh;background:var(--paper);color:var(--ink)}.projects-page nav{background:#fdf6f2f0;border-bottom:1px solid var(--line)}.projects-page .projects-hero{min-height:0;display:block;padding:clamp(130px,18vh,190px) 0 clamp(64px,9vh,100px)}.projects-page .project-eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mag);margin-bottom:24px}.projects-page .projects-hero h1{font-size:clamp(3.7rem,9vw,8.7rem);line-height:.9;letter-spacing:-.065em;text-transform:none;max-width:10ch;font-variation-settings:"wdth" 108,"wght" 880;margin:0}.projects-page .projects-hero h1 em{color:var(--mag);font-style:normal}.projects-page .projects-hero p{max-width:58ch;margin-top:30px;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65;color:var(--ink-2)}.projects-page .case-index{display:grid;gap:14px;padding-top:4px;padding-bottom:clamp(40px,6vh,64px)}.projects-page .case-index-group{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px 16px;align-items:center}.projects-page .case-index-group p{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.projects-page .case-index ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.projects-page .case-index a{display:flex;text-decoration:none;color:var(--ink);gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.projects-page .case-index span{color:var(--mag);flex:none}.projects-page .case-group{margin-bottom:clamp(70px,10vh,120px)}.projects-page .case-group>h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:clamp(18px,3vh,28px)}.projects-page .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;align-items:start}.projects-page .case{background:var(--paper);box-shadow:0 0 0 1px var(--line);padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;transition:background .3s ease}.projects-page .case:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,4vw,64px)}.projects-page .case:last-child:nth-child(odd)>.case-head{grid-area:1/1}.projects-page .case:last-child:nth-child(odd)>.case-meta{grid-area:2/1}.projects-page .case:last-child:nth-child(odd)>figure{grid-area:1/2/3/3;margin-top:0;align-self:start}.projects-page .case:hover{background:var(--paper-2)}.projects-page .case-top{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.projects-page .case-top span:first-child{color:var(--mag)}.projects-page .case-result{margin-top:46px;font-size:clamp(2.8rem,6vw,6.1rem);line-height:.88;letter-spacing:-.065em;color:var(--mag);font-variation-settings:"wdth" 94,"wght" 850}.projects-page .case h3{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1;letter-spacing:-.04em;margin-top:24px;max-width:16ch}.projects-page .case-context{margin-top:13px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cy);line-height:1.55}.projects-page .case-summary{font-size:1rem;line-height:1.7;color:var(--ink-2);max-width:57ch;margin-top:20px}.projects-page .case-evidence,.projects-page .case-product-visual{margin:30px 0 0;border:1px solid var(--line);background:var(--paper-2);padding:clamp(18px,3vw,30px)}.projects-page .case-evidence figcaption,.projects-page .case-product-visual figcaption{font-family:var(--mono);font-size:10.5px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px}.projects-page .metric-row{display:grid;grid-template-columns:104px minmax(0,1fr) 52px;align-items:center;gap:12px;margin:14px 0;font-size:.82rem;color:var(--ink-2)}.projects-page .metric-track{height:12px;background:#ded3cc;overflow:hidden}.projects-page .metric-track i{display:block;height:100%;background:var(--mag)}.projects-page .metric-row b{font-size:1rem;color:var(--ink);text-align:right}.projects-page .metric-evidence p,.projects-page .scale-evidence p,.projects-page .program-evidence p,.projects-page .run-evidence p,.projects-page .dashboard-evidence p{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.86rem;line-height:1.65;color:var(--ink-2)}.projects-page .metric-evidence p strong{color:var(--mag)}.projects-page .scale-evidence{display:grid;grid-template-columns:1fr 1fr;gap:18px}.projects-page .scale-evidence figcaption,.projects-page .scale-evidence p{grid-column:1/-1}.projects-page .scale-evidence>div,.projects-page .run-evidence>div{padding:17px;background:var(--paper);border-left:3px solid var(--mag)}.projects-page .scale-evidence span,.projects-page .run-evidence span{display:block;font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.projects-page .scale-evidence b,.projects-page .run-evidence b{display:block;margin-top:9px;font-size:clamp(1.35rem,3vw,2.4rem);letter-spacing:-.04em}.projects-page .scale-evidence b i{font-style:normal;color:var(--mag)}.projects-page .program-evidence ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.projects-page .program-evidence li{background:var(--paper);padding:17px}.projects-page .program-evidence li b,.projects-page .program-evidence li span{display:block}.projects-page .program-evidence li b{font-size:1rem}.projects-page .program-evidence li span{margin-top:6px;font-size:.76rem;line-height:1.45;color:var(--ink-3)}.projects-page .case-product-visual picture{display:block;overflow:hidden;border:1px solid var(--line);background:#11131b}.projects-page .case-product-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.projects-page .case-product-visual figcaption{margin:12px 0 0;text-transform:none;letter-spacing:.04em}.projects-page .case-product-visual ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}.projects-page .case-product-visual li{position:relative;padding-left:18px;font-size:.84rem;line-height:1.55;color:var(--ink-2)}.projects-page .case-product-visual li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--mag)}.projects-page .run-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px}.projects-page .run-evidence figcaption,.projects-page .run-evidence p{grid-column:1/-1}.projects-page .run-evidence b{font-size:1.05rem}.projects-page .dashboard-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.projects-page .dashboard-flow>span{padding:16px;background:var(--paper);font-weight:800}.projects-page .dashboard-flow small{display:block;margin-top:7px;font-weight:400;line-height:1.45;color:var(--ink-3)}.projects-page .dashboard-flow>i{font-style:normal;color:var(--mag);font-size:1.5rem}.projects-page .case-meta{display:flex;flex-direction:column;align-items:flex-start}.projects-page .case-role{align-self:stretch;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:125px 1fr;gap:18px;font-size:.88rem;line-height:1.55}.projects-page .case-role b{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cy);font-weight:500}.projects-page .case-role span{color:var(--ink-2)}.projects-page .case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}.projects-page .case-tags li{font-family:var(--mono);font-size:10px;letter-spacing:.06em;border:1px solid var(--line);padding:7px 9px;color:var(--ink-2)}.projects-page .case-link,.projects-page .case-private{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.projects-page .case-link{color:var(--mag);display:inline-flex;gap:8px;align-items:center;width:max-content;max-width:100%;min-height:44px;padding-block:12px;margin-top:14px;text-decoration:underline;text-underline-offset:5px}.projects-page .case-private{color:var(--ink-3)}.projects-page .project-close{padding:clamp(80px,12vh,140px) 0;background:var(--night);color:var(--n-ink);position:relative;overflow:hidden}.projects-page .project-close .project-eyebrow{color:var(--neon-mag)}.projects-page .project-close h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:.91;letter-spacing:-.055em;max-width:14ch;color:var(--n-ink)}.projects-page .project-close p{font-size:1.1rem;color:var(--n-ink-2);margin-top:24px;max-width:54ch}.projects-page .project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.projects-page .project-actions a{border:1px solid var(--n-line);padding:13px 17px;font-size:.95rem;font-weight:700;transition:.25s ease}.projects-page .project-actions a:first-child{background:var(--neon-mag);border-color:var(--neon-mag);color:var(--night)}.projects-page .project-actions a:hover{transform:translateY(-2px);border-color:var(--n-ink)}@media (max-width:820px){.projects-page .case-grid{grid-template-columns:1fr}.projects-page .case:last-child:nth-child(odd){display:flex}.projects-page .case:last-child:nth-child(odd)>figure{margin-top:30px}.projects-page .case-index-group{grid-template-columns:1fr}}@media (max-width:560px){.projects-page .projects-hero{padding:92px 0 28px}.projects-page .project-eyebrow{margin-bottom:12px}.projects-page .projects-hero h1{font-size:clamp(2.7rem,12.5vw,3.7rem);line-height:.9;max-width:100%}.projects-page .projects-hero h1 em{display:block}.projects-page .projects-hero p{margin-top:18px;font-size:.96rem;line-height:1.55}.projects-page .case-index ul{display:grid;grid-template-columns:1fr 1fr}.projects-page .case-index a{min-width:0;white-space:normal;line-height:1.35;letter-spacing:.04em;overflow-wrap:anywhere}.projects-page .case-role{grid-template-columns:1fr;gap:7px}.projects-page .case-result{margin-top:28px}.projects-page .scale-evidence,.projects-page .run-evidence{grid-template-columns:1fr}.projects-page .scale-evidence figcaption,.projects-page .scale-evidence p,.projects-page .run-evidence figcaption,.projects-page .run-evidence p{grid-column:auto}.projects-page .program-evidence ol,.projects-page .dashboard-flow{grid-template-columns:1fr}.projects-page .dashboard-flow>i{transform:rotate(90deg);justify-self:center}}
