body{background:#0a0610}.portfolio-hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding-top:130px;background:linear-gradient(90deg,rgba(7,3,11,.96),rgba(36,2,102,.16)),url("../assets/purple-background.png") center/cover}.portfolio-intro h1{font-size:clamp(54px,7vw,104px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}.portfolio-intro h1 span{color:#c873e7}.portfolio-intro p,.about-client p,.client-contact p{max-width:680px;color:#b8aebe;line-height:1.95}.portfolio-portrait{display:grid;place-items:center}.portfolio-portrait .glass-card{overflow:hidden!important}.about-client{max-width:980px;margin-inline:auto;text-align:center}.about-client h2,.client-contact h2{font-size:clamp(44px,6vw,82px);margin:16px 0}.about-client p{margin-inline:auto}.client-contact{text-align:center}.client-contact p{margin-inline:auto}.client-contact .actions{justify-content:center}.portfolio-nav .drawer-head{display:none}@media(max-width:900px){.portfolio-hero{grid-template-columns:1fr;padding-top:120px}.portfolio-portrait{margin-top:30px}.portfolio-nav .drawer-head{display:flex}}@media(max-width:560px){.portfolio-intro h1{font-size:clamp(46px,14vw,66px)}.portfolio-hero{padding-bottom:60px}.portfolio-portrait .glass-card{height:470px!important}}