a.aboutbtn__primary:hover,a.aboutbtn__secondary:hover,a.herobtn__primary:hover{transform:translateY(-.4rem)}a.contactsocials__link.dribbble:hover::before,a.contactsocials__link.instagram:hover::before,a.contactsocials__link.linkedin:hover::before,a.footersocials__link.dribbble:hover::before,a.footersocials__link.linkedin:hover::before{filter:brightness(3.5)}.button-group button,body,button.form-button{font-family:Poppins,serif}*,.box-item{box-sizing:border-box}.mask,section.aboutme,section.casehero,section.hifi,section.hifibot,section.projects{overflow:hidden}*{padding:0;margin:0}:root{--Spacing-tiny:0.4rem;--Spacing-x-small:0.8rem;--Spacing-small:1.2rem;--Spacing-med:1.6rem;--Spacing-large:2.4rem;--Spacing-x-large:3.2rem;--Spacing-xx-large:4rem;--Spacing-xxx-large:4.8rem;--Spacing-xxxx-large:6.4rem;--Spacing-jumbo:8rem;--Spacing-med-jumbo:8.8rem;--Spacing-super-jumbo:9.6rem;--Black-400:#030303;--Black-300:#3d3d3d;--Black-250:#5D5D5D;--Yellow-100-Base:#faf8ec;--Yellow-200:#F0EBCC;--Yellow-300:#DDD8BC;--Yellow-400-Primary:#F5D303;--Yellow-500:#796905;--Yellow-600:#262101;--White-100:#ffffff;--White-200:#d2d2d2;--Orange-400:#F5B803;--Green-400:#03F570;--Red-400:#F52F2F}.hide{transform:translateY(-100%);animation-name:slideDown;animation-duration:1.7s;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-fill-mode:forwards}@keyframes slideDown{100%{transform:translateY(0)}}@font-face{font-family:Roobert-Bold;src:url("/Fonts/Roobert-Bold.woff") format("woff");font-weight:700}@font-face{font-family:Roobert-Regular;src:url("/Fonts/Roobert-Regular.woff") format("woff");font-weight:400}@font-face{font-family:Roobert-SemiBold;src:url("/Fonts/Roobert-SemiBold.woff") format("woff");font-weight:600}html{font-size:62.5%;scroll-behavior:smooth}body,p{font-size:1.6rem}body{font-weight:400;background:var(--Yellow-100-Base)}ul{list-style:none}a{text-decoration:none;color:var(--Black-300)}p{line-height:1.55}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;text-wrap:balance}a.nav__link.active{color:var(--Yellow-500);box-shadow:0 -1rem 0 -.8rem var(--Yellow-500) inset;padding-bottom:.2rem}.nav--open{transform:translate(0)!important}.hamburger--open .hamburger__bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger--open .hamburger__bar:nth-child(2){opacity:0}.hamburger--open .hamburger__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger{display:none;background:var(--Yellow-400-Primary);padding:var(--Spacing-tiny) var(--Spacing-x-small);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:.2rem .2rem 0 var(--Black-400);cursor:pointer}.hamburger__bar{display:block;width:2.4rem;height:.3rem;margin:.5rem auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background:var(--Black-400)}.form-group,section.aboutmecontainer.margin-top-util,section.projects__wrapper.margin-top-util,section.skills__wrapper.margin-util{margin-top:var(--Spacing-large)}.nav,a.nav__btn,a.nav__link{transition:.3s ease-in-out}header.header{padding:0 2rem;position:sticky;top:0;z-index:2}.heroimgcontainer,section.about,section.contact{z-index:1;position:relative}header.header.sticking{background:#faf8ecc7;box-shadow:.1rem .1rem .6rem rgb(0 0 0 / 20%);z-index:20;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);backface-visibility:hidden}a.herobtn__primary,a.nav__btn,p.logo::after{background:var(--Yellow-400-Primary)}section.header__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;align-items:center;min-height:8rem}ul.nav__list{display:flex;align-items:center;gap:var(--Spacing-x-large)}a.nav__btn,section.herobtn{align-items:center;display:flex}p.logo{font-size:2rem;font-weight:600;color:var(--Black-400);letter-spacing:-.1rem}p.logo::after{content:"";display:inline-block;height:1rem;width:1rem;border-radius:50%;margin-left:var(--Spacing-x-small);border:.1rem solid var(--Black-400);box-shadow:.1rem .1rem 0 var(--Black-400)}a.aboutbtn__primary:hover,a.herobtn__primary:hover,a.nav__btn:hover{background:var(--Orange-400)}a.nav__link{color:var(--Black-300);padding-bottom:.2rem;font-size:1.4rem}a.nav__link:hover{color:var(--Yellow-500);box-shadow:0 -1rem 0 -.8rem var(--Yellow-500) inset;padding-bottom:.2rem}a.nav__btn{padding:var(--Spacing-tiny) var(--Spacing-med);border-radius:var(--Spacing-tiny);border:.2rem solid var(--Black-400);font-weight:500;color:var(--Black-400);box-shadow:.3rem .3rem 0 var(--Black-400);justify-content:center;height:4.4rem;gap:var(--Spacing-x-small);font-size:1.4rem}a.nav__btn::after,button.form-button::after{content:url(/Images/Jacob-portfolio-contact-arrow-icon.svg);line-height:.5}img.hero__img{width:100%;max-width:51rem}.heroimgcontainer{overflow:visible}img.hero__image{width:100%;min-width:0}section.hero{padding:var(--Spacing-xxxx-large) 2rem}section.hero__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;align-items:center}p.abouthero__eyebrow,p.herocontent__eyebrow{font-weight:500;line-height:1.2;color:var(--Yellow-600);font-size:1.4rem;text-transform:uppercase;letter-spacing:.1rem}h1.herocontent__heading{font-size:4.8rem;font-weight:700;color:var(--Black-400);margin-top:var(--Spacing-small);margin-bottom:var(--Spacing-x-large);letter-spacing:-.1rem}h1.uxdailyhero__eyebrow,p.friends__eyebrow,p.guide__eyebrow,p.projects__eyebrow,p.services__eyebrow,p.skills__eyebrow{letter-spacing:.1rem;text-transform:uppercase}span.herocontent__span{color:var(--Yellow-500)}section.herocontent{max-width:50.8rem}p.herocontent__copy{color:var(--Black-300);margin-bottom:var(--Spacing-xx-large);animation-delay:.4s;font-size:2rem;max-width:40rem}section.herobtn{gap:var(--Spacing-med) var(--Spacing-large);margin-bottom:var(--Spacing-xxxx-large);flex-wrap:wrap}a.herobtn__primary{font-size:2rem;padding:var(--Spacing-med) var(--Spacing-xx-large);color:var(--Black-400);font-weight:600;border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0;display:flex;height:6rem;align-items:center;justify-content:center;transition:.3s;gap:var(--Spacing-x-small)}a.herobtn__primary::after{content:url(/Images/Portfolio-Hero-Folder-Icon.svg);line-height:.5}section.about{padding:var(--Spacing-xxxx-large) 2rem;background:var(--Yellow-200)}section.about__wrapper{display:flex;justify-content:space-between;max-width:118rem;align-items:center;margin:0 auto;gap:4.8rem 2.4rem}section.aboutcontent,section.usabilitycol{max-width:48rem}img.about__img{width:100%;max-width:55rem;min-width:0}p.aboutcontent__eyebrow,p.aboutmegridcontent__eyebrow,p.annotationlead__kicker,p.blueprintlead__kicker,p.competitionlead__kicker,p.componentlead__kicker,p.contact__eyebrow,p.eightpointlead__kicker,p.fontlead__kicker,p.hifilead__kicker,p.mobilehifilead__kicker,p.personalead__kicker,p.reviewlead__kicker,p.surveylead__kicker,p.usabilitylead__kicker,p.userflowlead__kicker,p.wireframeslead__kicker{font-size:1.4rem;font-weight:500;color:var(--Yellow-600);letter-spacing:.1rem;text-transform:uppercase}h2.aboutcontent__heading{font-size:3.2rem;line-height:1.1;margin-bottom:var(--Spacing-large);margin-top:var(--Spacing-x-small);font-weight:600;color:var(--Black-400)}p.aboutcontent__copy,p.aboutmegridcontent__copy,p.annotationlead__copy,p.blueprintlead__copy,p.competitionlead__copy,p.componentlead__copy,p.contactcontent__copy,p.eightpointlead__copy,p.fontcolor__copy,p.fontlead__copy,p.interrogatives__copy,p.market__copy,p.mobilehifilead__copy,p.personalead__copy,p.reviewlead__copy,p.surveylead__copy,p.usabilitycol__copy,p.usabilitylead__copy,p.userflowlead__copy,p.wireframeslead__copy{color:var(--Black-300)}section.aboutbtn{display:flex;align-items:center;gap:var(--Spacing-med) var(--Spacing-large);flex-wrap:wrap;margin-top:var(--Spacing-x-large)}a.aboutbtn__primary,a.aboutbtn__secondary{font-size:1.6rem;padding:var(--Spacing-med) var(--Spacing-x-large);box-shadow:var(--Black-400) .4rem .4rem 0;transition:.3s;gap:var(--Spacing-x-small);font-weight:600;color:var(--Black-400);height:5.2rem;display:flex}a.aboutbtn__primary{background:var(--Yellow-400-Primary);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);align-items:center;justify-content:center}a.aboutbtn__primary::after{content:url(/Images/Jacob-portfolio-Arrow-Icon.svg);line-height:.5}a.aboutbtn__secondary{background:var(--White-100);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);align-items:center;justify-content:center}a.aboutbtn__secondary::after{content:url(/Images/Jacob-Portfolio-About-Diagonal-Arrow-Icon.svg);line-height:.5}a.aboutbtn__secondary:hover{background:var(--White-100)}section.projects{padding:var(--Spacing-jumbo) 2rem}h2.projects__heading{font-size:3.2rem;line-height:1.2;font-weight:600;max-width:118rem;margin:0 auto;margin-bottom:var(--Spacing-xxxx-large);margin-top:var(--Spacing-x-small);color:var(--Black-400);text-align:center}p.projects__eyebrow,p.services__eyebrow,p.skills__eyebrow{font-size:1.4rem;font-weight:500;color:var(--Yellow-600);max-width:118rem;margin:0 auto;text-align:center}section.projects__wrapper{max-width:118rem;margin:0 auto;display:flex;justify-content:space-between;gap:2.4rem}a.projectcardlink.flex-1{flex:1 47.8rem}a.projectcardlink.flex-2{flex:2 67.8rem}img.projectcard__img{width:100%;border-radius:var(--Spacing-tiny)}section.projectcardtags{display:flex;align-items:center;gap:var(--Spacing-x-small);flex-wrap:wrap;margin-top:2.4rem}p.projectcardtag{background:var(--Yellow-200);padding:.42rem var(--Spacing-small);border-radius:var(--Spacing-tiny);box-shadow:.2rem .2rem 0 var(--Black-400);border:.1rem solid var(--Black-400);font-size:1.4rem;font-weight:500;color:var(--Black-400)}h4.projectcard__heading{font-size:2rem;font-weight:600;margin-top:var(--Spacing-med);margin-bottom:var(--Spacing-large);text-wrap:auto;color:var(--Black-400)}p.projectcard__link{font-size:1.6rem;color:var(--Yellow-500);font-weight:600;display:flex;align-items:center;gap:var(--Spacing-x-small);transition:.3s ease-in-out;width:fit-content}p.projectcard__link::after{content:url(/Images/Jacob-Portfolio-Projectcard-Arrow.svg);line-height:0;transition:.3s ease-in-out}p.projectcard__link:hover::after{transform:translateX(1rem)}a.projectcardlink{background:#fff;padding:var(--Spacing-large);border-radius:var(--Spacing-tiny);border:.2rem solid #000;box-shadow:.4rem .4rem 0 var(--Black-400);transition:.3s}.skillscardimg,a.guide__button,a.hifilead__buton,a.uxdailyhero__btn{border:.2rem solid var(--Black-400);box-shadow:var(--Black-400) .4rem .4rem 0}a.projectcardlink:hover{transform:translateY(-.6rem)}a.guide__button:hover,a.servicecardcontent__btn:hover,a.uxdailyhero__btn:hover,button.form-button:hover{background:var(--Orange-400);transform:translateY(-.4rem)}p.projectcard__link.disabled{color:#bdbdbd;pointer-events:none}a.contactsocials__link:hover,a.footercol__link:hover{color:var(--Yellow-500)}p.projectcard__link.disabled::after{content:none}a.projectcardlink.disabled{pointer-events:none}section.guide{padding:0 2rem var(--Spacing-med-jumbo)}section.guide__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;gap:var(--Spacing-large);margin-bottom:var(--Spacing-xxxx-large);flex-wrap:wrap}.button-group-wrap,h2.guide__heading{margin-bottom:var(--Spacing-xxxx-large)}p.guide__eyebrow{font-size:1.4rem;font-weight:500;color:var(--Yellow-600);text-align:center}h2.guide__heading{font-size:3.2rem;line-height:1.2;font-weight:600;margin-top:var(--Spacing-x-small);color:var(--Black-400);text-align:center}a.guide__button,a.hifilead__buton,a.uxdailyhero__btn{font-size:1.6rem;background:var(--Yellow-400-Primary);padding:var(--Spacing-med) var(--Spacing-x-large);color:var(--Black-400);font-weight:600;border-radius:var(--Spacing-tiny);display:flex;height:5.2rem;align-items:center;justify-content:center;transition:.3s;gap:var(--Spacing-x-small);width:fit-content;margin:0 auto}section.friends,section.guidecard,section.skills{background:var(--Yellow-200)}#status,p.guidecard__copy,section.guidecardrating{margin-top:var(--Spacing-med)}a.guide__button::after{content:url(/Images/Jacob-portfolio-Arrow-Icon.svg);line-height:.5}section.guidecard{padding:var(--Spacing-large);border:.2rem solid #000;box-shadow:.4rem .4rem 0 var(--Black-400);border-radius:var(--Spacing-tiny);flex:1 27rem;display:flex;flex-direction:column;align-items:flex-start}section.friends,section.overview,section.services,section.skills{padding:var(--Spacing-jumbo) 2rem}p.guidecard__copy{color:var(--Black-400);margin-bottom:var(--Spacing-xx-large)}section.guidecardrating{display:flex;gap:var(--Spacing-tiny)}section.guidecardbottom{display:flex;gap:var(--Spacing-x-small);align-items:center;margin-top:auto}p.guidecardname__full,p.reviewname__name{font-size:2rem;font-weight:600;color:var(--Black-400);line-height:1.2}img.guidecardbottom__headshot{width:var(--Spacing-xxx-large);height:var(--Spacing-xxx-large)}p.guidecardname__title{font-size:1.4rem;color:#636051}h2.services__heading,h2.skills__heading{font-size:3.2rem;line-height:1.2;font-weight:600;max-width:118rem;margin:0 auto;margin-bottom:var(--Spacing-xxxx-large);color:var(--Black-400);margin-top:var(--Spacing-x-small);text-align:center}section.skills__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;flex-wrap:wrap;gap:var(--Spacing-large)}.skillscardimg{border-radius:var(--Spacing-tiny);background:var(--White-100);display:flex;align-items:center;justify-content:center;padding:var(--Spacing-x-large) var(--Spacing-med);height:10.6rem}a.servicecardcontent__btn,section.servicescard{border:.2rem solid var(--Black-400);display:flex;box-shadow:var(--Black-400) .4rem .4rem 0}.aboutmegridcontent,.form-container,section.servicescard{background:var(--Yellow-200)}section.skillscard{flex:1 11rem}p.skillscard__copy{font-size:1.8rem;text-align:center;font-weight:600;color:var(--Yellow-600);margin-top:var(--Spacing-small)}img.skillscardimg__icon{width:4.8rem;height:4.8rem}section.friends__wrapper,section.services__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;gap:var(--Spacing-large);flex-wrap:wrap}h3.servicecardcontent__heading,p.aboutmegridcontent__copy.margin-bot-util{margin-bottom:var(--Spacing-med)}section.servicescard{flex:1 26rem;border-radius:var(--Spacing-tiny);flex-direction:column}img.servicescard__img{border-bottom:.2rem solid var(--Black-400);border-top-right-radius:.2rem;border-top-left-radius:.2rem}section.servicecardcontent{display:flex;flex-direction:column;padding:var(--Spacing-large);height:100%}h3.servicecardcontent__heading{font-size:2.4rem;line-height:1.2;font-weight:600;color:var(--Black-400)}a.servicecardcontent__btn{font-size:1.6rem;background:var(--Yellow-400-Primary);padding:var(--Spacing-med) var(--Spacing-x-large);color:var(--Black-400);font-weight:600;border-radius:var(--Spacing-tiny);height:5.2rem;align-items:center;justify-content:center;transition:.3s;gap:var(--Spacing-x-small);width:fit-content;margin-top:auto;line-height:1.2}a.servicecardcontent__btn::after{content:url(/Images/Jacob-portfolio-Arrow-Icon.svg);line-height:.5}section.servicecardcontentchecks{display:flex;flex-wrap:wrap;gap:var(--Spacing-x-small);margin-bottom:var(--Spacing-x-large)}p.servicecardcontent__copy{font-size:1.4rem;color:var(--Black-300);display:flex;align-items:center;gap:var(--Spacing-tiny)}p.servicecardcontent__copy::before{content:url(/Images/Jacob-Portfolio-Design-Services-Check-Mark.svg);line-height:.5}section.contact{padding:var(--Spacing-jumbo) 2rem;background:var(--Yellow-100);padding-bottom:var(--Spacing-xxxx-large)}.form-group input,.form-group textarea{padding:var(--Spacing-small);background:var(--Yellow-300)}section.contact__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;gap:var(--Spacing-x-large);align-items:center}h2.contactcontent__heading{font-size:3.2rem;line-height:1.2;font-weight:600;margin-bottom:var(--Spacing-large);margin-top:var(--Spacing-x-small);color:var(--Black-400)}section.contactsocials{display:flex;flex-direction:column;margin-top:var(--Spacing-x-large);gap:var(--Spacing-med)}a.contactsocials__link,button.form-button,section.contactnote{gap:var(--Spacing-x-small);display:flex}a.contactsocials__link{color:var(--Yellow-600);font-weight:500;align-items:center;width:fit-content;transition:.3s ease-in-out;opacity:1}a.contactsocials__link.dribbble::before{content:url(/Images/Jacob-Portfolio-Dribbble-Icon.svg);line-height:.5;transition:.3s ease-in-out}a.contactsocials__link.linkedin::before{content:url(/Images/Jacob-Portfolio-Linkedin-Icon.svg);line-height:.5;transition:.3s ease-in-out}a.contactsocials__link.instagram::before{content:url(/Images/Jacob-Portfolio-Mail-Contact-Icon.svg);line-height:.5;transition:.3s ease-in-out}img.contactnote__img{height:4rem;width:4rem}section.contactnote{align-items:center;margin-top:var(--Spacing-xxx-large)}p.contactnote__copy{font-size:1.4rem;color:var(--Black-400);font-weight:600}.form-group label,button.form-button{font-size:1.6rem;color:var(--Black-400);font-weight:600}.form-container{padding:var(--Spacing-xx-large);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0;width:56rem}section.contactcontent{max-width:44.2rem;position:relative}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:var(--Spacing-x-small);line-height:1.2}.form-group.margin-top-util{margin-top:0}.form-group input{height:4.4rem;border:.1rem solid var(--Black-400);border-radius:var(--Spacing-tiny)}.form-group textarea{border:.1rem solid var(--Black-400);border-radius:var(--Spacing-tiny)}textarea{resize:vertical}button.form-button{background:var(--Yellow-400-Primary);padding:var(--Spacing-med) var(--Spacing-x-large);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0;height:5.2rem;align-items:center;justify-content:center;transition:.3s;width:fit-content;cursor:pointer;margin-top:var(--Spacing-xx-large)}img.contactcontent__img{position:absolute;top:-12rem;left:24rem}section.footer{padding:var(--Spacing-xxxx-large) 2rem;border-top:.2rem solid var(--Black-400);background:var(--White-100)}section.footer__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;flex-wrap:wrap;gap:var(--Spacing-xx-large)}a.footercol__link{color:var(--Black-300);transition:.3s ease-in-out;font-size:1.4rem}section.footerlinks,section.footersocials{display:flex;flex-direction:column;gap:var(--Spacing-med)}h4.footercol__heading{font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:var(--Spacing-large);color:var(--Black-400)}a.footersocials__link{color:var(--Yellow-600);font-weight:500;display:flex;align-items:center;gap:var(--Spacing-x-small);width:fit-content;transition:.3s ease-in-out;font-size:1.4rem}#status,p.footercol__rights{font-size:1.6rem;font-weight:600}a.footersocials__link:hover,span.abouthero__span{color:var(--Yellow-500)}a.footersocials__link.dribbble::before{content:url(/Images/Jacob-Portfolio-Dribbble-Icon.svg);line-height:.5;transition:.3s ease-in-out}a.footersocials__link.linkedin::before{content:url(/Images/Jacob-Portfolio-Linkedin-Icon.svg);line-height:.5;transition:.3s ease-in-out}p.footercol__rights{color:var(--Black-400);margin-top:var(--Spacing-large);line-height:1.2;margin-bottom:var(--Spacing-x-small)}section.abouthero__wrapper,section.aboutme__wrapper,section.blueprint__wrapper,section.eightpoint__wrapper,section.friendstagcontain,section.overview__wrapper{margin:0 auto;max-width:118rem}p.footercol__small{font-size:1.4rem;color:#6d6d6d}#status,#status.error,#status.success,h1.abouthero__heading{color:var(--Black-400)}#status{padding:var(--Spacing-x-small) var(--Spacing-med);border-radius:var(--Spacing-tiny);text-align:center;width:fit-content}#status.error,#status.success,.button-group button{border:.2rem solid var(--Black-400)}#status.success{background:var(--Green-400);box-shadow:var(--Black-400) .4rem .4rem 0}#status.error{background:var(--Red-400);box-shadow:var(--Black-400) .4rem .4rem 0}section.abouthero{padding:var(--Spacing-xxxx-large) 2rem 0}h1.abouthero__heading{font-weight:700;font-size:4.8rem;margin-bottom:var(--Spacing-large);margin-top:var(--Spacing-med)}p.abouthero__subheading{font-size:2rem;color:var(--Black-300);animation-delay:.4s}section.aboutme{padding:var(--Spacing-xxxx-large) 2rem}.aboutmegridcontent,section.friendscard{box-shadow:.4rem .4rem 0 var(--Black-400);padding:var(--Spacing-x-large)}h4.aboutmegridcontent__heading{font-size:2rem;font-weight:600;margin-bottom:var(--Spacing-large);color:var(--Black-400);margin-top:var(--Spacing-x-small);text-wrap:auto}img.aboutmegridcontent__img{width:100%;height:100%;object-fit:cover;border-radius:var(--Spacing-tiny)}.aboutmegridcontent.white-one{background:var(--White-100);padding:var(--Spacing-med);height:70%}.aboutmegridcontent.white-eight,.aboutmegridcontent.white-four,.aboutmegridcontent.white-two{background:var(--White-100);padding:var(--Spacing-med);height:100%}.aboutmegridcontent.white-three{background:var(--White-100);padding:var(--Spacing-med);height:30%}.aboutmegridcontent{border-radius:var(--Spacing-tiny);border:.2rem solid var(--Black-400)}section.aboutmecontainer{display:flex;gap:2.4rem}a.friendscard__link,div#filters{display:flex;gap:var(--Spacing-x-small)}section.aboutmecol.width-60-util{width:60%;display:flex;flex-direction:column;gap:2.4rem}section.aboutmecol.width-40-util{width:40%;display:flex;flex-direction:column;gap:2.4rem}.aboutmegridcontent.white-five{background:var(--White-100);padding:var(--Spacing-med)}img.aboutmegridcontent__img.position-util{object-position:left}.aboutmegridcontent.white-six{background:var(--White-100);padding:var(--Spacing-med);height:40%}.aboutmegridcontent.white-seven{background:var(--White-100);padding:var(--Spacing-med);height:60%}section.friendscard{flex:1 25rem;background:var(--White-100);border-radius:var(--Spacing-tiny);border:.2rem solid var(--Black-400);display:flex;flex-direction:column}p.friendscard__copy{margin-bottom:var(--Spacing-large);color:var(--Black-300)}h3.friendscard__heading{font-size:2.4rem;font-weight:600;margin-bottom:var(--Spacing-x-small);color:var(--Black-400)}a.friendscard__link{margin-top:auto;font-weight:600;color:var(--Yellow-600);width:fit-content;transition:.3s ease-in-out;align-items:center;font-size:1.5rem}a.friendscard__link:hover,span.uxdailyhero__span{color:var(--Yellow-500)}a.friendscard__link::after{content:url(/Images/Jacob-Portfolio-Brown-Arrow.svg);line-height:.5;transition:.3s ease-in-out}a.friendscard__link:hover::after{transform:translateX(1rem);filter:brightness(3.5)}p.friends__eyebrow{font-size:1.4rem;font-weight:500;color:var(--Yellow-600);text-align:center}h2.friends__heading{font-size:3.2rem;line-height:1.2;font-weight:600;margin-top:var(--Spacing-x-small);text-align:center}section.friendstagcontain{margin-bottom:var(--Spacing-xxxx-large)}section.friends__wrapper.margin-top-util{margin-top:2.4rem}section.uxdailyhero{padding:var(--Spacing-xxxx-large) 2rem;position:relative;max-width:118rem;margin:0 auto}p.uxdailyhero__heading{font-size:4.8rem;font-weight:700;color:var(--Black-400);text-align:center;max-width:715px;margin:0 auto;line-height:1.2;margin-top:var(--Spacing-small);margin-bottom:var(--Spacing-x-large)}h1.uxdailyhero__eyebrow{font-size:1.4rem;font-weight:500;text-align:center;color:var(--Yellow-600);animation-delay:.4s}a.uxdailyhero__btn::after{content:url(/Images/Jacob-Portfolio-Dribbble-Icon-Black.svg);line-height:.5}.button-group-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--Spacing-med)}h2.filterbuttons__heading{font-size:3.2rem;font-weight:600;margin-bottom:var(--Spacing-large);text-align:center}.button-group button,a.footer__fixedbtn{box-shadow:var(--Black-400) .2rem .2rem 0;font-size:1.4rem;color:var(--Black-400)}.button-group button{background:0 0;padding:var(--Spacing-tiny) var(--Spacing-med);border-radius:var(--Spacing-tiny);cursor:pointer;transition:.3s ease-out;font-weight:600;display:flex;align-items:center;justify-content:center;height:4.4rem}.button-group button.active,.button-group button:hover,a.footer__fixedbtn{background:var(--Yellow-400-Primary)}p.fontcolumn__displaylg,p.fontcolumn__h1,p.fontcolumn__h2,p.fontcolumn__h3,p.fontcolumn__h4,p.fontcolumn__h5,p.fontcolumn__h6{font-family:Manrope,sans-serif}div#filters{flex-wrap:wrap;justify-content:center}section.filterbuttons{padding:0 2rem}section.boxlisting__container{padding-left:2rem;padding-right:2rem;padding-top:0;padding-bottom:var(--Spacing-jumbo)}section.boxlisting__wrapper{max-width:118rem;margin:0 auto;display:block}.box-item{width:calc(50% - 1.2rem);margin-bottom:var(--Spacing-large)}.uxdailybox{background:#fff;padding:var(--Spacing-med);border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0}img.uxdailybox__img{border-radius:var(--Spacing-tiny)}a.footer__fixedbtn{position:fixed;bottom:32px;right:32px;border-radius:50%;border:.1rem solid var(--Black-400);padding:var(--Spacing-x-small);z-index:90000000;font-weight:700;height:6.4rem;width:6.4rem;display:flex;justify-content:center;align-items:center;transition:.3s;text-align:center;line-height:1.1;flex-direction:column;gap:var(--Spacing-tiny)}.mobilemockupphone,.mobilephone,section.casehero{position:relative;z-index:1}a.footer__fixedbtn::before{content:url(/Images/Jacob-Portfolio-Up-Arrow-Icon.svg)}a.footer__fixedbtn:hover{background:var(--Orange-400);transform:rotate(360deg)}section.casehero{padding:var(--Spacing-xxxx-large) 2rem;background:var(--Yellow-200);min-height:60rem}section.mobilephone__wrapper{display:flex;gap:4.8rem;align-items:center;position:absolute;top:-30%;left:8%;transform:rotate(-11deg)}section.mobilephone__stack{display:flex;flex-direction:column;gap:4.8rem}img.mobilephone__img{width:100%;max-width:27.3rem}.mobilemockupphone__shadow,.mobilephone__shadow{border-radius:104.976px;background:rgba(36,35,30,.4);filter:blur(46.8642578125px);width:100%;height:70px;z-index:-1;position:absolute;top:102%;left:50%;transform:translate(-50%,-50%)}h1.overview__heading{font-size:4.8rem;font-weight:700;color:var(--Black-400);margin-bottom:var(--Spacing-med)}p.overview__copy{color:var(--Black-300);margin-bottom:var(--Spacing-large);font-size:2rem}a.overviewbuttons__btn{background:0 0;padding:var(--Spacing-tiny) var(--Spacing-med);border-radius:var(--Spacing-tiny);border:.2rem solid var(--Black-400);font-weight:600;color:var(--Black-400);box-shadow:.3rem .3rem 0 var(--Black-400);display:flex;align-items:center;justify-content:center;height:4.4rem;transition:.3s ease-in-out;width:fit-content}a.overviewbuttons__btn:hover{background:var(--Yellow-400-Primary)}section.overviewbuttons{display:flex;flex-wrap:wrap;gap:var(--Spacing-small)}section.interrogatives{display:flex;gap:var(--Spacing-xxx-large);flex-wrap:wrap;margin-top:var(--Spacing-xxxx-large);margin-bottom:var(--Spacing-jumbo)}section.interrogatives__col{flex:1 13rem}h3.interrogatives__heading{font-size:2.4rem;font-weight:600;margin-bottom:var(--Spacing-small);color:var(--Black-400)}p.cardlgquotecontent__kicker,p.market__kicker{font-weight:500;color:var(--Yellow-600);letter-spacing:.1rem;text-transform:uppercase}section.cardlgquotecontainer{padding-left:2rem;padding-right:2rem}img.cardlgquote__img{width:34%;position:absolute;bottom:0;left:6rem;z-index:-1}section.cardlgquote{display:flex;align-items:center;justify-content:flex-end;background:var(--Yellow-200);max-width:118rem;margin:0 auto;border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0;padding:var(--Spacing-xxx-large);position:relative;z-index:1;overflow:hidden}p.cardlgquotecontent__kicker{font-size:1.4rem;margin-bottom:1.6rem}p.cardlgquotecontent__copy{font-size:2.8rem;line-height:150%}section.cardlgquotecontent{max-width:56.2rem;z-index:1}section.market{padding:var(--Spacing-jumbo) 2rem;background-color:var(--Yellow-200)}img.market__image{width:100%;max-width:61.3rem;min-width:0}section.market__wrapper{display:flex;align-items:center;max-width:118rem;margin:0 auto;gap:var(--Spacing-x-large);justify-content:space-between}section.marketcol{max-width:47rem}p.market__kicker{font-size:1.4rem;margin-bottom:var(--Spacing-x-small)}h2.market__heading,h3.competitionrightcontent__heading,h3.market__heading{color:var(--Black-400);font-weight:600}h2.market__heading{font-size:3.2rem}section.marketcoltop{margin-bottom:var(--Spacing-xxxx-large)}h3.market__heading{font-size:2.4rem;margin-bottom:var(--Spacing-med)}section.marketcolbottom{margin-top:4rem}section.competition,section.component,section.mobilehifi,section.persona,section.wireframes{padding:8rem 2rem}section.competitionlead{text-align:center;max-width:43.6rem;margin:0 auto}h2.annotationlead__heading,h2.blueprintlead__heading,h2.competitionlead__heading,h2.componentlead__heading,h2.eightpointlead__heading,h2.fontlead__heading,h2.hifilead__heading,h2.mobilehifilead__heading,h2.personalead__heading,h2.reviewlead__heading,h2.surveylead__heading,h2.usabilitylead__heading,h2.userflowlead__heading,h2.wireframeslead__heading{font-size:3.2rem;font-weight:600;color:var(--Black-400);margin-top:.8rem;margin-bottom:2.4rem}section.competition__wrapper{display:flex;align-items:center;justify-content:space-between;max-width:118rem;margin:6.4rem auto 0;gap:3.2rem 9.6rem}img.competitionleft__img{border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);width:100%;background:#fff;padding:var(--Spacing-med);box-shadow:var(--Black-400) .4rem .4rem 0}section.personacard,section.surveycard{background:var(--Yellow-200);border:.2rem solid var(--Black-400);box-shadow:var(--Black-400) .4rem .4rem 0}section.competitionright{max-width:47.8rem;display:flex;flex-direction:column;gap:4rem}h3.competitionrightcontent__heading{font-size:2.4rem;margin-bottom:1.6rem;display:flex;align-items:center;gap:1.2rem}p.competitionrightcontent__copy{color:var(--Black-300);padding-left:3.6rem}p.competitionleft__name{text-align:center;margin-top:1.2rem;font-weight:600;color:var(--Yellow-500);font-size:1.8rem}h3.competitionrightcontent__heading.good::before{content:url(/Images/Green-Checkmark.svg);line-height:.5}h3.competitionrightcontent__heading.bad::before,p.personagoals__copy.close-util::before{content:url(/Images/Red-Close.svg);line-height:.5}section.annotation,section.blueprint,section.font,section.review,section.survey,section.usability{padding:0 2rem 8rem}section.surveylead{text-align:center;max-width:43.6rem;margin:0 auto 6.4rem}section.component__wrapper,section.survey__wrapper{display:flex;justify-content:space-between;max-width:118rem;margin:0 auto;gap:2.4rem;flex-wrap:wrap}section.surveycard{padding:4.8rem;flex:1 32rem;border-radius:var(--Spacing-tiny)}.surveybar__line.forty--util::before,.surveybar__line.ninety--util::before,.surveybar__line.one-hundred--util::before,.surveybar__line.seventy--util::before,.surveybar__line.seventy-five--util::before,.surveybar__line.seventy-five-three--util::before,.surveybar__line.seventy-nine--util::before,.surveybar__line.sixty--util::before,.surveybar__line.ten--util::before,.surveybar__line.thirty--util::before,.surveybar__line.twelve-five--util::before,.surveybar__line.twenty--util::before,.surveybar__line.twenty-five--util::before,.surveybar__line.twenty-four-seven--util::before,.surveybar__line.twenty-one--util::before{content:'';height:1.6rem;background:var(--Yellow-500);display:block;border-radius:2.4rem}h3.surveycard__heading{font-size:2.4rem;text-align:center;font-weight:600;margin-bottom:1.2rem;color:var(--Black-400)}h3.surveycard__heading.width-util{max-width:27.6rem;margin:0 auto 1.2rem}section.font__wrapper.margin-top-util,section.survey__wrapper.margin-top-util,section.wireframes__wrapper.margin-top-util{margin-top:2.4rem}p.surveycard__copy{text-align:center;color:var(--Black-300);font-size:1.4rem;margin-bottom:4rem}p.surveybar__title{font-size:2rem;color:var(--Black-250);margin-bottom:1.2rem}span.surveybar__span{font-weight:600;color:var(--Black-400)}.surveybar__line{width:100%;height:1.6rem;background:#dbd7ba;border-radius:24px;position:relative}p.annotationleft__copy.margin-bot-util,section.surveybar.margin-bot-util{margin-bottom:2.4rem}.surveybar__line.ten--util::before{width:10%}.surveybar__line.seventy-five--util::before{width:75%}.surveybar__line.twenty-five--util::before{width:25%}.surveybar__line.twenty-one--util::before{width:21%}.surveybar__line.seventy-nine--util::before{width:79%}.surveybar__line.ninety--util::before{width:90%}.surveybar__line.forty--util::before{width:40%}.surveybar__line.sixty--util::before{width:60%}.surveybar__line.twenty-four-seven--util::before{width:24.7%}.surveybar__line.seventy-five-three--util::before{width:75.3%}.surveybar__line.twelve-five--util::before{width:12.5%}.surveybar__line.eighty--util::before,.surveybar__line.eighty-seven-five--util::before,.surveybar__line.eithy-seven-five--util::before{content:'';width:87.5%;height:1.6rem;background:var(--Yellow-500);display:block;border-radius:2.4rem}.surveybar__line.one-hundred--util::before{width:100%}.surveybar__line.thirty--util::before{width:30%}.surveybar__line.seventy--util::before{width:70%}.surveybar__line.twenty--util::before{width:20%}section.guide__wrapper.margin-bot-util{margin-bottom:0}p.personacontent__bodycopy.margin-bot-util,p.personagoals__copy.margin-bot-util{margin-bottom:1.6rem}img.cardlgquote__img.right-position-util{right:6rem;left:auto;transform:scaleX(-1)}section.cardlgquote.flex-util{justify-content:flex-start}section.componentlead,section.eightpointlead,section.hifilead,section.mobilehifilead,section.personalead,section.usabilitylead{text-align:center;max-width:38rem;margin:0 auto 6.4rem}section.personacard{display:flex;max-width:118rem;margin:0 auto;border-radius:var(--Spacing-tiny)}section.personaimg{background:linear-gradient(181deg,rgba(22,22,22,0) 39.42%,#0c0c0c 99.08%) top,url(/Images/User-Persona-Image-Tav-Pools.webp) top/cover no-repeat #d3d3d3;display:flex;align-items:flex-end;padding:2.4rem;width:100%}section.personaimg.sarah--thompson{background:linear-gradient(181deg,rgba(22,22,22,0) 39.42%,#0c0c0c 99.08%) top,url(/Images/User-Persona-Image-myEnergy-Rewards.webp) top/cover no-repeat #d3d3d3}section.personacontent{padding:4.8rem}p.personaimgcontent__heading{font-size:2rem;color:#fff;font-weight:600}p.personaimgcontent__title{font-size:1.4rem;color:#f5d303;font-weight:500}section.personacontent__wrapper{display:flex;justify-content:space-between;gap:3.2rem 6.4rem;flex-wrap:wrap}section.personagoals{flex:1 23rem}h3.personagoals__heading{font-weight:600;font-size:2.4rem;color:var(--Black-400);margin-bottom:2.4rem}p.personagoals__copy{color:var(--Black-300);display:flex;gap:1.6rem;font-size:1.4rem}p.personagoals__copy::before{content:url(/Images/Green-Checkmark.svg);line-height:.5}section.personaabout__wrapper{display:flex;gap:1.6rem 6.4rem;margin-bottom:2.4rem;flex-wrap:wrap}h3.personacontent__heading{font-weight:600;font-size:2.4rem;color:var(--Black-400);margin-top:4.8rem;margin-bottom:2.4rem}section.personaaboutcol{display:flex;align-items:center;gap:.8rem;color:var(--Yellow-600);flex-wrap:wrap}section.annotation__wrapper,section.wireframes__wrapper{justify-content:space-between}p.personaaboutcol__copy{font-size:1.8rem;font-weight:500}p.personacontent__bodycopy{color:var(--Black-300);font-size:1.4rem}section.annotationlead,section.blueprintlead,section.fontlead,section.userflowlead,section.wireframeslead{text-align:center;max-width:44rem;margin:0 auto 6.4rem}img.annotation__img,img.wireframes__img{border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);width:100%;background:#fff;padding:var(--Spacing-med);box-shadow:var(--Black-400) .4rem .4rem 0;max-width:57.8rem;min-width:0}section.annotation__wrapper{display:flex;align-items:center;gap:3.2rem 9.6rem;max-width:118rem;margin:0 auto}p.annotationleft__copy.number-one::before,p.annotationleft__copy.number-two::before{width:3.2rem;height:3.2rem;background:#ab0b0b;display:flex;align-items:center;border-radius:50%;color:#fff;font-size:1.5rem}section.annotationleft{max-width:50rem}p.annotationleft__copy{color:var(--Black-300);display:flex;gap:1.6rem}p.fontcolor__heading,p.fontcolumn__h1,p.fontcolumn__h2,p.fontcolumn__h3,p.fontcolumn__h4,p.fontcolumn__h5,p.fontcolumn__h6{color:var(--Black-400);font-weight:600}p.annotationleft__copy.number-one::before{content:"1";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-two::before{content:"2";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-four::before,p.annotationleft__copy.number-three::before{width:3.2rem;height:3.2rem;background:#ab0b0b;display:flex;align-items:center;border-radius:50%;color:#fff;font-size:1.5rem}p.annotationleft__copy.number-three::before{content:"3";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-four::before{content:"4";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-five::before,p.annotationleft__copy.number-six::before{align-items:center;width:3.2rem;height:3.2rem;background:#ab0b0b;border-radius:50%;color:#fff;font-size:1.5rem;display:flex}p.annotationleft__copy.number-five::before{content:"5";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-six::before{content:"6";justify-content:center;flex-shrink:0}p.annotationleft__copy.number-seven::before{content:"7";width:3.2rem;height:3.2rem;background:#ab0b0b;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:1.5rem;flex-shrink:0}section.userflow{padding:8rem 2rem;background:var(--Yellow-200);display:flex;flex-direction:column;align-items:center}img.userflow__img{width:100%;max-width:74rem}section.font__wrapper,section.wireframes__wrapper{max-width:118rem;margin:0 auto;display:flex;gap:2.4rem}img.blueprint__img{width:100%;background:#fff;padding:var(--Spacing-med);box-shadow:var(--Black-400) .4rem .4rem 0;border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny)}.White-100,.black-300,.black-400,.black-500,.mint-100,.mint-150,.teal-400,.teal-500,.teal-550,.vibrant-teal-400{display:block;width:100%;height:14.8rem;border-radius:.4rem}section.font__wrapper{justify-content:space-between;flex-wrap:wrap}.black-400{background:#030303}.black-400.Hydro{background:#242424}.black-500{background:#424242}.teal-400{background:#005866}.teal-500{background:#1a6976}.teal-550{background:#257f8b}.vibrant-teal-400{background:#77e9c6}.mint-100{background:#ddf0ea}.mint-150{background:#cee1db}.black-300{background:#3d3d3d}.White-100{background:#fff;border:.1rem solid #d1cfc2}.White-150,.White-200,.White-300,.blue-100,.blue-150,.blue-200,.blue-400,.blue-450,.blue-500{display:block;width:100%;height:14.8rem;border-radius:.4rem}.White-150{background:#e2e2e2}.White-200{background:#d7d7d7}.White-300{background:#aeaeae}.blue-100{background:#e8edf3}.blue-150{background:#dce3eb}.blue-200{background:#cbd3dc}.blue-400{background:#00267f}.blue-450{background:#0a2140}.blue-500{background:#06162c}section.fontcolor{flex:1 10rem}p.fontcolor__heading{margin-top:.4rem}section.fontcolumn{flex:1 24rem;display:flex;flex-direction:column;gap:2.4rem}section.font__wrapper.margin-top-util-lg{margin-top:6.4rem}p.fontcolumn__h1{font-size:4.8rem}p.fontcolumn__h1.Hydro{font-size:4.8rem;font-family:Roobert-bold}p.fontcolumn__h2.Hydro,p.fontcolumn__h3.Hydro,p.fontcolumn__h4.Hydro,p.fontcolumn__h5.Hydro,p.fontcolumn__h6.Hydro{font-family:Roobert-SemiBold}p.fontcolumn__h2{font-size:3.2rem}p.fontcolumn__h2.Hydro{font-size:3.6rem}p.fontcolumn__h3,p.fontcolumn__h3.Hydro{font-size:2.4rem}p.fontcolumn__h4,p.fontcolumn__h4.Hydro{font-size:2rem}p.fontcolumn__h5,p.fontcolumn__h5.Hydro{font-size:1.8rem}p.fontcolumn__h6,p.fontcolumn__h6.Hydro{font-size:1.6rem}p.fontcolumn__displaytextsm-semi.Hydro{font-family:Roobert-SemiBold;font-size:2.8rem}p.fontcolumn__displaytextsm-regular.Hydro{font-family:Roobert-Regular;font-size:2.8rem}p.fontcolumn__paragraph-sm.Hydro{font-family:Roobert-Regular;font-size:1.4rem;line-height:1.6}p.fontcolumn__paragraph-md.Hydro{font-family:Roobert-Regular;font-size:1.6rem;line-height:1.6}p.fontcolumn__paragraph-lg.Hydro{font-family:Roobert-Regular;font-size:2rem;line-height:1.5}p.fontcolumn__displaylg{font-size:8rem;font-weight:600;color:var(--Black-400);line-height:1}p.fontcolumn__displaytextsm-regular,p.fontcolumn__displaytextsm-semi,p.fontcolumn__paragraph-lg{font-size:2rem;font-family:Manrope,sans-serif;color:var(--Black-400)}p.fontcolumn__displaytextsm-semi{font-weight:600}p.fontcolumn__paragraph-sm{font-family:Manrope,sans-serif;font-size:1.4rem;color:var(--Black-400)}p.fontcolumn__paragraph-md{font-family:Manrope,sans-serif;font-size:1.6rem;color:var(--Black-400)}section.hifi{padding:8rem 2rem 0;background:var(--Yellow-200);position:relative}p.hifilead__copy{color:var(--Black-300);margin-bottom:3.2rem}a.hifilead__buton:hover{background:var(--Orange-400);transform:translateY(-.4rem)}a.hifilead__buton::after{content:url(/Images/Jacob-portfolio-Arrow-Icon.svg);line-height:.5}img.hifiimg__img{max-width:67.8rem;min-width:0}section.hifibotimg,section.hifiimg,section.mobilemockup,section.usability__wrapper{max-width:118rem;margin:0 auto;display:flex}img.hifiimg__img.util-right{margin-top:4.8rem;margin-left:-16rem}img.hifiimg__img.util-left{box-shadow:0 64px 128px 0 rgba(18,17,15,.3);z-index:1}img.mobilemockup__img{min-width:0}section.mobilemockup{justify-content:space-between;gap:1.2rem}.mobilemockupphone.margin-top-util{margin-top:2.8rem}section.eightpoint{padding:8rem 2rem;background:var(--Yellow-200)}img.component__img,img.usability__img{border:.2rem solid var(--Black-400);background:#fff;box-shadow:var(--Black-400) .4rem .4rem 0;min-width:0}img.component__img{flex:1 35rem;border-radius:var(--Spacing-tiny);padding:var(--Spacing-xx-large);object-fit:contain}section.component__wrapper.margin-top-util{margin-top:2.4rem}section.usability__wrapper{justify-content:space-between;gap:3.2rem 8rem;align-items:center}img.usability__img{border-radius:var(--Spacing-tiny);padding:1.6rem}section.usability__wrapper.margin-top-bot-util{margin-top:8rem;margin-bottom:8rem}h3.usabilitycol__heading{font-size:2.4rem;font-weight:600;color:var(--Black-400);margin-bottom:2.4rem}p.usabilitycol__copy.margin-bot-util{margin-bottom:1.6rem}p.usabilitycol__copy.margin-bot-util.bold-util{font-weight:600}span.usability__span{color:var(--Yellow-600);font-weight:600}section.usability__wrapper.margin-top-util{margin-top:8rem}ul.usabilitylist{list-style:disc;margin-left:2.4rem;line-height:2;color:var(--Black-300)}section.reviewlead{text-align:center;max-width:40rem;margin:0 auto 6.4rem}img.reviewcardbot__img{width:5.2rem;height:5.2rem}section.reviewcard{max-width:80rem;margin:0 auto;background:var(--Yellow-200);padding:4rem;border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);box-shadow:var(--Black-400) .4rem .4rem 0}p.reviewcard__copy{font-size:2rem;color:var(--Black-300);margin-top:2.4rem;margin-bottom:3.2rem}section.reviewcardbot{display:flex;align-items:center;gap:1.2rem}p.reviewname__title{color:#636051;line-height:1.4;font-size:1.4rem}img.hifibotimg__mockup{max-width:45rem;min-width:0;object-fit:contain;border-radius:10px;height:fit-content}section.hifibot{padding:8rem 2rem;background:var(--Yellow-200)}img.hifibotimg__mockup.middle-img-bot{z-index:1;box-shadow:0 64px 128px 0 rgba(36,35,30,.3)}img.hifibotimg__mockup.right-img-bot{transform:rotate(9deg);margin-top:10.7rem;box-shadow:0 64px 128px 0 rgba(36,35,30,.3);margin-left:-7.8rem}img.hifibotimg__mockup.left-img-bot{transform:rotate(-9deg);margin-top:10.7rem;box-shadow:0 64px 128px 0 rgba(36,35,30,.3);margin-right:-7.8rem}