.letter-style-monument .motion-el--xl,
.type-monument{font-family:Monument,Arial,sans-serif;font-weight:400;letter-spacing:-.04em}
.letter-style-oblique .motion-el--xl,
.type-oblique{font-family:Monument,Arial,sans-serif;font-weight:400;font-style:oblique 14deg;font-synthesis:style;letter-spacing:-.04em}
.letter-style-line .motion-el--xl{position:relative;color:transparent}
.letter-style-line .motion-el--xl::before{
  content:"";position:absolute;left:0;top:0;width:1.1em;height:1em;
  background:var(--letter-image) left center/contain no-repeat;
}
[data-letter="Y"]{--letter-image:url('/assets/letter-line-Y.svg')}
[data-letter="X"]{--letter-image:url('/assets/letter-line-X.svg')}
[data-letter="3"]{--letter-image:url('/assets/letter-line-3.svg')}
[data-letter="I"]{--letter-image:url('/assets/letter-line-I.svg')}
[data-letter="O"]{--letter-image:url('/assets/letter-line-O.svg')}
.type-lab-page{background:#080808;color:#fff;font:15px/1.4 Arial,Helvetica,sans-serif}
.type-lab{max-width:1200px;margin:0 auto;padding:36px 40px 70px}
.type-lab-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.type-lab h1{font:400 15px Arial,sans-serif;margin:0}
.type-lab-header a,.type-note{color:#888;font-size:13px}
.type-card{border-top:1px solid #303030;padding:24px 0 30px}
.type-card header{display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.type-card h2{font:400 15px Arial,sans-serif;margin:0}
.type-card p{color:#888;font-size:13px;margin:7px 0 28px}
.type-card a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.type-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px}
.type-characters{display:flex;align-items:center;gap:.16em;font-size:clamp(40px,7.8vw,110px);line-height:1;white-space:nowrap}
.type-line{gap:18px}
.type-line img{width:clamp(38px,8vw,110px);height:auto}
.type-reference{width:150px;height:150px;object-fit:contain;filter:invert(1);flex-shrink:0}
.type-lab-page a:focus-visible{outline-color:white}
@media(max-width:767px){
  .type-lab{padding:24px}
  .type-lab-header{align-items:flex-start}
  .type-card header{align-items:flex-start}
  .type-card p{max-width:250px}
  .type-row{gap:14px;flex-wrap:wrap;min-height:100px}
  .type-characters{font-size:clamp(32px,9vw,68px)}
  .type-reference{width:80px;height:80px;margin-left:auto}
  .type-line{gap:12px}
  .type-line img{width:12vw}
}