@font-face {font-family:"Atelier Display";src:url("AtelierDisplay-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}
@font-face {font-family:"Atelier Display";src:url("AtelierDisplay-Italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap;}
@font-face {font-family:"Atelier Display";src:url("AtelierDisplay-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;}
@font-face {font-family:"Atelier Display";src:url("AtelierDisplay-BoldItalic.woff2") format("woff2");font-style:italic;font-weight:700;font-display:swap;}

:root{--ivory:#f4efe5;--ink:#241f1a;--bronze:#9b7445}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Atelier Display",serif}.page{min-height:100vh;padding:7vw}.kicker{font:400 12px/1.2 system-ui;letter-spacing:.42em;text-transform:uppercase;color:var(--bronze)}h1{font-size:clamp(72px,17vw,260px);font-weight:400;line-height:.8;margin:.25em 0}.rule{height:1px;background:var(--bronze);opacity:.5}.sample{font-size:clamp(32px,5vw,78px);line-height:1.1;margin:5vh 0}.alphabet{font-size:clamp(22px,3vw,46px);line-height:1.5;word-break:break-word}.italic{font-style:italic}.bold{font-weight:700}.note{font:400 14px/1.6 system-ui;max-width:720px;margin-top:5vh}