:root{--project-black:#11110f;--project-paper:#eae8e1;--project-red:#c63b28}
.projects-page{background:var(--project-paper);color:var(--ink)}.projects-page main{padding-top:2.75rem}
.projects-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-height:72svh;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,3.4vw,3.5rem) 4rem;border-bottom:1px solid var(--ink)}
.projects-kicker{grid-column:1/5;margin:0;font-size:.78rem;font-style:italic}.projects-hero h1{grid-column:2/12;align-self:center;margin:0;font:400 clamp(4.6rem,10.2vw,10rem)/.78 DaVinci,Georgia,serif;letter-spacing:-.065em;text-align:center}.projects-hero h1 em{font-weight:400}
.projects-intro{grid-column:7/13;align-self:end;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;border-top:1px solid var(--ink);padding-top:.65rem}.projects-intro p{max-width:40ch;margin:0;font-size:1rem;line-height:1.25}.projects-intro span{font-size:.73rem;font-style:italic;white-space:nowrap}
.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:0 clamp(1.25rem,3.4vw,3.5rem) 7rem}.project-card{position:relative;display:block;padding:clamp(1.25rem,2.2vw,2rem);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);color:inherit;text-decoration:none}.project-card:nth-child(odd){border-left:1px solid var(--ink)}.project-card--lead{grid-column:1/8;padding-top:3.2rem}.project-card--eye{grid-column:8/13;padding-top:7rem}.project-card--placeholder{grid-column:span 4;cursor:default}.project-card--placeholder:nth-child(5){border-left:0}
.project-image{position:relative;display:grid;place-items:center;min-height:15rem;margin:0 0 1.1rem;overflow:hidden;background:#d8d5cc}.project-card--lead .project-image{aspect-ratio:984/798}.project-card--eye .project-image{aspect-ratio:4/5}.project-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 400ms ease,transform 600ms cubic-bezier(.2,.8,.2,1)}.project-card:is(a):hover img,.project-card:is(a):focus-visible img{filter:grayscale(0);transform:scale(1.015)}
.project-arrow{position:absolute;right:.7rem;bottom:.6rem;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid currentColor;border-radius:50%;background:var(--project-paper);font-size:1.2rem;transition:background 180ms ease,color 180ms ease}.project-card:is(a):hover .project-arrow,.project-card:is(a):focus-visible .project-arrow{background:var(--project-black);color:#fff}.project-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;font-size:.7rem;font-style:italic}.project-meta span:last-child{text-align:right}.project-card h2{margin:0 0 .7rem;font:400 clamp(2.2rem,4vw,4.4rem)/.85 DaVinci,Georgia,serif;letter-spacing:-.04em}.project-card>p{max-width:43ch;margin:0;font-size:.95rem;line-height:1.35}
.project-card--placeholder{opacity:.67}.project-card--placeholder h2{font-size:clamp(2rem,3vw,3.5rem)}.project-image--diagram{aspect-ratio:1.15;background:transparent;border:1px solid var(--ink)}.project-image--diagram span{z-index:1;font:italic clamp(4rem,8vw,8rem)/1 DaVinci,Georgia,serif}.project-image--diagram::before,.project-image--diagram::after{position:absolute;content:""}.diagram-a::before{inset:12%;border:1px solid}.diagram-a::after{width:1px;height:140%;background:currentColor;transform:rotate(42deg)}.diagram-b::before{width:52%;aspect-ratio:1;border:1px solid;border-radius:50%}.diagram-b::after{width:72%;height:1px;background:currentColor}.diagram-c{background:repeating-linear-gradient(90deg,transparent 0 12%,currentColor 12% calc(12% + 1px))}.diagram-c::before{inset:22%;background:var(--project-paper);border:1px solid}.diagram-d::before{inset:12%;background:linear-gradient(45deg,transparent 49.6%,currentColor 49.6% 50.4%,transparent 50.4%),linear-gradient(-45deg,transparent 49.6%,currentColor 49.6% 50.4%,transparent 50.4%)}.diagram-e::before{width:70%;height:32%;border:1px solid;transform:rotate(-8deg)}.diagram-e::after{width:42%;height:48%;border:1px solid;transform:rotate(13deg)}
.projects-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,3.4vw,3.5rem) 3rem;font-size:.78rem;font-style:italic}.projects-footer a{text-underline-offset:.2em}
.project-detail{background:var(--project-paper);color:var(--ink)}.project-detail main{padding-top:2.75rem}.project-back{display:inline-block;margin:2.25rem clamp(1.25rem,3.4vw,3.5rem) 0;font-size:.8rem;font-style:italic;text-underline-offset:.2em}.detail-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,3.4vw,3.5rem) clamp(4rem,8vw,8rem)}.detail-number{grid-column:1/3;margin:0;font-style:italic}.detail-title{grid-column:2/12;margin:0;font:400 clamp(6rem,15vw,14rem)/.72 DaVinci,Georgia,serif;letter-spacing:-.075em;text-align:center}.detail-title em{font-weight:400}.detail-summary{grid-column:7/12;margin:2rem 0 0;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.22}.detail-facts{grid-column:2/6;display:grid;grid-template-columns:auto 1fr;align-self:end;gap:.3rem 1rem;margin:2rem 0 0;font-size:.77rem}.detail-facts dt{font-style:italic}.detail-facts dd{margin:0}
.detail-media{margin:0;background:var(--project-black);color:#f5f2e9}.detail-media img,.detail-media video{display:block;width:100%;max-height:88svh;object-fit:contain}.detail-media figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.7rem clamp(1.25rem,3.4vw,3.5rem);font-size:.72rem;font-style:italic}.detail-media a{color:inherit}.process{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,3.4vw,3.5rem)}.process-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:4rem}.process-heading p{grid-column:1/4;margin:0;font-style:italic}.process-heading h2{grid-column:4/13;margin:0;font:400 clamp(4rem,8vw,8rem)/.8 DaVinci,Georgia,serif;letter-spacing:-.05em}.process-list{margin:0;padding:0;border-top:1px solid;counter-reset:step}.process-list li{display:grid;grid-template-columns:1fr 3fr 5fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid;counter-increment:step;list-style:none}.process-list li::before{content:counter(step,decimal-leading-zero);font-size:.72rem;font-style:italic}.process-list h3{margin:0;font:italic 1.45rem/1.05 DaVinci,Georgia,serif}.process-list p{max-width:58ch;margin:0;line-height:1.4}.detail-note{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:5rem clamp(1.25rem,3.4vw,3.5rem);background:var(--project-black);color:#f5f2e9}.detail-note p{grid-column:4/11;margin:0;font:italic clamp(2.8rem,6vw,6rem)/.9 DaVinci,Georgia,serif;text-align:center}.detail-note a{grid-column:5/10;margin-top:1.5rem;text-align:center;text-underline-offset:.2em}.eye-hero{padding-bottom:4rem}.eye-status{color:var(--project-red)}.eye-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:0 clamp(1.25rem,3.4vw,3.5rem) 8rem}.eye-layout figure{grid-column:1/8;margin:0}.eye-layout figure img{display:block;width:100%;filter:grayscale(1)}.eye-layout aside{grid-column:9/13;align-self:center}.eye-layout h2{margin:0 0 1rem;font:400 clamp(3rem,5vw,5rem)/.85 DaVinci,Georgia,serif;letter-spacing:-.04em}.eye-layout p{font-size:1.05rem;line-height:1.42}.eye-layout .mini-caption{margin-top:3rem;font-size:.72rem;font-style:italic}
@media(max-width:850px){.projects-page main,.project-detail main{padding-top:5rem}.projects-hero{display:block;min-height:62svh;padding-top:5rem}.projects-hero h1{margin:5rem 0 4rem;font-size:clamp(4.3rem,17vw,7rem)}.projects-intro{display:block}.projects-intro span{display:block;margin-top:1rem}.project-grid{display:block}.project-card,.project-card--lead,.project-card--eye,.project-card--placeholder{padding:1.5rem;border-right:1px solid;border-left:1px solid}.project-card--eye{padding-top:3rem}.project-card--placeholder:nth-child(5){border-left:1px solid}.project-image{min-height:12rem}.project-card--eye .project-image{aspect-ratio:4/3}.detail-hero{display:block;padding-top:3rem}.detail-title{margin:3rem -.2rem;text-align:left}.detail-summary{margin-left:18%}.detail-facts{margin-top:3rem}.process-heading{display:block}.process-heading h2{margin-top:2rem}.process-list li{grid-template-columns:2rem 1fr}.process-list p{grid-column:2}.detail-note{display:block}.detail-note a{display:block}.eye-layout{display:block}.eye-layout aside{margin:3rem 0 0}}
@media(max-width:520px){.projects-hero{padding-inline:1.25rem}.projects-hero h1{font-size:4.1rem}.project-grid{padding-inline:1.25rem}.project-card{padding:1.25rem}.projects-footer{flex-direction:column}.detail-title{font-size:5rem}.detail-summary{margin-left:0}.detail-media figcaption{display:block}.detail-media figcaption span{display:block;margin-top:.3rem}.process-list h3{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.project-image img{transition:none}}
.project-image video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 400ms ease,transform 600ms cubic-bezier(.2,.8,.2,1)}.project-card:is(a):hover video,.project-card:is(a):focus-visible video{filter:grayscale(0);transform:scale(1.015)}.project-card h2 em{font-weight:400}.screen-project-title{font-size:clamp(3.8rem,8.8vw,9rem);line-height:.8}.screen-project-media video{width:auto;max-width:100%;height:min(88svh,60rem);margin:0 auto;object-fit:contain}@media(max-width:520px){.screen-project-title{font-size:3.8rem}.screen-project-media video{width:100%;height:auto}}@media(prefers-reduced-motion:reduce){.project-image video{transition:none}}
.project-grid .project-card--small{grid-column:span 4;border-left:0}.project-grid .project-card--small:nth-child(3n+1){border-left:1px solid var(--ink)}.project-card--small .project-image{aspect-ratio:1}.compact-project-title{font-size:clamp(4.4rem,9vw,9rem);line-height:.78}.project-screenshot img{max-height:none}.codebuddy-signal{display:grid;grid-template-columns:repeat(3,1fr);min-height:64svh;border-top:1px solid;border-bottom:1px solid;place-items:center;font:italic clamp(3.5rem,8vw,8rem)/1 DaVinci,Georgia,serif;letter-spacing:-.05em}.codebuddy-signal span+span{border-left:1px solid;width:100%;height:100%;display:grid;place-items:center}@media(max-width:850px){.project-grid .project-card--small,.project-grid .project-card--small:nth-child(3n+1){grid-column:auto;border-left:1px solid var(--ink)}.compact-project-title{font-size:clamp(4rem,14vw,7rem)}.codebuddy-signal{grid-template-columns:1fr;min-height:auto}.codebuddy-signal span{min-height:30svh}.codebuddy-signal span+span{border-top:1px solid;border-left:0}}@media(max-width:520px){.compact-project-title{font-size:3.8rem}}
.detail-summary--paragraphs p{margin:0}.detail-summary--paragraphs p+p{margin-top:1em}
.peacepod-guide{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,3.4vw,3.5rem)}.peacepod-section-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:clamp(4rem,8vw,8rem)}.peacepod-section-heading>p{grid-column:1/4;margin:0;font-size:.78rem;font-style:italic}.peacepod-section-heading h2{grid-column:4/13;margin:0;font:400 clamp(4rem,8vw,8rem)/.82 DaVinci,Georgia,serif;letter-spacing:-.055em}.peacepod-section-heading h2 em{font-weight:400}.feature-block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:clamp(2.5rem,5vw,5rem) 0;border-top:1px solid}.feature-copy{grid-column:1/5;padding-right:clamp(0rem,2vw,2rem)}.feature-index{margin:0 0 3rem;font-size:.72rem;font-style:italic}.feature-copy h3{margin:0;font:400 clamp(2rem,3.8vw,4rem)/.92 DaVinci,Georgia,serif;letter-spacing:-.035em}.feature-copy ul{margin:2rem 0 0;padding-left:1.1rem;font-size:.95rem;line-height:1.45}.feature-copy li+li{margin-top:.45rem}.feature-gallery{grid-column:5/13;align-self:start}.feature-gallery img{display:block;width:100%;height:auto;border:1px solid var(--ink);background:#fff}.feature-gallery--pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.peacepod-build{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,3.4vw,3.5rem);background:var(--project-black);color:#f5f2e9}.peacepod-section-heading--light{margin-bottom:4rem}.tech-ribbon{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 5rem;padding:0;list-style:none}.tech-ribbon li{padding:.42rem .72rem;border:1px solid;border-radius:999px;font-size:.75rem}.build-list{margin:0;border-top:1px solid}.build-list div{display:grid;grid-template-columns:1fr 3fr;gap:1rem;padding:1rem 0;border-bottom:1px solid}.build-list dt{font-style:italic}.build-list dd{margin:0;font:400 clamp(1.4rem,2.6vw,2.6rem)/1 DaVinci,Georgia,serif}
@media(max-width:850px){.peacepod-section-heading{display:block}.peacepod-section-heading h2{margin-top:2rem}.feature-block{display:block}.feature-copy{padding-right:0}.feature-index{margin-bottom:1.5rem}.feature-gallery{margin-top:2.5rem}.feature-gallery--pair{gap:.6rem}.build-list div{grid-template-columns:1fr 2fr}}
@media(max-width:520px){.feature-gallery--pair{grid-template-columns:1fr}.build-list div{display:block}.build-list dd{margin-top:.4rem}.peacepod-section-heading h2{font-size:3.8rem}}