.design-page{--design-space:clamp(4rem, 9vw, 9rem);max-width:1600px;padding:clamp(9rem, 12vw, 12rem) var(--gutter) var(--design-space);margin-inline:auto}.design-page :is(section,article)[id]{scroll-margin-top:8rem}.design-page h1,.design-page h2{font-family:var(--f-display);letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance;font-weight:400}.design-page h1{font-size:clamp(3rem,7.5vw,8rem);line-height:1.06}.design-page h2{font-size:clamp(2rem,3.8vw,4.3rem);line-height:1.12}.design-page h3{letter-spacing:-.025em;font-size:clamp(1.4rem,2vw,2rem);font-weight:500;line-height:1.25}.design-page p{max-width:58ch;line-height:1.7}.design-page p+p{margin-top:1.25rem}.design-breadcrumbs{font-size:var(--t-s);color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2rem;display:flex}.design-breadcrumbs a{text-underline-offset:.25em;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.design-hero{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.design-hero h1{max-width:14ch}.design-hero__body{min-width:0;padding-top:.3rem}.design-hero__body>p+p{color:var(--c-muted);margin-top:1.75rem}.design-hero__body .design-lead{font-size:var(--t-m);line-height:1.6}.design-link{text-underline-offset:.3em;align-items:center;width:fit-content;min-height:44px;text-decoration:underline 1px;display:inline-flex}.design-link:hover,.design-link:focus-visible{text-decoration-thickness:3px}.design-hero__body>.design-link{margin-top:1.5rem}.design-offer,.design-conversation,.design-region{margin-top:var(--design-space);border-top:1px solid var(--c-line);grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,6rem);padding-top:2rem;display:grid}.design-offer__list{margin:0}.design-offer__list>div+div{border-top:1px solid var(--c-line);margin-top:2rem;padding-top:2rem}.design-offer dt{font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500;line-height:1.35}.design-offer dd{max-width:58ch;color:var(--c-muted);margin:.75rem 0 0;line-height:1.7}.design-work,.design-disciplines{margin-top:var(--design-space)}.design-section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.design-section-head p{max-width:32ch;color:var(--c-muted);font-size:var(--t-s)}.design-examples{grid-template-columns:1.3fr 1fr 1fr;align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.design-example{min-width:0}.design-example:nth-child(2){margin-top:clamp(0rem,5vw,5rem)}.design-example__image,.design-discipline__image{background:#e9e9e5;display:block}.design-example__image{margin-bottom:1.5rem}.design-example__image img{object-fit:contain;width:100%;height:auto;max-height:32rem}.design-example h3 a:hover{text-underline-offset:.2em;text-decoration:underline}.design-example p{color:var(--c-muted);font-size:var(--t-s);margin-top:.85rem}.design-email{overflow-wrap:anywhere;max-width:100%;margin-top:1.5rem;font-size:clamp(1.1rem,2vw,1.8rem)}.design-related{margin-top:1rem;padding:0;list-style:none}.design-disciplines>h2{max-width:20ch;margin-bottom:3rem}.design-discipline{border-top:1px solid var(--c-line);grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:2rem;display:grid}.design-discipline+.design-discipline{margin-top:4rem}.design-discipline:nth-of-type(2){grid-template-columns:1fr 1.2fr}.design-discipline:nth-of-type(2) .design-discipline__image{order:2}.design-discipline__image img{width:100%;height:auto}.design-discipline h3{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(2rem,3.2vw,3.5rem);font-weight:400}.design-discipline p,.design-discipline .design-link{margin-top:1rem}.design-person{margin-top:var(--design-space);grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.design-person h2{margin-bottom:2rem}.design-person figure{justify-self:end;max-width:25rem}.design-person img{width:100%;height:auto}.design-person figcaption{font-size:var(--t-xs);color:var(--c-muted);margin-top:.75rem}.design-person .design-link{margin-top:1rem}.design-portfolio-note{color:var(--c-muted);font-size:var(--t-s);margin-top:3rem}@media (width<=1000px){.design-hero{grid-template-columns:1fr;gap:2.5rem}.design-hero h1{max-width:18ch}.design-page--overview .design-hero h1{max-width:16ch}.design-hero__body{max-width:44rem}.design-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.design-example:first-child{grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}.design-example:first-child .design-example__image{margin:0}.design-example:nth-child(2){margin-top:0}}@media (width<=700px){.design-page{padding-top:calc(9rem + env(safe-area-inset-top))}.design-page h1{font-size:clamp(2.65rem,10vw,4.5rem)}.design-page h2{font-size:clamp(2rem,7.5vw,3rem)}.design-page--overview .design-hero h1{max-width:14ch}.design-breadcrumbs{margin-bottom:1.5rem}.design-offer,.design-conversation,.design-region,.design-person{grid-template-columns:1fr;gap:1.75rem}.design-section-head{margin-bottom:2rem;display:block}.design-section-head p{margin-top:1rem}.design-examples{grid-template-columns:1fr;gap:3rem}.design-example:first-child{grid-column:auto;display:block}.design-example:first-child .design-example__image{margin-bottom:1.5rem}.design-example__image img{max-height:30rem}.design-discipline,.design-discipline:nth-of-type(2){grid-template-columns:1fr;gap:1.5rem}.design-discipline:nth-of-type(2) .design-discipline__image{order:0}.design-person figure{justify-self:start}}
