.yes-text {
    position: absolute;
    pointer-events: none;
    white-space: nowrap;
    font-family: var(--font-space, sans-serif);
    font-weight: 900;
    font-size: 2rem;
    color: var(--orange); 
    will-change: transform, opacity;
}
.yes-letter { display: inline-block; }
.hero_gradient {
    z-index: 20;
    background-image: linear-gradient(0deg, var(--base-color-brand--brand), #0000);
    pointer-events: none;
    width: 100%;
    height: 40%;
    position: absolute;
    inset: auto 0% 0%;
}
.bg-grid-lines {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: var(--bs-black) var(--bs-black) var(--bs-gray-500);
    pointer-events: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    display: grid;
    position: absolute;
    inset: 0%;
    max-width: 1350px;
}
.web-body section{
	position: relative;
    border-bottom: 1px dotted var(--bs-gray-500);
}
.web-body .section-height{
	min-height: calc(100dvh - 54px);
}
.hero-line-block {
    border-left: 1px dotted var(--bs-gray-500);
}
.hero-line-block.fourth-block {
    border-right: 1px dotted var(--bs-gray-500);
}
.projects-scroll-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}
.projects-scroll-content-wrap {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}
.projects-scroll-content-item {
    grid-column-gap: 15rem;
    grid-row-gap: 15rem;
    opacity: 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 2rem;
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    display: flex;
    position: absolute;
    inset: 0%;
}
.projects-scroll-content-item.is-active {
    opacity: 1;
}
.project-scroll-content-upper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    top: 15svh;
}
[data-pw-title] .line-mask { display: block; overflow: clip; overflow: hidden; }
[data-pw-title] .line { display: block; will-change: transform; }
.pw-right-item {
    margin-bottom: 6rem;         
    opacity: 0.35;              
    transition: opacity .5s ease;
}
.pw-right-item.is-active {
    opacity: 1;                
}
.pw-right-item:last-of-type { margin-bottom: 4rem; }
.pw-viewall { transition: transform .3s ease; }
.pw-viewall:hover { transform: translateY(-2px); }

/* ========================== */
/* WEB ABOUT */
/* ========================== */
html.lenis, html.lenis body {
	height: auto;
}
.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

[data-scroll-fill] {
    word-spacing: 0.05em; 
}
[data-scroll-fill] .word-mask {
    display: inline-block;
    overflow: clip;
}
[data-scroll-fill] .word {
    display: inline-block;
    color: rgba(0, 0, 0, .10);
    will-change: color;
}
@media (max-width: 991px) {
    /*.web-body .section-height{
        min-height: 100dvh;
    }*/
}