:root {
  --paper:#f3f1df;
  --ink:#233d2c;
  --muted:#5e6858;
  --rule:#c3c8b6;
  --yellow:#eadc80;
  --white:#faf9f1;
  --gutter:56px;
  --width:1320px;
  --sans:'DM Sans',Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:28px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer
}
a,button,summary {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid currentColor;
  outline-offset:6px
}
::selection {
  background:var(--ink);
  color:var(--paper)
}
img {
  display:block;
  max-width:100%
}
h1,h2,h3,p,figure {
  margin:0
}
h2,h3 {
  font-weight:500
}
h2 {
  font-size:clamp(42px,4.5vw,66px);
  letter-spacing:-.045em;
  line-height:1.05
}
em {
  font-family:var(--serif);
  font-weight:500
}
p {
  max-width:65ch
}
.eyebrow {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:11px;
  font-weight:400;
  letter-spacing:.09em;
  line-height:1.5;
  text-transform:uppercase
}
.icon {
  width:22px;
  height:22px;
  display:inline-block;
  vertical-align:middle
}
.link-arrow {
  display:inline-flex;
  transition:transform .2s
}
.skip-link {
  position:fixed;
  z-index:100;
  top:8px;
  left:16px;
  padding:12px 20px;
  background:var(--ink);
  color:var(--paper);
  transform:translateY(-180%)
}
.skip-link:focus {
  transform:none
}
.site-header,.hero,.section-shell,.site-footer {
  width:calc(100% - var(--gutter)*2);
  max-width:var(--width);
  margin-inline:auto
}
.site-header {
  height:90px;
  display:flex;
  align-items:center;
  gap:40px;
  border-bottom:1px solid var(--rule)
}
.identity {
  font-size:28px;
  font-weight:700;
  letter-spacing:-.08em
}
.identity-dot {
  color:#7e6727
}
.header-note {
  font-size:12px
}
.site-header nav {
  margin-left:auto;
  display:flex;
  gap:32px;
  align-items:center;
  font-size:13px
}
.site-header nav a {
  padding-block:12px
}
.site-header nav a:last-child {
  border-bottom:1px solid var(--ink)
}
.site-header nav a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
.masthead {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:20px 0 32px;
  border-bottom:1px solid var(--ink)
}
.masthead h1 {
  font-size:clamp(110px,19.8vw,285px);
  line-height:1.02;
  font-weight:600;
  letter-spacing:-.075em;
  word-spacing:.10em;
  margin-left:-.045em
}
.masthead h1 span {
  color:#7b803b
}
.masthead-note {
  font-size:12px;
  line-height:1.65;
  padding-bottom:19px;
  text-align:right;
  flex-shrink:0
}
.intro-grid {
  display:grid;
  grid-template-columns:1.75fr .85fr 1fr;
  gap:44px;
  padding:42px 0 62px
}
.intro-copy .eyebrow {
  margin-bottom:24px
}
.intro-copy h2 {
  font-size:clamp(32px,3.6vw,52px);
  line-height:1.1;
  letter-spacing:-.045em
}
.intro-copy>p:not(.eyebrow) {
  font-size:16px;
  max-width:41ch;
  margin-top:22px;
  line-height:1.65;
  color:var(--muted)
}
.primary-link {
  display:inline-flex;
  align-items:center;
  gap:40px;
  margin-top:27px;
  min-height:46px;
  border-bottom:1px solid var(--ink);
  font-size:14px;
  font-weight:500
}
.primary-link span {
  font-size:24px;
  transition:transform .2s
}
.primary-link:hover span {
  transform:translateY(4px)
}
.portrait {
  padding-top:4px
}
.portrait img {
  width:100%;
  height:268px;
  object-fit:cover;
  object-position:50% 43%;
  filter:saturate(.65)
}
.portrait figcaption {
  margin-top:10px;
  font-size:10px;
  font-family:ui-monospace,SFMono-Regular,monospace;
  color:var(--muted)
}
.intro-index {
  border-left:1px solid var(--rule);
  padding-left:28px
}
.current-role .eyebrow {
  margin-bottom:13px
}
.current-role>a {
  font-size:18px;
  line-height:1.35;
  display:block;
  font-weight:500
}
.current-role>a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.current-role>p:last-child {
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
  margin-top:11px
}
.intro-index nav {
  margin-top:28px
}
.intro-index nav a {
  display:flex;
  align-items:center;
  gap:13px;
  border-top:1px solid var(--rule);
  padding:12px 0;
  font-size:12px
}
.intro-index nav a span:first-child {
  font-family:monospace;
  font-size:10px;
  color:var(--muted)
}
.intro-index nav a span:last-child {
  margin-left:auto
}
.intro-index nav a:hover {
  background:#e9e8d2
}
.section {
  padding:90px 0
}
.section-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:36px;
  margin-bottom:44px
}
.section-heading .eyebrow {
  flex-shrink:0
}
.section-heading h2 {
  width:66%;
  max-width:850px
}
.work-section {
  background:var(--ink);
  color:var(--paper)
}
.work-ledger {
  border-top:1px solid #64725e
}
.work-entry {
  display:grid;
  grid-template-columns:.55fr 1.45fr 2fr 40px;
  gap:30px;
  padding:36px 0;
  border-bottom:1px solid #64725e;
  align-items:start
}
.work-index {
  font-family:monospace;
  font-size:12px;
  padding-top:10px;
  color:#cbd1bd
}
.work-title h3 {
  font-size:36px;
  line-height:1.2;
  letter-spacing:-.035em
}
.work-title h3 a:hover {
  text-decoration:underline;
  text-underline-offset:6px
}
.work-title p {
  font-size:12px;
  margin-top:10px;
  color:#cbd1bd
}
.work-description {
  font-size:15px;
  line-height:1.75;
  max-width:58ch;
  color:#e0e4d2
}
.work-link {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  border:1px solid #819078;
  border-radius:50%
}
.work-section .icon {
  filter:invert(1)
}
.work-link:hover {
  background:#405339
}
.projects-section {
  padding-bottom:88px
}
.projects-intro .section-heading {
  width:100%
}
.featured-products {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
.product-feature {
  min-height:414px;
  padding:28px 32px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  position:relative
}
.maaa {
  grid-column:1/-1;
  min-height:360px;
  background:var(--paper);
  color:var(--ink)
}
.feature-meta {
  display:flex;
  align-items:center;
  gap:24px
}
.feature-proof {
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase
}
.maaa-art {
  flex:1;
  min-height:190px;
  display:grid;
  place-items:center;
  position:relative;
  padding:44px 0 28px
}
.maaa-notch {
  position:absolute;
  top:24px;
  left:50%;
  width:112px;
  height:28px;
  transform:translateX(-50%);
  border-radius:0 0 16px 16px;
  background:var(--ink)
}
.maaa-greeting {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}
.maaa-greeting strong {
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(66px,7.4vw,108px);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
  line-height:.9
}
.maaa-greeting small {
  margin-top:13px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase
}
.kofe {
  background:var(--yellow);
  color:var(--ink)
}
.sontri {
  background:#dbe0cb
}
.feature-top {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.feature-arrow {
  font-size:27px;
  line-height:1;
  transition:transform .2s
}
.product-feature:hover .feature-arrow {
  transform:translate(3px,-3px)
}
.product-feature:hover .feature-bottom h3 {
  text-decoration:underline;
  text-underline-offset:5px
}
.product-wordmark {
  margin:auto 0;
  font-size:clamp(64px,6.7vw,98px);
  font-weight:500;
  letter-spacing:-.065em;
  line-height:.78;
  padding:36px 0 40px;
  position:relative;
  align-self:center
}
.product-wordmark em {
  display:block;
  font-size:1.2em;
  margin-left:1.15em;
  font-weight:400
}
.coffee-symbol {
  display:inline-block;
  font-size:.76em;
  margin-left:10px;
  vertical-align:6px
}
.feature-bottom {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end
}
.feature-bottom h3 {
  font-size:20px;
  letter-spacing:-.025em;
  line-height:1.3
}
.feature-bottom p {
  font-size:12px;
  line-height:1.6;
  max-width:27ch
}
.sontri-art {
  position:relative;
  flex:1;
  display:grid;
  place-items:center;
  min-height:245px
}
.sontri-word {
  font-size:72px;
  letter-spacing:-.06em;
  font-weight:500;
  position:relative;
  z-index:1
}
.sontri-word>span {
  font-size:40px;
  display:inline-block;
  transform:translateY(-24px);
  margin-left:4px
}
.sontri-orbit {
  position:absolute;
  inset:36px 26%;
  border:1px solid #6e7a5c;
  border-radius:50%;
  transform:rotate(35deg);
  width:42%;
  height:78%
}
.sontri-orbit:after {
  content:'';
  position:absolute;
  width:13px;
  height:13px;
  background:var(--ink);
  border:5px solid #dbe0cb;
  box-sizing:content-box;
  border-radius:50%;
  left:0;
  top:8%
}
.archive-label {
  margin:42px 0 18px
}
.project-list {
  border-top:1px solid var(--rule)
}
.project-list>a {
  display:grid;
  grid-template-columns:1fr 2fr 24px;
  gap:30px;
  align-items:center;
  min-height:85px;
  border-bottom:1px solid var(--rule);
  padding:20px 0;
  transition:background .2s
}
.project-list strong {
  font-size:21px;
  font-weight:500;
  letter-spacing:-.03em
}
.project-list p {
  font-size:14px;
  color:var(--muted)
}
.project-list a:hover,.press-list a:hover {
  background:#e8e8d6
}
.project-list a:hover .link-arrow,.press-list a:hover .link-arrow {
  transform:translate(3px,-3px)
}
.about-section {
  background:#e7e9da
}
.about-section .section-shell {
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:44px
}
.about-section .section-heading {
  display:block;
  margin:0
}
.about-section .section-heading h2 {
  width:100%;
  font-size:48px;
  margin-top:25px
}
.about-copy {
  display:grid;
  gap:18px;
  max-width:66ch
}
.about-copy p {
  font-size:17px;
  line-height:1.8
}
.about-copy p:first-child {
  font-size:24px;
  line-height:1.5;
  letter-spacing:-.025em
}
.recognition {
  grid-column:2;
  margin-top:4px
}
.recognition>h3 {
  font-size:28px;
  letter-spacing:-.025em;
  margin:10px 0 20px
}
.recognition-list {
  border-top:1px solid #bac1ab
}
.recognition-list>div,.recognition-list>a {
  display:grid;
  grid-template-columns:90px 1fr 22px;
  column-gap:20px;
  padding:18px 0;
  border-bottom:1px solid #bac1ab;
  align-items:baseline
}
.recognition-list>*>span:first-child {
  font-size:13px;
  grid-row:span 2
}
.recognition-list strong {
  font-size:16px;
  font-weight:500
}
.recognition-list small {
  grid-column:2;
  font-size:12px;
  color:var(--muted);
  margin-top:4px
}
.recognition-list .link-arrow {
  grid-column:3;
  grid-row:1 / span 2
}
.recognition-list a:hover strong {
  text-decoration:underline;
  text-underline-offset:4px
}
.research-heading {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:end;
  margin-bottom:45px
}
.research-heading h2 {
  margin-top:28px;
  font-size:57px;
  max-width:9em
}
.research-heading>p {
  font-size:17px;
  line-height:1.8;
  color:var(--muted)
}
.research-details {
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink)
}
.research-details summary {
  list-style:none;
  cursor:pointer;
  padding:24px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:16px;
  font-weight:500;
  gap:20px
}
.research-details summary::-webkit-details-marker {
  display:none
}
.disclosure-icon {
  font-size:27px;
  font-weight:400;
  line-height:1;
  transition:transform .2s
}
details[open] .disclosure-icon {
  transform:rotate(45deg)
}
.research-details summary:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
.finding-list>div {
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  gap:24px;
  border-top:1px solid var(--rule);
  padding:18px 0;
  font-size:14px
}
.finding-list small {
  color:var(--muted);
  text-align:right;
  font-size:12px
}
.press-section {
  padding-top:0
}
.press-list {
  border-top:1px solid var(--rule)
}
.press-list>a {
  display:grid;
  grid-template-columns:1fr 2fr 24px;
  align-items:center;
  gap:32px;
  padding:22px 0;
  border-bottom:1px solid var(--rule)
}
.press-list>a>span:first-child {
  font-size:12px;
  color:var(--muted)
}
.press-list strong {
  font-size:16px;
  font-weight:400;
  line-height:1.55
}
.contact-section {
  background:var(--yellow);
  padding:88px 0 72px
}
.contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center
}
.contact-copy h2 {
  font-size:76px;
  margin-top:24px
}
.contact-side>p {
  font-size:15px;
  max-width:36ch
}
.contact-email {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:clamp(24px,3.1vw,43px);
  letter-spacing:-.055em;
  border-bottom:1px solid var(--ink);
  padding:18px 0 12px;
  gap:20px
}
.contact-email .icon {
  width:30px;
  height:30px
}
.copy-email {
  margin-top:17px;
  border:0;
  background:none;
  padding:4px 0;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:28px;
  font-size:12px
}
.copy-email:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.copy-status {
  min-height:22px;
  font-size:12px!important
}
.social-links {
  display:flex;
  gap:26px;
  margin-top:20px;
  flex-wrap:wrap
}
.social-links a {
  font-size:12px;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px
}
.social-links .icon {
  width:16px;
  height:16px
}
.social-links a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
.site-footer {
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  gap:20px
}
.site-footer a {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px
}
.site-footer .icon {
  width:17px;
  height:17px
}
[hidden] {
  display:none!important
}
@media(min-width:1600px) {
  .intro-grid {
    padding-bottom:80px
  }
  .portrait img {
    height:300px
  }
  .intro-copy h2 {
    font-size:56px
  }
}
@media(max-width:1100px) {
  :root {
    --gutter:36px
  }
  .intro-grid {
    grid-template-columns:1.5fr 1fr;
    gap:36px
  }
  .intro-index {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;
    border-left:0;
    border-top:1px solid var(--rule);
    padding:24px 0 0
  }
  .intro-index nav {
    margin:0
  }
  .current-role>a br,.current-role>p br {
    display:none
  }
  .portrait img {
    height:290px;
    object-position:50% 38%
  }
  .masthead-note {
    font-size:11px
  }
  .work-entry {
    grid-template-columns:.4fr 1fr 1.6fr 32px;
    gap:20px
  }
  .work-title h3 {
    font-size:30px
  }
  .work-description {
    font-size:14px
  }
  .feature-bottom {
    display:block
  }
  .feature-bottom h3 {
    margin-bottom:8px
  }
  .feature-bottom p {
    max-width:36ch
  }
  .desktop-break {
    display:none
  }
  .product-feature {
    min-height:420px;
    padding:24px
  }
  .maaa {
    min-height:340px
  }
  .sontri-word {
    font-size:64px
  }
  .sontri-orbit {
    inset:38px 21%;
    width:55%;
    height:69%
  }
  .about-section .section-shell {
    grid-template-columns:1fr 1.6fr;
    gap:36px
  }
  .about-section .section-heading h2 {
    font-size:42px
  }
  .about-copy p:first-child {
    font-size:22px
  }
  .research-heading {
    gap:36px
  }
  .research-heading h2 {
    font-size:48px
  }
  .contact-grid {
    gap:40px
  }
  .contact-copy h2 {
    font-size:62px
  }
  .section-heading h2 {
    width:62%
  }
}
@media(max-width:650px) {
  :root {
    --gutter:22px
  }
  .site-header {
    height:72px;
    gap:16px
  }
  .identity {
    font-size:25px
  }
  .header-note {
    display:none
  }
  .site-header nav {
    gap:24px;
    font-size:12px
  }
  .masthead {
    padding:23px 0 21px
  }
  .masthead h1 {
    font-size:23.5vw;
    line-height:1.06
  }
  .masthead-note {
    display:none
  }
  .intro-grid {
    grid-template-columns:minmax(0,1fr) 100px;
    gap:24px 20px;
    padding:30px 0 48px
  }
  .intro-copy {
    grid-column:1/-1
  }
  .intro-copy .eyebrow {
    font-size:10px;
    margin-bottom:18px
  }
  .intro-copy h2 {
    font-size:41px
  }
  .intro-copy>p:not(.eyebrow) {
    font-size:15px;
    max-width:36ch;
    margin-top:18px
  }
  .primary-link {
    margin-top:17px;
    font-size:13px
  }
  .portrait {
    grid-column:2;
    grid-row:2;
    align-self:start;
    padding-top:0
  }
  .portrait img {
    height:135px;
    object-position:50% 40%
  }
  .portrait figcaption {
    font-size:9px;
    line-height:1.4
  }
  .intro-index {
    grid-column:1;
    grid-row:2;
    display:block;
    border:0;
    padding:0
  }
  .current-role .eyebrow {
    margin-bottom:8px
  }
  .current-role>a {
    font-size:15px
  }
  .current-role>a br {
    display:block
  }
  .current-role>p:last-child {
    font-size:12px;
    max-width:18ch
  }
  .intro-index nav {
    margin-top:20px
  }
  .intro-index nav a {
    font-size:11px;
    gap:9px;
    padding:11px 0
  }
  .intro-index nav a span:first-child {
    font-size:9px
  }
  .intro-index nav a:last-child {
    border-bottom:1px solid var(--rule)
  }
  .section {
    padding:58px 0
  }
  .section-heading {
    display:block;
    margin-bottom:30px
  }
  .section-heading h2 {
    width:100%;
    font-size:43px;
    margin-top:20px
  }
  .work-entry {
    grid-template-columns:1fr 44px;
    gap:14px;
    padding:26px 0
  }
  .work-index {
    grid-column:1;
    padding-top:0;
    font-size:11px
  }
  .work-title {
    grid-column:1
  }
  .work-title h3 {
    font-size:32px
  }
  .work-title p {
    font-size:11px;
    margin-top:6px
  }
  .work-description {
    grid-column:1/-1;
    font-size:14px;
    line-height:1.75
  }
  .work-link {
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center
  }
  .featured-products {
    grid-template-columns:1fr;
    gap:18px
  }
  .product-feature {
    min-height:365px;
    padding:23px
  }
  .maaa {
    min-height:320px
  }
  .maaa-art {
    min-height:165px;
    padding:38px 0 24px
  }
  .maaa-notch {
    top:18px;
    width:88px;
    height:23px
  }
  .maaa-greeting strong {
    font-size:64px
  }
  .feature-meta {
    gap:12px
  }
  .feature-proof {
    font-size:9px
  }
  .feature-bottom {
    display:flex;
    align-items:end;
    gap:20px
  }
  .feature-bottom h3 {
    font-size:18px;
    margin:0
  }
  .feature-bottom p {
    font-size:11px;
    max-width:22ch
  }
  .product-wordmark {
    font-size:78px;
    padding:25px 0 32px
  }
  .sontri-art {
    min-height:220px
  }
  .sontri-orbit {
    width:38%;
    left:32%;
    height:75%;
    top:28px
  }
  .sontri-word {
    font-size:72px
  }
  .archive-label {
    margin-top:32px
  }
  .project-list>a {
    grid-template-columns:1fr 24px;
    gap:4px 20px;
    min-height:96px;
    padding:20px 0
  }
  .project-list strong {
    font-size:21px
  }
  .project-list p {
    grid-column:1;
    font-size:13px;
    max-width:36ch
  }
  .project-list .link-arrow {
    grid-column:2;
    grid-row:1 / span 2
  }
  .about-section .section-shell {
    display:block
  }
  .about-section .section-heading {
    margin-bottom:28px
  }
  .about-section .section-heading h2 {
    font-size:46px
  }
  .about-copy p:first-child {
    font-size:22px
  }
  .about-copy p {
    font-size:15px
  }
  .recognition {
    margin-top:42px
  }
  .recognition>h3 {
    font-size:26px
  }
  .recognition-list>div,.recognition-list>a {
    grid-template-columns:64px 1fr 18px;
    column-gap:12px
  }
  .recognition-list strong {
    font-size:14px
  }
  .recognition-list small {
    font-size:11px
  }
  .recognition-list>*>span:first-child {
    font-size:11px
  }
  .research-heading {
    display:block;
    margin-bottom:28px
  }
  .research-heading h2 {
    font-size:48px;
    margin-top:20px
  }
  .research-heading>p {
    font-size:15px;
    margin-top:25px
  }
  .research-details summary {
    font-size:14px;
    padding:21px 0
  }
  .finding-list>div {
    grid-template-columns:70px 1fr;
    gap:4px 14px;
    font-size:12px;
    padding:15px 0
  }
  .finding-list small {
    grid-column:2;
    text-align:left;
    font-size:10px
  }
  .press-section {
    padding-top:0
  }
  .press-list>a {
    grid-template-columns:1fr 24px;
    gap:7px 18px;
    padding:20px 0
  }
  .press-list>a>span:first-child {
    font-size:10px
  }
  .press-list strong {
    grid-column:1;
    font-size:15px
  }
  .press-list .link-arrow {
    grid-column:2;
    grid-row:1 / span 2
  }
  .contact-grid {
    display:block
  }
  .contact-copy h2 {
    font-size:64px;
    margin-top:18px
  }
  .contact-side {
    margin-top:30px
  }
  .contact-email {
    font-size:34px
  }
  .contact-side>p {
    font-size:14px
  }
  .social-links {
    gap:24px;
    margin-top:14px
  }
  .site-footer {
    padding-block:25px;
    flex-wrap:wrap;
    row-gap:10px;
    font-size:10px
  }
  .site-footer>a {
    margin-left:auto
  }
  .site-footer>span:nth-child(2) {
    margin-left:auto
  }
}
@media(max-width:360px) {
  .intro-copy h2 {
    font-size:35px
  }
  .intro-grid {
    grid-template-columns:minmax(0,1fr) 80px;
    column-gap:16px
  }
  .portrait img {
    height:110px
  }
  .intro-index nav a {
    font-size:10px;
    gap:5px
  }
  .site-header nav {
    gap:17px
  }
  .feature-bottom {
    display:block
  }
  .feature-bottom p {
    margin-top:8px;
    max-width:30ch
  }
  .contact-email {
    font-size:28px
  }
  .contact-copy h2 {
    font-size:52px
  }
  .recognition-list>div,.recognition-list>a {
    grid-template-columns:50px 1fr 18px;
    column-gap:9px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    transition:none!important;
    animation:none!important
  }
}
.work-summary {
  display:block;
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  margin-bottom:12px;
  color:var(--paper);
  letter-spacing:-.015em
}
.finding-preview {
  margin-top:36px
}
.copy-email:disabled {
  opacity:.55;
  cursor:wait
}
@media(max-width:650px) {
  .portrait figcaption {
    font-size:10px
  }
  .work-summary {
    font-size:17px
  }
}

/* Whole-site readability and archive refinement. */
.feature-bottom p {
  font-size:14px;
  max-width:27ch;
}
.press-details {
  border-bottom:1px solid var(--rule);
}
.press-details summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  min-height:64px;
  padding:18px 0;
  font-size:14px;
  cursor:pointer;
  list-style:none;
}
.press-details summary::-webkit-details-marker {
  display:none;
}
.press-details summary:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
.press-details .press-list {
  border-top:0;
}
@media(max-width:650px) {
  .feature-bottom p {
    font-size:13px;
    max-width:23ch;
  }
  .feature-bottom {
    display:block;
  }
  .feature-bottom p {
    margin-top:8px;
    max-width:32ch;
  }
  .intro-index nav a {
    min-height:44px;
    font-size:12px;
  }
  .press-list>a>span:first-child {
    font-size:12px;
  }
  .recognition-list small,
  .recognition-list>*>span:first-child,
  .finding-list small {
    font-size:12px;
  }
}
@media(max-width:360px) {
  .intro-index nav a {
    font-size:11px;
  }
}

/* Vector symbols keep arrows and decoration consistent across system fonts. */
.symbol-icon {
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.125em;
  flex-shrink:0;
}