: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;--Yellow-100-Base:#faf8ec;--Yellow-200:#F0EBCC;--Yellow-300:#DDD8BC;--Yellow-400-Primary:#F5D303;--Yellow-500:#796905;--Yellow-600:#262101;--White-100:#ffffff;--Orange-400:#f5b803}@media (max-width:1440px){h2.projects__heading,h2.services__heading,h2.skills__heading,p.projects__eyebrow,p.services__eyebrow,p.skills__eyebrow,section.about__wrapper,section.abouthero__wrapper,section.aboutme__wrapper,section.annotation__wrapper,section.blueprint__wrapper,section.boxlisting__wrapper,section.cardlgquote.flex-util,section.casehero__wrapper,section.competition__wrapper,section.component__wrapper,section.contact__wrapper,section.eightpoint__wrapper,section.font__wrapper,section.footer__wrapper,section.friends__wrapper,section.friendstagcontain,section.guide__wrapper,section.header__wrapper,section.hero__wrapper,section.hifibotimg,section.hifiimg,section.market__wrapper,section.mobilemockup,section.overview__wrapper,section.personacard,section.projects__wrapper,section.services__wrapper,section.skills__wrapper,section.survey__wrapper,section.usability__wrapper,section.wireframes__wrapper{max-width:112rem}section.casehero{min-height:48rem}}@media (max-width:1100px){img.contactcontent__img{width:60%;top:-8rem}}@media (max-width:980px){section.annotation__wrapper{gap:3.2rem}section.about__wrapper,section.contact__wrapper,section.hero__wrapper,section.market__wrapper{flex-direction:column}img.market__image,section.aboutcontent,section.contactcontent,section.herocontent,section.marketcol{max-width:100%}img.contactcontent__img,img.uxdailyhero__watermarkone,img.uxdailyhero__watermarktwo{display:none}.form-container,section.form__vwrap{width:100%}section.cardlgquotecontent{max-width:45rem}}@media (max-width:900px){.nav,img.cardlgquote__img{left:0}img.cardlgquote__img.right-position-util{right:0}section.personaimg{width:150%}.hamburger{display:block}.nav{position:fixed;top:8rem;background:var(--White-100);width:94%;padding:2.8rem;transform:translateX(-110%);box-shadow:var(--Black-400) .3rem .3rem 0;border:.2rem solid var(--Black-400);border-radius:var(--Spacing-tiny);margin-left:3%}.nav__list,section.annotation__wrapper{flex-direction:column}section.mobilephone__wrapper{top:-4%}section.annotationleft{max-width:100%}section.usability__wrapper{gap:3.2rem}}@media (max-width:768px){section.competition__wrapper.mobile-flex-reverse,section.usability__wrapper.margin-top-bot-util{flex-direction:column-reverse}img.annotation__img,section.competitionright,section.usabilitycol{max-width:100%}section.projects__wrapper,section.usability__wrapper{flex-wrap:wrap}section.personaimg{width:100%;height:550px}section.aboutmecontainer,section.competition__wrapper,section.personacard{flex-direction:column}section.cardlgquotecontent{max-width:35rem}.mobilemockupphone.margin-top-util,section.mobilephone__stack.mobile-none{display:none}section.mobilephone__wrapper{gap:2.4rem}.projectsgrid__one{grid-column:1/9;grid-row:1/3}.projectsgrid__two{grid-column:1/9;grid-row:3/5}.projectsgrid__three{grid-column:1/9;grid-row:5/7}.projectsgrid__four{grid-column:1/9;grid-row:7/9}.projectsgrid__five{grid-column:1/9;grid-row:9/11}.projectcontent,.projectsgrid .projectsgrid__five::before,.projectsgrid .projectsgrid__four::before,.projectsgrid .projectsgrid__one::before,.projectsgrid .projectsgrid__three::before,.projectsgrid .projectsgrid__two::before{opacity:1}section.aboutmecol.width-40-util,section.aboutmecol.width-60-util{width:100%}img.component__img{padding:2.4rem}}@media (max-width:550px){h1.uxdailyhero__eyebrow,h2.filterbuttons__heading,h2.usabilitylead__heading,p.usabilitylead__copy,p.usabilitylead__kicker,p.uxdailyhero__heading{text-align:left}h1.abouthero__heading,h1.herocontent__heading,p.uxdailyhero__heading{line-height:1.1;font-size:4rem}.mobilemockupphone.mobile-hidden-util,.mobilephone.mobile-none,img.hifibotimg__mockup.left-img-bot,img.hifibotimg__mockup.right-img-bot,section.typeframe__wrapper.display-mobile-util{display:none}section.usability__wrapper.margin-top-util{flex-direction:column-reverse;margin-top:4.8rem}section.annotationlead,section.marketcoltop,section.personalead,section.surveylead,section.usabilitylead,section.userflowlead{margin-bottom:4.8rem}section.competition,section.component,section.eightpoint,section.hifibot,section.market,section.mobilehifi,section.persona,section.userflow,section.wireframes{padding:4.8rem 2rem}p.reviewcard__copy{font-size:1.6rem}section.personacontent,section.reviewcard,section.surveycard{padding:3.2rem}section.annotation,section.blueprint,section.font,section.review,section.survey,section.usability{padding:0 2rem 4.8rem}section.usability__wrapper.margin-top-bot-util{margin-top:4.8rem;margin-bottom:4.8rem}.mobilemockupphone.mobile-margin-top-util{margin-top:2.8rem}section.hifi{padding:4.8rem 2rem 0}section.competition__wrapper,section.font__wrapper.margin-top-util-lg{margin-top:4.8rem}section.wireframes__wrapper{flex-wrap:wrap}section.personaimg{height:490px}p.surveybar__title{font-size:1.8rem}p.surveycard__copy{margin-bottom:3.2rem}p.cardlgquotecontent__copy{font-size:2rem}section.cardlgquote{padding:var(--Spacing-x-large);justify-content:flex-start}img.cardlgquote__img{width:24%;right:0;left:auto;transform:scaleX(-1)}.box-item,a.caseherobtn__primary,a.caseherobtn__secondary{width:100%}section.mobilephone__wrapper{gap:2rem}.button-group-wrap,h2.guide__heading,h2.projects__heading,h2.services__heading,h2.skills__heading,section.friendstagcontain,section.interrogatives{margin-bottom:var(--Spacing-xxx-large)}.projectcontent,a.projectcardlink{padding:var(--Spacing-med)}.heroimgcontainer{margin-top:var(--Spacing-large)}section.contact{padding:var(--Spacing-xxxx-large) 2rem;padding-bottom:var(--Spacing-xxx-large)}section.casehero{min-height:24rem;padding:var(--Spacing-xxx-large) 2rem}.uxdailybox{padding:var(--Spacing-x-small)}section.boxlisting__container{padding-bottom:var(--Spacing-xxx-large)}.box-item{margin-bottom:var(--Spacing-large)}section.aboutme,section.footer,section.friends,section.hero,section.overview,section.uxdailyhero{padding:var(--Spacing-xxx-large) 2rem}div#filters{justify-content:flex-start}a.uxdailyhero__btn{margin:0}.aboutmegridcontent.yellow-one,.aboutmegridcontent.yellow-two,section.friendscard{padding:var(--Spacing-large)}section.abouthero{padding:var(--Spacing-xxx-large) 2rem 0}.aboutmegridcontent.white-eight,.aboutmegridcontent.white-five,.aboutmegridcontent.white-four,.aboutmegridcontent.white-one,.aboutmegridcontent.white-seven,.aboutmegridcontent.white-six,.aboutmegridcontent.white-three,.aboutmegridcontent.white-two{height:auto;padding:var(--Spacing-small)}section.projects,section.services,section.skills{padding:var(--Spacing-xxxx-large) 2rem}h2.aboutcontent__heading::before,h2.contactcontent__heading::before,h2.projects__heading::before,h2.services__heading::before,h2.skills__heading::before{font-size:4.8rem;top:-24px}.form-container{padding:var(--Spacing-x-large)}section.servicecardcontent{padding:1.6rem}section.typeframe__wrapper{gap:var(--Spacing-med);flex-direction:column}section.typeframe__wrapper.margin-top-util{margin-top:var(--Spacing-med)}h1.overview__heading{font-size:4rem}img.hifibotimg__mockup.middle-img-bot{max-width:100%}}@media (max-width:375px){section.mobilephone__wrapper{gap:1.6rem}p.herocontent__eyebrow{font-size:1.35rem}p.herocontent__copy{font-size:1.6rem}a.herobtn__primary{font-size:1.6rem;height:5.6rem}p.guidecardname__full{font-size:1.8rem}span.landingpageguide{font-size:1.4rem;height:auto;padding:var(--Spacing-x-small) var(--Spacing-med)}section.personaimg{height:400px}section.reviewcardbot{flex-wrap:wrap}}@media (max-width:320px){p.logo{font-size:1.6rem}}