/* The identity presentation, rebuilt as readable web content. */
.design-page h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.08;margin:1.4rem 0;}
.design-page h2{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.15;margin:1rem 0 1.4rem;}
.design-page main p{font-size:1rem;line-height:1.75;}
.design-page .folio{font-size:.7rem;}
.design-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding-top:calc(var(--nav-h) + 3rem);padding-bottom:3rem;}
.design-intro>p:not(.folio){max-width:42ch;color:var(--body-strong);}
.design-intro .text-link{margin-top:1.5rem;}
.design-symbol{background:var(--head);aspect-ratio:1;display:grid;place-items:center;max-height:65svh;}
.design-symbol img{width:65%;height:65%;object-fit:contain;}
.design-construction{background:#ededed;color:var(--ink);padding:clamp(2.5rem,6vw,5rem) 0;scroll-margin-top:var(--nav-h);}
.design-construction :is(h2,p){color:var(--ink);}
.design-copy{max-width:68ch;}
.design-centered{text-align:center;}
.design-centered .folio{justify-content:center;}
.design-centered .design-copy{margin-inline:auto;}
.design-name{border-top:1px solid var(--hair);scroll-margin-top:var(--nav-h);}
.design-name .name-plus{color:var(--body);}
.design-name-parts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);margin:2.5rem auto 0;max-width:58rem;}
.design-name-parts dt{font-family:var(--f-exp);font-weight:700;font-size:1.25rem;margin-bottom:.75rem;}
.design-name-parts dd{margin:0;color:var(--body-strong);font-size:1rem;line-height:1.75;}
.design-connections{border-top:1px solid var(--hair);}
.design-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:2.5rem;}
.design-connection-grid h3{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.25;margin-bottom:1rem;}
.design-connection-grid p,.design-name .design-copy,.design-connections .design-copy{color:var(--body-strong);}
.design-letters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:2rem 0 1rem;}
.design-letters img{width:100%;height:auto;}
.design-page .design-caption,.design-page figcaption{font-size:.75rem;line-height:1.5;}
.design-page figure{margin:0;}
.design-section{padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(2.5rem,6vw,5rem);}
.design-explanation{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;}
.design-explanation .design-copy p{color:var(--body-strong);margin-bottom:1rem;}
.design-lockups{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hair);}
.design-lockups figure{padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:2rem;min-height:14rem;}
.design-lockups img{width:100%;height:auto;}
.design-lockup-light{background:var(--head);color:var(--ink);}
.design-lockup-dark{background:var(--ink);color:var(--head);}

@media(max-width:700px){
 .design-hero{grid-template-columns:1fr;padding-top:calc(var(--nav-h) + 2rem);gap:2rem;}
 .design-symbol{max-height:40svh;aspect-ratio:auto;min-height:15rem;}
 .design-symbol img{height:10rem;width:auto;max-width:70%;}
 .design-explanation{grid-template-columns:1fr;gap:.5rem;}
 .design-letters{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem;}
 .design-lockups{grid-template-columns:1fr;}
 .design-lockups figure{min-height:11rem;}
 .design-name-parts,.design-connection-grid{grid-template-columns:1fr;}
}