.demo-banner{position:fixed;inset:0 0 auto;z-index:100;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 5.2%;background:#d4b277;color:#191a16;font-size:8px;letter-spacing:1px;line-height:1.5}.demo-banner>a:first-child{font-size:12px;font-weight:700;letter-spacing:0}.demo-banner>a:last-child{font-size:9px;letter-spacing:0;white-space:nowrap}.header{top:36px}.portfolio-about{border-top:1px solid var(--line);background:#23241e}.portfolio-about h2{margin-top:28px}.portfolio-about p{max-width:760px;font-size:13px;line-height:1.9;color:#b7b6a8}.portfolio-about .button{margin-top:22px}@media(max-height:650px){.hero-copy{top:140px}}@media(max-height:450px){.hero-copy{top:120px}.hero .intro{margin-bottom:8px}.hero h1{margin-bottom:8px}}@media(max-width:640px){.demo-banner{padding:7px 6%;font-size:6px;gap:8px}.demo-banner>a:last-child{font-size:8px}.header{top:35px}.hero-copy{top:150px}.portfolio-about p{font-size:12px}}