.portfolio-scroll-section{background-color:var(--background);width:100vw;height:100svh;color:var(--foreground);z-index:20;isolation:isolate;margin-top:-100svh;padding:2rem 1.5rem 1.5rem;position:relative;overflow:hidden}.featured-title{font-family:var(--font-nm);letter-spacing:-.02em;color:var(--foreground);text-transform:titlecase;mix-blend-mode:difference;z-index:1;will-change:transform;font-size:clamp(3.5rem,2.5rem + 5vw,10rem);font-weight:700;line-height:1.1;position:absolute;top:3.5rem;left:1.5rem}.project-index{position:absolute;top:clamp(9.5rem,11vw,12.5rem);left:1.5rem}.project-index h1{text-transform:uppercase;font-family:var(--font-nm);letter-spacing:-.05rem;color:var(--foreground);will-change:transform;font-size:clamp(1.5rem,1rem + 2vw,3.5rem);font-weight:600;line-height:1.1}.project-images{z-index:-1;will-change:transform;flex-direction:column;gap:.5rem;width:35%;padding:50svh 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.project-img{aspect-ratio:16/9;opacity:.5;will-change:transform,opacity;width:100%;transition:all .3s;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%}.project-names{will-change:transform;pointer-events:auto;opacity:0;flex-direction:column;align-items:flex-end;gap:0;width:min(34vw,30rem);display:flex;position:absolute;top:50%;right:1.5rem}.project-names p{font-family:var(--font-nm);color:var(--foreground-200);will-change:transform,color;text-align:right;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(1.075rem,.325rem + .825vw,2rem);font-weight:500;line-height:1.25;transition:color .3s;overflow:hidden}.project-names p:hover{color:var(--foreground)!important}.project-active-name-mobile{display:none}@media (max-width:1000px){.portfolio-scroll-section{margin-top:-72svh;padding:5.25rem 1rem 1rem}.featured-title{font-size:clamp(2.4rem,4vw + 1rem,5rem);top:5.25rem;left:1rem}.project-index{top:9.05rem;left:1rem}.project-images{gap:18svh;width:min(58vw,460px);padding:45svh 0}.project-names{width:min(34vw,16rem);top:50%;right:1rem}.project-names p{color:var(--foreground-200);font-size:clamp(.85rem,1.2vw,1.05rem)}.project-img{min-height:220px}}@media (max-width:768px){.portfolio-scroll-section{margin-top:-58svh;padding:4.9rem .75rem 1rem}.featured-title{font-size:clamp(2rem,8vw,3.1rem);top:4.9rem;left:.75rem}.project-index{top:8.3rem;left:.75rem}.project-index h1{font-size:clamp(1.25rem,4vw,2rem)}.project-images{gap:14svh;width:calc(100% - 1.5rem);padding:42svh 0}.project-names{display:none}.project-active-name-mobile{left:50%;bottom:max(1.15rem,env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none;justify-content:center;width:min(88vw,28rem);display:flex;position:absolute;transform:translate(-50%)}.project-active-name-mobile p{text-align:center;background:var(--ui-overlay-strong);border:1px solid var(--ui-border-weak);width:100%;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.55rem .8rem;overflow:hidden}}@media (max-width:480px){.portfolio-scroll-section{margin-top:-52svh}.featured-title{font-size:clamp(1.75rem,8.5vw,2.5rem);top:4.5rem}.project-index{top:7.6rem}.project-images{gap:12svh;padding:38svh 0}.project-active-name-mobile p{font-size:.7rem}}