html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
body {
    line-height:1
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
    content:"";
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
* {
    box-sizing:border-box
}
*:before,*:after {
    box-sizing:border-box
}
a {
    color:inherit;
    text-decoration:none
}
@font-face {
    font-family:Open Sauce;
    src:url('opensauce-medium-DHCY1jhb.woff2') format("woff2"),url('opensauce-medium-DHCY1jhb.woff2') format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Open Sauce;
    src:url('opensauce-regular-BgP9H1xs.woff2') format("woff2"),url('opensauce-regular-BgP9H1xs.woff2') format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
html {
    font-size:.6944444444vw;
    overscroll-behavior:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
}
@media (max-width:550px) {
    html {
    font-size:1.8181818182vw
}
}@media (max-width:375px) {
    html {
    font-size:2.6666666667vw
}
}body {
    font-family:Open Sauce,arial,sans-serif;
    font-weight:500;
    min-height:100vh;
    font-size:1.6rem;
    background:#111;
    color:#aaa
}
html.has-scroll-smooth {
    overflow:hidden
}
html.has-scroll-dragging {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.has-scroll-smooth body {
    overflow:hidden
}
.has-scroll-smooth [data-scroll-container] {
    min-height:100vh
}
.c-scrollbar {
    position:absolute;
    right:0;
    top:0;
    width:11px;
    height:100vh;
    transform-origin:center right;
    transition:transform .3s,opacity .3s;
    opacity:0
}
.c-scrollbar:hover {
    transform:scaleX(1.45)
}
.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar {
    opacity:1
}
.c-scrollbar_thumb {
    position:absolute;
    top:0;
    right:0;
    background-color:#000;
    opacity:.5;
    width:7px;
    border-radius:10px;
    margin:2px;
    cursor:-webkit-grab;
    cursor:grab;
    display:none
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.flash {
    animation:blinker 1s step-start infinite
}
@keyframes blinker {
    50% {
    opacity:0
}
}.home__hero .hero__title .bottom__left,.home__hero .hero__title__left,.home__hero .hero__title__right,.home__hero .hero__title__dash,.home__hero .hero__title h1.mobile {
    font-size:32.8rem;
    font-family: "Bebas Neue", serif;
    word-break:break-word
}
@media (max-width:550px) {
    .home__hero .hero__title .bottom__left,.home__hero .hero__title__left,.home__hero .hero__title__right,.home__hero .hero__title__dash,.home__hero .hero__title h1.mobile {
    font-size:160px
}
}.home__contact .marquee__inner .inner-span,.home__projects__project__title {
    font-size:16rem;
    font-family: "Bebas Neue", serif;
    letter-spacing:-.025em
}
@media (max-width:550px) {
    .home__contact .marquee__inner .inner-span,.home__projects__project__title {
    font-size:80px;
    word-break:break-word
}
}.home__awards .home__content__title,.home__awards .awards__title,.home__stack__paragraph .first-word,.home__content__title,.home__hero .hero__paragraph .first-word,.home__nav,.home__projects__project__label {
    font-size:12px;
    font-family:Open Sauce,arial;
    line-height:1.3
}
.home__contact__email .to-copy,.home__contact__desc,.home__awards .home__content__desc .contact-scroll,.home__awards .home__content__desc,.home__awards .awards__item,.home__stack,.home__hero .hero__title .bottom__right {
    font-family:Open Sauce,arial;
    font-size:1.6rem;
    font-weight:400;
    line-height:1.3
}
@media (max-width:768px) {
    .home__contact__email .to-copy,.home__contact__desc,.home__awards .home__content__desc .contact-scroll,.home__awards .home__content__desc,.home__awards .awards__item,.home__stack,.home__hero .hero__title .bottom__right {
    font-size:3rem
}
}@media (max-width:550px) {
    .home__contact__email .to-copy,.home__contact__desc,.home__awards .home__content__desc .contact-scroll,.home__awards .home__content__desc,.home__awards .awards__item,.home__stack,.home__hero .hero__title .bottom__right {
    font-size:16px
}
}.home__contact__email .email,.home__content__desc .contact-scroll,.home__content__desc {
    font-family:Open Sauce,arial;
    font-size:3.2rem;
    line-height:1.3;
    letter-spacing:-.025em
}
@media (max-width:550px) {
    .home__contact__email .email,.home__content__desc .contact-scroll,.home__content__desc {
    font-size:32px
}
}.home__footer__right a,.home__awards .home__content__desc a,.home__awards a,.home__stack__paragraph a,.home__content__desc a {
    color:#777;
    transition:color .3s
}
@media (any-pointer:fine) {
    .home__footer__right a:hover,.home__awards a:hover,.home__stack__paragraph a:hover,.home__content__desc a:hover {
    color:#cb450c
}
}.home__projects__project {
    color:#777
}
@media (any-pointer:fine) {
    .home__projects__project:hover .label__inner p:last-of-type {
    color:#aaa
}
}.home__projects__project .project__link {
    text-align:right;
    padding-right:5rem;
    padding-bottom:3.1rem
}
@media (min-width:551px) {
    .home__projects__project .project__link {
    display:none
}
}.home__projects__project .project__link .c-button .c-link__inner>span {
    margin-top:-4px;
    display:block
}
.home__projects__project .project__link .share-icon {
    position:relative;
    top:.3rem
}
.home__projects__project__label {
    line-height:1.3;
    display:flex;
    justify-content:flex-end
}
.home__projects__project__label {
    margin-top:3.2rem;
    padding-right:2.2rem
}
.home__projects__project__label p {
    transition:color .3s
}
@media (min-width:769px) {
    .home__projects__project__label {
    padding-right:17.2rem
}
}.home__projects__project__label .label-1 {
    max-width:84.3rem;
    width:100%;
    display:flex;
    justify-content:space-between
}
.home__projects__project__link {
    pointer-events:none
}
@media (any-pointer:fine) {
    .home__projects__project__link {
    pointer-events:auto
}
}.home__projects__project__link.gradient .title__main {
    background:linear-gradient(90deg,#e9e3c680,#e9c6d980);
    background-size:200% 100%;
    animation:textGradientAnim 5s ease infinite alternate;
    overflow:hidden;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    transition:background .3s
}
.home__projects__project__link.gradient .title__main .slide-up:before {
    background:#cb450c;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
@keyframes textGradientAnim {
    0% {
    background-position:0 50%
}
50% {
    background-position:100% 50%
}
to {
    background-position:0 50%
}
}.home__projects__project__link .title__main {
    position:relative
}
@media (max-width:550px) {
    .home__projects__project__link .title__main.right {
    text-align:right
}
}.home__projects__project__link .title__main .slide-up {
    position:absolute;
    display:none;
    top:0;
    left:0;
    overflow:hidden;
    transform:translateY(100%);
    transition:transform 275ms ease
}
@media (any-pointer:fine) {
    .home__projects__project__link .title__main .slide-up {
    display:inline-block
}
}.home__projects__project__link .title__main .slide-up:before {
    display:inline-block;
    content:attr(data-content);
    color:#cb450c;
    transform:translateY(-100%);
    transition:transform 275ms ease
}
@media (min-width:769px) {
    .home__projects__project__link .title__main .slide-up:before {
    white-space:nowrap
}
}.home__projects__project__link:hover .title__main .slide-up {
    transform:translateY(0)
}
.home__projects__project__link:hover .title__main .slide-up:before {
    transform:translateY(0)
}
.home__projects__project__title {
    line-height:1;
    text-transform:uppercase;
    padding-top:6.4rem;
    padding-bottom:4.5rem
}
@media (min-width:769px) {
    .home__projects__project__title {
    white-space:nowrap
}
}@media (max-width:550px) {
    .home__projects__project__title {
    padding-top:3.2rem;
    padding-bottom:2.4rem;
    line-height:.9
}
}.home__projects__project__title .inline-ovh {
    display:inline-flex;
    overflow:hidden
}
.c-button {
    display:inline-block;
    background:transparent;
    color:#aaa;
    font-size:16px;
    text-transform:uppercase;
    padding:5px 8px;
    border:2px solid #777777;
    border-radius:45px;
    cursor:pointer;
    transition:all .3s
}
@media (any-pointer:fine) {
    .c-button:hover {
    border-color:#cb450c;
    color:#111;
    background:#cb450c;
    font-weight:500
}
}.c-button .c-link {
    display:inline-flex;
    align-items:center;
    position:relative;
    z-index:1;
    overflow:hidden
}
.c-button .c-link__inner {
    display:flex;
    transform:translateY(0);
    transition:transform .3s cubic-bezier(.175,.885,.32,1.275);
    margin-right:2px
}
.c-button .c-link__animated {
    position:absolute;
    top:100%;
    display:none;
    font-family:Open Sauce,arial
}
@media (any-pointer:fine) {
    .c-button .c-link__animated {
    display:inline-block
}
}@media (any-pointer:fine) {
    .c-button:hover .c-link__inner {
    transform:translateY(-100%)
}
}.c-infinite .c-link {
    display:inline-flex;
    align-items:center;
    position:relative;
    z-index:1;
    overflow:hidden
}
.c-infinite .c-link__inner {
    display:flex;
    transform:translateY(-100%);
    animation:infiniteArrow 1s infinite cubic-bezier(.175,.885,.32,1.275)
}
.c-infinite .c-link__animated {
    position:absolute;
    top:100%
}
@keyframes infiniteArrow {
    to {
    transform:translateY(0)
}
}.home__contact__desc,.home__contact .line-wrapper,.home__awards,.home__content,.home__projects,.home__hero,.home__nav {
    padding-left:4rem;
    padding-right:4rem
}
@media (max-width:550px) {
    .home__contact__desc,.home__contact .line-wrapper,.home__awards,.home__content,.home__projects,.home__hero,.home__nav {
    padding-left:1.6rem;
    padding-right:1.6rem
}
}.home {
    padding:2.4rem 0;
    visibility:hidden
}
.home__nav {
    margin-bottom:6.4rem;
    display:flex;
    justify-content:space-between;
    line-height:1.4
}
@media (max-width:550px) {
    .home__nav .hide-mobile {
    display:none
}
}@media (min-width:551px) {
    .home__nav .hide-desktop {
    display:none
}
}.home__nav .nav__button {
    flex-shrink:0;
    flex-grow:0
}
.home__nav__left,.home__nav__right {
    text-transform:uppercase;
    justify-content:space-between
}
@media (min-width:551px) {
    .home__nav__left,.home__nav__right {
    display:flex
}
}.home__nav__left {
    max-width:49rem;
    width:100%;
    margin-right:5rem
}
@media (max-width:550px) {
    .home__nav__left {
    margin-right:2rem;
    max-width:unset
}
}.home__nav__right {
    max-width:325px;
    width:100%
}
@media (max-width:550px) {
    .home__nav__right {
    max-width:175px;
    width:100%;
    margin-left:auto
}
.home__nav__right br {
    display:none
}
}.home__nav .nav__folio,.home__nav .nav__availability {
    color:#777
}
@media (max-width:550px) {
    .home__nav .nav__folio,.home__nav .nav__availability {
    margin-bottom:2.4rem
}
.home__nav .nav__folio br,.home__nav .nav__availability br {
    display:none
}
}.home__hero {
    margin-bottom:9.6rem
}
.home__hero .hero__title {
    line-height:.9;
    color:#777
}
@media (max-width:550px) {
    .home__hero .hero__title h1.desktop {
    display:none
}
}.home__hero .hero__title h1.mobile {
    letter-spacing:-.05em;
    word-wrap:break-word
}
@media (min-width:551px) {
    .home__hero .hero__title h1.mobile {
    display:none
}
}.home__hero .hero__title .hero__hover {
    transition:color .2s
}
@media (any-pointer:fine) {
    .home__hero .hero__title .hero__hover:hover {
    color:#aaa
}
}.home__hero .hero__title__left,.home__hero .hero__title__right,.home__hero .hero__title__dash {
    display:inline-block;
    letter-spacing:-.105em
}
.home__hero .hero__title__dash {
    transform:scaleX(1.05);
    will-change:transform
}
@media (max-width:768px) {
    .home__hero .hero__title__dash.desktop {
    display:none
}
}@media (min-width:769px) {
    .home__hero .hero__title__dash.tablet {
    display:none
}
}.home__hero .hero__title__top {
    display:flex;
    justify-content:space-between;
    padding-right:3rem
}
.home__hero .hero__title__top,.home__hero .hero__title__bottom {
    width:100%
}
.home__hero .hero__title__top.overflow,.home__hero .hero__title__bottom.overflow {
    display:inline-flex;
    width:100%;
    overflow:hidden
}
.home__hero .hero__title__bottom {
    justify-content:space-between
}
@media (min-width:769px) {
    .home__hero .hero__title__bottom {
    display:flex
}
}.home__hero .hero__title .bottom__left {
    letter-spacing:-.105em;
    flex-shrink:0
}
.home__hero .hero__title .bottom__right {
    position:relative;
    z-index:1;
    max-width:32.5rem;
    width:100%;
    padding:2rem 0 5rem;
    display:flex;
    flex-direction:column
}
@media (max-width:768px) {
    .home__hero .hero__title .bottom__right {
    max-width:55rem;
    padding-bottom:0
}
}@media (max-width:550px) {
    .home__hero .hero__title .bottom__right {
    max-width:255px;
    margin-left:auto
}
}.home__hero .hero__paragraph {
    color:#aaa
}
.home__hero .hero__paragraph span {
    text-transform:uppercase
}
.home__hero .hero__paragraph .first-word {
    color:#777
}
.home__hero .hero__scroll {
    margin-top:auto;
    color:#777;
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (max-width:768px) {
    .home__hero .hero__scroll {
    display:none
}
}.home__projects__line {
    position:relative;
    display:inline-block;
    width:100%;
    visibility:hidden
}
.home__projects__line span {
    height:2px;
    background:#777;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    display:inline-block;
    transform-origin:left top
}
.home__projects__line.right span {
    transform-origin:right top
}
.home__content {
    padding-top:24rem;
    padding-bottom:24rem
}
@media (max-width:550px) {
    .home__content {
    padding-top:16rem;
    padding-bottom:16rem
}
}@media (min-width:769px) {
    .home__content {
    text-align:center
}
}.home__content__title {
    text-transform:uppercase;
    color:#777;
    margin-bottom:2.4rem
}
.home__content__desc {
    max-width:95rem;
    width:100%
}
@media (min-width:769px) {
    .home__content__desc {
    margin:0 auto
}
}.home__content__desc .contact-scroll {
    color:#777;
    transition:color .3s;
    background:transparent;
    border:0;
    padding:0;
    font-weight:500;
    cursor:pointer
}
@media (any-pointer:fine) {
    .home__content__desc .contact-scroll:hover {
    color:#cb450c
}
}.home__stack {
    max-width:104.4rem;
    margin-left:auto;
    padding-top:16rem;
    padding-bottom:24rem
}
@media (max-width:550px) {
    .home__stack {
    padding-top:9.6rem;
    padding-bottom:16rem
}
}.home__stack__paragraph {
    color:#aaa;
    max-width:32.5rem
}
@media (max-width:768px) {
    .home__stack__paragraph {
    max-width:55rem
}
}@media (max-width:550px) {
    .home__stack__paragraph {
    max-width:35rem;
    margin-left:auto;
    padding-left:1.6rem;
    padding-right:1.6rem
}
}.home__stack__paragraph span,.home__stack__paragraph a {
    color:#777;
    text-transform:uppercase
}
.home__awards {
    justify-content:space-between;
    max-width:113rem;
    margin-left:auto;
    margin-right:auto;
    padding-top:9.6rem;
    padding-bottom:9.6rem
}
@media (min-width:769px) {
    .home__awards {
    display:flex;
    padding-top:24rem;
    padding-bottom:24rem
}
}.home__awards__top,.home__awards__bottom {
    justify-content:space-between
}
@media (min-width:551px) {
    .home__awards__top,.home__awards__bottom {
    display:flex
}
}.home__awards .awards__title {
    color:#777;
    margin-bottom:24px
}
.home__awards .awards__item {
    padding:16px 0;
    border-top:2px solid #777777;
    position:relative;
    transition:color .2s
}
.home__awards__stack,.home__awards__left {
    margin-bottom:9.6rem
}
@media (min-width:769px) {
    .home__awards__left {
    max-width:55.5rem;
    width:100%;
    margin-bottom:0
}
}@media (min-width:769px) {
    .home__awards__right {
    max-width:32.5rem;
    width:100%
}
}.home__awards .home__content__title {
    text-transform:uppercase;
    color:#777
}
.home__awards .home__content__desc {
    max-width:95rem;
    width:100%
}
.home__awards .home__content__desc a {
    text-transform:uppercase
}
.home__awards .home__content__desc .contact-scroll {
    color:#777;
    transition:color .3s;
    background:transparent;
    border:0;
    padding:0;
    font-weight:500;
    cursor:pointer
}
@media (any-pointer:fine) {
    .home__awards .home__content__desc .contact-scroll:hover {
    color:#cb450c
}
}@media (min-width:769px) {
    .home__contact {
    padding-top:7rem
}
}.home__contact__desc {
    margin:0;
    margin-bottom:6.4rem
}
@media (min-width:551px) {
    .home__contact__desc {
    max-width:44rem;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding:0
}
}.home__contact .marquee {
    text-transform:uppercase;
    overflow:hidden
}
.home__contact .marquee__wrap:hover .marquee__inner {
    animation-play-state:paused
}
.home__contact .marquee__wrap:hover .marquee__inner:hover .slide-up {
    transform:translateY(0)
}
.home__contact .marquee__wrap:hover .marquee__inner:hover .slide-up:before {
    transform:translateY(0)
}
.home__contact .marquee__inner {
    height:100%;
    width:fit-content;
    align-items:center;
    display:flex;
    position:relative;
    animation:marquee 25s linear infinite;
    will-change:transform;
    padding-top:2.4rem;
    padding-bottom:1rem
}
@media (min-width:551px) {
    .home__contact .marquee__inner {
    padding-top:5.8rem;
    padding-bottom:2.3rem
}
}.home__contact .marquee__inner span {
    white-space:nowrap;
    padding-left:2rem;
    padding-right:2rem
}
.home__contact .marquee__inner .inner-span {
    text-transform:uppercase;
    color:#777;
    position:relative;
    overflow:hidden
}
.home__contact .marquee__inner .inner-span .slide-up {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    transform:translateY(100%);
    transition:transform 275ms ease;
    display:none
}
@media (any-pointer:fine) {
    .home__contact .marquee__inner .inner-span .slide-up {
    display:inline-block
}
}.home__contact .marquee__inner .inner-span .slide-up:before {
    display:inline-block;
    content:attr(data-content);
    white-space:nowrap;
    color:#cb450c;
    transform:translateY(-100%);
    transition:transform 275ms ease
}
@keyframes marquee {
    to {
    transform:translate3d(-50%,0,0)
}
}.home__contact__email {
    padding-top:4.8rem;
    padding-bottom:7.2rem;
    text-align:center
}
@media (max-width:550px) {
    .home__contact__email {
    max-width:255px;
    width:100%;
    text-align:left;
    margin-left:auto;
    word-break:break-word
}
}.home__contact__email .to-copy {
    display:none
}
@media (any-pointer:fine) {
    .home__contact__email .to-copy {
    display:block;
    opacity:0;
    text-transform:uppercase;
    transform:translateY(100%);
    transition:opacity .3s,transform .3s
}
}.home__contact__email .to-copy span {
    padding:5px 8px;
    border:2px solid #777777;
    border-radius:45px
}
.home__contact__email .email {
    background:transparent;
    border:0;
    font-weight:500;
    cursor:pointer;
    color:#aaa;
    padding:0;
    margin-bottom:1.6rem
}
@media (max-width:768px) {
    .home__contact__email .email {
    text-align:left
}
}@media (any-pointer:fine) {
    .home__contact__email .email:hover {
    color:#cb450c
}
}.home__contact__email .email:hover+.to-copy {
    transform:translateY(0);
    opacity:1
}
.home__footer {
    justify-content:center;
    position:relative;
    padding-bottom:4rem;
    font-weight:400;
    font-size:16px
}
@media (min-width:769px) {
    .home__footer {
    display:flex
}
}@media (max-width:768px) {
    .home__footer {
    margin-left:auto;
    max-width:40rem;
    width:100%
}
}@media (max-width:550px) {
    .home__footer {
    max-width:255px;
    width:100%
}
}.home__footer__left {
    display:flex;
    font-family:Open Sauce,arial
}
@media (min-width:769px) {
    .home__footer__left {
    left:2.4rem;
    position:absolute;
    right:0;
    top:1rem
}
}.home__footer__left .place {
    color:#777;
    margin-right:1.4rem
}
.home__footer__left .time {
    position:relative;
    display:flex
}
@media (max-width:768px) {
    .home__footer__left .time {
    margin-bottom:2.4rem
}
}@media (min-width:769px) {
    .home__footer__right {
    right:2.4rem;
    position:absolute;
    top:1rem
}
}.home__footer__center .footer__links {
    align-items:center
}
@media (min-width:769px) {
    .home__footer__center .footer__links {
    display:flex
}
}@media (max-width:768px) {
    .home__footer__center .footer__links {
    margin-bottom:4.8rem
}
}.home__footer__center .footer__links .link__flex {
    display:flex;
    margin-left:auto
}
@media (max-width:768px) {
    .home__footer__center .footer__links .link__flex {
    max-width:40rem;
    width:100%
}
}@media (max-width:550px) {
    .home__footer__center .footer__links .link__flex {
    max-width:255px;
    width:100%
}
}.home__footer__center .footer__links .link__flex__inner {
    display:flex
}
@media (max-width:768px) {
    .home__footer__center .footer__links .link__flex__inner .c-button:first-of-type {
    margin-right:.8rem
}
}@media (max-width:768px) {
    .home__footer__center .footer__links .link__flex__inner.second .c-button:first-of-type {
    margin-right:0
}
.home__footer__center .footer__links .link__flex__inner.second .c-button:last-of-type {
    margin-right:.8rem
}
}@media (min-width:769px) {
    .home__footer__center .footer__links .link__flex__inner:last-of-type {
    margin-left:.8rem
}
}@media (max-width:768px) {
    .home__footer__center .footer__links .link__flex__inner.second {
    margin-top:1.6rem;
    flex-direction:row-reverse
}
}@media (min-width:769px) {
    .home__footer__center .footer__links .c-button:not(:last-of-type) {
    margin-right:.8rem
}
}

/* Ensure the link container spans the full width and centers the text */
.home__projects__project__link {
    display: block;
    width: 100%;                 /* Full width of the page */
    text-align: center;          /* Center the text horizontally */
    overflow: hidden;            /* Hide overflow */
    padding: 20px 0;             /* Add vertical padding for spacing */
}

/* Set a large font size for the title, no shrinking */
.home__projects__project__title {
                /* Set a large default font size */
    font-weight: bold;
    text-transform: uppercase;   /* Capitalize the text */
    word-wrap: break-word;       /* Ensure long words break and wrap */
    overflow-wrap: break-word;   /* Prevent overflow */
    white-space: nowrap;         /* Prevent wrapping by default */
    margin: 0 auto;              /* Ensure it's centered */
    width: auto;                 /* Let the width adjust based on the content */
    display: inline-block;       /* Keeps the text in one line */
}

/* Prevent font size shrinking on smaller screens */
@media (max-width: 1024px) {
    .home__projects__project__title {
      font-size: 5rem;           /* Maintain large font size on tablets */
    }
}

@media (max-width: 768px) {
    .home__projects__project__title {
      font-size: 4.5rem;         /* Slightly reduce for smaller tablets */
    }
}

@media (max-width: 550px) {
    .home__projects__project__title {
      font-size: 4rem;           /* Keep font size large on mobile */
      white-space: normal;       /* Allow text to wrap on mobile */
      padding: 0 15px;           /* Add padding to prevent text from touching edges */
    }
}

/* Hover effect for desktop and tablet */
@media (min-width: 551px) {
  .home__projects__project__link:hover .home__projects__project__title {
    color: #cb450c;             /* Change text color on hover */
    text-decoration: underline; /* Underline text on hover */
    transform: scale(1.05);     /* Slight scale effect on hover */
  }
}

/* Mobile touch interaction (simulating hover) */
@media (max-width: 550px) {
  .home__projects__project__link:active .home__projects__project__title {
    color: #cb450c;             /* Change text color on tap */
    text-decoration: underline; /* Underline text on tap */
    transform: scale(1.05);     /* Slight scale effect on tap */
  }
}