.projects-demo{--ink:#171717;--paper:#f4f0e8;--orange:#ef5b16;background:var(--paper);color:var(--ink);min-height:100vh}.projects-header{border-bottom:4px solid var(--orange);z-index:20;background:#171717;grid-template-columns:1fr auto 1fr;align-items:center;height:104px;padding:0 clamp(24px,5vw,80px);display:grid;position:sticky;top:0}.projects-brand{align-items:center;width:max-content;display:flex}.projects-brand img{object-fit:contain;width:auto;height:70px}.projects-header>span{color:#aaa;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.projects-back{color:#fff;justify-self:end;align-items:center;gap:8px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.projects-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;padding:clamp(70px,9vw,140px) clamp(24px,7vw,110px) clamp(60px,8vw,110px);display:grid}.projects-kicker{color:var(--orange);letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px;font-size:.78rem;font-weight:900}.projects-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.2rem,7.5vw,7.4rem);font-weight:500;line-height:.82}.projects-intro h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.projects-intro-copy{max-width:620px;font-size:1.14rem;line-height:1.75}.projects-intro-copy>span{border-top:1px solid #d8d1c5;align-items:center;gap:10px;margin-top:24px;padding-top:22px;font-size:.86rem;font-weight:800;display:flex}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:0 clamp(24px,5vw,80px) clamp(90px,10vw,150px);display:grid}.project-card{background:#fff;border:1px solid #ded7cd;overflow:hidden}.project-cover{aspect-ratio:16/10;background:#222;position:relative;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.project-card:hover .project-cover img{transform:scale(1.025)}.project-cover>span{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#171717e0;padding:9px 13px;font-size:.7rem;font-weight:900;position:absolute;top:20px;left:20px}.project-cover>span.pending{background:var(--orange)}.project-cover>b{color:#fff;letter-spacing:-.08em;text-shadow:0 2px 22px #00000059;font-size:4.4rem;font-weight:400;line-height:1;position:absolute;bottom:8px;right:20px}.project-copy{padding:34px 36px 28px}.project-kind{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:.77rem;font-weight:900;display:flex}.project-copy h2{letter-spacing:-.045em;max-width:590px;margin:18px 0 30px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02}.project-copy dl{border-top:1px solid #e4ded5;border-bottom:1px solid #e4ded5;grid-template-columns:repeat(3,1fr);margin:0 0 25px;display:grid}.project-copy dl div{padding:18px 12px 18px 0}.project-copy dl div+div{border-left:1px solid #e4ded5;padding-left:18px}.project-copy dt{text-transform:uppercase;letter-spacing:.1em;color:#777;font-size:.7rem;font-weight:800}.project-copy dd{margin:7px 0 0;font-size:1.04rem;font-weight:900}.project-copy details summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;padding:12px 0;font-weight:900;list-style:none;display:flex}.project-copy details summary::-webkit-details-marker{display:none}.project-copy details[open] summary svg{transform:rotate(90deg)}.project-copy details summary svg{transition:transform .25s}.project-detail{border-top:1px solid #e4ded5;padding-top:18px}.project-detail img{object-fit:cover;width:100%;max-height:440px;display:block}.project-detail p{color:#49443e;margin:22px 0;font-size:1rem;line-height:1.7}.project-detail a{color:var(--orange);align-items:center;gap:9px;font-weight:900;text-decoration:none;display:inline-flex}.projects-final{background:var(--orange);color:#fff;padding:clamp(70px,9vw,130px) clamp(24px,8vw,130px)}.projects-final .projects-kicker{color:#391408}.projects-final h2{letter-spacing:-.055em;max-width:1200px;margin:0 0 46px;font-size:clamp(2.3rem,5.2vw,5.4rem);line-height:.98}.projects-final>a{color:#fff;background:#171717;align-items:center;gap:12px;padding:18px 25px;font-weight:900;text-decoration:none;display:inline-flex}.projects-final>a:hover{color:#171717;background:#fff}@media (max-width:850px){.projects-header{grid-template-columns:1fr auto;height:84px;padding:0 18px}.projects-brand img{height:58px}.projects-header>span{display:none}.projects-back{font-size:0}.projects-back svg{width:23px;height:23px}.projects-intro{grid-template-columns:1fr;gap:40px;padding-top:70px}.projects-intro h1{font-size:clamp(3.2rem,16vw,5.5rem)}.projects-grid{grid-template-columns:1fr;padding-inline:16px}.project-copy{padding:28px 22px 24px}.project-copy dl{grid-template-columns:1fr}.project-copy dl div,.project-copy dl div+div{border-bottom:1px solid #e4ded5;border-left:0;padding:14px 0}.project-copy dl div:last-child{border-bottom:0}.project-cover>b{font-size:3.3rem}}@media (prefers-reduced-motion:reduce){.project-cover img,.project-copy details summary svg{transition:none}}.projects-header{z-index:100;isolation:isolate}.projects-brand,.projects-back{z-index:2;pointer-events:auto;touch-action:manipulation;min-width:44px;min-height:44px;position:relative}.projects-back{justify-content:center}