/* Optional experiment; the unqualified URL retains the original design. */
html[data-design="typewriter"] { --muted:#666; --line:#e6e6e6; }
html[data-design="typewriter"] body { font-family:"Courier New",Courier,monospace; font-size:16px; line-height:1.55; }
html[data-design="typewriter"] button { font-family:inherit; }
html[data-design="typewriter"] .wordmark { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
html[data-design="typewriter"] body > header { padding:28px 4vw; background:#fff; backdrop-filter:none; }
html[data-design="typewriter"] :is(.head-link,.menu-link,.menu-toggle,.close) { font-size:.875rem; }
html[data-design="typewriter"] :is(.section-label,.eyebrow,.label,.page-title) { font-size:.8125rem; text-transform:none; letter-spacing:0; color:#666; }
html[data-design="typewriter"] .hero { min-height:94svh; padding:110px 6vw 60px; }
html[data-design="typewriter"] .hero-visual img { width:min(78vw,1120px); max-height:70svh; animation:none; }
html[data-design="typewriter"] .intro { min-height:0; padding:72px 6vw 130px; }
html[data-design="typewriter"] :is(.intro p,.statement p) { font-size:1rem; line-height:1.7; letter-spacing:0; max-width:58ch; }
html[data-design="typewriter"] .works { padding:0 6vw 130px; }
html[data-design="typewriter"] .works-head { border:0; padding-bottom:32px; }
html[data-design="typewriter"] .work-row { grid-template-columns:1fr 1fr; gap:6vw; }
html[data-design="typewriter"] .secondary { margin-top:9vw; }
html[data-design="typewriter"] .statement { padding:0 6vw 120px; }
html[data-design="typewriter"] .statement-line { border:0; }
html[data-design="typewriter"] body > main:not(#top) { padding-left:6vw; padding-right:6vw; padding-top:145px; }
html[data-design="typewriter"] .collection-head { border:0; padding-top:0; margin-bottom:10vh; }
html[data-design="typewriter"] .collection-title { font-size:clamp(1.25rem,2.3vw,2rem); font-weight:400; line-height:1.3; letter-spacing:-.025em; }
html[data-design="typewriter"] .collection-meta { margin-top:18px; font-size:.8125rem; }
html[data-design="typewriter"] .gallery { row-gap:16vh; }
html[data-design="typewriter"] .artwork figcaption { grid-template-columns:1fr; gap:4px; }
html[data-design="typewriter"] figcaption { font-size:.8125rem; line-height:1.5; flex-wrap:wrap; }
html[data-design="typewriter"] .title { white-space:normal; overflow:visible; }
html[data-design="typewriter"] .artwork .details { justify-content:space-between; text-align:left; }
html[data-design="typewriter"] :is(.artwork,.work-card):hover img { transform:none; }
html[data-design="typewriter"] .reveal { opacity:1; transform:none; transition:none; }
html[data-design="typewriter"] .copy section { border:0; padding-top:0; }
html[data-design="typewriter"] .copy p { font-size:1rem; line-height:1.7; max-width:60ch; }
html[data-design="typewriter"] .copy h2 { font-size:.875rem; }
html[data-design="typewriter"] .detail { border:0; }
html[data-design="typewriter"] .detail p { font-size:.875rem; }
html[data-design="typewriter"] .closing { border:0; font-size:.875rem; }
html[data-design="typewriter"] footer { border:0; padding:40px 6vw 60px; font-size:.875rem; }
html[data-design="typewriter"] :is(.contact-copy,.message) { font-size:1rem; line-height:1.65; letter-spacing:0; overflow-wrap:anywhere; }
html[data-design="typewriter"] .contact { border:0; }
html[data-design="typewriter"] .contact-copy a { border:0; text-decoration:underline; text-underline-offset:4px; }
html[data-design="typewriter"] .overlay { padding:28px 4vw 76px; overflow-y:auto; }
html[data-design="typewriter"] .menu-list > li { border:0; margin-bottom:14px; }
html[data-design="typewriter"] :is(.menu-list > li > a,.work-trigger) { font-size:1.125rem; letter-spacing:0; line-height:1.5; }
html[data-design="typewriter"] .submenu-title { font-size:.8125rem; }
html[data-design="typewriter"] .submenu-links a { font-size:.875rem; }
html[data-design="typewriter"] .submenu-links { row-gap:.6rem; }
html[data-design="typewriter"] .lightbox-bar { font-family:"Courier New",Courier,monospace; }
html[data-design="typewriter"] .design-preview-bar { position:fixed; z-index:100; bottom:0; left:0; right:0; display:flex; justify-content:space-between; gap:16px; align-items:center; padding:12px 4vw; background:#fff; border-top:1px solid #e6e6e6; font-size:.8125rem; line-height:1.5; }
html[data-design="typewriter"] .design-preview-bar a { text-decoration:underline; text-underline-offset:3px; }
html[data-design="typewriter"] a:focus-visible,html[data-design="typewriter"] button:focus-visible { outline:1px solid currentColor; outline-offset:5px; }
@media(max-width:760px) {
  html[data-design="typewriter"] body > header { padding:22px 20px; gap:1rem; }
  html[data-design="typewriter"] .hero { min-height:78svh; padding:100px 20px 50px; }
  html[data-design="typewriter"] .hero-visual img { width:100%; max-height:65svh; }
  html[data-design="typewriter"] .intro { padding:40px 20px 90px; gap:24px; }
  html[data-design="typewriter"] .works { padding:0 20px 80px; }
  html[data-design="typewriter"] .work-row { grid-template-columns:1fr; gap:65px; }
  html[data-design="typewriter"] .secondary { margin-top:0; }
  html[data-design="typewriter"] .statement { padding:0 20px 80px; }
  html[data-design="typewriter"] body > main:not(#top) { padding:110px 20px 70px; }
  html[data-design="typewriter"] .collection-head { gap:22px; margin-bottom:60px; }
  html[data-design="typewriter"] .collection-meta { flex-wrap:wrap; gap:10px; }
  html[data-design="typewriter"] footer { padding:30px 20px 70px; }
  html[data-design="typewriter"] .overlay { padding:22px 20px 80px; }
  html[data-design="typewriter"] .design-preview-bar { padding:12px 20px; flex-wrap:wrap; }
}