.project-trigger{border:0;padding:0;text-align:left;font:inherit;cursor:pointer;width:100%;color:inherit}.project-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.real-project-screen{background:#14110e}.real-project-screen img{object-fit:contain;object-position:center top;filter:none}.project-cta{margin-top:1.25rem;color:var(--lime);font:.64rem var(--mono);letter-spacing:.06em;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.project-trigger:hover .project-cta,.project-trigger:focus-visible .project-cta{opacity:1;transform:none}.project-modal[hidden]{display:none}.project-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:1rem;overflow-y:auto}.project-modal-backdrop{position:fixed;inset:0;background:rgba(17,16,14,.78);backdrop-filter:blur(12px)}.project-modal-panel{position:relative;width:min(1240px,100%);margin:auto;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px rgba(0,0,0,.35);animation:project-modal-in .35s cubic-bezier(.22,1,.36,1)}.project-modal-topline{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line);font:.68rem var(--mono);letter-spacing:.06em}.project-modal-close{border:0;background:transparent;color:var(--ink);font:.68rem var(--mono);letter-spacing:.05em;cursor:pointer;padding:.4rem}.project-modal-close:focus-visible,.project-modal-links a:focus-visible{outline:2px solid #4c60a3;outline-offset:4px}.project-modal-intro{padding:clamp(2.3rem,6vw,6.5rem) clamp(1.25rem,6vw,6rem) 3.5rem;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);gap:1.5rem 3rem;border-bottom:1px solid var(--line)}.project-modal-intro .eyebrow{grid-column:1/-1;margin:0;font:.67rem var(--mono);letter-spacing:.08em}.project-modal-intro h2{grid-column:1/-1;max-width:1000px;margin:0;font-size:clamp(2.7rem,6.4vw,6.8rem);line-height:.9;letter-spacing:-.085em}.project-modal-intro h2 em{color:#4c60a3;font-family:var(--serif);font-weight:500}.project-modal-summary{margin:0;max-width:610px;font-size:1rem;line-height:1.58}.project-modal-links{align-self:end;display:grid;gap:.7rem}.project-modal-links a{color:var(--ink);font:.68rem var(--mono);letter-spacing:.05em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.65rem}.project-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.project-feature{min-height:365px;padding:1.35rem;display:flex;flex-direction:column}.project-feature>span{font:.67rem var(--mono);margin-bottom:auto}.project-feature h3{max-width:360px;margin:3rem 0 1.2rem;font-size:clamp(1.8rem,3.2vw,3.4rem);letter-spacing:-.075em;line-height:.9}.project-feature ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(17,16,14,.22)}.project-feature li{position:relative;padding:.6rem 0 .6rem 1rem;border-bottom:1px solid rgba(17,16,14,.18);font:.76rem/1.4 var(--mono)}.project-feature li::before{content:"✦";position:absolute;left:0;top:.67rem;font-size:.5rem}.project-feature-lime{background:var(--lime)}.project-feature-blue{background:var(--blue)}.project-feature-paper{background:var(--paper)}.project-feature-ink{background:var(--ink);color:var(--paper)}.project-feature-ink ul{border-color:rgba(255,255,255,.28)}.project-feature-ink li{border-color:rgba(255,255,255,.2)}@keyframes project-modal-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:720px){.project-cta{opacity:1;transform:none}.project-modal{padding:0}.project-modal-panel{min-height:100vh}.project-modal-intro{grid-template-columns:1fr;padding:2.5rem 1.25rem 3rem}.project-modal-intro h2{font-size:clamp(2.7rem,13vw,4.2rem)}.project-feature-grid{grid-template-columns:1fr}.project-feature{min-height:auto;padding:1.25rem}.project-feature h3{margin:2.7rem 0 1.2rem}}@media(prefers-reduced-motion:reduce){.project-modal-panel{animation:none}.project-cta{transition:none}}