/* statement.css — ARCADE PRINCIPLE */
.statement{min-height:100vh;min-height:100dvh;background:var(--red);color:var(--ink);display:grid;place-items:center;padding:90px 4vw}
.statement-inner{width:100%;position:relative}
.statement-mark{position:absolute;right:2vw;top:-8vh;font:38vw/.8 var(--display);color:rgba(17,17,15,.08);pointer-events:none}
.statement p{font-size:9px}.statement h2{font:clamp(76px,10vw,164px)/.78 var(--display);letter-spacing:-.075em;margin:40px 0 0;position:relative;z-index:2}.statement h2 em{font-family:var(--serif);font-weight:400}.statement h2 span{color:var(--paper)}

@media(max-width:900px){
  .statement{min-height:100vh;padding:80px 18px}.statement h2{font-size:16vw}
}
@media(max-height:820px){
  .statement h2{font-size:clamp(40px,11vh,72px)}
  .statement{padding:60px 4vw}
}