/*
Theme Name: Hip Hop Reset
Theme URI: https://hiphopreset.com/
Author: Hip Hop Reset
Description: Custom red, black, and white music promotion theme for Hip Hop Reset.
Version: 1.1.3
Text Domain: hip-hop-reset
*/

:root{--hhr-red:#f20d12;--hhr-black:#080808;--hhr-white:#f7f5ef;--hhr-gray:#aaa59d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hhr-black);color:var(--hhr-white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.hhr-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hhr-nav{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:5}.hhr-brand{width:112px;height:70px;display:block;overflow:hidden;background:#fff;transform:rotate(-2deg)}.hhr-brand img{width:100%;height:100%;object-fit:contain}.hhr-nav-links{display:flex;gap:38px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hhr-nav-links a:hover{color:var(--hhr-red)}.hhr-button{display:inline-flex;align-items:center;gap:34px;padding:17px 22px;background:var(--hhr-red);border:2px solid var(--hhr-red);color:#fff;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:.2s}.hhr-button:hover{background:#fff;border-color:#fff;color:#000;transform:translateY(-2px)}.hhr-button-small{justify-self:end;padding:12px 17px}.hhr-hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.hhr-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #2a2a2a;border-radius:50%;left:-260px;top:80px;box-shadow:0 0 0 65px #111,0 0 0 66px #292929,0 0 0 130px #111}.hhr-hero-copy{position:relative;z-index:2;padding:70px 0 100px}.hhr-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:#c6c3bd;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hhr-eyebrow span{width:31px;height:3px;background:var(--hhr-red)}.hhr-hero h1{margin:0;font-size:clamp(64px,7.2vw,112px);line-height:.82;letter-spacing:-.07em;font-weight:1000;transform:scaleX(.86);transform-origin:left;white-space:nowrap}.hhr-hero h1 em{color:var(--hhr-red);font-style:normal}.hhr-lead{width:min(520px,95%);margin:34px 0 29px;color:#b8b4ad;font-size:17px;line-height:1.7}.hhr-actions{display:flex;align-items:center;gap:31px}.hhr-text-link{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #555;padding-bottom:8px}.hhr-text-link span{color:var(--hhr-red);margin-left:8px}.hhr-visual{min-height:610px;position:relative;display:grid;place-items:center}.hhr-record{width:min(570px,43vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#191919 0 2px,#080808 3px 7px);box-shadow:0 28px 80px #000,inset 0 0 0 2px #222;display:grid;place-items:center;transform:rotate(4deg)}.hhr-record img{width:82%;height:82%;object-fit:contain;border-radius:50%;mix-blend-mode:screen;filter:contrast(1.15)}.hhr-bars{position:absolute;display:flex;align-items:center;gap:8px;right:0;top:46px;opacity:.25}.hhr-bars i{display:block;width:5px;height:20px;background:var(--hhr-red)}.hhr-bars i:nth-child(2n){height:55px}.hhr-bars i:nth-child(3n){height:85px}.hhr-bars i:nth-child(4n){height:35px}.hhr-stamp{position:absolute;right:2%;bottom:65px;width:92px;height:92px;display:grid;place-content:center;text-align:center;background:var(--hhr-red);border-radius:50%;font-size:9px;font-weight:bold;letter-spacing:.16em;transform:rotate(10deg);box-shadow:0 0 0 4px #090909,0 0 0 6px var(--hhr-red)}.hhr-stamp strong{font-size:23px;letter-spacing:0}.hhr-ticker{overflow:hidden;background:var(--hhr-red);color:#fff;padding:17px 0 15px;transform:rotate(-1deg) scale(1.02);font-size:14px;font-weight:1000;letter-spacing:.14em;white-space:nowrap}.hhr-ticker div{width:max-content;word-spacing:22px}.hhr-ticker b{color:#000}.hhr-manifesto{display:grid;grid-template-columns:1fr 3fr;gap:50px;padding-block:150px}.hhr-tag{color:var(--hhr-red);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hhr-manifesto h2,.hhr-services h2,.hhr-connect h2{margin:0;font-size:clamp(48px,6vw,86px);line-height:.92;letter-spacing:-.055em;font-weight:1000}.hhr-manifesto h2 span{color:#494949}.hhr-manifesto div p{max-width:660px;margin:35px 0 0;color:var(--hhr-gray);font-size:18px;line-height:1.75}.hhr-services{padding-bottom:140px}.hhr-services-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #303030;padding-bottom:28px}.hhr-services-head h2{font-size:clamp(38px,5vw,70px)}.hhr-service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.hhr-card{min-height:340px;padding:30px;border-right:1px solid #303030;position:relative;transition:.25s}.hhr-card:first-child{border-left:1px solid #303030}.hhr-card:hover{background:var(--hhr-red)}.hhr-card>span{color:#6f6f6f;font-size:12px;font-weight:bold}.hhr-card h3{margin:80px 0 18px;font-size:29px;text-transform:uppercase;letter-spacing:-.04em}.hhr-card p{max-width:300px;color:#a6a29c;line-height:1.6;font-size:14px}.hhr-card:hover p,.hhr-card:hover>span{color:#fff}.hhr-card>a{position:absolute;right:28px;bottom:28px;font-size:25px}.hhr-connect{background:var(--hhr-red);overflow:hidden;position:relative}.hhr-connect:after{content:"RESET";position:absolute;right:-30px;bottom:-55px;font-size:250px;font-weight:1000;color:#d90000;letter-spacing:-.08em}.hhr-connect-inner{padding-block:110px;position:relative;z-index:1}.hhr-eyebrow-light{color:#fff}.hhr-eyebrow-light span{background:#fff}.hhr-connect h2{font-size:clamp(70px,10vw,145px);color:#fff}.hhr-button-white{margin-top:38px;background:#fff;color:#000;border-color:#fff}.hhr-button-white:hover{background:#000;color:#fff;border-color:#000}.hhr-footer{min-height:170px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:#6f6f6f;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hhr-footer img{width:100px;background:#fff}.hhr-footer p:last-child{justify-self:end}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:800px){.hhr-shell{width:min(100% - 30px,1180px)}.hhr-nav{grid-template-columns:1fr auto}.hhr-nav-links{display:none}.hhr-hero{grid-template-columns:1fr;min-height:auto}.hhr-hero-copy{padding:65px 0 15px}.hhr-hero h1{font-size:clamp(54px,16vw,90px)}.hhr-lead{font-size:15px}.hhr-visual{min-height:430px}.hhr-record{width:min(105vw,520px)}.hhr-stamp{right:8%;bottom:38px}.hhr-manifesto{grid-template-columns:1fr;padding-block:100px}.hhr-service-grid{grid-template-columns:1fr}.hhr-card,.hhr-card:first-child{border-left:1px solid #303030;border-bottom:1px solid #303030}.hhr-services-head{align-items:start;flex-direction:column;gap:15px}.hhr-connect:after{font-size:120px}.hhr-footer{grid-template-columns:1fr;padding-block:45px;text-align:left}.hhr-footer p:last-child{justify-self:start}}@media(max-width:500px){.hhr-button-small{display:none}.hhr-nav{grid-template-columns:1fr}.hhr-actions{align-items:flex-start;flex-direction:column}.hhr-hero{overflow:visible}}
