bodycopy {--font-size: 1.1rem;}
bodycopy, bodycopy * {font-size: calc(var(--font-scale) * var(--font-size));}
h1 {--font-size: 4rem;}
h1 {font-size: calc(var(--font-scale) * var(--font-size));}
h2 {--font-size: 3rem;}
h2 {font-size: calc(var(--font-scale) * var(--font-size));}
.caption {--font-size: 1.1rem;}
.caption {font-size: calc(var(--font-scale) * var(--font-size));}
.labels {--font-size: 0.85rem;}
.labels {font-size: calc(var(--font-scale) * var(--font-size));}
.headerfooter {--font-size: 1.25rem;}
.headerfooter {font-size: calc(var(--font-scale) * var(--font-size));}
.info-test {--font-size: 1.05rem;}
.info-test {font-size: calc(var(--font-scale) * var(--font-size));}
.mobile .info-test {--font-size: 1rem;}
.mobile .info-test {font-size: calc(var(--font-scale) * var(--font-size));}
.animate-text {--font-size: 5.85rem;}
.animate-text {font-size: calc(var(--font-scale) * var(--font-size));}
shop-product {--font-size: 1.2rem;}
shop-product {font-size: calc(var(--font-scale) * var(--font-size));}
audio-player {--font-size: 1.2rem;}
audio-player {font-size: calc(var(--font-scale) * var(--font-size));}
.pc-cap {--font-size: 12px;}
.pc-cap {font-size: calc(var(--font-scale) * var(--font-size));}
.pc-row.is-hover .pc-name {--font-size: 15px;}
.pc-row.is-hover .pc-name {font-size: calc(var(--font-scale) * var(--font-size));}
#proj-cards.pc-static .pc-cap {--font-size: 13px;}
#proj-cards.pc-static .pc-cap {font-size: calc(var(--font-scale) * var(--font-size));}
#next-project {--font-size: 14px;}
#next-project {font-size: calc(var(--font-scale) * var(--font-size));}
.ph-hero {--font-size: 12px;}
.ph-hero {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 {--font-size: 13.6px;}
.in2 {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-label {--font-size: 11px;}
.in2 .in2-label {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-status {--font-size: 11px;}
.in2 .in2-status {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-lead {--font-size: clamp(24px, 3vw, 38px);}
.in2 .in2-lead {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 a.in2-btn {--font-size: 15px;}
.in2 a.in2-btn {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-about p {--font-size: 16px;}
.in2 .in2-about p {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-now b {--font-size: 16px;}
.in2 .in2-now b {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-award .yr {--font-size: 11px;}
.in2 .in2-award .yr {font-size: calc(var(--font-scale) * var(--font-size));}
.in2 .in2-award .nm {--font-size: 20px;}
.in2 .in2-award .nm {font-size: calc(var(--font-scale) * var(--font-size));}

a.caption { color: rgba(0, 0, 0, 0.4); text-decoration: underline; } a:hover.caption {  } a.labels { color: rgba(0, 0, 0, 0.85); text-decoration: none; } a:hover.labels {  } a.headerfooter { text-decoration: none; color: rgb(0, 0, 0); } a:hover.headerfooter {  } a.info-test { color: rgba(0, 0, 0, 0.85); text-decoration: none; } a:hover.info-test {  } a.animate-text { color: rgba(0, 0, 0, 0.85); text-decoration: none; } a:hover.animate-text {  }