@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600;700;900&display=swap";
.hero-section{background:#000;width:100%;min-height:100vh;position:relative}.hero-background{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;min-height:100vh;display:flex;position:relative}.hero-image{z-index:-1;background:#000;width:auto;height:auto;transition:filter .4s;position:fixed;top:-80px;bottom:-80px;left:-80px;right:-80px;overflow:hidden}.hero-image:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 7%,transparent 22%,transparent 78%,rgba(0,0,0,.9) 93%,#000 100%),linear-gradient(#000 0%,rgba(0,0,0,.86) 7%,transparent 22%,transparent 78%,rgba(0,0,0,.92) 93%,#000 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.hero-image.is-blurred:after{opacity:.92}.hero-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.unsplash-com-reddfrancisco{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:1200px;display:flex;position:absolute;top:0;left:0}.default-dark{flex-shrink:0;align-self:stretch;height:1200px;position:relative;overflow:hidden}.hero-action-buttons{z-index:1000;align-items:center;gap:12px;display:flex;position:fixed;top:32px;right:32px}.download-cv-button,.hire-me-button{border-radius:30px;justify-content:center;align-items:center;padding:12px 32px;font-family:Albert Sans,sans-serif;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:all .3s;display:inline-flex}.download-cv-button{color:#fff;box-sizing:border-box;background:#2a2a2a;border:2px solid #ffb800;box-shadow:0 4px 12px rgba(255,184,0,.2)}.download-cv-button:hover{background:#3a3a3a;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,184,0,.3)}.hire-me-button{color:#000;box-sizing:border-box;background:#ffb800;border:2px solid #ffb800;box-shadow:0 4px 12px rgba(255,184,0,.3)}.hire-me-button:hover{background:#ffc929;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,184,0,.4)}@media (max-width:768px){.hero-action-buttons{z-index:110;gap:8px;position:absolute;top:16px;right:16px}.download-cv-button,.hire-me-button{padding:8px 16px;font-size:14px}}.hero-main-container{z-index:10;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:0;width:100%;max-width:1920px;min-height:100vh;padding:0 100px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-section-1{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:0;padding:0;display:flex;position:relative}.container3{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:40px;width:100%;max-width:700px;display:flex;position:relative}.open-to-work-badge{z-index:100;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex;position:absolute;top:60px;left:100px}.green-dot{background:#0f0;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.open-to-work-text{color:#fff;text-align:left;letter-spacing:1.4px;text-transform:uppercase;justify-content:flex-start;align-items:center;font-family:Albert Sans,sans-serif;font-size:16px;font-weight:700;line-height:18.2px;display:flex;position:relative}.name-and-role{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:100%;display:flex}.ux-ui-designer{color:#ffb800;text-align:left;letter-spacing:-.6px;text-transform:uppercase;justify-content:flex-start;align-items:center;font-family:Albert Sans,sans-serif;font-size:30px;font-weight:700;line-height:39px;display:flex;position:relative}.tyrone-brooks{color:#fff;text-align:left;letter-spacing:-2px;justify-content:flex-start;align-items:center;font-family:Albert Sans,sans-serif;font-size:72px;font-weight:700;line-height:72px;display:flex;position:relative}.contact-links{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:40px;width:100%;display:flex}.contact-column{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.contact-item{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;display:flex}.contact-icon{color:#ffb800;flex-shrink:0;justify-content:flex-start;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.contact-link,.contact-text{color:#fff;text-align:left;margin:0;padding:0;font-family:Albert Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;transition:color .3s;display:inline-block}.contact-text{cursor:default}.contact-link:hover{color:#ffb800}@media (max-width:1200px){.tyrone-brooks{font-size:60px;line-height:60px}}@media (max-width:768px){.hero-main-container{padding:0 30px}.unsplash-com-reddfrancisco{object-position:70% center}.tyrone-brooks{font-size:48px;line-height:48px}.ux-ui-designer{font-size:24px;line-height:31.2px}.title-text{word-spacing:100vw;display:inline-block}.contact-links{flex-direction:column;gap:12px}.download-cv-button{padding:10px 24px;font-size:14px}.open-to-work-badge{top:20px;left:20px}.open-to-work-text{font-size:14px}}@media (max-width:480px){.tyrone-brooks{font-size:36px;line-height:36px}.container3{gap:24px}}
.section-section-2{isolation:isolate;background:rgba(0,0,0,.08);flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:flex-start;gap:0;padding:80px 0;display:flex;position:relative;overflow:hidden}.section-section-2:before,.section-section-2:after{content:"";z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.section-section-2:before{background:linear-gradient(rgba(0,0,0,.16) 0%,rgba(0,0,0,.42) 100%),radial-gradient(circle at 72% 18%,rgba(255,184,0,.08),transparent 34rem)}.section-section-2:after{background-image:var(--scroll-noise-image);opacity:.22;mix-blend-mode:screen;background-size:160px 160px}.menu-change-2{position:absolute;top:-100px;left:0}.summary{z-index:1;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:40px;width:100%;max-width:40%;margin:0 0 0 100px;display:flex;position:relative}.heading-2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:0;display:flex;position:relative}.summary2{color:#ffb800;text-align:left;letter-spacing:-1.12px;justify-content:flex-start;align-self:stretch;align-items:center;font-family:AlbertSans-Bold,Inter,sans-serif;font-size:56px;font-weight:700;line-height:56px;display:flex;position:relative}.container5{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;display:flex;position:relative}.i-am-an-experienced-and-detail-oriented-ux-ui-product-designer-dedicated-to-creating-intuitive-and-impactful-digital-experiences-over-the-years-i-have-honed-my-skills-in-user-research-wireframing-prototyping-and-visual-design-always-striving-to-balance-user-needs-with-business-objectives-my-passion-lies-in-understanding-how-people-interact-with-technology-and-crafting-solutions-that-are-both-functional-and-aesthetically-pleasing{color:#fff;text-align:left;justify-content:flex-start;align-self:stretch;align-items:center;font-family:AlbertSans-Regular,Inter,sans-serif;font-size:16px;font-weight:400;line-height:30.6px;display:flex;position:relative}.margin{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:0;padding:20px 0 0;display:flex;position:relative}.i-have-collaborated-with-diverse-teams-including-developers-marketers-and-product-managers-to-bring-concepts-to-life-ensuring-seamless-integration-of-design-and-functionality-my-design-philosophy-centers-on-empathy-and-innovation-placing-the-user-at-the-heart-of-every-decision-while-leveraging-the-latest-tools-and-trends-to-stay-ahead-in-the-field{color:#fff;text-align:left;justify-content:flex-start;align-self:stretch;align-items:center;font-family:AlbertSans-Regular,Inter,sans-serif;font-size:16px;font-weight:400;line-height:30.6px;display:flex;position:relative}.container8{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:32px;padding:10px 0 0;display:flex;position:relative;overflow:hidden}.vertical-divider{background:#ffb800;flex-shrink:0;align-self:stretch;width:3px;height:auto;position:relative;overflow:hidden}.container9{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:0;padding:0;display:flex;position:relative}.driven-by-a-curiosity-to-learn-and-improve-i-continuously-explore-new-tools-and-methodologies-to-enhance-my-work-whether-working-on-web-applications-mobile-interfaces-or-design-systems-i-am-committed-to-delivering-high-quality-results-that-make-a-difference-for-users-and-businesses-alike{color:#fff;text-align:left;letter-spacing:-.64px;justify-content:flex-start;align-items:flex-start;font-family:AlbertSans-Bold,Inter,sans-serif;font-size:28px;font-weight:700;line-height:41.6px;display:flex;position:relative}.bio-paragraph{color:#fff;text-align:left;justify-content:flex-start;align-self:stretch;align-items:center;font-family:AlbertSans-Regular,Inter,sans-serif;font-size:16px;font-weight:400;line-height:30.6px;display:flex;position:relative}.container8 .bio-paragraph{letter-spacing:-.64px;align-items:flex-start;font-family:AlbertSans-Bold,Inter,sans-serif;font-size:22px;font-weight:700;line-height:41.6px}@media (max-width:768px){.summary2{font-size:40px;line-height:40px}.i-am-an-experienced-and-detail-oriented-ux-ui-product-designer-dedicated-to-creating-intuitive-and-impactful-digital-experiences-over-the-years-i-have-honed-my-skills-in-user-research-wireframing-prototyping-and-visual-design-always-striving-to-balance-user-needs-with-business-objectives-my-passion-lies-in-understanding-how-people-interact-with-technology-and-crafting-solutions-that-are-both-functional-and-aesthetically-pleasing,.i-have-collaborated-with-diverse-teams-including-developers-marketers-and-product-managers-to-bring-concepts-to-life-ensuring-seamless-integration-of-design-and-functionality-my-design-philosophy-centers-on-empathy-and-innovation-placing-the-user-at-the-heart-of-every-decision-while-leveraging-the-latest-tools-and-trends-to-stay-ahead-in-the-field{font-size:16px;line-height:27px}.driven-by-a-curiosity-to-learn-and-improve-i-continuously-explore-new-tools-and-methodologies-to-enhance-my-work-whether-working-on-web-applications-mobile-interfaces-or-design-systems-i-am-committed-to-delivering-high-quality-results-that-make-a-difference-for-users-and-businesses-alike{font-size:28px;line-height:36.4px}.container8{flex-direction:column;align-items:flex-start}.vertical-divider{width:100%;height:2px}.summary{max-width:calc(100% - 60px);margin-left:30px;margin-right:0}}