.nl-project-detail .project-overview-content{max-width: 100%;color: rgb(203,213,225);font-size: 1.08rem;line-height: 1.82;-webkit-user-select: text;user-select: text}.nl-project-detail .project-overview-content>*:first-child{margin-top: 0}.nl-project-detail .project-overview-content>*:last-child{margin-bottom: 0}.nl-project-detail .project-overview-content p{margin: 0 0 1.25rem}.nl-project-detail .project-overview-content h1,.nl-project-detail .project-overview-content h2,.nl-project-detail .project-overview-content h3,.nl-project-detail .project-overview-content h4,.nl-project-detail .project-overview-content h5,.nl-project-detail .project-overview-content h6{color: #fff;font-weight: 900;line-height: 1.12;letter-spacing: -0.035em;margin: 2.2rem 0 1rem}.nl-project-detail .project-overview-content h1{font-size: clamp(2rem,4vw,3.4rem)}.nl-project-detail .project-overview-content h2{font-size: clamp(1.75rem,3.2vw,2.8rem)}.nl-project-detail .project-overview-content h3{font-size: clamp(1.4rem,2.4vw,2.1rem)}.nl-project-detail .project-overview-content h4{font-size: 1.25rem}.nl-project-detail .project-overview-content strong,.nl-project-detail .project-overview-content b{color: #fff;font-weight: 850}.nl-project-detail .project-overview-content a{color: #f87171;font-weight: 800;text-decoration: underline;text-decoration-color: rgba(248,113,113,0.35);text-underline-offset: 4px}.nl-project-detail .project-overview-content ul,.nl-project-detail .project-overview-content ol{margin: 1.25rem 0 1.6rem;padding-left: 1.4rem}.nl-project-detail .project-overview-content ul{list-style: disc}.nl-project-detail .project-overview-content ol{list-style: decimal}.nl-project-detail .project-overview-content li{margin: 0.6rem 0;padding-left: 0.25rem}.nl-project-detail .project-overview-content li::marker{color: #bf2b37;font-weight: 900}.nl-project-detail .project-overview-content blockquote{margin: 2rem 0;border-left: 4px solid #bf2b37;border-radius: 0 18px 18px 0;background: rgba(255,255,255,0.055);padding: 1.35rem 1.5rem;color: #e2e8f0;font-weight: 650}.nl-project-detail .project-overview-content figure,.nl-project-detail .project-overview-content img{margin: 2rem 0;border-radius: 22px}.nl-project-detail .project-overview-content img{width: auto;max-width: 100%;height: auto;border: 1px solid rgba(255,255,255,0.1)}.nl-project-detail .project-overview-content table{width: 100%;margin: 2rem 0;border-collapse: collapse;overflow: hidden;border-radius: 18px;background: rgba(15,23,42,0.55)}.nl-project-detail .project-overview-content th,.nl-project-detail .project-overview-content td{border: 1px solid rgba(255,255,255,0.09);padding: 0.9rem 1rem;text-align: left}.nl-project-detail .project-overview-content th{color: #fff;background: rgba(255,255,255,0.075);font-weight: 900}.nl-project-detail .project-overview-content hr{margin: 2.4rem 0;border: 0;border-top: 1px solid rgba(255,255,255,0.12)}.nl-project-detail{--pd-muted: #b0afb5;--pd-accent: #ef6873;--pd-line: #ffffff24;background: #111113;color: #f8f7f4;font-family: 'Urbanist',sans-serif}.nl-project-detail *,.nl-project-detail *::before,.nl-project-detail *::after{box-sizing: border-box}.nl-project-detail :where(h1,h2,h3){overflow-wrap: anywhere;text-wrap: balance}.nl-project-detail h2{font-size: clamp(32px,3.4vw,50px);font-weight: 580;line-height: 1.12;letter-spacing: -.04em}.nl-project-detail h3{font-size: 25px;font-weight: 650;line-height: 1.2;letter-spacing: -.025em}.nl-project-detail p{line-height: 1.75}.nl-project-detail a{text-decoration: none;color: inherit}.nl-project-detail :is(a,[tabindex]):focus-visible{outline: 3px solid var(--pd-accent);outline-offset: 5px}.nl-project-detail .pd-muted{color: var(--pd-muted)}.nl-project-detail .pd-accent{color: var(--pd-accent)}.nl-project-detail .project-detail-container{width: min(100% - 96px,1280px);margin-inline: auto}.nl-project-detail .project-detail-hero{padding-block: 32px 64px;background: radial-gradient(ellipse at 80% 0,#54202a60,transparent 62%),#111113}.nl-project-detail .project-detail-hero-grid{display: grid;grid-template-columns: 1fr 1.15fr;align-items: center;gap: 64px}.nl-project-detail .project-detail-breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;color: #aaa4aa;font-size: 12px;margin-bottom: 38px;line-height: 1.6}.nl-project-detail .project-detail-breadcrumb>span:last-child{color: #e2dade;overflow-wrap: anywhere}.nl-project-detail .project-detail-title{margin: 0;font-size: clamp(38px,4.25vw,62px);font-weight: 580;line-height: 1.08;letter-spacing: -.05em}.nl-project-detail .project-hero-summary{font-size: 17px;color: #c4bdc3;margin: 24px 0 0}.nl-project-detail .project-hero-actions{margin-top: 26px}.nl-project-detail .project-live-link{display: inline-flex;align-items: center;justify-content: center;gap: 16px;min-height: 50px;padding: 15px 22px;border-radius: 8px;background: linear-gradient(120deg,#ca3542,#ad2330);color: #fff;font-size: 13px;font-weight: 700;line-height: 1.4;box-shadow: inset 0 1px 0 #ffffff24,0 8px 24px #ad233026}.nl-project-detail .project-live-link__icon{font-size: 19px}.nl-project-detail .project-detail-meta-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px 30px;border-top: 1px solid var(--pd-line);padding-top: 26px;margin-top: 34px}.nl-project-detail .project-detail-meta-item{min-width: 0}.nl-project-detail .project-detail-meta-item p{font-size: 11px;color: #aaa4aa;margin: 0 0 7px}.nl-project-detail .project-detail-meta-item strong{font-size: 14px;font-weight: 600;overflow-wrap: anywhere}.nl-project-detail .project-detail-scroll-preview{position: relative;aspect-ratio: 4 / 3;border: 1px solid var(--pd-line);border-radius: 12px;overflow: hidden;background: #211e22;box-shadow: 0 20px 42px #0003}.nl-project-detail .project-detail-scroll-preview__image,.nl-project-detail .project-scroll-preview__image{position: absolute;inset: 0;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;transition: background-position 10s linear}.nl-project-detail .project-detail-scroll-preview:hover .project-detail-scroll-preview__image,.nl-project-detail .project-detail-scroll-preview:focus-visible .project-detail-scroll-preview__image,.nl-project-detail a.pd-project:hover .project-scroll-preview__image,.nl-project-detail a.pd-project:focus-visible .project-scroll-preview__image{background-position: center bottom}.nl-project-detail .project-overview-section{padding-block: 64px;background: #1b1a1d;border-block: 1px solid #ffffff0d}.nl-project-detail .project-overview-card{padding: 0}.nl-project-detail .project-overview-heading{margin-bottom: 32px}.nl-project-detail .project-overview-heading h2{margin: 0}.nl-project-detail .project-overview-content{font-size: 17px;overflow-wrap: anywhere}.nl-project-detail .project-overview-content>*{margin-left: 0 !important;margin-right: 0 !important}.nl-project-detail .project-overview-content :is(h1,h2,h3,h4,h5,h6){font-weight: 600}.nl-project-detail .project-overview-content a{color: var(--pd-accent);text-decoration: underline}.nl-project-detail .project-overview-content :is(table,pre){display: block;max-width: 100%;overflow-x: auto}.nl-project-detail .project-stats-section{padding-block: 40px 56px;background: #1b1a1d}.nl-project-detail .pd-stats-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 32px}.nl-project-detail .pd-stat{border-top: 1px solid var(--pd-line);padding-top: 24px}.nl-project-detail .pd-stat-value{color: var(--pd-accent);font-size: 48px;line-height: 1.1;font-weight: 550;letter-spacing: -.045em;margin: 0 0 16px}.nl-project-detail .pd-stat>p:last-child{font-size: 12px}.nl-project-detail .project-related-section,.nl-project-detail .pd-services-section,.nl-project-detail .project-blog-section{padding-block: 80px}.nl-project-detail .pd-heading{display: flex;align-items: flex-start;justify-content: space-between;gap: 32px;margin-bottom: 40px}.nl-project-detail .pd-heading>div{min-width: 0}.nl-project-detail .pd-heading h2{margin-bottom: 16px}.nl-project-detail .pd-heading>a{flex-shrink: 0;white-space: nowrap;font-size: 13px;padding-block: 8px;border-bottom: 1px solid currentColor}.nl-project-detail .pd-project-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 26px}.nl-project-detail .pd-project{display: flex;flex-direction: column;min-width: 0}.nl-project-detail .project-scroll-preview{position: relative;aspect-ratio: 16 / 10;overflow: hidden;border: 1px solid var(--pd-line);border-radius: 10px;background: #211e22}.nl-project-detail .pd-project-copy{padding-top: 24px;display: flex;flex-direction: column;flex: 1}.nl-project-detail .pd-project-copy h3{margin-bottom: 12px}.nl-project-detail .pd-project-copy>span{margin-top: auto;padding-top: 10px;font-size: 12px}.nl-project-detail .pd-services-section{--pd-muted: #625e58;--pd-accent: #a92230;background: #efeee9;color: #242426}.nl-project-detail .pd-service-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 22px}.nl-project-detail .pd-service{display: flex;flex-direction: column;gap: 28px;padding: 34px;border: 1px solid #24242424;border-radius: 12px;background: #f8f7f270;color: inherit;transition: transform .2s,background .2s}.nl-project-detail .pd-service-icon .material-symbols-outlined{font-size: 34px}.nl-project-detail .pd-service h3{font-size: 25px}.nl-project-detail .pd-service p{font-size: 15px}.nl-project-detail .pd-service:hover{transform: translateY(-4px);background: #fffdfa}.nl-project-detail .pd-service>div:last-child>span{font-size: 12px;text-transform: none;letter-spacing: 0}.nl-project-detail .pd-blog-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 28px}.nl-project-detail .pd-blog-card{overflow: hidden;background: #1b1a1d;border: 1px solid var(--pd-line);border-radius: 12px}.nl-project-detail .pd-blog-card:hover{border-color: #ef687388}.nl-project-detail .pd-blog-image{aspect-ratio: 16 / 9;background: #131316;overflow: hidden}.nl-project-detail .pd-blog-image img{width: 100%;height: 100%;object-fit: contain}.nl-project-detail .pd-blog-copy{padding: 28px}.nl-project-detail .pd-blog-copy h3{font-size: 24px}.nl-project-detail .project-final-cta-section{padding-block: 80px;position: relative;overflow: hidden;background: linear-gradient(110deg,#a8212e,#c82f3d)}.nl-project-detail .project-final-cta-section::before{content: '';position: absolute;pointer-events: none;width: 680px;height: 680px;border: 1px solid #ffffff12;border-radius: 50%;right: -130px;top: -180px;box-shadow: 0 0 0 50px #ffffff04,0 0 0 100px #ffffff03}.nl-project-detail .pd-final-layout{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 24px 90px;position: relative}.nl-project-detail .pd-final-title{grid-column: 1;font-size: clamp(36px,4.4vw,62px);margin: 0;max-width: 820px}.nl-project-detail .pd-final-description{grid-column: 1;color: #fff;font-size: 16px;max-width: 640px;margin: 0}.nl-project-detail .pd-final-button{grid-column: 2;grid-row: 1 / 3;width: 180px;min-height: 180px;padding: 28px;border: 1px solid #ffffff50;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;font-size: 14px;font-weight: 700;transition: background .2s}.nl-project-detail .pd-final-button:hover{background: #ffffff14}@media (max-width:1100px){.nl-project-detail .project-detail-container{width: calc(100% - 64px)}.nl-project-detail .project-detail-hero-grid{gap: 36px}.nl-project-detail .pd-service{padding: 26px}.nl-project-detail .pd-final-layout{column-gap: 40px}}@media (max-width:900px){.nl-project-detail .project-detail-hero-grid{grid-template-columns: 1fr;gap: 34px}.nl-project-detail .project-detail-meta-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.nl-project-detail .pd-project-grid,.nl-project-detail .pd-service-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width:767px){.nl-project-detail .project-detail-container{width: calc(100% - 40px)}.nl-project-detail .project-detail-hero{padding-block: 22px 44px}.nl-project-detail .project-detail-breadcrumb{font-size: 11px;margin-bottom: 28px}.nl-project-detail .project-detail-title{font-size: clamp(34px,8.7vw,48px) !important;line-height: 1.08 !important}.nl-project-detail h2{font-size: 32px !important;line-height: 1.12 !important}.nl-project-detail h3{font-size: 23px !important;line-height: 1.25 !important}.nl-project-detail .project-hero-summary{font-size: 16px;margin-top: 20px}.nl-project-detail .project-live-link{font-size: 12px;padding: 14px 18px}.nl-project-detail .project-detail-meta-grid{grid-template-columns: repeat(2,minmax(0,1fr));margin-top: 28px;gap: 20px}.nl-project-detail .project-detail-meta-item strong{font-size: 13px}.nl-project-detail .project-overview-section{padding-block: 48px}.nl-project-detail .project-overview-content{font-size: 16px}.nl-project-detail .project-overview-content h2{font-size: 28px !important}.nl-project-detail .project-overview-content h3{font-size: 23px !important}.nl-project-detail .project-overview-content h4{font-size: 20px !important}.nl-project-detail .project-stats-section{padding-block: 12px 48px}.nl-project-detail .pd-stats-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 26px}.nl-project-detail .pd-stat-value{font-size: 38px}.nl-project-detail .project-related-section,.nl-project-detail .pd-services-section,.nl-project-detail .project-blog-section{padding-block: 56px}.nl-project-detail .pd-heading{gap: 18px;margin-bottom: 30px}.nl-project-detail .pd-heading h2{font-size: 28px !important}.nl-project-detail .pd-heading p{font-size: 14px}.nl-project-detail .pd-heading>a{font-size: 11px;gap: 4px}.nl-project-detail .pd-project-grid,.nl-project-detail .pd-service-grid,.nl-project-detail .pd-blog-grid{grid-template-columns: 1fr;gap: 30px}.nl-project-detail .pd-blog-copy{padding: 24px}.nl-project-detail .project-final-cta-section{padding-block: 56px}.nl-project-detail .pd-final-layout{grid-template-columns: 1fr;gap: 24px}.nl-project-detail .pd-final-title{font-size: 38px !important}.nl-project-detail .pd-final-description{font-size: 15px}.nl-project-detail .pd-final-button{grid-column: 1;grid-row: auto;width: fit-content;min-height: 50px;padding: 14px 22px;border-radius: 8px}}@media (prefers-reduced-motion:reduce){.nl-project-detail *,.nl-project-detail *::before,.nl-project-detail *::after{animation: none !important;transition: none !important}.nl-project-detail .project-detail-scroll-preview:hover .project-detail-scroll-preview__image,.nl-project-detail .project-detail-scroll-preview:focus-visible .project-detail-scroll-preview__image,.nl-project-detail a.pd-project:hover .project-scroll-preview__image,.nl-project-detail a.pd-project:focus-visible .project-scroll-preview__image{background-position: center top}}
