@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Permanent Marker';src:url('assets/permanent-marker.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

/* Poster lettering and a marker intervention: classical sculpture, street energy. */


.discipline{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.about-button{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.hero-copy h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(84px,7.4vw,120px);line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:0}
.hero-line{display:block;white-space:nowrap}
.hero-digital{display:flex;align-items:baseline;gap:14px;margin:12px 0 9px}
.hero-of{font-size:.33em;line-height:1;letter-spacing:.015em}
.hero-copy h1 em{display:inline-block;font-family:'Permanent Marker',cursive;font-weight:400;font-style:normal;font-size:.64em;letter-spacing:-.04em;line-height:1.15;color:var(--accent);transform:rotate(-4deg)}
.hero-copy h1 .craft{display:block;font-size:1.22em;line-height:.82;letter-spacing:-.03em}
.hero-copy p{font-size:14px;font-weight:400;line-height:1.75;letter-spacing:.005em;margin:28px 0 21px;max-width:34ch}
.hero-copy .contact{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.back-type{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:17vw;line-height:.9;letter-spacing:.025em;top:16%;-webkit-text-stroke:1px #e5dfca13}
.art-caption{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em}
.signature{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;line-height:1.3;text-transform:uppercase;letter-spacing:.055em}
.copyright{font-size:10px;line-height:1.65;letter-spacing:.025em}
.feedback-control .control-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.17em}
.about-panel h2,#feedback-dialog h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;font-size:40px;line-height:.96;letter-spacing:-.015em}
#feedback-dialog h2{font-size:46px;line-height:1;margin-bottom:20px}
#feedback-title em{display:inline-block;font-family:'Permanent Marker',cursive;font-style:normal;font-weight:400;font-size:.66em;letter-spacing:-.025em;color:var(--accent);transform:rotate(-2deg)}
.panel-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.feedback-submit{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.045em}
@media(min-width:1600px){.hero-copy p{font-size:16px}}
@media(max-width:1000px){.hero-copy h1{font-size:90px}.hero-copy p{font-size:13px}}
@media(max-width:650px){
  .about-button{font-size:14px;letter-spacing:.025em}
  .hero-copy{top:21%}
  .hero-copy h1{font-size:clamp(66px,16.5vw,88px)}
  .hero-digital{gap:11px;margin:10px 0 8px}
  .hero-copy h1 em{font-size:.66em}
  .hero-copy p{font-size:12px;line-height:1.7;margin:24px 0 19px;max-width:240px}
  .hero-copy .contact{font-size:15px;letter-spacing:.055em}
  .back-type{font-size:21vw;top:16%}
  .signature{font-size:11px}.copyright{font-size:9px}
  .feedback-control .control-label{font-size:10px;letter-spacing:.15em}
  .about-panel h2{font-size:34px}
  #feedback-dialog h2{font-size:38px}
}
@media(max-width:380px){.hero-copy{top:21%}.hero-copy h1{font-size:64px}.hero-copy p{max-width:210px}.about-button{font-size:12px}#feedback-dialog h2{font-size:33px}}


/* Poster wordmark restored, with lowercase lettering. */
.wordmark{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:33px;line-height:1.1;text-transform:lowercase;letter-spacing:0;word-spacing:normal}
.brand-dot{font-family:'DM Sans',sans-serif;font-size:24px;font-weight:700;line-height:1;vertical-align:top;margin:0 0 0 6px}
@media(max-width:650px){.wordmark{font-size:27px}}
@media(max-width:380px){.wordmark{font-size:24px}}





/* Keep the full phrase in the layout and accessibility tree while its visual copy types. */
.era-type{position:relative;display:inline-block;vertical-align:baseline}
.era-reserve{opacity:0}
.era-typed{position:absolute;left:0;top:0;white-space:pre}
.era-typed::after{content:'';position:absolute;left:calc(100% + .025em);top:.06em;width:.025em;min-width:2px;height:.81em;background:var(--accent);opacity:0;pointer-events:none}
.era-type.is-typing .era-typed::after{animation:era-caret .8s steps(1,end) infinite}
@keyframes era-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.era-reserve{opacity:1}.era-typed{visibility:hidden}}