.projects-page{background:var(--c-bg)}.projects-page :is(a,summary):focus-visible{outline:2px solid var(--c-accent);outline-offset:5px}.projects-page h2,.projects-page h3{font-family:var(--font-display);text-transform:uppercase;font-weight:700}.projects-hero{background:var(--c-bg)}.projects-hero .page-hero{min-height:510px;padding-bottom:80px}.projects-hero .page-hero__image{inset:0 0 0 24%}.projects-hero .page-hero__description{max-width:400px;color:var(--c-text)}.projects-hero__foot{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px;display:flex}.projects-hero__foot a{min-height:44px;color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:30px;font-size:.65rem;font-weight:700;display:inline-flex}.projects-hero__foot>span{color:var(--c-muted);font-size:.58rem}.projects-eyebrow{color:var(--c-accent);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 20px;font-size:.61rem;font-weight:700;display:flex}.projects-eyebrow>span{flex-shrink:0;width:32px;height:1px}.projects-journal{padding-block:68px 76px;scroll-margin-top:100px}.projects-journal__heading{margin-bottom:34px}.projects-journal__heading h2{text-wrap:balance;max-width:720px;margin:0;font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1}.projects-journal__intro{max-width:490px;color:var(--c-muted);font-size:.86rem;line-height:1.8}.projects-empty{background:var(--c-surface);border:1px solid var(--c-line);align-items:center;gap:28px;padding:32px;display:flex}.projects-empty__mark{color:var(--c-accent);flex-shrink:0}.projects-empty__label{color:var(--c-accent);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:.57rem;font-weight:700}.projects-empty h3{margin:0 0 12px;font-size:1.95rem;line-height:1.1}.projects-empty h3+p{color:var(--c-muted);max-width:620px;margin:0;font-size:.8rem;line-height:1.9}.projects-empty>a{min-height:48px;color:var(--c-accent);flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;margin-left:auto;font-size:.65rem;font-weight:700;display:flex}.projects-approach{background:var(--c-light-bg);color:var(--c-dark-text);padding-block:74px}.projects-approach__layout{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(38px,7vw,110px);display:grid}.projects-approach__figure{min-width:0;margin:0}.project-media{aspect-ratio:5/4;position:relative;overflow:hidden}.project-media :is(picture,img){width:100%;height:100%;display:block}.project-media img{object-fit:cover}.projects-approach__figure figcaption{letter-spacing:.04em;margin-top:13px;font-size:.58rem}.projects-approach .projects-eyebrow{color:var(--c-dark-text)}.projects-approach h2{letter-spacing:-.02em;text-wrap:balance;max-width:570px;margin:0 0 26px;font-size:clamp(3rem,4.7vw,5rem);line-height:.98}.projects-approach__description{max-width:490px;margin:0 0 28px;font-size:.86rem;line-height:1.95}.projects-paths{grid-template-columns:1fr 1fr;gap:56px;padding-block:70px;display:grid}.projects-path{border-bottom:1px solid var(--c-line);align-items:start;gap:24px;padding:22px 0;display:flex}.projects-path__icon{color:var(--c-accent);flex-shrink:0}.projects-path h2{margin:0 0 12px;font-size:2rem;line-height:1}.projects-path p{max-width:390px;color:var(--c-muted);margin:0 0 22px;font-size:.79rem;line-height:1.85}.projects-path__action{color:var(--c-accent);text-transform:uppercase;align-items:center;gap:26px;font-size:.62rem;font-weight:700;display:flex}.projects-path:hover h2{color:var(--c-accent)}.projects-invite{padding-bottom:76px}.projects-invite__inner{border:1px solid color-mix(in srgb, var(--c-accent) 50%, transparent);background:var(--c-surface);padding:clamp(28px,4.8vw,70px)}.projects-invite h2{letter-spacing:-.02em;text-wrap:balance;max-width:980px;margin:0 0 30px;font-size:clamp(3.6rem,7vw,7.5rem);line-height:.94}.projects-invite__bottom{justify-content:space-between;align-items:center;gap:36px;display:flex}.projects-invite__bottom p{max-width:430px;color:var(--c-muted);margin:0;font-size:.86rem;line-height:1.9}.projects-invite__bottom .button{flex-shrink:0}.projects-invite__contact{color:var(--c-muted);margin-top:24px;padding-block:14px;font-size:.7rem;display:inline-block}.projects-invite__contact:hover{color:var(--c-accent)}.projects-invite__contact .brand-arrow{color:var(--c-accent);margin-left:12px}.projects-demo-note{border:1px solid color-mix(in srgb, var(--c-accent) 45%, transparent);background:var(--c-surface);margin-bottom:24px;padding:18px 22px}.projects-demo-note strong{color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.projects-demo-note p{color:var(--c-muted);margin:6px 0 0;font-size:.74rem;line-height:1.8}.projects-story-nav{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.projects-story-nav a{border:1px solid var(--c-line);min-height:46px;color:var(--c-text);text-transform:uppercase;align-items:center;gap:16px;padding:10px 16px;font-size:.62rem;font-weight:700;display:inline-flex}.projects-story-nav a>span:first-child{color:var(--c-accent)}.projects-story-nav a:hover{border-color:var(--c-accent)}.project-story{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);padding-block:46px;scroll-margin-top:105px;display:grid}.project-story+.project-story{border-top:1px solid var(--c-line)}.project-story__text{position:relative}.project-story__number{color:var(--c-white);font:700 2rem/1 var(--font-display);margin:0 0 18px;display:block}.project-story__demo{background:var(--c-bg);max-width:calc(100% - 36px);color:var(--c-text);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;font-size:.55rem;font-weight:700;position:absolute;bottom:18px;left:18px;right:auto}.project-story--reverse{grid-template-columns:1fr 1.2fr}.project-story--reverse .project-story__cover{order:2}.project-story figure{margin:0}.project-story figcaption{color:var(--c-muted);margin-top:12px;font-size:.66rem}.project-story h3{margin:0 0 18px;font-size:clamp(2.6rem,3.8vw,4rem);line-height:1}.project-story__text>p:not(.projects-eyebrow){color:var(--c-muted);font-size:.84rem;line-height:1.8}.project-story__text .project-story__location{color:var(--c-accent)}.project-story details{border-block:1px solid var(--c-line);margin-block:24px 12px}.project-story summary{min-height:52px;color:var(--c-accent);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;font-size:.73rem;list-style:none;display:flex}.project-story summary::-webkit-details-marker{display:none}.project-story summary>span{font-size:1.4rem}.project-story details[open] summary>span{transform:rotate(45deg)}.project-story dt{color:var(--c-text);font-size:.78rem;font-weight:700}.project-story dd{color:var(--c-muted);margin:8px 0 22px;font-size:.8rem;line-height:1.85}.project-story details figure{margin-bottom:24px}.project-story details :is(picture,img){width:100%;height:auto;display:block}.project-story__link{min-height:48px;color:var(--c-accent);align-items:center;gap:24px;font-size:.68rem;font-weight:700;display:inline-flex}@media (width<=1000px){.projects-empty{flex-wrap:wrap}.projects-empty>a{margin-left:84px}.projects-empty>div:nth-child(2){flex:1;min-width:240px}.projects-paths{gap:30px}}@media (width<=760px){.projects-hero .page-hero{min-height:430px;padding-bottom:40px}.projects-hero .page-hero__image{left:0}.projects-hero__foot{flex-wrap:wrap;gap:8px}.projects-journal{padding-block:48px}.projects-empty{gap:20px;padding:25px}.projects-empty__mark{display:none}.projects-empty>a{margin-left:0}.projects-empty>div:nth-child(2){flex-basis:100%;min-width:0}.projects-approach{padding-block:48px}.projects-approach__layout{grid-template-columns:1fr;gap:34px}.projects-approach__figure .project-media{aspect-ratio:4/3;max-height:380px}.projects-approach h2{font-size:clamp(2.8rem,9vw,4rem)}.projects-paths{grid-template-columns:1fr;gap:20px;padding-block:40px}.projects-invite{padding-bottom:48px}.projects-invite h2{font-size:clamp(2.8rem,10vw,4.8rem)}.projects-invite__bottom{flex-direction:column;align-items:start;gap:24px}.projects-invite__bottom .button{gap:18px;width:100%;padding-inline:14px}.project-story,.project-story--reverse{grid-template-columns:1fr;gap:25px}.project-story--reverse .project-story__cover{order:0}}