/* Shared readable typography, detail layouts, and motion refinements. */
:root{--paper:#f5f4ee;--ink:#20221d;--muted:#818575}
.eyebrow,.hero-bottom,.art-caption,.studio-photo figcaption,.studio-values,.footer-bottom{font-size:.75rem;letter-spacing:.065em}
.header-note{font-size:.75rem;line-height:1.45}
.desktop-nav{font-size:.875rem}
.site-header{gap:55px}
.hero-description{font-size:1rem;line-height:1.5}
.hero h1{letter-spacing:-.075em}
.hero h1 em{letter-spacing:-.075em}
.hero-composition{min-height:640px}
.hero-art{aspect-ratio:.94;margin-top:0}
.hero-sticker{bottom:30px}
.art-caption{font-size:.75rem;letter-spacing:0;left:18px;right:18px}
.hero-bottom{font-size:.75rem;letter-spacing:.02em}
.text-link{font-size:.875rem;min-height:34px}
.section-heading-side p,.journal-intro,.work-end p{font-size:1rem;line-height:1.55}
.section-heading-side{max-width:320px}
.section-index{font-size:.75rem;color:#626757}
.work-toolbar{gap:25px}
.work-count{font-size:.75rem}
.project-meta h3{font-size:1.125rem}
.project-meta p{font-size:.9375rem;color:#626757}
.project-year,.project-index{font-size:.75rem}
.project-tags span{font-size:.75rem;padding:6px 10px;color:#606655}
.project-image-arrow{width:48px;height:48px}
.project-button:focus-visible .project-image img{transform:scale(1.045)}
.project-card:nth-child(3) .project-image img{object-position:50% 55%}
.about-copy{gap:35px}
.about-copy p:first-child{font-size:1.125rem}
.about-copy p:nth-child(2){font-size:1rem;color:#666b5c}
.service-list summary{font-size:1.125rem;min-height:25px}
.service-list small{font-size:.75rem}
.service-list details p{font-size:1rem;line-height:1.65;color:#626757;max-width:none}
.studio-photo figcaption{font-size:.75rem;letter-spacing:0;gap:20px}
.studio-values{font-size:.75rem;letter-spacing:.015em;color:#626757}
.article-info{font-size:.75rem;letter-spacing:.02em;gap:12px;line-height:1.5;color:#5b6352}
.article-category{color:#515a48}
.article-foot,.article-foot span:last-child{font-size:.75rem;color:#5b6352}
.contact-bottom p{font-size:1rem}
.contact-link span[data-email-label]{font-size:1.25rem}
.footer-top>span{font-size:.875rem}
.footer-top .eyebrow{font-size:.75rem;letter-spacing:.02em;color:#606655}
.footer-bottom{font-size:.75rem;color:#626757;letter-spacing:.015em;gap:24px}
.back-top,.quiet-button{font-size:.875rem;min-height:40px}
.footer-top{grid-template-columns:1fr 1.4fr 1.2fr auto}
.project-cursor span{font-size:.75rem;letter-spacing:0}
.dialog-close{font-size:.875rem;min-height:44px;padding:0 4px}
.dialog-bar{box-shadow:0 8px 20px #20221d05}
.detail-header{padding-top:70px}
.detail-header h2{outline:none}
.detail-facts{font-size:.875rem}
.detail-facts span{font-size:.75rem}
.detail-body{max-width:780px}
.detail-body p{font-size:1.125rem;line-height:1.8}
.article-body p{font-size:1.1875rem;line-height:1.85}
.detail-body .article-byline{font-size:.875rem;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:40px}
.article-cover{height:480px;object-position:50% 45%;object-fit:cover}
.project-type-study{margin:0 var(--gutter) 75px;padding:45px 35px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.project-type-study p{font-family:var(--display);font-size:clamp(38px,9vw,145px);font-weight:600;letter-spacing:-.07em;line-height:1.1;margin:50px 0;overflow-wrap:anywhere}
.detail-next{transition:background .35s}
.detail-next:hover{background:var(--orange)}
.detail-next>span:last-child{transition:transform .4s var(--ease)}
.detail-next:hover>span:last-child{transform:translate(8px,-8px)}
.colophon h2{outline:none}
.noscript-note{padding:20px var(--gutter);background:var(--orange)}
.contact-link span[data-email-label]{transform:none}
.marquee:hover .marquee-track{animation-play-state:paused}
@media(min-width:1700px){.hero-composition{min-height:720px}}
@media(max-width:1100px){.hero-composition{min-height:570px}.site-header{gap:30px}.hero h1{font-size:10.7vw}.hero-description{font-size:1rem}.hero-bottom>span:last-child{display:none}.section-heading-side{max-width:275px}.article-info{flex-wrap:wrap;gap:5px}.service-list summary{font-size:1rem}.service-list details p{font-size:.9375rem}.contact-link span[data-email-label]{font-size:1.125rem}.footer-top{gap:20px;grid-template-columns:1fr 1fr 1.35fr auto}}
@media(max-width:760px){
  .header-note{font-size:.75rem;max-width:155px}.site-header{gap:25px}.menu-toggle{flex-shrink:0;width:42px;height:44px}
  .hero-topline .eyebrow{font-size:.75rem;letter-spacing:.025em}.hero-composition{min-height:0;padding-top:35px}.hero h1{font-size:14.3vw;letter-spacing:-.07em}.hero-copy{width:100%}
  .hero-description{font-size:1rem;gap:20px}.hero-link{font-size:.875rem;margin-left:53px;margin-top:20px}.hero-art{width:78%;margin-top:25px;aspect-ratio:1}.hero-sticker{bottom:40px;left:4%;width:85px;height:85px}
  .art-caption{font-size:.65rem;left:10px;right:10px;bottom:12px}.hero-bottom{font-size:.75rem;letter-spacing:0;align-items:start}.hero-bottom>span:first-child{max-width:180px}.scroll-hint{font-size:.75rem;gap:8px;max-width:110px;line-height:1.5}.scroll-line{flex-shrink:0}
  .section-index{font-size:.75rem}.work-toolbar>.eyebrow{font-size:.75rem;letter-spacing:.02em}.work-end p{font-size:.9375rem;max-width:190px}.work-end .text-link{font-size:.875rem;gap:10px}
  .project-meta h3{font-size:1.125rem}.project-meta p{font-size:.9375rem;line-height:1.5}.project-tags span{font-size:.75rem}.project-year,.project-index{font-size:.75rem}.project-meta{gap:12px}
  .about-statement{font-size:clamp(32px,8.5vw,52px)}.about-copy p:first-child{font-size:1.125rem}.about-copy p:nth-child(2){font-size:1rem}.about-copy{gap:20px}.studio-photo figcaption{font-size:.75rem;gap:12px;line-height:1.5}.studio-photo figcaption>span{max-width:140px}.photo-badge{font-size:50px}
  .services>.eyebrow{font-size:.75rem}.service-list summary{font-size:1.125rem}.service-list details p{font-size:1rem;margin-left:37px}.services .text-link{font-size:.875rem}
  .studio-values{font-size:.75rem;gap:20px;line-height:1.6;flex-wrap:wrap}.studio-values>span{max-width:130px}.studio-values>span:last-child{max-width:none}
  .article-info{font-size:.75rem;flex-wrap:nowrap;letter-spacing:0}.article-foot{font-size:.75rem}.article-card h3{font-size:1.75rem;line-height:1.25}
  .contact-top .eyebrow{font-size:.75rem;letter-spacing:0;max-width:165px}.contact-main{margin-top:35px}.contact h2{font-size:12.3vw;letter-spacing:-.06em}.contact-orb{width:60px;height:60px;font-size:38px;margin-top:2px}
  .contact-bottom p{font-size:1rem}.contact-link span[data-email-label]{font-size:1.125rem}.footer-top{grid-template-columns:1fr 1fr;gap:30px 12px}.footer-top>span{font-size:.875rem}.footer-top .eyebrow{font-size:.75rem}.footer-bottom{font-size:.75rem}.back-top,.quiet-button{font-size:.875rem}
  .detail-header h2{font-size:clamp(40px,10vw,64px)}.detail-header{padding-top:40px}.detail-facts{font-size:.875rem}.detail-facts span{font-size:.75rem}.detail-body p,.article-body p{font-size:1.0625rem;line-height:1.8}.article-detail-header .eyebrow{font-size:.75rem}.article-cover{height:280px}.project-type-study{padding:25px 20px;min-height:250px;margin-bottom:40px}.project-type-study p{margin:35px 0}.detail-next strong{font-size:1.75rem}.detail-next>span:last-child{font-size:35px}.detail-next{gap:20px}
}
@media(max-width:370px){.header-note{display:none}.hero-bottom{gap:20px}.hero-art{width:82%}.art-caption{font-size:.625rem}.contact-orb{width:48px;height:48px;font-size:30px}.contact-top{gap:10px}.contact h2{font-size:11.8vw}.article-info{flex-wrap:wrap}}